/* Revisão 20 (30/10/2026), pedidos do Victor:
   cabeçalho transparente por cima do banner, ícones de rede discretos, faixa como fita
   na diagonal (mais lenta, com laço e calda redonda), celular do WhatsApp mais real com
   fundo estampado sutil, títulos sempre em negrito, zoom no bolo e selo do carro-chefe. */

/* Títulos sempre em negrito, igual ao resto do site */
.vitrine-v2 h1,.vitrine-v2 h2,.vitrine-v2 h3,.vitrine-v2 .hero-v2 h2#hero-title,.cdp h1,.cdp h2,.cdp h3{font-weight:600}

/* Cabeçalho: transparente, o banner passa por baixo dele (sem a faixa separando os dois) */
:root{--hh:132px}
.vitrine-v2 .site-header{position:relative;z-index:6;background:transparent!important;margin-bottom:calc(-1 * var(--hh));transition:none}
.vitrine-v2 .banner{padding-top:var(--hh);padding-bottom:78px;height:calc(clamp(410px,33vw,470px) + var(--hh))}
body[data-banner-tema="escuro"] .site-header nav a{color:#fff}

/* Instagram e WhatsApp: discretos, sem as cores das marcas */
.canais-mini a i,.canais-mini .c-insta i,.canais-mini .c-whats i{width:38px;height:38px;background:rgb(255 255 255 / .5);color:var(--ameixa);box-shadow:inset 0 0 0 1.5px rgb(50 16 68 / .14);transition:background-color .25s,box-shadow .25s}
.canais-mini a:hover i{background:#fff;box-shadow:inset 0 0 0 1.5px rgb(50 16 68 / .28)}
.canais-mini svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.canais-mini svg path.cheio,.canais-mini svg circle[fill]{fill:currentColor;stroke:none}
body[data-banner-tema="escuro"] .site-header .canais-mini a i{background:rgb(255 255 255 / .1);color:#fff;box-shadow:inset 0 0 0 1.5px rgb(255 255 255 / .3)}

/* Faixa como fita: diagonal, mais lenta, costura nas bordas, laço e calda redonda */
html:has(.vitrine-v2),.vitrine-v2{overflow-x:clip}
.faixa-fita{position:relative;z-index:5;width:106%;margin:-30px 0 0 -3%;transform:rotate(-1.6deg)}
.faixa-fita .sweet-divider{position:relative}
.faixa-fita .sweet-divider::before,.faixa-fita .sweet-divider::after{content:"";position:absolute;left:0;right:0;border-top:1.5px dashed rgb(255 255 255 / .32);pointer-events:none}
.faixa-fita .sweet-divider::before{top:6px}
.faixa-fita .sweet-divider::after{bottom:6px}
.faixa-fita .ribbon-track{animation-duration:110s}
.faixa-laco{position:absolute;z-index:3;left:calc(3% + clamp(16px,6vw,96px));top:-6px;width:clamp(78px,8vw,124px);height:auto;transform:rotate(1.6deg);filter:drop-shadow(0 8px 10px rgb(20 0 30 / .35));pointer-events:none}
.faixa-fita .calda-campanha::after{height:clamp(40px,4.4vw,64px);-webkit-mask:url(assets/doce/calda-redonda.svg) repeat-x 0 0/560px 100%;mask:url(assets/doce/calda-redonda.svg) repeat-x 0 0/560px 100%}
.vitrine-v2 .b-controles{left:max(24px,calc((100vw - 1240px)/2));transform:none;bottom:50px}
.faixa-fita+.campaign-shortcuts,.faixa-fita~.campaign-shortcuts{margin-top:clamp(56px,6vw,84px)}

/* WhatsApp: fundo com estampa bem sutil de bexigas, corações, balões de conversa e bolo */
.b-whats{background:
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160' fill='none' stroke='%23321044' stroke-opacity='.045' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='26' cy='26' rx='11' ry='13'/%3E%3Cpath d='M26 39l-2 4h4zM26 43c-3 6 3 9 0 16'/%3E%3Cpath d='M98 30c-4-6-14-3-12 5 1 5 12 11 12 11s11-6 12-11c2-8-8-11-12-5z'/%3E%3Cpath d='M128 96h22a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6h-14l-7 6v-6h-1a6 6 0 0 1-6-6v-12a6 6 0 0 1 6-6z'/%3E%3Cpath d='M34 104h40v20H34zM34 104c4-8 14-8 20-12 6 4 16 4 20 12M44 98v-5M54 92v-6M64 98v-5'/%3E%3Cpath d='M92 86l3 6 6 1-4 4 1 6-6-3-6 3 1-6-4-4 6-1z'/%3E%3Ccircle cx='140' cy='42' r='3'/%3E%3Ccircle cx='18' cy='140' r='3'/%3E%3C/svg%3E") 0 0/160px 160px,
 linear-gradient(120deg,#d4f6fa 0%,#e7fbf0 100%)}

/* Celular do WhatsApp mais real */
.vitrine-v2 .banner{grid-template-rows:minmax(0,1fr)}
.b-whats .b-arte-chat{min-height:0;overflow:hidden;align-items:end;margin-bottom:-78px}
.b-whats .celular{width:min(300px,82%);height:calc(100% - 6px);margin-top:4%;border:9px solid #1d0a28;border-bottom:0;border-radius:44px 44px 0 0;background:#efe7de;box-shadow:0 0 0 2px #4b2a5c,0 34px 60px -26px rgb(50 16 68 / .6)}
.cel-status{display:flex;align-items:center;justify-content:space-between;padding:9px 20px 4px;background:#075e54;color:#fff;font:700 12px/1 'Nunito Sans',sans-serif}
.cel-ilha{width:78px;height:20px;border-radius:12px;background:#1d0a28}
.cel-sinais{display:flex;gap:4px;align-items:center}
.cel-sinais svg{height:10px;width:auto;fill:currentColor}
.b-whats .cel-topo{gap:8px;padding:8px 12px 10px}
.cel-voltar{width:9px;height:16px;flex:none}
.b-whats .cel-topo img{width:34px;height:34px}
.cel-nome{flex:1;min-width:0}
.cel-nome b{display:flex;align-items:center;gap:4px;font-size:14px}
.cel-nome b svg{width:14px;height:14px}
.cel-acoes{display:flex;gap:14px}
.cel-acoes svg{width:20px;height:20px}
.b-whats .cel-chat{gap:7px;padding:10px 10px 14px;background:
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90' fill='none' stroke='%237a6a5a' stroke-opacity='.13' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M20 14c-2-3-7-2-6 2 0 3 6 6 6 6s6-3 6-6c1-4-4-5-6-2z'/%3E%3Ccircle cx='62' cy='22' r='7'/%3E%3Cpath d='M62 29c-2 4 2 6 0 10'/%3E%3Cpath d='M16 60h18v10H16zM16 60c3-4 6-4 9-6 3 2 6 2 9 6'/%3E%3Cpath d='M58 62l2 4 4 1-3 3 1 4-4-2-4 2 1-4-3-3 4-1z'/%3E%3C/svg%3E") 0 0/90px 90px,#efe7de;font-size:12.5px}
.cel-data{align-self:center;padding:3px 10px;border-radius:8px;background:#e1f2fb;color:#4a5a63;font-size:11px;font-weight:700}
.b-whats .msg{position:relative;max-width:82%;padding:6px 9px 16px;margin:0}
.b-whats .msg time{position:absolute;right:8px;bottom:3px;font-size:9.5px;color:#667781;display:flex;gap:3px}
.lido{font-style:normal;color:#34b7f1;letter-spacing:-.18em}
.msg-produto{padding:4px 4px 18px!important;width:78%}
.msg-produto img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:8px;margin-bottom:6px}
.msg-produto b{display:block;padding:0 5px;font-size:12.5px}
.msg-produto span{display:block;padding:0 5px;font-size:11.5px;color:#1f8a4c;font-weight:800}
.msg-produto p{padding:4px 5px 0;margin:0}
.cel-respostas{display:flex;gap:6px;align-self:flex-start;flex-wrap:wrap;animation:msg-entra .5s var(--ease) 1.4s backwards}
.cel-respostas span{padding:6px 10px;border-radius:999px;background:#fff;color:#0a7cff;font-weight:800;font-size:11.5px;box-shadow:0 1px 1px rgb(0 0 0 / .08)}
.msg-digitando{display:flex;gap:4px;padding:10px 12px!important}
.msg-digitando i{width:6px;height:6px;border-radius:50%;background:#9aa6ad;animation:digita 1.2s ease-in-out infinite}
.msg-digitando i:nth-child(2){animation-delay:.15s}.msg-digitando i:nth-child(3){animation-delay:.3s}
@keyframes digita{0%,60%,100%{transform:none}30%{transform:translateY(-4px)}}
.b-whats .msg:nth-child(2){animation-delay:.3s}.b-whats .msg:nth-child(3){animation-delay:.9s}.b-whats .msg:nth-child(5){animation-delay:1.9s}.b-whats .msg:nth-child(6){animation-delay:2.4s}

/* Zoom no bolo ao passar o mouse */
.vitrine-v2 .cake-window img{transition:transform .7s var(--ease)!important}
.vitrine-v2 .cake-window:hover .cake-scene.active img{transform:scale(1.07)!important}
.vitrine-v2 .cake-scene img,.vitrine-v2 .cake-scene.active img,.vitrine-v2 .cake-scene.active .cinema-frame.current img{filter:drop-shadow(0 7px 6px rgb(50 16 68 / .28))}
.vitrine-v2 .products .product-image{overflow:hidden}
.vitrine-v2 .products .product-image img,.item-foto img{transition:transform .7s var(--ease)}
.vitrine-v2 .products .product:hover .product-image img,.item:hover .item-foto img{transform:scale(1.07)}

/* Carro-chefe: Ninho com morangos */
.selo-chefe{position:absolute;z-index:3;top:14px;right:14px;display:grid;place-content:center;width:86px;height:86px;border-radius:50%;background:var(--ciano);color:var(--ameixa);font:600 19px/1 'Fredoka',sans-serif;text-align:center;transform:rotate(10deg);box-shadow:0 10px 18px -10px rgb(50 16 68 / .6),inset 0 0 0 4px rgb(255 255 255 / .55);outline:2px dashed rgb(50 16 68 / .25);outline-offset:-10px}
.selo-chefe small{display:block;font:800 10.5px/1.1 'Nunito Sans',sans-serif;text-transform:none;margin-bottom:2px}
.vitrine-v2 .products .product-chefe{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);box-shadow:0 0 0 2.5px var(--roxo),0 22px 40px -26px rgb(50 16 68 / .55)}
.vitrine-v2 .products .product-chefe{align-items:center}
.vitrine-v2 .products .product-chefe .product-image{position:relative;height:auto;aspect-ratio:5/4;align-self:stretch;margin:auto 0}
.vitrine-v2 .products .product-chefe .product-body{display:flex;flex-direction:column;justify-content:center}
.vitrine-v2 .products .product-chefe h3{font-size:clamp(26px,2.4vw,34px)}
.item-destaque .selo-chefe{width:96px;height:96px;font-size:21px}
.b-selo-chefe{top:auto;right:auto;left:14%;bottom:58%;width:78px;height:78px;font-size:17px}
@media (max-width:860px){
 .vitrine-v2 .banner{height:calc(660px + var(--hh));padding-top:calc(var(--hh) + 6px);padding-bottom:90px}
 .faixa-fita .calda-campanha::after{-webkit-mask-size:420px 100%;mask-size:420px 100%}
 .vitrine-v2 .products .product-chefe{grid-column:auto;display:flex}
 .faixa-fita{margin-top:-22px;transform:rotate(-2.2deg)}
 .faixa-laco{top:-4px}
 .vitrine-v2 .b-controles{left:50%;transform:translateX(-50%);bottom:40px}
 .vitrine-v2 .banner{grid-template-rows:auto minmax(0,1fr)}
 .b-whats .celular{height:calc(100% - 4px)}
 .b-selo-chefe{left:4%;bottom:46%;width:66px;height:66px;font-size:15px}
}
@media (prefers-reduced-motion:reduce){.faixa-fita .ribbon-track,.msg-digitando i,.cel-respostas{animation:none}.vitrine-v2 .cake-window:hover .cake-scene.active img,.vitrine-v2 .products .product:hover .product-image img,.item:hover .item-foto img{transform:none!important}}
/* Cardápio: o destaque também mostra a foto inteira (5:4), sem cortar o bolo */
.item-destaque{align-items:center}
.item-destaque .item-foto{aspect-ratio:5/4;min-height:0;height:auto;align-self:center}
.item-destaque .item-pe{flex-wrap:wrap;gap:8px 16px}
/* A foto do carro-chefe fica inteira e centrada; acima e abaixo, a cor da própria parede e da mesa da foto */
.vitrine-v2 .products .product-chefe{align-items:stretch}
.vitrine-v2 .products .product-chefe .product-image{aspect-ratio:auto;height:100%;margin:0;display:grid;align-items:center;background:linear-gradient(#f5f1fb 50%,#e8def0 50%)!important}
.vitrine-v2 .products .product-chefe .product-image img{position:static;width:100%;height:auto;aspect-ratio:5/4;object-fit:contain}
.item-destaque{align-items:stretch}
.item-destaque .item-foto{aspect-ratio:auto;align-self:stretch;display:grid;align-items:center;background:linear-gradient(#f5f1fb 50%,#e8def0 50%)}
.item-destaque .item-foto img{height:auto;aspect-ratio:5/4;object-fit:contain}
@media (max-width:860px){
 .vitrine-v2 .products .product-chefe .product-image{height:auto}
 .item-destaque .item-foto{aspect-ratio:5/4}
}

/* Lista suspensa da Gôgô no lugar da nativa do sistema (src/seletor.ts) */
.sel{position:relative;width:100%;min-width:0}
.sel>select{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.sel-botao{display:flex;align-items:center;width:100%;min-height:50px;padding:12px 46px 12px 14px;border:2px solid #eadcf3;border-radius:16px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23321044' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 16px center/18px no-repeat;color:var(--ameixa);font:500 16px/1.25 'Nunito Sans',sans-serif;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.sel-botao:hover{border-color:#d7bfe8}
.sel-botao:focus-visible,.sel-aberto .sel-botao{outline:0;border-color:var(--roxo);box-shadow:0 0 0 4px rgb(168 48 204 / .12)}
.sel-aberto .sel-botao{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a830cc' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 15 6-6 6 6'/%3E%3C/svg%3E")}
.sel-texto{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sel-vazio .sel-texto{color:var(--texto-2)}
.sel-lista{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);max-height:300px;overflow:auto;margin:0;padding:6px;list-style:none;background:#fff;border-radius:18px;box-shadow:0 0 0 1.5px rgb(168 48 204 / .16),0 22px 44px -18px rgb(50 16 68 / .5);animation:sel-abre .18s var(--ease,ease-out);overscroll-behavior:contain}
.sel-lista:focus{outline:0}
.sel-cima .sel-lista{top:auto;bottom:calc(100% + 6px)}
.sel-lista li{position:relative;padding:11px 14px 11px 40px;border-radius:12px;font:600 15px/1.3 'Nunito Sans',sans-serif;color:var(--ameixa);cursor:pointer;scroll-margin:6px}
.sel-lista li.sel-ativo{background:var(--lilas)}
.sel-lista li[aria-selected=true]{color:var(--roxo-escuro);font-weight:800}
.sel-lista li[aria-selected=true]::before{content:"";position:absolute;left:14px;top:50%;width:16px;height:16px;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a830cc' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/contain no-repeat}
.sel-lista li[aria-disabled=true]{opacity:.45;cursor:default}
@keyframes sel-abre{from{transform:translateY(-4px) scale(.985)}}
.sel-cima .sel-lista{animation-name:sel-abre-cima}
@keyframes sel-abre-cima{from{transform:translateY(4px) scale(.985)}}
/* Variante compacta na escolha de região do cardápio da home */
.unit .sel{width:auto;min-width:180px}
.unit .sel-botao{min-height:42px;padding:8px 42px 8px 14px;border-width:1.5px;border-radius:999px;font-weight:700;font-size:14px}
@media (prefers-reduced-motion:reduce){.sel-lista{animation:none}}