/* Concept C — mobile quick menu: white, compact rows, sticky chips, bottom sheet. */
.t-c { background: #fff; color: #1d1d1f; }
.t-c .site-header { background: var(--pd-splash); color: #fff; }
.t-c .site-header__row { padding-block: 8px; }
.t-c .brand img { width: 36px; height: 36px; }
.t-c .lang-toggle { min-height: 36px; border-width: 1.5px; font-size: .85rem; }
.t-c .hero { display: none; }

.t-c .cat-nav { background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.t-c .cat-nav__link { background: #f2f2f4; font-size: .9rem; }
.t-c .cat-nav__link.is-active { background: var(--pd-primary); color: #fff; }

.t-c .menu { max-width: 1100px; }
.t-c .cat { padding-top: 22px; }
.t-c .cat__title { font-size: 1.3rem; font-weight: 800; display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.t-c .cat__count { font-size: .75rem; font-weight: 700; background: #f2f2f4; border-radius: 999px; padding: 2px 8px; color: #666; }

.t-c .rows { list-style: none; margin: 0; padding: 0; }
@media (min-width: 900px) { .t-c .rows { display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; } }
.t-c .rows > li { border-bottom: 1px solid #eee; }
.t-c .row { width: 100%; display: flex; align-items: center; gap: 14px; padding: 12px 0; min-height: 64px; }
.t-c .row:active { background: #fafafa; }
.t-c .row__img { flex: none; width: 88px; height: 88px; border-radius: 14px; object-fit: cover; background: #f6f6f6; }
.t-c .row__img.is-cutout { object-fit: contain; background: #fff; }
.t-c .row__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.t-c .row__name { font-weight: 800; font-size: 1rem; line-height: 1.25; }
.t-c .row__desc { font-size: .82rem; color: #6b6b70; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.t-c .meta { color: #6b6b70; font-size: .76rem; }
.t-c .kcal { color: #b0581b; }
.t-c .row > .price { align-self: center; font-size: 1.05rem; color: var(--pd-primary); }

.t-c .site-footer { background: #f6f6f8; }
.t-c .daily__item { background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.08); }
.t-c .social a { background: var(--pd-primary); color: #fff; }