/* ═══════════ RESET / TOKENS ═══════════ */
:root{
  --verde:#009C3B; --verde-d:#017a2f; --amarelo:#FFDF00; --azul:#002776;
  --ink:#0d1117; --ink2:#3a414c; --mut:#6b7280; --line:#e7e9ee;
  --bg:#ffffff; --bg2:#f6f8fb; --rad:18px; --rad-sm:12px;
  --shadow:0 10px 40px rgba(13,17,23,.10); --shadow-lg:0 24px 70px rgba(13,17,23,.18);
  --max:1140px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3,h4{font-family:'Archivo',sans-serif;line-height:1.05;letter-spacing:-.02em}
em{font-style:normal;color:var(--verde)}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px}
.kicker{display:inline-block;font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--verde);margin-bottom:10px}
.stars{color:#FFB400;letter-spacing:2px}

/* ═══════════ BOTÕES ═══════════ */
.btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  border:none;border-radius:999px;font-family:'Archivo',sans-serif;font-weight:800;font-size:1.02rem;
  padding:16px 30px;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s;text-decoration:none;line-height:1.1}
.btn small{font-family:'Inter';font-weight:500;font-size:.72rem;opacity:.85;text-transform:none;letter-spacing:0}
.btn--cta{background:linear-gradient(135deg,#00c44f,var(--verde-d));color:#fff;box-shadow:0 10px 26px rgba(0,156,59,.4);animation:neonPulse 1.8s ease-in-out infinite;font-weight:700;letter-spacing:.02em}
.btn--cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 18px 40px rgba(0,156,59,.6);animation:none}
@keyframes neonPulse{
  0%,100%{box-shadow:0 8px 20px rgba(0,156,59,.4),0 0 0 0 rgba(0,200,80,0);transform:scale(1)}
  50%{box-shadow:0 14px 38px rgba(0,156,59,.65),0 0 28px 8px rgba(0,200,80,.2);transform:scale(1.02)}
}
.btn--ghost{background:#fff;color:var(--ink);border:2px solid var(--line)}
.btn--ghost:hover{border-color:var(--verde);color:var(--verde)}
.btn--big{font-size:1.25rem;padding:20px 40px}
.btn--full{width:100%}

/* ═══════════ TOPBAR ═══════════ */
.topbar{background:var(--azul);color:#fff;text-align:center;font-size:.82rem;font-weight:500;
  padding:9px 16px;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;
  position:sticky;top:0;z-index:42}
.topbar__pulse{width:8px;height:8px;border-radius:50%;background:var(--amarelo);box-shadow:0 0 0 0 rgba(255,223,0,.7);animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,223,0,.7)}70%{box-shadow:0 0 0 8px rgba(255,223,0,0)}100%{box-shadow:0 0 0 0 rgba(255,223,0,0)}}
.topbar__ticker{display:inline-block;transition:opacity .28s,transform .28s}
.topbar__ticker.is-out{opacity:0;transform:translateY(-7px);pointer-events:none}
.topbar__ticker strong{font-family:'Archivo';background:var(--amarelo);color:var(--azul);padding:1px 8px;border-radius:6px;font-size:.82rem}

/* ═══════════ HEADER ═══════════ */
.header{position:sticky;top:38px;z-index:41;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header__inner{display:flex;align-items:center;justify-content:space-between;height:62px}
.brand{font-family:'Archivo';font-weight:900;font-size:1.32rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px}
.brand span{color:var(--verde)}
.brand__flag{width:22px;height:22px;border-radius:6px;background:
  radial-gradient(circle at 50% 50%, var(--azul) 0 26%, transparent 27%),
  linear-gradient(135deg,transparent 38%,var(--amarelo) 38% 62%,transparent 62%),var(--verde);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.brand--sm{font-size:1.1rem}
.brand__img{height:46px;width:auto;display:block}
.brand__img--sm{height:42px}
/* upsell 1→3 regatas */
.upsell{display:flex;flex-direction:column;gap:10px;padding:14px 16px;margin-bottom:12px;
  border:1.5px solid var(--verde);border-radius:14px;background:linear-gradient(135deg,rgba(0,156,59,.06),rgba(0,156,59,.02))}
.upsell.is-hidden{display:none}
.upsell__txt{font-size:.9rem;color:var(--ink2);line-height:1.45}
.upsell__txt b{color:var(--ink)}
.upsell__txt span{color:var(--mut);font-size:.82rem}
.upsell__btn{align-self:flex-start;border:none;background:var(--verde);color:#fff;font-family:'Archivo';font-weight:800;
  font-size:.92rem;padding:11px 18px;border-radius:10px;cursor:pointer;transition:.15s;box-shadow:0 6px 16px rgba(0,156,59,.28)}
.upsell__btn:hover{background:var(--verde-d);transform:translateY(-1px)}
.header__actions{display:flex;align-items:center;gap:10px}
.header__trust{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--ink2)}
.header__trust svg{color:var(--verde)}
.header__rastreio{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:var(--ink2);text-decoration:none;border:1.5px solid var(--line);border-radius:20px;padding:5px 12px;transition:.15s;white-space:nowrap}
.header__rastreio:hover{border-color:var(--azul);color:var(--azul)}
.header__rastreio svg{flex-shrink:0;color:var(--azul)}

/* ═══════════ HERO ═══════════ */
.hero{background:linear-gradient(180deg,#fff 0%,var(--bg2) 100%);padding:48px 0 56px;overflow:hidden}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero__rating{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:.9rem;color:var(--ink2)}
.hero__rating b{color:var(--ink)}
.hero h1{font-size:clamp(2.1rem,4.6vw,3.5rem);font-weight:900}
.hero__sub{font-size:1.12rem;color:var(--ink2);margin:18px 0 22px;max-width:30ch}
.hero__bullets{list-style:none;display:grid;gap:10px;margin-bottom:26px}
.hero__bullets li{display:flex;align-items:center;gap:11px;font-weight:500;color:var(--ink2)}
.hero__bullets i{width:22px;height:22px;border-radius:50%;background:rgba(0,156,59,.12);position:relative;flex:none}
.hero__bullets i::after{content:"";position:absolute;left:7px;top:5px;width:6px;height:10px;border:solid var(--verde);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.hero__bullets b{color:var(--ink)}
.hero__offerbox{background:#fff;border:1px solid var(--line);border-radius:var(--rad);padding:20px;box-shadow:var(--shadow);display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.hero__price{display:flex;flex-direction:column}
.hero__from{font-size:.82rem;color:var(--mut)}
.hero__from s{color:var(--mut)}
.hero__now{font-family:'Archivo';font-weight:900;font-size:2.1rem;line-height:1;color:var(--ink)}
.hero__inst{font-size:.9rem;color:var(--ink2);margin-top:2px}
.hero__inst b{color:var(--verde)}
.hero__inst--main{font-size:1.02rem;font-weight:800;color:var(--verde);text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
.hero__unit{font-size:.8rem;color:var(--ink2);margin-top:4px}
.hero__offerbox .btn{flex:1;min-width:210px}
.hero__pay{margin-top:16px;font-size:.84rem;color:var(--mut)}
.hero__pay b{color:var(--ink2)}
.hero__media{position:relative}
.hero__media img,.hero__video{border-radius:24px;box-shadow:var(--shadow-lg);width:100%;object-fit:cover;aspect-ratio:3/3.4;display:block}
.hero__badge{position:absolute;right:-6px;bottom:24px;background:var(--amarelo);color:var(--azul);
  border-radius:14px;padding:12px 16px;text-align:center;box-shadow:var(--shadow);transform:rotate(-5deg)}
.hero__badge strong{font-family:'Archivo';display:block;font-size:1.05rem;line-height:1}
.hero__badge span{font-size:.72rem;font-weight:600}

/* ═══════════ SELOS ═══════════ */
.seals{border-bottom:1px solid var(--line);background:#fff}
.seals__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:22px 20px}
.seal{display:flex;align-items:center;gap:12px;justify-content:center}
.seal svg{width:30px;height:30px;fill:none;stroke:var(--verde);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.seal span{font-size:.82rem;color:var(--ink2);line-height:1.25}
.seal b{color:var(--ink)}

/* ═══════════ SECTION HEAD ═══════════ */
.section-head{text-align:center;max-width:620px;margin:0 auto 38px}
.section-head h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800}
.section-head p{color:var(--ink2);margin-top:12px;font-size:1.05rem}

/* ═══════════ OFERTA / PLANS ═══════════ */
.offer{padding:70px 0}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.plan{background:#fff;border:1.5px solid var(--line);border-radius:var(--rad);padding:30px 24px;display:flex;flex-direction:column;position:relative}
.plan--featured{border-color:var(--verde);box-shadow:0 18px 50px rgba(0,156,59,.18);transform:scale(1.03)}
.plan__tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--verde);color:#fff;
  font-family:'Archivo';font-weight:800;font-size:.74rem;letter-spacing:.06em;padding:6px 16px;border-radius:999px;white-space:nowrap}
.plan h3{font-size:1.3rem;font-weight:800}
.plan__compare{font-size:.82rem;color:var(--mut);margin-bottom:2px}
.plan__compare s{color:var(--mut)}
.plan__price{font-family:'Archivo';font-weight:900;font-size:3rem;line-height:1;margin:4px 0 2px}
.plan__price span{font-size:1.2rem;vertical-align:super;margin-right:2px}
.plan__price small{font-size:1.4rem}
.plan__per{color:var(--ink2);font-size:.92rem;margin-bottom:16px}
.plan__per b{color:var(--verde)}
.plan ul{list-style:none;display:grid;gap:10px;margin-bottom:22px;flex:1}
.plan li{padding-left:26px;position:relative;font-size:.93rem;color:var(--ink2)}
.plan li::before{content:"";position:absolute;left:0;top:6px;width:15px;height:9px;border:solid var(--verde);border-width:0 0 2.5px 2.5px;transform:rotate(-45deg)}
.plan li b{color:var(--ink)}
.plan__save{display:block;text-align:center;margin-top:10px;font-size:.82rem;font-weight:700;color:var(--verde)}
/* Kit personalizado */
.qtypicker{display:flex;align-items:center;justify-content:center;gap:0;margin:4px 0 10px;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;width:fit-content;margin-left:auto;margin-right:auto}
.qtypicker__btn{width:44px;height:44px;border:none;background:#fff;font-size:1.4rem;font-weight:700;color:var(--verde-d);cursor:pointer;transition:.15s;line-height:1}
.qtypicker__btn:hover{background:rgba(0,156,59,.08)}
.qtypicker__btn:disabled{color:var(--line);cursor:not-allowed}
.qtypicker__val{min-width:54px;text-align:center;font-family:'Archivo';font-weight:900;font-size:1.3rem;color:var(--ink)}
.kit-total{font-size:.92rem;color:var(--ink2);margin-bottom:14px;text-align:center}
.kit-total b{font-family:'Archivo';font-weight:900;font-size:1.15rem;color:var(--ink)}
.kit-total #kitInst{font-size:.8rem;color:var(--ink2)}
.kit-wpp{display:block;margin-top:12px;font-size:.82rem;font-weight:600;color:var(--verde-d);text-align:center;text-decoration:none;line-height:1.4}
.kit-wpp:hover{text-decoration:underline}
.offer__guarantee{text-align:center;margin-top:34px;background:var(--bg2);border:1px dashed var(--verde);border-radius:var(--rad-sm);
  padding:18px 22px;color:var(--ink2);font-size:.96rem;max-width:760px;margin-left:auto;margin-right:auto}
.offer__guarantee b{color:var(--ink)}

/* ═══════════ BENEFÍCIOS ═══════════ */
.benefits{padding:60px 0;background:var(--bg2)}
.benefits__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.benefits__media img,.benefits__media video{border-radius:22px;box-shadow:var(--shadow-lg);width:100%;display:block}
.benefits__media video{aspect-ratio:3/3.6;object-fit:cover}
.benefits h2{font-size:clamp(1.7rem,3.4vw,2.5rem);margin-bottom:24px}
.bcard{background:#fff;border:1px solid var(--line);border-radius:var(--rad-sm);padding:18px 20px;margin-bottom:14px}
.bcard h4{font-size:1.08rem;margin-bottom:5px}
.bcard p{color:var(--ink2);font-size:.95rem}

/* ═══════════ GALERIA ═══════════ */
.gallery{padding:70px 0}
.gallery__tabs{display:flex;gap:10px;justify-content:center;margin:0 0 24px}
.gtab{display:flex;flex-direction:column;align-items:center;line-height:1.2;padding:9px 26px;border:1.5px solid var(--line);background:#fff;border-radius:12px;cursor:pointer;font-family:'Archivo';font-weight:800;font-size:1rem;color:var(--ink2);transition:.15s}
.gtab span{font-family:'Inter',sans-serif;font-weight:600;font-size:.68rem;color:var(--mut)}
.gtab:hover{border-color:var(--verde)}
.gtab.is-sel{border-color:var(--verde);background:rgba(0,156,59,.08);color:var(--verde-d)}
.gtab.is-sel span{color:var(--verde-d)}
.gallery__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gallery figure{background:var(--bg2);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;text-align:center}
.gallery figure img{width:100%}
.gallery__color{display:flex;flex-direction:column;gap:10px}
.gallery__color .gimg{overflow:hidden;border-radius:var(--rad-sm);background:var(--bg2);aspect-ratio:4/5;box-shadow:var(--shadow)}
.gallery__color .gimg img{width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.05);transition:transform .35s}
.gallery__color:hover .gimg img{transform:scale(1.12)}
.gallery__color figcaption{text-align:center;font-family:'Archivo';font-weight:700;color:var(--ink)}
.gallery figcaption{padding:12px;font-family:'Archivo';font-weight:700}
.gallery__green{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px}
.green-swatch{display:flex;flex-direction:column;align-items:center;gap:14px;font-family:'Archivo';font-weight:700;color:var(--verde-d)}
.green-swatch span{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--verde),var(--verde-d));box-shadow:var(--shadow)}
.gallery__cta{text-align:center;margin-top:36px}

/* ═══════════ REVIEWS ═══════════ */
.reviews{padding:60px 0;background:var(--bg2)}
.reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.reviews blockquote{background:#fff;border:1px solid var(--line);border-radius:var(--rad);padding:24px}
.reviews p{margin:12px 0;color:var(--ink2);font-size:.98rem}
.reviews cite{font-style:normal;font-weight:700;font-size:.9rem}

/* ═══════════ FAQ ═══════════ */
.faq{padding:70px 0}
.faq__list{max-width:760px;margin:0 auto;display:grid;gap:12px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--rad-sm);padding:4px 20px}
.faq summary{font-family:'Archivo';font-weight:700;padding:16px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq summary::after{content:"+";font-size:1.5rem;color:var(--verde)}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 18px;color:var(--ink2)}

/* ═══════════ FINAL ═══════════ */
.final{padding:70px 0}
.final__box{background:linear-gradient(135deg,var(--azul),#001a4d);color:#fff;border-radius:28px;padding:54px 30px;text-align:center}
.final__box h2{font-size:clamp(1.8rem,4vw,2.8rem)}
.final__box p{max-width:50ch;margin:14px auto 22px;opacity:.85}
.final__count{font-family:'Archivo';font-weight:900;font-size:2.4rem;color:var(--amarelo);margin-bottom:22px;letter-spacing:.04em}
.final__mini{display:block;margin-top:14px;font-size:.84rem;opacity:.8}

/* ═══════════ FOOTER ═══════════ */
.footer{padding:40px 0;text-align:center;border-top:1px solid var(--line)}
.footer .brand{justify-content:center;margin-bottom:10px}
.footer p{color:var(--ink2);font-size:.9rem}
.footer small{color:var(--mut);display:block;margin-top:8px}

/* ═══════════ STICKY MOBILE ═══════════ */
.stickybar{position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-top:1px solid var(--line);
  box-shadow:0 -8px 30px rgba(0,0,0,.10);padding:10px 16px;display:none;align-items:center;justify-content:space-between;gap:12px;
  transform:translateY(115%);transition:transform .3s ease}
.stickybar.is-visible{transform:translateY(0)}
.stickybar__price span{font-size:.74rem;color:var(--mut);display:block;line-height:1.2}
.stickybar__price b{font-family:'Archivo';font-size:1.2rem;display:block;line-height:1}
.stickybar .btn{padding:14px 24px}

/* ═══════════ MODAL ═══════════ */
.modal{position:fixed;inset:0;z-index:100;display:none}
.modal.is-open{display:block}
.modal__overlay{position:absolute;inset:0;background:rgba(13,17,23,.55);backdrop-filter:blur(3px)}
.modal__card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(880px,95vw);
  max-height:92vh;overflow-y:auto;background:#fff;border-radius:22px;padding:28px 30px;box-shadow:var(--shadow-lg)}
.modal__x{position:absolute;top:14px;right:18px;background:none;border:none;font-size:1.8rem;color:var(--mut);cursor:pointer;line-height:1;z-index:2}
/* steps 2/3/done ficam centralizados e estreitos dentro do modal largo */
.step[data-step="2"],.step[data-step="3"],.step[data-step="done"]{max-width:560px;margin:0 auto}

/* stepper com rótulos */
.costeps{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}
.costep{display:flex;align-items:center;gap:7px;font-size:.84rem;font-weight:700;color:var(--mut)}
.costep b{width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center;font-size:.8rem;color:var(--mut);transition:.2s}
.costep.is-active{color:var(--ink)}
.costep.is-active b{background:var(--verde);border-color:var(--verde);color:#fff}
.costep.is-done b{background:var(--verde);border-color:var(--verde);color:#fff}
.costep-line{width:34px;height:2px;background:var(--line);border-radius:2px}

/* ── layout 2 colunas (Opção B) ── */
.co2{display:grid;grid-template-columns:1.35fr .85fr;gap:24px;align-items:start}
.co2__aside{position:sticky;top:0}
.osum{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 6px 20px rgba(13,17,23,.05)}
.osum__prod{display:flex;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:6px}
.osum__img{width:56px;height:56px;border-radius:12px;background:var(--bg2) center/cover;flex-shrink:0;border:1px solid var(--line)}
.osum__pname{font-family:'Archivo';font-weight:800;font-size:.95rem}
.osum__pmeta{font-size:.8rem;color:var(--mut)}
.osum__pays{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px;flex-wrap:wrap}
.osum__pays span{font-size:.66rem;font-weight:800;color:var(--ink2);border:1px solid var(--line);border-radius:6px;padding:3px 7px;background:#fff}
.osum__guarantee{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px;background:var(--bg2);border-radius:12px}
.osum__guarantee svg{width:26px;height:26px;color:var(--verde);flex-shrink:0}
.osum__guarantee p{font-size:.78rem;color:var(--ink2);line-height:1.4}
.osum__guarantee b{color:var(--ink)}

/* ── cards de peça (Opção B) ── */
.pc{border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:10px}
.pc__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}
.pc__t{font-family:'Archivo';font-weight:800;font-size:.95rem}
.pc__badge{font-size:.78rem;font-weight:700;color:var(--verde-d);background:rgba(0,156,59,.1);padding:3px 10px;border-radius:20px}
.pc__badge.is-empty{color:var(--mut);background:var(--bg2);font-weight:600}
.pc__thumb{width:44px;height:52px;object-fit:cover;object-position:center top;border-radius:8px;border:1px solid var(--line);background:var(--bg2)}
.pc__top .pc__badge{margin-left:auto}
.pc .models{display:flex;gap:8px;margin-bottom:12px}
.mdl{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 6px;border:1.5px solid var(--line);background:#fff;border-radius:10px;cursor:pointer;font-family:inherit;transition:.15s}
.mdl b{font-family:'Archivo';font-weight:800;font-size:.92rem;color:var(--ink2)}
.mdl span{font-size:.66rem;color:var(--mut);font-weight:600}
.mdl:hover{border-color:var(--verde)}
.mdl.is-sel{border-color:var(--verde);background:rgba(0,156,59,.08)}
.mdl.is-sel b{color:var(--verde-d)}
.pc .swatches{display:flex;gap:10px;margin-bottom:12px}
.sw{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;font-size:.72rem;color:var(--mut);font-weight:600;background:none;border:none;font-family:inherit;padding:0}
.sw i{width:38px;height:38px;border-radius:50%;border:2px solid var(--line);transition:.15s}
.sw.is-sel i{border-color:var(--verde);box-shadow:0 0 0 3px rgba(0,156,59,.18)}
.sw.is-sel{color:var(--verde-d)}
.pc .sizes{display:flex;gap:7px;margin-top:0}
.szbtn{width:46px;height:42px;border:1.5px solid var(--line);background:#fff;border-radius:10px;font-family:'Archivo';font-weight:800;color:var(--ink2);cursor:pointer;transition:.15s}
.szbtn:hover{border-color:var(--verde)}
.szbtn.is-sel{border-color:var(--verde);background:rgba(0,156,59,.08);color:var(--verde-d)}
.step h3{font-size:1.4rem;margin-bottom:6px}
.step__sub{color:var(--ink2);font-size:.92rem;margin-bottom:18px}
.is-hidden{display:none!important}

/* atalhos de cor */
.delivery-note{display:flex;align-items:center;gap:8px;background:rgba(0,156,59,.07);border-radius:10px;
  padding:10px 14px;font-size:.86rem;color:var(--ink2);margin-bottom:16px}
.delivery-note svg{width:18px;height:18px;flex-shrink:0;color:var(--verde-d)}
.delivery-note b{color:var(--ink)}
/* opções de frete por região */
.freteopts{margin-bottom:16px}
.freteopts.is-hidden{display:none}
.freteopts__lbl{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mut);margin-bottom:8px}
.freteopt{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;
  border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;margin-bottom:8px;cursor:pointer;
  font-family:inherit;transition:.15s;text-align:left}
.freteopt:hover{border-color:var(--verde)}
.freteopt.is-sel{border-color:var(--verde);background:rgba(0,156,59,.06)}
.freteopt__name{font-weight:700;font-size:.92rem;color:var(--ink)}
.freteopt__name small{display:block;font-weight:500;font-size:.76rem;color:var(--mut);margin-top:2px}
.freteopt__val{font-family:'Archivo';font-weight:800;font-size:1rem;color:var(--ink)}
.size-link{display:inline-flex;align-items:center;gap:7px;background:none;border:1.5px solid var(--line);
  border-radius:10px;padding:8px 14px;font-family:inherit;font-size:.86rem;font-weight:600;color:var(--verde-d);
  cursor:pointer;transition:.15s;margin-bottom:16px}
.size-link:hover{border-color:var(--verde);background:rgba(0,156,59,.06)}
.size-link svg{width:16px;height:16px;flex-shrink:0}
.combopresets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
.combopresets__lbl{font-size:.82rem;font-weight:700;color:var(--ink);width:100%}
.chip--preset{font-size:.84rem;padding:9px 14px;display:flex;align-items:center;gap:8px}
.chip--preset.is-sel{border-color:var(--azul);background:rgba(0,39,118,.07);color:var(--azul)}
.preset-dots{display:flex;gap:3px}
.preset-dots i{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex-shrink:0}

/* seletor global de tamanho */
.global-size{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--rad-sm);background:var(--bg2);margin-bottom:14px}
.global-size.is-hidden{display:none}
.global-size__lbl{font-size:.82rem;font-weight:700;color:var(--ink);width:100%}

/* variantes accordion */
.variants{display:grid;gap:10px;margin-bottom:18px}
.variant{border:1px solid var(--line);border-radius:var(--rad-sm);padding:12px 14px}
.variant.is-open{border-color:var(--verde)}
.variant__head{display:flex;align-items:center;width:100%;background:none;border:none;cursor:pointer;padding:0;font-family:inherit;gap:8px}
.variant__num{font-family:'Archivo';font-weight:700;font-size:.92rem;color:var(--ink);flex-shrink:0}
.variant__sel{font-size:.8rem;font-weight:600;color:var(--verde);flex:1;text-align:right;padding-right:4px}
.variant__sel.is-empty{color:var(--ink2);font-weight:400}
.variant__arrow{width:18px;height:18px;flex-shrink:0;color:var(--ink2);transition:transform .22s}
.variant.is-open .variant__arrow{transform:rotate(180deg)}
.variant__body{padding-top:12px}
.variant__body.is-hidden{display:none}
.swatches,.sizes{display:flex;gap:8px;flex-wrap:wrap}
.sizes{margin-top:10px}
.chip{border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:8px 14px;cursor:pointer;font-weight:600;font-size:.9rem;transition:.15s}
.chip:hover{border-color:var(--verde)}
.chip.is-sel{border-color:var(--verde);background:rgba(0,156,59,.08);color:var(--verde-d)}
.chip--color{display:flex;align-items:center;gap:7px}
.chip--color i{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}
.c-preto{background:#1a1a1a}.c-branco{background:#fff}.c-verde{background:var(--verde)}

/* form */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.field{display:flex;flex-direction:column;gap:5px}
.field--full{grid-column:1/-1}
.field span{font-size:.82rem;font-weight:600;color:var(--ink2)}
.field input{border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;font-size:.96rem;font-family:inherit;transition:.15s}
.field input:focus{outline:none;border-color:var(--verde);box-shadow:0 0 0 3px rgba(0,156,59,.12)}
.field input[readonly]{background:var(--bg2);cursor:default;color:var(--ink2)}
.cep-field span{color:var(--verde);font-weight:700}

/* endereço progressivo */
.address-reveal{animation:fadeUp .3s ease}
.address-reveal.is-hidden{display:none!important}
@keyframes fadeUp{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

.modal__nav{display:flex;gap:12px;margin-top:8px}
.modal__nav .btn{flex:1}

/* resumo */
.ordersummary{background:var(--bg2);border-radius:var(--rad-sm);padding:14px 16px;margin-bottom:18px;font-size:.92rem}
.ordersummary .row{display:flex;justify-content:space-between;padding:3px 0;color:var(--ink2)}
.ordersummary .row b{color:var(--ink)}
.ordersummary .tot{border-top:1px dashed var(--line);margin-top:8px;padding-top:10px;font-family:'Archivo';font-weight:800;font-size:1.1rem;color:var(--ink)}

/* paytabs */
.paytabs{display:flex;gap:10px;margin-bottom:16px}
.paytab{flex:1;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:12px;cursor:pointer;font-family:'Archivo';font-weight:700;display:flex;flex-direction:column;gap:2px}
.paytab small{font-family:'Inter';font-weight:500;font-size:.74rem;color:var(--mut)}
.paytab.is-active{border-color:var(--verde);background:rgba(0,156,59,.06);color:var(--verde-d)}
.pix-hint{background:var(--bg2);border-radius:10px;padding:14px;color:var(--ink2);font-size:.9rem}

/* cupom */
.coupon{margin:14px 0 16px;padding-top:14px;border-top:1px dashed var(--line)}
.coupon__lbl{display:flex;align-items:center;gap:7px;font-size:.84rem;font-weight:700;color:var(--ink);margin-bottom:8px}
.coupon__lbl svg{width:16px;height:16px;color:var(--verde-d)}
.coupon__row{display:flex;gap:8px}
.coupon__row input{flex:1;border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;font-size:.92rem;font-family:inherit;text-transform:uppercase}
.coupon__row input:focus{outline:none;border-color:var(--verde);box-shadow:0 0 0 3px rgba(0,156,59,.12)}
.coupon__row button{border:none;background:var(--azul);color:#fff;border-radius:10px;padding:0 20px;font-family:'Archivo';font-weight:700;cursor:pointer}
.coupon__msg{display:block;margin-top:8px;font-size:.84rem;font-weight:600}
.coupon__msg.ok{color:var(--verde)}
.coupon__msg.err{color:#c0392b}
.ordersummary .row.desc b{color:var(--verde)}

/* destaque promo cupom */
/* cupom — card branco minimal */
.cpn3{max-width:440px;margin:18px auto 0;background:#fff;border:1px solid var(--line);border-radius:16px;
  box-shadow:0 8px 24px rgba(0,39,118,.08);padding:18px 22px;display:flex;flex-direction:column;gap:5px;text-align:center}
.cpn3__code{font-size:.78rem;font-weight:800;letter-spacing:.1em;color:var(--verde-d)}
.cpn3__big{font-family:'Archivo';font-weight:900;font-size:1.7rem;color:var(--ink);line-height:1}
.cpn3__big em{color:var(--verde);font-style:normal;font-size:1.1rem}
.cpn3 small{color:var(--ink2);font-size:.82rem}

.secure-note{text-align:center;color:var(--mut);font-size:.8rem;margin-top:14px}

/* loading */
.modal__loading{position:absolute;inset:0;background:rgba(255,255,255,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-radius:22px;font-weight:600;color:var(--ink2)}
.spinner{width:42px;height:42px;border:4px solid var(--line);border-top-color:var(--verde);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* resultado */
.result{text-align:center}
.result__ico{width:64px;height:64px;border-radius:50%;background:rgba(0,156,59,.12);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:2rem;color:var(--verde)}
.result h3{font-size:1.5rem;margin-bottom:8px}
.result p{color:var(--ink2);margin-bottom:16px}
.pixqr{width:200px;height:200px;margin:0 auto 16px;border:1px solid var(--line);border-radius:12px;padding:8px}
.pixcopy{display:flex;gap:8px;margin:0 auto;max-width:380px}
.pixcopy input{flex:1;border:1.5px solid var(--line);border-radius:10px;padding:11px;font-size:.82rem}
.pixcopy button{border:none;background:var(--verde);color:#fff;border-radius:10px;padding:0 16px;font-weight:700;cursor:pointer}
.result__err{color:#c0392b}

/* ═══════════ VÍDEOS — prateleira ═══════════ */
.reels-sec{padding:60px 0 50px;background:var(--bg2)}
.reels-shelf{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:6px 20px 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.reels-shelf::-webkit-scrollbar{display:none}
.reels-shelf{max-width:calc(var(--max) + 40px);margin:0 auto}
.reelcard{position:relative;flex:0 0 auto;width:200px;aspect-ratio:9/16;border-radius:18px;overflow:hidden;
  scroll-snap-align:center;cursor:pointer;background:#000;box-shadow:var(--shadow);border:2px solid transparent;transition:transform .18s,border-color .18s}
.reelcard:hover{transform:translateY(-4px);border-color:var(--verde)}
.reelcard img,.reelcard video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reelcard video{opacity:0;transition:opacity .25s}
.reelcard.is-playing video{opacity:1}
.reelcard__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;
  background:rgba(0,0,0,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);transition:opacity .2s}
.reelcard__play::after{content:"";border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:3px}
.reelcard.is-playing .reelcard__play{opacity:0}
.reelcard__cap{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 12px;color:#fff;font-weight:600;font-size:.82rem;
  background:linear-gradient(transparent,rgba(0,0,0,.7));z-index:2}

/* ═══════════ FAIXA CINEMATOGRÁFICA ═══════════ */
.cineband{padding:60px 0 50px}
.cineband__row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 20px;max-width:calc(var(--max) + 40px);margin:0 auto}
.cineband__v{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;background:#000;box-shadow:var(--shadow)}
.cineband__cta{text-align:center;margin-top:28px}

/* ═══════════ BANNER DE VÍDEO FULL-SCREEN ═══════════ */
.vbanner{position:relative;width:100%;height:72vh;min-height:460px;overflow:hidden;background:#000}
/* primeiro banner: a dobra termina exatamente no fim dos selos */
.vbanner--first{height:calc(100vh - 100px - 92px);min-height:380px}
.vbanner__v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vbanner__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;
  padding:24px;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.20) 40%,rgba(0,0,0,.62) 100%)}
.vbanner__inner{max-width:660px}
.vbanner__kicker{display:inline-block;font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--amarelo);margin-bottom:14px}
.vbanner__inner h2{font-family:'Archivo';font-weight:900;font-size:clamp(2.4rem,6.5vw,4.4rem);line-height:1;color:#fff}
.vbanner__inner em{color:var(--amarelo)}
.vbanner__inner p{font-size:1.15rem;margin:16px 0 30px;opacity:.92}
.vbanner__inner .btn{box-shadow:0 14px 40px rgba(0,0,0,.4)}

/* ═══════════ VÍDEOS — player tela cheia ═══════════ */
.reelsfs{position:fixed;inset:0;z-index:120;background:#000;display:none}
.reelsfs.is-open{display:block}
.reelsfs__stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
#reelsVideo{height:100%;width:100%;max-width:480px;object-fit:cover;background:#000}
.reelsfs__grad{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(transparent 55%,rgba(0,0,0,.75))}
.reelsfs__x,.reelsfs__mute{position:absolute;top:max(14px,env(safe-area-inset-top));z-index:5;
  background:rgba(0,0,0,.5);color:#fff;border:none;border-radius:999px;cursor:pointer;backdrop-filter:blur(6px)}
.reelsfs__x{right:16px;width:42px;height:42px;font-size:1.6rem;line-height:1}
.reelsfs__mute{left:16px;height:42px;padding:0 16px;font-size:.84rem;font-weight:600}
.reelsfs__cap{position:absolute;left:0;right:0;bottom:120px;z-index:4;text-align:center;color:#fff;
  font-family:'Archivo';font-weight:800;font-size:1.3rem;padding:0 24px;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.reelsfs__cta{position:absolute;left:50%;transform:translateX(-50%);bottom:60px;z-index:5;width:min(380px,82vw)}
.reelsfs__hint{position:absolute;left:0;right:0;bottom:26px;z-index:4;text-align:center;color:rgba(255,255,255,.7);font-size:.78rem;animation:floatUp 1.8s ease-in-out infinite}
@keyframes floatUp{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.reelsfs__dots{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:8px}
.reelsfs__dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.4);transition:.2s}
.reelsfs__dots span.is-on{background:#fff;height:20px;border-radius:99px}

/* ═══════════ VER MAIS (prateleira) ═══════════ */
.reels-more{text-align:center;margin-top:18px}

/* ═══════════ 2ª SEÇÃO DE VÍDEOS (grade) ═══════════ */
.vgrid-sec{padding:60px 0;background:var(--bg2)}
.vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:var(--max);margin:0 auto}
.vgrid__card{width:100%!important}
.vgrid__card video{opacity:1}
.vgrid__card .reelcard__play{display:none}

/* ═══════════ SEGURANÇA / CREDIBILIDADE ═══════════ */
.trust{padding:60px 0}
.trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.trust__card{background:#fff;border:1px solid var(--line);border-radius:var(--rad);padding:26px 20px;text-align:center}
.trust__card svg{width:38px;height:38px;fill:none;stroke:var(--verde);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:12px}
.trust__card h4{font-size:1.05rem;margin-bottom:6px}
.trust__card p{color:var(--ink2);font-size:.9rem}
.trust__seal{text-align:center;margin-top:26px;color:var(--ink2);font-size:.92rem;font-weight:600}

/* ═══════════ POPUP CUPOM ═══════════ */
.popup{position:fixed;inset:0;z-index:130;display:none}
.popup.is-open{display:block}
.popup__overlay{position:absolute;inset:0;background:rgba(13,17,23,.6);backdrop-filter:blur(3px)}
.popup__card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,92vw);
  background:#fff;border-radius:22px;padding:36px 28px 24px;text-align:center;box-shadow:var(--shadow-lg);overflow:hidden}
.popup__card::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--verde),var(--amarelo),var(--azul))}
.popup__x{position:absolute;top:10px;right:14px;background:none;border:none;font-size:1.6rem;color:var(--mut);cursor:pointer;line-height:1}
.popup__logo{height:52px;width:auto;display:block;margin:0 auto 12px}
.popup__kicker{display:block;font-weight:700;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--verde);margin-bottom:8px}
.popup__card h3{font-size:1.7rem;margin-bottom:8px}
.popup__card h3 em{color:var(--verde)}
.popup__card p{color:var(--ink2);font-size:.94rem;margin-bottom:16px}
.popup__code{font-family:'Archivo';font-weight:900;font-size:1.7rem;letter-spacing:.2em;color:var(--azul);
  border:2px dashed var(--verde);border-radius:12px;padding:12px;margin-bottom:16px;background:var(--bg2)}
.popup__input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:13px 14px;font-size:.98rem;font-family:inherit;text-align:center;margin-bottom:12px}
.popup__input:focus{outline:none;border-color:var(--verde);box-shadow:0 0 0 3px rgba(0,156,59,.12)}
.popup__msg{display:block;min-height:18px;margin-top:8px;font-size:.82rem;font-weight:600}
.popup__msg.err{color:#c0392b}
.popup__skip{display:block;width:100%;margin-top:12px;background:none;border:none;color:var(--mut);font-size:.84rem;cursor:pointer;text-decoration:underline}

/* ═══════════ PRÓXIMOS JOGOS ═══════════ */
.games{padding:60px 0;background:linear-gradient(180deg,#001a4d,var(--azul));color:#fff}
.games .section-head h2,.games .section-head em{color:#fff}
.games .section-head em{color:var(--amarelo)}
.games .section-head p{color:rgba(255,255,255,.85)}
.games__grid{display:grid;grid-template-columns:repeat(2,minmax(0,340px));gap:18px;justify-content:center}
.game{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:var(--rad);padding:22px;text-align:center;backdrop-filter:blur(4px)}
.game__match{font-family:'Archivo';font-weight:800;font-size:1.15rem;margin-bottom:4px}
.game__info{font-size:.82rem;color:rgba(255,255,255,.7);margin-bottom:16px}
.game__count{display:flex;justify-content:center;gap:10px}
.game__count div{background:rgba(255,255,255,.1);border-radius:10px;padding:8px 10px;min-width:52px}
.game__count b{font-family:'Archivo';font-size:1.5rem;display:block;line-height:1;color:var(--amarelo)}
.game__count span{font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.7)}
.game__today{font-family:'Archivo';font-weight:800;color:var(--amarelo);font-size:1.1rem}
.games__cta{text-align:center;margin-top:30px}

/* ═══════════ COMO COMBINAR (looks) ═══════════ */
.looks{padding:60px 0}
.looks__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.look{text-align:center}
.look__media{border-radius:var(--rad);overflow:hidden;aspect-ratio:3/3.6;margin-bottom:14px;box-shadow:var(--shadow)}
.look__media img,.look__media video{width:100%;height:100%;object-fit:cover}
.look h4{font-size:1.15rem;margin-bottom:6px}
.look p{color:var(--ink2);font-size:.92rem;max-width:30ch;margin:0 auto}

/* ═══════════ GUIA DE MEDIDAS ═══════════ */
.sizeguide{padding:30px 0}
.sizeguide__box{background:var(--bg2);border:1px solid var(--line);border-radius:var(--rad);
  padding:30px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.sizeguide__txt h2{font-size:1.6rem}
.sizeguide__txt p{color:var(--ink2);margin-top:6px;max-width:46ch}
.sizemodal{position:fixed;inset:0;z-index:130;display:none}
.sizemodal.is-open{display:block}
.sizemodal__overlay{position:absolute;inset:0;background:rgba(13,17,23,.55);backdrop-filter:blur(3px)}
.sizemodal__card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,94vw);
  max-height:92vh;overflow-y:auto;background:#fff;border-radius:20px;padding:30px;box-shadow:var(--shadow-lg)}
.sizemodal__x{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.7rem;color:var(--mut);cursor:pointer}
.sizemodal__sub{color:var(--ink2);font-size:.9rem;margin:6px 0 18px}
.sizetable{width:100%;border-collapse:collapse;margin-bottom:18px}
.sizetable th,.sizetable td{border:1px solid var(--line);padding:10px;text-align:center;font-size:.9rem}
.sizetable th{background:var(--bg2);font-family:'Archivo';font-weight:700}
.sizetable td:first-child{font-weight:800;color:var(--verde)}
.sizehow{background:var(--bg2);border-radius:12px;padding:16px 18px;margin-bottom:16px}
.sizehow h4{margin-bottom:8px}
.sizehow ul{list-style:none;display:grid;gap:6px}
.sizehow li{font-size:.9rem;color:var(--ink2)}
.sizemodal__note{text-align:center;color:var(--verde-d);font-size:.88rem;font-weight:600;margin-bottom:16px}

/* ═══════════ UGC ═══════════ */
.ugc{padding:60px 0;background:var(--bg2)}
.ugc__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ugc__item{position:relative;border-radius:var(--rad-sm);overflow:hidden;aspect-ratio:1;box-shadow:var(--shadow)}
.ugc__item img,.ugc__item video{width:100%;height:100%;object-fit:cover}
.ugc__item figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 10px 8px;color:#fff;font-size:.8rem;font-weight:600;background:linear-gradient(transparent,rgba(0,0,0,.65))}

/* ═══════════ GARANTIA (destaque) ═══════════ */
.warranty{padding:50px 0}
.warranty__box{background:linear-gradient(135deg,rgba(0,156,59,.08),rgba(255,223,0,.10));border:1px solid rgba(0,156,59,.25);
  border-radius:24px;padding:34px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.warranty__seal{flex:none;width:96px;height:96px;border-radius:50%;background:var(--verde);color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 26px rgba(0,156,59,.35)}
.warranty__seal svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.warranty__seal span{font-family:'Archivo';font-weight:800;font-size:.8rem;line-height:1;margin-top:2px}
.warranty__txt{flex:1;min-width:260px}
.warranty__txt h2{font-size:1.7rem;margin-bottom:8px}
.warranty__txt p{color:var(--ink2)}
.warranty__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.warranty__tags span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.82rem;font-weight:600;color:var(--ink2)}

/* ═══════════ ORDER BUMP ═══════════ */
.orderbump{display:flex;gap:12px;align-items:flex-start;background:#fffdf2;border:2px dashed var(--amarelo);
  border-radius:12px;padding:14px;margin-bottom:16px;cursor:pointer}
.orderbump input{width:20px;height:20px;margin-top:2px;accent-color:var(--verde);flex:none}
.orderbump__txt{font-size:.9rem;color:var(--ink2);line-height:1.4}
.orderbump__txt b{color:var(--ink)}

/* ═══════════ RODAPÉ COMPLETO ═══════════ */
.footer__top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;text-align:left;padding-bottom:30px;border-bottom:1px solid var(--line)}
.footer__brandcol p{color:var(--ink2);font-size:.9rem;margin:10px 0 14px;max-width:34ch}
.footer__pay{display:flex;flex-wrap:wrap;gap:6px}
.footer__pay span{background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-size:.74rem;font-weight:700;color:var(--ink2)}
.footer__col h5{font-family:'Archivo';font-size:.95rem;margin-bottom:12px}
.footer__col a{display:block;color:var(--ink2);text-decoration:none;font-size:.9rem;padding:4px 0}
.footer__col a:hover{color:var(--verde)}
.footer__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:20px}
.footer__bottom small{color:var(--mut);font-size:.8rem}

/* ═══════════ RESPONSIVO ═══════════ */
@media(max-width:880px){
  .hero__grid,.benefits__grid{grid-template-columns:1fr;gap:30px}
  .hero__media{order:-1}
  .hero__sub{max-width:none}
  .plans{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  .plan--featured{transform:none}
  .seals__grid{grid-template-columns:1fr 1fr;gap:18px}
  .seals__grid.seals--ticker{display:flex;justify-content:center;align-items:center;padding:18px 20px;min-height:74px}
  .seals__tick-track{display:flex;justify-content:center;gap:32px;transition:opacity .28s,transform .28s}
  .seals__tick-track.is-out{opacity:0;transform:translateY(-6px)}
  .seals__tick-track .seal{flex:1;max-width:160px}
  .gallery__grid,.reviews__grid{grid-template-columns:1fr}
  .stickybar{display:flex}
  body{padding-bottom:78px}
  .vbanner{height:86vh;min-height:480px}
  .trust__grid{grid-template-columns:1fr 1fr}
  .vgrid{grid-template-columns:1fr 1fr;gap:12px}
  .games__grid,.looks__grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  .ugc__grid{grid-template-columns:1fr 1fr}
  .sizeguide__box,.warranty__box{flex-direction:column;text-align:center}
  .warranty__tags{justify-content:center}
  .footer__top{grid-template-columns:1fr 1fr;gap:22px}
  .footer__brandcol{grid-column:1/-1}
  .reelcard{width:158px;border-radius:16px}
  .reels-shelf{gap:12px;padding-left:16px;padding-right:16px}
  .reelsfs__cap{bottom:128px;font-size:1.15rem}
  .reelsfs__cta{bottom:70px}
}
/* checkout 2 colunas → 1 coluna em telas médias/pequenas */
@media(max-width:720px){
  .co2{grid-template-columns:1fr;gap:18px}
  .co2__aside{position:static}
  .costep-line{width:20px}
}
@media(max-width:560px){
  .grid2{grid-template-columns:1fr}
  .modal__card{padding:22px 18px}
  .costep{font-size:.76rem}
  .pc .swatches{gap:8px}
  .sw i{width:34px;height:34px}
  .hero__now{font-size:1.8rem}
  .header__trust{display:none}
  .header__rastreio{font-size:.72rem;padding:4px 9px}
}
