/* Aurora 4 · v4 layer: richer hero, smoother menu, responsive tuning */
:root{--e:cubic-bezier(.16,1,.3,1)}
/* Hero */
.hero{min-height:min(92dvh,860px)!important;isolation:isolate}
.hero-bg img{animation:heroZoom 18s var(--e) both;transform-origin:center}
.hero-overlay-grad{background:linear-gradient(180deg,oklch(.1 .01 30 / .55) 0%,oklch(.1 .01 30 / .35) 45%,var(--bg) 100%)!important}
.hero::before{content:"";position:absolute;inset:auto -20% -30% -20%;height:60%;z-index:1;background:radial-gradient(closest-side,oklch(.63 .225 20 / .28),transparent);filter:blur(30px);pointer-events:none}
.hero::after{content:"";position:absolute;left:50%;top:50%;width:min(720px,90vw);aspect-ratio:1;translate:-50% -50%;z-index:1;border-radius:50%;border:1px solid oklch(.83 .12 85 / .14);box-shadow:0 0 0 60px oklch(.83 .12 85 / .03),0 0 0 140px oklch(.83 .12 85 / .02);pointer-events:none;animation:ringSpin 40s linear infinite}
.hero-logo{box-shadow:0 0 0 3px oklch(.83 .12 85 / .55),0 20px 60px -10px oklch(.63 .225 20 / .6)!important;animation:floatY 6s ease-in-out infinite}
.hero-title{font-size:clamp(44px,9vw,104px)!important;background:linear-gradient(180deg,oklch(.98 0 0),oklch(.86 .12 85));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.01em!important}
.hero-tagline{font-size:clamp(16px,2.2vw,21px)!important;opacity:.88;max-width:560px}
.hero-actions .btn-lg{transition:transform .35s var(--e),box-shadow .35s var(--e)}
.hero-actions .btn-lg:hover{transform:translateY(-3px)}
@keyframes heroZoom{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes floatY{50%{transform:translateY(-8px)}}
@keyframes ringSpin{to{rotate:360deg}}
/* Menu items */
.menu-item{transition:transform .45s var(--e),box-shadow .45s var(--e),border-color .45s var(--e)!important;will-change:transform}
.menu-item:hover{transform:translateY(-4px)}
.menu-item-photo{overflow:hidden}
.menu-item-photo img{transition:transform .8s var(--e)!important}
.menu-item:hover .menu-item-photo img{transform:scale(1.06)}
.cat-tab,.qty-btn,.pizza-size,.btn-primary,.btn-ghost{transition:all .3s var(--e)!important}
.qty-btn:active,.cat-tab:active,.pizza-size:active{transform:scale(.94)}
.cat-tabs{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.cat-tab{scroll-snap-align:start}
.menu-item img{content-visibility:auto}
/* Responsive */
img{max-width:100%;height:auto}
@media (max-width:640px){
 .hero{min-height:auto!important;padding-top:120px!important}
 .hero::after{width:120vw}
 .hero-logo-wrap{width:120px!important;height:120px!important}
 .menu-item:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ===== v6 smoothness & responsive tuning ===== */
html{-webkit-text-size-adjust:100%}
img{-webkit-user-drag:none;user-select:none}
.chip,.chip-tag,.sig-card-tag,.gal-cap,.stat-value{contain:paint}
.sig-card{overflow:hidden}
.sig-card img{aspect-ratio:4/3;object-fit:cover}
.gal-cell{overflow:hidden}
.menu-ticker{contain:paint}
@media (max-width:768px){
 .stats-grid{gap:10px}
 .stat-row{padding:14px}
 .footer-top{row-gap:30px}
 .nav-mobile{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
}
@media (min-width:1440px){.container{max-width:1240px}}
@media (prefers-reduced-motion:no-preference){
 .btn-primary,.btn-ghost,.btn-outline{will-change:transform}
}

/* ===== v7 · Sticky search + category bar (menu page) ===== */
html,body{overflow-x:clip!important;overflow-y:visible!important}
@supports not (overflow:clip){html{overflow-x:hidden!important}body{overflow-x:visible!important}}
.cat-tabs-wrap{position:-webkit-sticky!important;position:sticky!important;top:var(--nav-live,var(--nav-h))!important;z-index:80!important;
 background:color-mix(in oklab,var(--bg,#0b0908) 88%,transparent)!important;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
 transition:padding .35s var(--e),box-shadow .35s var(--e),background-color .35s var(--e)}
.cat-tabs-wrap.is-stuck{box-shadow:0 14px 34px -18px oklch(0 0 0 / .85);background:color-mix(in oklab,var(--bg,#0b0908) 94%,transparent)!important}
.cat-tabs-wrap .menu-search-form{transition:margin .35s var(--e)}
.cat-tabs-wrap .menu-search-field{transition:height .35s var(--e),min-height .35s var(--e)}
.cat-tabs-wrap.is-stuck .menu-search-field input{transition:padding .35s var(--e)}
.cat-tabs{scroll-snap-type:none!important}
.cat-tab{white-space:nowrap;flex-shrink:0}
.cat-tab.active{box-shadow:0 8px 22px -10px oklch(.63 .225 20 / .9)}
.menu-category{scroll-margin-top:calc(var(--nav-live,var(--nav-h)) + var(--bar-h,120px) + 12px)!important}
/* fade hints on the scrollable tab row */
.cat-tabs{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent 100%);padding-inline:14px!important}
@media (max-width:640px){
 .cat-tabs-wrap{padding:6px 0!important}
 .cat-tabs-wrap .menu-search-form{gap:8px;margin-bottom:6px}
 .cat-tabs-wrap .search-status{font-size:12px;white-space:nowrap}
 .cat-tabs-wrap.is-stuck .menu-search-field input{padding-block:8px}
 .cat-tab{padding:9px 14px!important;font-size:11px!important}
}
/* Smoothness */
.menu-item{content-visibility:auto;contain-intrinsic-size:auto 420px}
@media (hover:none){.menu-item:hover{transform:none}.menu-item:hover .menu-item-photo img{transform:none}}
@media (max-width:640px){
 .cat-tabs-wrap .menu-search-form{display:flex!important;align-items:center;flex-wrap:nowrap!important;gap:10px}
 .cat-tabs-wrap .menu-search-field{flex:1 1 auto;min-width:0}
 .cat-tabs-wrap .search-status{flex:0 0 auto;max-width:34%;overflow:hidden;text-overflow:ellipsis;margin:0!important}
}