/* PELOO – Nova Home. Tudo com prefixo .ph para não interferir no tema. */
body.peloo-nova [data-store^="home-"]:not([data-store="home-newsletter"]):not([data-store="home-newsletter-form"]){display:none!important}
body.peloo-nova #peloo-home{display:block}
#peloo-home[hidden],.ph [hidden]{display:none!important}

.ph{--ink:#12262B;--muted:#44585D;--soft:#5E7176;--teal:#0E7C7B;--teal-d:#0B5F5F;--aqua:#2FB5A8;--deep:#0F4C57;--mint:#F2FAF9;--line:#E3EEEE;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.ph *,.ph *::before,.ph *::after{box-sizing:border-box}
.ph img,.ph video,.ph svg{max-width:100%}
.ph-wrap{max-width:1200px;margin:0 auto;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px)}
.ph-sec{padding-top:clamp(56px,8vw,104px);padding-bottom:clamp(56px,8vw,104px);display:flex;flex-direction:column;gap:36px}
.ph-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(28px,4vw,48px);align-items:center}
.ph-grid2--top{align-items:start}
.ph-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.ph-row--stretch{align-items:stretch}
.ph-stack{display:flex;flex-direction:column;gap:16px}
.ph-center{text-align:center}
.ph-accent{color:var(--teal)}

.ph-h1{margin:0;font-size:clamp(40px,6vw,68px);line-height:1.02;font-weight:800;letter-spacing:-.035em}
.ph-h2{margin:0;font-size:clamp(30px,4vw,46px);line-height:1.1;font-weight:800;letter-spacing:-.03em}
.ph-h2--sm{font-size:clamp(28px,3.4vw,40px)}
.ph-lead{margin:0;font-size:18px;line-height:1.6;color:var(--muted);max-width:30em}
.ph-p{margin:0;font-size:17px;line-height:1.65;color:var(--muted)}
.ph-p--sm{font-size:14px}
.ph-eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.ph-head{display:flex;flex-direction:column;gap:14px;max-width:720px}
.ph-head--center{align-items:center;text-align:center;margin:0 auto}
.ph-pill{align-self:flex-start;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:#fff;border:1px solid #CDE9E6;padding:8px 14px;border-radius:999px}

.ph-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 28px;border-radius:999px;font:inherit;font-weight:800;font-size:16px;text-decoration:none!important;cursor:pointer;border:none;transition:transform .2s,box-shadow .2s,background .2s}
.ph-btn:hover{transform:translateY(-2px)}
.ph-btn--primary{background:var(--teal);color:#fff!important}
.ph-btn--primary:hover{background:var(--teal-d);box-shadow:0 10px 24px rgba(14,124,123,.28)}
.ph-btn--ghost{background:transparent;color:var(--ink)!important;border:1.5px solid var(--ink)}
.ph-btn--light{background:#fff;color:var(--deep)!important;align-self:flex-start}
.ph-btn--grow{flex:1 1 200px}
.ph-shine{position:relative;overflow:hidden}
.ph-shine::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);animation:phShine 3.5s ease-in-out infinite}

/* HERO */
.ph-hero{background:var(--mint)}
.ph-hero__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:48px;align-items:center;padding-top:clamp(40px,7vw,88px);padding-bottom:clamp(40px,7vw,88px)}
.ph-hero__text{display:flex;flex-direction:column;gap:22px}
.ph-trust{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:var(--muted);font-weight:500}
.ph-trust span{display:flex;align-items:center;gap:6px}
.ph-hero__visual{display:flex;flex-direction:column;align-items:center;gap:20px}
.ph-orb{position:relative;width:min(100%,460px);aspect-ratio:1/1}
.ph-orb__ring,.ph-orb__drops{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ph-orb__photo{position:absolute;inset:22px;border-radius:50%;overflow:hidden;background:#EEF1F2;box-shadow:0 30px 60px rgba(15,76,87,.18);transition:background .5s}
.ph-swap{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .7s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.ph-swap.is-on{opacity:1;transform:none}
.ph-chip{position:absolute;background:#fff;border:1px solid #DCEDEB;border-radius:14px;padding:10px 14px;font-size:13px;font-weight:700;box-shadow:0 10px 30px rgba(15,76,87,.10);display:flex;align-items:center;gap:8px}
.ph-colorbar{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #DCEDEB;border-radius:999px;padding:8px 10px 8px 18px;font-size:14px;font-weight:600;color:var(--muted)}
.ph-colorbar strong{color:var(--ink)}
.ph-dots{display:flex;gap:8px}
.ph-dot{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;box-shadow:0 0 0 1px rgba(18,38,43,.18);transition:transform .2s,box-shadow .25s}
.ph-dot:hover{transform:scale(1.08)}
.ph-dot[aria-pressed="true"]{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--teal)}

/* FAIXA */
.ph-marquee{background:var(--teal);color:#fff;overflow:hidden;padding:16px 0}
.ph-marquee__track{display:flex;gap:48px;width:max-content;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;animation:phMarquee 26s linear infinite}

/* TECNOLOGIA */
.ph-compare{background:var(--mint);border-radius:28px;padding:24px;display:flex;flex-direction:column;gap:20px}
.ph-toggle{display:flex;background:#fff;border-radius:999px;padding:6px;gap:6px;align-self:center;border:1px solid #DCEDEB}
.ph-toggle button{border:none;cursor:pointer;font:inherit;font-weight:700;font-size:14px;padding:12px 22px;border-radius:999px;min-height:44px;background:transparent;color:var(--ink);transition:background .25s,color .25s}
.ph-toggle button[data-ph-tech="peloo"][aria-pressed="true"]{background:var(--teal);color:#fff}
.ph-toggle button[data-ph-tech="comum"][aria-pressed="true"]{background:#6A5A3F;color:#fff}
.ph-compare svg{width:100%;height:auto;display:block}
.ph-caption{margin:12px 0 0;text-align:center;font-size:15px;font-weight:600}
.ph-caption--ok{color:var(--teal)}
.ph-caption--bad{color:#6A5A3F}
.ph-macro{position:relative;border-radius:24px;overflow:hidden;height:240px}
.ph-macro img{width:100%;height:130%;object-fit:cover;display:block;animation:phFloat 9s ease-in-out infinite}
.ph-macro span{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.92);color:var(--deep);font-size:13px;font-weight:800;padding:8px 12px;border-radius:999px}
.ph-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.ph-benefit{border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:10px;background:#fff}
.ph-benefit small{font-size:13px;font-weight:700;color:#7A8B8E;text-transform:uppercase;letter-spacing:.06em}
.ph-benefit b{font-size:20px;font-weight:800;transition:color .3s}

/* GUIA */
.ph-guide{background:#FBF8F4;border-top:1px solid #EFE7DD}
.ph-hairs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(46%,200px),1fr));gap:16px}
.ph-hair{padding:0;cursor:pointer;font:inherit;color:var(--ink);background:#fff;border:2px solid #E6EDEE;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;text-align:left;transition:border-color .25s,box-shadow .25s,transform .25s}
.ph-hair:hover{transform:translateY(-3px)}
.ph-hair__img{position:relative;display:block;width:100%;aspect-ratio:4/5;overflow:hidden;background:#EFE7DD}
.ph-hair__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ph-hair b{font-size:17px;font-weight:800;padding:14px 16px 0}
.ph-hair small{font-size:13px;color:var(--soft);font-weight:600;padding:2px 16px 14px}
.ph-check{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center no-repeat;opacity:0;transform:scale(.4);transition:opacity .3s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.ph-hair[aria-pressed="true"]{border-color:var(--teal);box-shadow:0 16px 36px rgba(14,124,123,.2)}
.ph-hair[aria-pressed="true"] .ph-hair__img img{transform:scale(1.06)}
.ph-hair[aria-pressed="true"] .ph-check{opacity:1;transform:none}
.ph-rec{background:#fff;border:1px solid #EFE7DD;border-radius:28px;padding:clamp(22px,4vw,36px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:32px;align-items:center}
.ph-rec__text{display:flex;flex-direction:column;gap:12px}
.ph-rec__text p{margin:0;font-size:16px;line-height:1.6;color:var(--muted)}
.ph-rec__eyebrow{font-size:14px;font-weight:700;color:var(--soft)}
.ph-rec__name{font-size:clamp(28px,3.4vw,40px);font-weight:800;letter-spacing:-.03em;color:var(--teal)}
.ph-rec__text .ph-btn{align-self:flex-start}
.ph-bars{display:flex;flex-direction:column;gap:18px}
.ph-bar>div{display:flex;justify-content:space-between;font-size:14px;font-weight:700;margin-bottom:6px}
.ph-bar>div span+span{color:var(--soft)}
.ph-bar{background:none}
.ph-bar i{display:block;height:44px;border-radius:12px;background:#BFE6E1;border-bottom:6px solid var(--aqua);transition:background .4s}
.ph-bar.is-on i{background:var(--teal)}
.ph-bar.is-off i{background:#DCE5E6}
.ph-bars small{font-size:13px;color:var(--soft)}

/* COMPRA */
.ph-buy{background:#F7F9F9;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ph-gallery{position:relative;background:#fff;border-radius:28px;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:16px}
.ph-badge{position:absolute;top:40px;left:40px;z-index:5;background:var(--ink);color:#fff;font-size:13px;font-weight:800;padding:7px 12px;border-radius:999px;box-shadow:0 6px 16px rgba(18,38,43,.25)}
.ph-gallery__main{position:relative;width:100%;aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:#EEF1F2;transition:background .5s}
.ph-gallery__main img,.ph-gallery__main video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s}
.ph-size-note{display:block;font-size:14px;color:var(--muted);font-weight:600}
.ph-size-note svg{vertical-align:-4px;margin-right:6px}
.ph-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.ph-thumbs button{position:relative;aspect-ratio:1/1;padding:0;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid transparent;background:#EEF3F3}
.ph-thumbs button[aria-pressed="true"]{border-color:var(--teal)}
.ph-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.ph-play{position:absolute;inset:0;background:rgba(15,42,47,.35) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center no-repeat}
.ph-options{display:flex;flex-direction:column;gap:26px;margin:0}
.ph-field{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ph-field legend{font-size:14px;font-weight:700;padding:0;margin-bottom:12px}
.ph-cbtn{display:flex;align-items:center;gap:10px;cursor:pointer;font:inherit;font-size:14px;font-weight:700;color:var(--ink);background:#fff;border:2px solid #DCE6E7;border-radius:999px;padding:8px 16px 8px 8px;min-height:48px;transition:border-color .2s,transform .2s}
.ph-cbtn:hover{transform:translateY(-2px)}
.ph-cbtn[aria-pressed="true"]{border-color:var(--teal)}
.ph-cbtn i{width:30px;height:30px;border-radius:50%;border:1px solid rgba(18,38,43,.15)}
.ph-cbtn em{font-style:normal;font-size:11px;font-weight:800;color:var(--teal);background:#E3F5F3;padding:3px 8px;border-radius:999px}
.ph-hp{cursor:pointer;font:inherit;font-size:14px;font-weight:600;padding:10px 16px;border-radius:12px;min-height:44px;border:1.5px solid #DCE6E7;background:#fff;color:var(--ink);transition:background .2s,border-color .2s}
.ph-hp[aria-pressed="true"]{background:#E3F5F3;border-color:var(--teal)}
.ph-hint{font-size:14px;color:var(--teal);font-weight:600}
.ph-sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.ph-sbtn{text-align:left;cursor:pointer;font:inherit;color:var(--ink);background:#FBFCFC;border:2px solid #DCE6E7;border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s,transform .2s}
.ph-sbtn:hover{transform:translateY(-2px)}
.ph-sbtn[aria-pressed="true"]{border-color:var(--teal);background:#fff}
.ph-sbtn .t{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;font-size:17px;font-weight:800}
.ph-sbtn .t em{font-style:normal;font-size:11px;font-weight:800;color:#8A3B12;background:#FDEBDD;padding:4px 8px;border-radius:999px}
.ph-sbtn small{font-size:13px;color:var(--soft)}
.ph-sbtn b{font-size:16px}
.ph-pricebox{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:16px}
.ph-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.ph-price s{font-size:16px;color:#7A8B8E}
.ph-price strong{font-size:36px;font-weight:800;letter-spacing:-.02em}
.ph-qty{display:flex;align-items:center;border:1.5px solid #CFDCDD;border-radius:999px;overflow:hidden}
.ph-qty button{width:48px;height:52px;border:none;background:transparent;cursor:pointer;font-size:20px;color:var(--ink)}
.ph-qty span{min-width:28px;text-align:center;font-weight:800}

/* COMO USAR */
.ph-phone{justify-self:center;width:min(100%,360px);aspect-ratio:9/16;border-radius:32px;overflow:hidden;background:#0F2A2F;box-shadow:0 30px 60px rgba(15,76,87,.2)}
.ph-phone video{width:100%;height:100%;object-fit:cover;display:block}
.ph-steps{display:flex;flex-direction:column;gap:16px}
.ph-step{background:var(--mint);border-radius:24px;padding:24px 28px;display:grid;grid-template-columns:48px 1fr;column-gap:16px;row-gap:6px;transition:transform .25s}
.ph-step:hover{transform:translateY(-3px)}
.ph-step span{grid-row:span 2;width:48px;height:48px;border-radius:50%;background:var(--teal);color:#fff;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center}
.ph-step h3{margin:0;font-size:20px;font-weight:800}
.ph-step p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}

/* LANÇAMENTO */
.ph-launch{background:var(--deep);color:#fff}
.ph-launch__text{display:flex;flex-direction:column;gap:18px}
.ph-launch__text p{margin:0;font-size:17px;line-height:1.6;color:#CFE7E4}
.ph-tag{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0F2A2F;background:#9FE3DA;padding:6px 12px;border-radius:999px}
.ph-launch__steps{margin:0;padding:0;list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:12px}
.ph-launch__steps li{counter-increment:s;position:relative;padding:8px 0 8px 50px;min-height:36px;font-size:15px;line-height:1.4;color:#E4F2F0}
.ph-launch__steps li::before{content:counter(s);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--aqua);color:#0F2A2F;font-weight:800;display:flex;align-items:center;justify-content:center}
.ph-launch__steps b{color:#fff}
.ph-ig{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ph-ig img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;display:block}
.ph-ig img:nth-child(even){margin-top:28px}
.ph-ig__note{display:block;margin-top:12px;font-size:13px;color:#9FE3DA;font-weight:600;text-align:center}

/* DÚVIDAS */
.ph-faq{max-width:860px;gap:12px}
.ph-faq h2{margin-bottom:16px}
.ph-faq details{border:1px solid var(--line);border-radius:18px;background:#fff;transition:border-color .25s}
.ph-faq details[open]{border-color:var(--teal)}
.ph-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font-size:16px;font-weight:700}
.ph-faq summary::-webkit-details-marker{display:none}
.ph-faq summary::after{content:"+";font-size:24px;font-weight:600;color:var(--teal);transition:transform .3s}
.ph-faq details[open] summary::after{transform:rotate(45deg)}
.ph-faq details p{margin:0;padding:0 22px 22px;font-size:15px;line-height:1.65;color:var(--muted);animation:phUp .4s ease both}

/* BARRA FIXA */
.ph-sticky{position:fixed;left:0;right:0;bottom:0;z-index:900;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(15,76,87,.08);transform:translateY(110%);transition:transform .35s ease}
.ph-sticky.is-on{transform:none}
.ph-sticky__in{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.ph-sticky b{display:block;font-size:14px}
.ph-sticky small{display:block;font-size:13px;color:var(--muted)}
.ph-sticky__dot{width:36px;height:36px;border-radius:50%;border:2px solid var(--aqua);transition:background .4s}
.ph-sticky .ph-btn{min-height:48px;font-size:15px;padding:0 24px}

/* ANIMAÇÕES */
.ph-fade{animation:phUp .8s cubic-bezier(.2,.7,.2,1) both}
.ph-float{animation:phFloat 5s ease-in-out infinite}
.ph-spin{animation:phSpin 28s linear infinite;transform-origin:center;transform-box:fill-box}
.ph-fall{animation:phFall 2.6s ease-in infinite;transform-box:fill-box}
.ph-flow{animation:phFlow 3.2s linear infinite;transform-box:fill-box}
.ph-dash{stroke-dasharray:6 8;animation:phDash 1.2s linear infinite}
.ph-pool{animation:phPool 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.ph-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.ph-reveal.is-in{opacity:1;transform:none}
@keyframes phUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes phFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes phSpin{to{transform:rotate(360deg)}}
@keyframes phFall{0%{transform:translateY(-24px);opacity:0}15%{opacity:1}100%{transform:translateY(110px);opacity:0}}
@keyframes phFlow{0%{transform:translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(400px);opacity:0}}
@keyframes phDash{to{stroke-dashoffset:-28}}
@keyframes phPool{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
@keyframes phMarquee{to{transform:translateX(-50%)}}
@keyframes phShine{0%{left:-60%}60%,100%{left:130%}}
@media (prefers-reduced-motion:reduce){.ph *{animation:none!important;transition:none!important}.ph-reveal{opacity:1;transform:none}}
@media (max-width:600px){.ph-chip{display:none}.ph-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.ph-badge{top:36px;left:36px}}