/* Approved MONSON brand and safety revisions — 21 October 2026. */
/* Keep the overlaid header immediately below the notice at any text size. */
.sales-masthead{position:relative;z-index:10}
.sales-v3 .sales-masthead>.sales-header{top:100%}

/* Fit content to its track instead of relying on page-level clipping. */
.sales-v3 main,.sales-v3 section,.sales-v3 section>div,.sales-v3 .offer,.sales-v3 .offer-price>*{min-width:0}
.sales-v3 .offer-price{grid-template-columns:minmax(0,1fr) auto}
.sales-v3 .challenge-list article{min-width:0}
.sales-v3 .challenge-list h3{overflow-wrap:anywhere}
@media(min-width:901px){
  .sales-v3 .problem-solution{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
}
@media(min-width:901px) and (max-width:1200px){
  .sales-v3 .problem-solution{grid-template-columns:minmax(0,1fr)}
  .sales-v3 .skin-science{grid-template-columns:minmax(0,1fr)}
  .sales-v3 .skin-science>.section-title{grid-column:1;grid-row:1}
  .sales-v3 .skin-science>.skin-infographic{grid-column:1;grid-row:2;min-width:0}
  .sales-v3 .buy-row{flex-direction:column;align-items:stretch}
  .sales-v3 .buy-row .button{min-width:0;width:100%}
  .sales-v3 .offer-price strong{font-size:clamp(2rem,3.7vw,3.35rem)}
}
.sales-v3 .sales-hero h1,.sales-v3 .section-title h2,.sales-v3 .faq summary,.sales-v3 .legal{overflow-wrap:anywhere}
@media(max-width:440px),(min-width:901px) and (max-width:1200px){
  .sales-v3 .offer-price{grid-template-columns:minmax(0,1fr);row-gap:6px}
  .sales-v3 .offer-price span{grid-column:1;grid-row:3;justify-self:start;padding:2px 0 0}
}

.age-advisory{display:flex;align-items:flex-start;gap:12px;max-width:100%;margin:24px 0 0;text-transform:none;letter-spacing:normal}
.info-icon{display:block;width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.age-advisory>p{margin:0;font:400 .9rem/1.55 "proxima-nova",Arial,sans-serif;min-width:0;overflow-wrap:anywhere}
.age-advisory strong{font-weight:700}
.home-v3 .age-advisory--home{color:#fff;margin-top:22px}
.home-v3 .age-advisory--home .info-icon{color:var(--acid)}
.home-v3 .age-advisory--home>p{font-style:italic}
.sales-v3 .age-advisory--sales{color:var(--ink);margin-top:22px}
.sales-v3 .age-advisory--testimonials{padding:20px;border:0;border-radius:14px;background:var(--moss);margin-top:22px;color:var(--acid)}
.age-advisory--testimonials strong,.age-advisory--sales strong{text-transform:uppercase}
.sales-v3 .faq details p+p{margin-top:16px}

.home-v3 .home-hero h1{font-size:clamp(2.88rem,4.48vw,5.12rem)}
@media(max-width:900px){.home-v3 .home-hero h1{font-size:clamp(2.48rem,8.4vw,4.4rem)}}
@media(max-width:560px){html[lang] .home-v3 .home-hero h1{font-size:clamp(2.4rem,9.6vw,3.2rem)}}
/* Reserve the product's own space on stacked layouts, even on short screens. */
@media(max-width:900px){.home-v3 .hero-copy{padding-top:calc(110px + min(48vw,380px) * 1.115 + 24px)}}
@media(max-width:560px){.home-v3 .hero-copy{padding-top:calc(110px + 50vw * 1.115 + 24px)}}

.home-v3 .steroid-free-badge,.sales-v3 .steroid-free-badge{display:inline-flex;align-items:center;gap:10.8px;background:var(--acid);color:var(--moss);padding:14.4px 20.4px;border:1px solid var(--moss);border-radius:999px;font-family:"proxima-nova",Arial,sans-serif;font-size:.9rem;font-weight:900;line-height:1;letter-spacing:.1em;white-space:nowrap;text-transform:uppercase}
.home-v3 .feature-image .steroid-free-badge{font-weight:900}
.routine-credential{margin:18px 0 0}
.steroid-free-badge svg{width:21.6px;height:21.6px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero-credential{margin:18px 0 0}
.home-v3 .hero-credential .steroid-free-badge{background:rgba(7,20,12,.7);color:var(--acid);border-color:rgba(216,255,50,.6)}
.home-v3 .feature-image .steroid-free-badge{border-radius:21.6px}
.kv-visual,.sales-hero-image{position:relative}
.image-credential{position:absolute;z-index:3;right:clamp(20px,4vw,56px);bottom:clamp(20px,4vw,42px);margin:0;max-width:calc(100% - 40px)}
.sales-hero-image .image-credential{right:24px;bottom:24px}
@media(min-width:901px){
  .sales-v3 .sales-hero[data-cta-aligned] .image-credential{top:var(--sales-cta-center);bottom:auto;transform:translateY(-50%)}
}
.bundle-credential{margin:0 0 22px}
.offers .section-title .bundle-credential+.section-index{margin-top:0}

/* Latest annotations: only the sales hero/bundle badges and two lime CTAs. */
.sales-v3 .sales-hero-image .steroid-free-badge,
.sales-v3 .bundle-credential .steroid-free-badge{background:#000;color:#fff;border-color:#000;font-weight:900}
.sales-v3 .sales-hero-image .steroid-free-badge{background:var(--ink);border-color:var(--ink)}
.sales-v3 .sales-hero-image .image-credential{left:var(--desktop-rail,24px);right:auto}
.home-v3 .kv-visual .image-credential{left:var(--desktop-rail,clamp(24px,6vw,90px));right:auto}
@media(max-width:560px){
  .sales-v3 .sales-hero-image .image-credential,.home-v3 .kv-visual .image-credential{left:20px}
}
/* Lime CTAs on light surfaces share one solid black outer ring.
   1px border + .44px spread = 1.44px; no lime-painted transparent rim.
   Dark-background CTAs and keyboard focus outlines are unchanged. */
.sales-v3 .sales-hero .buy-row .button-accent,
.sales-v3 .offer--triple .button-accent{border:1px solid #000;box-shadow:0 0 0 .44px #000}
/* Hero: 1.32px × 120% = 1.584px. KV: 1px × 120% = 1.2px. */
.home-v3 .hero-credential .steroid-free-badge{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 1.584px rgba(216,255,50,.6)}
.home-v3 .kv-visual .steroid-free-badge{font-weight:900;border-color:#000;box-shadow:0 0 0 .44px #000}

/* Approved location-specific reductions from the synchronized v63 baseline.
   These labels are non-interactive; scale the whole board proportionally.
   Bottom-left anchors preserve the existing mobile/image margins. */
.home-v3 .kv-visual .steroid-free-badge{transform:scale(.5);transform-origin:left bottom}
.sales-v3 .sales-hero-image .steroid-free-badge{transform:scale(.6);transform-origin:left bottom}
@media(min-width:901px){
  .sales-v3 .sales-hero-image .steroid-free-badge{transform-origin:left center}
}

.sales-v3 .application-panel{scroll-margin-top:32px}
.sales-v3 .application-panel h2{font-size:clamp(2.5rem,4vw,4.3rem);color:var(--acid);margin-bottom:12px}
.sales-v3 .application-panel .routine-tagline{font-size:1.08rem;line-height:1.5;color:#edf3ee;margin:0 0 28px;max-width:530px}
.sales-v3 .steps.routine-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:28px 0 24px;list-style:none;counter-reset:none}
.sales-v3 .routine-steps .routine-step{display:flex;flex-direction:column;gap:18px;padding:22px 18px;border:1px solid rgba(255,255,255,.23);border-radius:18px;background:rgba(0,0,0,.09);min-width:0}
.sales-v3 .routine-steps .routine-step--key{border-color:var(--acid);background:rgba(216,255,50,.075)}
.sales-v3 .routine-step .step-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:inherit;color:var(--acid)}
.sales-v3 .routine-step .step-identity b{font-size:.8rem;letter-spacing:.06em}
.routine-icon{display:block;width:28px;height:28px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sales-v3 .routine-step h3{font-family:"proxima-nova-condensed",Arial,sans-serif;font-size:1.4rem;font-weight:900;line-height:1;letter-spacing:.025em;text-transform:uppercase;margin:0 0 10px;color:white}
.sales-v3 .routine-step--key h3{color:var(--acid)}
.sales-v3 .routine-step p{font-size:.95rem;line-height:1.5;margin:0;color:#e3ece5}
.patch-note{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:18px 20px}
.patch-note>svg{width:22px;height:22px;fill:none;stroke:var(--acid);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.patch-note strong{display:block;font-size:.84rem;line-height:1.4;color:white;margin-bottom:7px}
.sales-v3 .patch-note .fineprint{font-size:.85rem;line-height:1.55;color:#d6e1d8;margin:0}
.sales-v3 .offer--solo .offer-price span{color:#666}
.sales-v3 .offer--double .offer-price span,.sales-v3 .offer--triple .offer-price span{color:#d62828}
.footer-copyright{display:flex;flex-direction:column;gap:5px}
@media(max-width:900px){
  .sales-v3 footer>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 18px}
  .sales-v3 footer .footer-copyright{grid-column:1/-1}
}
.sales-v3 .legal-logo-repeat .legal-logos{width:100%;max-width:100%;margin-inline:0}
@media(min-width:901px){
  .offer--solo{order:1}.offer--double{order:2}.offer--triple{order:3}
}
@media(max-width:900px){
  .offer--solo{order:1}.offer--double{order:2}.offer--triple{order:3}
  .sales-v3 .application-panel .routine-steps{max-width:720px}
}
@media(max-width:560px){
  .home-v3 .steroid-free-badge,.sales-v3 .steroid-free-badge{font-size:.816rem;padding:12px 16.8px;gap:8.4px}
  .hero-credential{margin-top:15px}
  .sales-hero-image .image-credential{right:20px;bottom:20px}
  .sales-v3 .application-panel>div{padding:35px 20px}
  .sales-v3 .application-panel h2{font-size:2.8rem}
  .sales-v3 .application-panel .routine-tagline{font-size:1rem;margin-bottom:24px}
  .sales-v3 .steps.routine-steps{grid-template-columns:1fr;gap:10px;margin:24px 0 20px}
  .sales-v3 .routine-steps .routine-step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:16px;padding:20px 18px}
  .sales-v3 .routine-step .step-identity{flex-direction:column;gap:10px;align-items:flex-start;justify-content:flex-start}
  .sales-v3 .routine-step h3{font-size:1.4rem;margin-bottom:7px}
  .sales-v3 .routine-step p{font-size:.94rem}
  .patch-note{padding:17px 16px;gap:10px}
}

/* Finite, viewport-triggered motion; all content remains visible at rest. */
#routine-title .wave-word{display:inline-block;white-space:nowrap}
#routine-title .wave-letter{display:inline-block}
#routine-title.routine-motion-active .wave-letter{animation:routine-letter-wave 1.15s ease-in-out both;animation-delay:var(--wave-delay,0ms)}
.sales-v3 .routine-step.routine-motion-active{animation:routine-card-arrive .65s cubic-bezier(.2,.7,.3,1) both,routine-card-glow 1.6s ease-out both;animation-delay:var(--card-delay,0ms),var(--card-delay,0ms)}
.patch-note.routine-motion-active{animation:routine-note-arrive .7s ease-out both}
@keyframes routine-letter-wave{
  0%,65%,100%{transform:translateY(0) rotate(0)}
  24%{transform:translateY(-.12em) rotate(-2deg)}
  43%{transform:translateY(.035em) rotate(1deg)}
}
@keyframes routine-card-arrive{
  from{opacity:.65;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes routine-card-glow{
  0%,100%{box-shadow:0 0 0 0 rgba(216,255,50,0)}
  40%{box-shadow:0 0 0 2px rgba(216,255,50,.55),0 8px 22px rgba(0,0,0,.12)}
}
@keyframes routine-note-arrive{
  from{opacity:.75;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  #routine-title .wave-letter,.sales-v3 .routine-step.routine-motion-active,.patch-note.routine-motion-active{animation:none!important;transform:none!important;opacity:1!important}
}