/* Vitrine na linguagem "doce" (revisão 09): pastéis Gôgô, calda entre faixas, blocos coloridos e botões roxos.
   Carregado por último; só sobrescreve aparência, sem mexer na lógica da sacola e do cardápio. */
body.vitrine-v2{background:var(--fundo);overflow-x:clip}
.vitrine-v2 .btn{border-radius:999px}
.vitrine-v2 .btn.primary{background:var(--roxo);border-color:var(--roxo);color:#fff;box-shadow:0 10px 22px -10px rgb(168 48 204 / .7)}
.vitrine-v2 .btn.primary:hover{background:var(--roxo-escuro);border-color:var(--roxo-escuro)}
.vitrine-v2 .demo-bar{background:var(--ameixa)}

/* Campanhas: cada uma num pastel, com a calda escorrendo sobre os atalhos */
.vitrine-v2 .campaign{background:var(--agua)}
.vitrine-v2 .campaign-cafe,.vitrine-v2 .campaign:has(.campaign-cafe:not([hidden])){background:var(--rosinha)}
.vitrine-v2 .campaign-club,.vitrine-v2 .campaign:has(.campaign-club:not([hidden])){background:var(--lilas)}
.vitrine-v2 .campaign h1 span:last-child,.vitrine-v2 .campaign h2 span:last-child{color:var(--roxo)}
.vitrine-v2 .campaign h1,.vitrine-v2 .campaign h2{font-weight:600}
.calda-campanha{--bg:var(--agua);position:relative;height:0;z-index:1}
body:has(.campaign-cafe:not([hidden])) .calda-campanha{--bg:var(--rosinha)}
body:has(.campaign-club:not([hidden])) .calda-campanha{--bg:var(--lilas)}
.calda-campanha::after{content:"";position:absolute;left:0;right:0;top:-1px;height:clamp(30px,3.6vw,50px);background:var(--bg);-webkit-mask:url(assets/doce/calda.svg) repeat-x 0 0/clamp(360px,40vw,560px) 100%;mask:url(assets/doce/calda.svg) repeat-x 0 0/clamp(360px,40vw,560px) 100%;transition:background-color .3s}

/* Atalhos como blocos de categoria, cada um com sua cor */
.vitrine-v2 .campaign-shortcuts{margin-top:clamp(20px,3vw,40px);gap:clamp(10px,1.4vw,18px)}
.vitrine-v2 .campaign-shortcuts>a,.vitrine-v2 .campaign-shortcuts>button{border:0;border-radius:24px;box-shadow:none;padding:20px 18px 20px 22px;overflow:visible}
.vitrine-v2 .campaign-shortcuts>:nth-child(1){background:var(--lilas)}
.vitrine-v2 .campaign-shortcuts>:nth-child(2){background:var(--agua)}
.vitrine-v2 .campaign-shortcuts>:nth-child(3){background:var(--rosinha)}
.vitrine-v2 .campaign-shortcuts>:nth-child(4){background:var(--ameixa);color:#fff}
.vitrine-v2 .campaign-shortcuts>:nth-child(4) span{color:#e6cfee}
.vitrine-v2 .campaign-shortcuts span{font-size:12px;font-weight:700;color:var(--texto-2)}
.vitrine-v2 .campaign-shortcuts strong{font-weight:600;font-size:25px}
.vitrine-v2 .campaign-shortcuts small{font-size:12px;color:var(--roxo-escuro)}
.vitrine-v2 .campaign-shortcuts>:nth-child(4) small{color:var(--ciano)}
.vitrine-v2 .campaign-shortcuts img{width:96px;height:96px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 5px #fff,0 12px 20px -8px rgb(50 16 68 / .35);transition:transform .4s var(--ease)}
.vitrine-v2 .campaign-shortcuts>:nth-child(4) img{object-fit:contain;border-radius:0;box-shadow:none;filter:drop-shadow(0 8px 12px rgb(0 0 0 / .25))}
.vitrine-v2 .campaign-shortcuts>a:hover,.vitrine-v2 .campaign-shortcuts>button:hover{transform:translateY(-4px)}
.vitrine-v2 .campaign-shortcuts>:hover img{transform:rotate(-6deg) scale(1.05)}

/* Fotos reais: o bolo aparece inteiro, no tamanho em que a foto ainda fica nítida, sem zoom de câmera */
.vitrine-v2 .campaign-real img{width:auto;max-width:100%;aspect-ratio:1;margin-inline:auto;object-fit:cover;background:#fff;border:8px solid #fff;box-shadow:0 22px 40px -18px rgb(50 16 68 / .45);transform:rotate(2deg)}
.vitrine-v2 .campaign-real span{color:var(--texto-2);font-weight:700}
.vitrine-v2 .cake-window{background:var(--lilas)}
.vitrine-v2 .cake-scene,.vitrine-v2 .cake-scene[data-scene]{background:var(--lilas)}
.vitrine-v2 .cake-scene[data-scene="cenoura"]{background:var(--rosinha)}
.vitrine-v2 .cake-scene[data-scene="morango"]{background:var(--agua)}
.vitrine-v2 .cinema-frame{display:grid;place-items:center}
.vitrine-v2 .cake-scene img,.vitrine-v2 .cake-scene.active img,.vitrine-v2 .cake-scene.active .cinema-frame.current img{position:static;width:auto;height:auto;max-width:min(80%,450px);max-height:84%;object-fit:contain;border-radius:22px;border:6px solid #fff;box-shadow:0 18px 34px -16px rgb(50 16 68 / .4);animation:none!important;transform:none!important}

/* Foto real */
.vitrine-v2 #hero-title span:last-child{color:var(--roxo)}
.vitrine-v2 .sweet-divider{background:var(--roxo);color:#fff}

/* Cardápio */
.vitrine-v2 .section-top h2{font-weight:600}
.vitrine-v2 .filter{border-color:rgb(168 48 204 / .25);color:var(--ameixa)}
.vitrine-v2 .filter:hover{background:var(--lilas)}
.vitrine-v2 .filter.active{background:var(--roxo);border-color:var(--roxo);color:#fff}
.vitrine-v2 .catalogue-note{background:var(--agua);color:var(--texto-2);border-radius:18px}
.vitrine-v2 .products .product{border:0;border-radius:26px;background:#fff;box-shadow:0 1px 2px rgb(50 16 68 / .05),0 10px 26px -14px rgb(50 16 68 / .22);transition:transform .3s var(--ease)}
.vitrine-v2 .products .product:hover{transform:translateY(-4px)}
.vitrine-v2 .products .product-image{background:var(--lilas);margin:10px 10px 0;border-radius:20px;padding:0;height:260px}
.vitrine-v2 .products .product:nth-child(3n+2) .product-image{background:var(--agua)}
.vitrine-v2 .products .product:nth-child(3n) .product-image{background:var(--rosinha)}
.vitrine-v2 .products .product-image img{border-radius:0;mix-blend-mode:normal;object-fit:cover;width:100%;height:100%}
.vitrine-v2 .product .missing-photo{background:transparent;color:var(--texto-2)}
.vitrine-v2 .product-bottom .add-btn{background:var(--roxo);color:#fff;border:0}
.vitrine-v2 .product-bottom .add-btn:hover{background:var(--roxo-escuro)}

/* Encomendas numa faixa rosinha de ponta a ponta */
.vitrine-v2 .custom-section{--bg:var(--rosinha);position:relative;margin-top:clamp(56px,6vw,90px);padding-top:clamp(56px,6vw,90px);padding-bottom:clamp(56px,6vw,90px);background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(-30px -100vmax)}
.vitrine-v2 .custom-section::before{content:"";position:absolute;left:calc(50% - 50vw);width:100vw;bottom:calc(100% - 1px);height:22px;background:var(--bg);-webkit-mask:url(assets/doce/onda.svg) repeat-x 0 0/120px 100%;mask:url(assets/doce/onda.svg) repeat-x 0 0/120px 100%;transform:scaleY(-1)}
.vitrine-v2 .custom-section h2 span:last-child{color:var(--roxo)}
.vitrine-v2 .custom-art.real-custom{background:#fff;border-radius:28px;box-shadow:0 12px 32px -14px rgb(50 16 68 / .25)}
.vitrine-v2 .plain-list li::before{color:var(--roxo)}

/* Clube */
.vitrine-v2 .club{margin-top:clamp(64px,7vw,100px);border-radius:32px}
.vitrine-v2 .club .btn.light{background:#fff;color:var(--ameixa);border-color:#fff}
.vitrine-v2 .loyalty{background:var(--rosinha);border-radius:24px}

/* Perguntas */
.vitrine-v2 .faq h2{font-weight:600}
.vitrine-v2 .faq summary{font-weight:800}

@media (max-width:760px){
 .vitrine-v2 .campaign-shortcuts{margin-top:28px}
 .vitrine-v2 .campaign-shortcuts>a,.vitrine-v2 .campaign-shortcuts>button{padding:14px 12px 14px 14px;min-height:150px}
 .vitrine-v2 .campaign-shortcuts img{width:56px;height:56px;box-shadow:0 0 0 3px #fff,0 8px 14px -6px rgb(50 16 68 / .35)}
 .vitrine-v2 .campaign-shortcuts strong{font-size:20px}
 .vitrine-v2 .campaign-shortcuts small{font-size:11px;padding-right:56px;line-height:1.35}
 .vitrine-v2 .campaign-shortcuts img{width:50px;height:50px;right:10px;bottom:14px}
}
@media (prefers-reduced-motion:reduce){
 .vitrine-v2 .campaign-shortcuts img,.vitrine-v2 .products .product{transition:none}
 .vitrine-v2 .products .product:hover{transform:none}
}

/* Bexigas (revisão 11): ícones e nuvens da marca espalhados pela vitrine */
.vitrine-v2 .enfeite{position:absolute;height:auto;pointer-events:none;filter:drop-shadow(0 14px 14px rgb(50 16 68 / .22));animation:enfeite-flutua 6.5s ease-in-out infinite}
@keyframes enfeite-flutua{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}
.vitrine-v2 .nuvem{position:absolute;height:auto;pointer-events:none;z-index:-1;opacity:.9;animation:nuvem-deriva 12s ease-in-out infinite alternate}
@keyframes nuvem-deriva{from{transform:translateX(-12px)}to{transform:translateX(16px)}}
.nuvem-camp-1{width:min(22vw,300px);left:-3%;bottom:4%}
.nuvem-camp-2{width:min(14vw,190px);left:38%;top:6%;animation-duration:15s}
.vitrine-v2 .campaign-shortcuts>:nth-child(4) img{border-radius:0;box-shadow:none;object-fit:contain;filter:drop-shadow(0 8px 12px rgb(0 0 0 / .3))}
.vitrine-v2 .hero-sticker .sticker-balao{width:34px;height:auto;flex:none}
.vitrine-v2 .campaign-club-art{z-index:1}
.vitrine-v2 .campaign-club-art img.enf-clube-1{width:74px;height:auto;right:-2%;top:-4%;margin:0;animation-delay:-2s}
.vitrine-v2 .campaign-club-art img.enf-clube-2{width:60px;height:auto;left:2%;top:30%;margin:0}
.vitrine-v2 .campaign-stamps .com-balao img{width:118%;height:auto;margin:0}
.vitrine-v2 .campaign-stamps .com-balao,.vitrine-v2 .stamps .com-balao{border:0;background:transparent}
.vitrine-v2 .com-balao img{width:118%;height:auto;max-width:none;filter:drop-shadow(0 4px 5px rgb(50 16 68 / .25))}
.vitrine-v2 .stamps span:nth-child(-n+3).com-balao{background:#fff;border:0}
.vitrine-v2 .stamps .com-balao img{width:78%}
.enf-encomenda-1{width:clamp(80px,9vw,128px);right:0;top:clamp(20px,4vw,56px);z-index:1}
.enf-encomenda-2{width:clamp(52px,5vw,74px);left:-1%;top:clamp(24px,3vw,44px);z-index:1;animation-delay:-3s}
.vitrine-v2 .club{position:relative}
.enf-clube-3{width:clamp(56px,6vw,84px);right:4%;top:-34px;z-index:1}
.enf-clube-4{width:clamp(56px,5vw,80px);left:46%;bottom:-26px;z-index:1;animation-delay:-1.5s}
.vitrine-v2 .faq{position:relative}
.faq-icone{display:block;width:88px;height:auto;margin:0 auto 14px;filter:drop-shadow(0 10px 10px rgb(50 16 68 / .2))}
.motion-paused .enfeite,.motion-paused .nuvem{animation-play-state:paused}
@media (max-width:760px){
 .enf-clube-1,.enf-clube-2{display:none}
 .nuvem-camp-1{width:44vw;bottom:auto;top:44%}
 .nuvem-camp-2{display:none}
 .enf-encomenda-1{width:76px;top:18px;right:4px}
 .enf-encomenda-2{width:46px;top:22px;left:2px}
 .enf-clube-4{left:auto;right:10%}
 .faq-icone{width:70px;margin:0 0 12px}
}
@media (prefers-reduced-motion:reduce){.vitrine-v2 .enfeite,.vitrine-v2 .nuvem{animation:none}}
/* Etiqueta da foto de encomenda: só no canto, sem cobrir o bolo */
.vitrine-v2 .custom-art .hand-note{top:auto;left:auto;bottom:14px;right:14px;height:auto;width:auto;max-width:70%}
