/* Cardápio Gôgô: roxo no topo, seções por categoria, encomenda num bloco rosinha. */
.cdp{background:var(--fundo);color:var(--ameixa);overflow-x:clip}
.cdp img{height:auto}
.cdp-wrap{width:min(1240px,calc(100% - 2*clamp(16px,4vw,56px)));margin-inline:auto}
.cdp h1,.cdp h2,.cdp h3{font-family:'Fredoka',sans-serif;letter-spacing:-.02em;text-wrap:balance}
.cdp h1 em,.cdp h2 em{font-style:normal}
.cdp section{scroll-margin-top:84px}

.cdp-demo{background:var(--ameixa);color:#f1e0fb;font-size:12px;text-align:center;padding:8px 16px}

/* Topo: cabeçalho e hero na mesma cor */
.cdp-header{display:flex;align-items:center;gap:24px;background:var(--roxo);padding:14px max(16px,calc((100vw - 1240px)/2))}
.cdp-logo img{width:clamp(130px,13vw,190px);filter:drop-shadow(0 10px 14px rgb(50 16 68 / .35))}
.cdp-nav{display:flex;gap:6px;margin-inline:auto}
.cdp-nav a{color:#fff;text-decoration:none;font-weight:800;padding:10px 14px;border-radius:999px}
.cdp-nav a:hover{background:rgb(255 255 255 / .14)}
.cdp-nav a[aria-current]{background:rgb(255 255 255 / .2)}
.cdp-cta{min-height:46px;padding:10px 22px;font-size:15px}

.cdp-hero{background:var(--roxo);color:#fff;position:relative;overflow:hidden}
.cdp-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(55% 70% at 72% 45%,rgb(255 255 255 / .16),transparent 70%)}
.cdp-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;min-height:clamp(420px,36vw,520px);padding-block:clamp(28px,4vw,56px)}
.cdp-selo{display:inline-block;padding:7px 14px;border-radius:999px;background:rgb(255 255 255 / .18);font-weight:800;font-size:13px}
.cdp h1{font-size:clamp(46px,6vw,88px);font-weight:600;line-height:.98;margin:18px 0 18px;color:#fff}
.cdp h1 em{color:var(--ciano);display:block}
.cdp-hero-copy>p:not(.cdp-selo){font-size:clamp(16px,1.4vw,19px);line-height:1.55;color:#f6e9fb;max-width:44ch}
.cdp-busca{display:flex;align-items:center;gap:10px;margin-top:26px;background:#fff;border-radius:999px;padding:6px 8px 6px 18px;max-width:460px;box-shadow:0 16px 30px -16px rgb(30 5 45 / .6)}
.cdp-busca svg{width:22px;height:22px;fill:none;stroke:var(--roxo-escuro);stroke-width:2.2;stroke-linecap:round;flex:none}
.cdp-busca input{flex:1;min-width:0;border:0;outline:0;font:600 16px 'Nunito Sans',sans-serif;color:var(--ameixa);padding:12px 4px;background:none}
.cdp-busca:focus-within{outline:3px solid var(--ciano);outline-offset:3px}
.cdp-hero-art{position:relative;height:clamp(320px,30vw,440px)}
.h-bolo{position:absolute;filter:drop-shadow(0 26px 22px rgb(40 8 60 / .45))}
.h-1{width:54%;left:22%;top:16%;z-index:3}
.h-2{width:40%;left:-2%;bottom:0;z-index:4}
.h-3{width:32%;right:0;top:4%;z-index:2}
.h-nuvem{position:absolute;width:52%;right:-8%;bottom:-6%;opacity:.95;z-index:1}
.h-balao{position:absolute;z-index:5;filter:drop-shadow(0 12px 14px rgb(40 8 60 / .35));animation:cdp-flutua 6.5s ease-in-out infinite}
.h-trio{width:16%;left:14%;top:-4%}
.h-coracao{width:13%;right:6%;bottom:6%;animation-delay:-2s}
.h-brilho{width:9%;left:54%;top:2%;animation-delay:-4s}
@keyframes cdp-flutua{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}

/* Barra de categorias fixa */
.cdp-categorias{position:sticky;top:0;z-index:20;background:var(--ameixa);box-shadow:0 10px 24px -18px rgb(30 5 45 / .8)}
.cdp-categorias .cdp-wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:10px}
.cdp-categorias .cdp-wrap::-webkit-scrollbar{display:none}
.cdp-categorias a{flex:none;color:#fff;text-decoration:none;font-weight:800;font-size:15px;padding:9px 16px;border-radius:999px;transition:background-color .2s,color .2s}
.cdp-categorias a:hover{background:rgb(255 255 255 / .12)}
.cdp-categorias a[aria-current]{background:#fff;color:var(--ameixa)}
.cdp-categorias .chip-enc{background:var(--ciano);color:var(--ameixa);margin-left:auto}

/* Seções */
.cdp-secao{padding-top:clamp(48px,6vw,80px)}
.cdp-sec-topo{display:flex;align-items:center;gap:18px;margin-bottom:26px}
.cdp-sec-topo img{width:clamp(64px,7vw,92px);flex:none;filter:drop-shadow(0 10px 12px rgb(50 16 68 / .2))}
.cdp h2{font-size:clamp(32px,3.6vw,48px);font-weight:600;line-height:1.02}
.cdp h2 em{color:var(--roxo)}
.cdp-sec-topo p{color:var(--texto-2);margin-top:4px;font-size:16px}
.cdp-conta{display:inline-block;margin-left:6px;padding:2px 10px;border-radius:999px;background:var(--lilas);color:var(--roxo-escuro);font-weight:800;font-size:13px}
.itens{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(14px,1.6vw,22px)}
.item{display:flex;flex-direction:column;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 1px 2px rgb(50 16 68 / .05),0 12px 28px -16px rgb(50 16 68 / .25);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.item:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgb(50 16 68 / .05),0 20px 36px -18px rgb(50 16 68 / .32)}
.item-foto{position:relative;aspect-ratio:5/4;background:#f1ecf8;overflow:hidden}
.item-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;transition:transform .6s var(--ease)}
.item:hover .item-foto img{transform:scale(1.04)}
.item-num{position:absolute;left:12px;top:12px;padding:6px 10px;border-radius:999px;background:var(--ciano);color:var(--ameixa);font:600 14px/1 'Fredoka',sans-serif}
.item-corpo{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.item h3{font-size:21px;font-weight:600;line-height:1.15}
.item-corpo>p{font-size:14px;line-height:1.5;color:var(--texto-2);margin-top:8px}
.item-pe{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px}
.item-pe strong{font:600 24px/1 'Fredoka',sans-serif;color:var(--roxo-escuro)}
.item-link{font-size:14px;font-weight:800;color:var(--ameixa);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center;gap:4px}
.item-link:hover{color:var(--roxo-escuro)}
.item-destaque{grid-column:span 2;flex-direction:row}
.item-destaque .item-foto{aspect-ratio:auto;width:55%;min-height:300px}
.item-destaque .item-corpo{padding:28px}
.item-destaque h3{font-size:clamp(26px,2.4vw,34px)}
.item-destaque .item-corpo>p{font-size:16px}
.cdp-vazio{margin-top:40px;padding:24px;border-radius:20px;background:var(--lilas);font-weight:700;text-align:center}

/* Decorados */
.cdp-modelos{margin-top:clamp(64px,8vw,110px);padding-block:clamp(56px,7vw,96px);background:var(--lilas)}
.cdp-modelos .cdp-sec-topo p{max-width:56ch}
.modelos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.modelo{position:relative;margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/5;background:#fff}
.modelo img{width:100%;height:100%;object-fit:cover}
.modelo figcaption{position:absolute;inset:auto 0 0 0;padding:44px 12px 12px;background:linear-gradient(transparent,rgb(30 5 45 / .78));color:#fff;display:grid;gap:8px}
.modelo b{font:600 17px/1.15 'Fredoka',sans-serif}
.modelo .pill{min-height:40px;padding:8px 12px;font-size:13px}

/* Encomenda */
.cdp-encomenda{background:var(--rosinha);padding-block:clamp(56px,7vw,100px)}
.enc-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px);align-items:start}
.enc-lado>p{font-size:17px;line-height:1.6;color:var(--texto-2);margin-top:16px;max-width:42ch}
.enc-passos{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:16px}
.enc-passos li{display:flex;align-items:center;gap:16px}
.enc-passos img{width:64px;flex:none;filter:drop-shadow(0 8px 10px rgb(50 16 68 / .2))}
.enc-passos b{display:block;font:600 19px/1.2 'Fredoka',sans-serif}
.enc-passos span{font-size:14px;color:var(--texto-2)}
.enc-nota{font-size:13px!important;margin-top:24px!important}
.enc-form,.enc-resumo{background:#fff;border-radius:30px;padding:clamp(22px,3vw,40px);box-shadow:0 24px 50px -28px rgb(50 16 68 / .45)}
.enc-form{display:grid;gap:16px}
.enc-linha{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.campo{display:grid;gap:6px;font-weight:800;font-size:14px;color:var(--ameixa);border:0;padding:0;margin:0;min-width:0}
.campo input:not([type=radio]),.campo select,.campo textarea{width:100%;min-height:50px;border:2px solid #eadcf3;border-radius:16px;padding:12px 14px;font:500 16px 'Nunito Sans',sans-serif;color:var(--ameixa);background:#fff;transition:border-color .2s}
.campo textarea{resize:vertical;min-height:110px}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:0;border-color:var(--roxo)}
.enc-opcoes{display:flex;flex-wrap:wrap;gap:10px}
.enc-opcoes legend{margin-bottom:6px;width:100%}
.enc-opcoes label{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid #eadcf3;border-radius:999px;font-weight:700;cursor:pointer}
.enc-opcoes label:has(input:checked){border-color:var(--roxo);background:var(--lilas)}
.enc-opcoes input{accent-color:var(--roxo);width:18px;height:18px}
.enc-erro{padding:12px 16px;border-radius:14px;background:#ffe3ec;color:#8f1d4f;font-weight:700}
.enc-enviar{width:100%;min-height:56px;font-size:17px}
.enc-fine{font-size:13px;color:var(--texto-2);text-align:center}
.enc-resumo{display:grid;gap:14px;justify-items:start}
.enc-resumo>img{width:72px}
.enc-resumo h3{font-size:30px;font-weight:600}
.enc-resumo pre{width:100%;white-space:pre-wrap;font:500 15px/1.6 'Nunito Sans',sans-serif;background:var(--fundo);border-radius:18px;padding:18px;margin:0}
.enc-acoes{display:flex;flex-wrap:wrap;gap:10px}

.cdp-footer{padding:44px 0 52px;border-top:1px solid rgb(168 48 204 / .14)}
.cdp-footer img{width:110px;margin-bottom:14px}
.cdp-footer p{font-size:13px;color:var(--texto-2);line-height:1.6;max-width:90ch}
.cdp-footer p+p{margin-top:8px}

@media (max-width:1000px){
 .modelos{grid-template-columns:repeat(3,minmax(0,1fr))}
 .item-destaque{grid-column:auto;flex-direction:column}
 .item-destaque .item-foto{width:auto;min-height:0;aspect-ratio:5/4}
 .item-destaque .item-corpo{padding:18px 20px 20px}
 .item-destaque h3{font-size:21px}
 .item-destaque .item-corpo>p{font-size:14px}
}
@media (max-width:760px){
 .cdp-nav{display:none}
 .cdp-header{justify-content:space-between;padding-block:10px}
 .cdp-cta{min-height:42px;padding:8px 16px;font-size:14px}
 .cdp-hero-grid{grid-template-columns:1fr;min-height:0;gap:8px}
 .cdp-hero-art{height:260px;order:2}
 .enc-grid,.enc-linha{grid-template-columns:1fr}
 .modelos{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62%;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1*clamp(16px,4vw,56px));padding-inline:clamp(16px,4vw,56px);scrollbar-width:none}
 .modelo{scroll-snap-align:start}
 .itens{grid-template-columns:1fr 1fr;gap:12px}
 .item{border-radius:20px}
 .item-corpo{padding:12px 12px 14px}
 .item h3{font-size:16px}
 .item-corpo>p{display:none}
 .item-pe{flex-direction:column;align-items:flex-start;gap:2px;padding-top:10px}
 .item-pe strong{font-size:19px}
 .item-link{font-size:13px;min-height:36px}
 .item-num{font-size:12px;padding:5px 8px;left:8px;top:8px}
}
@media (max-width:360px){.itens{grid-template-columns:1fr}.item-corpo>p{display:block}}
@media (prefers-reduced-motion:reduce){.h-balao{animation:none}.item,.item-foto img{transition:none}.item:hover{transform:none}}

/* Encomenda (revisão 20): referência em foto, fotos da cliente, peso e medida */
.enc-refs legend small{display:block;font-weight:600;font-size:13px;color:var(--texto-2);margin-top:2px}
.enc-refs-lista{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.enc-ref{position:relative;display:grid;gap:6px;padding:6px;border-radius:16px;border:2px solid #eadcf3;background:#fff;cursor:pointer;font-size:12.5px;font-weight:800;line-height:1.2;color:var(--ameixa);transition:border-color .2s,background-color .2s}
.enc-ref input{position:absolute;opacity:0;pointer-events:none}
.enc-ref img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:11px}
.enc-ref span{padding:0 4px 4px}
.enc-ref:has(input:checked){border-color:var(--roxo);background:var(--lilas)}
.enc-ref:has(input:checked)::after{content:"✓";position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--roxo);color:#fff;font-size:13px}
.enc-ref:has(input:focus-visible){outline:3px solid var(--ciano);outline-offset:2px}
.enc-ref-outro{align-content:center;justify-items:center;text-align:center;min-height:100%}
.enc-ref-outro i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--lilas);color:var(--roxo-escuro);font:600 24px/1 'Fredoka',sans-serif;font-style:normal}
.enc-fotos{display:grid;gap:10px}
.enc-fotos-botao{display:flex;align-items:center;gap:14px;padding:14px 16px;border:2px dashed #d7bfe8;border-radius:18px;cursor:pointer;color:var(--texto-2);font-size:13.5px;line-height:1.4}
.enc-fotos-botao::before{content:"";flex:none;width:42px;height:42px;border-radius:12px;background:var(--lilas) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23321044' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-3h6l2 3h3v11H4z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E") center/22px no-repeat}
.enc-fotos-botao b{display:block;color:var(--ameixa);font-size:15px}
.enc-fotos-botao input{position:absolute;opacity:0;width:1px;height:1px}
.enc-fotos-botao:has(input:focus-visible){outline:3px solid var(--ciano);outline-offset:2px}
.enc-fotos-lista{list-style:none;padding:0;margin:0;display:flex;gap:10px;flex-wrap:wrap}
.enc-fotos-lista:empty{display:none}
.enc-fotos-lista li{position:relative}
.enc-fotos-lista img{width:76px;height:76px;object-fit:cover;border-radius:12px}
.enc-fotos-lista button{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;border:0;background:var(--ameixa);color:#fff;font-size:16px;cursor:pointer}
.pill-whats{background:#1fa855;color:#fff}
@media (max-width:640px){.enc-refs-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
