/* CSS da Loja (index.html) — extraído do <style> inline pra tirar o arquivo
   da faixa de "milhares de linhas num arquivo só" (padrão da agência).
   Tema: F — EDITORIAL BOLD (escolha do José): branco puro, preto #141414, vermelho
   #D62828 pontual, Archivo Black gigante, cantos retos, linhas pretas grossas, zero gradiente. */
.pac-container{z-index:10000!important;background:#FFFFFF!important;border:1px solid rgba(214,40,40,.3)!important;border-radius:var(--raio-p)!important;overflow:hidden;font-family:inherit!important;margin-top:4px!important;box-shadow:0 8px 24px rgba(20,20,20,.18)!important;}
.pac-item{color:#141414!important;border-top:1px solid rgba(20,20,20,.07)!important;padding:8px 10px!important;font-size:.88rem!important;}
.pac-item:hover,.pac-item-selected{background:rgba(214,40,40,.1)!important;}
.pac-item-query{color:#141414!important;font-weight:600;}
.pac-icon{filter:sepia(1) saturate(2) hue-rotate(320deg) brightness(.9);}
.pac-matched{color:var(--pr)!important;}

:root{
  /* tema "fachada": a loja da foto é preta com letreiro vermelho e faixa amarela —
     o site segue igual: painéis pretos translúcidos, vermelho + amarelo, texto branco */
  --pr:#D62828;--se:#A51D1D;--bg:#0E0E0E;--bg2:#141414;--amarelo:#F5C518;
  --painel:#161616;--card:rgba(26,26,26,.88);--card-bd:rgba(255,255,255,.08);
  --text:#FFFFFF;--muted:rgba(255,255,255,.80);
  --tx-2:#E6E6E6;--tx-3:#CFCFCF;--tx-4:#C8C8C8;--tx-5:#B4B4B4;--tx-6:#A8A8A8;
  --font-display:'Archivo Black',sans-serif;
  /* profundidade: sombras em camadas e cantos arredondados */
  --raio:18px;--raio-p:12px;
  --sombra-1:0 1px 2px rgba(0,0,0,.30),0 6px 16px rgba(0,0,0,.30);
  --sombra-2:0 2px 6px rgba(0,0,0,.35),0 16px 36px rgba(0,0,0,.45);
  --sombra-3:0 6px 16px rgba(0,0,0,.40),0 28px 60px rgba(0,0,0,.55);
  --vidro:rgba(18,18,18,.82);--vidro-borda:rgba(255,255,255,.10);
  --transicao-suave:cubic-bezier(0.16,1,0.3,1);
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;width:100%;overflow-x:hidden;}
/* encaixe em qualquer aparelho: nada passa da largura da tela, mídia nunca estoura, entalhe/ilha respeitados */
body{width:100%;max-width:100%;overflow-x:clip;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);touch-action:manipulation;}
img,svg,video,canvas{max-width:100%;}
input,select,textarea,button{font-size:max(16px,1em);touch-action:manipulation;} /* 16px+ : o iOS não dá zoom automático ao focar */
@media (min-width:700px){.container{max-width:760px!important;}#destaques{max-width:640px!important;}}
@media (max-width:340px){#ws-brand{font-size:1.7rem;}}
@media (max-height:520px) and (orientation:landscape){#ws-pizza,#ws-pizza-wrap{width:110px;height:110px;}#ws-logo{width:72px;height:72px;}#ws-conteudo{gap:8px;}header{min-height:auto;}}
/* aparelho fraco: tira o que é só enfeite contínuo */
html[data-leve="1"] .hero-faixa-trilho,html[data-leve="1"] .ws-vidro{animation:none!important;}
/* Fundo branco chapado: sem gradiente e sem background-attachment:fixed (que forçava
   repintar a tela inteira a cada frame de scroll — era a causa real do site lento). */
body{background:var(--painel);color:var(--text);font-family:'Work Sans','Public Sans',system-ui,sans-serif;overscroll-behavior:none;}

/* Reveal ao rolar — classe aplicada via JS (GSAP) OU sozinha via CSS+IntersectionObserver
   quando o GSAP não carregar (ver script no fim do body) */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease;}
.reveal.in-view{opacity:1;transform:translateY(0);}

/* WELCOME — logo com efeito de vidro (domo de brilho fixo + faixa de luz passando),
   nome completo que entra e FICA (nunca some), e uma pizza inteira de 8 fatias que vão
   sendo "pegas" uma a uma (cada fatia se solta e sai na direção dela) até sobrar o prato.
   Sem barra de carregamento. Passa sozinha (JS fecha ao fim da última fatia) e continua
   tocável pra quem quiser pular na hora. */
#ws{position:fixed;inset:0;height:100vh;height:calc(var(--vh,1vh)*100);background:#141414;z-index:10000;overflow:hidden;
  opacity:1;transition:opacity .6s ease;}
#ws.aberto{opacity:0;}
#ws-conteudo{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  cursor:pointer;gap:16px;padding:0 24px;}

#ws-logo{position:relative;width:104px;height:104px;border-radius:50%;overflow:hidden;flex:none;
  box-shadow:0 14px 28px rgba(20,20,20,.28),0 0 0 3px #141414;
  animation:wsLogoIn .9s cubic-bezier(.25,.9,.3,1) both;}
#ws-logo img{width:100%;height:100%;object-fit:cover;display:block;}
/* o "vidro": reflexo curvo fixo no topo + borda clara + sombra interna embaixo (domo) */
#ws-logo::before{content:"";position:absolute;inset:0;border-radius:50%;z-index:2;pointer-events:none;
  background:radial-gradient(ellipse 72% 46% at 50% 10%,rgba(255,255,255,.62),rgba(255,255,255,.1) 62%,transparent 72%);
  box-shadow:inset 0 3px 4px rgba(255,255,255,.75),inset 0 -12px 20px rgba(0,0,0,.38),inset 0 0 0 2px rgba(255,255,255,.28);}
/* a luz atravessando o vidro, de tempos em tempos */
.ws-vidro{position:absolute;top:-25%;left:0;width:42%;height:150%;z-index:3;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.15) 30%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.15) 70%,rgba(255,255,255,0) 100%);
  transform:translateX(-170%) skewX(-18deg);animation:wsReflexo 2.4s .8s ease-in-out 2 both;will-change:transform;}
@keyframes wsReflexo{0%{transform:translateX(-170%) skewX(-18deg);}55%,100%{transform:translateX(320%) skewX(-18deg);}}
@keyframes wsLogoIn{0%{transform:scale(.4) rotate(-20deg);opacity:0;}100%{transform:scale(1) rotate(0);opacity:1;}}

#ws-brand{font-family:var(--font-display);font-size:2.2rem;line-height:1;text-align:center;color:#FFFFFF;letter-spacing:-1px;
  text-transform:uppercase;display:flex;flex-wrap:wrap;justify-content:center;gap:0 .45rem;max-width:320px;}
.ws-palavra{display:inline-block;opacity:0;animation:wsPalavraPula .8s cubic-bezier(.25,.9,.3,1) both;
  animation-delay:calc(.35s + var(--i) * .2s);}
.ws-destaque{color:var(--pr);}
/* 100% repete opacity:1 de propósito — sem isso o nome voltava pro opacity:0 da regra base e sumia */
@keyframes wsPalavraPula{0%{transform:translateY(18px) scale(.85);opacity:0;}100%{transform:translateY(0) scale(1);opacity:1;}}

#ws-pizza-wrap{width:168px;height:168px;flex:none;}
#ws-pizza{width:168px;height:168px;overflow:visible;
  animation:wsPizzaIn .9s .4s cubic-bezier(.25,.9,.3,1) both;}
@keyframes wsPizzaIn{0%{transform:scale(.7) rotate(-20deg);opacity:0;}100%{transform:scale(1) rotate(0);opacity:1;}}
/* cada fatia: primeiro desgruda um pouquinho do resto (como quem puxa), depois sai voando
   na direção dela e some — uma de cada vez, em volta da pizza */
.ws-fp{transform-box:view-box;transform-origin:80px 80px;
  animation:wsPega .8s cubic-bezier(.4,0,.6,1) both;animation-delay:calc(1.5s + var(--k) * .3s);}
@keyframes wsPega{
  0%{transform:translate(0,0) rotate(0);opacity:1;}
  28%{transform:translate(calc(var(--dx) * .1),calc(var(--dy) * .1)) rotate(calc(var(--r) * .25));opacity:1;}
  100%{transform:translate(var(--dx),var(--dy)) rotate(var(--r));opacity:0;}
}
#ws-toque-aviso{font-family:'Work Sans',sans-serif;font-weight:700;font-size:.74rem;letter-spacing:2.5px;text-transform:uppercase;
  color:#999999;opacity:0;animation:wsAvisoIn .6s 1.6s ease forwards;}
@keyframes wsAvisoIn{to{opacity:1;}}

/* Acessibilidade: quem pede menos movimento no sistema não recebe nenhuma animação contínua
   nem transição longa do site inteiro (giro do anel, pulso do logo, respiração do fundo,
   GSAP de scroll etc.) — troca de estado ainda acontece, só sem o movimento. */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important;
  }
}

/* ── PROGRESSO DE ROLAGEM ── */
#scroll-progress{position:fixed;top:0;left:0;height:4px;width:0%;background:var(--pr);z-index:9000;transition:width .08s linear;}

/* ── TOPBAR ── */
#topbar{
  position:sticky;top:0;z-index:600;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 16px;height:56px;
  background:rgba(16,16,16,0.97);
  box-shadow:0 1px 0 rgba(20,20,20,.06),0 6px 20px rgba(20,20,20,.10);
  will-change:transform;
}
.tb-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1rem;color:var(--text);letter-spacing:.5px;}
.tb-brand::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--pr);flex:none;box-shadow:0 0 0 4px rgba(214,40,40,.15);}
#status-loja{font-size:.74rem;font-weight:700;letter-spacing:1.6px;padding:6px 11px;border-radius:999px;}
/* presas ao selo: ".open" sozinho também pegava o botão do menu aberto (ficava verde) */
#status-loja.open{background:#1F9D55;color:#FFFFFF;box-shadow:0 4px 12px rgba(31,157,85,.35);}
#status-loja.closed{background:var(--pr);color:#FFFFFF;box-shadow:0 4px 12px rgba(214,40,40,.35);}

/* HAMBURGER */
#hamburger{
  display:flex;flex-direction:column;justify-content:center;gap:5px;
  width:36px;height:36px;cursor:pointer;padding:6px;flex-shrink:0;
}
#hamburger span{display:block;height:2px;background:var(--text);border-radius:var(--raio-p);transition:all .25s ease;}
#hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
#hamburger.open span:nth-child(2){opacity:0;}
#hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* DRAWER */
#drawer{
  position:fixed;top:0;right:0;bottom:0;width:272px;
  background:var(--painel);border-left:1px solid rgba(255,255,255,.08);
  z-index:599;overflow-y:auto;
  transform:translateX(110%);transition:transform .32s cubic-bezier(.4,0,.2,1);
  padding:64px 0 24px;
}
/* sombra só com a gaveta aberta — fechada ela vazava na borda direita da tela */
#drawer.open{transform:translateX(0);box-shadow:-12px 0 36px rgba(20,20,20,.2);}
#drawer::before{content:"PIZZA EM DOBRO";display:block;margin:0 20px 14px;padding-bottom:14px;
  font-family:var(--font-display);font-size:1.05rem;color:var(--text);letter-spacing:-.2px;
  border-bottom:2px solid var(--text);}
.drawer-item{
  display:flex;align-items:center;gap:12px;padding:11px 18px;margin:2px 10px;border-radius:var(--raio-p);
  font-size:.93rem;font-weight:500;color:var(--tx-2);cursor:pointer;
  transition:background .15s,color .15s;
}
.drawer-item:hover{background:rgba(214,40,40,.1);color:var(--pr);}
.drawer-item:active{background:rgba(214,40,40,.18);}
.drawer-item .di{width:30px;height:30px;border-radius:var(--raio-p);background:rgba(255,255,255,.05);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--tx-4);transition:background .15s;}
.drawer-item:hover .di{background:rgba(214,40,40,.14);}
.drawer-separator{height:1px;background:rgba(255,255,255,.08);margin:10px 20px;}
#client-name-drawer{color:var(--pr);font-weight:700;font-size:.88rem;padding:10px 20px 4px;letter-spacing:.3px;}

/* OVERLAY behind drawer */
#drawer-bg{position:fixed;inset:0;z-index:598;display:none;background:rgba(20,20,20,.25);}
#drawer-bg.open{display:block;}

/* HEADER / HERO — transparente sobre a fachada: a loja aparece por trás e o texto fica
   num degradê escuro embaixo, legível sem esconder a foto */
header{position:relative;min-height:74vh;display:flex;flex-direction:column;justify-content:flex-end;
  padding:18px 20px 30px;text-align:left;color:#FFFFFF;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.05) 35%,rgba(0,0,0,.55) 72%,rgba(0,0,0,.78) 100%);}
.hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:auto;}
.hero-logo{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 3px rgba(255,255,255,.85),0 8px 22px rgba(0,0,0,.35);}
.hero-kicker{align-self:flex-start;display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:#FFFFFF;
  background:var(--pr);padding:6px 12px;border-radius:999px;margin:18px 0 14px;box-shadow:0 6px 16px rgba(214,40,40,.45);}
.viva-title{font-family:var(--font-display);font-size:clamp(3rem,15vw,4.4rem);color:#FFFFFF;letter-spacing:-1.5px;line-height:.92;text-transform:uppercase;margin:0;
  text-shadow:0 4px 24px rgba(0,0,0,.45);}
.viva-title span{color:#FF4A3D;}
.viva-sub{font-size:1rem;color:rgba(255,255,255,.92);margin-top:14px;display:block;line-height:1.5;max-width:300px;text-shadow:0 2px 10px rgba(0,0,0,.5);}
.hero-cta-row{display:flex;gap:10px;margin-top:22px;}
.hero-cta-btn{flex:1;display:flex;align-items:center;justify-content:center;background:var(--amarelo);color:#1A1A1A;border:none;border-radius:14px;padding:17px 0;
  font-family:var(--font-display);font-size:.94rem;letter-spacing:.5px;text-decoration:none;cursor:pointer;box-shadow:var(--sombra-3);transition:transform .12s;}
.hero-cta-btn:active{transform:scale(.97);}
.hero-cta-block{width:58px;border-radius:14px;background:#25D366;flex:none;display:flex;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:0 8px 22px rgba(37,211,102,.45);transition:transform .12s;}
.hero-cta-block:active{transform:scale(.93);}
/* faixa vermelha correndo, levemente inclinada pra dar movimento — só transform */
/* a inclinação fica num invólucro: rotacionar o próprio elemento de rolagem travava a rolagem vertical da página no celular */
.hero-faixa-rot{position:relative;z-index:2;margin:-6px -8px 0;filter:drop-shadow(0 10px 18px rgba(214,40,40,.40));}
.hero-faixa-rot .hero-faixa{clip-path:polygon(0 14px,100% 0,100% calc(100% - 14px),0 100%);padding:8px 0;}
.hero-faixa{position:relative;background:var(--pr);border-bottom:5px solid var(--amarelo);color:#FFFFFF;overflow:hidden;}
.hero-faixa-trilho{display:flex;align-items:center;width:max-content;}
.hero-faixa-trilho a{color:inherit;text-decoration:none;font-family:var(--font-display);font-size:.98rem;letter-spacing:.5px;padding:11px 0;white-space:nowrap;-webkit-user-drag:none;transition:color .15s;}
.hero-faixa-trilho a:hover,.hero-faixa-trilho a:focus-visible{color:var(--amarelo);}
.hero-faixa-trilho i{font-style:normal;padding:0 14px;opacity:.9;}
.hero-faixa-trilho span{font-family:var(--font-display);font-size:.98rem;letter-spacing:.5px;padding:11px 0;white-space:nowrap;}
@keyframes faixaCorre{to{transform:translateX(-50%);}}
.ig-link{display:inline-flex;opacity:.95;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35));}
.ig-link:hover{opacity:1;}

/* DESTAQUES (entrega rápida / combos) — dois cartões de vidro com sombra */
#destaques{max-width:450px;width:calc(100% - 32px);margin:26px auto 6px;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.destaque-card{background:var(--vidro);border:1px solid var(--vidro-borda);border-radius:var(--raio);padding:16px 14px;text-align:left;box-shadow:var(--sombra-2);}
.destaque-ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:10px;
  background:rgba(245,197,24,.14);box-shadow:inset 0 0 0 1px rgba(245,197,24,.28);}
.destaque-ttl{font-family:var(--font-display);font-size:.98rem;color:var(--text);text-transform:uppercase;line-height:1.1;}
.destaque-sub{font-size:.82rem;color:var(--muted);margin-top:6px;line-height:1.35;}

/* NAV — pílulas com sombra; viram pretas no toque */
.nav-bar{position:sticky;top:56px;z-index:500;background:rgba(16,16,16,0.96);display:flex;overflow-x:auto;padding:10px 12px;gap:8px;
  box-shadow:0 8px 20px rgba(20,20,20,.10);scrollbar-width:none;}
.nav-bar::-webkit-scrollbar{display:none;}
/* ao tocar numa categoria, o título para logo abaixo do topo + barra fixa (não escondido atrás) */
#cat-p,#cat-s,#cat-co,#cat-es,#cat-dw,#cat-cz,#cat-d{scroll-margin-top:76px;}
.nav-pill{white-space:nowrap;background:var(--painel);border:1px solid rgba(255,255,255,.10);color:var(--text);padding:8px 15px;border-radius:999px;font-size:.82rem;font-weight:700;
  letter-spacing:.5px;text-decoration:none;text-transform:uppercase;box-shadow:var(--sombra-1);transition:background .15s,color .15s,transform .12s;}
.nav-pill:hover,.nav-pill:active{background:var(--amarelo);color:#1A1A1A;transform:translateY(-1px);}

/* PROMO — cartão escuro de vidro, valor em destaque */
.promo-card{background:rgba(214,40,40,.90);margin:18px auto;padding:22px 20px;border-radius:var(--raio);max-width:450px;width:calc(100% - 32px);text-align:left;
  border:1px solid rgba(255,255,255,.10);box-shadow:var(--sombra-3);}
.promo-card h2{font-family:var(--font-display);font-size:1.2rem;color:#FFFFFF;margin-bottom:10px;line-height:1.15;letter-spacing:.2px;}
.promo-card p{font-size:.92rem;color:rgba(255,255,255,.92);line-height:1.55;}
.promo-step{display:inline-block;white-space:nowrap;color:#1A1A1A;background:var(--amarelo);padding:2px 9px;border-radius:999px;font-weight:700;box-shadow:0 4px 12px rgba(214,40,40,.4);}

/* LAST ORDER */
#last-order-banner{max-width:450px;margin:0 auto 12px;padding:0 16px;display:none;}
.lo-card{background:rgba(24,24,24,.60);border:1px solid rgba(255,255,255,.12);border-radius:var(--raio);padding:12px;box-shadow:0 6px 18px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.07);display:flex;align-items:center;gap:12px;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.lo-ico{flex:0 0 auto;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:1.3rem;background:rgba(245,197,24,.16);border:1px solid rgba(245,197,24,.35)}
.lo-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.lo-tit{font-size:.68rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--amarelo)}
.lo-text{font-size:.88rem;font-weight:700;line-height:1.3;color:#fff;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.lo-date{font-size:.72rem;color:rgba(255,255,255,.55)}
.lo-repeat-btn{flex:0 0 auto;background:var(--amarelo);color:#141414;border:0;padding:10px 14px;border-radius:999px;font-size:.8rem;font-weight:900;cursor:pointer;white-space:nowrap;font-family:inherit;transition:transform .15s}
.lo-repeat-btn:active{transform:scale(.95)}

/* ── CIRURGIA: STATS PÚBLICO ── */
#stats-publico{max-width:450px;margin:0 auto 12px;padding:0 16px;display:none;}
.sp-card{background:var(--card);border:1px solid var(--card-bd);border-radius:var(--raio-p);padding:10px 14px;display:flex;gap:0;justify-content:space-around;}
.sp-item{text-align:center;}
.sp-num{font-family:var(--font-display);font-size:1.4rem;color:var(--pr);}
.sp-lbl{font-size:.72rem;letter-spacing:1.5px;color:var(--tx-5);text-transform:uppercase;}

/* CONTAINER */
.container{padding:0 16px 200px;max-width:480px;margin:0 auto;}
.cat-title{font-family:var(--font-display);font-size:1.6rem;color:var(--text);margin:40px 0 14px;letter-spacing:-.5px;text-transform:uppercase;line-height:1;display:flex;align-items:center;gap:12px;}
#search-wrap{position:sticky;top:0;z-index:100;background:transparent;padding:10px 0 6px;max-width:480px;margin:0 auto;}
#search-box{width:100%;box-sizing:border-box;background:var(--painel);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:13px 16px 13px 44px;color:var(--text);font-size:1rem;outline:none;box-shadow:var(--sombra-1);}
#search-box::placeholder{color:var(--tx-5);}
#search-box:focus{border-color:var(--pr);}
#search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none;}
#search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--tx-4);font-size:1rem;cursor:pointer;display:none;}
#search-empty{text-align:center;color:var(--tx-5);font-size:.93rem;padding:40px 0;display:none;}
.cat-title::after{content:"";flex:1;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--pr),rgba(214,40,40,0));}

/* ITEM CARD — cartão branco com sombra em camadas; miniatura arredondada ao lado do nome;
   TODOS os botões numa linha só (−, quantidade, +, ½ meia) — nunca um embaixo do outro */
.item-card{background:var(--painel);border-radius:var(--raio);padding:12px;margin:0 0 12px;border:1px solid rgba(255,255,255,.05);position:relative;box-shadow:var(--sombra-1);
  transition:box-shadow .2s,transform .2s;}
.item-card:active{transform:scale(.99);box-shadow:var(--sombra-2);}
body.sel-mode .item-card.savory{box-shadow:0 0 0 2px var(--pr),var(--sombra-1);cursor:pointer;}
body.sel-mode .item-card.savory.first-half-sel{
  box-shadow:0 0 0 3px var(--pr),var(--sombra-2)!important;
  animation:pulsehalf 1s ease-in-out infinite;
}
@keyframes pulsehalf{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.01);}
}
/* controles inline no carrinho */
.sel-trigger{display:none;position:absolute;inset:0;z-index:50;}
body.sel-mode .item-card.savory .sel-trigger{display:block;}

/* COMBOS "2 POR X" — vitrine 3D no topo + cartões de vidro com preço grande e economia */
.combo-vitrine{position:relative;height:150px;margin:0 0 12px;border-radius:var(--raio);overflow:hidden;
  background:radial-gradient(120% 140% at 50% 0%,rgba(214,40,40,.35),rgba(20,20,20,.2) 60%,transparent),rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);box-shadow:var(--sombra-1);}
#combo-3d{position:absolute;inset:0;}
#combo-3d canvas{width:100%!important;height:100%!important;display:block;opacity:0;transition:opacity .6s;}
#combo-3d.c3d-pronto canvas{opacity:1;}
/* sem 3D (aparelho fraco ou sem WebGL): duas pizzas em emoji, sem animação contínua */
#combo-3d.c3d-fallback::before,#combo-3d:not(.c3d-pronto)::before{content:"🍕 🍕";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:3.2rem;letter-spacing:8px;padding-bottom:30px;opacity:.9;}
#combo-3d.c3d-pronto::before{content:none;}
.combo-vitrine-txt{position:absolute;left:0;right:0;bottom:10px;text-align:center;pointer-events:none;display:flex;flex-direction:column;gap:1px;}
.combo-vitrine-txt b{font-family:var(--font-display);font-size:1.15rem;color:#fff;letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.6);}
.combo-vitrine-txt span{font-size:.82rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--amarelo);text-shadow:0 2px 6px rgba(0,0,0,.6);}
.combo-intro{font-size:.94rem;color:var(--muted);margin:0 0 12px;line-height:1.45;}
.combo-lista{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:12px;}
.combo-card{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 45%),var(--painel);
  border:1px solid rgba(255,255,255,.08);border-radius:var(--raio);padding:16px;box-shadow:var(--sombra-1);overflow:hidden;}
.combo-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--combo-cor,#D62828);}
.combo-card::after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle,var(--combo-cor,#D62828),transparent 70%);opacity:.22;pointer-events:none;}
.combo-topo{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;}
.combo-ribbon{display:inline-block;font-family:var(--font-display);font-size:.88rem;text-transform:uppercase;letter-spacing:1.2px;
  color:#FFFFFF;background:var(--combo-cor,#D62828);padding:6px 13px;border-radius:999px;box-shadow:0 6px 14px rgba(0,0,0,.3);}
.combo-price{font-family:var(--font-display);font-size:2.3rem;line-height:1;color:var(--amarelo);letter-spacing:-1px;white-space:nowrap;}
.combo-price small{font-size:.98rem;letter-spacing:0;margin-right:3px;vertical-align:.9em;}
.combo-price sup{font-size:1.03rem;letter-spacing:0;vertical-align:.7em;}
.combo-eco{position:relative;z-index:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;font-size:.86rem;}
.combo-eco b{background:rgba(46,204,113,.16);color:#5BE08D;border:1px solid rgba(46,204,113,.35);padding:4px 10px;border-radius:999px;font-weight:800;}
.combo-de{color:var(--muted);text-decoration:line-through;}
.combo-select-row{position:relative;z-index:1;display:flex;align-items:flex-end;gap:8px;margin-bottom:14px;}
.combo-slot{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;}
.combo-slot i{font-style:normal;font-size:.74rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);}
.combo-select{width:100%;min-width:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background:rgba(255,255,255,.07) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23FFFFFF' d='M7 10l5 5 5-5z'/></svg>") no-repeat right 8px center/16px;
  color:var(--text);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px 28px 12px 11px;font-family:'Work Sans',sans-serif;
  font-size:16px;font-weight:700;cursor:pointer;text-overflow:ellipsis;} /* 16px: o iPhone não dá zoom ao focar */
.combo-select:focus{outline:none;border-color:var(--pr);box-shadow:0 0 0 3px rgba(214,40,40,.2);}
.combo-select option{background:#1b1b1b;color:#fff;}
.combo-plus{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-bottom:6px;border-radius:50%;background:var(--pr);
  font-family:var(--font-display);font-size:1.1rem;color:#fff;flex:none;box-shadow:0 4px 10px rgba(214,40,40,.4);}
.combo-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.combo-sorte{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--tx-2);border-radius:12px;padding:12px 12px;
  font-family:'Work Sans',sans-serif;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;}
.combo-sorte:active{transform:scale(.96);}
.combo-add-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--combo-cor,#D62828);color:#fff;border:none;
  border-radius:12px;padding:14px 16px;font-family:var(--font-display);font-size:.9rem;letter-spacing:.5px;text-transform:uppercase;
  cursor:pointer;transition:transform .12s;box-shadow:0 8px 18px rgba(0,0,0,.35);}
.combo-add-btn:active{transform:scale(.95);}
.combo-add-btn span{font-size:1.1rem;line-height:1;}
@media (min-width:700px){.combo-lista{grid-template-columns:1fr 1fr;}.combo-vitrine{height:190px;}}
@media (max-width:340px){.combo-price{font-size:1.9rem;}.combo-select-row{flex-direction:column;align-items:stretch;}.combo-plus{align-self:center;margin:0;}}

/* ESFIHAS — R$ 5 cada, o cliente monta o combo */
.esf-box{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 45%),var(--painel);border:1px solid rgba(255,255,255,.08);
  border-top:4px solid #F5A300;border-radius:var(--raio);padding:16px;margin-bottom:12px;box-shadow:var(--sombra-1);}
.esf-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.esf-preco{font-family:var(--font-display);font-size:2.2rem;line-height:1;color:var(--amarelo);letter-spacing:-1px;white-space:nowrap;}
.esf-preco small{display:block;font-family:'Work Sans',sans-serif;font-size:.74rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:2px;}
.esf-preco sup{font-size:1.03rem;letter-spacing:0;vertical-align:.7em;}
.esf-dica{font-size:.86rem;color:var(--muted);text-align:right;line-height:1.4;}.esf-dica b{color:var(--tx-2);}
.esf-lista{display:grid;grid-template-columns:1fr;gap:8px;}
.esf-linha{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 10px 8px 14px;}
.esf-nome{font-weight:700;font-size:1rem;}
.esf-resumo{margin:12px 0 10px;font-size:.96rem;color:var(--tx-2);min-height:1.4em;}
.esf-total{color:var(--amarelo);font-size:1.1rem;}.esf-eco{color:#5BE08D;font-weight:700;font-size:.86rem;}
.esf-prox{margin-top:4px;color:var(--amarelo);font-size:.86rem;font-weight:700;}
.esf-atalhos{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.esf-add{width:100%;background:#F5A300;color:#1A1A1A;}
.esf-add:disabled{opacity:.4;cursor:not-allowed;}
@media (min-width:700px){.esf-lista{grid-template-columns:1fr 1fr;}}

/* ITEM IMAGE — miniatura arredondada ao lado do nome, nunca em cima */
.item-row{display:flex;gap:14px;align-items:center;}
.item-img-wrap{width:84px;height:84px;flex:none;border-radius:16px;overflow:hidden;display:none;background:#1F1F1F;position:relative;
  box-shadow:inset 0 0 0 1px rgba(20,20,20,.05),0 6px 14px rgba(20,20,20,.12);}
.item-img-wrap.show{display:block;}
.item-img-wrap img{width:100%;height:100%;object-fit:cover;display:none;transition:transform .35s ease;}
.item-img-wrap img.loaded{display:block;}
.item-card:active .item-img-wrap img{transform:scale(1.08) rotate(-4deg);}
.item-img-wrap canvas{width:100%;height:84px;display:none;}
.item-img-wrap canvas.hh{display:block;}
.item-info{flex:1;min-width:0;}
.img-skel{position:absolute;inset:0;background:linear-gradient(90deg,#1F1F1F 25%,#2A2A2A 50%,#1F1F1F 75%);background-size:200% 100%;animation:sk 1.4s linear infinite;}
@keyframes sk{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media (max-width:370px){.item-img-wrap{width:68px;height:68px;}}

/* HALF OVERLAY */
#half-banner{
  position:sticky;top:52px;z-index:590;
  background:var(--bg2);color:#FFFFFF;
  border-bottom:2px solid var(--pr);
  padding:12px 16px;
  display:none;
  align-items:center;justify-content:space-between;
}
#half-banner.show{display:flex;}
.hb-txt{font-family:var(--font-display);color:#FFFFFF;font-size:1rem;letter-spacing:.5px;}
.hb-sub{font-size:.82rem;color:rgba(255,255,255,.7);margin-top:1px;}
#hb-cancel{background:var(--se);border:none;padding:8px 16px;color:#fff;border-radius:var(--raio-p);font-weight:700;cursor:pointer;font-size:.86rem;white-space:nowrap;flex-shrink:0;}

/* CARD CONTENT */
.item-name{display:block;font-weight:700;font-size:1.03rem;color:var(--text);font-family:'Work Sans',sans-serif;text-transform:uppercase;letter-spacing:.2px;line-height:1.2;}
.item-num{color:var(--pr);font-family:var(--font-display);margin-right:5px;}
.item-desc{color:var(--muted);font-size:.86rem;margin:4px 0 10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/* preço e controles: se faltar largura (celular pequeno) o PREÇO sobe de linha — os
   botões continuam sempre juntos, lado a lado, numa linha só */
.price-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;row-gap:8px;}
.item-price{color:var(--amarelo);font-family:var(--font-display);font-size:1.12rem;white-space:nowrap;letter-spacing:-.3px;}
.controls{display:flex;align-items:center;gap:6px;z-index:10;position:relative;flex-wrap:nowrap;justify-content:flex-end;flex:none;margin-left:auto;}
.btn-action{background:var(--painel);border:1px solid rgba(255,255,255,.14);color:var(--text);font-size:1rem;font-weight:700;cursor:pointer;padding:0;
  width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:var(--sombra-1);
  transition:transform .1s,background .15s,color .15s;}
.btn-action:active{transform:scale(.88);}
.btn-action.btn-plus{background:var(--pr);border-color:var(--pr);color:#FFFFFF;box-shadow:0 6px 14px rgba(214,40,40,.35);}
.btn-action.btn-plus:active{background:var(--pr);border-color:var(--pr);}
.qty-val{font-family:var(--font-display);font-size:1rem;color:var(--text);min-width:18px;text-align:center;}
.btn-half{background:var(--amarelo);border:none;color:#1A1A1A;font-size:.74rem;font-weight:700;cursor:pointer;
  letter-spacing:.5px;height:32px;padding:0 11px;border-radius:999px;white-space:nowrap;box-shadow:0 6px 14px rgba(245,197,24,.30);transition:background .15s,transform .1s;}
.btn-half:active{background:#D9AE10;transform:scale(.94);}

/* BORDAS */
.borda-sel{display:none;} /* esconde o select antigo */
.borda-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px;}
.borda-pill{
  padding:8px 14px;border-radius:var(--raio-p);font-size:.86rem;font-weight:700;
  cursor:pointer;border:1px solid rgba(214,40,40,.3);
  color:var(--tx-4);background:rgba(255,255,255,.06);
  transition:all .18s;letter-spacing:.3px;min-height:36px;
  display:flex;align-items:center;gap:4px;
}
.borda-pill.sel{
  background:rgba(214,40,40,.16);border-color:var(--pr);
  color:var(--pr);box-shadow:0 0 10px rgba(214,40,40,.15);
}
.borda-pill:active{transform:scale(.95);}

/* ACRÉSCIMOS — verde */
.acr-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px;}
.acr-pill{
  padding:8px 14px;border-radius:var(--raio-p);font-size:.86rem;font-weight:700;
  cursor:pointer;border:1px solid rgba(255,255,255,.28);
  color:var(--tx-4);background:rgba(255,255,255,.06);
  transition:all .18s;letter-spacing:.3px;min-height:36px;
  display:flex;align-items:center;gap:4px;
}
.acr-pill.sel{
  background:rgba(20,20,20,.14);border-color:var(--bg2);
  color:var(--bg2);box-shadow:0 0 10px rgba(20,20,20,.15);
}
.acr-pill:active{transform:scale(.95);}

/* REMOVER — vermelho */
.rm-wrap{margin-top:10px;padding:0;background:transparent;border-radius:var(--raio-p);position:relative;z-index:10;}
.rm-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px;}
.rm-pill{
  padding:8px 14px;border-radius:var(--raio-p);font-size:.86rem;font-weight:700;
  cursor:pointer;border:1px solid rgba(165,29,29,.3);
  color:var(--tx-4);background:rgba(255,255,255,.06);
  transition:all .18s;letter-spacing:.3px;min-height:36px;
  display:flex;align-items:center;gap:4px;
}
.rm-pill.sel{
  background:rgba(165,29,29,.16);border-color:var(--se);
  color:var(--se);box-shadow:0 0 10px rgba(165,29,29,.15);
}
.rm-pill:active{transform:scale(.95);}

/* SEÇÃO LABEL */
.opt-label{font-size:.78rem;font-weight:700;letter-spacing:2px;margin-top:12px;margin-bottom:4px;display:block;color:var(--tx-2);}
/* TOGGLE HEADER */
.opt-toggle-hdr{
  display:flex;align-items:center;justify-content:space-between;
  cursor:pointer;padding:8px 10px;border-radius:var(--raio-p);margin-top:8px;
  background:rgba(255,255,255,.05);border:1px solid var(--card-bd);
  transition:background .15s;
}
.opt-toggle-hdr:active{background:rgba(255,255,255,.10);}

/* FEEDBACK */
#feedback-section{max-width:480px;margin:0 auto 20px;padding:0 16px;display:none;}
.fb-card{background:var(--card);border-radius:var(--raio-p);padding:14px;margin-bottom:9px;border-left:3px solid var(--pr);}
.fb-author{font-family:'Work Sans',sans-serif;font-weight:700;color:var(--text);font-size:.96rem;display:flex;align-items:center;gap:8px;}
.fb-author img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid rgba(214,40,40,.3);}
.fb-badge-fb{display:inline-flex;align-items:center;gap:3px;background:#1877f2;color:#fff;font-size:.72rem;font-weight:700;padding:2px 6px;border-radius:var(--raio-p);margin-left:4px;vertical-align:middle;}
.fb-stars{color:var(--pr);font-size:.86rem;margin:2px 0;}
.fb-text{color:var(--tx-2);font-size:.88rem;margin-top:3px;}
.fb-date{color:var(--tx-5);font-size:.78rem;margin-top:5px;}
.fb-btn{display:block;margin:16px auto 0;background:rgba(214,40,40,.1);border:1px solid rgba(214,40,40,.32);color:var(--pr);padding:10px 20px;border-radius:var(--raio-p);font-size:.86rem;font-weight:700;cursor:pointer;letter-spacing:.5px;}

/* CART BAR — faixa escura intencional, mesma lógica do bloco de CTA do mockup aprovado */
#cart-bar{
  position:fixed;bottom:0;left:0;right:0;
  background:rgba(20,20,20,.98);
  border-top:2px solid var(--pr);
  z-index:700;display:none;
  box-shadow:0 -8px 40px rgba(0,0,0,.35);
  max-height:92vh;overflow-y:auto;color:#FFFFFF;
  padding-bottom:env(safe-area-inset-bottom); /* home indicator do iPhone (X em diante) */
}
#cart-hint-row{padding:10px 16px 0;cursor:pointer;}
#cart-hint{font-size:.72rem;text-align:center;opacity:.55;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px;color:#FFFFFF;}
.cart-top{display:flex;align-items:center;gap:0;padding:0 16px 10px;}
.del-wrap{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px;background:rgba(255,255,255,.07);border-radius:var(--raio-p);border:1px solid rgba(255,255,255,.1);margin-right:12px;flex-shrink:0;}
.del-lbl{font-size:.74rem;font-weight:700;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:1px;}
.del-switch{position:relative;display:inline-block;width:34px;height:58px;}
.del-switch input{opacity:0;width:0;height:0;}
.slider{position:absolute;cursor:pointer;inset:0;background:var(--se);transition:.35s;border-radius:34px;}
.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background:var(--painel);transition:.35s;border-radius:50%;}
input:checked+.slider{background:#5a9e6f;}
input:checked+.slider:before{transform:translateY(-26px);}
.ti{font-size:13px;position:absolute;z-index:1;left:10px;pointer-events:none;}
.ti-top{top:7px;}.ti-bot{bottom:7px;}
.cart-mid{flex:1;}
.cart-mid-lbl{font-size:.78rem;letter-spacing:1px;opacity:.65;display:block;color:#FFFFFF;}
#delivery-msg{font-size:.82rem;margin-top:3px;color:rgba(255,255,255,.75);}
.cart-total-wrap{text-align:right;}
#total-val{color:#FF5A4E;font-size:1.35rem;font-weight:700;font-family:var(--font-display);}
#cart-body{padding:0 16px 20px;}
.cart-section-label{font-family:var(--font-display);font-size:.78rem;letter-spacing:.5px;color:#FF5A4E;margin:14px 0 6px;text-transform:uppercase;}
.cart-tip{font-size:.78rem;color:rgba(255,255,255,.55);margin-bottom:8px;padding:6px 10px;background:rgba(255,255,255,.04);border-radius:6px;border-left:2px solid rgba(214,40,40,.4);}

/* SUMMARY */
#order-summary{border-top:1px solid rgba(255,255,255,.1);padding-top:6px;margin-bottom:4px;}
.sum-item{font-size:.91rem;border-bottom:1px solid rgba(255,255,255,.08);padding:8px 92px 8px 0;color:rgba(255,255,255,.9);position:relative;}
.sum-item b{color:#FF5A4E;}
.sum-price{color:#FF7A70;}
.sum-borda{color:#8fd1a2;}
.sum-rm{display:block;text-decoration:line-through;color:rgba(255,255,255,.4);font-size:.82rem;margin-top:2px;}
.sum-desc{color:#8fd1a2;font-size:.86rem;display:block;margin-top:2px;}
.sum-x{background:rgba(165,29,29,.25);color:#FF7A70;font-size:.82rem;font-weight:700;cursor:pointer;padding:3px 8px;border-radius:6px;border:none;}
.sum-controls{position:absolute;top:6px;right:0;display:flex;align-items:center;gap:6px;}

/* CART INPUTS */
.c-input{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:11px 13px;border-radius:var(--raio-p);color:#FFFFFF;font-size:.91rem;margin-bottom:9px;outline:none;transition:border-color .2s;}
.c-input::placeholder{color:rgba(255,255,255,.45);}
.c-input:focus{border-color:rgba(214,40,40,.55);}
.c-select{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:11px 13px;border-radius:var(--raio-p);color:#FFFFFF;font-size:.91rem;margin-bottom:9px;outline:none;-webkit-appearance:none;}
#del-time{text-align:center;font-size:.88rem;line-height:1.5;color:rgba(255,255,255,.8);background:rgba(255,255,255,.05);padding:10px;border-radius:var(--raio-p);margin-bottom:10px;border:1px solid rgba(255,255,255,.1);}
.send-btn{width:100%;background:var(--pr);color:#fff;border:none;padding:14px;border-radius:var(--raio-p);font-weight:700;font-size:.96rem;cursor:pointer;text-transform:uppercase;letter-spacing:.8px;margin-top:4px;}

/* MÚSICA */
#music-bar{position:fixed;bottom:0;left:0;right:0;background:rgba(16,16,16,0.97);border-top:1px solid rgba(255,255,255,.1);padding:8px 16px calc(8px + env(safe-area-inset-bottom));display:none;align-items:center;gap:10px;z-index:698;transition:bottom .3s;}
#music-bar.show{display:flex;}
.mp-info{flex:1;min-width:0;}
.mp-title{font-size:.82rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;}
.mp-artist{font-size:.74rem;color:var(--tx-5);margin-top:1px;}
.mp-btn{background:none;border:1px solid rgba(214,40,40,.35);color:var(--pr);border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:.93rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.mp-close{background:none;border:none;color:var(--tx-5);font-size:1.1rem;cursor:pointer;flex-shrink:0;padding:0 4px;line-height:1;}

/* MODALS */
.modal{position:fixed;inset:0;background:rgba(20,20,20,.55);z-index:5000;display:none;align-items:flex-end;justify-content:center;}
.modal.open{display:flex;}
.modal-box{background:var(--painel);border:1px solid var(--card-bd);border-radius:var(--raio-p) 20px 0 0;padding:26px 18px 36px;width:100%;max-width:460px;max-height:88vh;overflow-y:auto;position:relative;box-shadow:0 -12px 40px rgba(20,20,20,.18);}
.modal-box.center{border-radius:var(--raio-p);margin:auto;max-width:360px;}
.modal-title{font-family:var(--font-display);color:var(--text);font-size:1.05rem;letter-spacing:.3px;margin-bottom:18px;text-align:center;}
.modal-handle{width:38px;height:4px;background:rgba(20,20,20,.12);border-radius:var(--raio-p);margin:0 auto 20px;}
.m-input{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);padding:12px 13px;border-radius:var(--raio-p);color:var(--text);font-size:.92rem;margin-bottom:10px;outline:none;}
.m-input:focus{border-color:rgba(214,40,40,.45);}
.m-btn{width:100%;background:var(--pr);color:#fff;border:none;padding:13px;border-radius:var(--raio-p);font-weight:700;font-size:.96rem;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;}
.m-btn-sec{width:100%;background:transparent;color:var(--tx-3);border:1px solid rgba(255,255,255,.14);padding:11px;border-radius:var(--raio-p);font-size:.88rem;cursor:pointer;}
.m-close{position:absolute;top:14px;right:16px;width:28px;height:28px;background:rgba(255,255,255,.06);border-radius:var(--raio-p);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--tx-4);font-size:.98rem;}

/* STAR SELECT */
.star-row{display:flex;gap:8px;margin-bottom:12px;font-size:1.5rem;}
.star-row span{opacity:.25;cursor:pointer;transition:opacity .15s;}
.star-row span.lit{opacity:1;}

/* DASH */
.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;}
.dash-card{background:rgba(214,40,40,.06);border:1px solid rgba(214,40,40,.15);border-radius:var(--raio-p);padding:14px;text-align:center;}
.dash-num{font-family:var(--font-display);font-size:1.7rem;color:var(--pr);}
.dash-lbl{font-size:.74rem;letter-spacing:2px;color:var(--tx-4);text-transform:uppercase;margin-top:2px;}
.ds-title{font-family:var(--font-display);color:var(--tx-3);letter-spacing:.3px;font-size:.86rem;text-transform:uppercase;margin:18px 0 9px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:5px;}
.bar-row{margin-bottom:7px;}
.bar-meta{display:flex;justify-content:space-between;font-size:.78rem;color:var(--tx-4);margin-bottom:3px;}
.bar-track{height:5px;background:rgba(255,255,255,.07);border-radius:3px;overflow:hidden;}
.bar-fill{height:100%;border-radius:0;background:var(--pr);}
.dash-fb{background:rgba(255,255,255,.03);border-radius:var(--raio-p);padding:9px;margin-bottom:7px;font-size:.86rem;color:var(--tx-3);}
.dash-fb b{color:var(--pr);}
.ord-row{background:rgba(255,255,255,.03);border-radius:var(--raio-p);padding:9px 11px;margin-bottom:6px;font-size:.86rem;color:var(--tx-3);}
.ord-row b{color:var(--pr);}
.fl-tag{display:inline-block;background:rgba(214,40,40,.07);border:1px solid rgba(214,40,40,.2);color:var(--pr);padding:3px 9px;border-radius:var(--raio-p);font-size:.78rem;margin:2px;}

/* ADMIN EDITOR */
.adm-tabs{display:flex;gap:7px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;}
.adm-tab{white-space:nowrap;padding:6px 14px;border-radius:var(--raio-p);font-size:.82rem;font-weight:700;border:1px solid rgba(214,40,40,.3);color:var(--tx-4);cursor:pointer;background:transparent;letter-spacing:.5px;}
.adm-tab.active{background:var(--pr);color:#fff;border-color:var(--pr);}
.adm-item-row{display:flex;align-items:center;gap:10px;padding:9px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:var(--raio-p);margin-bottom:7px;}
.adm-img{width:50px;height:50px;border-radius:var(--raio-p);overflow:hidden;background:#F2F2F2;flex-shrink:0;cursor:pointer;border:2px dashed rgba(214,40,40,.3);display:flex;align-items:center;justify-content:center;font-size:1.1rem;}
.adm-img img{width:100%;height:100%;object-fit:cover;}
.adm-info{flex:1;min-width:0;}
.adm-name{font-weight:600;font-size:.91rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.adm-price{font-size:.86rem;color:var(--pr);}
.adm-edit-btn{background:rgba(214,40,40,.1);border:1px solid rgba(214,40,40,.25);color:var(--pr);padding:6px 11px;border-radius:var(--raio-p);font-size:.82rem;font-weight:700;cursor:pointer;flex-shrink:0;}
.img-upload-lbl{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:110px;border-radius:var(--raio-p);border:2px dashed rgba(214,40,40,.32);cursor:pointer;color:var(--tx-4);font-size:.88rem;background:rgba(255,255,255,.02);margin-bottom:10px;overflow:hidden;position:relative;}
.img-upload-lbl:hover{border-color:var(--pr);}
.img-upload-lbl img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

/* ── PARTE 2: DASHBOARD ── */
.dash-info-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(214,40,40,.12);border:1px solid rgba(214,40,40,.3);color:var(--pr);font-size:.82rem;font-weight:700;cursor:pointer;margin-left:6px;flex-shrink:0;}
.dash-info-tooltip{background:var(--painel);border:1px solid rgba(214,40,40,.2);border-radius:var(--raio-p);padding:10px 12px;font-size:.82rem;color:var(--tx-3);line-height:1.5;margin-bottom:12px;display:none;}
.dash-info-tooltip.show{display:block;}
.dash-period{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap;}
.dash-period-btn{padding:5px 12px;border-radius:var(--raio-p);font-size:.78rem;font-weight:700;border:1px solid rgba(214,40,40,.2);color:var(--tx-4);cursor:pointer;background:transparent;letter-spacing:.5px;}
.dash-period-btn.active{background:rgba(214,40,40,.14);color:var(--pr);border-color:rgba(214,40,40,.4);}
.dash-section-header{display:flex;align-items:center;margin:18px 0 9px;}
.dash-section-header .ds-title{margin:0;flex:1;border:none;padding:0;}
/* gráfico de pizza canvas */
#dash-pizza-chart{display:block;margin:10px auto;max-width:200px;}
.dash-legend{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:12px;}
.dash-legend-item{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--tx-3);width:100%;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04);}
.dash-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}
/* clientes Google */
.client-row{display:flex;align-items:center;gap:10px;padding:8px;background:rgba(255,255,255,.03);border-radius:var(--raio-p);margin-bottom:6px;}
.client-row img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid rgba(66,133,244,.3);}
.client-info{flex:1;min-width:0;}
.client-name{font-size:.88rem;color:var(--text);font-weight:600;}
.client-email{font-size:.78rem;color:var(--tx-5);}
/* ── IMAGENS SEMPRE VISÍVEIS ── */
.item-img-wrap{display:block !important;}
.item-img-wrap img.loaded{display:block;}
/* ── MEIA A MEIA: CORTE DIAGONAL ── */
.hh-wrap{width:100%;height:150px;border-radius:var(--raio-p);overflow:hidden;position:relative;background:#F2F2F2;margin-bottom:12px;}
.hh-half-l{position:absolute;left:0;top:0;width:52%;height:100%;overflow:hidden;}
.hh-half-r{position:absolute;right:0;top:0;width:52%;height:100%;overflow:hidden;}
.hh-half-l img{width:100%;height:100%;object-fit:cover;clip-path:polygon(0 0,100% 0,85% 100%,0 100%);}
.hh-half-r img{width:100%;height:100%;object-fit:cover;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);}
.hh-label{position:absolute;bottom:6px;font-size:.74rem;font-weight:700;color:rgba(255,255,255,.9);letter-spacing:.5px;background:rgba(20,20,20,.6);padding:2px 6px;border-radius:4px;}
.hh-label-l{left:6px;}
.hh-label-r{right:6px;}
#map-frame{width:100%;height:260px;border-radius:var(--raio-p);border:1px solid rgba(214,40,40,.25);margin-bottom:10px;}
.map-endereco{font-size:.86rem;color:var(--tx-3);text-align:center;margin-bottom:12px;}

/* ── GOOGLE LOGIN BUTTON (cores oficiais — não mudam com o tema) ── */
.ggl-login-btn{width:100%;background:var(--painel);color:#3c4043;border:1px solid #dadce0;padding:11px;border-radius:var(--raio-p);font-weight:600;font-size:.93rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px;transition:box-shadow .2s;}
.ggl-login-btn:hover{box-shadow:0 1px 6px rgba(0,0,0,.2);}
.ggl-login-btn.connected{background:#e8f5e9;border-color:#34a853;color:#1e7e34;}
.fb-badge-fb{display:inline-flex;align-items:center;gap:3px;background:#4285F4;color:#fff;font-size:.72rem;font-weight:700;padding:2px 6px;border-radius:var(--raio-p);margin-left:4px;vertical-align:middle;}

/* ── PERFIL GOOGLE NO DRAWER ── */
#drawer-profile{padding:14px 20px 10px;border-bottom:1px solid rgba(214,40,40,.12);display:none;}
.dp-row{display:flex;align-items:center;gap:10px;}
.dp-foto{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--pr);flex-shrink:0;}
.dp-info{flex:1;min-width:0;}
.dp-nome{font-weight:700;font-size:.93rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dp-email{font-size:.78rem;color:var(--tx-5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dp-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(66,133,244,.12);border:1px solid rgba(66,133,244,.3);color:#4285F4;font-size:.74rem;font-weight:700;padding:2px 7px;border-radius:var(--raio-p);margin-top:3px;letter-spacing:.5px;}

/* ── CTA GOOGLE NO CARRINHO ── */
#cart-google-cta{margin:12px 0 8px;background:linear-gradient(135deg,rgba(66,133,244,.1),rgba(52,168,83,.08));border:1px solid rgba(66,133,244,.25);border-radius:var(--raio-p);padding:14px;text-align:center;display:none;}
.cta-title{font-family:'Work Sans',sans-serif;font-weight:700;color:#FFFFFF;font-size:1.03rem;letter-spacing:.3px;margin-bottom:4px;}
.cta-desc{font-size:.82rem;color:rgba(255,255,255,.75);line-height:1.5;margin-bottom:10px;}
.cta-benefits{display:flex;justify-content:center;gap:14px;margin-bottom:12px;flex-wrap:wrap;}
.cta-benefit{font-size:.78rem;color:rgba(255,255,255,.75);display:flex;align-items:center;gap:4px;}
.cta-benefit span{color:#FF5A4E;}

/* ── CURTIR / COMENTAR AVALIAÇÕES ── */
.fb-actions{display:flex;align-items:center;gap:12px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06);position:relative;z-index:10;}
.fb-like-btn{display:flex;align-items:center;gap:5px;background:none;border:none;color:var(--tx-4);font-size:.82rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s;position:relative;z-index:10;}
.fb-like-btn:hover{background:rgba(214,40,40,.08);color:var(--pr);}
.fb-like-btn.liked{color:var(--pr);}
.fb-like-btn svg{width:13px;height:13px;pointer-events:none;}
.fb-comment-btn{display:flex;align-items:center;gap:5px;background:none;border:none;color:var(--tx-4);font-size:.82rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s;position:relative;z-index:10;}
.fb-comment-btn:hover{background:rgba(255,255,255,.05);color:var(--tx-2);}
.fb-comments-area{margin-top:8px;}
.fb-comment-item{background:rgba(255,255,255,.03);border-radius:var(--raio-p);padding:7px 10px;margin-bottom:5px;font-size:.82rem;}
.fb-comment-author{color:var(--pr);font-weight:600;font-size:.78rem;}
.fb-comment-txt{color:var(--tx-3);margin-top:2px;}
.fb-comment-input-wrap{display:none;margin-top:6px;gap:6px;align-items:center;}
.fb-comment-input-wrap.show{display:flex;}
.fb-comment-input{flex:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);padding:7px 10px;border-radius:var(--raio-p);color:var(--text);font-size:.86rem;outline:none;}
.fb-comment-send{background:var(--pr);border:none;color:#fff;padding:7px 12px;border-radius:var(--raio-p);font-weight:700;font-size:.82rem;cursor:pointer;white-space:nowrap;}

/* ── HISTÓRICO PEDIDOS ── */
.hist-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--raio-p);padding:11px 13px;margin-bottom:8px;}
.hist-data{font-size:.78rem;color:var(--tx-5);margin-bottom:4px;}
.hist-items{font-size:.86rem;color:var(--tx-2);line-height:1.5;}
.hist-total{font-size:.9rem;color:var(--pr);font-weight:700;margin-top:4px;}
.hist-tipo{display:inline-block;font-size:.74rem;font-weight:700;padding:2px 7px;border-radius:var(--raio-p);margin-top:3px;}
.hist-entrega{background:rgba(165,29,29,.1);color:var(--se);}
.hist-retirada{background:rgba(20,20,20,.1);color:var(--bg2);}

/* ── ADMIN EDIT MODE (fora do painel) ── */
.item-card.admin-mode{position:relative;}
.item-card.admin-mode .item-adm-del{display:flex!important;}
.item-adm-del{display:none;position:absolute;top:8px;right:8px;background:rgba(165,29,29,.9);border:none;color:#fff;border-radius:var(--raio-p);padding:5px 10px;font-size:.78rem;font-weight:700;cursor:pointer;z-index:20;}
body.admin-edit-active .item-card .item-adm-del{display:flex;align-items:center;gap:4px;}
body.admin-edit-active .item-card{border:1px dashed rgba(214,40,40,.4)!important;}
.promo-row{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:var(--raio-p);padding:10px 12px;margin-bottom:7px;}
.promo-row-name{font-size:.9rem;color:var(--text);font-weight:600;}
.promo-row-desc{font-size:.82rem;color:var(--tx-4);margin-top:2px;}
.promo-toggle{display:flex;align-items:center;justify-content:space-between;margin-top:6px;}
.ptog{position:relative;display:inline-block;width:38px;height:22px;}
.ptog input{opacity:0;width:0;height:0;}
.ptog-sl{position:absolute;cursor:pointer;inset:0;background:#CCCCCC;border-radius:22px;transition:.3s;}
.ptog-sl:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background:var(--painel);transition:.3s;border-radius:50%;}
.ptog input:checked+.ptog-sl{background:rgba(214,40,40,.45);}
.ptog input:checked+.ptog-sl:before{transform:translateX(16px);background:var(--pr);}

/* ── GERENCIAR FB — estilo email ── */
.gfb-row{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:var(--raio-p);margin-bottom:6px;transition:background .15s;}
.gfb-row:has(.gfb-check:checked){background:rgba(214,40,40,.06);border-color:rgba(214,40,40,.2);}
.gfb-body{flex:1;min-width:0;}
.gfb-meta{font-size:.86rem;color:var(--tx-2);margin-bottom:3px;}
.gfb-meta b{color:var(--pr);}
.gfb-date{font-size:.74rem;color:var(--tx-5);margin-left:6px;}
.gfb-txt{font-size:.82rem;color:var(--tx-4);line-height:1.4;white-space:pre-wrap;word-break:break-word;}
.gfb-del-btn{background:rgba(165,29,29,.12);border:none;color:var(--se);border-radius:6px;padding:4px 8px;font-size:.82rem;cursor:pointer;flex-shrink:0;}
/* BOTÃO FLUTUANTE CONVERSOR — só admin */
#btn-conv-float{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom));right:16px;z-index:690;width:52px;height:52px;border-radius:50%;background:var(--pr);border:none;color:#fff;font-size:1.3rem;cursor:pointer;display:none;box-shadow:0 4px 18px rgba(214,40,40,.45);align-items:center;justify-content:center;transition:transform .15s;}
#btn-conv-float:active{transform:scale(.92);}
/* Conversor de pedido: removido da Loja, agora vive só dentro do Caixa (botão "Colar Pedido") */
/* CONVERSOR */
#modal-conversor{position:fixed;inset:0;z-index:6000;background:var(--bg,#FFFFFF);display:none;flex-direction:column;overflow:hidden;}
#modal-conversor.open{display:flex;}
#conv-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0;padding-top:max(14px,env(safe-area-inset-top));}
#conv-title{font-family:var(--font-display);font-size:.96rem;color:var(--pr,#D62828);letter-spacing:.3px;}
#conv-close{background:none;border:none;color:var(--tx-4);font-size:1.2rem;cursor:pointer;padding:6px 10px;}
#conv-body{flex:1;overflow-y:auto;padding:14px 16px 80px;}
#conv-input{width:100%;min-height:130px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);padding:12px;border-radius:var(--raio-p);color:var(--text);font-size:.92rem;outline:none;resize:vertical;font-family:'Work Sans',sans-serif;line-height:1.6;box-sizing:border-box;}
#conv-input:focus{border-color:rgba(214,40,40,.45);}
#conv-input::placeholder{color:var(--tx-5);}
#conv-result{display:none;background:rgba(255,255,255,.06);border:1px solid rgba(214,40,40,.25);border-radius:var(--raio-p);padding:14px;margin-top:12px;font-size:.9rem;line-height:1.9;color:var(--tx-2);white-space:pre-wrap;word-break:break-word;font-family:'Courier New',monospace;}
#conv-result.show{display:block;}
#conv-spinner{display:none;text-align:center;padding:20px;color:var(--pr);font-size:.88rem;letter-spacing:2px;}
#conv-spinner.show{display:block;}
.conv-row{display:flex;gap:8px;margin-top:10px;}
.conv-copy{flex:1;background:rgba(214,40,40,.1);border:1px solid rgba(214,40,40,.32);color:var(--pr);padding:11px;border-radius:var(--raio-p);font-weight:700;font-size:.86rem;cursor:pointer;display:none;text-align:center;}
.conv-print{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);color:var(--bg2);padding:11px;border-radius:var(--raio-p);font-weight:700;font-size:.86rem;cursor:pointer;display:none;text-align:center;}
.conv-copy.show,.conv-print.show{display:block;}
.conv-nav{display:flex;gap:6px;margin-bottom:12px;}
.conv-nav a{flex:1;text-align:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:var(--tx-4);padding:8px 4px;border-radius:var(--raio-p);font-size:.82rem;cursor:pointer;font-family:'Work Sans',sans-serif;font-weight:600;letter-spacing:.3px;text-decoration:none;}
/* PWA INSTALL BANNER */
#pwa-banner{position:fixed;bottom:0;left:0;right:0;background:var(--painel);border-top:1px solid rgba(214,40,40,.3);padding:14px 16px calc(14px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;z-index:9999;transform:translateY(100%);transition:transform .35s ease;box-shadow:0 -8px 24px rgba(20,20,20,.12);}
#pwa-banner.show{transform:translateY(0);}
#pwa-banner-icon{flex-shrink:0;}
#pwa-banner-txt{flex:1;}
#pwa-banner-txt b{display:block;font-size:.93rem;color:var(--text);margin-bottom:2px;}
#pwa-banner-txt span{font-size:.82rem;color:var(--tx-4);}
#pwa-banner-btn{background:var(--pr);color:#fff;border:none;padding:10px 16px;border-radius:var(--raio-p);font-size:.86rem;font-weight:700;cursor:pointer;white-space:nowrap;}
#pwa-banner-close{background:none;border:none;color:var(--tx-5);font-size:1.2rem;cursor:pointer;padding:4px;}

/* ══ FUNDO: FOTO DA FACHADA ══════════════════════════════════════════════
   A loja aparece de verdade atrás do site: desfoque leve já aplicado no arquivo
   (assets/fachada-fundo.jpg) — nada de filter:blur/backdrop-filter nem
   background-attachment:fixed, que repintavam a tela a cada rolagem no celular. Fica num
   elemento fixo próprio (camada separada na GPU). No celular em pé, enquadra a placa
   "PIZZA EM DOBRO" + a porta. Os blocos de baixo viram cartões de vidro com sombra. */
body{background:#141414;}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:#141414 url("fachada-fundo.jpg") 30% center/cover no-repeat;transform:translateZ(0);}
.container{background:rgba(12,12,12,.86);width:calc(100% - 20px);margin:22px auto 0;padding:4px 14px 200px;border-radius:26px 26px 0 0;
  box-shadow:0 -12px 40px rgba(0,0,0,.28);}
#feedback-section{background:rgba(12,12,12,.86);width:calc(100% - 20px);padding:6px 14px 14px;border-radius:var(--raio);box-shadow:var(--sombra-2);}


/* ═══════════════ DESKTOP (≥1024px) — o site inteiro remontado pra tela larga ═══════════════
   Mesma loja, outra montagem: conteúdo numa coluna central de até 1200px, hero grande, menu
   de categorias centralizado, cardápio em 2 colunas (3 em tela enorme), combos em grade,
   carrinho como cartão flutuante no canto, janelas (modais) no centro. Fica por último no
   arquivo de propósito, pra vencer as regras do celular. */
@media (min-width:1024px){
  :root{--lado:max(32px,calc((100vw - 1200px)/2));}
  #topbar{padding:0 var(--lado);height:64px;}
  .tb-brand{font-size:1.15rem;}
  header{min-height:min(82vh,820px);padding:28px var(--lado) 56px;}
  .hero-logo{width:64px;height:64px;}
  .viva-title{font-size:clamp(5rem,9vw,8.4rem);letter-spacing:-3px;}
  .hero-kicker{font-size:.86rem;padding:8px 16px;}
  .viva-sub{font-size:1.15rem;max-width:520px;}
  .hero-cta-row{max-width:520px;margin-top:30px;}
  .hero-cta-btn{padding:21px 0;font-size:1rem;}
  .hero-cta-btn,.hero-cta-block,.nav-pill,.combo-add-btn,.combo-sorte,.btn-action,.btn-half,.destaque-card{cursor:pointer;}
  .hero-cta-btn:hover{filter:brightness(1.08);transform:translateY(-2px);}
  .hero-cta-block{width:70px;}
  .hero-faixa-trilho span,.hero-faixa-trilho a{font-size:1.1rem;padding:14px 0;}
  .hero-faixa-trilho i{padding:0 20px;}
  .nav-bar{top:64px;justify-content:center;gap:12px;padding:12px var(--lado);}
  .nav-pill{font-size:.86rem;padding:10px 22px;}
  #cat-p,#cat-s,#cat-co,#cat-es,#cat-dw,#cat-cz,#cat-d{scroll-margin-top:84px;}
  #destaques,.promo-card,#last-order-banner,#stats-publico{max-width:760px;}
  #destaques{margin-top:40px;gap:18px;}
  .destaque-card{padding:22px 20px;transition:transform .15s,box-shadow .15s;}
  a.destaque-card:hover{transform:translateY(-3px);}
  .destaque-ttl{font-size:1.05rem;}.destaque-sub{font-size:.9rem;}
  .promo-card{padding:28px 30px;margin:26px auto;}
  .promo-card h2{font-size:1.5rem;}.promo-card p{font-size:1.06rem;}

  .container{max-width:1200px!important;width:calc(100% - 64px);padding:12px 36px 220px;border-radius:30px 30px 0 0;}
  #search-wrap{max-width:560px;margin:0 auto;}
  .cat-title{font-size:2rem;margin:34px 0 16px;}
  /* cardápio em colunas */
  #cat-p,#cat-s,#cat-dw,#cat-cz,#cat-d{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;align-items:start;}
  #cat-p>.cat-title,#cat-s>.cat-title,#cat-dw>.cat-title,#cat-cz>.cat-title,#cat-d>.cat-title{grid-column:1/-1;}
  .item-card{margin:0;transition:transform .15s,box-shadow .15s,border-color .15s;}
  .item-card:hover{transform:translateY(-2px);box-shadow:var(--sombra-2);border-color:rgba(245,197,24,.28);}
  .item-img-wrap{width:96px;height:96px;}
  .item-name{font-size:1rem;}.item-desc{font-size:.9rem;}.item-price{font-size:1.1rem;}
  /* combos */
  .combo-vitrine{height:240px;margin-bottom:16px;}
  .combo-vitrine-txt b{font-size:1.6rem;}.combo-vitrine-txt span{font-size:.93rem;}
  .combo-intro{font-size:1rem;margin-bottom:16px;}
  .combo-lista{gap:18px;}
  .combo-card{padding:22px;transition:transform .15s,box-shadow .15s;}
  .combo-card:hover{transform:translateY(-3px);box-shadow:var(--sombra-2);}
  .combo-price{font-size:2.8rem;}
  .combo-select{font-size:15px;}
  .combo-add-btn:hover{filter:brightness(1.1);}
  .combo-sorte:hover{background:rgba(255,255,255,.12);}
  #feedback-section{max-width:760px;}
  /* carrinho: cartão flutuante no canto (nada de faixa de ponta a ponta) */
  #cart-bar{left:auto;right:24px;bottom:24px;width:430px;border:1px solid rgba(255,255,255,.12);border-top:3px solid var(--pr);
    border-radius:20px;max-height:calc(100vh - 110px);box-shadow:var(--sombra-3);}
  /* janelas no centro, não coladas embaixo */
  .modal{align-items:center;}
  .modal-box{border-radius:20px;max-width:540px;max-height:86vh;padding-bottom:28px;}
  .modal-handle{display:none;}
  #music-bar{left:auto;right:24px;bottom:24px;width:430px;border-radius:14px;border:1px solid rgba(255,255,255,.12);}
}
@media (min-width:1500px){
  :root{--lado:max(48px,calc((100vw - 1360px)/2));}
  .container{max-width:1360px!important;}
  #cat-p,#cat-s,#cat-dw,#cat-cz,#cat-d{grid-template-columns:repeat(3,minmax(0,1fr));}
  .combo-lista{grid-template-columns:repeat(4,minmax(0,1fr));}
  .combo-select-row{flex-direction:column;align-items:stretch;}.combo-plus{align-self:center;margin:0;}
  .combo-footer{flex-direction:column;align-items:stretch;}
}

/* ═══ FAIXA DE ÍCONES DE CONTATO (componente do José; cor de destaque = amarelo da loja) ═══ */
  /* ---------- Faixa de ícones (o componente em si) ---------- */
  .faixa-contatos {
    position: absolute;
    top: 80px; /* logo abaixo da linha logo+Instagram do hero */
    left: 0;
    right: 0;
    z-index: 2;
    overflow: hidden;
    /* máscara nas bordas: os ícones "somem" suavemente ao entrar/sair,
       em vez de cortar feio na lateral do contêiner */
  }
  .faixa-trilha {
    will-change: transform;
    -webkit-user-drag: none;
    display: flex;
    align-items: center;
    gap: 34px;
    width: max-content;
    padding: 4px 0;
    touch-action: pan-y;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
  }
  .faixa-trilha.arrastando { cursor: grabbing; }
  .faixa-icone {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    transition: transform .2s var(--transicao-suave), color .2s var(--transicao-suave);
  }
  .faixa-icone svg { width: 26px; height: 26px; pointer-events: none; }
  button.faixa-icone { padding: 0; font: inherit; }
  .faixa-icone:hover,
  .faixa-icone:focus-visible {
    color: var(--amarelo);
    transform: translateY(-3px) scale(1.15);
  }
  @media (min-width: 1024px) { .faixa-contatos { top: 112px; } }
  @media (min-width: 900px) {
    .faixa-trilha { gap: 64px; padding: 6px 0; }
    .faixa-icone { width: 34px; height: 34px; }
    .faixa-icone svg { width: 28px; height: 28px; }
  }

/* halo escuro estático atrás da faixa de ícones (no lugar do drop-shadow por ícone, que travava) */
.faixa-contatos::before{content:"";position:absolute;inset:-10px 0;background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 60%,transparent);pointer-events:none;z-index:-1;}
.faixa-icone{-webkit-user-drag:none;}

/* ═══ OTIMIZAÇÃO ═══ */
/* cartões fora da tela não são pintados nem medidos até chegarem perto (cardápio longo = rolagem leve) */
.item-card{content-visibility:auto;contain-intrinsic-size:auto 124px;}
/* esqueleto de imagem sem animação infinita (uma animação por foto repintava a tela toda) */
.img-skel{animation:none;}
/* fundo da fachada: camada própria, nunca repinta na rolagem */

/* a faixa preta de pílulas foi removida: a faixa vermelha (clicável/arrastável) faz esse papel */
.nav-bar{display:none;}


/* ═══ COMBOS POR TOQUE (sabores com nome inteiro) + CARTÕES COM TRANSPARÊNCIA LEVE ═══ */
.combo-card{background:linear-gradient(165deg,rgba(255,255,255,.10),rgba(255,255,255,.02) 50%),rgba(20,20,20,.62);
  border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.10);}
.combo-slots{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;margin:2px 0 10px;}
.combo-slot-box{min-width:0;min-height:62px;border:1.5px dashed rgba(255,255,255,.25);border-radius:14px;padding:9px 12px;display:flex;flex-direction:column;justify-content:center;gap:2px;
  background:rgba(0,0,0,.18);transition:background .15s,border-color .15s;}
.combo-slot-box i{font-style:normal;font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);}
.combo-slot-box b{font-size:1rem;line-height:1.15;color:rgba(255,255,255,.55);font-weight:600;overflow-wrap:anywhere;}
.combo-slot-box.cheio{border-style:solid;border-color:var(--combo-cor);background:linear-gradient(160deg,color-mix(in srgb,var(--combo-cor) 30%,transparent),rgba(0,0,0,.18));}
.combo-slot-box.cheio b{color:#fff;font-weight:800;}
.combo-plus{align-self:center;margin:0;}
.combo-dica{position:relative;z-index:1;font-size:.82rem;color:var(--muted);margin:0 0 8px;}
.combo-chips{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.combo-chips-rola{max-height:196px;overflow-y:auto;padding:2px 2px 4px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
.combo-chip{position:relative;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;border-radius:999px;padding:9px 14px;
  font-family:'Work Sans',sans-serif;font-size:.88rem;font-weight:700;cursor:pointer;transition:background .12s,border-color .12s,transform .1s;}
.combo-chip:active{transform:scale(.95);}
.combo-chip.on{background:var(--combo-cor);border-color:var(--combo-cor);box-shadow:0 6px 14px rgba(0,0,0,.35);}
.combo-chip.on[data-n="×2"]::after{content:"×2";margin-left:6px;font-size:.78rem;background:rgba(0,0,0,.28);border-radius:999px;padding:1px 6px;}
.combo-add-btn{width:100%;flex:none;position:relative;z-index:1;}
.combo-add-btn:disabled{background:rgba(255,255,255,.10);color:var(--muted);box-shadow:none;cursor:not-allowed;}
.combo-broto .combo-add-btn:not(:disabled){color:#1A1A1A;}
.combo-broto .combo-ribbon{color:#1A1A1A;}
@media (max-width:340px){.combo-slots{grid-template-columns:1fr}.combo-plus{justify-self:center}}
/* aviso rápido */
#aviso-toast{position:fixed;left:50%;bottom:calc(120px + env(safe-area-inset-bottom));transform:translate(-50%,16px);z-index:9000;background:rgba(30,30,30,.96);color:#fff;
  border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:11px 20px;font-weight:700;font-size:.93rem;box-shadow:0 10px 30px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;}
#aviso-toast.on{opacity:1;transform:translate(-50%,0);}
/* esfihas: mesmo cartão translúcido */
.esf-box{background:linear-gradient(165deg,rgba(255,255,255,.10),rgba(255,255,255,.02) 50%),rgba(20,20,20,.62);border-color:rgba(255,255,255,.14);border-top-color:#F5A300;
  box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.10);}
.esf-linha{background:rgba(255,255,255,.06);}
/* TODOS os cartões com um tom leve de transparência (sem blur/backdrop-filter: continua leve) */
.container{background:rgba(12,12,12,.74);}
.item-card{background:rgba(24,24,24,.60);border-color:rgba(255,255,255,.12);box-shadow:0 6px 18px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.07);}
.destaque-card{background:rgba(18,18,18,.60);}
.promo-card{background:rgba(214,40,40,.78);}
.fb-card,.lo-card,.sp-card{background:rgba(26,26,26,.62);}
.lo-card{border-color:rgba(255,255,255,.14);}
.combo-slot-box:not(.cheio) b{font-size:.86rem;font-weight:500;}

/* FAIXA VERMELHA = rolagem horizontal NATIVA (dedo arrasta com a inércia do próprio celular, o toque
   no link sempre funciona; no mouse, o js/faixa-vermelha.js faz o "agarrar e arrastar") */
.hero-faixa{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;cursor:grab;user-select:none;-webkit-user-select:none;}
.hero-faixa::-webkit-scrollbar{display:none;}
.hero-faixa.arrastando{cursor:grabbing;}
.hero-faixa.arrastando a{pointer-events:none;}

/* ESFIHAS — degraus de preço: quanto mais leva, menos paga em cada uma */
.esf-degraus{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 10px;}
.esf-degrau{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:16px 4px 10px;border-radius:14px;cursor:pointer;color:#fff;
  border:1.5px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);font-family:'Work Sans',sans-serif;transition:transform .12s,border-color .15s,background .15s;}
.esf-degrau:active{transform:scale(.96);}
.esf-degrau.feito{border-color:rgba(245,163,0,.55);}
.esf-degrau.on{border-color:#F5A300;background:linear-gradient(160deg,rgba(245,163,0,.32),rgba(245,163,0,.08));box-shadow:0 6px 16px rgba(0,0,0,.35);}
.esf-degrau em{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:#F5A300;color:#1A1A1A;font-style:normal;font-size:.72rem;font-weight:800;letter-spacing:.6px;padding:3px 8px;border-radius:999px;white-space:nowrap;}
.esf-deg-q{font-family:var(--font-display);font-size:1.7rem;line-height:1;}
.esf-deg-l{font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:4px;}
.esf-deg-p{font-family:var(--font-display);font-size:1.05rem;color:var(--amarelo);}
.esf-deg-u{font-size:.78rem;font-weight:700;color:var(--tx-2);}
.esf-deg-e{font-size:.72rem;font-weight:700;color:#5BE08D;margin-top:2px;text-align:center;}
.esf-barra{position:relative;height:8px;border-radius:999px;background:rgba(255,255,255,.12);margin:4px 2px 8px;overflow:hidden;}
.esf-barra-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#F5A300,#FFD45C);transition:width .25s ease;}
.esf-barra i{position:absolute;top:0;bottom:0;width:2px;background:rgba(0,0,0,.45);}
.esf-prox{margin:0 0 12px;font-size:.86rem;color:var(--tx-2);line-height:1.4;}
.esf-prox b{color:var(--amarelo);}
.esf-un{color:var(--muted);font-size:.86rem;}
.esf-atalhos{display:none;}
@media (max-width:340px){.esf-deg-q{font-size:1.4rem;}.esf-deg-p{font-size:.98rem;}}

/* ═══ PROMOÇÕES IMPERDÍVEIS (cartazes arrastáveis e clicáveis) ═══ */
#promos{width:100%;max-width:100%;margin:26px auto 6px;}
.promos-titulo{font-family:var(--font-display);font-size:1.45rem;text-transform:uppercase;letter-spacing:-.3px;color:#fff;margin:0 16px 12px;line-height:1;display:flex;align-items:center;gap:10px;}
.promos-titulo span{color:var(--amarelo);}
.promos-titulo::after{content:"";flex:1;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--pr),transparent);}
.promos-trilho{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;padding:6px 16px 18px;scroll-snap-type:x mandatory;scroll-padding:0 16px;
  scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;cursor:grab;}
.promos-trilho::-webkit-scrollbar{display:none;}
.promos-trilho.arrastando{cursor:grabbing;scroll-snap-type:none;}
.promos-trilho.arrastando a{pointer-events:none;}
.promo-slide{position:relative;flex:0 0 min(74vw,320px);aspect-ratio:2/3;border-radius:20px;overflow:hidden;scroll-snap-align:center;display:block;text-decoration:none;
  background:#1b1b1b;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 34px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.4);transition:transform .18s;-webkit-user-drag:none;user-select:none;}
.promo-slide:active{transform:scale(.98);}
.promo-slide img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;pointer-events:none;}
.promo-chip{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);white-space:nowrap;background:var(--amarelo);color:#1A1A1A;font-family:var(--font-display);
  font-size:.82rem;letter-spacing:.4px;text-transform:uppercase;padding:9px 16px;border-radius:999px;box-shadow:0 8px 18px rgba(0,0,0,.5);}
.promos-pontos{display:flex;justify-content:center;gap:7px;margin-top:-6px;}
.promos-pontos i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3);transition:width .2s,background .2s;}
.promos-pontos i.on{width:20px;border-radius:7px;background:var(--amarelo);}
/* tudo cabe na tela (desktop): cartazes centralizados, sem rolagem */
.promos-trilho.cabe{justify-content:center;scroll-snap-type:none;cursor:default;}
/* destino do clique: pulso de destaque */
@keyframes alvoPulso{0%{box-shadow:0 0 0 0 rgba(245,197,24,.9);}100%{box-shadow:0 0 0 22px rgba(245,197,24,0);}}
.alvo-pulso{animation:alvoPulso .9s ease-out 2;border-radius:var(--raio);}
@media (min-width:1024px){
  .promos-titulo{font-size:2rem;margin:0 auto 16px;max-width:1200px;padding:0 32px;}
  .promos-trilho{padding:8px max(32px,calc((100vw - 1200px)/2)) 22px;gap:22px;}
  .promo-slide{flex-basis:340px;}
  .promo-slide:hover{transform:translateY(-4px);}
  .promo-chip{font-size:.86rem;}
}
.combo-card,.esf-box{scroll-margin-top:76px;}
@media (min-width:1024px){.combo-card,.esf-box{scroll-margin-top:84px;}}
/* o botão do cartaz fica ABAIXO da imagem (antes cobria o "Entrega grátis"/telefone do cartaz) */
.promo-slide{aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;gap:12px;overflow:visible;background:none;border:0;box-shadow:none;border-radius:0;}
.promo-slide img{width:100%;height:auto;aspect-ratio:2/3;border-radius:20px;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 34px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.4);object-fit:cover;}
.promo-chip{position:static;transform:none;flex:none;}

/* ═══ BOTÃO FLUTUANTE DA EQUIPE (arrastável; Caixa / Conversor) ═══ */
#fab-equipe{position:fixed;left:0;top:0;z-index:99990;width:56px;height:56px;touch-action:none;will-change:transform;}
#fab-equipe.gruda{transition:transform .25s cubic-bezier(.2,.9,.3,1);}
.fab-botao{width:56px;height:56px;border-radius:50%;border:0;background:#D62828;color:#fff;display:flex;align-items:center;justify-content:center;cursor:grab;
  box-shadow:0 10px 24px rgba(214,40,40,.45),0 2px 6px rgba(0,0,0,.35);transition:transform .12s;touch-action:none;-webkit-user-select:none;user-select:none;}
.fab-botao:active{transform:scale(.94);}
#fab-equipe.arrastando .fab-botao{cursor:grabbing;transform:scale(1.08);}
.fab-menu{position:absolute;right:0;bottom:66px;min-width:210px;display:flex;flex-direction:column;gap:6px;padding:8px;background:#fff;border-radius:20px;
  box-shadow:0 18px 50px rgba(16,24,40,.35);opacity:0;pointer-events:none;transform:translateY(8px) scale(.96);transform-origin:bottom right;transition:opacity .15s,transform .15s;}
#fab-equipe.esq .fab-menu{right:auto;left:0;transform-origin:bottom left;}
#fab-equipe.abaixo .fab-menu{bottom:auto;top:66px;transform-origin:top right;transform:translateY(-8px) scale(.96);}
#fab-equipe.abaixo.esq .fab-menu{transform-origin:top left;}
#fab-equipe.aberto .fab-menu{opacity:1;pointer-events:auto;transform:none;}
.fab-menu a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-decoration:none;color:#111827;padding:11px 14px;border-radius:14px;background:#F9FAFB;border:1px solid #E5E7EB;}
.fab-menu a:active{background:#FEF2F2;border-color:#FCA5A5;}
.fab-menu a span{grid-row:1/3;font-size:1.5rem;}
.fab-menu a b{font-family:'Work Sans',sans-serif;font-size:1.03rem;line-height:1.1;}
.fab-menu a small{font-size:.82rem;color:#6B7280;}

/* ═══ CONVERSOR (tela da equipe): mesmo visual claro do Admin/Caixa ═══ */
#modal-conversor{--bg:#F4F5F7;--text:#111827;--tx-2:#374151;--tx-4:#6B7280;--tx-5:#9CA3AF;--bg2:#111827;--pr:#D62828;background:#F4F5F7;color:#111827;}
#conv-header{background:#fff;border-bottom:1px solid #E5E7EB;padding-bottom:12px;}
#conv-title{color:#111827;font-size:1rem;}
#modal-conversor #conv-body{background:#F4F5F7;}
#modal-conversor [style*="rgba(255,159,28"]{background:#fff!important;border:1px solid #E5E7EB!important;color:#374151!important;border-radius:16px!important;box-shadow:0 1px 2px rgba(16,24,40,.06),0 6px 16px rgba(16,24,40,.06);}
#modal-conversor [style*="color:#ccc"]{color:#374151!important;}
#conv-input{background:#fff;border:1px solid #E5E7EB;color:#111827;border-radius:16px;box-shadow:0 1px 2px rgba(16,24,40,.06);}
#conv-input:focus{border-color:#D62828;box-shadow:0 0 0 3px rgba(214,40,40,.12);}
#conv-result{background:#fff;border:1px solid #E5E7EB;color:#111827;border-radius:16px;}
#conv-result-edit{background:#fff!important;color:#111827!important;border:1px solid #E5E7EB!important;}
.conv-copy{background:#FEF2F2;border:1px solid #FECACA;color:#B91C1C;}
.conv-print{background:#D62828;border:0;color:#fff;}
.conv-nav a{background:#fff;border:1px solid #E5E7EB;color:#6B7280;}
#modal-conversor .m-btn{background:#D62828;color:#fff;border:0;border-radius:14px;box-shadow:0 8px 18px rgba(214,40,40,.28);}
#modal-conversor .m-btn-sec{background:#fff;color:#111827;border:1px solid #E5E7EB;border-radius:14px;}
#conv-edit-btn{background:#fff!important;border:1px solid #E5E7EB!important;color:#111827!important;}

/* quadro de sabor do combo: ✕ pra remover + "2 do mesmo sabor" */
.combo-slot-box{position:relative;padding-right:34px;}
.combo-x{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:.88rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.combo-x:active{transform:translateY(-50%) scale(.9);}
.combo-repetir{position:relative;z-index:1;display:block;width:100%;margin:0 0 10px;padding:10px 12px;border-radius:12px;border:1px dashed var(--combo-cor,#F5A300);background:rgba(245,163,0,.12);color:#fff;font-weight:700;font-size:.94rem;cursor:pointer;}


/* ═══ CARRINHO ENXUTO ═══ */
.del-wrap{display:none!important;}            /* a escolha Entrega/Retirada agora fica dentro do pedido */
.cart-top{padding:0 16px 12px;}
.cart-mid{flex:1;min-width:0;}
.cart-mid-lbl{font-size:.82rem;opacity:.85;font-weight:700;letter-spacing:.5px;}
#delivery-msg{font-size:.86rem;color:rgba(255,255,255,.85);}
#total-val{font-size:1.6rem;}
#cart-hint{opacity:.8;font-size:.78rem;font-weight:700;}
.cart-sec-titulo{font-family:var(--font-display);font-size:.92rem;letter-spacing:.3px;color:#fff;margin:16px 0 8px;text-transform:uppercase;}
#cart-body{padding:0 16px 24px;}
/* itens */
#order-summary{border-top:0;padding-top:0;margin-bottom:6px;}
.sum-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.10);position:relative;font-size:.98rem;color:#fff;}
.sum-item b{color:#fff;font-weight:700;}
.sum-nome{flex:1;min-width:0;line-height:1.3;}
.sum-borda,.sum-desc,.sum-rm{display:block;font-size:.84rem;margin-top:3px;color:rgba(255,255,255,.75);}
.sum-rm{text-decoration:none;}
.sum-lado{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none;}
.sum-price{color:var(--amarelo);font-weight:800;font-size:1rem;}
.sum-controls{position:static;display:flex;align-items:center;gap:0;background:rgba(255,255,255,.10);border-radius:999px;overflow:hidden;}
.sum-x{width:34px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:#fff;background:none;padding:0;cursor:pointer;}
.sum-x.mais{color:var(--amarelo);}
.sum-qty{min-width:26px;text-align:center;font-weight:800;font-size:.98rem;}
.sum-linha{display:flex;justify-content:space-between;padding:9px 0;font-size:.95rem;color:rgba(255,255,255,.85);}
.sum-linha.ok{color:#7BE0A0;}
.sum-linha.total{border-top:2px solid rgba(255,255,255,.25);margin-top:4px;padding-top:12px;font-size:1.2rem;font-weight:800;color:#fff;}
.sum-linha.total span:last-child{color:var(--amarelo);}
/* entrega / retirada */
.cart-modo{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 4px;background:rgba(255,255,255,.08);padding:5px;border-radius:16px;}
.cart-modo button{border:0;background:none;color:rgba(255,255,255,.85);font-weight:800;font-size:.98rem;padding:13px 6px;border-radius:12px;cursor:pointer;font-family:'Work Sans',sans-serif;}
.cart-modo button.on{background:var(--pr);color:#fff;box-shadow:0 6px 14px rgba(0,0,0,.35);}
/* Google: uma linha */
#cart-google-cta{margin:10px 0 2px;padding:0;background:none;border:0;}
#cart-google-cta .ggl-login-btn{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.9rem;padding:12px;border-radius:14px;width:100%;}
#cart-google-cta .ggl-login-btn small{font-weight:500;color:#5f6368;}
/* campos */
.c-input{font-size:1rem;padding:14px 14px;border-radius:14px;margin-bottom:10px;}
.addr-wrap{position:relative;}
.btn-local{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 10px;padding:14px;border-radius:14px;border:1.5px dashed var(--amarelo);background:rgba(245,197,24,.12);color:var(--amarelo);font-weight:800;font-size:.98rem;cursor:pointer;font-family:'Work Sans',sans-serif;}
.btn-local:active{transform:scale(.98);}
.btn-local:disabled{opacity:.7;}
/* pagamento */
.pay-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;border-radius:16px;}
.pay-chips.erro{outline:2px solid #e71d36;outline-offset:3px;}
.pay-chips button{border:1.5px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;font-weight:800;font-size:.95rem;padding:14px 4px;border-radius:14px;cursor:pointer;font-family:'Work Sans',sans-serif;}
.pay-chips button.on{background:var(--pr);border-color:var(--pr);box-shadow:0 6px 14px rgba(0,0,0,.35);}
#del-time{text-align:left;font-size:.92rem;margin:4px 0 12px;padding:10px 12px;border-radius:12px;color:#fff;}
.send-btn{font-size:1.02rem;padding:17px;border-radius:16px;box-shadow:0 10px 22px rgba(214,40,40,.4);}
#cart-bar{background:#141414!important;}
#cart-google-cta .ggl-login-btn{background:#fff;color:#202124;border-color:#dadce0;}
#cart-google-cta .ggl-login-btn small{color:#5f6368;}
.combo-slot-box{padding-right:12px;}
.combo-slot-box i{padding-right:24px;}
.combo-slot-box b{overflow-wrap:break-word;word-break:normal;hyphens:none;}
.combo-x{top:7px;right:7px;transform:none;width:24px;height:24px;font-size:.72rem;}
.combo-x:active{transform:scale(.9);}
/* telas bem estreitas (320–360px): nada quebra feio com os textos maiores */
@media (max-width:360px){
  .tb-brand{font-size:.86rem;white-space:nowrap;gap:6px;}
  .promos-titulo{font-size:1.2rem;margin-left:12px;margin-right:12px;}
  .promos-titulo::after{display:none;}
  .cat-title{font-size:1.5rem;}
  .hero-cta-btn{font-size:.86rem;}
}

/* ── ENTRAR (nome + WhatsApp) — substitui o login Google ── */
.dp-avatar{display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:rgba(214,40,40,.08);}
.dp-entrar{background:var(--pr);color:#fff;border:0;border-radius:var(--raio-p);padding:9px 14px;font-weight:700;font-size:.9rem;cursor:pointer;flex-shrink:0;}
#cart-google-cta .ggl-login-btn{background:#25D366;color:#fff;border-color:#25D366;}
#cart-google-cta .ggl-login-btn small{color:rgba(255,255,255,.9);}
#fb-login-btn{background:#25D366;color:#fff;border-color:#25D366;}
#fb-login-btn.connected{background:#e8f5e9;border-color:#34a853;color:#1e7e34;}

/* ── COMO CHEGAR + GOOGLE + RODAPÉ ── */
#local-section{max-width:480px;margin:10px auto 22px;padding:0 16px;}
.local-card{background:rgba(255,255,255,.96);color:#111827;border-radius:18px;padding:12px;box-shadow:0 8px 28px rgba(0,0,0,.28);}
.local-mapa{border-radius:12px;overflow:hidden;background:#e5e7eb;aspect-ratio:16/10;}
.local-mapa iframe{width:100%;height:100%;border:0;display:block;}
.local-end{font-weight:700;font-size:1rem;margin:10px 4px 2px;color:#111827;}
.local-botoes{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;}
.local-btn{flex:1 1 150px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 12px;border-radius:12px;font-weight:700;font-size:.95rem;text-decoration:none;color:#fff;text-align:center;}
.local-waze{background:#33CCFF;color:#06202b;}
.local-maps{background:#1A73E8;}
.local-ver{background:#fff;color:#1A73E8;border:2px solid #1A73E8;}
.local-avaliar{background:#D62828;}
.local-google{text-align:center;padding:18px 14px;}
.local-google p{color:#374151;font-size:.98rem;line-height:1.5;margin:6px 0 4px;}
.g-estrelas{color:#F5B301;font-size:2rem;letter-spacing:4px;}
#rodape{background:#0b0b0b;color:#d1d5db;padding:34px 20px calc(110px + env(safe-area-inset-bottom));margin-top:10px;border-top:3px solid var(--pr);text-align:center;}
.rodape-topo{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:16px;text-align:left;}
.rodape-logo{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--pr);}
.rodape-marca b{display:block;color:#fff;font-family:'Archivo Black',sans-serif;font-size:1.2rem;letter-spacing:.5px;}
.rodape-marca span{font-size:.88rem;color:#9ca3af;line-height:1.5;}
.rodape-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:14px 0;}
.rodape-links a{color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;padding:6px 2px;border-bottom:2px solid transparent;}
.rodape-links a:hover{border-bottom-color:var(--pr);}
.rodape-contato{font-weight:700;color:#fff;font-size:1rem;}
.rodape-linha{border:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);margin:22px auto;max-width:420px;}
.rodape-credito{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:18px;}
.credito-txt{text-align:left;font-size:.9rem;color:#d1d5db;}
.credito-txt b{color:#fff;display:block;font-size:1.02rem;}
.credito-txt span{font-size:.78rem;color:#9ca3af;}
#cuboRodape{display:inline-block;width:58px;height:58px;flex:none}
#cuboRodape canvas{width:100%;height:100%;display:block}
@media (prefers-reduced-motion:no-preference){#cuboRodape{animation:cuboEntra .9s cubic-bezier(.34,1.45,.64,1) both}}
@keyframes cuboEntra{from{opacity:0;transform:scale(.6) rotate(-12deg)}to{opacity:1;transform:none}}
a.credito-txt{text-decoration:none;display:block}
.rodape-direitos{max-width:560px;margin:0 auto;font-size:.8rem;line-height:1.6;color:#9ca3af;}
.rodape-direitos p{margin:6px 0;}
.rodape-direitos p:first-child{color:#e5e7eb;font-weight:600;font-size:.86rem;}
@media (min-width:900px){#local-section{max-width:760px}}

/* skeleton neutro (substitui textos "Carregando…") */
.sk-wrap{display:grid;gap:10px;padding:6px 0;width:100%}
.sk{display:block;height:56px;border-radius:14px;background:linear-gradient(90deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.14) 50%,rgba(255,255,255,.06) 100%);background-size:200% 100%;animation:sk-brilho 1.4s linear infinite}
@keyframes sk-brilho{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.sk{animation:none}}
@view-transition{navigation:auto}

/* ── SELOS DE ENTREGA (grátis / taxa única) — mesma linguagem visual em todo o site ── */
.eg-selo{position:relative;display:flex;align-items:center;gap:16px;max-width:480px;width:calc(100% - 32px);margin:16px auto;padding:16px 18px;border-radius:22px;overflow:hidden;color:#fff;
  background:linear-gradient(135deg,#14532D 0%,#15803D 45%,#22C55E 100%);border:1px solid rgba(255,255,255,.28);
  box-shadow:0 14px 30px rgba(21,128,61,.42),inset 0 1px 0 rgba(255,255,255,.4)}
.eg-selo.taxa{background:linear-gradient(135deg,#7F1D1D 0%,#B91C1C 50%,#EF4444 100%);box-shadow:0 14px 30px rgba(185,28,28,.42),inset 0 1px 0 rgba(255,255,255,.4)}
.eg-selo::before{content:"";position:absolute;right:-30px;top:-40px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%);pointer-events:none}
.eg-selo::after{content:"";position:absolute;top:0;bottom:0;width:60px;left:-80px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);animation:egBrilho 4.5s ease-in-out infinite;pointer-events:none}
.eg-ico{flex:none;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.2);box-shadow:0 0 0 6px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.5)}
.eg-ico svg{width:36px;height:36px;color:#fff}
.eg-t{position:relative;z-index:1;min-width:0}
.eg-t b{display:block;font-family:'Archivo Black','Work Sans',sans-serif;font-size:1.25rem;letter-spacing:.3px;text-transform:uppercase;line-height:1.1}
.eg-t span{display:block;font-size:.98rem;line-height:1.4;margin-top:4px;color:rgba(255,255,255,.95)}
.eg-t strong{color:#FEF08A;font-weight:800}
.eg-chip{display:inline-block;margin-top:8px;font-style:normal;background:#FEF08A;color:#713F12;border-radius:999px;padding:4px 12px;font-weight:800;font-size:.8rem}
.eg-selo.mini{margin:0 auto 14px;padding:11px 14px;border-radius:16px;gap:12px}
.eg-selo.mini .eg-ico{width:46px;height:46px;box-shadow:0 0 0 4px rgba(255,255,255,.12)}
.eg-selo.mini .eg-ico svg{width:28px;height:28px}
.eg-selo.mini .eg-t b{font-size:1.02rem}
.eg-selo.mini .eg-t span{font-size:.88rem;margin-top:2px}
/* mensagens do carrinho */
.eg-cart{display:flex;align-items:center;gap:8px;margin-top:6px;padding:7px 10px;border-radius:12px;background:#FFFBEB;border:1px solid #FCD34D;color:#92400E;font-weight:700;font-size:.86rem;line-height:1.25}
.eg-cart svg{width:24px;height:24px;flex:none}
.eg-cart.ok{background:#ECFDF5;border-color:#6EE7B7;color:#047857}
.eg-prog{display:block;height:7px;border-radius:7px;background:#E5E7EB;margin-top:7px;overflow:hidden}
.eg-prog i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#F59E0B,#22C55E);transition:width .35s}
@keyframes egBrilho{0%,55%{left:-80px}100%{left:120%}}
@media (prefers-reduced-motion:reduce){.eg-selo::after{animation:none}}
@media (min-width:900px){.eg-selo{max-width:760px}}

/* ══════════════════════════════════════════════════════════
   CARRINHO CLARO — fundo branco, cada bloco bem separado e fácil de distinguir
   (topo com total · seu pedido · como receber · dados · pagamento · enviar)
   ══════════════════════════════════════════════════════════ */
#cart-bar{background:#FFFFFF!important;color:#111827!important;border:1px solid #E5E7EB!important;border-top:4px solid var(--pr)!important;box-shadow:0 -10px 40px rgba(0,0,0,.28)!important;}
#cart-hint-row{background:#FFFFFF;padding-top:10px;}
#cart-hint{color:#6B7280!important;opacity:1!important;font-weight:700;}
#cart-bar .cart-mid-lbl{color:#374151!important;opacity:1!important;font-weight:800;}
#cart-bar #delivery-msg{color:#4B5563!important;}
#cart-bar #delivery-msg b{color:#B45309!important;}
#cart-bar #delivery-msg span{color:#15803D!important;}
#cart-bar #total-val{color:#D62828!important;}
#cart-body{background:#F3F4F6;padding:14px 14px 24px!important;border-top:1px solid #E5E7EB;}
#cart-bar .cart-sec-titulo{color:#111827!important;font-size:.9rem;letter-spacing:.6px;margin:18px 0 8px;padding-left:10px;border-left:5px solid var(--pr);line-height:1.1;}
#cart-bar #order-summary{background:#FFFFFF;border:1px solid #E5E7EB;border-radius:16px;padding:4px 14px 8px!important;margin-bottom:8px;box-shadow:0 1px 2px rgba(16,24,40,.06);}
#cart-bar .sum-item{color:#111827!important;border-bottom:1px solid #E5E7EB!important;}
#cart-bar .sum-item b{color:#111827!important;}
#cart-bar .sum-borda,#cart-bar .sum-desc,#cart-bar .sum-rm{color:#4B5563!important;}
#cart-bar .sum-borda{color:#047857!important;}
#cart-bar .sum-price{color:#D62828!important;}
#cart-bar .sum-controls{background:#F3F4F6!important;border:1px solid #E5E7EB;}
#cart-bar .sum-x{color:#374151!important;}
#cart-bar .sum-x.mais{color:#D62828!important;}
#cart-bar .sum-qty{color:#111827;}
#cart-bar .sum-linha{color:#374151!important;border-bottom:1px dashed #E5E7EB;}
#cart-bar .sum-linha.ok{color:#15803D!important;font-weight:700;}
#cart-bar .sum-linha.total{color:#111827!important;border-top:2px solid #111827!important;border-bottom:0;background:#FEF2F2;margin:6px -14px -8px;padding:12px 14px;border-radius:0 0 16px 16px;}
#cart-bar .sum-linha.total span:last-child{color:#D62828!important;}
#cart-bar .cart-modo{background:#E5E7EB!important;}
#cart-bar .cart-modo button{color:#374151!important;background:transparent;}
#cart-bar .cart-modo button.on{background:var(--pr)!important;color:#fff!important;box-shadow:0 4px 10px rgba(214,40,40,.35)!important;}
#cart-bar .c-input{background:#FFFFFF!important;color:#111827!important;border:1.5px solid #D1D5DB!important;}
#cart-bar .c-input::placeholder{color:#9CA3AF!important;}
#cart-bar .c-input:focus{border-color:var(--pr)!important;box-shadow:0 0 0 3px rgba(214,40,40,.15);outline:0;}
#cart-bar .btn-local{background:#EFF6FF!important;color:#1D4ED8!important;border:1.5px solid #BFDBFE!important;}
#cart-bar #addr-suggestions{background:#FFFFFF!important;border:1px solid #D1D5DB!important;color:#111827!important;}
#addr-suggestions *{color:#111827;}
#cart-bar .pay-chips button{background:#FFFFFF!important;color:#111827!important;border:1.5px solid #D1D5DB!important;}
#cart-bar .pay-chips button.on{background:var(--pr)!important;color:#fff!important;border-color:var(--pr)!important;}
#cart-bar #del-time{background:#FFFFFF;border:1px solid #E5E7EB;border-radius:12px;padding:10px 12px;color:#374151!important;}
#cart-bar #del-time b{color:#111827!important;}
#cart-bar .cart-tip{background:#FFFBEB!important;color:#92400E!important;border-left-color:#F59E0B!important;}
#cart-google-cta .ggl-login-btn{box-shadow:0 2px 6px rgba(37,211,102,.35);}
@media (min-width:900px){#cart-bar{border-radius:20px!important;}}

.esf-doce{display:inline-block;margin-left:4px;padding:1px 7px;border-radius:999px;background:#FEF3C7;color:#92400E;font-size:.72rem;font-weight:700;vertical-align:middle}
#cart-bar #delivery-msg .eg-cart,#cart-bar #delivery-msg .eg-cart span{color:#92400E!important}
#cart-bar #delivery-msg .eg-cart.ok,#cart-bar #delivery-msg .eg-cart.ok span{color:#047857!important}

/* borda direto no resumo do pedido */
.sum-borda-linha{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:.78rem;font-weight:700;color:var(--pr);white-space:nowrap}
.sum-borda-sel{flex:1;min-width:0;max-width:210px;background:#fff;color:#141414;border:1.5px solid rgba(20,20,20,.22);border-radius:8px;padding:6px 8px;font-size:.84rem;font-weight:600;font-family:inherit}

/* ══ PEDIDO PASSO A PASSO (js/passo-a-passo.js) ══ */
.pa-ov{position:fixed;inset:0;z-index:12000;background:rgba(0,0,0,.72);display:none;align-items:flex-end;justify-content:center}
.pa-ov.open{display:flex}
body.pa-aberto{overflow:hidden}
.pa-caixa{width:100%;max-width:520px;height:100%;max-height:100dvh;background:#121212;color:#fff;display:flex;flex-direction:column;border-radius:0;box-shadow:0 -10px 40px rgba(0,0,0,.6)}
@media (min-width:560px){.pa-caixa{height:92dvh;border-radius:22px 22px 0 0}}
.pa-topo{padding:14px 18px 10px;border-bottom:1px solid rgba(255,255,255,.08);position:relative}
.pa-x{position:absolute;right:12px;top:10px;width:38px;height:38px;border-radius:50%;border:0;background:#222;color:#fff;font-size:1rem;cursor:pointer}
.pa-trilha{display:flex;gap:6px;margin:4px 46px 12px 0;flex-wrap:wrap}
.pa-trilha span{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;letter-spacing:.5px;color:rgba(255,255,255,.45);text-transform:uppercase}
.pa-trilha span+span::before{content:"";width:14px;height:2px;background:rgba(255,255,255,.18);margin-right:2px}
.pa-trilha i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#262626;font-size:.72rem}
.pa-trilha .agora{color:#fff}.pa-trilha .agora i{background:var(--pr)}
.pa-trilha .feito{color:var(--amarelo)}.pa-trilha .feito i{background:var(--amarelo);color:#141414}
.pa-topo h2{font-family:var(--font-display);font-size:1.45rem;line-height:1.1;margin:0 0 4px;text-transform:uppercase}
.pa-topo p{margin:0;color:rgba(255,255,255,.75);font-size:.92rem;line-height:1.35}
.pa-corpo{flex:1;overflow:auto;padding:14px 16px 18px;-webkit-overflow-scrolling:touch}
.pa-tipos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pa-tipo{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:#1c1c1c;border:2px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;color:#fff;cursor:pointer;font-family:inherit;min-height:112px}
.pa-tipo span{font-size:1.7rem}.pa-tipo b{font-size:1.02rem}.pa-tipo small{color:rgba(255,255,255,.65);font-size:.8rem;line-height:1.3}
.pa-tipo:active,.pa-op:active{transform:scale(.98)}
.pa-tipo:hover,.pa-op:hover{border-color:var(--pr)}
.pa-lista{display:flex;flex-direction:column;gap:8px}
.pa-op{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;width:100%;background:#1c1c1c;border:2px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;color:#fff;cursor:pointer;font-family:inherit}
.pa-op.on{border-color:var(--amarelo);background:#24200f}
.pa-op-t{display:flex;flex-direction:column;gap:2px;min-width:0}.pa-op-t b{font-size:1rem}.pa-op-t small{color:rgba(255,255,255,.6);font-size:.78rem;line-height:1.3}
.pa-op-p{font-weight:800;color:var(--amarelo);white-space:nowrap;font-size:.92rem}
.pa-busca{width:100%;box-sizing:border-box;margin:0 0 10px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#0d0d0d;color:#fff;font-size:1rem;font-family:inherit}
.pa-nota{color:rgba(255,255,255,.7);font-size:.85rem;margin:0 0 8px}
.pa-chips{display:flex;flex-wrap:wrap;gap:8px}
.pa-chip{border:2px solid rgba(255,255,255,.14);background:#1c1c1c;color:#fff;border-radius:999px;padding:10px 14px;font-size:.92rem;font-weight:600;cursor:pointer;font-family:inherit}
.pa-chip.on{border-color:var(--pr);background:rgba(214,40,40,.18)}
.pa-esf{display:flex;flex-direction:column;gap:6px}
.pa-esf-l{display:flex;align-items:center;gap:10px;background:#1c1c1c;border-radius:12px;padding:8px 10px}
.pa-esf-l span{flex:1;font-weight:600}.pa-esf-l small{color:var(--amarelo);font-weight:700;margin-left:4px}
.pa-esf-l button{width:40px;height:40px;border-radius:50%;border:0;background:#2a2a2a;color:#fff;font-size:1.3rem;font-weight:800;cursor:pointer}
.pa-esf-l button:last-child{background:var(--pr)}
.pa-esf-l b{min-width:22px;text-align:center;font-size:1.05rem}
.pa-total-esf{margin-top:12px;text-align:center;font-size:1rem}.pa-total-esf b{color:var(--amarelo)}
.pa-h4{margin:14px 0 8px;font-size:.8rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.6)}
.pa-carrinho{padding:10px 16px;background:#0b0b0b;border-top:1px solid rgba(255,255,255,.08);font-size:.88rem;color:rgba(255,255,255,.8)}
.pa-carrinho b{color:#fff}
.pa-rodape{display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#121212}
.pa-rodape:empty{display:none}
.pa-prim,.pa-sec{flex:1;border:0;border-radius:14px;padding:15px 12px;font-size:1rem;font-weight:800;cursor:pointer;font-family:inherit}
.pa-prim{background:var(--pr);color:#fff}.pa-sec{background:#262626;color:#fff;flex:0 0 auto;padding:15px 18px}
.pa-zap{background:#25D366}
.pa-cheio{flex:1 1 100%}
#pa-slot .c-input{width:100%;box-sizing:border-box;margin-bottom:10px}
#pa-slot #addr-fields{display:block!important}
.pa-conf{background:#1c1c1c;border-radius:14px;padding:4px 14px}
.pa-conf-l{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.pa-conf-l div{display:flex;flex-direction:column;gap:2px}.pa-conf-l small{color:rgba(255,255,255,.7);font-size:.8rem}
.pa-conf-l span{font-weight:800;color:var(--amarelo);white-space:nowrap}
.pa-conf-t{border-bottom:0;font-size:1.05rem}
.pa-conf-dados{margin-top:12px;background:#1c1c1c;border-radius:14px;padding:12px 14px;line-height:1.6;font-size:.92rem}
/* chamada no topo do site */
.hero-cta-row{flex-wrap:wrap}
.hero-cta-passo{flex:1 1 100%;justify-content:center;display:inline-flex;align-items:center;gap:8px;background:var(--amarelo);color:#141414;border:0;border-radius:999px;padding:12px 18px;font-weight:900;font-size:.9rem;letter-spacing:.5px;cursor:pointer;font-family:inherit;text-transform:uppercase}
.pa-flutuante{position:fixed;left:12px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:900;background:var(--amarelo);color:#141414;border:0;border-radius:999px;padding:11px 16px;font-weight:900;font-size:.82rem;box-shadow:0 8px 24px rgba(0,0,0,.45);cursor:pointer;font-family:inherit}
body.pa-aberto .pa-flutuante{display:none}

.pa-na-secao{margin:4px 0 14px;width:100%}

/* boas-vindas depois da splash: pedido rápido ou site, com o vídeo "Como pedir" num quadro pequeno */
.bv-ov{position:fixed;inset:0;z-index:11000;background:#000;opacity:0;transition:opacity .3s;overflow:hidden}
.bv-ov.on{opacity:1}
.bv-fundo{position:absolute;inset:0;background-size:cover;background-position:center}
.bv-veu{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.45) 40%,rgba(0,0,0,.82) 100%);pointer-events:none}
.bv-som{position:absolute;left:50%;top:50%;margin:-36px 0 0 -36px;width:72px;height:72px;border:1.5px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(0,0,0,.5);box-shadow:0 4px 18px rgba(0,0,0,.5);display:grid;place-items:center;cursor:pointer;padding:0;opacity:.85;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent}
.bv-som svg{display:block;width:38px;height:38px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}
.bv-som.some{opacity:0;transform:scale(.6);transition:opacity .3s,transform .3s;pointer-events:none}
.bv-som .bv-off{display:none}.bv-som.mudo .bv-off{display:block}.bv-som.mudo .bv-on{display:none}
.bv-som.mudo::before{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:bvOnda 1.8s ease-out infinite;pointer-events:none}
@keyframes bvOnda{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.7);opacity:0}}
.bv-dedo{display:none;position:absolute;left:50%;top:100%;margin:4px 0 0 -17px;font-size:2.1rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));opacity:.9;pointer-events:none}
.bv-som.mudo .bv-dedo{display:block;animation:bvToque 1.3s ease-in-out infinite}
@keyframes bvToque{0%,100%{transform:translateY(8px) scale(1)}45%{transform:translateY(-4px) scale(.92)}60%{transform:translateY(-4px) scale(.92)}}
@media (prefers-reduced-motion:reduce){.bv-som.mudo::before,.bv-som.mudo .bv-dedo{animation:none}}
.bv-txt{position:absolute;left:0;right:0;bottom:0;padding:18px 18px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;color:#fff;max-width:480px;margin:0 auto}
.bv-txt h2{font-family:var(--font-display);font-size:1.3rem;line-height:1.05;margin:0 0 2px;text-transform:uppercase;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.7)}
.bv-txt h2 span{color:var(--amarelo)}
@property --bv-ang{syntax:'<angle>';initial-value:0deg;inherits:false}
.bv-rapido,.bv-site{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;border:0;border-radius:20px;color:#fff;font-family:inherit;font-weight:900;font-size:1.02rem;cursor:pointer;background:rgba(18,18,18,.28);backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4);box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.25);text-shadow:0 1px 6px rgba(0,0,0,.55);opacity:0;transform:translateY(26px) scale(.96);transition:transform .18s,box-shadow .2s;-webkit-tap-highlight-color:transparent}
.bv-ov.on .bv-rapido,.bv-ov.on .bv-site{animation:bvEntra .7s cubic-bezier(.2,.9,.25,1.15) forwards}
.bv-ov.on .bv-rapido{animation-delay:.25s}
.bv-ov.on .bv-site{animation-delay:.45s}
@keyframes bvEntra{to{opacity:1;transform:none}}
.bv-rapido::before,.bv-site::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--bv-ang),transparent 0 55%,rgba(255,255,255,.95) 75%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:bvGira 3.6s linear infinite;pointer-events:none;z-index:-1}
.bv-rapido::before{background:conic-gradient(from var(--bv-ang),transparent 0 45%,#ffd84a 70%,#ff8a1f 85%,transparent 100%);animation-duration:2.6s}
@keyframes bvGira{to{--bv-ang:360deg}}
.bv-rapido::after,.bv-site::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:bvBrilho 3.8s ease-in-out infinite;pointer-events:none;z-index:-1}
.bv-site::after{animation-delay:1.6s}
@keyframes bvBrilho{0%,55%{left:-60%}100%{left:130%}}
.bv-rapido{background:linear-gradient(135deg,rgba(255,200,40,.34),rgba(255,120,20,.22));animation-name:bvEntra,bvPulso}
.bv-ov.on .bv-rapido{animation:bvEntra .7s cubic-bezier(.2,.9,.25,1.15) .25s forwards,bvPulso 2.4s ease-in-out 1.2s infinite}
@keyframes bvPulso{0%,100%{box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 0 0 rgba(255,190,40,.45),inset 0 1px 0 rgba(255,255,255,.3)}50%{box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 24px 6px rgba(255,190,40,.35),inset 0 1px 0 rgba(255,255,255,.3)}}
.bv-ico{flex:0 0 auto;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:1.35rem;background:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.bv-rapido .bv-ico{background:linear-gradient(135deg,#ffd84a,#ff8a1f);box-shadow:0 4px 14px rgba(255,150,30,.5);animation:bvRaio 1.8s ease-in-out infinite}
@keyframes bvRaio{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(-10deg) scale(1.12)}}
.bv-site .bv-ico{animation:bvGiraPizza 6s linear infinite}
@keyframes bvGiraPizza{to{transform:rotate(360deg)}}
.bv-tx{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.bv-tx small{font-weight:600;font-size:.76rem;opacity:.9}
.bv-seta{font-size:1.3rem;font-weight:900;opacity:.85;animation:bvSeta 1.4s ease-in-out infinite}
@keyframes bvSeta{50%{transform:translateX(5px)}}
.bv-rapido:active,.bv-site:active{transform:scale(.97)}
@media (hover:hover){.bv-rapido:hover,.bv-site:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){.bv-rapido,.bv-site,.bv-rapido::before,.bv-site::before,.bv-rapido::after,.bv-site::after,.bv-ico,.bv-seta{animation:none!important}.bv-rapido,.bv-site{opacity:1;transform:none}}
.ico-broto{display:inline-block;vertical-align:middle}

.pa-atalhos{flex:1 1 100%;display:flex;gap:10px}
.pa-cont{flex:1;border-radius:14px;padding:13px 10px;font-size:.92rem;font-weight:900;cursor:pointer;font-family:inherit;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4)}
.pa-fechar{flex:1;border:0;border-radius:14px;padding:13px 12px;font-size:.95rem;font-weight:900;cursor:pointer;font-family:inherit;background:var(--amarelo);color:#141414;letter-spacing:.3px}
.bv-dica{text-align:center;font-size:.72rem;font-weight:800;letter-spacing:.4px;color:rgba(255,255,255,.75);text-shadow:0 1px 6px rgba(0,0,0,.7);animation:bvDica 1.6s ease-in-out infinite}
@keyframes bvDica{0%,100%{transform:translateY(2px);opacity:.6}50%{transform:translateY(-4px);opacity:1}}

.pe-ov{position:fixed;inset:0;z-index:12000;background:rgba(0,0,0,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;transition:opacity .25s}
.pe-ov.on{opacity:1}
.pe-caixa{width:100%;max-width:400px;background:#161616;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:26px 20px 20px;text-align:center;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.pe-ok{width:68px;height:68px;margin:0 auto 12px;border-radius:50%;background:#25D366;color:#fff;font-size:2.2rem;font-weight:900;display:grid;place-items:center;animation:peOk .5s cubic-bezier(.2,1.4,.4,1) both}
@keyframes peOk{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}
.pe-caixa h2{font-family:var(--font-display);font-size:1.6rem;margin:0 0 4px;text-transform:uppercase}
.pe-sub{margin:0 0 14px;color:rgba(255,255,255,.8);font-size:.95rem}
.pe-info{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;margin:0 0 8px;border-radius:12px;background:rgba(255,255,255,.06);font-size:.92rem}
.pe-info b{color:var(--amarelo)}
.pe-dica{margin:12px 0;padding:10px 12px;border-radius:12px;background:rgba(245,197,24,.12);border:1px solid rgba(245,197,24,.35);font-size:.84rem;line-height:1.35}
.pe-wa,.pe-fechar{display:block;width:100%;border:0;border-radius:14px;padding:14px;font-size:1rem;font-weight:900;font-family:inherit;cursor:pointer;text-decoration:none;box-sizing:border-box}
.pe-wa{background:#25D366;color:#fff;margin-bottom:8px}
.pe-fechar{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}

.bv-txt{justify-content:center;top:0;gap:10px}
.bv-logo{align-self:center;width:84px;height:84px;border-radius:50%;border:2px solid var(--amarelo);box-shadow:0 8px 24px rgba(0,0,0,.5)}
.bv-sub{margin:0 0 6px;text-align:center;font-size:.92rem;color:rgba(255,255,255,.85);text-shadow:0 1px 6px rgba(0,0,0,.7)}
.bv-adm{opacity:.85}
.bv-txt .bv-ico{font-size:1.25rem}