/* ==========================================================================
   EeE Açaí & Hambúrguer — SITE FINAL (fusão A + B)
   Estrutura/mecânica de conversão da Versão B + identidade visual e
   atmosfera escura da Versão A. Vitrine + cardápio + central de conversão.
   ========================================================================== */

@font-face{
  font-family:"Bebas";
  src:url("../assets/fonts/BebasNeue-Regular.ttf") format("truetype");
  font-weight:400;font-display:swap;
}
@font-face{
  font-family:"Poppins";
  src:url("../assets/fonts/Poppins-SemiBold.ttf") format("truetype");
  font-weight:600;font-display:swap;
}
@font-face{
  font-family:"Poppins";
  src:url("../assets/fonts/Poppins-Regular.ttf") format("truetype");
  font-weight:400;font-display:swap;
}
/* Inter-Regular.ttf / Inter-Medium.ttf no projeto estão corrompidos (é um HTML,
   não uma fonte real) — corpo do texto usa a stack do sistema até serem
   substituídos por arquivos válidos. */

:root{
  --ink:#0b0a08;
  --ink-2:#18111b;
  --ink-3:#211725;
  --paper:#f3eee2;
  --paper-dim:#c9c2b1;
  --gold:#c9a24b;
  --gold-bright:#e2bd6a;
  --gold-dim:#6e5a2e;
  --acai:#5b2159;
  --acai-glow:#9b4e8f;
  --ember:#7a2e1c;
  --brand-whatsapp:#25d366;
  --brand-ifood:#ea1d2c;
  --brand-99:#ffcc00;
  --line:rgba(243,238,226,0.12);
  --line-strong:rgba(243,238,226,0.22);
  --bg-1:#0b0a08;
  --bg-2:#1b0a1b;
  --bg-3:#32122f;
  --bg-4:#4d1c4c;
  --bg-5:#692666;
  --bg-6:#4d1c4c;
  --bg-7:#32122f;
  --bg-8:#1b0a1b;
  --bg-9:#0b040b;
  --shadow-card:0 14px 30px -22px rgba(0,0,0,.7);
  --shadow-lift:0 26px 50px -24px rgba(201,162,75,.28);
  --radius-lg:22px;
  --radius-md:16px;
  --radius-sm:10px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --container:1180px;
  --header-h:64px;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html.no-scroll{overflow:hidden;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *{animation-duration:.001ms !important;transition-duration:.001ms !important;}
}
body{
  margin:0;color:var(--paper);
  background-color:var(--bg-1);
  background-image:linear-gradient(180deg,
    var(--bg-1) 0%,var(--bg-2) 12%,var(--bg-3) 25%,var(--bg-4) 38%,var(--bg-5) 50%,
    var(--bg-6) 62%,var(--bg-7) 75%,var(--bg-8) 88%,var(--bg-9) 100%);
  background-repeat:no-repeat;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;
}
.bg-vignette{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:
    radial-gradient(55% 45% at 14% 6%,rgba(122,46,28,.24),transparent 62%),
    radial-gradient(55% 45% at 86% 6%,rgba(105,38,102,.30),transparent 62%),
    radial-gradient(130% 95% at 50% 45%,transparent 45%,rgba(9,5,11,.5) 100%);
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font:inherit;cursor:pointer;background:none;border:none;color:inherit;}
ul{margin:0;padding:0;list-style:none;}
.wrap{max-width:var(--container);margin:0 auto;padding:0 24px;}
@media (max-width:640px){.wrap{padding:0 18px;}}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
.sr-only{position:absolute;left:-9999px;top:auto;}

h1,h2{font-family:"Bebas",sans-serif;font-weight:400;letter-spacing:.015em;line-height:.98;margin:0;color:var(--paper);text-wrap:balance;}
h3{font-family:"Poppins",sans-serif;font-weight:600;line-height:1.2;margin:0;color:var(--paper);text-wrap:balance;}
h1{font-size:clamp(36px,7.5vw,68px);}
h2{font-size:clamp(30px,4.6vw,46px);}
.display-h3{font-family:"Bebas",sans-serif;font-weight:400;letter-spacing:.015em;}
h5{font-family:"Poppins";font-weight:600;font-size:13px;margin:0 0 10px;color:var(--paper);}
p{margin:0;}
.eyebrow{
  font-family:"Poppins",sans-serif;font-weight:600;font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold);display:block;margin-bottom:8px;
}
.eyebrow.on-acai{color:var(--acai-glow);}
.lede{font-size:16px;line-height:1.6;color:var(--paper-dim);max-width:52ch;}
.desc{font-size:14.5px;line-height:1.55;color:var(--paper-dim);}

/* ---------- reveal-on-scroll (sutil) ---------- */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .5s var(--ease);}
.reveal.in-view{opacity:1;transform:none;}

/* ---------- botões ---------- */
.btn{
  font-family:"Poppins",sans-serif;font-weight:600;font-size:13.5px;
  padding:13px 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  transition:transform .25s var(--ease),background .25s,border-color .25s,color .25s;border:1.5px solid transparent;
}
.btn-lg{padding:15px 28px;font-size:14.5px;}
.btn-primary{background:var(--gold);color:var(--ink);}
.btn-primary:hover{background:var(--gold-bright);transform:translateY(-1px);}
.btn-ghost{border-color:var(--line-strong);color:var(--paper);background:transparent;}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);}
.btn.full{width:100%;}
.link-btn{font-family:"Poppins";font-weight:600;font-size:13px;color:var(--paper-dim);text-decoration:underline;text-underline-offset:3px;display:block;margin:8px auto 0;min-height:44px;padding:0 12px;}
.link-btn:hover{color:var(--paper);}

.btn-card{font-family:"Poppins";font-weight:600;font-size:13px;padding:10px 16px;border-radius:999px;border:1.5px solid transparent;transition:transform .2s var(--ease),background .2s,border-color .2s,color .2s;}
.btn-card-primary{background:var(--gold);color:var(--ink);}
.btn-card-primary:hover{background:var(--gold-bright);}
.btn-card-ghost{border-color:var(--line-strong);color:var(--paper);}
.btn-card-ghost:hover{border-color:var(--acai-glow);color:var(--acai-glow);}
.btn-card.full{width:100%;text-align:center;}
.menu-card-actions{display:flex;gap:8px;margin-top:14px;}
.menu-card-actions .btn-card:not(.full){flex:1;}

/* ---------- status pill ---------- */
.status-pill{
  font-family:"Poppins";font-weight:600;font-size:11.5px;letter-spacing:.02em;
  padding:6px 12px;border-radius:999px;background:var(--line);color:var(--paper-dim);white-space:nowrap;
}
.status-pill.is-open{background:rgba(58,150,66,.24);color:#8fe28a;}
.status-pill.is-closed{background:rgba(196,84,60,.22);color:#f0a08e;}

/* ---------- header ---------- */
.site-nav{
  position:sticky;top:0;z-index:200;background:rgba(11,10,8,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid transparent;transition:border-color .3s,background .3s;
}
.site-nav.scrolled{border-color:var(--line);background:rgba(11,10,8,.9);}
.nav-row{display:flex;align-items:center;justify-content:space-between;gap:20px;height:var(--header-h);}
/* logo oficial da marca — substitui o antigo monograma em texto */
.nav-mark{display:flex;align-items:center;flex-shrink:0;}
.nav-mark img{width:44px;height:44px;border-radius:50%;display:block;}
.nav-mark{min-height:44px;}
@media (max-width:640px){.nav-mark img{width:40px;height:40px;}}
.nav-links{display:flex;gap:26px;}
.nav-links a{font-family:"Poppins";font-weight:500;font-size:13.5px;color:var(--paper-dim);transition:color .2s;}
.nav-links a:hover{color:var(--paper);}
.nav-cta{display:flex;align-items:center;gap:12px;}
.nav-burger{display:none;padding:6px;color:var(--paper);min-width:44px;min-height:44px;align-items:center;justify-content:center;}
@media (max-width:860px){
  .nav-links{display:none;}
  .nav-cta .status-pill{display:none;}
}
@media (max-width:640px){
  .nav-cta .btn{padding:10px 16px;font-size:12.5px;}
  .nav-burger{display:flex;}
}

/* ---------- mobile drawer ---------- */
.mobile-drawer{
  position:fixed;inset:0 0 0 auto;width:min(320px,86vw);height:100%;background:var(--ink);z-index:300;
  padding:22px 22px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:4px;
  transform:translateX(100%);transition:transform .35s var(--ease);box-shadow:-10px 0 30px rgba(0,0,0,.4);
  overflow-y:auto;border-left:1px solid var(--line);
}
.mobile-drawer.open{transform:translateX(0);}
.mobile-drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.mobile-close{padding:6px;color:var(--paper);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;}
.mobile-drawer .status-pill{align-self:flex-start;margin-bottom:10px;}
.mobile-drawer a{font-family:"Poppins";font-weight:500;font-size:16px;padding:12px 4px;border-bottom:1px solid var(--line);color:var(--paper);}
.mobile-drawer .btn{margin-top:16px;}

/* ---------- ticker ---------- */
.ticker{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(0,0,0,.18);padding:13px 0;}
.ticker-track{display:flex;width:max-content;gap:16px;align-items:center;animation:ticker-scroll 32s linear infinite;}
.ticker:hover .ticker-track{animation-play-state:paused;}
.ticker-item{font-family:"Poppins";font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-dim);white-space:nowrap;}
.ticker-dot{color:var(--gold-dim);}
@keyframes ticker-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none;}}

/* ---------- hero ---------- */
.hero{padding:48px 0 30px;}
.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center;}
.hero-copy h1{margin-bottom:14px;}
.hero-copy .eyebrow{color:var(--acai-glow);}
.hero-copy .lede{margin-bottom:22px;}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;}
.hero-media{width:100%;max-width:400px;margin-left:auto;}
@media (max-width:860px){
  .hero{padding:24px 0 20px;}
  .hero-grid{grid-template-columns:1fr;gap:22px;}
  .hero-media{order:-1;max-width:320px;margin:0 auto;}
}

/* ---------- foto / placeholder ("shot") ----------
   As fotos da loja são retrato 3:4 (iPhone). O padrão de proporção segue
   as imagens — assim o corte é zero e o produto nunca fica cortado.
   .fit-contain = mostra a foto inteira (usado onde há texto/preço na imagem). */
.shot{
  position:relative;aspect-ratio:var(--ar,3/4);border-radius:var(--radius-lg);
  background:linear-gradient(160deg,var(--ink-2),var(--ink-3));
  border:1.5px dashed var(--line-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;overflow:hidden;text-align:center;padding:16px;color:var(--paper-dim);transition:border-color .3s;
}
.shot:hover{border-color:var(--gold-dim);}
.shot.has-photo{border-style:solid;border-color:var(--line);padding:0;background:var(--ink-2);}
.shot.has-photo:hover{border-color:var(--gold-dim);}
.shot.has-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.shot.fit-contain img{object-fit:contain;}
/* No celular os cards ficam em coluna única, então cada foto pode assumir a
   própria proporção (--ar-mob): preenche o card inteiro, sem faixa vazia e
   sem corte. No desktop a grade tem várias colunas e precisa de altura
   uniforme, por isso lá a foto continua contida. */
@media (max-width:640px){
  .shot.fit-contain{aspect-ratio:var(--ar-mob, var(--ar, 3/4));}
  .shot.fit-contain img{object-fit:cover;}
}
.shot-icon{color:var(--gold-dim);opacity:.9;}
.shot-label{font-family:"Poppins";font-weight:500;font-size:12px;letter-spacing:.02em;color:var(--paper-dim);max-width:22ch;}

/* ---------- categoria fixa ---------- */
.cat-nav{position:sticky;top:var(--header-h);z-index:150;background:rgba(11,10,8,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.cat-nav-row{display:flex;gap:10px;padding:12px 24px;overflow-x:auto;scrollbar-width:none;}
.cat-nav-row::-webkit-scrollbar{display:none;}
@media (max-width:640px){.cat-nav-row{padding:12px 18px;}}
.cat-pill{
  flex:0 0 auto;font-family:"Poppins";font-weight:600;font-size:13px;padding:9px 16px;border-radius:999px;
  background:var(--ink-2);border:1.5px solid var(--line-strong);color:var(--paper);transition:background .2s,color .2s,border-color .2s;
  white-space:nowrap;
}
.cat-pill.active{background:var(--gold);border-color:var(--gold);color:var(--ink);}

/* ---------- seções genéricas ---------- */
section{padding:56px 0;}
section.tight{padding:44px 0;}
section.alt{background:rgba(4,2,5,.28);}
.h-compact{font-family:"Bebas";font-weight:400;font-size:clamp(24px,3.6vw,32px);margin-bottom:10px;color:var(--paper);}
.section-head{max-width:640px;margin-bottom:28px;}
.section-head .lede{margin-top:6px;}
.menu-footnote{margin-top:26px;font-size:13px;color:var(--paper-dim);text-align:center;}

/* ---------- apresentação da loja ---------- */
.store-section{padding:0 0 8px;}
.store-card{
  display:grid;grid-template-columns:300px 1fr;background:var(--ink-2);border:1px solid var(--line);
  border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);
}
@media (max-width:820px){.store-card{grid-template-columns:1fr;}}
.store-cover{position:relative;background:var(--ink-3);overflow:hidden;min-height:100%;}
.store-cover img{width:100%;height:100%;object-fit:cover;display:block;}
/* No mobile o cartão vira uma coluna só e a capa passa a ser uma faixa cheia,
   de ponta a ponta — sem sobra nas laterais. A foto do salão é retrato (9:16)
   e o enquadramento é puxado para 45% da altura: mantém balcão, equipe e
   self-service, descartando só o teto vazio e o piso. */
@media (max-width:820px){
  .store-cover{aspect-ratio:16/10;min-height:0;height:auto;}
  .store-cover img{width:100%;height:100%;object-fit:cover;object-position:center 45%;}
}
.store-body{padding:26px 28px;display:flex;flex-direction:column;gap:20px;}
@media (max-width:520px){.store-body{padding:20px;}}

.store-id{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.store-avatar{width:56px;height:56px;border-radius:16px;flex-shrink:0;border:1px solid var(--line-strong);}
.store-id-text{flex:1;min-width:180px;}
.store-name{font-family:"Bebas";font-weight:400;font-size:clamp(24px,3.4vw,32px);color:var(--paper);line-height:1;}
.store-tags{font-size:13px;color:var(--paper-dim);margin-top:4px;}
.store-status{align-self:center;}

.store-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
@media (max-width:680px){.store-meta{grid-template-columns:1fr;gap:12px;}}
.store-meta li{display:flex;gap:10px;align-items:flex-start;}
.store-meta svg{width:19px;height:19px;flex-shrink:0;color:var(--gold);margin-top:1px;}
.store-meta b{display:block;font-family:"Poppins";font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-dim);margin-bottom:2px;}
.store-meta span{font-size:13.5px;color:var(--paper);line-height:1.45;}

.store-channels{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.store-channels-label{font-family:"Poppins";font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-dim);}
.store-channels-row{display:flex;gap:8px;flex-wrap:wrap;}
.store-chip{
  display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;
  background:var(--ink-3);border:1.5px solid var(--line-strong);font-family:"Poppins";font-weight:600;font-size:13px;
  transition:border-color .2s,transform .2s var(--ease);
}
.store-chip img{width:22px;height:22px;border-radius:7px;object-fit:cover;}
.store-chip:hover{transform:translateY(-1px);}
.store-chip.whatsapp{border-color:rgba(37,211,102,.45);color:var(--brand-whatsapp);}
.store-chip.ifood{border-color:rgba(234,29,44,.45);color:var(--brand-ifood);}
.store-chip.n99{border-color:rgba(255,204,0,.45);color:var(--brand-99);}
.store-chip.is-soon{opacity:.45;pointer-events:none;}
.store-directions{font-family:"Poppins";font-weight:600;font-size:13px;color:var(--gold);margin-left:auto;display:inline-flex;align-items:center;min-height:44px;}
.store-directions:hover{color:var(--gold-bright);}
@media (max-width:520px){.store-directions{margin-left:0;}}

/* ---------- lista compacta (itens sem foto própria) ---------- */
.menu-list{display:flex;flex-direction:column;gap:10px;margin-top:20px;}
.menu-list li{
  display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--ink-2);
  border:1px solid var(--line);border-radius:var(--radius-md);transition:border-color .25s,transform .25s var(--ease);
}
.menu-list li:hover{border-color:var(--gold-dim);transform:translateY(-1px);}
.menu-list li > div{flex:1;min-width:0;}
.menu-list h4{font-family:"Poppins";font-weight:600;font-size:15.5px;color:var(--paper);margin:0 0 3px;}
.menu-list p{font-size:13.5px;color:var(--paper-dim);line-height:1.45;}
.menu-list .price{font-size:22px;flex-shrink:0;}
.menu-list .btn-card{flex-shrink:0;}
@media (max-width:560px){
  .menu-list li{flex-wrap:wrap;gap:10px 14px;}
  .menu-list li > div{flex:1 1 100%;}
  .menu-list .btn-card{margin-left:auto;}
}

/* ---------- combo em destaque (faixa larga) ---------- */
.feature-band{
  display:grid;grid-template-columns:1.1fr 0.9fr;align-items:center;border:1px solid var(--gold-dim);
  background:linear-gradient(200deg,var(--ink-2),var(--ink));border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:0 30px 60px -34px rgba(201,162,75,.3);
}
@media (max-width:760px){.feature-band{grid-template-columns:1fr;}}
.feature-band-media{display:block;align-self:stretch;order:2;}
.feature-band-media img{width:100%;height:auto;display:block;}
@media (max-width:760px){.feature-band-media{order:0;}}
.feature-band-body{padding:36px;display:flex;flex-direction:column;gap:14px;justify-content:center;order:1;}
@media (max-width:480px){.feature-band-body{padding:26px 22px;}}

/* ---------- spotlight (item em destaque) ---------- */
.spotlight{
  display:grid;grid-template-columns:0.9fr 1.1fr;align-items:center;border:1px solid var(--gold-dim);
  background:linear-gradient(160deg,var(--ink-2),var(--ink));border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:0 30px 60px -34px rgba(201,162,75,.3);margin-bottom:36px;
}
@media (max-width:760px){.spotlight{grid-template-columns:1fr;}}
/* a arte de destaque aparece inteira — altura natural, zero recorte */
.spotlight-media{display:block;align-self:stretch;}
.spotlight-media img{width:100%;height:auto;display:block;}
.spotlight-body{padding:36px;display:flex;flex-direction:column;gap:14px;justify-content:center;}
@media (max-width:480px){.spotlight-body{padding:26px 22px;}}
.spotlight-tag{background:var(--gold);color:var(--ink);align-self:flex-start;font-family:"Poppins";font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:999px;}
.spotlight-title{font-family:"Bebas";font-weight:400;font-size:clamp(28px,4vw,42px);color:var(--paper);}
.spotlight-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:4px;}
.spotlight-price{font-family:"Bebas";font-weight:400;font-size:40px;color:var(--gold);}

/* ---------- grid de produtos ---------- */
.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.menu-grid-lg{grid-template-columns:repeat(3,1fr);}
@media (max-width:860px){.menu-grid-lg{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){.menu-grid,.menu-grid-lg{grid-template-columns:1fr;}}

.menu-card{
  background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);
  display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s;
}
.menu-card:hover{transform:translateY(-3px);border-color:var(--gold-dim);box-shadow:var(--shadow-lift);}
#acai .menu-card:hover,#sorvetes .menu-card:hover{border-color:var(--acai-glow);box-shadow:0 26px 50px -26px rgba(155,78,143,.32);}
.menu-card-media{padding:10px 10px 0;}
.menu-card-media .shot{border-radius:var(--radius-md);}
.menu-card-body{padding:16px 18px 18px;}
.menu-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px;}
.menu-card-top h3{font-size:16.5px;font-weight:600;}
.price{font-family:"Bebas";font-weight:400;font-size:22px;color:var(--gold);white-space:nowrap;}
/* aviso de que os preços ficam no cardápio de cada canal */
.aviso-preco-secao{padding:0 0 4px;}
.aviso-preco{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:var(--radius-md);
  background:var(--ink-2);border:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--paper-dim);}
.aviso-preco svg{width:20px;height:20px;flex-shrink:0;color:var(--gold);margin-top:1px;}
.aviso-preco strong{color:var(--paper);}

/* etiqueta no lugar do preço — o valor real fica no app/cardápio de cada canal */
.preco-info{font-family:"Poppins";font-weight:600;font-size:11.5px;letter-spacing:.03em;color:var(--gold);white-space:nowrap;flex-shrink:0;}
.spotlight-row .preco-info{font-size:13px;}

/* volume/tamanho ao lado do nome do produto */
.vol{font-family:"Poppins";font-weight:500;font-size:11.5px;letter-spacing:.06em;color:var(--paper-dim);background:var(--line);padding:3px 8px;border-radius:999px;margin-left:6px;white-space:nowrap;vertical-align:middle;}
#acai .price,#sorvetes .price{color:var(--acai-glow);}
.tag-soon{font-family:"Poppins";font-weight:600;font-size:11px;letter-spacing:.04em;background:rgba(91,33,89,.35);color:var(--acai-glow);padding:4px 10px;border-radius:999px;white-space:nowrap;}

.menu-card-lg .menu-card-top h3{font-size:18px;}

/* ---------- self-service ---------- */
.self-service{
  margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;
  background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-card);
}
@media (max-width:760px){.self-service{grid-template-columns:1fr;padding:20px;}}
.self-service-copy h3{font-family:"Bebas";font-weight:400;font-size:clamp(22px,3.4vw,28px);}
.flow{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;padding:0;counter-reset:step;}
.flow li{
  list-style:none;counter-increment:step;font-family:"Poppins";font-weight:500;font-size:13px;
  background:rgba(201,162,75,.14);color:var(--paper);padding:8px 14px 8px 30px;border-radius:999px;position:relative;
}
.flow li::before{content:counter(step);position:absolute;left:8px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:var(--gold);color:var(--ink);font-size:10.5px;display:flex;align-items:center;justify-content:center;font-weight:700;}

/* ---------- galeria (mosaico: cada foto mantém a proporção original) ---------- */
.gallery-grid{columns:3;column-gap:14px;}
.gallery-grid .shot{aspect-ratio:auto;height:auto;break-inside:avoid;margin:0 0 14px;display:block;}
.gallery-grid .shot img{height:auto;}
@media (max-width:760px){.gallery-grid{columns:2;column-gap:12px;}.gallery-grid .shot{margin-bottom:12px;}}
@media (max-width:340px){.gallery-grid{columns:1;}}

/* ---------- sobre ---------- */
.sobre-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;align-items:center;}
@media (max-width:760px){.sobre-grid{grid-template-columns:1fr;}}
.sobre-facts{display:flex;flex-direction:column;gap:14px;}
.fact{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px 18px;box-shadow:var(--shadow-card);display:flex;align-items:baseline;gap:10px;}
.fact b{font-family:"Bebas";font-weight:400;font-size:26px;color:var(--acai-glow);}
.fact span{font-size:13px;color:var(--paper-dim);}

/* ---------- localização ---------- */
.local-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:stretch;}
@media (max-width:760px){.local-grid{grid-template-columns:1fr;}}
.local-map{border-radius:var(--radius-lg);overflow:hidden;min-height:280px;box-shadow:var(--shadow-card);filter:grayscale(1) invert(.92) contrast(.9);}
.local-map iframe{width:100%;height:100%;min-height:280px;border:0;}
.local-info{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:16px;}
.local-row{display:flex;flex-direction:column;gap:4px;}
.local-row b{font-family:"Poppins";font-size:13px;color:var(--paper-dim);}
.local-row span{font-size:15px;}
.local-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;}

/* ---------- canais de pedido ---------- */
.channels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media (max-width:860px){.channels-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.channels-grid{grid-template-columns:1fr;}}
.channel-card{
  background:var(--ink-2);border:1.5px solid var(--line-strong);border-radius:var(--radius-md);padding:18px;box-shadow:var(--shadow-card);
  display:flex;flex-direction:column;gap:6px;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;
}
.channel-card:hover{transform:translateY(-2px);border-color:var(--gold-dim);}
.channel-card.whatsapp{border-color:rgba(37,211,102,.5);}
.channel-card.whatsapp:hover{border-color:var(--brand-whatsapp);box-shadow:0 20px 40px -24px rgba(37,211,102,.35);}
.channel-card.ifood{border-color:rgba(234,29,44,.5);}
.channel-card.ifood:hover{border-color:var(--brand-ifood);box-shadow:0 20px 40px -24px rgba(234,29,44,.32);}
.channel-card.n99{border-color:rgba(255,204,0,.5);}
.channel-card.n99:hover{border-color:var(--brand-99);box-shadow:0 20px 40px -24px rgba(255,204,0,.3);}
.channel-icon{width:30px;height:30px;border-radius:9px;object-fit:cover;flex-shrink:0;}
.channels-grid .channel-icon,.footer-icon{margin-bottom:4px;}
.channel-name .channel-icon{width:24px;height:24px;border-radius:7px;}
.channel-name{font-family:"Poppins";font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px;}
.channel-card.whatsapp .channel-name{color:var(--brand-whatsapp);}
.channel-card.ifood .channel-name{color:var(--brand-ifood);}
.channel-card.n99 .channel-name{color:var(--brand-99);}
.channel-desc{font-size:12.5px;color:var(--paper-dim);}
.channel-go{font-family:"Poppins";font-weight:600;font-size:12.5px;color:var(--gold);margin-top:4px;}
.channel-card.is-soon{opacity:.55;pointer-events:none;}
.channel-card.is-soon .channel-go::after{content:" (em breve)";font-weight:500;}

/* ---------- footer ---------- */
footer{background:var(--bg-9);color:var(--paper-dim);padding:48px 0 20px;margin-top:20px;border-top:1px solid var(--line);}
.foot-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;padding-bottom:28px;border-bottom:1px solid var(--line);}
@media (max-width:760px){.foot-row{grid-template-columns:1fr;gap:24px;}}
.foot-mark{margin-bottom:12px;}
.foot-mark img{width:76px;height:76px;border-radius:50%;display:block;}
.foot-brand .desc{color:var(--paper-dim);max-width:32ch;}
.foot-social{display:flex;gap:16px;margin-top:14px;}
.foot-social a{font-family:"Poppins";font-weight:500;font-size:13px;color:var(--paper);opacity:.85;display:inline-flex;align-items:center;min-height:44px;}
.foot-social a:hover{opacity:1;color:var(--gold);}
.foot-social a.is-soon{opacity:.4;pointer-events:none;}
.foot-col h5{color:var(--paper-dim);text-transform:uppercase;letter-spacing:.1em;font-size:11.5px;}
.foot-col ul{display:flex;flex-direction:column;gap:9px;}
.foot-col a{font-size:13.5px;color:var(--paper-dim);display:inline-flex;align-items:center;min-height:40px;}
.foot-col a:hover{color:var(--gold);}
.foot-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px;font-size:12.5px;color:var(--paper-dim);opacity:.8;}

/* ---------- barra fixa mobile ---------- */
.mobile-order-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:250;padding:0 16px calc(14px + env(safe-area-inset-bottom));
  transform:translateY(140%);transition:transform .35s var(--ease);pointer-events:none;
}
.mobile-order-bar.show{transform:translateY(0);pointer-events:auto;}
.mobile-order-bar button{
  width:100%;background:var(--gold);color:var(--ink);font-family:"Poppins";font-weight:600;font-size:15px;
  padding:15px;border-radius:999px;box-shadow:0 14px 34px -8px rgba(201,162,75,.5);display:flex;align-items:center;justify-content:center;gap:8px;
}
@media (min-width:860px){.mobile-order-bar{display:none;}}

/* ---------- modais ---------- */
.modal{position:fixed;inset:0;z-index:400;display:flex;align-items:flex-end;justify-content:center;visibility:hidden;opacity:0;transition:opacity .3s var(--ease),visibility .3s;}
.modal.open{visibility:visible;opacity:1;}
.modal-overlay{position:absolute;inset:0;background:rgba(3,2,4,.7);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}
.modal-panel{
  position:relative;background:var(--ink-2);border:1px solid var(--line);width:100%;max-width:440px;border-radius:24px 24px 0 0;padding:28px 24px calc(28px + env(safe-area-inset-bottom));
  transform:translateY(30px);transition:transform .35s var(--ease);max-height:88vh;overflow-y:auto;
}
.modal.open .modal-panel{transform:translateY(0);}
@media (min-width:640px){
  .modal{align-items:center;}
  .modal-panel{border-radius:24px;margin-bottom:0;}
}
.modal-close{position:absolute;top:16px;right:16px;font-size:22px;line-height:1;color:var(--paper-dim);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.modal-close:hover{background:var(--ink-3);color:var(--paper);}
.modal-panel h3{margin-bottom:6px;padding-right:30px;font-family:"Bebas";font-weight:400;font-size:clamp(19px,5.5vw,26px);line-height:1.08;letter-spacing:.01em;overflow-wrap:break-word;}
.modal-panel > .desc{margin-bottom:18px;}
.modal-channels{display:flex;flex-direction:column;gap:10px;margin-top:6px;}
.modal-channels .channel-card{flex-direction:row;align-items:center;justify-content:space-between;padding:14px 16px;}
.modal-channels .channel-desc{display:none;}
@media (min-width:480px){.modal-channels .channel-desc{display:block;}}

.options-list{display:flex;flex-direction:column;gap:10px;margin:16px 0 20px;}
.option-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:var(--radius-md);background:var(--ink-3);}
.option-row b{font-family:"Poppins";font-weight:600;font-size:14px;display:block;color:var(--paper);}
.option-row span:not(.price):not(.tag-soon){font-size:12.5px;color:var(--paper-dim);}
.option-row-muted{opacity:.7;}

.popup .modal-panel{text-align:center;}
.popup .modal-channels{margin-bottom:4px;}
.popup .channel-card{align-items:center;text-align:left;}