/* Estilos proprios da pagina eggcooker — complementa dy-shell/dy-hero/dy-cart. */

/* ===== base ===== */
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:'Jost',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--dy-ink);background:#fff}
html,body{overflow-x:clip}
img{max-width:100%}
button{font-family:inherit;cursor:pointer}
.dy-wrap{max-width:1080px;margin:0 auto;padding:0 16px}
section{scroll-margin-top:72px}

/* ===== announcement: markup padrao do shell (dy-ann-row > dy-cd + dy-ann-vp);
   NAO recriar .dy-ann-m aqui (a versao flat virava overlay que engolia cliques) */

/* ===== header (shell) ===== */
.dy-hd{position:sticky;top:0;z-index:70;background:#fff;border-bottom:1px solid var(--dy-line)}
.dy-hd-in{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 16px}
.dy-hd-logo img{height:26px;display:block}
.dy-burger,.dy-cartbtn{background:none;border:0;color:var(--dy-ink);position:relative;padding:6px}
.dy-hd-n{position:absolute;top:0;right:-2px;background:var(--dy-ink);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}

/* ===== breadcrumb ===== */
.dy-bread{font-size:12px;color:#999;padding:14px 0 10px}
.dy-bread b{color:var(--dy-ink);font-weight:500}

/* ===== titulo + estrelas ===== */
.dy-buy h1 .pre{display:block;font-size:clamp(13px,3.6vw,16px);color:#b9b9b9;font-weight:500;letter-spacing:.04em;margin-bottom:2px}
.dy-buy h1 .main{display:block;white-space:nowrap;font-size:clamp(22px,6.8vw,36px)}
.dy-buy .dy-subhead{margin-top:10px}
.dy-stars{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:13px;color:var(--dy-soft)}
.dy-stars .st{color:#111;letter-spacing:2px;font-size:15px}
.dy-buy .dy-de{margin-top:18px;margin-bottom:2px}

/* thumb de video na galeria: triangulo de play */
.dy-thumb{position:relative}
.dy-thumb .ply{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.dy-thumb .ply::after{content:"";width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}

/* ===== card "what's in the box" (fino: 1 linha de texto, mini thumb) ===== */
.dy-boxcard{display:flex;align-items:center;gap:10px;margin-top:14px;border:1px solid var(--dy-line);border-radius:9px;padding:7px 11px;background:#fff;cursor:pointer}
.dy-boxcard:active{background:#f7f7f7}
.dy-boxcard img{width:40px;height:40px;object-fit:cover;border-radius:7px;flex:0 0 auto;background:#faf8f5}
.dy-boxcard .tx{font-size:12.5px;line-height:1.45;color:var(--dy-soft)}
.dy-boxcard .tx b{color:var(--dy-ink)}
.dy-boxcard .arw{flex:0 0 auto;margin-left:auto}
.dy-ppop-img{display:block;width:min(84%,340px);margin:14px auto 4px;border-radius:10px}
.dy-ppop-tx p{font-size:13.5px;color:#4a4a4a;line-height:1.65;margin-top:10px}
.dy-ppop-tx b{color:var(--dy-ink)}
.dy-ppop-tx ul{list-style:none;margin-top:10px}
.dy-ppop-tx li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:#3a3a3a;line-height:1.55;margin-top:6px}
.dy-ppop-tx li svg{flex:0 0 auto;margin-top:3px}

/* ===== seletor de kit (compacto) ===== */
.dy-kitbox{margin-top:14px}
.dy-kitbox .lb{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--dy-soft);margin-bottom:7px}
.dy-kitrow{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dy-kitcard{position:relative;display:flex;align-items:center;gap:8px;border:1.5px solid var(--dy-line);border-radius:9px;background:#fff;padding:7px 9px;text-align:left;transition:border-color .15s, background .15s}
.dy-kitcard.on{border-color:var(--dy-ink);background:#fbfaf8;box-shadow:0 0 0 1px var(--dy-ink)}
.dy-kitcard .km{width:38px;height:38px;border-radius:7px;object-fit:cover;flex:0 0 auto;background:#faf8f5}
.dy-kitcard .kc{flex:1;min-width:0}
.dy-kitcard .tt{display:inline;font-size:12.5px;font-weight:600;color:var(--dy-ink)}
.dy-kitcard .pp{display:inline;font-size:13px;font-weight:700;margin-left:5px}
.dy-kitcard .pp s{font-size:10.5px;color:var(--dy-red);font-weight:400;margin-left:3px}
.dy-kitcard .un{display:block;font-size:10.5px;color:var(--dy-soft);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dy-kitcard .bdg{position:absolute;top:-8px;right:8px;background:#1A1A1A;color:#fff;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:2px 6px}

/* ===== seletor de cor (bolinhas) ===== */
.dy-corbox{margin-top:24px}
.dy-corgrp{margin-top:18px}
.dy-corgrp:first-child{margin-top:0}
.dy-corgrp .glb{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--dy-soft);margin-right:12px;vertical-align:middle}
.dy-corgrp .glb span:last-child{color:var(--dy-ink)}
.dy-corrow{display:inline-flex;gap:10px;vertical-align:middle}
.dy-cordot{width:36px;height:36px;border-radius:50%;border:1px solid #d9d9d9;padding:0;flex:0 0 auto;overflow:hidden;background:#fff}
.dy-cordot img{width:100%;height:100%;object-fit:cover;object-position:50% 72%;transform:scale(1.3);transform-origin:50% 72%;display:block}
.dy-cordot.on{outline:2px solid var(--dy-ink);outline-offset:2px;border-color:transparent}


/* ===== popup generico (bottom-sheet) ===== */
.dy-cpop{position:fixed;inset:0;z-index:95;display:none;align-items:flex-end;justify-content:center}
.dy-cpop.show{display:flex}
.dy-cpop-bg{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.dy-cpop-card{position:relative;background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:520px;max-height:88vh;overflow-y:auto;padding:20px 18px 24px}
@media(min-width:640px){.dy-cpop{align-items:center}.dy-cpop-card{border-radius:16px}}
.dy-cpop-x{position:absolute;top:12px;right:12px;background:none;border:0;padding:6px}
.dy-cpop-card h3{font-size:19px;font-weight:600;padding-right:36px}
.dy-cpop-sub{font-size:13px;color:var(--dy-soft);margin-top:4px}
.dy-cpop-ok{display:block;width:100%;background:var(--dy-ink);color:#fff;border:0;font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:16px;border-radius:9px;margin-top:16px}

/* ===== faixa de prova social ===== */
.dy-band{background:#F4F2F1;margin-top:34px;padding:28px 16px;text-align:center}
.dy-band h2{font-size:clamp(20px,5vw,26px);font-weight:600;letter-spacing:.01em}
.dy-band .big{font-size:clamp(30px,8vw,44px);font-weight:800;letter-spacing:-.02em;display:block;margin-top:2px}
.dy-band p{font-size:13.5px;color:var(--dy-soft);margin-top:6px;max-width:540px;margin-left:auto;margin-right:auto;line-height:1.6}
.dy-band-stats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.dy-band-stats span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--dy-line);border-radius:99px;padding:9px 16px;font-size:12.5px;font-weight:600;color:var(--dy-ink)}
.dy-band-stats svg{flex:0 0 auto}

/* carrossel de stories dentro da faixa de prova (padrao sleepdress) */
.dy-tt-wrap{max-width:1080px;margin:22px auto 4px;text-align:left}
.dy-ugcv{position:relative;width:198px;border-radius:12px;overflow:hidden;background:#000}
.dy-ugcv video{width:198px;height:352px;object-fit:cover;display:block}
.dy-ugcv .hd{position:absolute;left:10px;bottom:10px;color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.7)}
.dy-ugcv .snd{position:absolute;top:8px;right:8px;color:#fff;background:rgba(0,0,0,.45);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;pointer-events:none}
.dy-ugcv.som .snd{background:#fff;color:#111}
.dy-ttcard{border-radius:18px;padding:3px;background:linear-gradient(45deg,#25F4EE,#FE2C55)}
.dy-ttcard video{border-radius:15px}
.dy-ttcard .hd{left:13px;bottom:13px}
.dy-ttcard .snd{top:11px;right:11px}

/* ===== secoes genericas ===== */
.dy-sec{padding:38px 0 8px}
.dy-sec h2{font-size:clamp(22px,5.6vw,30px);font-weight:600;letter-spacing:.01em;line-height:1.2}
.dy-sec .sub{font-size:14px;color:var(--dy-soft);margin-top:6px;line-height:1.6;max-width:560px}
.dy-secwrap{position:relative;margin-top:18px}
.dy-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
.dy-track::-webkit-scrollbar{display:none}
.dy-track>*{scroll-snap-align:start;flex:0 0 auto}
.dy-arr{position:absolute;top:38%;transform:translateY(-50%);z-index:5;width:38px;height:38px;border-radius:50%;border:1px solid var(--dy-line);background:#fff;color:var(--dy-ink);font-size:20px;line-height:1;display:none;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.dy-arr.l{left:-8px}.dy-arr.r{right:-8px}
@media(min-width:760px){.dy-arr{display:flex}}

#dyStepSec h2,#dyModeSec h2,#dyPrepSec h2,#dyRevSec h2,#dyCompSec h2{text-align:center}
#dyStepSec .sub,#dyModeSec .sub,#dyPrepSec .sub,#dyRevSec .sub,#dyCompSec .sub{text-align:center;margin-left:auto;margin-right:auto}

/* ===== como funciona (3 passos) ===== */
.dy-steps{display:grid;gap:14px;margin-top:20px}
@media(min-width:760px){.dy-steps{grid-template-columns:1fr 1fr 1fr}}
.dy-step{border:1px solid var(--dy-line);border-radius:14px;overflow:hidden;background:#fff}
.dy-step video,.dy-step img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.dy-step .bd{padding:14px 15px 16px;position:relative}
.dy-step .num{position:absolute;top:-17px;left:14px;width:34px;height:34px;border-radius:50%;background:var(--dy-ink);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.dy-step h3{font-size:15.5px;font-weight:600;margin-top:10px}
.dy-step p{font-size:13px;color:var(--dy-soft);line-height:1.6;margin-top:4px}

/* ===== modos (7 resultados) ===== */
.dy-mode-card{width:200px;border:1px solid var(--dy-line);border-radius:12px;overflow:hidden;background:#fff}
.dy-mode-card img{width:100%;height:200px;object-fit:cover;display:block}
.dy-mode-card .bd{padding:10px 12px 12px}
.dy-mode-card .nm{font-size:13.5px;font-weight:600}
.dy-mode-card .ft{font-size:12px;color:var(--dy-soft);margin-top:2px;line-height:1.45}
.dy-mode-hint{text-align:center;font-size:12.5px;color:var(--dy-soft);margin-top:12px}
.dy-mode-hint b{color:var(--dy-ink)}

/* ===== tecnologia (fab) ===== */
#dyTechSec h2{text-align:center}
#dyTechSec .dy-fab-tx h3{text-align:left}
.dy-fab{display:grid;gap:18px;margin-top:18px}
@media(min-width:760px){.dy-fab{grid-template-columns:1fr 1fr;align-items:center}}
.dy-fab video,.dy-fab img{width:100%;border-radius:12px;display:block}
.dy-fab-tx h3{font-size:18px;font-weight:600;margin-bottom:8px}
.dy-fab-tx p{font-size:14px;color:var(--dy-soft);line-height:1.7;margin-bottom:12px}
.dy-fab-tx ul{list-style:none}
.dy-fab-tx li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:#3a3a3a;line-height:1.55;margin-top:8px}
.dy-fab-tx li svg{flex:0 0 auto;margin-top:2px}

/* ===== comparativo ===== */
.dy-fit{background:#faf8f5;border-radius:14px;padding:22px 18px;margin-top:18px}
.dy-fit h3{font-size:16px;font-weight:600;margin-bottom:10px}
.dy-fit table{width:100%;border-collapse:collapse;font-size:13px}
.dy-fit th{text-align:left;font-weight:600;color:var(--dy-soft);font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:8px 6px;border-bottom:1px solid #e5ded4}
.dy-fit td{padding:10px 6px;border-bottom:1px solid #eee7dc;color:#3a3a3a;line-height:1.5}
.dy-fit .ok{font-weight:600;color:var(--dy-ink)}
.dy-fit .note{font-size:12.5px;color:var(--dy-soft);margin-top:12px;line-height:1.6}
.dy-fit td svg{vertical-align:-2px;margin-right:4px}

/* trustpilot (header) */
.dy-tps-head{display:flex;flex-direction:column;align-items:center;gap:11px;padding:0 20px;margin-top:20px}
.dy-tps-logo{display:inline-flex;align-items:center;gap:6px;font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--dy-ink)}
.dy-tps-tpstar{width:21px;height:21px;background:#00b67a;display:inline-flex;align-items:center;justify-content:center;border-radius:3px}
.dy-tps-tpstar svg{width:15px;height:15px}
.dy-tps-stars{display:flex;gap:2px}
.dy-tps-stars span{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:2px;background:#00b67a}
.dy-tps-stars span svg{width:17px;height:17px}
.dy-tps-rate{font-size:13.5px;color:var(--dy-soft);text-align:center}
.dy-tps-rate b{color:var(--dy-ink)}

/* reviews */
.dy-rev-card{width:262px;border:1px solid var(--dy-line);border-radius:12px;overflow:hidden;background:#fff}
.dy-rev-card img{width:100%;height:280px;object-fit:cover;display:block}
.dy-rev-bd{padding:12px 13px 14px}
.dy-rev-bd .st{color:#111;letter-spacing:2px;font-size:13px}
.dy-rev-bd .ti{font-size:13.5px;font-weight:600;margin-top:5px}
.dy-rev-bd .tx{font-size:12.5px;color:var(--dy-soft);line-height:1.55;margin-top:4px}
.dy-rev-bd .who{font-size:11.5px;color:#999;margin-top:8px}
.dy-rev-bd .who b{color:#3a3a3a;font-weight:600}
.dy-rev-bd .vf{display:inline-flex;align-items:center;gap:4px;color:#1a7f37;font-size:11px;font-weight:600;margin-left:6px}

/* faq */
.dy-faq{max-width:680px;margin:18px auto 0}
.dy-faq-it{border-bottom:1px solid var(--dy-line)}
.dy-faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:none;border:0;text-align:left;font-size:15px;font-weight:500;color:var(--dy-ink);padding:16px 2px}
.dy-faq-q svg{flex:0 0 auto;transition:transform .25s}
.dy-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.dy-faq-a p{font-size:13.5px;color:var(--dy-soft);line-height:1.7;padding:0 2px 16px}
.dy-faq-it.open .dy-faq-a{max-height:300px}
.dy-faq-it.open .dy-faq-q svg{transform:rotate(45deg)}

/* rodape de secoes */
.dy-cta-mini{display:block;width:fit-content;margin:26px auto 38px;background:var(--dy-ink);color:#fff;text-decoration:none;font-size:13.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:15px 34px;border-radius:9px}

/* ===== animacoes ===== */
.rv{opacity:0;transition:opacity .9s ease,transform .9s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}
.rv-l{transform:translateX(-22px)}
.rv-r{transform:translateX(22px)}
.rv-u{transform:translateY(26px)}
.rv-z{transform:scale(.93)}
.rv.rv-on{opacity:1;transform:none}

.dy-cordot,.dy-kitcard,.dy-cta,.dy-cta-mini,.dy-thumb,.dy-arr,.dy-exp-btn,
.dy-boxcard,.dy-cpop-ok,.dy-cpop-x,.dy-cart-co,.dy-faq-q,.dy-ann-a,
.dy-thumbrow .arw,.dy-burger,.dy-cartbtn,.dy-qty button,.dy-cart-rm,
.dy-draw-x,.dy-cart-x{transition:transform .16s cubic-bezier(.34,1.56,.64,1)}
.dy-cordot:active,.dy-kitcard:active,.dy-cta:active,.dy-cta-mini:active,
.dy-thumb:active,.dy-arr:active,.dy-exp-btn:active,.dy-boxcard:active,
.dy-cpop-ok:active,.dy-cpop-x:active,.dy-cart-co:active,.dy-faq-q:active,
.dy-ann-a:active,.dy-thumbrow .arw:active,.dy-burger:active,.dy-cartbtn:active,
.dy-qty button:active,.dy-cart-rm:active,.dy-draw-x:active,.dy-cart-x:active{transform:scale(.95)}

@keyframes dyPop{0%{transform:scale(1)}45%{transform:scale(1.09)}100%{transform:scale(1)}}
.dy-popped{animation:dyPop .3s cubic-bezier(.34,1.56,.64,1)}

@media (prefers-reduced-motion: reduce){
  .rv{transition:none;opacity:1;transform:none}
  .dy-popped{animation:none}
}

/* ===== zoom fullscreen da galeria ===== */
.dy-gal-main img{cursor:zoom-in}
.dy-zoom{position:fixed;inset:0;z-index:100002;background:#fff;display:none}
.dy-zoom.show{display:block}
.dy-zoom-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;overscroll-behavior:contain}
.dy-zoom-stage img{max-width:100%;max-height:100%;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;will-change:transform;transform-origin:center center}
.dy-zoom-x{position:fixed;top:14px;right:14px;z-index:2;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e8e8e8;border-radius:50%;box-shadow:0 2px 12px rgba(0,0,0,.14);cursor:pointer;padding:0}
.dy-zoom-hint{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:2;background:rgba(17,17,17,.82);color:#fff;font-size:12px;letter-spacing:.03em;padding:8px 15px;border-radius:99px;pointer-events:none;opacity:0;transition:opacity .3s}
.dy-zoom-hint.on{opacity:1}