/* Burger Company, estilo do site. Conceito "Noite de Grelha" (Modern-Retro premium, noturno).
   Sistema: escala de espaçamento de 8 pt, container de 1200 px, títulos condensados (poucas quebras), texto em Manrope. */

@font-face{font-family:'Barlow Condensed';src:url('../fonts/barlow-condensed-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Caveat';src:url('../fonts/caveat-latin-wght-normal.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:'Manrope';src:url('../fonts/manrope-latin-wght-normal.woff2') format('woff2');font-weight:300 800;font-display:swap}

:root{
  --graphite:#282728; --wine:#3C1518; --moss:#323832; --amber:#DE994E; --red:#d83030; --cream:#f2D7AD;
  --amber-hi:#f1b672; --amber-lo:#c27f33; --amber-ink:#2b1707;
  --bg:#0d0c0c; --bg-2:#131111; --surface:#171515; --surface-2:#201d1d; --surface-3:#2b2727;
  --text:#f4e7d0; --muted:#cdbda3; --faint:#a09282;
  --line:rgba(242,215,173,.13); --line-2:rgba(242,215,173,.24);
  --accent-text:#e8a965; --on-red:#fff4e6; --ok:#7fcf86;
  --glass:rgba(13,12,12,.88); --shadow:0 24px 60px -24px rgba(0,0,0,.75); --shadow-sm:0 10px 30px -14px rgba(0,0,0,.7);
  --card-img-bg:#0a0808; --scrim:rgba(10,6,6,.66);
  --foot-bg:#070606; --foot-text:#d9c8aa;
  --display:'Barlow Condensed','Arial Narrow',Impact,sans-serif; --script:'Caveat','Segoe Script',cursive; --body:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r-sm:10px; --r:16px; --r-lg:24px; --hdr:76px; --gut:clamp(16px,4vw,32px); --maxw:1200px;
  --sec:clamp(64px,8vw,112px);
  --ease:cubic-bezier(.2,.8,.2,1);
  color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#f7eedd; --bg-2:#f1e4cc; --surface:#fffaf1; --surface-2:#f6ead3; --surface-3:#ecdcc0;
  --text:#2a2526; --muted:#6a5c4f; --faint:#8b7a69;
  --line:rgba(40,39,40,.13); --line-2:rgba(40,39,40,.26);
  --accent-text:#9a5412; --ok:#2f7d3a;
  --glass:rgba(247,238,221,.86); --shadow:0 24px 60px -28px rgba(60,21,24,.45); --shadow-sm:0 10px 26px -14px rgba(60,21,24,.35);
  --card-img-bg:#2a1b1b; --scrim:rgba(40,20,20,.5);
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;font-weight:300;line-height:1.65;-webkit-font-smoothing:antialiased;transition:background .35s var(--ease),color .35s var(--ease);overflow-x:hidden}
body.lock{overflow:hidden}
img{max-width:100%;display:block}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
a{color:inherit}
input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-weight:700;font-family:var(--display);letter-spacing:.02em}
b,strong,th{font-family:var(--display);font-weight:700;letter-spacing:.03em}
summary,button,input,select,textarea{font-weight:inherit}
.hero h1,.sec-head h2,.mc-head h3,.pcard h4,.fcard h3,.promo h3,.area h3,.dr-head h2,.citem h4,.p-title h2,.co-card h2,.co-side h3,.track h2,.onum strong,.empty h3,.foot h4,.faq-title,.promo-main .big{text-transform:uppercase;line-height:1}
p{margin:0}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:6px}
.ico{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ico.fill{fill:currentColor;stroke:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:100%;max-width:calc(var(--maxw) + 2 * var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.num{font-variant-numeric:tabular-nums}
.sec-head h2,.hero h1,.faq-title,.promo h3{text-wrap:balance}
.eyebrow{font-family:var(--script);font-weight:500;font-size:1.5rem;line-height:1;color:var(--amber);display:inline-flex;align-items:center;gap:.6em;letter-spacing:0;text-transform:none}
.eyebrow::before{content:"";width:32px;height:1px;background:currentColor;opacity:.7}
.script{font-family:var(--script);font-weight:500;color:var(--accent-text)}

.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:54px;padding:0 1.75rem;border-radius:14px;font-family:var(--display);font-weight:700;font-size:1.125rem;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;white-space:nowrap;line-height:1;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .25s,border-color .25s,color .25s}
.btn .ico{width:1.2em;height:1.2em;transition:transform .35s var(--ease)}
.btn::before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-130%) skewX(-18deg);transition:transform .35s var(--ease)}
.btn:hover::before{transform:translateX(130%) skewX(-18deg)}
.btn:hover .ico-go{transform:translateX(5px)}
.btn:active{transform:translateY(1px) scale(.975)}
.btn-primary{background:linear-gradient(180deg,var(--amber-hi),var(--amber) 55%,var(--amber-lo));color:var(--amber-ink);box-shadow:0 14px 30px -12px rgba(222,153,78,.75),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 0 rgba(0,0,0,.14)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 22px 38px -12px rgba(222,153,78,.85),0 0 0 4px rgba(222,153,78,.18),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.14)}
.btn-primary[disabled]{filter:grayscale(.8) brightness(.7);pointer-events:none;box-shadow:none}
.btn-ghost{border:1.5px solid var(--line-2);color:var(--text);background:transparent}
.btn-ghost:hover{transform:translateY(-3px);border-color:var(--amber);color:var(--accent-text);background:color-mix(in srgb,var(--amber) 12%,transparent);box-shadow:0 14px 28px -16px rgba(222,153,78,.6)}
.btn-sm{min-height:44px;padding:0 1.15rem;font-size:1rem;border-radius:12px}
.btn-block{width:100%}
.iconbtn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line-2);transition:transform .35s var(--ease),border-color .25s,background .25s,color .25s}
.iconbtn:hover{border-color:var(--amber);color:var(--accent-text);background:color-mix(in srgb,var(--amber) 12%,transparent);transform:translateY(-2px) rotate(-6deg)}
.iconbtn .ico{width:20px;height:20px}

.hdr{position:fixed;inset:0 0 auto 0;z-index:60;height:var(--hdr);background:var(--glass);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.hdr .wrap{height:100%;display:flex;align-items:center;gap:24px}
.brand{display:flex;flex:none;transition:transform .35s var(--ease)}
.brand img{height:60px;width:60px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}
.brand:hover{transform:rotate(-6deg) scale(1.06)}
.status{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);font-size:0.8125rem;white-space:nowrap;flex:none}
.status b{font-weight:700;letter-spacing:.02em;font-family:var(--display);letter-spacing:.03em}
.status span.sub{color:var(--muted)}
.status span.sub::before{content:"·";margin-right:10px;color:var(--faint)}
.dot{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(127,207,134,.6);animation:pulse 2s infinite;flex:none}
.is-closed .dot{background:var(--red);animation:none;box-shadow:none}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(127,207,134,0)}100%{box-shadow:0 0 0 0 rgba(127,207,134,0)}}
.eta{display:flex;align-items:center;gap:8px;font-size:0.8125rem;color:var(--muted);white-space:nowrap}
.eta b{color:var(--text)}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{position:relative;padding:10px 14px;text-decoration:none;font-weight:700;font-size:1rem;color:var(--muted);transition:color .25s;white-space:nowrap;font-family:var(--display);letter-spacing:.03em}
.nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav a:hover{color:var(--text)}.nav a:hover::after{transform:scaleX(1)}
.hdr-actions{display:flex;align-items:center;gap:12px}
.nav + .hdr-actions{margin-left:0}
.track-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:12px;border:1.5px solid var(--line-2);font-weight:700;font-size:1rem;white-space:nowrap;transition:all .25s var(--ease);font-family:var(--display);letter-spacing:.03em}
.track-btn:hover{border-color:var(--amber);color:var(--accent-text);transform:translateY(-2px)}
.cart-btn{position:relative;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px;border-radius:12px;background:var(--amber);color:var(--amber-ink);font-weight:700;font-size:1rem;white-space:nowrap;transition:transform .35s var(--ease),box-shadow .35s;box-shadow:0 10px 24px -12px rgba(222,153,78,.9);font-family:var(--display);letter-spacing:.03em}
.cart-btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px -12px rgba(222,153,78,1)}
.cart-btn .count{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--graphite);color:var(--cream);font-size:0.8125rem}
.cart-btn.bump{animation:bump .35s var(--ease)}
@keyframes bump{30%{transform:scale(1.14) rotate(-3deg)}100%{transform:scale(1)}}
main{padding-top:var(--hdr)}

.hero{position:relative;isolation:isolate;overflow:hidden;color:var(--text);background:radial-gradient(55% 70% at 88% 12%,rgba(222,153,78,.16),transparent 62%),radial-gradient(45% 55% at 0% 100%,rgba(216,48,48,.12),transparent 62%),#090808}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(40px,6vw,96px);align-items:center;min-height:clamp(600px,84svh,780px);padding-block:72px 144px}
.hero-copy{display:grid;gap:32px;justify-items:start;max-width:560px}
.hero-copy > *{animation:rise .35s var(--ease) both}
.hero-copy > *:nth-child(2){animation-delay:.1s}.hero-copy > *:nth-child(3){animation-delay:.2s}.hero-copy > *:nth-child(4){animation-delay:.3s}.hero-copy > *:nth-child(5){animation-delay:.4s}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.hero h1{font-size:clamp(3rem,6.2vw,5.5rem);line-height:.92;color:#f6e6c8;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--amber);display:block}
.hero .lead{font-size:1.125rem;color:var(--muted);max-width:44ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:16px}
.closed-note{display:none;padding:14px 18px;border-radius:14px;background:rgba(216,48,48,.14);border:1px solid rgba(216,48,48,.5);font-size:.9375rem;color:#ffd7cf;max-width:44ch}
.is-closed .closed-note{display:block}
.hero-visual{position:relative;animation:rise .35s .15s var(--ease) both}
.hero-photo{position:relative;aspect-ratio:4/4.4;border-radius:32px;overflow:hidden;border:1px solid var(--line-2);box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 0 10px rgba(242,215,173,.04);background:var(--card-img-bg)}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:scale(1.02);transition:transform .35s var(--ease)}
.hero-visual:hover .hero-photo img{transform:scale(1.08)}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,8,8,.55),transparent 38%)}
.hero-card{position:absolute;left:-40px;bottom:32px;z-index:2;display:flex;align-items:center;gap:16px;padding:16px 16px 16px 20px;border-radius:20px;background:rgba(13,12,12,.92);backdrop-filter:blur(12px);border:1px solid rgba(216,48,48,.55);box-shadow:0 24px 50px -20px rgba(0,0,0,.9)}
.hero-card .tk{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--red);color:var(--on-red)}
.hero-card .tk .ico{width:24px;height:24px}
.hero-card .tt{display:grid;gap:4px}
.hero-card .tt small{font-size:.8125rem;color:var(--muted);line-height:1}
.hero-card .tt b{font-size:1.5rem;line-height:1;color:#f6e6c8}
.hero-chip{position:absolute;right:-16px;top:32px;z-index:2;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:99px;background:rgba(13,12,12,.92);border:1px solid var(--line-2);font-family:var(--display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.9375rem;color:var(--cream);backdrop-filter:blur(10px);white-space:nowrap}
.hero-chip .ico{color:var(--amber)}
.info{position:relative;z-index:2;margin-top:-56px}
.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}
.info-item{display:flex;gap:16px;align-items:flex-start;padding:24px;position:relative;transition:background .25s}
.info-item + .info-item::before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:1px;background:var(--line)}
.info-item:hover{background:var(--surface-2)}
.info-item .ico{width:28px;height:28px;color:var(--accent-text);margin-top:2px}
.info-item h3{font-family:var(--display);font-size:0.8125rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:4px;line-height:1.3}
.info-item p{font-size:1.125rem;line-height:1.35;font-weight:700;font-family:var(--display);letter-spacing:.03em}
.info-item small{display:block;color:var(--muted);font-weight:300;font-size:0.8125rem;margin-top:4px;line-height:1.4}

.cats{position:sticky;top:var(--hdr);z-index:50;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);margin-top:64px}
.cats-in{position:relative}
.cats-scroll{display:flex;gap:12px;overflow-x:auto;padding-block:14px;scrollbar-width:none;scroll-snap-type:x proximity}
.cats-scroll::-webkit-scrollbar{display:none}
.chip{scroll-snap-align:start;flex:none;display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px;border-radius:999px;border:1.5px solid var(--line-2);font-weight:700;font-size:1rem;transition:all .35s var(--ease);white-space:nowrap;font-family:var(--display);letter-spacing:.03em}
.chip .ico{width:20px;height:20px;transition:transform .35s var(--ease)}
.chip:hover{border-color:var(--amber);transform:translateY(-2px)}
.chip:hover .ico{transform:rotate(-12deg) scale(1.12)}
.chip.on{background:var(--amber);border-color:var(--amber);color:var(--amber-ink);box-shadow:0 10px 22px -12px rgba(222,153,78,.9)}

.sec{padding-block:var(--sec)}
.sec-head{display:grid;gap:14px;justify-items:start;max-width:900px;margin-bottom:clamp(32px,4vw,48px)}
.sec-head h2{font-size:clamp(2.5rem,5.4vw,4rem);line-height:.95;font-weight:700;font-family:var(--display);letter-spacing:.03em}
.sec-head p{color:var(--muted);font-size:1rem;max-width:64ch}
.bg-alt{background:linear-gradient(180deg,var(--bg-2),var(--bg))}

.feat{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:repeat(2,minmax(280px,1fr));gap:24px}
.fcard{position:relative;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--r-lg);overflow:hidden;background:var(--card-img-bg);text-align:left;isolation:isolate;border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s;min-width:0}
.fcard:first-child{grid-row:span 2}
.fcard img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)}
.fcard::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(14,8,8,.95) 0%,rgba(14,8,8,.6) 34%,rgba(14,8,8,0) 62%)}
.fcard:hover{transform:translateY(-6px);border-color:var(--amber);box-shadow:0 30px 50px -26px rgba(222,153,78,.55)}
.fcard:hover img{transform:scale(1.07)}
.fcard .in{padding:24px;display:grid;gap:8px;color:#f6e6c8}
.fcard h3{font-size:clamp(1.5rem,2.4vw,2rem)}
.fcard:first-child h3{font-size:clamp(2.5rem,4vw,3rem)}
.fcard p{display:none;color:#dccaa9;font-size:0.9375rem;max-width:44ch}
.fcard:first-child p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fcard .row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
.price{font-weight:700;font-size:1.5rem;color:var(--accent-text);font-variant-numeric:tabular-nums;white-space:nowrap;font-family:var(--display);letter-spacing:.03em}
.fcard .price{color:#ffc27a;font-size:1.25rem}
.badge{position:absolute;top:16px;left:16px;z-index:1;display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:99px;background:var(--red);color:var(--on-red);font-size:0.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 8px 18px -8px rgba(216,48,48,.9);white-space:nowrap;font-family:var(--display);letter-spacing:.03em}
.go{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--amber);color:var(--amber-ink);flex:none;transition:transform .35s var(--ease),box-shadow .35s}
.fcard:hover .go,.pcard:hover .go{transform:rotate(90deg) scale(1.1);box-shadow:0 0 0 6px rgba(222,153,78,.22)}

.ph.is-soon::after,.p-img.is-soon::before,.fcard.is-soon::after{content:"Sem foto";position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);padding:6px 14px;border-radius:99px;background:rgba(18,11,10,.7);border:1px solid rgba(242,215,173,.3);color:#e9d6b4;font-size:0.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;z-index:2;font-family:var(--display);letter-spacing:.03em}
.ph.is-soon::after{top:50%}

.menu-cat{scroll-margin-top:calc(var(--hdr) + 80px)}
.menu-cat + .menu-cat{margin-top:clamp(48px,6vw,80px)}
.mc-head{display:flex;align-items:baseline;gap:8px 20px;margin-bottom:24px;flex-wrap:wrap}
.mc-head h3{font-size:clamp(2rem,4vw,3rem)}
.mc-head p{color:var(--muted);font-size:0.9375rem}
.mgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.pcard{position:relative;display:flex;flex-direction:column;text-align:left;border-radius:var(--r);overflow:hidden;background:var(--surface);border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s;min-width:0}
.pcard .ph{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--card-img-bg)}
.pcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)}
.pcard .ph::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(105deg,transparent 40%,rgba(255,235,200,.18) 50%,transparent 60%);transform:translateX(-120%);transition:transform .35s var(--ease)}
.pcard:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--amber) 70%,transparent);box-shadow:var(--shadow)}
.pcard:hover .ph img{transform:scale(1.08)}
.pcard:hover .ph::before{transform:translateX(120%)}
.pcard .tx{display:flex;flex-direction:column;gap:8px;padding:20px;flex:1;min-width:0}
.pcard h4{font-size:1.5rem}
.pcard .desc{color:var(--muted);font-size:0.9375rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pcard .row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;gap:12px}
.pcard .badge{top:12px;left:12px;z-index:3}

.promos{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}
.promo{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;gap:16px;justify-content:space-between;min-height:340px;border:1px solid var(--line);isolation:isolate}
.promo h3{font-size:clamp(2rem,3vw,2.5rem)}
.promo p{opacity:.85;max-width:38ch;margin-top:8px}
.promo-main{background:radial-gradient(120% 120% at 100% 0%,#6a2025 0%,var(--wine) 55%,#230b0d 100%);color:#f6e6c8;border-color:rgba(222,153,78,.35)}
.promo-main .big{font-size:clamp(4rem,9vw,5.5rem);line-height:.8;color:var(--amber);font-weight:700;font-family:var(--display);letter-spacing:.03em}
.promo-main .big small{font-size:.32em;letter-spacing:.1em;margin-left:.2em;color:#ffd9a2}
.promo-main::after{content:"";position:absolute;right:-40px;top:-40px;width:220px;height:220px;border-radius:50%;border:1px dashed rgba(242,215,173,.3);z-index:-1}
.promo-alt{background:var(--moss);color:#f2D7AD}
.promo-cream{background:var(--cream);color:#2a1a1b;border-color:transparent}
.promo .ico-big{width:44px;height:44px;opacity:.9}
.promo-cream .btn-ghost{border-color:rgba(40,39,40,.4);color:#2a1a1b}
.promo-alt .btn-ghost{color:#f2D7AD}

.areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.area{padding:28px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px;transition:transform .35s var(--ease),border-color .25s}
.area:hover{transform:translateY(-4px);border-color:var(--amber)}
.area .ico{width:30px;height:30px;color:var(--accent-text)}
.area h3{font-size:2rem}
.area .fee{font-weight:700;font-size:2rem;color:var(--accent-text);line-height:1;font-family:var(--display);letter-spacing:.03em}
.area small{color:var(--muted);font-size:0.8125rem;line-height:1.45}
.area.free{background:linear-gradient(160deg,var(--wine),#220a0c);color:#f4e7d0;border-color:rgba(222,153,78,.3)}
.area.free .ico,.area.free .fee{color:var(--amber)}
.area.free small{color:#d6c3a2}

.faq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,80px);align-items:start}
.faq-title{font-size:clamp(2.5rem,5vw,4rem);margin-top:14px;font-weight:700;line-height:.95;font-family:var(--display);letter-spacing:.03em}
.faq-list{display:grid;gap:12px}
.faq details{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);transition:border-color .25s,background .25s}
.faq details[open]{border-color:color-mix(in srgb,var(--amber) 60%,transparent);background:var(--surface-2)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;font-weight:700;font-family:var(--display);letter-spacing:.03em}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ico{transition:transform .35s var(--ease);color:var(--accent-text)}
.faq details[open] summary .ico{transform:rotate(180deg)}
.faq details p{padding:0 24px 22px;color:var(--muted);max-width:60ch}
.faq-wa{margin-top:28px;display:grid;gap:16px;justify-items:start;color:var(--muted)}

.foot{background:var(--foot-bg);color:var(--foot-text);padding-block:64px 160px;border-top:1px solid rgba(222,153,78,.25)}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:40px}
.foot img{width:112px;height:112px;object-fit:contain}
.foot h4{font-size:1.125rem;letter-spacing:.14em;color:var(--amber);margin-bottom:16px}
.foot p,.foot li{font-size:0.9375rem;color:#cdbb9b;line-height:1.6}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot a{text-decoration:none}.foot a:hover{color:var(--amber)}
.foot-bottom{margin-top:48px;padding-top:24px;border-top:1px solid rgba(242,215,173,.14);display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:0.8125rem;color:#9a8b73;align-items:center}
.proto-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.proto-tools button{height:34px;padding:0 14px;border:1px solid rgba(242,215,173,.25);border-radius:99px;font-size:0.8125rem;color:#d9c8aa;transition:all .25s}
.proto-tools button:hover{border-color:var(--amber);color:var(--amber)}

.scrim{position:fixed;inset:0;z-index:80;background:var(--scrim);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .35s}
.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;z-index:90;top:0;right:0;bottom:0;width:min(480px,100%);background:var(--bg);border-left:1px solid var(--line-2);display:flex;flex-direction:column;transform:translateX(104%);transition:transform .35s var(--ease);box-shadow:-30px 0 80px -30px rgba(0,0,0,.7)}
.drawer.on{transform:none}
.dr-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid var(--line);padding-top:max(20px,env(safe-area-inset-top,0px))}
.dr-head h2{font-size:2rem}
.dr-head small{color:var(--muted);display:block;font-size:0.8125rem;font-family:var(--body);margin-top:4px;text-transform:none;letter-spacing:0}
.dr-body{flex:1;overflow-y:auto;padding:20px 24px;display:grid;gap:16px;align-content:start;overscroll-behavior:contain}
.empty{display:grid;justify-items:center;text-align:center;gap:16px;padding:48px 8px}
.empty .ico{width:56px;height:56px;color:var(--accent-text);opacity:.85}
.empty h3{font-size:2rem}
.empty p{color:var(--muted);max-width:30ch}
.citem{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;padding:14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);animation:rise .35s var(--ease) both}
.citem img{width:80px;height:80px;object-fit:cover;border-radius:12px;background:var(--card-img-bg)}
.citem h4{font-size:1.5rem;line-height:1.05}
.citem .opts{color:var(--muted);font-size:0.8125rem;margin-top:4px;line-height:1.45}
.citem .opts .no{color:#ff8a82}
.citem .crow{display:flex;align-items:center;gap:12px;margin-top:10px}
.citem .crow strong{margin-left:auto;color:var(--accent-text)}
.stepper{display:inline-flex;align-items:center;border:1.5px solid var(--line-2);border-radius:99px;overflow:hidden;flex:none}
.stepper button{width:38px;height:38px;display:grid;place-items:center;transition:background .25s,color .25s}
.stepper button:hover{background:var(--amber);color:var(--amber-ink)}
.stepper button .ico{width:16px;height:16px}
.stepper output{min-width:30px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums;font-family:var(--display);letter-spacing:.03em}
.citem .rm{color:var(--faint);transition:color .25s,transform .25s var(--ease)}.citem .rm:hover{color:#ff7d74;transform:scale(1.15)}
.dr-sec{padding:18px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);display:grid;gap:14px}
.dr-sec h3{font-family:var(--display);font-size:0.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:14px;background:var(--bg-2);border:1px solid var(--line)}
.seg button{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:10px;font-weight:700;font-size:1rem;transition:all .25s var(--ease);color:var(--muted);font-family:var(--display);letter-spacing:.03em}
.seg button.on{background:var(--amber);color:var(--amber-ink);box-shadow:0 8px 18px -10px rgba(222,153,78,.9)}
.field{display:grid;gap:6px;align-content:start}
.field label,.lbl{font-size:.8125rem;font-weight:700;color:var(--muted);font-family:var(--display);letter-spacing:.03em}
.inp,.sel,.txa{width:100%;min-height:42px;padding:0 12px;border-radius:10px;font-size:.9375rem;background:var(--bg-2);border:1.5px solid var(--line-2);outline:none;transition:border-color .25s,box-shadow .25s,background .25s}
.txa{min-height:72px;padding:10px 12px;resize:vertical}
.inp:focus,.sel:focus,.txa:focus{border-color:var(--amber);box-shadow:0 0 0 4px rgba(222,153,78,.2)}
.inp.bad,.sel.bad{border-color:var(--red);animation:shake .35s}
@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.err{color:#ff8a82;font-size:0.9375rem;font-weight:700;font-family:var(--display);letter-spacing:.03em}
.err:empty{display:none}
:root[data-theme="light"] .err,:root[data-theme="light"] .citem .opts .no{color:#b3201e}
.hint{font-size:0.8125rem;color:var(--muted);line-height:1.5}
.coupon-row{display:flex;gap:8px}
.coupon-row .inp{text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-family:var(--display);letter-spacing:.03em}
.coupon-ok{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--ok) 16%,transparent);border:1px solid color-mix(in srgb,var(--ok) 55%,transparent);color:var(--ok);font-weight:700;font-size:1rem;font-family:var(--display);letter-spacing:.03em}
.coupon-ok span{display:flex;align-items:center;gap:8px}
.coupon-ok button{color:inherit;text-decoration:underline;font-size:0.8125rem;white-space:nowrap}
.sum{display:grid;gap:10px;font-size:0.9375rem}
.sum .r{display:flex;justify-content:space-between;gap:16px}
.sum .r span:first-child{color:var(--muted)}
.sum .disc,.sum .disc span:first-child{color:var(--ok)}
.sum .total{padding-top:14px;margin-top:4px;border-top:1px dashed var(--line-2);align-items:baseline}
.sum .total span:first-child{color:var(--text);font-family:var(--display);font-weight:700;font-size:1.5rem;text-transform:uppercase;letter-spacing:.04em}
.sum .total span:last-child{color:var(--accent-text);font-size:2rem;font-weight:700;font-family:var(--display);letter-spacing:.03em}
.minbar{height:6px;border-radius:9px;background:var(--bg-2);overflow:hidden}
.minbar i{display:block;height:100%;background:linear-gradient(90deg,var(--amber-lo),var(--amber-hi));border-radius:9px;transition:width .35s var(--ease)}
.dr-foot{padding:20px 24px;border-top:1px solid var(--line);display:grid;gap:14px;background:var(--bg-2);padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}

.cartbar{position:fixed;z-index:70;left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));display:none;transform:translateY(120%);transition:transform .35s var(--ease);background:linear-gradient(0deg,var(--bg) 55%,transparent)}
.cartbar.on{transform:none}
.cartbar button{width:100%;min-height:58px;border-radius:16px;background:linear-gradient(180deg,var(--amber-hi),var(--amber) 55%,var(--amber-lo));color:var(--amber-ink);display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-weight:700;box-shadow:0 18px 34px -14px rgba(222,153,78,.9),inset 0 1px 0 rgba(255,255,255,.5);font-family:var(--display);letter-spacing:.03em}
.cartbar .l{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:1.25rem;letter-spacing:.08em;text-transform:uppercase}
.cartbar .n{display:grid;place-items:center;min-width:28px;height:28px;border-radius:99px;background:var(--graphite);color:var(--cream);font-size:0.8125rem;font-family:var(--body);letter-spacing:0}

.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;pointer-events:none;visibility:hidden}
.modal.on{pointer-events:auto;visibility:visible}
.modal .scrim{z-index:0;position:absolute}
.sheet{position:relative;z-index:1;width:min(720px,100%);max-height:min(90svh,860px);display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line-2);border-radius:28px;overflow:hidden;box-shadow:0 50px 100px -30px rgba(0,0,0,.85);opacity:0;transform:translateY(30px) scale(.97);transition:opacity .35s,transform .35s var(--ease)}
.modal.on .sheet{opacity:1;transform:none}
.sheet .x{position:absolute;top:16px;right:16px;z-index:3;background:var(--glass);backdrop-filter:blur(8px)}
.p-img{position:relative;flex:none;background:var(--card-img-bg);aspect-ratio:16/8.4;overflow:hidden}
.p-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.p-img::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(0deg,var(--bg),transparent)}
.p-body{display:flex;flex-direction:column;min-height:0;flex:1}
.p-scroll{flex:1;overflow-y:auto;padding:8px 32px 16px;display:grid;gap:28px;align-content:start;overscroll-behavior:contain}
.p-title{display:grid;gap:12px;justify-items:start}
.p-title h2{font-size:clamp(2.5rem,5vw,4rem)}
.p-title p{color:var(--muted)}
.p-title .price{font-size:1.5rem}
.grp h3{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--display);text-transform:none;letter-spacing:0;font-weight:700;font-size:1rem;margin-bottom:12px;line-height:1.3}
.grp h3 small{font-size:0.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:99px;background:var(--surface-3);color:var(--muted);white-space:nowrap;font-family:var(--display);letter-spacing:.03em}
.grp h3 small.req{background:var(--red);color:var(--on-red)}
.opt{position:relative;display:flex;align-items:center;gap:14px;min-height:56px;padding:0 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color .25s,background .25s,transform .25s var(--ease)}
.opt + .opt{margin-top:8px}
.opt:hover{border-color:var(--line-2);transform:translateX(3px)}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt .mk{width:22px;height:22px;border-radius:50%;border:2px solid var(--line-2);display:grid;place-items:center;flex:none;transition:all .25s var(--ease)}
.opt.multi .mk{border-radius:7px}
.opt .mk .ico{width:14px;height:14px;stroke-width:3;color:var(--amber-ink);transform:scale(0);transition:transform .25s var(--ease)}
.opt:has(input:checked){border-color:var(--amber);background:color-mix(in srgb,var(--amber) 11%,var(--surface))}
.opt:has(input:checked) .mk{background:var(--amber);border-color:var(--amber)}
.opt:has(input:checked) .mk .ico{transform:scale(1)}
.opt:has(input:focus-visible){outline:2px solid var(--amber);outline-offset:2px}
.opt:has(input:disabled){opacity:.45;cursor:not-allowed}
.opt .nm{flex:1;font-weight:700;line-height:1.3;font-family:var(--display);letter-spacing:.03em}
.opt .pr{font-weight:700;color:var(--accent-text);font-variant-numeric:tabular-nums;font-size:1rem;white-space:nowrap;font-family:var(--display);letter-spacing:.03em}
.opt.rm:has(input:not(:checked)) .nm{text-decoration:line-through;color:var(--faint)}
.opt.rm .tg{font-size:0.8125rem;color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-weight:700;font-family:var(--display);letter-spacing:.03em}
.incl{display:flex;flex-wrap:wrap;gap:8px}
.incl span{padding:8px 14px;border-radius:99px;background:var(--surface);border:1px solid var(--line);font-size:0.8125rem;color:var(--muted)}
.cnt{text-align:right;font-size:0.8125rem;color:var(--faint);margin-top:6px}
.p-foot{padding:16px 32px 24px;border-top:1px solid var(--line);display:flex;gap:16px;align-items:center;background:var(--bg-2);flex-wrap:wrap}
.p-foot .btn{flex:1;min-width:0}
.p-foot .stepper button{width:44px;height:52px}
.p-msg{width:100%;font-size:0.9375rem;color:#ff8a82;font-weight:700;display:none;font-family:var(--display);letter-spacing:.03em}
:root[data-theme="light"] .p-msg{color:#b3201e}
.p-msg.on{display:block}

.checkout{position:fixed;inset:0;z-index:110;background:var(--bg);overflow-y:auto;transform:translateY(100%);transition:transform .35s var(--ease);visibility:hidden;overscroll-behavior:contain}
.checkout.on{transform:none;visibility:visible}
.co-top{position:sticky;top:0;z-index:5;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.co-top .wrap{display:flex;align-items:center;gap:20px;min-height:76px}
.co-top img{height:56px;width:56px;object-fit:contain}
.co-top .back{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:1rem;color:var(--muted);transition:color .25s;white-space:nowrap;font-family:var(--display);letter-spacing:.03em}
.co-top .back:hover{color:var(--accent-text)}
.co-top .back .ico{transform:rotate(180deg)}
.co-top .lock{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:0.8125rem;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-block:32px 12px}
.stp{display:flex;align-items:center;gap:12px;min-width:0;opacity:.55;transition:opacity .25s}
.stp .n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--line-2);font-weight:700;font-size:1rem;flex:none;transition:all .35s var(--ease);font-family:var(--display);letter-spacing:.03em}
.stp .n .ico{width:18px;height:18px;stroke-width:3}
.stp span:not(.n){font-weight:700;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--display);letter-spacing:.03em}
.stp.cur,.stp.done{opacity:1}
.stp.cur .n{background:var(--amber);border-color:var(--amber);color:var(--amber-ink);box-shadow:0 0 0 5px rgba(222,153,78,.2)}
.stp.done .n{background:color-mix(in srgb,var(--ok) 24%,transparent);border-color:var(--ok);color:var(--ok)}
.stp-lbl{display:none;margin:4px 0 12px;font-size:1rem;color:var(--muted);font-weight:700;font-family:var(--display);letter-spacing:.03em}
.stp-lbl b{color:var(--accent-text)}
.stbar{height:3px;background:var(--line);border-radius:9px;overflow:hidden;margin-bottom:32px}
.stbar i{display:block;height:100%;background:linear-gradient(90deg,var(--amber-lo),var(--amber-hi));transition:width .35s var(--ease)}
.co-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:start;padding-bottom:64px}
.co-card{padding:clamp(24px,3vw,40px);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);display:grid;gap:28px;animation:rise .35s var(--ease) both}
.co-card h2{font-size:clamp(2rem,3.6vw,3rem)}
.co-card .sub{color:var(--muted);margin-top:8px}
.fgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.fgrid .c6{grid-column:span 6}.fgrid .c3{grid-column:span 3}.fgrid .c2{grid-column:span 2}.fgrid .c4{grid-column:span 4}
.choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.ch{position:relative;display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:16px;border:1.5px solid var(--line-2);background:var(--bg-2);cursor:pointer;transition:all .25s var(--ease);min-width:0}
.ch:hover{transform:translateY(-3px);border-color:var(--amber)}
.ch input{position:absolute;opacity:0;pointer-events:none}
.ch .ico{width:28px;height:28px;color:var(--accent-text);margin-top:2px}
.ch > div{min-width:0;flex:1}
.ch b{display:block;font-size:1rem;line-height:1.3}
.ch small{display:block;color:var(--muted);font-size:0.8125rem;line-height:1.4;margin-top:2px}
.ch .fee{font-weight:700;color:var(--accent-text);white-space:nowrap;font-size:1rem;flex:none;font-family:var(--display);letter-spacing:.03em}
.ch:has(input:checked){border-color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,var(--surface));box-shadow:0 14px 30px -18px rgba(222,153,78,.9)}
.ch:has(input:checked)::after{content:"";position:absolute;bottom:12px;right:12px;width:20px;height:20px;border-radius:50%;background:var(--amber) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b1707' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/12px no-repeat}
.ch:has(input:focus-visible){outline:2px solid var(--amber);outline-offset:2px}
.ch.dis{opacity:.45;pointer-events:none}
.co-nav{display:flex;justify-content:space-between;gap:12px}
.co-nav .btn{min-width:170px}
.co-side{position:sticky;top:104px;padding:24px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);display:grid;gap:20px}
.co-side h3{font-size:2rem}
.mini{display:grid;gap:12px;max-height:280px;overflow:auto}
.mini .it{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;font-size:0.9375rem;align-items:start}
.mini .it b{color:var(--accent-text)}
.mini .it small{display:block;color:var(--muted);font-size:0.8125rem;line-height:1.4}
.rv{display:grid;gap:16px}
.rv-box{padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:var(--bg-2);display:grid;gap:6px}
.rv-box h3{display:flex;justify-content:space-between;align-items:center;font-family:var(--display);text-transform:uppercase;font-size:0.8125rem;letter-spacing:.14em;color:var(--muted);font-weight:700}
.rv-box h3 button{color:var(--accent-text);text-transform:none;letter-spacing:0;font-size:0.8125rem;text-decoration:underline}
.rv-box p{font-weight:700;font-family:var(--display);letter-spacing:.03em}
.rv-box small{color:var(--muted);line-height:1.5}
.paynote{display:flex;gap:14px;padding:16px 18px;border-radius:14px;background:color-mix(in srgb,var(--amber) 12%,transparent);border:1px solid color-mix(in srgb,var(--amber) 40%,transparent);font-size:0.9375rem;line-height:1.5}
.paynote .ico{color:var(--accent-text);margin-top:2px}
.proto-chip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:99px;font-size:0.8125rem;font-weight:700;border:1px dashed var(--line-2);color:var(--muted);font-family:var(--display);letter-spacing:.03em}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:.875rem;color:var(--muted);line-height:1.45}
.chk input{margin-top:2px;accent-color:var(--amber);width:16px;height:16px;flex:none}

.sheet.track{display:block;width:min(640px,100%);overflow:auto;padding:36px}
.track h2{font-size:clamp(2.5rem,4vw,3rem);padding-right:48px}
.track .lead{color:var(--muted);margin:10px 0 24px}
.found{display:grid;gap:24px}
.ok-banner{display:flex;gap:16px;align-items:center;padding:20px;border-radius:18px;background:color-mix(in srgb,var(--ok) 14%,transparent);border:1px solid color-mix(in srgb,var(--ok) 50%,transparent)}
.ok-banner .ck{width:54px;height:54px;border-radius:50%;background:var(--ok);display:grid;place-items:center;flex:none;color:#10260f;animation:pop .35s var(--ease) both}
.ok-banner .ck .ico{width:30px;height:30px;stroke-width:3}
@keyframes pop{from{transform:scale(0) rotate(-40deg)}to{transform:none}}
.ok-banner b{font-size:1rem;display:block}
.ok-banner span{color:var(--muted);font-size:0.9375rem}
.onum{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:end;padding:18px 20px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.onum small{display:block;color:var(--muted);font-size:0.8125rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;font-family:var(--display);letter-spacing:.03em}
.onum strong{font-size:2.5rem;line-height:1;color:var(--accent-text);display:block;margin-top:4px}
.tl{list-style:none;margin:0;padding:0;display:grid;gap:0}
.tl li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;padding-bottom:24px;align-items:start}
.tl li:last-child{padding-bottom:0}
.tl li::before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;background:var(--line-2)}
.tl li:last-child::before{display:none}
.tl .bub{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--line-2);background:var(--bg);color:var(--faint);transition:all .35s var(--ease);position:relative;z-index:1}
.tl li.done .bub,.tl li.cur .bub{background:var(--amber);border-color:var(--amber);color:var(--amber-ink)}
.tl li.done::before{background:var(--amber)}
.tl li.cur .bub{animation:ring 1.8s infinite}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(222,153,78,.6)}100%{box-shadow:0 0 0 16px rgba(222,153,78,0)}}
.tl li.bad .bub{background:var(--red);border-color:var(--red);color:var(--on-red)}
.tl b{display:block;line-height:1.25;margin-top:2px}
.tl p{color:var(--muted);font-size:0.8125rem;margin-top:2px}
.tl li:not(.done):not(.cur):not(.bad) b{color:var(--faint)}
.tl time{font-size:0.8125rem;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:4px}
.lookup{display:grid;gap:16px}
.demo{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px;border-top:1px dashed var(--line-2);align-items:center}
.demo small{width:100%;color:var(--faint);font-size:0.8125rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;font-family:var(--display);letter-spacing:.03em}
.o-items{display:grid;gap:4px;font-size:0.9375rem;color:var(--muted)}
.recent{display:flex;flex-wrap:wrap;gap:8px}
.recent button{height:38px;padding:0 16px;border-radius:99px;border:1px solid var(--line-2);font-weight:700;font-size:1rem;transition:all .25s;font-family:var(--display);letter-spacing:.03em}
.recent button:hover{border-color:var(--amber);color:var(--accent-text)}

.fabs{position:fixed;z-index:75;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:flex-end;gap:12px;transition:bottom .35s var(--ease)}
.fab-wa{position:relative;display:flex;align-items:center;height:62px;padding:0 6px;border-radius:99px;background:var(--moss);color:var(--cream);border:2px solid var(--amber);text-decoration:none;box-shadow:0 18px 34px -14px rgba(0,0,0,.8);animation:waPulse 3s infinite;transition:transform .35s var(--ease)}
.fab-wa .ci{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--amber);color:var(--amber-ink);transition:transform .35s var(--ease);flex:none}
.fab-wa .ci .ico{width:28px;height:28px}
.fab-wa .lb{max-width:0;overflow:hidden;white-space:nowrap;font-weight:700;font-size:1rem;line-height:1.25;transition:max-width .35s var(--ease);font-family:var(--display);letter-spacing:.03em}
.fab-wa .lb>span{display:block;padding-left:16px;padding-right:12px}
.fab-wa .lb small{display:block;font-weight:300;color:#cfc3a8;font-size:0.8125rem}
.fab-wa:hover{transform:translateY(-3px)}
.fab-wa:hover .lb{max-width:230px}
.fab-wa:hover .ci{transform:rotate(-12deg) scale(1.06)}
@keyframes waPulse{0%{box-shadow:0 18px 34px -14px rgba(0,0,0,.8),0 0 0 0 rgba(222,153,78,.5)}70%,100%{box-shadow:0 18px 34px -14px rgba(0,0,0,.8),0 0 0 18px rgba(222,153,78,0)}}
.fab-theme{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--accent-text);border:1.5px solid var(--line-2);box-shadow:var(--shadow-sm);transition:transform .35s var(--ease),border-color .25s,background .25s;position:relative;overflow:hidden}
.fab-theme:hover{border-color:var(--amber);transform:translateY(-3px) rotate(18deg)}
.fab-theme .ico{width:22px;height:22px;position:absolute;transition:transform .35s var(--ease),opacity .35s}
.fab-theme .moon{opacity:0;transform:translateY(120%) rotate(-90deg)}
:root[data-theme="light"] .fab-theme .sun{opacity:0;transform:translateY(-120%) rotate(90deg)}
:root[data-theme="light"] .fab-theme .moon{opacity:1;transform:none}
.toasts{position:fixed;z-index:120;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:grid;gap:8px;justify-items:center;pointer-events:none;width:min(94vw,420px)}
.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--graphite);color:var(--cream);border:1px solid rgba(222,153,78,.5);box-shadow:0 20px 40px -16px rgba(0,0,0,.8);font-weight:700;font-size:1rem;animation:toast 3.2s var(--ease) both;width:100%;font-family:var(--display);letter-spacing:.03em}
.toast .ico{color:var(--amber)}
.toast button{margin-left:auto;color:var(--amber);font-weight:700;text-transform:uppercase;font-size:0.9375rem;letter-spacing:.08em;font-family:var(--display);letter-spacing:.03em}
@keyframes toast{0%{opacity:0;transform:translateY(20px) scale(.96)}10%,86%{opacity:1;transform:none}100%{opacity:0;transform:translateY(10px)}}

@media (max-width:1180px){
  .eta{display:none}
  .mgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .areas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .promos{grid-template-columns:1fr 1fr}.promo-main{grid-column:span 2;min-height:300px}
  .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-item:nth-child(3)::before{display:none}.info-item:nth-child(n+3){border-top:1px solid var(--line)}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:980px){
  .nav,.track-btn .tl-txt{display:none}
  .hdr-actions{margin-left:auto}
  .feat{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:280px}.fcard:first-child{grid-column:span 2;grid-row:auto;min-height:380px}
  .mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faq{grid-template-columns:1fr}
  .co-grid{grid-template-columns:1fr}.co-side{position:static;order:2}
}
@media (max-width:720px){
  :root{--hdr:68px}
  .hdr .wrap{gap:12px}
  .brand img{height:52px;width:52px}
  .status{padding:0 14px}.status span.sub{display:none}
  .cart-btn{display:none}
  .coupon{width:100%;justify-content:space-between;gap:12px;padding-left:16px}
  .info{margin-top:-28px}
  .info-grid{grid-template-columns:1fr}.info-item{padding:18px 20px}.info-item + .info-item::before{display:none}.info-item + .info-item{border-top:1px solid var(--line)}
  .cats{margin-top:40px}
  .feat{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-inline:calc(-1 * var(--gut));padding-inline:var(--gut);scrollbar-width:none;padding-bottom:8px}
  .feat::-webkit-scrollbar{display:none}
  .fcard,.fcard:first-child{flex:0 0 82%;height:400px;min-height:0;scroll-snap-align:center}
  .fcard p,.fcard:first-child p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .fcard:first-child h3,.fcard h3{font-size:2rem}
  .mgrid{grid-template-columns:1fr;gap:12px}
  .pcard{flex-direction:row;align-items:stretch}
  .pcard .ph{aspect-ratio:auto;width:140px;flex:none}
  .pcard .tx{padding:14px 16px;gap:6px}
  .pcard h4{font-size:1.5rem}
  .pcard .desc{-webkit-line-clamp:2;font-size:0.8125rem}
  .pcard .row{padding-top:6px}
  .pcard .badge{top:8px;left:8px;height:22px;padding:0 8px;font-size:0.8125rem}
  .ph.is-soon::after{content:"Sem foto";font-size:0.8125rem;padding:4px 10px}
  .go{width:40px;height:40px}
  .promos{grid-template-columns:1fr}.promo-main{grid-column:auto}.promo{min-height:260px;padding:28px 24px}
  .areas{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .cartbar{display:block}
  .fabs{bottom:calc(20px + env(safe-area-inset-bottom,0px))}
  body.has-cart .fabs{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  .fab-wa{height:56px}.fab-wa .ci{width:44px;height:44px}.fab-wa .ci .ico{width:25px;height:25px}
  .fab-wa:hover .lb{max-width:0}
  .fab-theme{width:42px;height:42px}
  .drawer{top:auto;width:100%;max-height:92svh;border-left:0;border-top:1px solid var(--line-2);border-radius:26px 26px 0 0;transform:translateY(104%)}
  .dr-head,.dr-body,.dr-foot{padding-inline:20px}
  .dr-foot{gap:10px;padding-block:14px calc(14px + env(safe-area-inset-bottom,0px))}.dr-foot .sum{gap:6px;font-size:0.9375rem}.dr-foot .sum .total{padding-top:10px}
  .modal{padding:0;align-items:end}
  .sheet{max-height:94svh;border-radius:28px 28px 0 0;width:100%;transform:translateY(60px)}
  .p-img{aspect-ratio:16/10}
  .p-scroll{padding:4px 20px 12px;gap:24px}
  .p-foot{padding:14px 20px calc(16px + env(safe-area-inset-bottom,0px));gap:12px}
  .sheet.track{padding:28px 20px calc(28px + env(safe-area-inset-bottom,0px))}
  .co-top .lock{display:none}
  .steps{display:flex;justify-content:space-between;gap:0;padding-block:24px 4px}
  .stp{flex:1;position:relative}.stp span:not(.n){display:none}
  .stp:not(:last-child)::after{content:"";position:absolute;left:46px;right:10px;top:50%;height:2px;background:var(--line-2)}
  .stp.done:not(:last-child)::after{background:var(--ok)}
  .stp-lbl{display:block}
  .fgrid .c3,.fgrid .c2,.fgrid .c4{grid-column:span 6}
  .fgrid .c3.half{grid-column:span 3}
  .co-card{padding:24px 18px;gap:24px}
  .co-nav{position:sticky;bottom:0;margin-inline:-18px;padding:14px 18px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(0deg,var(--surface) 70%,transparent);z-index:3}
  .co-nav .btn{flex:1;min-width:0;padding:0 1rem}
  .toasts{top:calc(80px + env(safe-area-inset-top,0px));bottom:auto}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

.btn-red{background:linear-gradient(180deg,#e64545,var(--red) 60%,#b92424);color:#fff4e6;box-shadow:0 14px 30px -12px rgba(216,48,48,.8),inset 0 1px 0 rgba(255,255,255,.28)}
.btn-red:hover{transform:translateY(-3px);box-shadow:0 22px 38px -12px rgba(216,48,48,.9),0 0 0 4px rgba(216,48,48,.2),inset 0 1px 0 rgba(255,255,255,.3)}
.cart-btn{background:var(--red);color:#fff4e6;box-shadow:0 10px 24px -12px rgba(216,48,48,.95)}
.cart-btn:hover{box-shadow:0 16px 28px -12px rgba(216,48,48,1)}
.cart-btn .count{background:#fff4e6;color:var(--red)}
.cartbar button{background:linear-gradient(180deg,#e64545,var(--red) 60%,#b92424);color:#fff4e6;box-shadow:0 18px 34px -14px rgba(216,48,48,.9),inset 0 1px 0 rgba(255,255,255,.28)}
.cartbar .n{background:#fff4e6;color:var(--red)}

.drawer{background:var(--bg);border-left:1px solid var(--line-2)}
.dr-head{padding:24px 28px 20px;border-bottom:1px solid var(--line)}
.dr-head h2{font-size:2rem;display:flex;align-items:center;gap:12px}
.dr-head h2 .cnt-pill{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:99px;background:var(--red);color:#fff4e6;font-size:1rem;letter-spacing:0}
.dr-head small{display:none}
.dr-body{padding:8px 28px;gap:0;align-content:start}
.citem{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:4px 16px;padding:20px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;align-items:start}
.citem img{width:64px;height:64px;grid-row:span 2;border-radius:12px}
.citem h4{font-size:1.25rem;line-height:1.1;text-transform:uppercase}
.citem .price-l{font-family:var(--display);font-weight:700;font-size:1.25rem;color:var(--text);white-space:nowrap}
.citem .opts{grid-column:2 / 4;color:var(--muted);font-size:.8125rem;line-height:1.5;margin:0}
.citem .opts .no{color:#ff8a82}
.citem .crow{grid-column:2 / 4;display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.citem .stepper{border-color:var(--line-2)}
.citem .stepper button{width:34px;height:34px}
.citem .rm{color:var(--faint);display:inline-flex;align-items:center;gap:6px;font-size:.8125rem}
.citem .rm:hover{color:#ff7d74;transform:none}
.dr-foot{padding:20px 28px calc(24px + env(safe-area-inset-bottom,0px));background:var(--bg-2);border-top:1px solid var(--line-2);gap:16px}
.cpn{display:flex;gap:8px}
.cpn .inp{min-height:42px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--display);font-weight:700;font-size:1rem}
.cpn .btn{min-height:42px}
.cpn-ok{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ok);font-size:.9375rem}
.cpn-ok span{display:flex;align-items:center;gap:8px}
.cpn-ok button{color:var(--muted);text-decoration:underline;font-size:.8125rem}
.sum{gap:8px;font-size:1rem}
.sum .total{border-top:1px solid var(--line-2);border-style:solid none none none;padding-top:16px;margin-top:8px}
.sum .total span:first-child{font-size:1.25rem}
.sum .total span:last-child{color:var(--red);font-size:2rem;font-family:var(--display);font-weight:700;letter-spacing:.02em;line-height:1}
:root[data-theme="light"] .sum .total span:last-child{color:#b81f1f}
.mini-note{font-size:.8125rem;color:var(--muted);line-height:1.5}
.mini-note b{color:var(--text)}
.dr-foot .btn{min-height:60px;font-size:1.25rem}

#pm-sheet{width:min(960px,100%);height:min(88svh,680px);max-height:none;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);overflow:hidden}
#pm-sheet .x{top:16px;left:16px;right:auto}
#pm-sheet .p-img{aspect-ratio:auto;height:100%;position:relative}
#pm-sheet .p-img img{object-position:50% 40%}
#pm-sheet .p-img::after{height:70%;background:linear-gradient(0deg,rgba(9,8,8,.96) 8%,rgba(9,8,8,0) 100%)}
.p-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px;display:grid;gap:8px;justify-items:start}
.p-cap h2{font-size:clamp(2rem,3.4vw,3rem);color:#f6e6c8;line-height:.95;text-transform:uppercase}
.p-cap .price{font-family:var(--display);font-weight:700;font-size:1.5rem;color:var(--amber);letter-spacing:.03em}
.p-cap .tg{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:99px;background:var(--red);color:#fff4e6;font-family:var(--display);font-weight:700;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase}
#pm-sheet .p-body{min-height:0}
#pm-sheet .p-scroll{padding:24px 28px 12px;gap:20px}
.p-desc{color:var(--muted);font-size:1rem;line-height:1.55}
.grp h3{font-size:1.125rem;margin-bottom:10px;text-transform:uppercase}
.grp h3 small{font-size:.8125rem}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.ing{position:relative;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 10px;border-radius:99px;border:1px solid var(--line-2);cursor:pointer;font-size:.9375rem;transition:all .25s var(--ease);user-select:none}
.ing input{position:absolute;opacity:0;pointer-events:none}
.ing .mk{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line-2);display:grid;place-items:center;transition:all .25s}
.ing .mk .ico{width:11px;height:11px;stroke-width:3.5;color:var(--amber-ink);transform:scale(0);transition:transform .25s var(--ease)}
.ing:has(input:checked){border-color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,transparent)}
.ing:has(input:checked) .mk{background:var(--amber);border-color:var(--amber)}
.ing:has(input:checked) .mk .ico{transform:scale(1)}
.ing:has(input:not(:checked)){opacity:.5;text-decoration:line-through}
.ing:has(input:focus-visible){outline:2px solid var(--amber);outline-offset:2px}
.opt{min-height:48px;padding:0 14px}
.opt + .opt{margin-top:6px}
.txa{min-height:64px;padding:10px 12px}
.p-foot{padding:14px 28px 20px;gap:12px}
.p-foot .btn{min-height:54px}
.p-foot .stepper button{height:50px}
#pm-sheet .p-foot .btn-primary{background:linear-gradient(180deg,#e64545,var(--red) 60%,#b92424);color:#fff4e6;box-shadow:0 14px 30px -12px rgba(216,48,48,.8),inset 0 1px 0 rgba(255,255,255,.28)}

@media (max-width:1180px){.hero-card{left:16px}.hero-chip{right:16px}}
@media (max-width:980px){
  .hero .wrap{grid-template-columns:1fr;gap:48px;min-height:0;padding-block:48px 112px}
  .hero-visual{order:-1}.hero-photo{aspect-ratio:16/11}
  .hero-copy{max-width:none}
}
@media (max-width:720px){
  .hero .wrap{padding-block:24px 88px;gap:40px}
  .hero-photo{aspect-ratio:4/3;border-radius:24px}
  .hero-card{left:12px;right:12px;bottom:12px;justify-content:space-between}
  .hero-chip{right:12px;top:12px;height:38px;font-size:.8125rem}
  .hero h1{font-size:clamp(3rem,13vw,4rem)}
  .hero-cta{width:100%}.hero-cta .btn{flex:1;padding:0 1rem}
  .dr-head{padding:20px 20px 16px}.dr-body{padding:4px 20px}.dr-foot{padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px))}
  #pm-sheet .x{left:auto;right:16px}
  #pm-sheet{display:flex;flex-direction:column;height:min(92svh,720px);border-radius:28px 28px 0 0}
  #pm-sheet .p-img{height:168px;flex:none}
  #pm-sheet .p-img::after{height:80%}
  .p-cap{padding:16px 20px;gap:4px}
  .p-cap h2{font-size:2rem}.p-cap .price{font-size:1.25rem}
  #pm-sheet .p-scroll{padding:16px 20px 8px;gap:18px}
  .p-foot{padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px))}
}

.sec{position:relative;overflow:hidden;isolation:isolate}
.sec::before,.sec::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
#destaques::before{width:720px;height:720px;top:-260px;right:-200px;background:radial-gradient(circle,rgba(216,48,48,.22),transparent 68%)}
#destaques::after{width:420px;height:420px;bottom:-120px;left:-120px;border:1px solid rgba(242,215,173,.08);background:radial-gradient(circle at 30% 30%,rgba(222,153,78,.10),transparent 70%)}
#cardapio::before{width:760px;height:760px;top:12%;left:-320px;background:radial-gradient(circle,rgba(222,153,78,.13),transparent 66%)}
#cardapio::after{width:560px;height:560px;bottom:4%;right:-200px;background:radial-gradient(circle,rgba(216,48,48,.14),transparent 66%)}
#promocoes::before{width:680px;height:680px;top:-160px;left:20%;background:radial-gradient(circle,rgba(60,21,24,.75),transparent 68%)}
#promocoes::after{width:380px;height:380px;bottom:-100px;right:8%;border:1px dashed rgba(222,153,78,.18)}
#areas::before{width:700px;height:700px;top:-200px;right:-160px;background:radial-gradient(circle,rgba(222,153,78,.14),transparent 66%)}
#areas::after{width:480px;height:480px;bottom:-180px;left:-140px;background:radial-gradient(circle,rgba(216,48,48,.14),transparent 68%)}
#duvidas::before{width:640px;height:640px;top:-120px;left:-200px;background:radial-gradient(circle,rgba(216,48,48,.16),transparent 66%)}
#duvidas::after{width:360px;height:360px;bottom:-60px;right:6%;border:1px solid rgba(242,215,173,.08)}
:root[data-theme="light"] #destaques::after,:root[data-theme="light"] #duvidas::after,:root[data-theme="light"] #promocoes::after{border-color:rgba(40,39,40,.1)}

.floaters{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.fl{position:absolute;width:var(--w,110px);height:var(--w,110px);--r:0deg;translate:0 var(--py,0px);transform:rotate(var(--r));filter:drop-shadow(0 18px 20px rgba(0,0,0,.55));animation:flo 8s ease-in-out infinite;opacity:.92}
.fl-d{width:calc(var(--w,110px)*.85);height:calc(var(--w,110px)*1)}
.fl.blur1{filter:blur(2.5px) drop-shadow(0 14px 16px rgba(0,0,0,.5));opacity:.7}
.fl.blur2{filter:blur(6px);opacity:.55}
@keyframes flo{0%,100%{transform:rotate(var(--r)) translateY(0)}50%{transform:rotate(calc(var(--r) + 6deg)) translateY(-16px)}}
.fl-b{animation-duration:10s;animation-delay:-2s}.fl-c{animation-duration:9s;animation-delay:-4s}.fl-d{animation-duration:11s;animation-delay:-6s}
.sec .fl{--w:96px}
.sec-l{left:2%;top:14%}.sec-r{right:2%;bottom:12%}
#destaques .sec-r{top:6%;bottom:auto;--w:84px}
#promocoes .sec-l{top:auto;bottom:6%;--w:78px}#promocoes .sec-r{top:4%;bottom:auto;--w:100px}
#areas .sec-r{--w:150px;top:8%;bottom:auto}#areas .sec-l{--w:80px;top:auto;bottom:8%}
#duvidas .sec-r{--w:90px;top:10%;bottom:auto}#duvidas .sec-l{--w:100px;top:auto;bottom:6%}
.hero .floaters{z-index:0}
.hero .wrap{position:relative;z-index:1}
.hero-t{--w:128px;left:46%;top:9%}
.hero-p{--w:84px;right:3%;bottom:20%;filter:blur(1.5px) drop-shadow(0 16px 18px rgba(0,0,0,.55))}
.hero-o{--w:112px;right:5%;top:8%;filter:blur(3px) drop-shadow(0 12px 14px rgba(0,0,0,.5));opacity:.75}
.hero-f{--w:104px;left:5%;bottom:12%;opacity:.85;filter:blur(1px) drop-shadow(0 16px 20px rgba(0,0,0,.55))}
.hero-visual{z-index:2}

.wave{display:block;line-height:0;background:var(--from);color:var(--to);height:clamp(40px,6vw,88px);margin-top:-1px}
.wave svg{display:block;width:100%;height:100%;fill:currentColor}
.wave.hero-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:1;height:clamp(48px,7vw,110px);margin:0}
.orn{display:flex;align-items:center;justify-content:center;gap:20px;padding-block:clamp(24px,4vw,48px);color:var(--accent-text)}
.orn span{height:1px;width:min(28vw,260px);background:linear-gradient(90deg,transparent,var(--line-2))}
.orn span:last-child{background:linear-gradient(270deg,transparent,var(--line-2))}
.orn .ico{width:30px;height:30px}
.sec{padding-block:clamp(56px,7vw,96px)}

.faq-list{display:grid;gap:12px}
.qa{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);transition:border-color .35s,background .35s}
.qa.open{border-color:color-mix(in srgb,var(--amber) 60%,transparent);background:var(--surface-2)}
.qa-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;text-align:left;font-family:var(--display);font-weight:700;font-size:1.25rem;letter-spacing:.03em;line-height:1.2}
.qa-q .ico{flex:none;color:var(--accent-text);transition:transform .35s var(--ease)}
.qa.open .qa-q .ico{transform:rotate(180deg)}
.qa-a{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .35s var(--ease),opacity .35s}
.qa.open .qa-a{grid-template-rows:1fr;opacity:1}
.qa-a > div{overflow:hidden}
.qa-a p{padding:0 24px 22px;color:var(--muted);max-width:60ch}

.fabs{gap:14px;align-items:center}
.fab-wa{position:relative;display:block;width:64px;height:64px;border-radius:50%;flex:none;background:none;border:0;padding:0;animation:none;box-shadow:none;filter:drop-shadow(0 12px 18px rgba(0,0,0,.55));transition:transform .35s var(--ease)}
.fab-wa img{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;display:block;transition:transform .35s var(--ease)}
.fab-wa::before{content:"";position:absolute;inset:0;border-radius:50%;background:#0fbf44;z-index:0;animation:waPing 2.6s cubic-bezier(.2,.7,.3,1) infinite}
@keyframes waPing{0%{transform:scale(1);opacity:.55}80%,100%{transform:scale(1.7);opacity:0}}
.fab-wa:hover{transform:translateY(-4px) scale(1.06)}
.fab-wa:hover img{transform:rotate(-10deg)}
.fab-wa:active{transform:scale(.95)}
.fab-wa .tip{position:absolute;right:calc(100% + 16px);top:50%;transform:translate(10px,-50%) scale(.96);transform-origin:right center;opacity:0;pointer-events:none;white-space:nowrap;display:grid;gap:2px;padding:12px 16px;border-radius:16px;background:#fff;color:#1d1d1d;box-shadow:0 18px 34px -12px rgba(0,0,0,.6);transition:opacity .35s,transform .35s var(--ease)}
.fab-wa .tip::after{content:"";position:absolute;right:-6px;top:50%;width:14px;height:14px;background:#fff;transform:translateY(-50%) rotate(45deg);border-radius:3px}
.fab-wa .tip b{font-size:1.125rem;line-height:1;color:#0b7a2d}
.fab-wa .tip small{font-size:.8125rem;color:#444}
.fab-wa:hover .tip,.fab-wa:focus-visible .tip,.fab-wa .tip.show{opacity:1;transform:translate(0,-50%) scale(1)}
.fab-theme{width:44px;height:44px}
@media (max-width:720px){.fab-wa{width:58px;height:58px}.fab-wa:hover .tip{opacity:0}.fab-wa .tip.show{opacity:1}}

.citem{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:20px 0;border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;align-items:start}
.citem img{width:72px;height:72px;border-radius:14px;object-fit:cover;grid-row:auto}
.ci{display:grid;gap:8px;min-width:0}
.ci-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.ci-top h4{font-size:1.25rem;line-height:1.1}
.ci .opts{grid-column:auto;color:var(--muted);font-size:.8125rem;line-height:1.5;margin:0}
.ci .crow{grid-column:auto;display:flex;align-items:center;justify-content:space-between;margin-top:4px}

@media (max-width:980px){.fl{--w:84px!important}.hero-t{left:auto;right:6%;top:3%}.hero-f{display:none}}
@media (max-width:720px){.fl{--w:60px!important}.fl-b,.fl-d{display:none}.hero-o{display:none}.hero-t{--w:76px!important}.wave.hero-wave{height:40px}.fl.blur2{display:none}}
@media (prefers-reduced-motion:reduce){.fl,.fab-wa::before{animation:none!important}}

.feat{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;gap:24px}
.fcard,.fcard:first-child{grid-row:auto;grid-column:auto;aspect-ratio:4/5;min-height:0}
.fcard h3,.fcard:first-child h3{font-size:1.75rem}
.fcard p,.fcard:first-child p{display:none}
.fcard .in{padding:20px}
.fcard img,.pcard .ph img,.citem img,.p-img img{object-fit:cover}
@media (max-width:1180px){.feat{grid-template-columns:repeat(2,minmax(0,1fr))}.fcard,.fcard:first-child{grid-column:auto;min-height:0}}
@media (max-width:720px){.feat{display:flex}.fcard,.fcard:first-child{flex:0 0 74%;height:auto;aspect-ratio:4/5}}

.checkout .btn-primary,.track .btn-primary,.sheet.track .btn-primary{background:linear-gradient(180deg,#e64545,var(--red) 60%,#b92424);color:#fff4e6;box-shadow:0 14px 30px -12px rgba(216,48,48,.8),inset 0 1px 0 rgba(255,255,255,.28)}
.checkout .btn-primary:hover,.track .btn-primary:hover{box-shadow:0 22px 38px -12px rgba(216,48,48,.9),0 0 0 4px rgba(216,48,48,.2),inset 0 1px 0 rgba(255,255,255,.3)}
.co-card{padding:clamp(28px,3.4vw,48px);gap:36px}
.kick{font-family:var(--script);font-weight:500;font-size:1.5rem;line-height:1;color:var(--amber);margin:0 0 -20px}
.co-card h2{font-size:clamp(2rem,3.4vw,3rem)}
.co-card .sub{font-size:1.0625rem;margin-top:10px}
.fgrid{gap:16px 12px}
.field{gap:6px}
.field label,.lbl{font-family:var(--display);font-weight:700;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.inp,.sel{min-height:44px;border-radius:10px;font-size:.9375rem}
.txa{min-height:76px;border-radius:10px;font-size:.9375rem}
.choice{gap:12px}
.ch{padding:14px 16px;gap:12px;border-radius:14px;align-items:center}
.ch .ico{width:44px;height:44px;padding:11px;border-radius:12px;background:color-mix(in srgb,var(--amber) 14%,transparent);margin:0;flex:none}
.ch b{font-size:1.125rem}
.ch small{font-size:.875rem}
.choice.cities{grid-template-columns:repeat(3,minmax(0,1fr))}
.cities .ch{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:44px}
.cities .ch .fee{position:absolute;left:20px;bottom:16px;font-size:1.125rem;font-family:var(--display);font-weight:700}
.ch:has(input:checked){border-color:var(--red);background:color-mix(in srgb,var(--red) 10%,var(--surface));box-shadow:0 14px 30px -18px rgba(216,48,48,.9)}
.ch:has(input:checked) .ico{background:var(--red);color:#fff4e6}
.ch:has(input:checked)::after{background-color:var(--red);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff4e6' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E");top:16px;bottom:auto;right:16px}
.co-nav{padding-top:28px;border-top:1px solid var(--line)}
.stp{gap:14px}.stp .n{width:40px;height:40px}
.stp.cur .n{background:var(--red);border-color:var(--red);color:#fff4e6;box-shadow:0 0 0 6px rgba(216,48,48,.22)}
.stbar i{background:linear-gradient(90deg,#b92424,var(--red),#ee5b5b)}
.stbar{height:4px;margin-bottom:36px}
.rv-box{padding:22px 24px;border-radius:18px;gap:8px}
.rv-box p{font-size:1.125rem}
.co-side{padding:28px;gap:24px;top:100px}
.co-side h3{display:flex;align-items:center;gap:12px}
.co-side .cnt-pill{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 8px;border-radius:99px;background:var(--red);color:#fff4e6;font-size:.9375rem;letter-spacing:0}
.mini{gap:0;max-height:320px}
.mini .it{grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.mini .it:first-child{padding-top:0}.mini .it:last-child{border-bottom:0}
.mini .th{position:relative;display:block;width:52px;height:52px}
.mini .th img{width:52px;height:52px;border-radius:12px;object-fit:cover}
.mini .th em{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:99px;background:var(--red);color:#fff4e6;font-style:normal;font-family:var(--display);font-weight:700;font-size:.8125rem;box-shadow:0 0 0 2px var(--surface)}
.mini .nm2{font-family:var(--display);font-weight:700;font-size:1.125rem;letter-spacing:.03em;line-height:1.1;text-transform:uppercase}
.mini .nm2 small{display:block;font-family:var(--body);font-weight:300;font-size:.8125rem;text-transform:none;letter-spacing:0;color:var(--muted);margin-top:4px;line-height:1.4}
.mini .pr2{font-family:var(--display);font-weight:700;font-size:1.125rem}
.trust{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:14px;background:color-mix(in srgb,var(--amber) 9%,transparent);border:1px solid color-mix(in srgb,var(--amber) 30%,transparent);font-size:.875rem;color:var(--muted);line-height:1.5}
.trust .ico{color:var(--accent-text);margin-top:1px}

.sheet.track{width:min(680px,100%);padding:40px 40px 32px}
.found{gap:28px}
.ok-banner{padding:22px;border-radius:20px}
.onum{padding:22px 24px;border-radius:20px;border-left:4px solid var(--red)}
.onum strong{font-size:3rem;color:var(--text)}
.tl li{grid-template-columns:48px minmax(0,1fr) auto;gap:20px;padding-bottom:30px}
.tl li::before{left:23px;top:48px}
.tl .bub{width:48px;height:48px}
.tl li.done .bub{background:color-mix(in srgb,var(--ok) 22%,var(--bg));border-color:var(--ok);color:var(--ok)}
.tl li.done::before{background:var(--ok)}
.tl li.cur .bub{background:var(--red);border-color:var(--red);color:#fff4e6;animation:ringR 1.8s infinite}
@keyframes ringR{0%{box-shadow:0 0 0 0 rgba(216,48,48,.6)}100%{box-shadow:0 0 0 16px rgba(216,48,48,0)}}
.tl li.cur b{color:var(--text);font-size:1.375rem}
.tl li.cur b::after{content:"Agora";margin-left:10px;padding:3px 10px;border-radius:99px;background:var(--red);color:#fff4e6;font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;vertical-align:middle}
.tl b{font-size:1.125rem;letter-spacing:.03em}
.tl p{font-size:.9375rem;margin-top:4px}
.rv-box,.o-items{font-size:.9375rem}
.o-items{padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:var(--surface);gap:8px}
.demo{padding:18px;border-radius:16px;background:var(--surface);border:1px dashed var(--line-2);gap:10px}
.demo .btn{min-height:44px}
@media (max-width:980px){.choice.cities{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){
  .kick{display:none}
  .co-card{gap:28px}
  .choice.cities{grid-template-columns:1fr}.cities .ch{flex-direction:row;padding-bottom:20px}.cities .ch .fee{position:static;margin-left:auto}
  .ch:has(input:checked)::after{top:auto;bottom:12px}
  .sheet.track{padding:28px 20px calc(24px + env(safe-area-inset-bottom,0px))}
  .onum strong{font-size:2.5rem}
  .tl li{grid-template-columns:44px minmax(0,1fr) auto;gap:14px}.tl .bub{width:44px;height:44px}.tl li::before{left:21px;top:44px}
  .tl li.cur b{font-size:1.25rem}
  .co-side{padding:22px}
}

.sec::after,.promo-main::after{display:none!important}
.fl{position:absolute;width:var(--w,100px);height:auto;max-width:none;translate:0 var(--py,0px);rotate:calc(var(--r,0deg) + var(--rot,0deg));filter:drop-shadow(10px 16px 13px rgba(0,0,0,.34));animation:none!important;opacity:1;will-change:translate,rotate;transform:none}
:root[data-theme="light"] .fl{filter:drop-shadow(8px 14px 12px rgba(60,21,24,.28))}
.wave{height:clamp(56px,8vw,120px)}
.wave .w1{fill:rgba(216,48,48,.14)}
.wave .w2{fill:currentColor}
.wave.hero-wave .w1{fill:rgba(222,153,78,.12)}
.cats{transition:opacity .35s var(--ease),transform .35s var(--ease),visibility .35s}
.cats.off{opacity:0;transform:translateY(-14px);visibility:hidden;pointer-events:none}
@media (max-width:720px){.fl{width:calc(var(--w,100px)*.62)!important}.fl:nth-child(2){display:none}}

.cats{border-bottom:1px solid transparent;transition:opacity .35s var(--ease),transform .35s var(--ease),visibility .35s,border-color .25s}
.cats.stuck{border-bottom-color:var(--line)}

.wave,.orn{display:none!important}
.bg-alt{background:var(--bg-2);border-block:1px solid var(--line)}
.hero{border-bottom:1px solid var(--line)}
.foot{border-top:1px solid var(--line)}

.btn .ico-go{width:2em;height:2em;margin-right:-.55em;stroke-width:2.6;transition:transform .25s var(--ease)}
.btn:hover .ico-go{transform:translateX(4px)}

.code{font-family:var(--display);font-weight:700;letter-spacing:.06em;user-select:all;-webkit-user-select:all;cursor:text}
.promo h3 .code{color:var(--amber);padding:2px 10px;border:1.5px dashed color-mix(in srgb,var(--amber) 70%,transparent);border-radius:8px;white-space:nowrap}
.hero-card .tt b.code{letter-spacing:.08em}
.btn.copied{background:var(--ok);color:#10260f;border-color:var(--ok)}
.hero-card .btn .ico,#promo-coupon .ico{width:1.1em;height:1.1em}

#pm-sheet .p-left{display:flex;flex-direction:column;min-height:0;overflow-y:auto;background:var(--card-img-bg)}
#pm-sheet .p-img{position:relative;flex:none;height:auto;aspect-ratio:4/3;width:100%}
#pm-sheet .p-img img{object-fit:cover;object-position:50% 50%}
#pm-sheet .p-img::after{height:34%;background:linear-gradient(0deg,var(--card-img-bg),transparent)}
#pm-sheet .p-cap{position:static;padding:4px 28px 28px;display:grid;gap:10px;justify-items:start}
#pm-sheet .p-cap .p-desc-l{color:var(--muted);font-size:1rem;line-height:1.55;margin-top:2px}
#pm-sheet .p-desc-m{display:none}
@media (max-width:720px){
  #pm-sheet .p-left{position:relative;flex:none;height:184px;overflow:hidden}
  #pm-sheet .p-img{position:absolute;inset:0;aspect-ratio:auto;height:100%}
  #pm-sheet .p-img::after{height:85%;background:linear-gradient(0deg,rgba(9,8,8,.96) 6%,rgba(9,8,8,0))}
  #pm-sheet .p-cap{position:absolute;left:0;right:0;bottom:0;padding:16px 20px;gap:4px}
  #pm-sheet .p-cap .p-desc-l{display:none}
  #pm-sheet .p-desc-m{display:block}
  .fl{width:calc(var(--w,100px)*.5)!important}.fl:nth-child(n+4){display:none}.fl:nth-child(2){display:block}
}

.fl{filter:blur(var(--bl,0px)) drop-shadow(10px 16px 13px rgba(0,0,0,.34));opacity:calc(1 - var(--bl,0px)*.04)}
:root[data-theme="light"] .fl{filter:blur(var(--bl,0px)) drop-shadow(8px 14px 12px rgba(60,21,24,.28))}

.sec::before,.sec::after{border:0!important}
#destaques::before{width:1500px;height:1200px;top:-520px;right:-560px;background:radial-gradient(closest-side,rgba(216,48,48,.24),rgba(216,48,48,.11) 48%,transparent 100%)}
#destaques::after{width:1300px;height:1000px;bottom:-560px;left:-480px;background:radial-gradient(closest-side,rgba(222,153,78,.14),rgba(222,153,78,.06) 50%,transparent 100%)}
#cardapio::before{width:1500px;height:1300px;top:4%;left:-720px;background:radial-gradient(closest-side,rgba(222,153,78,.15),rgba(222,153,78,.06) 52%,transparent 100%)}
#cardapio::after{width:1400px;height:1200px;bottom:-5%;right:-640px;background:radial-gradient(closest-side,rgba(216,48,48,.16),rgba(216,48,48,.06) 52%,transparent 100%)}
#promocoes::before{width:1500px;height:1100px;top:-480px;left:8%;background:radial-gradient(closest-side,rgba(120,36,40,.55),rgba(60,21,24,.28) 50%,transparent 100%)}
#promocoes::after{width:1200px;height:1000px;bottom:-520px;right:-300px;background:radial-gradient(closest-side,rgba(222,153,78,.14),rgba(222,153,78,.05) 52%,transparent 100%)}
#areas::before{width:1500px;height:1200px;top:-560px;right:-520px;background:radial-gradient(closest-side,rgba(222,153,78,.16),rgba(222,153,78,.06) 52%,transparent 100%)}
#areas::after{width:1300px;height:1000px;bottom:-560px;left:-480px;background:radial-gradient(closest-side,rgba(216,48,48,.15),rgba(216,48,48,.06) 52%,transparent 100%)}
#duvidas::before{width:1400px;height:1200px;top:-460px;left:-620px;background:radial-gradient(closest-side,rgba(216,48,48,.18),rgba(216,48,48,.07) 50%,transparent 100%)}
#duvidas::after{width:1200px;height:900px;bottom:-460px;right:-360px;background:radial-gradient(closest-side,rgba(222,153,78,.12),rgba(222,153,78,.05) 52%,transparent 100%)}

.bn-sec{padding-block:clamp(40px,6vw,80px) 0}
.bn{position:relative;display:grid;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;box-shadow:0 40px 80px -40px rgba(216,48,48,.55),0 0 0 1px rgba(242,215,173,.14)}
.bn-slide{grid-area:1/1;position:relative;min-height:clamp(340px,34vw,420px);display:flex;opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility .35s}
.bn-slide.on{opacity:1;visibility:visible}
.bn-bg{position:absolute;inset:0;z-index:-1;background:
  radial-gradient(70% 90% at 92% 8%,#f0b565 0%,rgba(222,153,78,.0) 60%),
  radial-gradient(60% 80% at 4% 100%,#3C1518 0%,rgba(60,21,24,0) 70%),
  linear-gradient(115deg,#9c1f1f 0%,#d83030 48%,#e8742e 100%);overflow:hidden}
.bn-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bn-bg.has-img::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(40,10,10,.88) 0%,rgba(60,21,24,.62) 45%,rgba(216,48,48,.18) 100%)}
.bn-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(255,236,205,.22)}
.bn-ring.r1{width:520px;height:520px;right:-120px;top:-180px}
.bn-ring.r2{width:760px;height:760px;right:-250px;top:-300px;border-color:rgba(255,236,205,.12)}
.bn-glow{position:absolute;width:640px;height:640px;left:-200px;bottom:-320px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,200,120,.35),transparent 100%)}
.bn-in{position:relative;flex:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(28px,4.5vw,64px)}
.bn-l{display:grid;gap:18px;justify-items:start}
.bn-badge{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 8px 0 14px;border-radius:99px;background:rgba(20,8,8,.55);backdrop-filter:blur(8px);border:1px solid rgba(255,236,205,.35);color:#fff1db;font-family:var(--display);font-weight:700;font-size:1rem;letter-spacing:.1em;text-transform:uppercase}
.bn-badge .ico{width:18px;height:18px;color:#ffc46b}
.bn-badge span{padding-right:6px}
.bn-badge em{font-style:normal;display:inline-flex;align-items:center;height:24px;padding:0 10px;margin-right:-2px;border-radius:99px;background:#ffd48a;color:#3C1518;font-size:.8125rem}
.bn-badge:not(:has(em)) {padding-right:14px}
.bn-title{font-size:clamp(2.5rem,5.4vw,4.75rem);line-height:.95;color:#fff4e3;text-transform:uppercase;text-wrap:balance;max-width:none;text-shadow:0 6px 30px rgba(60,10,10,.45)}
.bn-sub{font-size:1.125rem;color:rgba(255,244,227,.88);max-width:36ch}
.bn-offer{justify-self:end;width:min(100%,340px);display:grid;gap:10px;justify-items:start;padding:28px;border-radius:24px;background:rgba(24,8,8,.62);backdrop-filter:blur(14px);border:1px solid rgba(255,236,205,.28);box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.bn-k{font-family:var(--script);font-weight:500;font-size:1.25rem;color:#ffc46b}
.bn-big{display:flex;align-items:baseline;gap:10px;font-family:var(--display);font-weight:700;color:#fff4e3;line-height:.82}
.bn-big b{font-size:clamp(4.5rem,8vw,6.5rem);letter-spacing:-.01em;background:linear-gradient(180deg,#fff4e3 20%,#ffc46b);-webkit-background-clip:text;background-clip:text;color:transparent}
.bn-big small{font-size:1.75rem;letter-spacing:.06em;color:#ffc46b}
.bn-offer p{color:rgba(255,244,227,.85);font-size:1rem;line-height:1.4}
.bn-btn{margin-top:8px;width:100%;background:#ffd48a;color:#3C1518;box-shadow:0 14px 30px -12px rgba(255,196,107,.6)}
.bn-btn:hover{background:#ffe0a8}
.bn-nav{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:8px;z-index:2}
.bn-nav button{width:10px;height:10px;border-radius:99px;background:rgba(255,244,227,.4);transition:width .25s var(--ease),background .25s}
.bn-nav button.on{width:28px;background:#fff4e3}
@media (max-width:860px){
  .bn-in{grid-template-columns:1fr;padding:28px 22px 40px}
  .bn-offer{justify-self:stretch;width:100%;grid-template-columns:auto 1fr;align-items:center;column-gap:18px;padding:20px}
  .bn-k{grid-column:1/-1}.bn-offer p{align-self:center}.bn-btn{grid-column:1/-1}
  .bn-big b{font-size:4.25rem}
  .bn-title{max-width:none}
}

#bm-sheet{width:min(640px,100%);height:min(88svh,760px);max-height:none;display:flex;flex-direction:column}
.bm-head{position:relative;padding:28px 28px 24px;display:grid;gap:14px;justify-items:start;background:radial-gradient(80% 120% at 100% 0,#e8742e 0%,rgba(232,116,46,0) 60%),linear-gradient(115deg,#7d1818,#d83030);flex:none}
#bm-sheet .x{top:16px;right:16px;left:auto}
.bm-head h2{font-size:clamp(1.75rem,4vw,2.5rem);color:#fff4e3;text-transform:uppercase;line-height:.98;padding-right:40px;text-wrap:balance}
.bm-off{display:flex;align-items:center;gap:16px}
.bm-off .bn-big b{font-size:4rem}.bm-off .bn-big small{font-size:1.5rem}
.bm-off p{color:rgba(255,244,227,.9);max-width:18ch;line-height:1.35}
.bm-scroll{flex:1;overflow-y:auto;padding:24px 28px;display:grid;gap:26px;align-content:start;overscroll-behavior:contain}
.bm-cpn{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;border:1.5px dashed color-mix(in srgb,var(--amber) 65%,transparent);background:color-mix(in srgb,var(--amber) 8%,transparent)}
.bm-cpn .tk{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--red);color:var(--on-red);flex:none}
.bm-cpn .tk .ico{width:22px;height:22px}
.bm-cpn .tt{display:grid;gap:3px;flex:1;min-width:0}.bm-cpn .tt small{font-size:.8125rem;color:var(--muted);line-height:1}.bm-cpn .tt b{font-size:1.5rem;line-height:1;color:var(--text)}
.bm-items{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bm-items button{width:100%;display:grid;grid-template-columns:64px minmax(0,1fr) auto 36px;align-items:center;gap:14px;padding:8px 12px 8px 8px;border-radius:16px;border:1px solid var(--line);background:var(--surface);text-align:left;transition:border-color .25s,transform .25s var(--ease),background .25s}
.bm-items button:hover{border-color:color-mix(in srgb,var(--amber) 70%,transparent);transform:translateX(3px)}
.bm-items img{width:64px;height:48px;border-radius:10px;object-fit:cover}
.bm-items .n{display:grid;gap:2px;min-width:0}.bm-items .n b{font-family:var(--display);font-weight:700;font-size:1.125rem;letter-spacing:.02em;text-transform:uppercase;line-height:1.1}.bm-items .n small{font-size:.8125rem;color:var(--muted)}
.bm-items .pr{font-family:var(--display);font-weight:700;color:var(--amber);font-size:1.125rem}
.bm-items .go{width:34px;height:34px}
.bm-rules{margin:0;display:grid;gap:0}
.bm-rules div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:12px 0;border-top:1px solid var(--line)}
.bm-rules div:first-child{border-top:0}
.bm-rules dt{font-family:var(--display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.9375rem;color:var(--accent-text)}
.bm-rules dd{margin:0;color:var(--muted);line-height:1.5}
.bm-foot{padding:14px 28px calc(20px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);flex:none}
.bm-foot .btn{min-height:56px}
@media (max-width:720px){#bm-sheet{border-radius:28px 28px 0 0;height:min(92svh,760px)}.bm-head,.bm-scroll,.bm-foot{padding-inline:20px}.bm-rules div{grid-template-columns:1fr;gap:4px}}

@property --mL{syntax:'<length>';inherits:false;initial-value:0px}
@property --mR{syntax:'<length>';inherits:false;initial-value:0px}
.car .mc-head{align-items:flex-end;justify-content:space-between;gap:12px 24px}
.mc-t{display:flex;align-items:baseline;gap:8px 20px;flex-wrap:wrap;min-width:0}
.car-ctl{display:none;align-items:center;gap:10px;margin-left:auto}
.car.is-ov .car-ctl{display:flex}
.car-cnt{font-family:var(--display);font-weight:700;font-size:1rem;letter-spacing:.08em;color:var(--muted);margin-right:6px;min-width:5.5ch;text-align:right}
.car-btn{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line-2);color:var(--text);background:var(--surface);transition:background .25s,border-color .25s,color .25s,transform .25s var(--ease),opacity .25s}
.car-btn .ico{width:20px;height:20px;stroke-width:2.6}
.car-prev .ico{rotate:90deg}.car-next .ico{rotate:-90deg}
.car-btn:hover:not(:disabled){background:var(--red);border-color:var(--red);color:#fff4e6;transform:scale(1.06)}
.car-btn:active:not(:disabled){transform:scale(.94)}
.car-btn:disabled{opacity:.35;cursor:default}
.car-vp{--mL:0px;--mR:0px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;margin-block:-14px;padding-block:14px;outline:none;transition:--mL .25s,--mR .25s;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--mL),#000 calc(100% - var(--mR)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--mL),#000 calc(100% - var(--mR)),transparent 100%);cursor:default}
.car-vp::-webkit-scrollbar{display:none}
.car.is-ov .car-vp{--mL:28px;--mR:28px;cursor:grab}
.car.is-ov.at-start .car-vp{--mL:0px}
.car.is-ov.at-end .car-vp{--mR:0px}
.car-vp:focus-visible{box-shadow:0 0 0 2px var(--amber);border-radius:var(--r)}
.car-vp.drag{scroll-snap-type:none;cursor:grabbing;user-select:none}
.car-vp.drag .pcard{pointer-events:none}
.car-track{display:flex;gap:24px;width:100%}
.car .pcard{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;min-width:0}
.car-dots{display:none;justify-content:center;gap:8px;margin-top:22px}
.car.is-ov .car-dots{display:flex}
.car-dots i{width:8px;height:8px;border-radius:99px;background:var(--line-2);cursor:pointer;transition:width .25s var(--ease),background .25s}
.car-dots i.on{width:28px;background:var(--red)}
@media (max-width:980px){.car-track{gap:20px}.car .pcard{flex-basis:calc((100% - 20px)/2)}}
@media (max-width:720px){
  .car-btn{display:none}.car-cnt{margin:0}
  .car-track{gap:14px}
  .car .pcard{flex:0 0 76%;flex-direction:column}
  .car .pcard .ph{width:auto;aspect-ratio:4/3}
  .car .pcard .tx{padding:16px}
  .car .pcard h4{font-size:1.5rem}
  .car .pcard .desc{-webkit-line-clamp:2}
  .car-vp{margin-inline:calc(-1*var(--gut,16px));padding-inline:var(--gut,16px);scroll-padding-inline:var(--gut,16px);--mL:0px!important;--mR:0px!important;-webkit-mask-image:none;mask-image:none}
}

:root{--bar:40px}
.tarja{position:absolute;top:0;left:0;right:0;z-index:61;height:40px;display:flex;align-items:center;justify-content:center;padding-inline:48px;background:linear-gradient(90deg,#8f1d1d,#d83030 50%,#8f1d1d);color:#fff4e6;font-size:.9375rem;line-height:1.2}
.tarja[hidden]{display:none}
.tarja-in{display:flex;align-items:center;gap:10px;min-width:0;text-align:center}
.tarja-in .ico{width:18px;height:18px;flex:none;color:#ffd48a}
.tarja-in span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:300}
.tarja-in b{color:#ffd48a;letter-spacing:.06em;font-size:1.0625rem;user-select:all}
.tarja-x{position:absolute;right:10px;top:50%;translate:0 -50%;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff4e6;transition:background .25s}
.tarja-x:hover{background:rgba(0,0,0,.25)}
.tarja-x .ico{width:16px;height:16px;stroke-width:2.6}
.hdr{top:var(--bar)}
main{padding-top:calc(var(--hdr) + var(--bar))}
@media (max-width:720px){.tarja{padding-inline:40px;font-size:.8125rem}.tarja-in b{font-size:.9375rem}.tarja-in .ico{display:none}}
.bn-sec.bn-after{padding-block:0 clamp(48px,6vw,88px);margin-top:calc(-1 * clamp(8px,2vw,24px))}

.btn .ico-go{color:#fff4e6;--go-ic:#d83030}
.btn-primary .ico-go{color:#282728;--go-ic:#DE994E}
.btn-ghost .ico-go{color:var(--amber);--go-ic:#282728}
.bn-btn .ico-go{color:#3C1518;--go-ic:#ffd48a}

.btn .ico-go{width:1.15em;height:1.15em;margin-right:-.2em;stroke-width:3;color:currentColor}
.btn-primary .ico-go,.btn-ghost .ico-go,.bn-btn .ico-go{color:currentColor}

.btn::before{transition:transform .9s var(--ease)}
.pcard .ph::before{transition:transform .9s var(--ease)}

.promo h3 .code{display:inline-block;line-height:1.1;padding:3px 10px;margin:2px 0 6px;border-radius:8px}
.promo-main h3{line-height:1.15}

.bn-sec,.bn-sec.bn-after{padding-block:clamp(72px,9vw,128px);margin-top:0;background:#f3e2c4;border-block:1px solid rgba(40,39,40,.12)}
:root[data-theme="light"] .bn-sec,:root[data-theme="light"] .bn-sec.bn-after{background:#1a1413;border-block-color:rgba(242,215,173,.12)}
.bn{box-shadow:0 40px 80px -36px rgba(120,24,24,.6),0 0 0 1px rgba(40,39,40,.1)}

.hero-photo{overflow:hidden}
.hero-photo img{transition:none!important;animation:heroPan 16s ease-in-out infinite alternate;will-change:transform}
@keyframes heroPan{
  0%{transform:scale(1.14) translate(-2.6%,-1.8%)}
  35%{transform:scale(1.2) translate(2.2%,-.6%)}
  70%{transform:scale(1.16) translate(1.6%,2%)}
  100%{transform:scale(1.22) translate(-2%,1.2%)}
}

.bn-sec{position:relative;overflow:hidden;isolation:isolate}
.bn-sec>.wrap{position:relative;z-index:1}
.bn-sec::before,.bn-sec::after{content:"";position:absolute;z-index:0;border-radius:50%;pointer-events:none}
.bn-sec::before{width:1100px;height:1100px;left:-380px;top:-420px;background:radial-gradient(closest-side,rgba(232,116,46,.34),rgba(232,116,46,.12) 55%,transparent 100%)}
.bn-sec::after{width:1000px;height:1000px;right:-340px;bottom:-440px;background:radial-gradient(closest-side,rgba(216,48,48,.30),rgba(216,48,48,.10) 55%,transparent 100%)}
.bn-sec{background-image:radial-gradient(520px 520px at 78% 12%,rgba(255,205,130,.55),transparent 70%),radial-gradient(640px 640px at 14% 88%,rgba(255,170,140,.38),transparent 70%),radial-gradient(420px 420px at 48% 50%,rgba(255,255,255,.35),transparent 70%)}
:root[data-theme="light"] .bn-sec{background-image:radial-gradient(520px 520px at 78% 12%,rgba(222,153,78,.22),transparent 70%),radial-gradient(640px 640px at 14% 88%,rgba(216,48,48,.22),transparent 70%)}
:root[data-theme="light"] .bn-sec::before{background:radial-gradient(closest-side,rgba(222,153,78,.22),rgba(222,153,78,.07) 55%,transparent 100%)}
:root[data-theme="light"] .bn-sec::after{background:radial-gradient(closest-side,rgba(216,48,48,.24),rgba(216,48,48,.08) 55%,transparent 100%)}
.bn-sec::before{background:radial-gradient(closest-side,rgba(232,116,46,.5),rgba(232,116,46,.18) 55%,transparent 100%)}
.bn-sec::after{background:radial-gradient(closest-side,rgba(216,48,48,.42),rgba(216,48,48,.14) 55%,transparent 100%)}
:root[data-theme="light"] .bn-sec::before{background:radial-gradient(closest-side,rgba(222,153,78,.34),rgba(222,153,78,.1) 55%,transparent 100%)}
:root[data-theme="light"] .bn-sec::after{background:radial-gradient(closest-side,rgba(216,48,48,.36),rgba(216,48,48,.12) 55%,transparent 100%)}

.hero-photo .hs{position:absolute;inset:0;opacity:0;animation-name:heroPan;animation-duration:16s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
@keyframes heroFade2{0%{opacity:0}9.29%{opacity:1}50.00%{opacity:1}59.29%{opacity:0}100%{opacity:0}}
.hero-photo.n2 .hs{animation:heroPan 16s ease-in-out infinite alternate,heroFade2 14s linear infinite}
.hero-photo.n2 .hs:nth-child(1){animation-delay:0s,0s}
.hero-photo.n2 .hs:nth-child(2){animation-delay:-5s,7s}
@keyframes heroFade3{0%{opacity:0}6.19%{opacity:1}33.33%{opacity:1}39.52%{opacity:0}100%{opacity:0}}
.hero-photo.n3 .hs{animation:heroPan 16s ease-in-out infinite alternate,heroFade3 21s linear infinite}
.hero-photo.n3 .hs:nth-child(1){animation-delay:0s,0s}
.hero-photo.n3 .hs:nth-child(2){animation-delay:-5s,7s}
.hero-photo.n3 .hs:nth-child(3){animation-delay:-10s,14s}
@keyframes heroFade4{0%{opacity:0}4.64%{opacity:1}25.00%{opacity:1}29.64%{opacity:0}100%{opacity:0}}
.hero-photo.n4 .hs{animation:heroPan 16s ease-in-out infinite alternate,heroFade4 28s linear infinite}
.hero-photo.n4 .hs:nth-child(1){animation-delay:0s,0s}
.hero-photo.n4 .hs:nth-child(2){animation-delay:-5s,7s}
.hero-photo.n4 .hs:nth-child(3){animation-delay:-10s,14s}
.hero-photo.n4 .hs:nth-child(4){animation-delay:-15s,21s}
@keyframes heroFade5{0%{opacity:0}3.71%{opacity:1}20.00%{opacity:1}23.71%{opacity:0}100%{opacity:0}}
.hero-photo.n5 .hs{animation:heroPan 16s ease-in-out infinite alternate,heroFade5 35s linear infinite}
.hero-photo.n5 .hs:nth-child(1){animation-delay:0s,0s}
.hero-photo.n5 .hs:nth-child(2){animation-delay:-5s,7s}
.hero-photo.n5 .hs:nth-child(3){animation-delay:-10s,14s}
.hero-photo.n5 .hs:nth-child(4){animation-delay:-15s,21s}
.hero-photo.n5 .hs:nth-child(5){animation-delay:-20s,28s}
.hero-photo.n1 .hs{opacity:1}
.hero-photo.empty{background:radial-gradient(120% 90% at 80% 10%,color-mix(in srgb,var(--amber) 38%,transparent),transparent 60%),radial-gradient(100% 90% at 10% 100%,color-mix(in srgb,var(--red) 45%,transparent),transparent 65%),var(--surface)}
.hero-photo.empty::after{display:none}
@media (prefers-reduced-motion:reduce){.hero-photo .hs:first-child{opacity:1!important}}

.promo p{opacity:1}
.promo-main{color:#fbeacd}
.promo-main p{color:#ecd9bb}
.promo-main h3{color:#fff1db}
.promo-alt{background:linear-gradient(160deg,#34403a,#232a26);color:#f6e6c8;border-color:rgba(242,215,173,.18)}
.promo-alt h3{color:#fff1db}
.promo-alt p{color:#dcccae}
.promo-alt .ico-big{color:#e9ae63}
.promo.promo-alt .btn-ghost{color:#fff1db;border-color:rgba(255,241,219,.55);background:rgba(255,241,219,.08)}
.promo.promo-alt .btn-ghost:hover{background:#fff1db;color:#232a26}
.promo-cream{background:linear-gradient(160deg,#f6e3bf,#ecc98f);color:#2a1a1b}
.promo-cream h3{color:#2a1a1b}
.promo-cream p{color:#4a3331}
.promo-cream .ico-big{color:#b62626}
.promo.promo-cream .btn-ghost{color:#2a1a1b;border-color:rgba(42,26,27,.55);background:rgba(255,255,255,.35)}
.promo.promo-cream .btn-ghost:hover{background:#2a1a1b;color:#f6e3bf}
:root[data-theme="light"] #promocoes::before{opacity:.3}
.mini{padding:10px 8px 0 8px;margin:-10px -8px 0}
.mini .it:first-child{padding-top:4px}

.bn-sec,.bn-sec.bn-after,:root[data-theme="light"] .bn-sec{background:none!important;border:0!important;padding-block:clamp(72px,9vw,128px);margin:0;position:relative;overflow:hidden;isolation:isolate}
.bn-sec::before,.bn-sec::after,:root[data-theme="light"] .bn-sec::before,:root[data-theme="light"] .bn-sec::after{display:none!important}
.bn{position:static;border-radius:0;overflow:visible;box-shadow:none;isolation:auto}
.bn-slide{position:static;min-height:0}
.bn-in{padding:0}
.bn-bg{z-index:-1}
.bn-nav{bottom:24px}
.bn-ring.r1{width:640px;height:640px;right:6%;top:-260px}
.bn-ring.r2{width:960px;height:960px;right:-8%;top:-420px}
.bn-glow{width:900px;height:900px;left:-260px;bottom:-480px}
:root[data-theme="light"] .bn-bg{background:
  radial-gradient(70% 100% at 92% 0%,#ffd48a 0%,rgba(255,212,138,0) 62%),
  radial-gradient(60% 90% at 0% 100%,#8f1d1d 0%,rgba(143,29,29,0) 70%),
  linear-gradient(115deg,#c42a2a 0%,#e0482e 50%,#f08a3c 100%)}
:root[data-theme="light"] .bn-glow{background:radial-gradient(closest-side,rgba(255,236,190,.45),transparent 100%)}
@media (max-width:860px){.bn-in{padding:0}.bn-sec{padding-block:56px 72px}}
.bn-sec>.wrap{position:static;z-index:auto}

.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:clamp(32px,5vw,96px)}
.foot-bottom{margin-top:56px}
@media (min-width:981px){.hdr .nav{margin-inline:auto}}
@media (max-width:1180px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.foot-grid{grid-template-columns:1fr}}

.foot{padding-block:56px 32px}
.foot-bottom{padding-right:96px}
@media (max-width:720px){.foot{padding-block:40px 24px}.foot-bottom{margin-top:32px;padding-right:84px}}

.has-admin .demo{display:none!important}
.pcard.is-out{cursor:not-allowed}
.pcard.is-out .ph img{filter:grayscale(1) brightness(.6)}
.pcard.is-out .go{display:none}
.pcard.is-out .price{opacity:.5;text-decoration:line-through}
.badge.out{background:#2b2b2b;color:#fff;border:1px solid rgba(255,255,255,.25)}
.proto-tools a{color:inherit;text-decoration:underline;text-underline-offset:3px}

.sheet.wm{width:min(720px,100%);padding:0;overflow:hidden;border-radius:var(--r-lg,20px)}
.wm-img{aspect-ratio:16/10;overflow:hidden;background:var(--surface-2,#222)}
.wm-img img{width:100%;height:100%;object-fit:cover;display:block}
.wm-b{display:grid;gap:12px;padding:22px 24px 24px}
.wm-b h2{font-size:clamp(1.75rem,5vw,2.25rem);text-transform:uppercase;line-height:1}
.wm-b p{color:var(--muted);line-height:1.5}
.wm-badge{justify-self:start;padding:4px 10px;border-radius:99px;background:var(--amber);color:#1b0f04;font-weight:700;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.wm-cp{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px dashed var(--amber);border-radius:10px;justify-self:start}
.wm-cp small{color:var(--muted)}.wm-cp b{color:var(--amber);letter-spacing:.08em}
.wm-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.sheet.wm .iconbtn.x{position:absolute;top:12px;right:12px;z-index:2;background:rgba(0,0,0,.55)}

.acc-btn,.burger-btn{display:inline-flex;align-items:center;gap:8px;height:44px;border-radius:12px;border:1.5px solid var(--line-2);font-weight:700;font-family:var(--display);letter-spacing:.03em;font-size:1rem;white-space:nowrap;transition:all .25s var(--ease);padding:0 14px}
.acc-btn:hover,.burger-btn:hover{border-color:var(--amber);color:var(--accent-text);transform:translateY(-2px)}
.acc-btn.on{background:var(--amber);color:var(--amber-ink);border-color:var(--amber)}
.burger-btn{display:none;width:44px;padding:0;justify-content:center}
.burger-btn .ico{width:22px;height:22px}
@media (max-width:980px){.burger-btn{display:inline-flex}}
@media (max-width:720px){.track-btn{display:none}.acc-btn{width:44px;padding:0;justify-content:center}.acc-btn .acc-t{display:none}}
.mm-wrap{place-items:stretch end;padding:0}
.sheet.mm{width:min(340px,88vw);height:100%;max-height:none;border-radius:0;display:flex;flex-direction:column;gap:18px;padding:18px 20px calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(100%);opacity:1;overflow-y:auto}
.mm-wrap.on .sheet.mm{transform:none}
.mm-top{display:flex;align-items:center;justify-content:space-between}
.mm-top img{width:56px;height:56px;object-fit:contain}
.mm-status{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--muted)}
.mm-status b{color:var(--text)}
.mm-nav{display:grid;gap:4px}
.mm-nav a{display:flex;align-items:center;gap:14px;padding:14px 12px;border-radius:12px;font-family:var(--display);font-size:1.375rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.mm-nav a .ico{width:22px;height:22px;color:var(--amber)}
.mm-nav a:hover,.mm-nav a:focus-visible{background:rgba(222,153,78,.12)}
.mm-act{display:grid;gap:10px;margin-top:auto}
.sheet.am{width:min(540px,100%);padding:26px 28px 24px;display:grid;gap:14px;align-content:start}
.am-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--surface-2,rgba(255,255,255,.05));border:1px solid var(--line)}
.am-tabs button{height:40px;border-radius:9px;font-weight:700;color:var(--muted);font-family:var(--display);letter-spacing:.05em;text-transform:uppercase}
.am-tabs button[aria-selected="true"]{background:var(--amber);color:var(--amber-ink)}
.am-note{display:flex;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(222,153,78,.12);color:var(--text);font-size:.875rem;line-height:1.4}
.am-note .ico{flex:none;color:var(--amber);margin-top:1px}
.am-user{display:flex;align-items:center;gap:14px}
.am-av{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--amber);color:var(--amber-ink);font-family:var(--display);font-size:1.5rem;font-weight:700}
.am-list{display:grid;gap:8px}
.am-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);text-align:left;background:var(--surface)}
.am-list button:hover{border-color:var(--amber)}
.am-fine{font-size:.75rem;color:var(--faint);line-height:1.4}

.cartbar{display:none!important}
.fab-cart{position:relative;display:flex;align-items:center;height:60px;padding:0 5px;border-radius:99px;background:var(--surface);color:var(--text);border:2px solid var(--line-2);box-shadow:0 18px 34px -14px rgba(0,0,0,.8);transition:transform .35s var(--ease),border-color .25s,background .25s}
.fab-cart:hover,.fab-cart:focus-visible{transform:translateY(-3px);border-color:var(--amber)}
.fab-cart .ci{position:relative;display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:var(--surface-2,#2a2625);color:var(--amber);transition:background .25s,color .25s,transform .35s var(--ease)}
.fab-cart .ci .ico{width:24px;height:24px}
.fab-cart .ring{position:absolute;inset:-5px;border-radius:50%;pointer-events:none;background:conic-gradient(var(--rc,var(--amber)) calc(var(--p,0) * 1%),rgba(255,255,255,.1) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));opacity:0;transition:opacity .25s}
.fab-cart.has .ring{opacity:1}
.fab-cart.has .ci{background:var(--amber);color:var(--amber-ink)}
.fab-cart.ok{--rc:#7fcf86}
.fab-cart .count{position:absolute;top:-8px;right:-8px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--red);color:#fff;font-size:.75rem;font-weight:700;border:2px solid var(--bg);transform:scale(0);transition:transform .3s var(--ease)}
.fab-cart.has .count{transform:scale(1)}
.fab-cart .lb{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .35s var(--ease)}
.fab-cart .lb>span{display:block;padding-left:14px;padding-right:12px;line-height:1.2}
.fab-cart .lb b{display:block;font-family:var(--display);font-size:1.125rem;letter-spacing:.04em}
.fab-cart .lb small{display:block;color:var(--muted);font-size:.75rem}
.fab-cart:hover .lb,.fab-cart:focus-visible .lb,.fab-cart.peek .lb{max-width:240px}
.fab-cart.bump{animation:bump .4s var(--ease)}
@media (max-width:720px){.fab-cart{height:56px}.fab-cart .ci{width:42px;height:42px}}
.fabs{gap:14px}

.fabs{align-items:flex-end}
.fab-cart{width:60px;height:60px;padding:0;justify-content:center;border-radius:50%}
.fab-cart .ci{width:48px;height:48px}
.fab-cart .lb{position:absolute;right:calc(100% + 12px);top:50%;max-width:none;overflow:visible;opacity:0;pointer-events:none;transform:translate(10px,-50%);transition:opacity .25s var(--ease),transform .35s var(--ease);background:var(--surface);border:2px solid var(--amber);border-radius:99px;box-shadow:0 18px 34px -14px rgba(0,0,0,.8)}
.fab-cart .lb>span{padding:8px 16px}
.fab-cart:hover .lb,.fab-cart:focus-visible .lb,.fab-cart.peek .lb{max-width:none;opacity:1;transform:translate(0,-50%)}
@media (max-width:720px){.fab-cart{width:56px;height:56px}.fab-cart .ci{width:44px;height:44px}}
.fab-cart{width:62px;height:62px}.fab-theme{margin-right:8px}
@media (max-width:720px){.fab-cart{width:58px;height:58px}.fab-theme{margin-right:6px}}

.x-was{margin-right:.5em;font-size:.75em;font-weight:400;color:var(--faint);text-decoration:line-through}
.x-tabs4{grid-template-columns:repeat(4,1fr)}
@media (max-width:520px){.x-tabs4{grid-template-columns:repeat(2,1fr)}}
:root[data-tarja="0"],:root[data-notarja]{--bar:0px}
:root[data-tarja="0"] .tarja,:root[data-notarja] .tarja{display:none}
.x-card-page{max-width:560px;margin:0 auto}
#termos,#privacidade{scroll-margin-top:calc(var(--hdr) + var(--bar) + 16px)}
#termos+#privacidade{margin-top:28px}
.sheet.am{overflow-y:auto}
#accmodal .sheet.am{width:min(680px,100%)}
/* celular: o texto do botão (nowrap) não pode alargar a grade do checkout; "Confirmar pedido" quebra a linha */
@media (max-width:720px){
  .co-grid>*{min-width:0}
  .co-nav .btn{white-space:normal;text-align:center;line-height:1.1;font-size:1rem;letter-spacing:.06em;padding:8px 12px}
}

.am-av{overflow:hidden;object-fit:cover;flex:none}
img.am-av{display:block}
.acc-av{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:none}
.photo-row{display:flex;align-items:center;gap:16px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface)}
.photo-row .am-av{width:64px;height:64px;font-size:1.75rem}
.photo-btns{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.o-list{display:grid;gap:8px}
.o-row{display:flex;align-items:stretch;gap:8px}
.o-row .o-main{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);text-align:left;background:var(--surface)}
.o-row .o-main:hover{border-color:var(--amber)}
.o-again{flex:none;align-self:center}
.gift-note{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:rgba(222,153,78,.14);color:var(--text);font-size:.875rem}
.gift-note .ico{color:var(--amber);flex:none}
.rv-box.gift{border-color:var(--amber)}
.foot-about{margin-top:10px;max-width:36ch}
.qa-a p{white-space:pre-line}
@media (max-width:720px){.photo-row{flex-direction:column;align-items:flex-start}.o-row{flex-direction:column}.o-again{align-self:stretch}}

:root[data-theme="light"] .hero{--text:#f4e7d0;--muted:#cdbda3;--faint:#a09282;--line:rgba(242,215,173,.13);--line-2:rgba(242,215,173,.3);--accent-text:#e8a965;color-scheme:dark}

/* Barra de rolagem fina, nas cores da paleta */
*{--sb-thumb:color-mix(in srgb,var(--amber) 55%,transparent);--sb-thumb-h:var(--amber)}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:99px;border:2px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb-h);background-clip:content-box}
*::-webkit-scrollbar-corner{background:transparent}
@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) transparent}}
.foot-bottom .foot-copy,.foot-bottom .foot-rights{flex:0 1 auto}
@media (min-width:900px){.foot-bottom{flex-wrap:nowrap;align-items:center;justify-content:space-between}}

.nophoto{display:grid;place-items:center;text-align:center;width:80px;height:80px;border-radius:12px;background:var(--card-img-bg);border:1px dashed var(--line,rgba(150,120,90,.45));color:var(--muted);font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.2;padding:4px}
.citem .nophoto{width:64px;height:64px;grid-row:span 2}
.it .th .nophoto{width:52px;height:52px;font-size:.5625rem}
.bm-items .nophoto{width:64px;height:48px;font-size:.5625rem;border-radius:10px}
.brand-txt{font-family:var(--display);font-weight:700;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase;line-height:1;color:var(--text);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand{display:inline-flex;align-items:center}
.brand,.brand:hover{text-decoration:none}
[hidden]{display:none!important}

/* HTML inicial para buscadores e robôs: aparece só até o JavaScript montar a página */
.seo-static{max-width:760px;margin-inline:auto;padding-block:24px;line-height:1.55}
.seo-static h1{font-size:1.6rem;margin:0 0 8px}
.seo-static h2{font-size:1.2rem;margin:22px 0 6px}
.seo-static h3{font-size:1.02rem;margin:14px 0 4px}
.seo-static ul{padding-left:18px;margin:6px 0}
.seo-static a{color:inherit;text-decoration:underline}

/* ---- Cabeçalho abaixo do desktop: marca à esquerda, status no meio, ações à direita ---- */
@media (max-width:980px){
  .hdr .wrap{justify-content:space-between;gap:12px}
  .nav + .hdr-actions,.hdr-actions{margin-left:0}
  .hdr-actions{gap:8px;flex:none}
  .hdr .status{margin-inline:auto}
}
@media (max-width:420px){
  .hdr .wrap{gap:8px}
  .hdr .status{padding:0 12px;gap:8px}
  .hdr-actions{gap:6px}
}

/* ---- Tablet (721px a 1180px): imagens menores, menos rolagem ---- */
@media (min-width:721px) and (max-width:1180px){
  .hero .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,48px);min-height:0;padding-block:40px 96px;align-items:center}
  .hero-visual{order:0}
  .hero-photo{aspect-ratio:1/1;border-radius:28px}
  .hero-copy{gap:24px;max-width:none}
  .hero h1{font-size:clamp(2.6rem,6.4vw,3.6rem)}
  .hero .lead{font-size:1rem}
  .hero-card{left:12px;right:12px;bottom:12px;justify-content:space-between}
  .hero-chip{right:12px;top:12px}
  .hero-card{gap:10px;padding:10px 10px 10px 14px}
  .hero-card .tk{width:40px;height:40px}

  .feat{display:flex;grid-template-columns:none;grid-template-rows:none;grid-auto-rows:auto;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--gut,24px));padding:4px var(--gut,24px) 8px;scroll-padding-inline:var(--gut,24px)}
  .feat::-webkit-scrollbar{display:none}
  .fcard,.fcard:first-child{flex:0 0 clamp(210px,30%,290px);grid-column:auto;grid-row:auto;min-height:0;height:auto;aspect-ratio:4/5;scroll-snap-align:start}
  .fcard h3,.fcard:first-child h3{font-size:1.4rem}
  .fcard p,.fcard:first-child p{display:none}
  .fcard .in{padding:16px}

  .car-track{gap:16px}
  .car .pcard{flex:0 0 calc((100% - 32px)/3)}
  .car .pcard .ph{aspect-ratio:16/11}
  .car .pcard .tx{padding:14px;gap:6px}
  .car .pcard h4{font-size:1.25rem}
  .car .pcard .desc{font-size:.875rem;-webkit-line-clamp:2}

  .promo-main{min-height:240px}
}
@media (max-width:520px){
  .brand{min-width:0;flex:0 1 auto}
  .brand-txt{font-size:1.1rem;max-width:34vw}
}
.payopts{display:grid;gap:10px}
.payopts .ch{padding:16px}
.payopts .ch:hover{transform:none}
.paysub{display:grid;gap:12px;padding:16px 18px;border-radius:14px;border:1px dashed var(--line-2);background:var(--bg-2)}
.brands{display:flex;flex-wrap:wrap;gap:8px}
.brand{position:relative;cursor:pointer}
.brand input{position:absolute;opacity:0;pointer-events:none}
.brand span{display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--surface);font-weight:600;font-size:.9375rem;transition:border-color .2s,background .2s}
.brand:hover span{border-color:var(--amber)}
.brand input:checked+span{border-color:var(--amber);background:color-mix(in srgb,var(--amber) 18%,var(--surface))}
.brand input:focus-visible+span{outline:2px solid var(--amber);outline-offset:2px}

/* Modais: o cabeçalho e o X ficam parados e só o conteúdo rola; a barra de rolagem não encosta nos cantos arredondados */
.modal .sheet.am,.modal .sheet.track{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}
.sheet>.sh-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;display:grid;gap:14px;align-content:start}
.sheet.am>.sh-scroll{padding:26px 24px 24px 28px}
.sheet.track>.sh-scroll{display:block;padding:40px 36px 32px 40px}
.sheet .sh-scroll::-webkit-scrollbar{width:12px}
.sheet .sh-scroll::-webkit-scrollbar-track{margin-block:22px;background:transparent}
.sheet .sh-scroll::-webkit-scrollbar-thumb{border-width:3px}
.sheet .x{position:absolute;top:14px;right:18px;z-index:5}
@media (max-width:720px){
  .sheet.am>.sh-scroll{padding:24px 14px calc(22px + env(safe-area-inset-bottom,0px)) 20px}
  .sheet.track>.sh-scroll{padding:28px 14px calc(24px + env(safe-area-inset-bottom,0px)) 20px}
  .sheet .sh-scroll::-webkit-scrollbar-track{margin-block:16px}
}
/* produto, banner e demais folhas já têm rolagem interna: mesma barra inset */
.p-scroll,.bm-scroll{scrollbar-gutter:stable}
.p-scroll::-webkit-scrollbar-track,.bm-scroll::-webkit-scrollbar-track{margin-block:12px}
.sheet.am>.sh-scroll>:first-child,.sheet.track>.sh-scroll>:first-child{padding-right:40px}

/* Topo do site: título no máximo 3 linhas e subtítulo no máximo 2, qualquer que seja o texto do dono */
.hero h1{overflow-wrap:anywhere;max-height:2.8em;overflow:hidden}
.hero .lead{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
@media (max-width:720px){.hero .lead{font-size:.9375rem}}

/* Oferta do banner: o texto se ajusta ao tamanho do card, qualquer que seja a palavra cadastrada */
.bn-offer{grid-template-columns:minmax(0,1fr);min-width:0}
.bn-offer>*{min-width:0;max-width:100%}
.bn-big{flex-wrap:wrap;row-gap:6px;max-width:100%}
.bn-big b{max-width:100%;overflow-wrap:anywhere}
.bn-big.bl-m b{font-size:clamp(3.75rem,6vw,5rem)}
.bn-big.bl-s b{font-size:clamp(3rem,5vw,4.25rem)}
.bn-big.bl-xs b{font-size:clamp(2.5rem,4vw,3.25rem)}
@media (max-width:860px){
  .bn-offer{grid-template-columns:minmax(0,auto) minmax(0,1fr)}
  .bn-offer:has(.bl-m,.bl-s,.bl-xs){grid-template-columns:minmax(0,1fr)}
  .bn-big.bl-m b{font-size:3.5rem}.bn-big.bl-s b{font-size:3rem}.bn-big.bl-xs b{font-size:2.5rem}
}

html:has(body.lock){overflow:hidden;scrollbar-gutter:stable}
.modal,.sheet,.drawer{overscroll-behavior:contain}
@media (min-width:861px){.sheet.wm:has(.wm-img){display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.sheet.wm .wm-img{aspect-ratio:auto;min-height:100%}.sheet.wm .wm-b{align-content:center;padding:36px 34px}}

/* ===== Tela de abertura (splash): acima de tudo, some quando o site está pronto ===== */
.splash{display:none}
html.sp-on{overflow:hidden}
html.sp-on body>*:not(#splash){visibility:hidden}
html.sp-on .splash{display:grid;place-items:center;visibility:visible;position:fixed;inset:0;z-index:2147483000;overflow:hidden;
  background:
    radial-gradient(60% 46% at 50% 40%,color-mix(in srgb,var(--amber) 20%,transparent),transparent 72%),
    radial-gradient(50% 40% at 90% 105%,color-mix(in srgb,var(--red) 18%,transparent),transparent 70%),
    radial-gradient(45% 40% at 5% -5%,color-mix(in srgb,var(--wine) 70%,transparent),transparent 70%),
    var(--bg);
  transition:opacity .45s var(--ease),transform .45s var(--ease)}
html.sp-on .splash.out{opacity:0;transform:scale(1.04);pointer-events:none}
.sp-in{display:grid;justify-items:center;gap:20px;width:min(320px,78vw);padding:24px}
.sp-logo{position:relative;width:clamp(116px,30vw,150px);aspect-ratio:1;display:grid;place-items:center;padding:14%;border-radius:50%;background:var(--surface);box-shadow:0 18px 44px -18px rgba(0,0,0,.65),inset 0 0 0 1px var(--line-2);animation:sp-pop .9s var(--ease) both}
.sp-logo:not(:has(img)){display:none}
.sp-logo::before{content:"";position:absolute;inset:-11px;border-radius:50%;background:conic-gradient(from 0deg,var(--amber),var(--red),transparent 58%,var(--amber));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:sp-spin 2.1s linear infinite}
.sp-glow{position:absolute;inset:-34px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--amber) 38%,transparent),transparent);animation:sp-breathe 2.4s ease-in-out infinite;pointer-events:none}
.sp-logo img{position:relative;width:100%;height:100%;object-fit:contain;animation:sp-float 3s ease-in-out infinite}
.sp-name{font-family:var(--display);font-size:clamp(1.4rem,5.4vw,1.9rem);line-height:1.1;letter-spacing:.16em;text-transform:uppercase;text-align:center;color:var(--text);animation:sp-rise .8s .25s var(--ease) both}
.sp-name:empty{display:none}
.sp-bar{width:100%;height:6px;border-radius:99px;background:var(--line);overflow:hidden;animation:sp-rise .8s .4s var(--ease) both}
.sp-bar i{display:block;width:100%;height:100%;border-radius:inherit;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--amber),var(--red));position:relative;overflow:hidden}
.sp-bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-100%);animation:sp-shine 1.4s ease-in-out infinite}
.sp-pct{font-family:var(--display);font-size:.8rem;letter-spacing:.24em;color:var(--muted);font-variant-numeric:tabular-nums;animation:sp-rise .8s .5s var(--ease) both}
@keyframes sp-pop{0%{opacity:0;transform:scale(.6) rotate(-8deg)}60%{opacity:1;transform:scale(1.06) rotate(1deg)}100%{transform:none}}
@keyframes sp-spin{to{transform:rotate(360deg)}}
@keyframes sp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes sp-breathe{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}
@keyframes sp-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes sp-shine{to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){
  .sp-logo,.sp-name,.sp-bar,.sp-pct{animation:none}
  .sp-logo::before,.sp-glow,.sp-logo img,.sp-bar i::after{animation:none}
  html.sp-on .splash{transition:opacity .2s}
  html.sp-on .splash.out{transform:none}
}
:root[data-theme="light"] html.sp-on .splash,html.sp-on:root[data-theme="light"] .splash{background:radial-gradient(60% 46% at 50% 40%,color-mix(in srgb,var(--amber) 24%,transparent),transparent 72%),radial-gradient(50% 40% at 90% 105%,color-mix(in srgb,var(--red) 12%,transparent),transparent 70%),var(--bg)}