/* ============================================================
   Anatolia Grill & Pizza — customer site layout
   Mobile-first, logo-led, image-rich, no external animation libs.
   ============================================================ */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;
  background:var(--ag-bg);
  color:var(--ag-text);
  font-family:var(--ag-font-body);
  font-weight:400;
  font-size:1rem;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.34;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E");
}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--ag-font-display);font-weight:650;line-height:1.06;letter-spacing:0;margin:0}
p{margin:0 0 1rem}
:focus-visible{outline:2px solid var(--ag-gold);outline-offset:3px}

.wrap{width:min(100% - 1.25rem,var(--cb-wrap));margin-inline:auto}
.wrap--narrow{width:min(100% - 1.25rem,760px);margin-inline:auto}
.section{padding-block:4rem}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  font-family:var(--ag-font-ui);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.74rem;
  font-weight:800;
  color:var(--ag-primary-deep);
}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--ag-gold)}
.lead{font-size:1.08rem;color:var(--ag-text-muted)}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  min-height:44px;
  font-family:var(--ag-font-ui);
  font-weight:800;
  font-size:.95rem;
  letter-spacing:0;
  padding:.78rem 1.2rem;
  border-radius:8px;
  border:1px solid transparent;
  cursor:pointer;
  text-decoration:none;
  transition:transform 180ms var(--cb-easing-out-soft),background 180ms,box-shadow 180ms,border-color 180ms,color 180ms;
}
.btn:hover{transform:translateY(-2px)}
.btn--primary{background:var(--ag-primary);color:var(--ag-on-dark);box-shadow:0 14px 28px -16px var(--ag-primary)}
.btn--primary:hover{background:var(--ag-primary-deep)}
.btn--ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.36);color:#fff}
.btn--ghost:hover{background:rgba(255,255,255,.16);border-color:var(--ag-gold);color:#fff}
.btn--dark{background:var(--ag-char);color:var(--ag-on-dark)}
.btn--dark:hover{background:var(--ag-char-2)}
.btn--gold{background:var(--ag-gold);color:var(--ag-ink);box-shadow:0 14px 28px -18px var(--ag-gold-deep)}
.btn--gold:hover{background:var(--ag-gold-deep)}
.btn--lg{min-height:50px;padding:.9rem 1.35rem;font-size:1rem}

/* ---------- nav ---------- */
.nav{
  position:sticky;
  top:0;
  z-index:60;
  background:color-mix(in oklch,var(--ag-paper) 94%,transparent);
  backdrop-filter:saturate(1.2) blur(10px);
  border-bottom:1px solid var(--ag-line);
  transition:background var(--cb-duration-base),box-shadow var(--cb-duration-base);
}
.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding-block:.58rem;transition:padding var(--cb-duration-base) var(--cb-easing-out-soft)}
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;min-width:0}
.brand__logo{height:48px;width:auto;flex:0 0 auto;transition:transform var(--cb-duration-base) var(--cb-easing-out-soft)}
.brand__word{font-family:var(--ag-font-display);font-weight:700;font-size:1.08rem;line-height:1;color:var(--ag-text);display:flex;flex-direction:column;gap:3px;min-width:0}
.brand__word small{font-family:var(--ag-font-ui);font-weight:700;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ag-text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav__links{display:flex;align-items:center;gap:1.15rem}
.nav__links a{font-family:var(--ag-font-ui);font-weight:700;font-size:.9rem;text-decoration:none;color:var(--ag-text-muted);transition:color var(--cb-duration-fast)}
.nav__links a:hover{color:var(--ag-primary-deep)}
.nav__cta{padding:.58rem .95rem}
.nav__toggle{display:none;background:#fff;border:1px solid var(--ag-line-strong);border-radius:8px;font-size:1.1rem;line-height:1;padding:.45rem .58rem;cursor:pointer;color:var(--ag-text)}
.nav.is-scrolled{box-shadow:0 10px 28px -20px rgba(26,26,26,.45);background:color-mix(in oklch,var(--ag-paper) 98%,transparent)}
.nav.is-scrolled .nav__inner{padding-block:.42rem}
.nav.is-scrolled .brand__logo{transform:scale(.9)}

/* ---------- hero ---------- */
.hero{
  position:relative;
  color:var(--ag-paper);
  overflow:hidden;
  isolation:isolate;
  display:block;
}
.hero__bg{position:absolute;inset:0;z-index:-2;background:var(--ag-char)}
.hero__bg img{width:100%;height:100%;object-fit:cover}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 78% 18%,rgba(231,181,59,.24),transparent 24rem),
    linear-gradient(100deg,rgba(12,11,10,.95) 0%,rgba(18,14,12,.82) 43%,rgba(18,14,12,.44) 100%);
}
.hero__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1.2rem;
  padding-block:2rem 1.35rem;
}
.hero__copy{max-width:43rem}
.hero__badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  border:1px solid color-mix(in oklch,var(--ag-gold) 58%,transparent);
  color:var(--ag-gold);
  border-radius:999px;
  padding:.36rem .85rem;
  font-family:var(--ag-font-ui);
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:800;
  margin-bottom:1rem;
}
.hero h1{font-size:2.72rem;font-weight:800;color:#fff;max-width:13ch}
.hero h1 em{font-style:italic;color:var(--ag-gold)}
.hero__lead{font-size:1.08rem;color:color-mix(in oklch,var(--ag-paper) 87%,transparent);margin-top:1rem;max-width:34rem}
.hero__cta{display:flex;flex-wrap:wrap;gap:.72rem;margin-top:1.45rem}
.hero__meta{display:grid;gap:.45rem;margin-top:1.35rem;font-family:var(--ag-font-ui);font-size:.86rem;color:color-mix(in oklch,var(--ag-paper) 82%,transparent)}
.hero__meta span{display:flex;gap:.45rem;align-items:baseline}
.hero__meta b{color:var(--ag-gold);font-weight:900}
.hero__panel{
  width:min(100%,360px);
  align-self:end;
  background:color-mix(in oklch,var(--ag-char) 74%,transparent);
  border:1px solid color-mix(in oklch,var(--ag-gold) 42%,transparent);
  border-radius:8px;
  padding:1rem;
  display:grid;
  grid-template-columns:72px 1fr;
  gap:.9rem;
  align-items:center;
  box-shadow:0 22px 60px -32px rgba(0,0,0,.7);
}
.hero__panel-logo{width:72px;height:72px;object-fit:contain;border-radius:50%;background:var(--ag-paper);padding:4px}
.hero__panel-kicker{display:block;font-family:var(--ag-font-ui);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ag-gold);font-weight:800}
.hero__panel strong{display:block;font-family:var(--ag-font-display);font-size:1.05rem;line-height:1.15;color:#fff}
.hero__panel .btn{grid-column:1/-1;width:100%;margin-top:.1rem}

/* ---------- ledger ---------- */
.ledger{background:var(--ag-char);color:var(--ag-paper)}
.ledger__grid{display:grid;grid-template-columns:repeat(2,1fr)}
.ledger__cell{padding:1.15rem .75rem;text-align:center;border-right:1px solid color-mix(in oklch,var(--ag-paper) 12%,transparent);border-bottom:1px solid color-mix(in oklch,var(--ag-paper) 12%,transparent);transition:transform var(--cb-duration-base) var(--cb-easing-out-soft)}
.ledger__cell:nth-child(2n){border-right:0}
.ledger__num{font-family:var(--ag-font-display);font-weight:800;font-size:1.75rem;color:var(--ag-gold);line-height:1}
.ledger__num small{font-size:.5em;font-weight:800;margin-left:1px}
.ledger__label{font-family:var(--ag-font-ui);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklch,var(--ag-paper) 76%,transparent);margin-top:.4rem}

/* ---------- section heading ---------- */
.sec-head{max-width:47rem;margin-bottom:2rem}
.sec-head h2{font-size:2.15rem;margin-top:.45rem}
.sec-head p{margin-top:.72rem}

/* ---------- signature trio ---------- */
.trio{display:grid;grid-template-columns:1fr;gap:1rem}
.dish{
  position:relative;
  border-radius:8px;
  overflow:hidden;
  border:var(--cb-border-card);
  box-shadow:var(--cb-shadow-card);
  background:var(--ag-surface);
  transition:transform var(--cb-duration-base) var(--cb-easing-out-soft),box-shadow var(--cb-duration-base);
}
.dish__img{aspect-ratio:4/3;overflow:hidden;background:var(--ag-char)}
.dish__img img{width:100%;height:100%;object-fit:cover;transition:transform 900ms var(--cb-easing-out-soft)}
.dish__body{padding:1.05rem}
.dish__body h3{font-size:1.28rem}
.dish__body p{font-size:.92rem;color:var(--ag-text-muted);margin:.38rem 0 0}
.dish__tag{
  position:absolute;
  top:.78rem;
  left:.78rem;
  background:var(--ag-primary);
  color:var(--ag-on-dark);
  font-family:var(--ag-font-ui);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.05em;
  padding:.26rem .58rem;
  border-radius:6px;
  box-shadow:0 4px 12px -5px rgba(0,0,0,.4);
}
.dish__tag--green{background:var(--ag-green)}
.dish__tag--gold{background:var(--ag-gold);color:var(--ag-ink)}

/* ---------- menu ---------- */
.menu{background:var(--ag-surface-2)}
.menu__tabs{
  position:sticky;
  top:58px;
  z-index:40;
  background:color-mix(in oklch,var(--ag-paper) 96%,transparent);
  backdrop-filter:blur(8px);
  border-block:1px solid var(--ag-line);
  margin-bottom:1.5rem;
}
.menu__tabs-inner{display:flex;gap:.45rem;overflow-x:auto;padding-block:.65rem;scrollbar-width:thin}
.menu__tabs-inner::-webkit-scrollbar{height:4px}
.menu__tabs-inner::-webkit-scrollbar-thumb{background:var(--ag-line-strong);border-radius:2px}
.menu__tab{
  flex:0 0 auto;
  font-family:var(--ag-font-ui);
  font-size:.82rem;
  font-weight:850;
  white-space:nowrap;
  padding:.48rem .78rem;
  border-radius:8px;
  border:1px solid var(--ag-line);
  color:var(--ag-text-muted);
  background:#fff;
  text-decoration:none;
  transition:background var(--cb-duration-fast),color var(--cb-duration-fast),border-color var(--cb-duration-fast),transform var(--cb-duration-fast);
}
.menu__tab:hover,.menu__tab.is-active{background:var(--ag-primary);color:var(--ag-on-dark);border-color:var(--ag-primary)}
.mcat{margin-bottom:2.25rem;scroll-margin-top:126px}
#menu,#order,#about,#find{scroll-margin-top:74px}
.mcat__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:.8rem;
  margin-bottom:.9rem;
  padding-bottom:.58rem;
  border-bottom:2px solid var(--ag-line-strong);
}
.mcat__head h3{font-size:1.65rem}
.mcat__head span{font-family:var(--ag-font-ui);font-size:.78rem;color:var(--ag-text-faint);letter-spacing:.04em;white-space:nowrap}
.mgrid{display:grid;grid-template-columns:1fr;gap:.62rem}
.mgroup{display:grid;gap:.62rem}
.m-item{
  min-height:76px;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  gap:.78rem;
  align-items:center;
  padding:.6rem .72rem;
  border:1px solid color-mix(in oklch,var(--ag-ink) 9%,transparent);
  border-radius:8px;
  background:color-mix(in oklch,var(--ag-surface) 92%,white 8%);
  box-shadow:0 1px 0 rgba(26,26,26,.03);
  transition:transform var(--cb-duration-fast) var(--cb-easing-out-soft),border-color var(--cb-duration-fast),box-shadow var(--cb-duration-fast);
}
.m-item__thumb{
  width:58px;
  height:58px;
  border-radius:8px;
  overflow:hidden;
  background:
    linear-gradient(135deg,color-mix(in oklch,var(--ag-gold) 35%,white),color-mix(in oklch,var(--ag-red) 20%,white)),
    var(--ag-paper-2);
  border:1px solid var(--ag-line);
  flex:0 0 auto;
}
.m-item__thumb img{width:100%;height:100%;object-fit:cover}
.m-item__text{min-width:0}
.m-item__name{display:block;font-weight:750;line-height:1.24;overflow-wrap:anywhere}
.m-item__name small{display:block;font-family:var(--ag-font-ui);font-weight:500;font-size:.78rem;color:var(--ag-text-faint);line-height:1.35;margin-top:3px}
.m-item__dots{display:none}
.m-item__price{font-family:var(--ag-font-ui);font-weight:900;color:var(--ag-primary-deep);white-space:nowrap;align-self:start;padding-top:.08rem}
.menu__note{font-family:var(--ag-font-ui);font-size:.84rem;color:var(--ag-text-faint);text-align:center;margin-top:1rem}

/* ---------- order / how to ---------- */
.order{background:var(--ag-char);color:var(--ag-paper)}
.order .sec-head h2{color:#fff}
.order .sec-head p{color:color-mix(in oklch,var(--ag-paper) 80%,transparent)}
.order__grid{display:grid;grid-template-columns:1fr;gap:1rem}
.ocard{
  background:color-mix(in oklch,var(--ag-paper) 7%,transparent);
  border:1px solid color-mix(in oklch,var(--ag-paper) 16%,transparent);
  border-radius:8px;
  padding:1.4rem;
  display:flex;
  flex-direction:column;
  gap:.72rem;
}
.ocard__icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--ag-gold);
  color:var(--ag-ink);
  font-family:var(--ag-font-ui);
  font-size:.78rem;
  font-weight:900;
}
.ocard h3{font-size:1.6rem;color:#fff}
.ocard p{color:color-mix(in oklch,var(--ag-paper) 80%,transparent);font-size:.95rem;margin:0}
.ocard__phone{font-family:var(--ag-font-display);font-weight:800;font-size:1.7rem;color:var(--ag-gold);text-decoration:none;letter-spacing:0;overflow-wrap:anywhere}
.ocard .btn{margin-top:auto;align-self:flex-start}
.ocard--feature{background:linear-gradient(160deg,color-mix(in oklch,var(--ag-primary) 22%,transparent),color-mix(in oklch,var(--ag-paper) 6%,transparent));border-color:color-mix(in oklch,var(--ag-gold) 40%,transparent)}

/* ---------- about ---------- */
.about__grid{display:grid;grid-template-columns:1fr;gap:1.4rem;align-items:center}
.about__media{position:relative}
.about__media img{border-radius:8px;box-shadow:var(--cb-shadow-lift);aspect-ratio:5/4;object-fit:cover;width:100%}
.est-badge{position:absolute;right:10px;bottom:10px;width:94px;height:94px;border-radius:50%;background:var(--ag-paper);padding:5px;box-shadow:var(--cb-shadow-lift);border:3px solid var(--ag-paper)}
.est-badge img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.about__body h2{font-size:2.15rem;margin:.45rem 0 .85rem}

/* ---------- location ---------- */
.loc__grid{display:grid;grid-template-columns:1fr;gap:1.2rem;align-items:stretch}
.loc__info h2{font-size:2.15rem;margin:.45rem 0 1rem}
.loc__row{display:flex;gap:.72rem;align-items:flex-start;padding:.7rem 0;border-bottom:1px solid var(--ag-line)}
.loc__row .ic{color:var(--ag-primary);font-size:1.05rem;width:1.4rem;flex:0 0 auto;text-align:center}
.loc__row b{font-family:var(--ag-font-ui)}
.hours{width:100%;border-collapse:collapse;font-family:var(--ag-font-ui);font-size:.9rem;margin-top:.4rem}
.hours td{padding:.3rem 0;border-bottom:1px solid var(--ag-line)}
.hours td:last-child{text-align:right;color:var(--ag-primary-deep);font-weight:800}
.loc__map{border-radius:8px;overflow:hidden;border:var(--cb-border-card);min-height:330px;box-shadow:var(--cb-shadow-card);background:var(--ag-surface-2)}
.loc__map iframe{width:100%;height:100%;min-height:330px;border:0;display:block;filter:saturate(.94)}

/* ---------- value strip ---------- */
.values{background:var(--ag-surface-2);border-top:1px solid var(--ag-line)}
.values__grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.value{min-height:146px;text-align:left;padding:1rem;border:1px solid var(--ag-line);border-radius:8px;background:var(--ag-surface);transition:transform var(--cb-duration-base) var(--cb-easing-out-soft),box-shadow var(--cb-duration-base)}
.value__ic{display:inline-flex;min-width:56px;min-height:30px;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in oklch,var(--ag-green) 12%,white);color:var(--ag-green-700);font-family:var(--ag-font-ui);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:900}
.value h4{font-size:1rem;margin:.62rem 0 .28rem}
.value p{font-size:.86rem;color:var(--ag-text-muted);margin:0}

/* ---------- footer ---------- */
.foot{background:var(--ag-char);color:color-mix(in oklch,var(--ag-paper) 82%,transparent);padding-block:2.5rem 1.75rem}
.foot__grid{display:grid;grid-template-columns:1fr;gap:1.55rem}
.foot h5{font-family:var(--ag-font-ui);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ag-gold);margin:0 0 .72rem}
.foot a{color:color-mix(in oklch,var(--ag-paper) 82%,transparent);text-decoration:none}
.foot a:hover{color:var(--ag-gold)}
.foot__brand{font-family:var(--ag-font-display);font-size:1.32rem;color:#fff;margin-bottom:.55rem}
.foot p{font-size:.9rem;margin:0 0 .45rem}
.foot__bar{border-top:1px solid color-mix(in oklch,var(--ag-paper) 14%,transparent);margin-top:1.6rem;padding-top:1.05rem;display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;justify-content:space-between;font-size:.8rem;font-family:var(--ag-font-ui)}
.foot__bar a{text-decoration:underline;text-underline-offset:2px}
.foot__cb{color:var(--ag-gold)}
.foot__cb-link{color:inherit;text-decoration:none}
.foot__cb-link:hover{color:#fff;text-decoration:underline}
.foot__logo{height:62px;width:auto;margin-bottom:.7rem}
.flag-accent{display:block;width:56px;height:4px;border-radius:2px;margin:0 0 1rem;background:linear-gradient(to right,var(--ag-green) 0 33.34%,#f6f1e7 33.34% 66.67%,var(--ag-red) 66.67% 100%)}

/* ---------- cookie banner ---------- */
.cb-cookie{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:9999;
  background:#0f0e0e;
  color:#f5f0e8;
  padding:.85rem;
  box-shadow:0 -4px 22px rgba(0,0,0,.25);
}
.cb-cookie[hidden]{display:none}
.cb-cookie__inner{width:min(100%,var(--cb-wrap));margin-inline:auto;display:flex;flex-direction:column;gap:.75rem;font-family:var(--ag-font-ui);font-size:.86rem;line-height:1.45}
.cb-cookie a{color:var(--ag-gold)}
.cb-cookie__btn{align-self:flex-start;background:var(--ag-primary);color:#fff;border:0;border-radius:8px;padding:.62rem 1rem;font-weight:900;cursor:pointer}

/* ---------- reveal, visible until JS enhances ---------- */
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(20px);transition:opacity 760ms var(--cb-easing-out-soft),transform 760ms var(--cb-easing-out-soft)}
.js .reveal.is-in{opacity:1;transform:none}
.js .reveal[data-d="1"]{transition-delay:80ms}
.js .reveal[data-d="2"]{transition-delay:160ms}
.js .reveal[data-d="3"]{transition-delay:240ms}
@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}}

/* ---------- motion enhancements ---------- */
@media (prefers-reduced-motion:no-preference){
  .hero__badge{animation:heroIn .65s var(--cb-easing-out-soft) both}
  .hero h1{animation:heroIn .8s .1s var(--cb-easing-out-soft) both}
  .hero__lead{animation:heroIn .8s .2s var(--cb-easing-out-soft) both}
  .hero__cta{animation:heroIn .8s .3s var(--cb-easing-out-soft) both}
  .hero__meta{animation:heroIn .8s .4s var(--cb-easing-out-soft) both}
  .hero__bg img{animation:kenburns 24s ease-out both;transform-origin:60% 42%}
  .dish:hover{transform:translateY(-5px);box-shadow:var(--cb-shadow-lift)}
  .dish:hover .dish__img img{transform:scale(1.06)}
  .m-item:hover{transform:translateY(-2px);border-color:color-mix(in oklch,var(--ag-gold) 52%,var(--ag-line));box-shadow:0 10px 26px -22px rgba(26,26,26,.7)}
  .m-item:hover .m-item__name{color:var(--ag-primary-deep)}
  .ocard:hover,.value:hover,.ledger__cell:hover{transform:translateY(-3px)}
  .menu__tab:hover,.menu__tab.is-active{transform:translateY(-1px)}
}
@keyframes heroIn{from{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes kenburns{from{transform:scale(1.02)}to{transform:scale(1.12)}}

/* ---------- responsive ---------- */
@media (min-width:680px){
  .wrap{width:min(100% - 2rem,var(--cb-wrap))}
  .section{padding-block:5.2rem}
  .hero h1{font-size:3.5rem}
  .hero__inner{padding-block:4rem 2.75rem}
  .hero__meta{display:flex;flex-wrap:wrap;gap:1rem 1.35rem}
  .ledger__grid{grid-template-columns:repeat(4,1fr)}
  .ledger__cell{border-bottom:0}
  .ledger__cell:nth-child(2n){border-right:1px solid color-mix(in oklch,var(--ag-paper) 12%,transparent)}
  .ledger__cell:last-child{border-right:0}
  .trio{grid-template-columns:repeat(3,1fr)}
  .order__grid{grid-template-columns:repeat(2,1fr)}
  .values__grid{grid-template-columns:repeat(4,1fr)}
  .foot__grid{grid-template-columns:1.35fr 1fr 1fr}
  .cb-cookie__inner{flex-direction:row;align-items:center;justify-content:space-between}
  .cb-cookie__btn{align-self:auto;flex:0 0 auto}
}
@media (min-width:920px){
  .hero{min-height:76svh;display:grid;align-items:end}
  .hero__inner{grid-template-columns:minmax(0,1fr) 360px;align-items:end}
  .hero h1{font-size:4.25rem}
  .sec-head h2,.about__body h2,.loc__info h2{font-size:2.75rem}
  .mgrid{grid-template-columns:1fr 1fr;gap:.72rem}
  .about__grid{grid-template-columns:1.05fr .95fr;gap:3rem}
  .loc__grid{grid-template-columns:.88fr 1.12fr;gap:2.5rem}
}
@media (min-width:1180px){
  .hero h1{font-size:4.7rem}
}
@media (max-width:760px){
  .nav__toggle{display:block}
  .nav__links{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:var(--ag-paper);
    border-bottom:1px solid var(--ag-line);
    padding:.5rem 1rem 1rem;
    display:none;
    box-shadow:var(--cb-shadow-card);
  }
  .nav__links.is-open{display:flex}
  .nav__links a{padding:.72rem 0;border-bottom:1px solid var(--ag-line)}
  .nav__cta{margin-top:.65rem}
  .menu__tabs{top:57px}
}
@media (max-width:420px){
  .brand__logo{height:44px}
  .brand__word{font-size:1rem}
  .brand__word small{font-size:.54rem;max-width:190px}
  .hero h1{font-size:2.38rem}
  .hero__panel{display:none}
  .hero__panel-logo{width:58px;height:58px}
  .m-item{grid-template-columns:52px minmax(0,1fr);gap:.66rem}
  .m-item__thumb{width:52px;height:52px}
  .m-item__price{grid-column:2;justify-self:start;padding-top:0}
  .values__grid{grid-template-columns:1fr}
}