.brand-hero .hero-layout { grid-template-columns: 1.05fr .95fr; gap: 52px; padding-block: 52px 90px; }
.brand-hero h1 { font-size: clamp(33px, 3.7vw, 51px); }
.we-have { margin: 0 0 21px; font-family: "Unbounded", sans-serif; font-size: clamp(28px, 3vw, 40px); font-weight: 700; letter-spacing: -.065em; }
.we-have > span { color: var(--pink); }
.brand-products { position: relative; display: flex; align-items: flex-start; gap: 16px; min-width: 0; padding: 30px 0; }
.brand-halo { position: absolute; inset: -10% -12%; background: radial-gradient(ellipse at center, #d8187450, transparent 69%); pointer-events: none; }
.hero-product { position: relative; flex: 1 1 0; min-width: 0; padding: 14px 12px 18px; border: 1px solid #713047; background: linear-gradient(155deg, #321425, #171319 85%); border-radius: 65px 65px 10px 10px; text-decoration: none; box-shadow: 0 24px 45px #0006; transition: border-color .2s, transform .2s; }
.hero-ultra { margin-top: 0; }
.hero-peroxi { margin-top: 55px; }
.hero-product:hover { border-color: var(--pink); transform: translateY(-4px); }
.hero-product-tag { display: block; min-height: 41px; padding: 11px 5px 10px; color: #f7bdd8; font-size: 7px; font-weight: 800; letter-spacing: .07em; text-align: center; }
.hero-product-photo { overflow: hidden; border-radius: 40px 40px 5px 5px; background: #fff; }
.hero-product-photo img { display: block; width: 100%; height: 285px; object-fit: cover; object-position: center; }
.hero-product > strong { display: block; margin-top: 20px; font-family: "Unbounded", sans-serif; font-size: 19px; letter-spacing: -.06em; }
.hero-product > span:not(.hero-product-tag) { display: block; margin-top: 8px; color: var(--muted); font-size: 9px; }
.hero-product .hero-product-more { padding-top: 12px; border-top: 1px solid #583046; color: #ff7fbd !important; font-weight: 700; }
.products-intro { padding-bottom: 45px; }
.products-intro h2 { margin-bottom: 18px; }
.products-intro .section-lede { max-width: 650px; margin-bottom: 0; }
.product-feature { padding: 35px 0 90px; scroll-margin-top: 25px; }
.feature-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: start; }
.feature-visual { min-width: 0; padding-top: 5px; }
.product-number { display: flex; align-items: center; gap: 20px; margin-bottom: 21px; font-family: "Unbounded", sans-serif; color: var(--pink); font-size: 32px; font-weight: 700; letter-spacing: -.05em; }
.product-number span { padding-left: 20px; border-left: 1px solid #785066; color: #ecd9e5; font: 800 10px "Manrope", sans-serif; letter-spacing: .15em; }
.feature-photo { padding: 14px; border: 1px solid #65354c; border-radius: 130px 130px 9px 9px; background: linear-gradient(160deg, #321425, #151318); }
.feature-photo img { display: block; width: 100%; height: auto; border-radius: 115px 115px 5px 5px; }
.feature-caption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; color: #f7d8e8; font-size: 9px; font-weight: 800; letter-spacing: .03em; }
.feature-caption span { color: var(--muted); font-weight: 500; }
.feature-copy h2 { margin-bottom: 20px; }
.feature-copy .section-lede { max-width: none; }
.feature-copy .section-lede strong { color: #f5e6f0; }
.product-cta { margin-top: 28px; }
.product-price-note { margin: 14px 0 0; color: var(--muted); font-size: 10px; }
.peroxi-feature { padding-block: 80px; border-block: 1px solid var(--line); background: linear-gradient(135deg, #1d121b, #131116); }
.feature-reversed { grid-template-columns: 1.15fr .85fr; }
.feature-reversed .feature-visual { order: 2; }
.feature-reversed .feature-copy { order: 1; }
.directions-layout { display: grid; grid-template-columns: .9fr 1.1fr; align-items: start; gap: 80px; margin-top: 38px; }
.mini-label { display: inline-block; margin-bottom: 24px; color: #ff7abb; font-size: 10px; font-weight: 800; letter-spacing: .13em; }
.ultra-directions { padding: 28px; border: 1px solid #563145; border-radius: 5px; background: #1c151d; }
.ultra-directions h3 { font-size: 19px; margin-bottom: 25px; }
.ultra-directions p { color: var(--muted); font-size: 12px; line-height: 1.85; }
.dilution { padding: 18px; margin-bottom: 24px; background: #301326; border-left: 3px solid var(--pink); }
.dilution strong { display: block; color: #fff; font-family: "Unbounded", sans-serif; font-size: 23px; letter-spacing: -.06em; }
.dilution strong span { display: block; margin-top: 7px; font-size: 13px; color: #f2bed8; }
.dilution p { margin: 17px 0 0; }
.direction-attention { margin-top: 25px; color: #e8d1e0 !important; }
.source-link { display: inline-block; margin-top: 20px; color: #f99bc9; font-size: 10px; line-height: 1.8; text-underline-offset: 4px; }
.peroxi-directions .mini-label { margin-bottom: 18px; }
.peroxi-directions details p strong { color: #f5e2ee; }
.footer-bottom { flex-wrap: wrap; gap: 16px; }
@media (max-width: 1050px) { .brand-hero .hero-layout { gap: 30px; } .hero-product-photo img { height: 265px; } .feature-layout { gap: 50px; } .directions-layout { gap: 40px; } .hero-product > strong { font-size: 16px; } }
@media (max-width: 800px) {
  .brand-hero .hero-layout { grid-template-columns: 1fr; gap: 30px; padding-block: 38px 60px; }
  .brand-hero h1 { max-width: 600px; font-size: clamp(32px, 5.8vw, 46px); }
  .brand-products { width: min(100%, 500px); margin-inline: auto; padding-block: 0 25px; }
  .hero-product-photo img { height: 315px; }
  .hero-product > strong { font-size: 20px; }
  .feature-layout, .feature-reversed { grid-template-columns: 1fr; gap: 38px; }
  .feature-visual { width: min(400px, 100%); margin-inline: auto; }
  .feature-reversed .feature-visual, .feature-reversed .feature-copy { order: initial; }
  .product-feature { padding-bottom: 65px; }
  .peroxi-feature { padding-top: 60px; }
  .directions-layout { grid-template-columns: 1fr; gap: 35px; }
}
@media (max-width: 560px) {
  .brand-hero .hero-layout { padding-bottom: 45px; }
  .brand-products { gap: 11px; padding-bottom: 10px; }
  .hero-product { padding: 10px 8px 14px; border-radius: 48px 48px 7px 7px; }
  .hero-product-photo { border-radius: 30px 30px 4px 4px; }
  .hero-product-photo img { height: clamp(205px, 58vw, 285px); }
  .hero-product-tag { min-height: 40px; padding: 10px 4px; font-size: 6px; line-height: 1.6; letter-spacing: .02em; }
  .hero-product > strong { margin-top: 15px; font-size: clamp(14px, 3.8vw, 20px); }
  .hero-product > span:not(.hero-product-tag) { font-size: 8px; line-height: 1.7; }
  .hero-peroxi { margin-top: 35px; }
  .highlight-layout b { font-size: 12px; }
  .highlight-layout { align-items: flex-start; font-size: 9px; }
  .products-intro { padding-bottom: 30px; }
  .product-feature { padding-top: 25px; padding-bottom: 55px; }
  .peroxi-feature { padding-top: 50px; }
  .feature-photo { border-radius: 110px 110px 8px 8px; }
  .feature-photo img { border-radius: 98px 98px 4px 4px; }
  .feature-layout { gap: 30px; }
  .product-number { font-size: 27px; margin-bottom: 17px; }
  .feature-copy h2 { font-size: 31px; }
  .ultra-directions { padding: 21px; }
  .ultra-directions h3 { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) { .hero-product { transition: none; } }