/* Rebel Armor — UX polish */
#colorPicker .colorButtons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;padding:2px 0 6px!important}
#colorPicker .colorButtons button{width:100%!important;min-height:52px!important;justify-content:flex-start!important;white-space:normal!important;line-height:1.15!important;border-radius:14px!important;padding:10px 12px!important}
#colorPicker .colorButtons i{flex:0 0 24px!important;width:24px!important;height:24px!important}
#colorPicker .twoColors{gap:28px!important}
#colorPicker .colorPreview img{max-height:430px!important;object-fit:contain!important}

.legacyChoicePanel{grid-column:1/-1;border:1px solid #625700;border-radius:22px;background:linear-gradient(145deg,#171507,#0d0f11);padding:18px;margin-bottom:10px}
.legacyChoicePanel .legacyKicker{display:block;color:#ffd400;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:7px}
.legacyChoicePanel h3{font-size:25px;line-height:1;margin:0 0 8px;letter-spacing:-.04em}
.legacyChoicePanel p{font-size:13px;line-height:1.5;color:#b3b7bd;margin:0 0 14px}
.legacyExtraGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.legacyExtra{border:1px solid #363a41;background:#101214;color:#fff;border-radius:15px;padding:12px;text-align:left;min-height:74px;position:relative}
.legacyExtra b,.legacyExtra small{display:block}.legacyExtra b{font-size:13px}.legacyExtra small{font-size:10px;color:#969ba2;margin-top:4px;line-height:1.3}
.legacyExtra.active{border-color:#ffd400;box-shadow:0 0 0 1px #ffd400 inset;background:#1b1909}.legacyExtra.active:after{content:'✓';position:absolute;right:10px;top:9px;color:#ffd400;font-weight:900}
.legacyChoiceStatus{display:block;margin-top:12px;font-size:11px;font-weight:800;color:#ffd400}

.reviewTextGrid{display:none!important}
#reviewPhotos{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;overflow:visible!important;margin:22px 0 0!important;padding:0!important}
.reviewRealCard{position:relative;border:1px solid #2b2e34;border-radius:22px;overflow:hidden;background:#08090a;box-shadow:0 20px 60px #0007}
.reviewRealCard img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;object-position:center top}
.reviewCover{position:absolute;left:0;right:0;top:0;min-height:26%;padding:18px 16px 22px;background:linear-gradient(180deg,rgba(2,3,4,.99) 0%,rgba(2,3,4,.96) 70%,rgba(2,3,4,.12) 100%);display:flex;flex-direction:column;justify-content:flex-start;pointer-events:none}
.reviewCover .stars{color:#ff9d00;font-size:16px;letter-spacing:2px}.reviewCover .verified{font-size:10px;font-weight:900;letter-spacing:.12em;color:#fff;margin-top:7px}.reviewCover strong{font-size:18px;line-height:1.18;margin-top:6px;color:#fff;max-width:92%}.reviewCover small{font-size:9px;color:#b6bac0;margin-top:6px;letter-spacing:.05em}.reviewCaption{padding:14px 16px 16px}.reviewCaption b{font-size:12px;color:#ffd400}.reviewCaption p{font-size:12px;line-height:1.45;color:#c8ccd1;margin:6px 0 0}

/* Materiais — artes finais */
.materialVisual{padding:0!important;min-height:0!important;background:#050607!important;border-color:#2a2e34!important}
.materialVisual .techArt{display:block!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:23px!important}
.materialStory{align-items:center}
.materialStory .materialCopy{align-self:center}
.magsafeStory{border-top:1px solid #181b20}

/* HERO legado */
.mockHeader{top:68px!important;height:98px!important;padding-top:0!important;pointer-events:none}
.mockHeader .armorLogo,.armorLogo{transform:none!important;width:min(250px,61vw)!important;max-height:80px!important;object-position:left center!important;margin-top:4px!important}
.mockHeader .cartIcon{pointer-events:auto;margin-top:9px!important}
.heroMock{padding-top:112px!important}
.heroMock:before{inset:0!important;background-size:92% auto!important;background-repeat:no-repeat!important;background-position:center 46%!important;transform:translate3d(var(--hero-shift),0,0)!important}
.dupontKevlarLogo{width:min(112px,29vw)!important;max-height:84px!important;object-fit:contain!important;margin:0 0 5px!important}
.heroKicker{font-size:clamp(30px,8.9vw,46px)!important;max-width:320px!important;margin-bottom:9px!important}
.heroSub{max-width:300px!important;margin-bottom:6px!important;font-size:11.5px!important}
.heroTech{margin-top:0!important}
.heroOffer{margin-top:auto!important}

/* HERO REACHER — garante o cenário de montanhas como camada de fundo real */
body .heroReacher{background:#050505!important}
body .heroReacher .reacherBackdrop{display:block!important;position:absolute!important;inset:-3%!important;z-index:0!important;background-image:url('/fundo-hero.png?v=20260914-001')!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center top!important;opacity:1!important;visibility:visible!important;filter:none!important}
body .heroReacher::before{content:''!important;display:block!important;position:absolute!important;inset:-3%!important;z-index:0!important;background-image:url('/fundo-hero.png?v=20260914-001')!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center top!important;opacity:1!important;visibility:visible!important;pointer-events:none!important}
body .heroReacher::after{z-index:1!important;background:linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,.26) 72%,rgba(5,5,5,.88) 100%)!important}
body .heroReacher .reacherPro{z-index:2!important}
body .heroReacher .reacherPerson{z-index:4!important}
body .heroReacher .reacherSmoke{z-index:5!important}
body .heroReacher .reacherLogo,body .heroReacher .reacherCopy{z-index:8!important}
@media(max-width:520px){body .heroReacher .reacherBackdrop,body .heroReacher::before{background-position:center 18%!important;background-size:cover!important}}

/* TESTE DE QUEDA — vídeo 9:16 sem zoom */
.dropVideoCrop{display:block!important;padding:0!important;overflow:visible!important;background:transparent!important;border:0!important}
.dropVideoFrame{position:relative;width:min(82vw,320px);aspect-ratio:9/16;margin:0 auto;border-radius:24px;overflow:hidden;background:#000;border:1px solid #2a2e34;box-shadow:0 24px 70px #0009}
.dropVideoFrame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;object-position:center center;background:#000;display:block;transform:none!important}
.dropSoundBtn{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:3;border:1px solid #ffffff35;background:#090b0ee8;color:#fff;border-radius:999px;padding:12px 18px;font-size:12px;font-weight:900;letter-spacing:.03em;box-shadow:0 10px 30px #0009;backdrop-filter:blur(8px);white-space:nowrap}
.dropSoundBtn:active{transform:translateX(-50%) scale(.97)}
.dropVideoCaption{width:min(82vw,320px);margin:12px auto 0;padding:0 2px}
.dropVideoCaption b,.dropVideoCaption small{display:block}.dropVideoCaption b{font-size:12px;letter-spacing:.05em;color:#fff}.dropVideoCaption small{margin-top:5px;font-size:10px;line-height:1.45;color:#9da2a9}

.brokenImageFallback{background:#f2f2f2!important}
@media(min-width:700px){#reviewPhotos{grid-template-columns:repeat(2,1fr)!important}.legacyExtraGrid{grid-template-columns:repeat(4,1fr)}#colorPicker .colorButtons{grid-template-columns:repeat(3,minmax(0,1fr))!important}.materialVisual .techArt{width:100%!important}.mockHeader{top:62px!important}.mockHeader .armorLogo,.armorLogo{width:min(285px,33vw)!important;max-height:88px!important}.dupontKevlarLogo{width:min(130px,18vw)!important}.heroMock:before{background-size:88% auto!important;background-position:center 47%!important}.dropVideoFrame,.dropVideoCaption{width:340px}}


/* MOBILE ACCESSIBILITY — termos e recebimento das parcelas */
.termsAccept{display:flex!important;gap:14px!important;align-items:flex-start!important;margin:22px 0!important;font-size:17px!important;line-height:1.5!important}
.termsAccept input[type="checkbox"]{appearance:auto!important;flex:0 0 26px!important;width:26px!important;height:26px!important;min-width:26px!important;margin:1px 0 0!important;accent-color:#ffd400!important}
.termsAccept span{font-size:17px!important;line-height:1.5!important;color:#f3f4f5!important}
.termsAccept a{font-size:inherit!important;font-weight:600!important;font-style:italic!important;color:inherit!important;text-decoration:underline!important;text-decoration-color:#ffffff55!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important}

#paymentChoice .delivery{margin-top:22px!important}
#paymentChoice .delivery>b{display:block!important;font-size:22px!important;line-height:1.18!important;letter-spacing:-.02em!important}
#paymentChoice .delivery>p{font-size:17px!important;line-height:1.5!important;color:#e5e7ea!important;margin:12px 0 14px!important}
#paymentChoice .delivery>div{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:10px 0 14px!important}
#paymentChoice .delivery label{display:flex!important;align-items:center!important;gap:12px!important;min-height:56px!important;box-sizing:border-box!important;font-size:17px!important;font-weight:800!important;line-height:1.2!important;border:1px solid #4b5058!important;border-radius:16px!important;padding:13px 15px!important;background:#0d0f12!important}
#paymentChoice .delivery label:has(input:checked){border-color:#ffd400!important;background:#171505!important;box-shadow:inset 0 0 0 1px #ffd400!important}
#paymentChoice .delivery input[type="radio"]{appearance:auto!important;flex:0 0 24px!important;width:24px!important;height:24px!important;min-width:24px!important;margin:0!important;accent-color:#ffd400!important}
#paymentChoice .delivery input[type="text"]{width:100%!important;min-height:58px!important;box-sizing:border-box!important;font-size:17px!important;line-height:1.2!important;border:1px solid #4b5058!important;border-radius:15px!important;padding:0 16px!important;background:#0a0c0f!important;color:#fff!important}
#paymentChoice .delivery input[type="text"]::placeholder{color:#aeb3b8!important;opacity:1!important}
#paymentChoice .gatewayBtn{min-height:58px!important;font-size:17px!important;line-height:1.2!important;border-radius:15px!important}

/* BLOCO FINAL — compra segura e entrega */
.purchaseTrust{padding:72px 16px 88px;border-top:1px solid #181b20;background:radial-gradient(circle at 85% 10%,rgba(255,212,0,.08),transparent 28%),linear-gradient(180deg,#060708,#030405)}
.purchaseTrust h2{font-size:clamp(38px,10vw,58px);line-height:.9;letter-spacing:-.055em;margin:10px 0 16px}
.purchaseTrust h2 em{font-style:normal;color:#ffd400}
.purchaseTrustLead{font-size:17px;line-height:1.55;color:#b9bdc3;max-width:680px;margin:0 0 24px}
.trustGrid{display:grid;grid-template-columns:1fr;gap:12px}
.trustCard{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center;min-height:94px;border:1px solid #2e3339;border-radius:20px;background:linear-gradient(145deg,#111418,#090b0e);padding:16px;box-shadow:0 18px 50px #0006}
.trustIcon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#ffd400;color:#090a0b;box-shadow:0 0 28px rgba(255,212,0,.12)}
.trustIcon svg{width:29px;height:29px}
.trustCard b,.trustCard span{display:block}
.trustCard b{font-size:15px;line-height:1.15;letter-spacing:.02em;color:#fff}
.trustCard span{font-size:12px;line-height:1.45;color:#aeb3b9;margin-top:5px}
.trustStrip{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:18px;border-top:1px solid #24282e}
.trustStrip span{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border:1px solid #343940;border-radius:999px;background:#0b0d10;color:#e7e9ec;font-size:9px;font-weight:900;letter-spacing:.05em}

@media(min-width:700px){
  #paymentChoice .delivery>div{grid-template-columns:repeat(3,1fr)!important}
  .trustGrid{grid-template-columns:repeat(2,1fr)}
  .purchaseTrust{padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2))}
}

/* STICKY — revisão do carrinho */
#sticky{gap:10px!important}
.cartReviewBtn{min-height:58px;border:1px solid #ffd400;background:#121418;color:#ffd400;border-radius:16px;padding:8px 14px;font-family:Inter,Arial,sans-serif;font-weight:900;line-height:1.05;white-space:nowrap}
.cartReviewBtn b,.cartReviewBtn span{display:block}.cartReviewBtn b{font-size:13px}.cartReviewBtn span{margin-top:4px;font-size:9px;color:#fff;opacity:.85;letter-spacing:.04em}
@media(max-width:520px){.cartReviewBtn{padding:7px 10px;min-width:142px}.cartReviewBtn b{font-size:12px}.cartReviewBtn span{font-size:8px}}

/* COLOR FLOW V5 — random included kit + all-colors upgrade */
.randomColorSection{padding-bottom:52px!important}
.randomColorCard{margin-top:18px;border:1px solid #343940;border-radius:22px;background:linear-gradient(145deg,#121418,#090b0e);padding:20px;box-shadow:0 20px 60px #0007}
.randomColorCard span,.randomColorCard strong{display:block}.randomColorCard span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#ffd400}.randomColorCard strong{margin-top:7px;font-size:30px;line-height:1;color:#fff}.randomColorCard p{margin:10px 0 0!important;font-size:15px!important;line-height:1.55!important;color:#bfc3c9!important}

.allColorsSection{padding:72px 16px 78px;border-top:1px solid #1c2025;background:radial-gradient(circle at 50% 16%,rgba(255,212,0,.07),transparent 28%),#050607}
.allColorsSection h2{font-size:clamp(42px,10vw,68px);line-height:.9;letter-spacing:-.055em;margin:10px 0 14px}
.allColorsSection h2 em{font-style:normal;color:#ffd400}
.allColorsLead{font-size:17px;line-height:1.55;color:#c1c5ca;max-width:720px;margin:0 0 22px}
.allColorsCard{max-width:900px;margin:0 auto;border:1px solid #343940;border-radius:24px;background:linear-gradient(180deg,#0f1114,#08090b);padding:14px;box-shadow:0 28px 80px #0009;overflow:hidden}
.allColorsCard.active{border-color:#ffd400;box-shadow:0 0 0 1px #ffd400 inset,0 28px 80px #0009}
.allColorsArt{display:block;width:100%;height:auto;border-radius:17px;background:#090a0c}
.allColorsMeta{padding:16px 4px 6px}.allColorsMeta strong,.allColorsMeta span,.allColorsMeta small{display:block}.allColorsMeta strong{font-size:31px;line-height:1;color:#ffd400}.allColorsMeta span{margin-top:9px;font-size:16px;line-height:1.4;color:#fff;font-weight:800}.allColorsMeta small{margin-top:8px;font-size:13px;line-height:1.48;color:#aeb3b9}
.allColorsBtn{width:100%;min-height:62px;margin-top:14px;border:0;border-radius:16px;background:#ffd400;color:#070809;padding:13px 14px;font-size:16px;font-weight:950;letter-spacing:-.01em}
.allColorsBtn.active{background:#fff;color:#090a0b;box-shadow:0 0 0 2px #ffd400 inset}
@media(min-width:700px){.allColorsSection{padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2))}.allColorsCard{padding:18px}.allColorsMeta{padding:20px 8px 8px}.allColorsBtn{font-size:19px}}