{"product_id":"folliculitis-shower-gel","title":"Gel de baño ABERA para la foliculitis para hombres y mujeres","description":"\u003c!-- ============================================================\nABERA FOLLICULITIS TREATMENT BODY WASH\nVERSIÓN EN ESPAÑOL — HISPANOS EN ESTADOS UNIDOS\n\n- Se conservaron todos los estilos CSS, imágenes, videos y funciones JS.\n- Solo se localizó el copy visible, alt text y etiquetas de accesibilidad.\n============================================================ --\u003e\n\n\u003c!-- ============================================================\nABERA FOLLICULITIS TREATMENT BODY WASH\nFULL SHOPIFY CUSTOM LIQUID V6\n\nUPDATE:\n- Fixed senior doctor background in BRAND section\n- Foreground information carousel\n- Added 3 IMAGE-ONLY lifestyle cards\n- Important benefits remain visible\n- Results now use 4 complete before\/after image cards\n- Each result card uses one combined before\/after image\n- Proof\/examples use carousel on mobile\n============================================================ --\u003e\n\u003cstyle\u003e\n\n\/* =========================\nGLOBAL\n========================= *\/\n\n#abf-page{\n  --treatment-dark:#10261C;\n  --treatment-dark-2:#163126;\n  --forest:#1C4932;\n  --forest-light:#286144;\n  --bitter-green:#87B93C;\n  --active-lime:#CDEB78;\n  --clinical-cream:#F5F2E8;\n  --clinical-green:#E9F0E4;\n  --soft:#F4F6F3;\n  --white:#FFFFFF;\n  --charcoal:#111512;\n  --text:#151915;\n  --muted:#626A64;\n  --line:#DCE3DD;\n\n  font-family:Arial,Helvetica,sans-serif;\n  color:var(--text);\n  background:#fff;\n  overflow:hidden;\n}\n\n#abf-page *{\n  box-sizing:border-box;\n}\n\n#abf-page img{\n  display:block;\n  width:100%;\n}\n\n#abf-page .abf-wrap{\n  width:min(1180px,calc(100% - 40px));\n  margin:0 auto;\n}\n\n#abf-page .abf-section{\n  padding:72px 0;\n}\n\n#abf-page .abf-center{\n  text-align:center;\n}\n\n#abf-page .abf-eyebrow{\n  display:inline-block;\n  margin-bottom:12px;\n  color:var(--forest);\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:1.5px;\n  text-transform:uppercase;\n}\n\n#abf-page h2{\n  margin:0;\n  font-size:clamp(30px,4vw,52px);\n  line-height:1.04;\n  letter-spacing:-1.5px;\n  font-weight:900;\n  overflow-wrap:break-word;\n}\n\n#abf-page h3{\n  margin:0;\n  font-size:20px;\n  line-height:1.18;\n  font-weight:900;\n}\n\n#abf-page p{\n  margin:12px 0 0;\n  font-size:16px;\n  line-height:1.6;\n}\n\n#abf-page .abf-sub{\n  max-width:720px;\n  margin:16px auto 0;\n  color:var(--muted);\n}\n\n#abf-page .abf-two{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:55px;\n  align-items:center;\n}\n\n#abf-page .abf-main-img{\n  overflow:hidden;\n  border-radius:22px;\n  background:#ddd;\n}\n\n#abf-page .abf-main-img img{\n  width:100%;\n  aspect-ratio:1\/1;\n  object-fit:cover;\n}\n\n\n\/* =========================\nBUTTON\n========================= *\/\n\n#abf-page .abf-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  min-height:54px;\n  padding:0 28px;\n  margin-top:25px;\n\n  border:0;\n  border-radius:8px;\n\n  background:var(--charcoal);\n  color:#fff!important;\n\n  text-decoration:none;\n  font-size:15px;\n  font-weight:900;\n\n  transition:.2s ease;\n}\n\n#abf-page .abf-btn:hover{\n  transform:translateY(-2px);\n  opacity:.94;\n}\n\n#abf-page .abf-note{\n  margin-top:11px;\n  color:#777;\n  font-size:12px;\n}\n\n\n\/* =========================\nGENERIC CAROUSEL\n========================= *\/\n\n#abf-page .abf-track{\n  display:grid;\n  gap:16px;\n}\n\n#abf-page .abf-grid-3{\n  grid-template-columns:repeat(3,1fr);\n}\n\n#abf-page .abf-grid-4{\n  grid-template-columns:repeat(4,1fr);\n}\n\n#abf-page .abf-grid-5{\n  grid-template-columns:repeat(5,1fr);\n}\n\n#abf-page .abf-grid-6{\n  grid-template-columns:repeat(6,1fr);\n}\n\n#abf-page .abf-dots{\n  display:none;\n  justify-content:center;\n  gap:7px;\n  margin-top:18px;\n}\n\n#abf-page .abf-dot{\n  appearance:none;\n  width:7px;\n  height:7px;\n  padding:0;\n  border:0;\n  border-radius:50%;\n  background:#C6CEC8;\n  cursor:pointer;\n}\n\n#abf-page .abf-dot.active{\n  width:22px;\n  border-radius:20px;\n  background:var(--forest);\n}\n\n\n\/* ============================================================\n01 — TREATMENT SECTION\n============================================================ *\/\n\n#abf-page .abf-treatment{\n  padding:62px 0 68px;\n  background:var(--treatment-dark);\n  color:#fff;\n}\n\n#abf-page .abf-treatment .abf-eyebrow{\n  color:var(--active-lime);\n}\n\n#abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n  max-width:920px;\n  margin:0 auto;\n}\n\n#abf-page .abf-treatment .abf-sub{\n  max-width:720px;\n  color:#D3DED6;\n}\n\n\n\/* ============================================================\nFROM THE BRAND\nFIXED BACKGROUND + OVERLAY CAROUSEL\n============================================================ *\/\n\n#abf-page .abf-brand-stage{\n  position:relative;\n\n  max-width:1120px;\n  min-height:630px;\n\n  margin:35px auto 34px;\n\n  overflow:hidden;\n\n  border:1px solid rgba(255,255,255,.12);\n  border-radius:26px;\n\n  background:#DCE8D3;\n}\n\n\n\/* FIXED BACKGROUND *\/\n\n#abf-page .abf-brand-bg{\n  position:absolute;\n  inset:0;\n  z-index:1;\n}\n\n#abf-page .abf-brand-bg img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:left center;\n}\n\n#abf-page .abf-brand-bg:after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(16,38,28,.02) 0%,\n      rgba(16,38,28,.04) 38%,\n      rgba(16,38,28,.13) 70%,\n      rgba(16,38,28,.20) 100%\n    );\n}\n\n\n\/* TOP LABEL *\/\n\n#abf-page .abf-brand-top{\n  position:relative;\n  z-index:4;\n\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n\n  padding:22px 24px 0;\n}\n\n#abf-page .abf-brand-top span{\n  color:var(--active-lime);\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1.5px;\n  text-transform:uppercase;\n}\n\n#abf-page .abf-brand-top small{\n  color:rgba(255,255,255,.82);\n  font-size:11px;\n  font-weight:700;\n}\n\n\n\/* OVERLAY AREA *\/\n\n#abf-page .abf-brand-overlay-zone{\n  position:relative;\n  z-index:3;\n\n  width:68%;\n\n  margin-left:auto;\n\n  padding:112px 22px 28px 0;\n}\n\n#abf-page .abf-brand-viewport{\n  position:relative;\n}\n\n#abf-page .abf-brand-track{\n  display:flex;\n  align-items:stretch;\n  gap:14px;\n\n  overflow-x:auto;\n\n  scroll-snap-type:x mandatory;\n  scroll-behavior:smooth;\n\n  padding:0 2px 8px;\n\n  scrollbar-width:none;\n  -ms-overflow-style:none;\n}\n\n#abf-page .abf-brand-track::-webkit-scrollbar{\n  display:none;\n}\n\n\n\/* INFORMATION CARDS *\/\n\n#abf-page .abf-brand-card{\n  flex:0 0 320px;\n\n  min-height:430px;\n\n  overflow:hidden;\n\n  border:1px solid rgba(17,21,18,.07);\n  border-radius:18px;\n\n  background:#EEF3E8;\n\n  box-shadow:0 14px 38px rgba(0,0,0,.12);\n\n  scroll-snap-align:start;\n}\n\n#abf-page .abf-brand-card.is-white{\n  background:#fff;\n}\n\n#abf-page .abf-brand-card.is-green{\n  background:#E3ECD8;\n}\n\n#abf-page .abf-brand-card-media{\n  width:100%;\n  aspect-ratio:4\/3;\n  overflow:hidden;\n  background:#DDE7D7;\n}\n\n#abf-page .abf-brand-card-media img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n\n#abf-page .abf-brand-card-copy{\n  padding:18px 19px 21px;\n  text-align:left;\n}\n\n#abf-page .abf-brand-card-copy h3{\n  color:#173B2B;\n  font-size:16px;\n  line-height:1.08;\n  letter-spacing:-.25px;\n  text-transform:uppercase;\n}\n\n#abf-page .abf-brand-card-copy p{\n  margin-top:9px;\n  color:#506056;\n  font-size:12.5px;\n  line-height:1.48;\n}\n\n#abf-page .abf-brand-card-copy p strong{\n  color:#173B2B;\n  font-size:1.15em;\n  font-weight:900;\n}\n\n#abf-page .abf-brand-mini{\n  display:flex;\n  flex-wrap:wrap;\n  gap:6px;\n  margin-top:14px;\n}\n\n#abf-page .abf-brand-mini span{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  min-height:26px;\n\n  padding:0 9px;\n\n  border:1px solid rgba(23,59,43,.12);\n  border-radius:999px;\n\n  background:rgba(255,255,255,.82);\n\n  color:#244734;\n\n  font-size:9.5px;\n  font-weight:800;\n}\n\n\n\/* ============================================================\nIMAGE-ONLY LIFESTYLE CARDS\nNEW — 3 FRAMES\n============================================================ *\/\n\n#abf-page .abf-brand-photo-card{\n  position:relative;\n\n  flex:0 0 320px;\n\n  height:auto;\n  min-height:430px;\n\n  overflow:hidden;\n\n  border:1px solid rgba(17,21,18,.07);\n  border-radius:18px;\n\n  background:#DCE5D8;\n\n  box-shadow:0 14px 38px rgba(0,0,0,.12);\n\n  scroll-snap-align:start;\n}\n\n#abf-page .abf-brand-photo-card img{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n\n#abf-page .abf-brand-photo-card:after{\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  pointer-events:none;\n\n  box-shadow:\n    inset 0 0 0 1px rgba(255,255,255,.12);\n}\n\n\n\/* BRAND ARROWS *\/\n\n#abf-page .abf-brand-arrow{\n  position:absolute;\n  top:50%;\n  z-index:6;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:44px;\n  height:44px;\n\n  border:0;\n  border-radius:50%;\n\n  background:#fff;\n  color:#173B2B;\n\n  box-shadow:0 6px 22px rgba(0,0,0,.16);\n\n  cursor:pointer;\n\n  transform:translateY(-50%);\n}\n\n#abf-page .abf-brand-prev{\n  left:-21px;\n}\n\n#abf-page .abf-brand-next{\n  right:-21px;\n}\n\n#abf-page .abf-brand-arrow:hover{\n  background:var(--active-lime);\n}\n\n\n\/* BRAND DOTS *\/\n\n#abf-page .abf-brand-dots{\n  display:flex;\n  justify-content:center;\n  gap:7px;\n  margin-top:15px;\n}\n\n#abf-page .abf-brand-dot{\n  width:7px;\n  height:7px;\n  padding:0;\n\n  border:0;\n  border-radius:99px;\n\n  background:rgba(255,255,255,.45);\n\n  cursor:pointer;\n}\n\n#abf-page .abf-brand-dot.active{\n  width:24px;\n  background:var(--active-lime);\n}\n\n\n\/* ============================================================\n5 TREATMENT CLAIMS\n============================================================ *\/\n\n#abf-page .abf-claims-grid{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:13px;\n  margin-top:30px;\n}\n\n#abf-page .abf-claim{\n  min-height:150px;\n  padding:19px 16px;\n\n  border:1px solid rgba(255,255,255,.15);\n  border-radius:16px;\n\n  background:rgba(255,255,255,.035);\n\n  text-align:left;\n}\n\n#abf-page .abf-num{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:34px;\n  height:34px;\n\n  margin-bottom:17px;\n\n  border-radius:50%;\n\n  background:var(--active-lime);\n  color:var(--treatment-dark);\n\n  font-size:11px;\n  font-weight:900;\n}\n\n#abf-page .abf-claim h3{\n  color:#fff;\n  font-size:14px;\n  text-transform:uppercase;\n}\n\n#abf-page .abf-claim p{\n  margin-top:7px;\n  color:#C9D4CC;\n  font-size:12px;\n  line-height:1.48;\n}\n\n#abf-page .abf-brand-transition{\n  margin:22px auto 0;\n  padding:0;\n  background:transparent;\n  color:var(--active-lime);\n  font-size:12px;\n  line-height:1.5;\n  font-weight:900;\n  letter-spacing:.55px;\n}\n\n#abf-page .abf-treatment .abf-btn{\n  background:var(--active-lime);\n  color:var(--treatment-dark)!important;\n}\n\n\n\/* ============================================================\n02 — WILD BITTER MELON HERO\n============================================================ *\/\n\n#abf-page .abf-wbm{\n  background:var(--clinical-cream);\n}\n\n#abf-page .abf-big-copy h2{\n  max-width:610px;\n}\n\n#abf-page .abf-big-copy \u003e p{\n  max-width:610px;\n  color:#494F4A;\n}\n\n#abf-page .abf-wbm-benefits{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:12px;\n  margin-top:25px;\n}\n\n#abf-page .abf-benefit{\n  min-height:136px;\n  padding:19px;\n\n  border:1px solid rgba(28,73,50,.09);\n  border-radius:14px;\n\n  background:#fff;\n}\n\n#abf-page .abf-benefit strong{\n  display:block;\n  margin-bottom:8px;\n\n  color:var(--treatment-dark);\n\n  font-size:13px;\n  font-weight:900;\n\n  text-transform:uppercase;\n}\n\n#abf-page .abf-benefit p{\n  margin:0;\n  color:#5E665F;\n  font-size:13px;\n  line-height:1.5;\n}\n\n\n\/* ============================================================\n03 — WILD BITTER MELON STORY\n============================================================ *\/\n\n#abf-page .abf-story{\n  background:var(--forest);\n  color:#fff;\n}\n\n#abf-page .abf-story .abf-two{\n  grid-template-columns:1.05fr .95fr;\n}\n\n#abf-page .abf-story .abf-eyebrow{\n  color:var(--active-lime);\n}\n\n#abf-page .abf-story p{\n  max-width:570px;\n  color:#DCE7E0;\n}\n\n#abf-page .abf-story-sign{\n  margin-top:22px;\n  padding-top:18px;\n\n  border-top:1px solid rgba(255,255,255,.18);\n\n  color:#fff!important;\n\n  font-weight:900;\n}\n\n\n\/* ============================================================\n04 — RESULTS\n4 COMPLETE BEFORE \/ AFTER CARDS\nONE IMAGE FILE PER CARD\n============================================================ *\/\n\n#abf-page .abf-results{\n  background:#fff;\n}\n\n#abf-page .abf-results-track{\n  margin-top:32px;\n}\n\n#abf-page .abf-result-card{\n  overflow:hidden;\n\n  border:1px solid #E0E5E1;\n  border-radius:18px;\n\n  background:#fff;\n\n  box-shadow:0 4px 16px rgba(16,38,28,.04);\n}\n\n\/* ONE COMPLETE IMAGE CONTAINING BOTH BEFORE + AFTER *\/\n#abf-page .abf-result-image{\n  overflow:hidden;\n  width:100%;\n  background:#ECEFED;\n}\n\n#abf-page .abf-result-image img{\n  display:block;\n  width:100%;\n  aspect-ratio:4\/5;\n  object-fit:cover;\n  transition:transform .35s ease;\n}\n\n#abf-page .abf-result-card:hover .abf-result-image img{\n  transform:scale(1.015);\n}\n\n\/* COPY UNDER EACH COMPLETE BEFORE \/ AFTER IMAGE *\/\n#abf-page .abf-result-copy{\n  min-height:154px;\n  padding:18px 17px 20px;\n  background:#fff;\n  text-align:center;\n}\n\n#abf-page .abf-result-tag{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:25px;\n  margin-bottom:10px;\n  padding:0 9px;\n  border-radius:999px;\n  background:var(--clinical-green);\n  color:var(--forest);\n  font-size:9px;\n  font-weight:900;\n  letter-spacing:.6px;\n  text-transform:uppercase;\n}\n\n#abf-page .abf-result-copy h3{\n  margin:0;\n  color:var(--treatment-dark);\n  font-size:16px;\n  line-height:1.18;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n#abf-page .abf-result-copy p{\n  margin:9px 0 0;\n  color:#58615A;\n  font-size:12.5px;\n  line-height:1.5;\n}\n\n\n\/* ============================================================\n05 — PROBLEMS\n============================================================ *\/\n\n#abf-page .abf-problems{\n  background:var(--soft);\n}\n\n#abf-page .abf-problem-track{\n  margin-top:32px;\n}\n\n#abf-page .abf-problem{\n  overflow:hidden;\n  border-radius:18px;\n  background:#fff;\n}\n\n#abf-page .abf-problem img{\n  aspect-ratio:4\/3;\n  object-fit:cover;\n}\n\n#abf-page .abf-card-copy{\n  padding:18px;\n}\n\n#abf-page .abf-card-copy p{\n  margin-top:7px;\n  color:#626A64;\n  font-size:13px;\n}\n\n\n\/* ============================================================\n06 — MECHANISM\n============================================================ *\/\n\n#abf-page .abf-mechanism{\n  background:#fff;\n}\n\n#abf-page .abf-mechanism-visual{\n  max-width:900px;\n  margin:32px auto 0;\n}\n\n#abf-page .abf-mechanism-visual img{\n  width:100%;\n\n  border:1px solid var(--line);\n  border-radius:20px;\n\n  background:var(--clinical-green);\n}\n\n#abf-page .abf-mechanism-caption{\n  margin-top:12px;\n\n  color:var(--forest);\n\n  text-align:center;\n\n  font-size:13px;\n  font-weight:900;\n}\n\n#abf-page .abf-mech-grid{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:14px;\n  margin-top:30px;\n}\n\n#abf-page .abf-mech{\n  min-height:118px;\n  padding:16px;\n\n  border:1px solid var(--line);\n  border-radius:16px;\n}\n\n#abf-page .abf-step{\n  display:inline-flex;\n\n  margin-bottom:10px;\n  padding:5px 8px;\n\n  border-radius:5px;\n\n  background:var(--clinical-green);\n  color:var(--forest);\n\n  font-size:10px;\n  font-weight:900;\n}\n\n#abf-page .abf-mech p{\n  color:#626A64;\n  font-size:13px;\n}\n\n\n\/* ============================================================\n07 — INGREDIENTS\n============================================================ *\/\n\n#abf-page .abf-ingredients{\n  background:var(--treatment-dark);\n  color:#fff;\n}\n\n#abf-page .abf-ingredients .abf-eyebrow{\n  color:var(--active-lime);\n}\n\n#abf-page .abf-ingredients .abf-sub{\n  color:#C7D3CB;\n}\n\n#abf-page .abf-ing-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:15px;\n  margin-top:26px;\n}\n\n#abf-page .abf-ing{\n  overflow:hidden;\n\n  border:1px solid rgba(255,255,255,.13);\n  border-radius:17px;\n\n  background:rgba(255,255,255,.05);\n}\n\n#abf-page .abf-ing:first-child{\n  border:1px solid var(--bitter-green);\n}\n\n#abf-page .abf-ing img{\n  aspect-ratio:4\/3;\n  object-fit:cover;\n}\n\n#abf-page .abf-ing h3{\n  color:#fff;\n}\n\n#abf-page .abf-ing p{\n  color:#C8D2CB;\n}\n\n\n\/* ============================================================\n08 — EXPERT\n============================================================ *\/\n\n#abf-page .abf-expert{\n  background:var(--clinical-green);\n}\n\n#abf-page .abf-video-box{\n  overflow:hidden;\n  border-radius:22px;\n  background:#000;\n}\n\n#abf-page .abf-video-box video{\n  display:block;\n  width:100%;\n  aspect-ratio:16\/9;\n  background:#000;\n}\n\n#abf-page .abf-checks{\n  margin:22px 0 0;\n  padding:0;\n  list-style:none;\n}\n\n#abf-page .abf-checks li{\n  position:relative;\n  margin:12px 0;\n  padding-left:28px;\n  font-size:14px;\n  font-weight:800;\n}\n\n#abf-page .abf-checks li:before{\n  content:\"✓\";\n\n  position:absolute;\n  left:0;\n  top:0;\n\n  width:19px;\n  height:19px;\n\n  border-radius:50%;\n\n  background:var(--forest);\n  color:#fff;\n\n  text-align:center;\n  line-height:19px;\n\n  font-size:11px;\n}\n\n\n#abf-page .abf-expert-checks{\n  margin-top:18px;\n}\n\n#abf-page .abf-expert-checks li{\n  margin:10px 0;\n  padding-left:29px;\n  font-weight:400;\n}\n\n#abf-page .abf-expert-checks li strong{\n  display:block;\n  color:var(--treatment-dark);\n  font-size:13px;\n  line-height:1.3;\n  font-weight:900;\n}\n\n#abf-page .abf-expert-checks li span{\n  display:block;\n  margin-top:2px;\n  color:#556159;\n  font-size:12.5px;\n  line-height:1.45;\n}\n\n\n\/* ============================================================\n09 — ZONES\n============================================================ *\/\n\n#abf-page .abf-zones{\n  background:#fff;\n}\n\n#abf-page .abf-zone-track{\n  margin-top:30px;\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:16px;\n}\n\n#abf-page .abf-zone{\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n\n  min-width:0;\n  padding:18px 16px;\n\n  border:1px solid var(--line);\n  border-radius:18px;\n\n  background:#fff;\n\n  text-align:center;\n}\n\n#abf-page .abf-zone-media{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:86px;\n  height:86px;\n  margin-bottom:10px;\n\n  border:1px solid #E4ECE5;\n  border-radius:18px;\n  background:#F7FAF7;\n  overflow:hidden;\n}\n\n#abf-page .abf-zone-media img{\n  width:100%;\n  height:100%;\n  object-fit:contain;\n}\n\n#abf-page .abf-zone strong{\n  display:block;\n  color:var(--forest);\n  font-size:16px;\n  line-height:1.15;\n}\n\n#abf-page .abf-zone span{\n  display:block;\n  margin-top:6px;\n  color:#747B75;\n  font-size:12px;\n  line-height:1.4;\n}\n\n\n\/* ============================================================\n10 — HOW TO USE\n============================================================ *\/\n\n#abf-page .abf-use{\n  background:var(--clinical-cream);\n}\n\n#abf-page .abf-use-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:14px;\n  margin-top:32px;\n}\n\n#abf-page .abf-use-card{\n  min-height:165px;\n  padding:23px;\n  border-radius:15px;\n  background:#fff;\n}\n\n#abf-page .abf-use-card .abf-num{\n  background:var(--forest);\n  color:#fff;\n}\n\n\n\/* ============================================================\n10B — PERFECT DUO BUNDLE\nBUY 2 BODY WASHES + GET 1 BHA BACK ACNE SPRAY FREE\n============================================================ *\/\n\n#abf-page .abf-duo{\n  background:#EEF4E8;\n}\n\n#abf-page .abf-duo-box{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  align-items:stretch;\n  overflow:hidden;\n  border:1px solid #D7E2D4;\n  border-radius:22px;\n  background:#fff;\n  box-shadow:0 8px 24px rgba(16,38,28,.06);\n}\n\n#abf-page .abf-duo-media{\n  position:relative;\n  min-height:430px;\n  overflow:hidden;\n  background:#E5EEDC;\n}\n\n#abf-page .abf-duo-media img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n\n#abf-page .abf-duo-free-badge{\n  position:absolute;\n  left:18px;\n  bottom:18px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:34px;\n  padding:0 14px;\n  border-radius:999px;\n  background:#D72828;\n  color:#fff;\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:.5px;\n  text-transform:uppercase;\n  box-shadow:0 5px 14px rgba(0,0,0,.16);\n}\n\n#abf-page .abf-duo-copy{\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  padding:42px 44px;\n}\n\n#abf-page .abf-duo-kicker{\n  display:inline-flex;\n  align-items:center;\n  width:max-content;\n  min-height:28px;\n  margin-bottom:14px;\n  padding:0 10px;\n  border-radius:999px;\n  background:var(--active-lime);\n  color:var(--treatment-dark);\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:.7px;\n  text-transform:uppercase;\n}\n\n#abf-page .abf-duo-copy h2{\n  max-width:560px;\n  color:var(--treatment-dark);\n  font-size:clamp(30px,3.7vw,48px);\n  line-height:1.02;\n}\n\n#abf-page .abf-duo-copy \u003e p{\n  max-width:540px;\n  color:#566058;\n  font-size:15px;\n  line-height:1.55;\n}\n\n#abf-page .abf-duo-steps{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:10px;\n  margin-top:22px;\n}\n\n#abf-page .abf-duo-step{\n  padding:14px;\n  border:1px solid #DDE6DB;\n  border-radius:13px;\n  background:#F8FAF7;\n}\n\n#abf-page .abf-duo-step strong{\n  display:block;\n  color:var(--forest);\n  font-size:12px;\n  line-height:1.25;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n#abf-page .abf-duo-step span{\n  display:block;\n  margin-top:5px;\n  color:#646D66;\n  font-size:12px;\n  line-height:1.4;\n}\n\n#abf-page .abf-duo-step span b{\n  color:var(--treatment-dark);\n  font-weight:900;\n}\n\n#abf-page .abf-duo-offer{\n  margin-top:16px;\n  padding:12px 14px;\n  border-radius:10px;\n  background:var(--active-lime);\n  color:var(--treatment-dark);\n  font-size:12px;\n  line-height:1.35;\n  font-weight:900;\n  text-align:center;\n}\n\n#abf-page .abf-duo-note{\n  margin-top:12px;\n  color:var(--forest);\n  font-size:12px;\n  line-height:1.4;\n  font-weight:900;\n}\n\n#abf-page .abf-duo .abf-btn{\n  align-self:flex-start;\n  margin-top:19px;\n  background:var(--forest);\n  color:#fff!important;\n}\n\n@media(max-width:767px){\n\n  #abf-page .abf-duo-box{\n    grid-template-columns:1fr;\n    border-radius:18px;\n  }\n\n  #abf-page .abf-duo-media{\n    min-height:0;\n    aspect-ratio:4\/3;\n  }\n\n  #abf-page .abf-duo-copy{\n    padding:25px 18px 26px;\n  }\n\n  #abf-page .abf-duo-kicker{\n    margin-bottom:11px;\n    font-size:10.5px;\n  }\n\n  #abf-page .abf-duo-copy h2{\n    font-size:31px;\n  }\n\n  #abf-page .abf-duo-copy \u003e p{\n    font-size:14.5px;\n    line-height:1.55;\n  }\n\n  #abf-page .abf-duo-steps{\n    gap:8px;\n    margin-top:17px;\n  }\n\n  #abf-page .abf-duo-step{\n    padding:12px 10px;\n  }\n\n  #abf-page .abf-duo-step strong{\n    font-size:11.5px;\n  }\n\n  #abf-page .abf-duo-step span{\n    font-size:11.5px;\n  }\n\n  #abf-page .abf-duo-note{\n    font-size:12.5px;\n  }\n\n  #abf-page .abf-duo-free-badge{\n    left:12px;\n    bottom:12px;\n    min-height:31px;\n    padding:0 11px;\n    font-size:10px;\n  }\n}\n\n\/* ============================================================\n11 — PRODUCT COMPARISON V2\nPRODUCT IMAGE + RED X + GREEN CHECK\n============================================================ *\/\n\n#abf-page .abf-compare{\n  background:#fff;\n}\n\n#abf-page .abf-compare-box{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  max-width:930px;\n  margin:34px auto 0;\n  overflow:hidden;\n  border:1px solid #DCE3DD;\n  border-radius:22px;\n  background:#EEF5EF;\n}\n\n#abf-page .abf-compare-col{\n  position:relative;\n  display:flex;\n  flex-direction:column;\n  min-width:0;\n  padding:28px 30px 30px;\n}\n\n#abf-page .abf-compare-col.is-regular{\n  background:#F6F7F6;\n  color:#171B18;\n}\n\n#abf-page .abf-compare-col.is-abera{\n  background:#EFF7EC;\n  color:#17261C;\n  border-left:1px solid #D5E3D6;\n}\n\n#abf-page .abf-compare-title{\n  margin:0;\n  text-align:center;\n  font-size:19px;\n  line-height:1.15;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n#abf-page .is-regular .abf-compare-title{ color:#161A17; }\n#abf-page .is-abera .abf-compare-title{ color:#1D6833; }\n\n#abf-page .abf-compare-product{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  height:190px;\n  margin-top:16px;\n  margin-bottom:12px;\n  overflow:hidden;\n}\n\n#abf-page .abf-compare-product img{\n  width:auto;\n  max-width:78%;\n  height:170px;\n  object-fit:contain;\n}\n\n#abf-page .is-abera .abf-compare-product img{ max-width:82%; }\n\n#abf-page .abf-comp-line{\n  display:grid;\n  grid-template-columns:22px 1fr;\n  gap:8px;\n  align-items:start;\n  min-height:52px;\n  padding:14px 0;\n  border-bottom:1px solid rgba(20,40,28,.11);\n  font-size:14px;\n  line-height:1.4;\n}\n\n#abf-page .abf-comp-line:last-child{ border-bottom:0; }\n\n#abf-page .abf-comp-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:20px;\n  height:20px;\n  font-size:18px;\n  line-height:1;\n  font-weight:900;\n}\n\n#abf-page .abf-comp-icon.is-no{ color:#E32626; }\n#abf-page .abf-comp-icon.is-yes{ color:#22A447; }\n#abf-page .abf-comp-text{ min-width:0; }\n\n#abf-page .abf-compare-badge{\n  display:none;\n}\n\n\/* ============================================================\n12 — KOC \/ CUSTOMER VIDEO CAROUSEL\n9 VERTICAL VIDEOS — NO REVIEW TEXT\n============================================================ *\/\n\n#abf-page .abf-reviews{\n  background:var(--soft);\n}\n\n#abf-page .abf-koc-shell{\n  position:relative;\n  margin-top:32px;\n}\n\n#abf-page .abf-koc-track{\n  display:flex;\n  gap:16px;\n\n  overflow-x:auto;\n  scroll-snap-type:x mandatory;\n  scroll-behavior:smooth;\n\n  padding:2px 2px 8px;\n\n  scrollbar-width:none;\n  -ms-overflow-style:none;\n}\n\n#abf-page .abf-koc-track::-webkit-scrollbar{\n  display:none;\n}\n\n#abf-page .abf-koc-card{\n  flex:0 0 calc((100% - 48px) \/ 4);\n\n  overflow:hidden;\n\n  border:1px solid #E0E5E1;\n  border-radius:18px;\n\n  background:#fff;\n\n  box-shadow:0 5px 18px rgba(16,38,28,.06);\n\n  scroll-snap-align:start;\n}\n\n#abf-page .abf-koc-video{\n  display:block;\n  width:100%;\n  aspect-ratio:9\/16;\n\n  object-fit:cover;\n\n  background:#E7EEE8;\n}\n\n#abf-page .abf-koc-arrow{\n  position:absolute;\n  top:50%;\n  z-index:4;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:44px;\n  height:44px;\n\n  border:0;\n  border-radius:50%;\n\n  background:#fff;\n  color:var(--forest);\n\n  box-shadow:0 6px 20px rgba(0,0,0,.14);\n\n  cursor:pointer;\n\n  transform:translateY(-50%);\n}\n\n#abf-page .abf-koc-prev{\n  left:-22px;\n}\n\n#abf-page .abf-koc-next{\n  right:-22px;\n}\n\n#abf-page .abf-koc-arrow:hover{\n  background:var(--active-lime);\n}\n\n#abf-page .abf-koc-dots{\n  display:flex;\n  justify-content:center;\n  gap:6px;\n\n  margin-top:18px;\n}\n\n#abf-page .abf-koc-dot{\n  width:6px;\n  height:6px;\n\n  padding:0;\n\n  border:0;\n  border-radius:999px;\n\n  background:#C6CEC8;\n\n  cursor:pointer;\n}\n\n#abf-page .abf-koc-dot.active{\n  width:20px;\n  background:var(--forest);\n}\n\n\n\/* ============================================================\n12B — QUALITY \u0026 SAFETY DOCUMENTATION\nCOMPACT 2-COLUMN DOCUMENT PROOF\n============================================================ *\/\n\n#abf-page .abf-docs{\n  padding:42px 0;\n  background:var(--clinical-cream);\n}\n\n#abf-page .abf-docs .abf-eyebrow{\n  margin-bottom:8px;\n}\n\n#abf-page .abf-docs h2{\n  font-size:clamp(24px,3vw,36px);\n  letter-spacing:-1px;\n}\n\n#abf-page .abf-docs .abf-sub{\n  max-width:650px;\n  margin-top:10px;\n  font-size:14px;\n}\n\n#abf-page .abf-doc-grid{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:14px;\n\n  max-width:760px;\n  margin:22px auto 0;\n}\n\n#abf-page .abf-doc-card{\n  display:block;\n  padding:10px;\n\n  border:1px solid var(--line);\n  border-radius:15px;\n\n  background:#fff;\n\n  color:inherit;\n  text-decoration:none;\n\n  box-shadow:0 4px 14px rgba(16,38,28,.04);\n  transition:.2s ease;\n}\n\n#abf-page .abf-doc-card:hover{\n  transform:translateY(-2px);\n  box-shadow:0 8px 20px rgba(16,38,28,.08);\n}\n\n#abf-page .abf-doc-image{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  height:250px;\n\n  overflow:hidden;\n\n  border-radius:10px;\n  background:#F7F6EF;\n}\n\n#abf-page .abf-doc-image img{\n  width:100%;\n  height:100%;\n  object-fit:contain;\n}\n\n#abf-page .abf-doc-label{\n  display:block;\n  margin-top:9px;\n\n  color:var(--forest);\n\n  text-align:center;\n\n  font-size:11px;\n  line-height:1.35;\n  font-weight:900;\n}\n\n\n\n\/* MOBILE — STILL 2 COLUMNS, SMALLER *\/\n@media(max-width:767px){\n\n  #abf-page .abf-docs{\n    padding:34px 0;\n  }\n\n  #abf-page .abf-docs h2{\n    font-size:25px;\n  }\n\n  #abf-page .abf-docs .abf-sub{\n    font-size:11.5px;\n  }\n\n  #abf-page .abf-doc-grid{\n    gap:8px;\n    margin-top:18px;\n  }\n\n  #abf-page .abf-doc-card{\n    padding:6px;\n    border-radius:11px;\n  }\n\n  #abf-page .abf-doc-image{\n    height:180px;\n    border-radius:8px;\n  }\n\n  #abf-page .abf-doc-label{\n    margin-top:7px;\n    font-size:9px;\n  }\n\n}\n\n\n\/* ============================================================\n13 — FINAL CTA\n============================================================ *\/\n\n#abf-page .abf-final{\n  background:var(--treatment-dark);\n  color:#fff;\n}\n\n#abf-page .abf-final .abf-eyebrow{\n  color:var(--active-lime);\n}\n\n#abf-page .abf-final .abf-sub{\n  color:#C9D5CD;\n}\n\n#abf-page .abf-final .abf-btn{\n  background:var(--active-lime);\n  color:var(--treatment-dark)!important;\n}\n\n#abf-page .abf-final .abf-note{\n  color:#AABAAF;\n}\n\n\n\/* ============================================================\n14 — FAQ\n============================================================ *\/\n\n#abf-page .abf-faq{\n  background:#fff;\n}\n\n#abf-page .abf-faq-list{\n  max-width:850px;\n  margin:30px auto 0;\n}\n\n#abf-page details{\n  border-bottom:1px solid var(--line);\n}\n\n#abf-page summary{\n  position:relative;\n\n  padding:20px 38px 20px 0;\n\n  cursor:pointer;\n  list-style:none;\n\n  font-size:16px;\n  font-weight:900;\n}\n\n#abf-page summary::-webkit-details-marker{\n  display:none;\n}\n\n#abf-page summary:after{\n  content:\"+\";\n\n  position:absolute;\n  right:3px;\n  top:18px;\n\n  color:var(--forest);\n\n  font-size:23px;\n  font-weight:400;\n}\n\n#abf-page details[open] summary:after{\n  content:\"−\";\n}\n\n#abf-page details p{\n  margin:0;\n  padding:0 35px 20px 0;\n  color:#626A64;\n  font-size:14px;\n}\n\n\n\/* ============================================================\nMOBILE\n============================================================ *\/\n\n@media(max-width:767px){\n\n  #abf-page .abf-wrap{\n    width:calc(100% - 28px);\n  }\n\n  #abf-page .abf-section{\n    padding:48px 0;\n  }\n\n  #abf-page h2{\n    max-width:100%;\n    font-size:30px;\n    line-height:1.03;\n    letter-spacing:-1px;\n  }\n\n  #abf-page h3{\n    font-size:17px;\n  }\n\n  #abf-page p{\n    font-size:14px;\n    line-height:1.55;\n  }\n\n  #abf-page .abf-two,\n  #abf-page .abf-story .abf-two{\n    grid-template-columns:1fr;\n    gap:28px;\n  }\n\n  #abf-page .abf-main-img img{\n    aspect-ratio:4\/3;\n  }\n\n\n  \/* TREATMENT *\/\n\n  #abf-page .abf-treatment{\n    padding:48px 0;\n  }\n\n  #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n    font-size:34px;\n    line-height:1.01;\n  }\n\n\n  \/* BRAND *\/\n\n  #abf-page .abf-brand-stage{\n    min-height:auto;\n    margin:27px auto 28px;\n    border-radius:18px;\n  }\n\n  #abf-page .abf-brand-bg{\n    position:relative;\n    height:300px;\n  }\n\n  #abf-page .abf-brand-bg img{\n    height:100%;\n    object-position:left center;\n  }\n\n  #abf-page .abf-brand-top{\n    position:absolute;\n    top:0;\n    left:0;\n    width:100%;\n    padding:14px 14px 0;\n  }\n\n  #abf-page .abf-brand-top small{\n    display:none;\n  }\n\n  #abf-page .abf-brand-overlay-zone{\n    width:100%;\n    margin:0;\n    padding:14px 0 18px;\n  }\n\n  #abf-page .abf-brand-track{\n    gap:11px;\n\n    margin-left:-14px;\n    margin-right:-14px;\n\n    padding:0 14px 6px;\n  }\n\n  #abf-page .abf-brand-card{\n    flex:0 0 82%;\n    min-height:390px;\n    border-radius:16px;\n  }\n\n  #abf-page .abf-brand-photo-card{\n    flex:0 0 82%;\n    height:auto;\n    min-height:390px;\n    align-self:stretch;\n    border-radius:16px;\n  }\n\n  #abf-page .abf-brand-card-copy{\n    padding:15px 15px 18px;\n  }\n\n  #abf-page .abf-brand-card-copy h3{\n    font-size:14px;\n  }\n\n  #abf-page .abf-brand-card-copy p{\n    font-size:11.5px;\n    line-height:1.45;\n  }\n\n  #abf-page .abf-brand-arrow{\n    display:none;\n  }\n\n\n  \/* CLAIMS *\/\n\n  #abf-page .abf-claims-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:9px;\n  }\n\n  #abf-page .abf-claim{\n    min-height:123px;\n    padding:15px 12px;\n  }\n\n  #abf-page .abf-claim:last-child{\n    grid-column:1 \/ -1;\n    min-height:auto;\n  }\n\n  #abf-page .abf-claim .abf-num{\n    width:28px;\n    height:28px;\n    margin-bottom:12px;\n    font-size:9px;\n  }\n\n  #abf-page .abf-claim h3{\n    font-size:11px;\n  }\n\n  #abf-page .abf-claim p{\n    font-size:10.5px;\n  }\n\n\n  \/* SECTION 1 COMPACT TRANSITION *\/\n  #abf-page .abf-brand-transition{\n    margin-top:18px;\n    font-size:12.5px;\n    line-height:1.55;\n    letter-spacing:.35px;\n  }\n\n  \/* WBM *\/\n\n  #abf-page .abf-big-copy h2{\n    font-size:29px;\n  }\n\n  #abf-page .abf-wbm-benefits{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:9px;\n  }\n\n  #abf-page .abf-benefit{\n    min-height:118px;\n    padding:14px 12px;\n  }\n\n  #abf-page .abf-benefit strong{\n    font-size:10.5px;\n  }\n\n  #abf-page .abf-benefit p{\n    font-size:10.5px;\n  }\n\n\n  #abf-page .abf-story .abf-main-img{\n    order:-1;\n  }\n\n\n  \/* INGREDIENT *\/\n\n  #abf-page .abf-ing-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:10px;\n  }\n\n  #abf-page .abf-ing .abf-card-copy{\n    padding:13px;\n  }\n\n  #abf-page .abf-ing h3{\n    font-size:13px;\n  }\n\n  #abf-page .abf-ing p{\n    font-size:10.5px;\n  }\n\n\n  \/* MECHANISM — COMPACT 2×2 + FULL-WIDTH STEP 05 *\/\n\n  #abf-page .abf-mech-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:9px;\n    margin-top:22px;\n  }\n\n  #abf-page .abf-mech{\n    min-height:102px;\n    padding:13px 11px;\n  }\n\n  #abf-page .abf-mech:last-child{\n    grid-column:1 \/ -1;\n    min-height:86px;\n  }\n\n  #abf-page .abf-mech h3{\n    font-size:13px;\n  }\n\n  #abf-page .abf-mech p{\n    margin-top:5px;\n    font-size:11.5px;\n    line-height:1.4;\n  }\n\n\n  \/* USE *\/\n\n  #abf-page .abf-use-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:10px;\n  }\n\n  #abf-page .abf-use-card{\n    min-height:140px;\n    padding:16px;\n  }\n\n\n  \/* COMPARE — KEEP 2 COLUMNS ON MOBILE *\/\n\n  #abf-page .abf-compare-box{\n    grid-template-columns:minmax(0,1fr) minmax(0,1fr);\n    gap:0;\n    width:100%;\n    margin-top:25px;\n    border-radius:17px;\n  }\n\n  #abf-page .abf-compare-col{\n    padding:15px 10px 16px;\n  }\n\n  #abf-page .abf-compare-col.is-abera{\n    border-left:1px solid #D2DED4;\n  }\n\n  #abf-page .abf-compare-title{\n    min-height:34px;\n    font-size:12px;\n    line-height:1.15;\n  }\n\n  #abf-page .abf-compare-product{\n    height:120px;\n    margin-top:9px;\n    margin-bottom:7px;\n  }\n\n  #abf-page .abf-compare-product img{\n    max-width:88%;\n    height:110px;\n  }\n\n  #abf-page .is-abera .abf-compare-product img{\n    max-width:94%;\n  }\n\n  #abf-page .abf-compare-badge{\n    min-height:21px;\n    margin-top:2px;\n    padding:0 7px;\n    font-size:7.5px;\n  }\n\n  #abf-page .abf-comp-line{\n    grid-template-columns:16px 1fr;\n    gap:4px;\n    min-height:69px;\n    padding:10px 0;\n    font-size:10.5px;\n    line-height:1.35;\n  }\n\n  #abf-page .abf-comp-icon{\n    width:15px;\n    height:15px;\n    font-size:14px;\n  }\n\n\n  #abf-page .abf-btn{\n    width:100%;\n  }\n\n\n  \/* GENERIC CAROUSEL MOBILE *\/\n\n  #abf-page .abf-track[data-carousel]{\n    display:flex!important;\n\n    gap:12px;\n\n    margin-left:-14px;\n    margin-right:-14px;\n\n    padding:0 14px 4px;\n\n    overflow-x:auto;\n\n    scroll-snap-type:x mandatory;\n\n    scrollbar-width:none;\n  }\n\n  #abf-page .abf-track[data-carousel]::-webkit-scrollbar{\n    display:none;\n  }\n\n  #abf-page .abf-track[data-carousel] \u003e *{\n    flex:0 0 83%;\n    scroll-snap-align:center;\n  }\n\n  #abf-page .abf-dots{\n    display:flex;\n  }\n\n  #abf-page .abf-results-track \u003e *{\n    flex-basis:84%!important;\n  }\n\n  \/* PROBLEM RECOGNITION — STATIC 2 × 2 GRID ON MOBILE *\/\n  #abf-page .abf-problem-track{\n    display:grid!important;\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:10px;\n    margin:24px 0 0;\n    padding:0;\n    overflow:visible;\n  }\n\n  #abf-page .abf-problem{\n    min-width:0;\n    border-radius:15px;\n  }\n\n  #abf-page .abf-problem img{\n    aspect-ratio:1\/1;\n  }\n\n  #abf-page .abf-problem .abf-card-copy{\n    padding:13px 11px 14px;\n  }\n\n  #abf-page .abf-problem .abf-card-copy h3{\n    font-size:14px;\n    line-height:1.18;\n  }\n\n  #abf-page .abf-problem .abf-card-copy p{\n    margin-top:6px;\n    font-size:13px;\n    line-height:1.45;\n  }\n\n  #abf-page .abf-zone-track{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:12px;\n    margin-top:24px;\n  }\n\n  #abf-page .abf-zone{\n    padding:16px 10px 15px;\n    border-radius:16px;\n  }\n\n  #abf-page .abf-zone-media{\n    width:64px;\n    height:64px;\n    margin-bottom:10px;\n    border-radius:14px;\n  }\n\n  #abf-page .abf-zone strong{\n    font-size:13px;\n  }\n\n  #abf-page .abf-zone span{\n    margin-top:4px;\n    font-size:10.5px;\n    line-height:1.35;\n  }\n\n  \/* KOC VIDEO CAROUSEL *\/\n\n  #abf-page .abf-koc-shell{\n    margin-top:25px;\n  }\n\n  #abf-page .abf-koc-track{\n    gap:12px;\n\n    margin-left:-14px;\n    margin-right:-14px;\n\n    padding:0 14px 6px;\n  }\n\n  #abf-page .abf-koc-card{\n    flex:0 0 76%;\n    border-radius:16px;\n  }\n\n  #abf-page .abf-koc-arrow{\n    display:none;\n  }\n\n  #abf-page .abf-koc-dots{\n    gap:5px;\n    margin-top:14px;\n  }\n\n  #abf-page .abf-koc-dot{\n    width:5px;\n    height:5px;\n  }\n\n  #abf-page .abf-koc-dot.active{\n    width:18px;\n  }\n\n}\n\n@media(max-width:380px){\n  #abf-page .abf-compare-col{\n    padding-left:8px;\n    padding-right:8px;\n  }\n  #abf-page .abf-compare-title{ font-size:11px; }\n  #abf-page .abf-comp-line{ font-size:10px; }\n\n  #abf-page .abf-zone{\n    padding-left:8px;\n    padding-right:8px;\n  }\n\n  #abf-page .abf-zone strong{\n    font-size:12px;\n  }\n\n  #abf-page .abf-zone span{\n    font-size:10px;\n  }\n}\n\n\n\/* ============================================================\nMOBILE READABILITY PASS — 30+ AUDIENCE\nLarger readable text across the entire page.\nDesktop is unchanged.\n============================================================ *\/\n\n@media(max-width:767px){\n\n  \/* GLOBAL READING SIZE *\/\n  #abf-page p{\n    font-size:15.5px;\n    line-height:1.58;\n  }\n\n  #abf-page h3{\n    font-size:18px;\n    line-height:1.22;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:13px;\n    line-height:1.35;\n    letter-spacing:1.25px;\n  }\n\n  #abf-page .abf-sub{\n    font-size:15px;\n    line-height:1.55;\n  }\n\n  #abf-page .abf-btn{\n    min-height:56px;\n    font-size:16px;\n  }\n\n  #abf-page .abf-note{\n    font-size:13px;\n    line-height:1.45;\n  }\n\n\n  \/* BRAND CAROUSEL *\/\n  #abf-page .abf-brand-top span{\n    font-size:12px;\n  }\n\n  #abf-page .abf-brand-card-copy h3{\n    font-size:15px;\n    line-height:1.18;\n  }\n\n  #abf-page .abf-brand-card-copy p{\n    font-size:13px;\n    line-height:1.52;\n  }\n\n  #abf-page .abf-brand-mini{\n    gap:7px;\n  }\n\n  #abf-page .abf-brand-mini span{\n    min-height:28px;\n    padding:0 9px;\n    font-size:11px;\n    line-height:1.2;\n  }\n\n\n  \/* MAIN TREATMENT CLAIMS *\/\n  #abf-page .abf-claim{\n    min-height:142px;\n    padding:17px 13px;\n  }\n\n  #abf-page .abf-claim .abf-num{\n    width:30px;\n    height:30px;\n    font-size:11px;\n  }\n\n  #abf-page .abf-claim h3{\n    font-size:13px;\n    line-height:1.24;\n  }\n\n  #abf-page .abf-claim p{\n    font-size:12.5px;\n    line-height:1.48;\n  }\n\n\n  \/* WILD BITTER MELON BENEFITS *\/\n  #abf-page .abf-benefit{\n    min-height:126px;\n    padding:16px 14px;\n  }\n\n  #abf-page .abf-benefit strong{\n    font-size:13px;\n    line-height:1.28;\n  }\n\n  #abf-page .abf-benefit p{\n    font-size:13px;\n    line-height:1.52;\n  }\n\n\n  \/* RESULTS \/ BEFORE-AFTER *\/\n  #abf-page .abf-result-copy{\n    min-height:172px;\n    padding:18px 16px 20px;\n  }\n\n  #abf-page .abf-result-tag{\n    min-height:27px;\n    padding:0 9px;\n    font-size:10.5px;\n  }\n\n  #abf-page .abf-result-copy h3{\n    font-size:17px;\n    line-height:1.22;\n  }\n\n  #abf-page .abf-result-copy p{\n    font-size:13.5px;\n    line-height:1.52;\n  }\n\n\n  \/* PROBLEM RECOGNITION CARDS *\/\n  #abf-page .abf-card-copy{\n    padding:17px;\n  }\n\n  #abf-page .abf-card-copy h3{\n    font-size:17px;\n  }\n\n  #abf-page .abf-card-copy p{\n    font-size:13.5px;\n    line-height:1.5;\n  }\n\n\n  \/* MECHANISM *\/\n  #abf-page .abf-mechanism-caption{\n    font-size:13px;\n    line-height:1.4;\n  }\n\n  #abf-page .abf-mech{\n    min-height:160px;\n    padding:16px 13px;\n  }\n\n  #abf-page .abf-step{\n    margin-bottom:12px;\n    padding:6px 8px;\n    font-size:11.5px;\n  }\n\n  #abf-page .abf-mech h3{\n    font-size:14px;\n    line-height:1.25;\n  }\n\n  #abf-page .abf-mech p{\n    font-size:12.5px;\n    line-height:1.5;\n  }\n\n\n  \/* INGREDIENTS *\/\n  #abf-page .abf-ing .abf-card-copy{\n    padding:15px 13px 16px;\n  }\n\n  #abf-page .abf-ing h3{\n    font-size:14px;\n    line-height:1.25;\n  }\n\n  #abf-page .abf-ing p{\n    font-size:12.5px;\n    line-height:1.5;\n  }\n\n\n  \/* EXPERT *\/\n  #abf-page .abf-checks li{\n    margin:13px 0;\n    padding-left:29px;\n    font-size:14px;\n    line-height:1.45;\n  }\n\n\n  \/* BODY ZONES *\/\n  #abf-page .abf-zone{\n    padding:17px 10px 16px;\n  }\n\n  #abf-page .abf-zone strong{\n    font-size:14px;\n    line-height:1.2;\n  }\n\n  #abf-page .abf-zone span{\n    margin-top:5px;\n    font-size:12.5px;\n    line-height:1.4;\n  }\n\n\n  \/* HOW TO USE *\/\n  #abf-page .abf-use-card{\n    min-height:158px;\n    padding:18px 16px;\n  }\n\n  #abf-page .abf-use-card h3{\n    font-size:17px;\n  }\n\n  #abf-page .abf-use-card p{\n    font-size:13.5px;\n    line-height:1.5;\n  }\n\n\n  \/* COMPARISON *\/\n  #abf-page .abf-compare-title{\n    min-height:38px;\n    font-size:13px;\n    line-height:1.2;\n  }\n\n  #abf-page .abf-compare-badge{\n    min-height:23px;\n    padding:0 7px;\n    font-size:10px;\n    line-height:1.1;\n  }\n\n  #abf-page .abf-comp-line{\n    grid-template-columns:17px 1fr;\n    gap:5px;\n    min-height:78px;\n    padding:11px 0;\n    font-size:12.5px;\n    line-height:1.42;\n  }\n\n  #abf-page .abf-comp-icon{\n    width:16px;\n    height:16px;\n    font-size:16px;\n  }\n\n\n  \/* DOCUMENTATION *\/\n  #abf-page .abf-docs .abf-sub{\n    font-size:13px;\n    line-height:1.5;\n  }\n\n  #abf-page .abf-doc-label{\n    margin-top:8px;\n    font-size:10.5px;\n    line-height:1.35;\n  }\n\n\n  \/* FAQ *\/\n  #abf-page summary{\n    padding:21px 38px 21px 0;\n    font-size:16px;\n    line-height:1.4;\n  }\n\n  #abf-page details p{\n    padding-bottom:21px;\n    font-size:15px;\n    line-height:1.55;\n  }\n\n}\n\n\n@media(max-width:380px){\n\n  \/* Keep very small phones readable instead of shrinking text too far *\/\n  #abf-page p{\n    font-size:15px;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:12.5px;\n  }\n\n  #abf-page .abf-brand-card-copy p,\n  #abf-page .abf-result-copy p,\n  #abf-page .abf-card-copy p,\n  #abf-page .abf-use-card p{\n    font-size:13px;\n  }\n\n  #abf-page .abf-claim h3{\n    font-size:12.5px;\n  }\n\n  #abf-page .abf-claim p,\n  #abf-page .abf-benefit p,\n  #abf-page .abf-mech p,\n  #abf-page .abf-ing p,\n  #abf-page .abf-zone span,\n  #abf-page .abf-comp-line{\n    font-size:12px;\n  }\n\n  #abf-page .abf-compare-title{\n    font-size:12.5px;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:10px;\n  }\n\n}\n\n\n\/* ============================================================\nEXPERT VIDEO — INLINE PLAYER\nCustom play overlay \/ no native fullscreen UI\n============================================================ *\/\n\n#abf-page .abf-video-box{\n  position:relative;\n  cursor:pointer;\n}\n\n#abf-page .abf-video-box video{\n  display:block;\n  width:100%;\n  aspect-ratio:16\/9;\n  object-fit:cover;\n  background:#DDE7D7;\n}\n\n#abf-page .abf-expert-play{\n  position:absolute;\n  inset:0;\n  z-index:3;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border:0;\n  background:linear-gradient(\n    180deg,\n    rgba(0,0,0,.03),\n    rgba(0,0,0,.16)\n  );\n\n  cursor:pointer;\n}\n\n#abf-page .abf-expert-play-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:68px;\n  height:68px;\n\n  border-radius:50%;\n\n  background:rgba(255,255,255,.94);\n  color:var(--forest);\n\n  box-shadow:0 8px 28px rgba(0,0,0,.20);\n\n  font-size:27px;\n  line-height:1;\n\n  transition:.2s ease;\n}\n\n#abf-page .abf-expert-play:hover .abf-expert-play-icon{\n  transform:scale(1.05);\n  background:var(--active-lime);\n}\n\n#abf-page .abf-video-box.is-playing .abf-expert-play{\n  opacity:0;\n  pointer-events:none;\n}\n\n@media(max-width:767px){\n\n  #abf-page .abf-expert-play-icon{\n    width:58px;\n    height:58px;\n    font-size:23px;\n  }\n\n}\n\n\n\/* ============================================================\nMOBILE READABILITY PASS V2 — SLIGHTLY LARGER\nFor 30+ audience. Main headings stay controlled; smaller copy\ngets another +1 to +1.5px for easier mobile reading.\n============================================================ *\/\n\n@media(max-width:767px){\n\n  \/* GLOBAL *\/\n  #abf-page p{\n    font-size:16.5px;\n    line-height:1.6;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:14px;\n    line-height:1.35;\n    letter-spacing:1.2px;\n  }\n\n  #abf-page .abf-sub{\n    font-size:16px;\n    line-height:1.58;\n  }\n\n  #abf-page .abf-btn{\n    min-height:58px;\n    font-size:17px;\n  }\n\n  #abf-page .abf-note{\n    font-size:14px;\n    line-height:1.5;\n  }\n\n\n  \/* BRAND *\/\n  #abf-page .abf-brand-top span{\n    font-size:13px;\n  }\n\n  #abf-page .abf-brand-card-copy h3{\n    font-size:16px;\n    line-height:1.2;\n  }\n\n  #abf-page .abf-brand-card-copy p{\n    font-size:14px;\n    line-height:1.55;\n  }\n\n  #abf-page .abf-brand-mini span{\n    min-height:29px;\n    font-size:12px;\n  }\n\n\n  \/* TREATMENT CLAIMS *\/\n  #abf-page .abf-claim{\n    min-height:148px;\n  }\n\n  #abf-page .abf-claim h3{\n    font-size:14px;\n    line-height:1.25;\n  }\n\n  #abf-page .abf-claim p{\n    font-size:13.5px;\n    line-height:1.5;\n  }\n\n\n  \/* WILD BITTER MELON BENEFITS *\/\n  #abf-page .abf-benefit{\n    min-height:126px;\n  }\n\n  #abf-page .abf-benefit strong{\n    font-size:14px;\n    line-height:1.3;\n  }\n\n  #abf-page .abf-benefit p{\n    font-size:14px;\n    line-height:1.55;\n  }\n\n\n  \/* RESULTS *\/\n  #abf-page .abf-result-tag{\n    font-size:11px;\n  }\n\n  #abf-page .abf-result-copy h3{\n    font-size:18px;\n    line-height:1.23;\n  }\n\n  #abf-page .abf-result-copy p{\n    font-size:14.5px;\n    line-height:1.55;\n  }\n\n\n  \/* PROBLEM CARDS *\/\n  #abf-page .abf-card-copy h3{\n    font-size:18px;\n  }\n\n  #abf-page .abf-card-copy p{\n    font-size:14.5px;\n    line-height:1.55;\n  }\n\n\n  \/* MECHANISM *\/\n  #abf-page .abf-mechanism-caption{\n    font-size:14px;\n    line-height:1.45;\n  }\n\n  #abf-page .abf-step{\n    font-size:12px;\n  }\n\n  #abf-page .abf-mech h3{\n    font-size:15px;\n    line-height:1.25;\n  }\n\n  #abf-page .abf-mech p{\n    font-size:13.5px;\n    line-height:1.52;\n  }\n\n\n  \/* INGREDIENTS *\/\n  #abf-page .abf-ing h3{\n    font-size:15px;\n  }\n\n  #abf-page .abf-ing p{\n    font-size:13.5px;\n    line-height:1.52;\n  }\n\n\n  \/* EXPERT *\/\n  #abf-page .abf-checks li{\n    font-size:15px;\n    line-height:1.48;\n  }\n\n\n  \/* BODY ZONES *\/\n  #abf-page .abf-zone strong{\n    font-size:15px;\n  }\n\n  #abf-page .abf-zone span{\n    font-size:13.5px;\n    line-height:1.42;\n  }\n\n\n  \/* HOW TO USE *\/\n  #abf-page .abf-use-card h3{\n    font-size:18px;\n  }\n\n  #abf-page .abf-use-card p{\n    font-size:14.5px;\n    line-height:1.52;\n  }\n\n\n  \/* PERFECT DUO *\/\n  #abf-page .abf-duo-kicker{\n    font-size:11.5px;\n  }\n\n  #abf-page .abf-duo-copy \u003e p{\n    font-size:15.5px;\n    line-height:1.58;\n  }\n\n  #abf-page .abf-duo-step strong{\n    font-size:12.5px;\n  }\n\n  #abf-page .abf-duo-step span{\n    font-size:12.5px;\n    line-height:1.45;\n  }\n\n  #abf-page .abf-duo-note{\n    font-size:13.5px;\n    line-height:1.45;\n  }\n\n  #abf-page .abf-duo-free-badge{\n    font-size:11px;\n  }\n\n\n  \/* COMPARISON — keep 2 columns readable *\/\n  #abf-page .abf-compare-title{\n    min-height:40px;\n    font-size:14px;\n    line-height:1.22;\n  }\n\n  #abf-page .abf-compare-badge{\n    min-height:24px;\n    font-size:11px;\n  }\n\n  #abf-page .abf-comp-line{\n    min-height:84px;\n    font-size:13.5px;\n    line-height:1.45;\n  }\n\n\n  \/* DOCUMENTATION *\/\n  #abf-page .abf-docs .abf-sub{\n    font-size:14px;\n    line-height:1.52;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:11.5px;\n    line-height:1.4;\n  }\n\n\n  \/* FAQ *\/\n  #abf-page summary{\n    font-size:17px;\n    line-height:1.42;\n  }\n\n  #abf-page details p{\n    font-size:16px;\n    line-height:1.58;\n  }\n\n}\n\n\n@media(max-width:380px){\n\n  #abf-page p{\n    font-size:16px;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:13.5px;\n  }\n\n  #abf-page .abf-brand-card-copy p,\n  #abf-page .abf-result-copy p,\n  #abf-page .abf-card-copy p,\n  #abf-page .abf-use-card p{\n    font-size:14px;\n  }\n\n  #abf-page .abf-claim p,\n  #abf-page .abf-benefit p,\n  #abf-page .abf-mech p,\n  #abf-page .abf-ing p,\n  #abf-page .abf-zone span{\n    font-size:13px;\n  }\n\n  #abf-page .abf-comp-line{\n    font-size:13px;\n  }\n\n  #abf-page .abf-compare-title{\n    font-size:13.5px;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:11px;\n  }\n\n}\n\n\n\/* ============================================================\nMOBILE READABILITY PASS V3 — ONE SIZE LARGER\nKeep major titles\/headings unchanged. Increase body, card copy,\nlabels, bullets and supporting text by ~1px for easier reading.\n============================================================ *\/\n\n@media(max-width:767px){\n\n  \/* GLOBAL BODY COPY — TITLES UNCHANGED *\/\n  #abf-page p{\n    font-size:17.5px;\n    line-height:1.62;\n  }\n\n  #abf-page .abf-sub{\n    font-size:17px;\n    line-height:1.6;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:15px;\n    line-height:1.4;\n  }\n\n  #abf-page .abf-note{\n    font-size:15px;\n    line-height:1.5;\n  }\n\n  #abf-page .abf-btn{\n    font-size:18px;\n  }\n\n\n  \/* BRAND SUPPORTING COPY *\/\n  #abf-page .abf-brand-top span{\n    font-size:14px;\n  }\n\n  #abf-page .abf-brand-card-copy p{\n    font-size:15px;\n    line-height:1.58;\n  }\n\n  #abf-page .abf-brand-mini span{\n    font-size:13px;\n    min-height:30px;\n  }\n\n\n  \/* TREATMENT CLAIM COPY *\/\n  #abf-page .abf-claim p{\n    font-size:14.5px;\n    line-height:1.54;\n  }\n\n  #abf-page .abf-claim .abf-num{\n    font-size:12px;\n  }\n\n\n  \/* WILD BITTER MELON BENEFITS *\/\n  #abf-page .abf-benefit strong{\n    font-size:15px;\n    line-height:1.3;\n  }\n\n  #abf-page .abf-benefit p{\n    font-size:15px;\n    line-height:1.58;\n  }\n\n\n  \/* RESULTS *\/\n  #abf-page .abf-result-tag{\n    font-size:12px;\n  }\n\n  #abf-page .abf-result-copy p{\n    font-size:15.5px;\n    line-height:1.58;\n  }\n\n\n  \/* PROBLEM CARDS *\/\n  #abf-page .abf-card-copy p{\n    font-size:15.5px;\n    line-height:1.58;\n  }\n\n\n  \/* MECHANISM *\/\n  #abf-page .abf-mechanism-caption{\n    font-size:15px;\n    line-height:1.45;\n  }\n\n  #abf-page .abf-step{\n    font-size:13px;\n  }\n\n  #abf-page .abf-mech p{\n    font-size:14.5px;\n    line-height:1.56;\n  }\n\n\n  \/* INGREDIENTS *\/\n  #abf-page .abf-ing p{\n    font-size:14.5px;\n    line-height:1.56;\n  }\n\n\n  \/* EXPERT BULLETS *\/\n  #abf-page .abf-checks li{\n    font-size:16px;\n    line-height:1.5;\n  }\n\n\n  \/* BODY ZONES *\/\n  #abf-page .abf-zone span{\n    font-size:14.5px;\n    line-height:1.45;\n  }\n\n\n  \/* HOW TO USE *\/\n  #abf-page .abf-use-card p{\n    font-size:15.5px;\n    line-height:1.56;\n  }\n\n\n  \/* PERFECT DUO *\/\n  #abf-page .abf-duo-kicker{\n    font-size:12.5px;\n  }\n\n  #abf-page .abf-duo-copy \u003e p{\n    font-size:16.5px;\n    line-height:1.6;\n  }\n\n  #abf-page .abf-duo-step strong{\n    font-size:13.5px;\n  }\n\n  #abf-page .abf-duo-step span{\n    font-size:13.5px;\n    line-height:1.48;\n  }\n\n  #abf-page .abf-duo-note{\n    font-size:14.5px;\n    line-height:1.45;\n  }\n\n  #abf-page .abf-duo-free-badge{\n    font-size:12px;\n  }\n\n\n  \/* COMPARISON SUPPORTING TEXT *\/\n  #abf-page .abf-compare-badge{\n    font-size:12px;\n  }\n\n  #abf-page .abf-comp-line{\n    min-height:88px;\n    font-size:14.5px;\n    line-height:1.48;\n  }\n\n\n  \/* DOCUMENTATION *\/\n  #abf-page .abf-docs .abf-sub{\n    font-size:15px;\n    line-height:1.55;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:12.5px;\n    line-height:1.42;\n  }\n\n\n  \/* FAQ ANSWERS ONLY — QUESTION TITLE KEPT *\/\n  #abf-page details p{\n    font-size:17px;\n    line-height:1.6;\n  }\n\n}\n\n\n@media(max-width:380px){\n\n  #abf-page p{\n    font-size:17px;\n  }\n\n  #abf-page .abf-sub{\n    font-size:16.5px;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:14.5px;\n  }\n\n  #abf-page .abf-brand-card-copy p,\n  #abf-page .abf-result-copy p,\n  #abf-page .abf-card-copy p,\n  #abf-page .abf-use-card p{\n    font-size:15px;\n  }\n\n  #abf-page .abf-claim p,\n  #abf-page .abf-benefit p,\n  #abf-page .abf-mech p,\n  #abf-page .abf-ing p,\n  #abf-page .abf-zone span{\n    font-size:14px;\n  }\n\n  #abf-page .abf-comp-line{\n    font-size:14px;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:12px;\n  }\n\n}\n\n\n\/* ============================================================\nMOBILE READABILITY PASS V4 — +2PX ON SMALL LABELS \u0026 SUPPORTING COPY\nMajor titles\/headings remain unchanged.\n============================================================ *\/\n@media(max-width:767px){\n\n  #abf-page .abf-eyebrow{\n    font-size:17px;\n    line-height:1.4;\n    letter-spacing:1.15px;\n  }\n\n  #abf-page .abf-brand-top span{ font-size:16px; }\n  #abf-page .abf-brand-mini span{ font-size:15px; min-height:32px; }\n  #abf-page .abf-claim .abf-num{ font-size:14px; }\n  #abf-page .abf-result-tag{ font-size:14px; }\n  #abf-page .abf-step{ font-size:15px; }\n  #abf-page .abf-duo-kicker{ font-size:14.5px; }\n  #abf-page .abf-duo-free-badge{ font-size:14px; }\n  #abf-page .abf-compare-badge{ font-size:14px; }\n\n  #abf-page .abf-brand-card-copy p{ font-size:17px; line-height:1.6; }\n  #abf-page .abf-claim p{ font-size:16.5px; line-height:1.58; }\n  #abf-page .abf-benefit p{ font-size:17px; line-height:1.6; }\n  #abf-page .abf-result-copy p{ font-size:17.5px; line-height:1.6; }\n  #abf-page .abf-card-copy p{ font-size:17.5px; line-height:1.6; }\n  #abf-page .abf-mech p{ font-size:16.5px; line-height:1.6; }\n  #abf-page .abf-ing p{ font-size:16.5px; line-height:1.6; }\n  #abf-page .abf-zone span{ font-size:16.5px; line-height:1.5; }\n  #abf-page .abf-use-card p{ font-size:17.5px; line-height:1.58; }\n\n  #abf-page .abf-duo-step strong{ font-size:15.5px; }\n  #abf-page .abf-duo-step span{ font-size:15.5px; line-height:1.52; }\n  #abf-page .abf-duo-note{ font-size:16.5px; line-height:1.5; }\n\n  #abf-page .abf-comp-line{\n    min-height:94px;\n    font-size:16.5px;\n    line-height:1.52;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:14.5px;\n    line-height:1.45;\n  }\n}\n\n@media(max-width:380px){\n\n  #abf-page .abf-eyebrow{ font-size:16.5px; }\n\n  #abf-page .abf-brand-card-copy p,\n  #abf-page .abf-result-copy p,\n  #abf-page .abf-card-copy p,\n  #abf-page .abf-use-card p{\n    font-size:17px;\n  }\n\n  #abf-page .abf-claim p,\n  #abf-page .abf-benefit p,\n  #abf-page .abf-mech p,\n  #abf-page .abf-ing p,\n  #abf-page .abf-zone span{\n    font-size:16px;\n  }\n\n  #abf-page .abf-comp-line{ font-size:16px; }\n  #abf-page .abf-doc-label{ font-size:14px; }\n}\n\n\n\/* ============================================================\nSECTION 05 — MOBILE 2 × 2 FINAL OVERRIDE\nKeeps problem-recognition cards compact despite global readability passes.\n============================================================ *\/\n@media(max-width:767px){\n  #abf-page .abf-problem-track{\n    display:grid!important;\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\n    gap:10px!important;\n    margin:24px 0 0!important;\n    padding:0!important;\n    overflow:visible!important;\n  }\n\n  #abf-page .abf-problem{\n    min-width:0!important;\n    border-radius:15px;\n  }\n\n  #abf-page .abf-problem img{\n    aspect-ratio:1\/1;\n    object-fit:cover;\n  }\n\n  #abf-page .abf-problem .abf-card-copy{\n    padding:13px 11px 14px!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy h3{\n    font-size:14px!important;\n    line-height:1.18!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy p{\n    margin-top:6px!important;\n    font-size:13px!important;\n    line-height:1.45!important;\n  }\n}\n\n@media(max-width:380px){\n  #abf-page .abf-problem-track{\n    gap:8px!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy{\n    padding:11px 9px 12px!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy h3{\n    font-size:13px!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy p{\n    font-size:12.5px!important;\n  }\n}\n\n\n\n\/* ============================================================\nSECTION 06 — COMPACT MECHANISM FINAL OVERRIDE\nAnimation does the explaining; cards stay short.\n============================================================ *\/\n@media(max-width:767px){\n  #abf-page .abf-mechanism .abf-sub{\n    max-width:340px;\n    margin-top:14px;\n    font-size:15px!important;\n    line-height:1.5!important;\n  }\n\n  #abf-page .abf-mechanism-visual{\n    margin-top:24px;\n  }\n\n  #abf-page .abf-mechanism-caption{\n    margin-top:10px;\n    font-size:13px!important;\n    line-height:1.4!important;\n  }\n\n  #abf-page .abf-mech-grid{\n    margin-top:20px!important;\n    gap:8px!important;\n  }\n\n  #abf-page .abf-mech{\n    min-height:96px!important;\n    padding:12px 10px!important;\n    border-radius:14px;\n  }\n\n  #abf-page .abf-mech:last-child{\n    min-height:80px!important;\n  }\n\n  #abf-page .abf-step{\n    margin-bottom:8px!important;\n    padding:5px 7px!important;\n    font-size:11px!important;\n  }\n\n  #abf-page .abf-mech h3{\n    font-size:13px!important;\n    line-height:1.2!important;\n  }\n\n  #abf-page .abf-mech p{\n    margin-top:4px!important;\n    font-size:12px!important;\n    line-height:1.38!important;\n  }\n}\n\n@media(max-width:380px){\n  #abf-page .abf-mechanism .abf-sub{\n    font-size:14.5px!important;\n  }\n\n  #abf-page .abf-mech{\n    min-height:92px!important;\n  }\n\n  #abf-page .abf-mech h3{\n    font-size:12.5px!important;\n  }\n\n  #abf-page .abf-mech p{\n    font-size:11.5px!important;\n  }\n}\n\n\n\/* ============================================================\nSECTION 06 — FINAL COMPACT PASS\nAnimation + caption only. No repeated step cards.\n============================================================ *\/\n@media(max-width:767px){\n  #abf-page .abf-mechanism{\n    padding-bottom:42px;\n  }\n\n  #abf-page .abf-mechanism-caption{\n    margin-bottom:0!important;\n  }\n}\n\n\n\/* ============================================================\nSECTION 07 — COMPACT FORMULA GRID\nDesktop: 4 across\nMobile: 2 × 2, short copy\n============================================================ *\/\n@media(max-width:767px){\n  #abf-page .abf-ingredients .abf-ing-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\n    gap:9px!important;\n    margin-top:22px!important;\n  }\n\n  #abf-page .abf-ingredients .abf-ing{\n    border-radius:15px;\n  }\n\n  #abf-page .abf-ingredients .abf-ing .abf-card-copy{\n    padding:13px 11px 14px!important;\n  }\n\n  #abf-page .abf-ingredients .abf-ing h3{\n    font-size:14px!important;\n    line-height:1.2!important;\n  }\n\n  #abf-page .abf-ingredients .abf-ing p{\n    margin-top:6px!important;\n    font-size:13px!important;\n    line-height:1.45!important;\n  }\n}\n\n@media(max-width:380px){\n  #abf-page .abf-ingredients .abf-ing h3{\n    font-size:13px!important;\n  }\n\n  #abf-page .abf-ingredients .abf-ing p{\n    font-size:12.5px!important;\n  }\n}\n\n\n\/* ============================================================\nSECTION 08 — COMPACT EXPERT AUTHORITY\n============================================================ *\/\n@media(max-width:767px){\n  #abf-page .abf-expert .abf-two{\n    gap:22px!important;\n  }\n\n  #abf-page .abf-expert \u003e .abf-wrap \u003e div:last-child \u003e p{\n    margin-top:12px;\n    font-size:15px!important;\n    line-height:1.52!important;\n  }\n\n  #abf-page .abf-expert-checks{\n    margin-top:16px!important;\n  }\n\n  #abf-page .abf-expert-checks li{\n    margin:9px 0!important;\n    padding-left:28px!important;\n    font-size:inherit!important;\n    line-height:1.4!important;\n  }\n\n  #abf-page .abf-expert-checks li:before{\n    top:1px;\n    width:18px;\n    height:18px;\n    line-height:18px;\n    font-size:10px;\n  }\n\n  #abf-page .abf-expert-checks li strong{\n    font-size:14px!important;\n    line-height:1.28!important;\n  }\n\n  #abf-page .abf-expert-checks li span{\n    margin-top:2px;\n    font-size:13px!important;\n    line-height:1.42!important;\n  }\n}\n\n\n\/* ============================================================\nSECTION 09 — COMPACT TREATMENT AREAS\n============================================================ *\/\n@media(max-width:767px){\n  #abf-page .abf-zones{\n    padding-top:42px;\n    padding-bottom:42px;\n  }\n\n  #abf-page .abf-zone-track{\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\n    gap:10px!important;\n    margin-top:22px!important;\n  }\n\n  #abf-page .abf-zone{\n    min-height:126px;\n    padding:14px 10px 13px!important;\n    border-radius:15px;\n  }\n\n  #abf-page .abf-zone-media{\n    width:68px!important;\n    height:68px!important;\n    margin-bottom:9px!important;\n    border-radius:14px;\n  }\n\n  #abf-page .abf-zone strong{\n    font-size:14px!important;\n    line-height:1.15!important;\n  }\n}\n\n@media(max-width:380px){\n  #abf-page .abf-zone{\n    min-height:118px;\n    padding:12px 8px!important;\n  }\n\n  #abf-page .abf-zone-media{\n    width:62px!important;\n    height:62px!important;\n  }\n\n  #abf-page .abf-zone strong{\n    font-size:13px!important;\n  }\n}\n\n\n\/* ============================================================\nSECTION 10 + 10B — ROUTINE → PERFECT DUO FLOW\n============================================================ *\/\n@media(max-width:767px){\n\n  \/* HOW TO USE — compact 2×2 *\/\n  #abf-page .abf-use-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\n    gap:9px!important;\n    margin-top:22px!important;\n  }\n\n  #abf-page .abf-use-card{\n    min-height:108px!important;\n    padding:13px 12px!important;\n  }\n\n  #abf-page .abf-use-card h3{\n    font-size:16px!important;\n    line-height:1.2!important;\n  }\n\n  #abf-page .abf-use-card p{\n    margin-top:7px!important;\n    font-size:13.5px!important;\n    line-height:1.45!important;\n  }\n\n  \/* PERFECT DUO — reads as the next step, not a repeated how-to *\/\n  #abf-page .abf-duo-copy h2{\n    font-size:29px!important;\n    line-height:1.03!important;\n  }\n\n  #abf-page .abf-duo-copy \u003e p{\n    font-size:14px!important;\n    line-height:1.45!important;\n  }\n\n  #abf-page .abf-duo-steps{\n    gap:8px!important;\n    margin-top:16px!important;\n  }\n\n  #abf-page .abf-duo-step{\n    padding:11px 9px!important;\n  }\n\n  #abf-page .abf-duo-step strong{\n    font-size:11.5px!important;\n    line-height:1.25!important;\n  }\n\n  #abf-page .abf-duo-step span{\n    font-size:11.5px!important;\n    line-height:1.42!important;\n  }\n\n  #abf-page .abf-duo-offer{\n    margin-top:14px;\n    padding:11px 10px;\n    font-size:12px;\n    line-height:1.35;\n  }\n\n  #abf-page .abf-duo-note{\n    margin-top:11px;\n    font-size:12px!important;\n    line-height:1.4!important;\n  }\n}\n\n\n\/* ============================================================\nSECTION 10 — MERGED ROUTINE + PERFECT DUO\n============================================================ *\/\n\n#abf-page .abf-routine-combo{\n  background:var(--clinical-cream);\n}\n\n#abf-page .abf-routine-combo .abf-use-grid{\n  margin-bottom:30px;\n}\n\n#abf-page .abf-routine-duo{\n  display:grid;\n  grid-template-columns:.9fr 1.1fr;\n  align-items:stretch;\n  overflow:hidden;\n  margin-top:30px;\n  border:1px solid #D7E2D4;\n  border-radius:20px;\n  background:#fff;\n}\n\n#abf-page .abf-routine-duo-media{\n  min-height:360px;\n  overflow:hidden;\n  background:#E5EEDC;\n}\n\n#abf-page .abf-routine-duo-media img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n\n#abf-page .abf-routine-duo-copy{\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  padding:30px 34px;\n}\n\n#abf-page .abf-routine-duo-copy h3{\n  margin-top:10px;\n  color:var(--treatment-dark);\n  font-size:28px;\n  line-height:1.08;\n  text-transform:uppercase;\n}\n\n#abf-page .abf-routine-duo-copy \u003e p{\n  margin-top:11px;\n  color:#586159;\n  font-size:14px;\n  line-height:1.55;\n}\n\n#abf-page .abf-routine-duo-steps{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:9px;\n  margin-top:16px;\n}\n\n#abf-page .abf-routine-duo-step{\n  padding:12px 13px;\n  border:1px solid #DDE6DB;\n  border-radius:12px;\n  background:#F8FAF7;\n}\n\n#abf-page .abf-routine-duo-step strong{\n  display:block;\n  color:var(--forest);\n  font-size:11px;\n  line-height:1.2;\n  font-weight:900;\n}\n\n#abf-page .abf-routine-duo-step span{\n  display:block;\n  margin-top:4px;\n  color:#626A64;\n  font-size:12px;\n  line-height:1.35;\n}\n\n#abf-page .abf-routine-offer{\n  margin-top:14px;\n  padding:11px 12px;\n  border-radius:9px;\n  background:var(--active-lime);\n  color:var(--treatment-dark);\n  font-size:12px;\n  line-height:1.35;\n  font-weight:900;\n  text-align:center;\n}\n\n#abf-page .abf-routine-duo-copy .abf-btn{\n  align-self:flex-start;\n  margin-top:14px;\n  background:var(--forest);\n  color:#fff!important;\n}\n\n@media(max-width:767px){\n\n  #abf-page .abf-routine-combo .abf-use-grid{\n    margin-bottom:22px!important;\n  }\n\n  #abf-page .abf-routine-duo{\n    grid-template-columns:1fr;\n    margin-top:22px;\n    border-radius:17px;\n  }\n\n  #abf-page .abf-routine-duo-media{\n    min-height:0;\n    aspect-ratio:16\/10;\n  }\n\n  #abf-page .abf-routine-duo-copy{\n    padding:20px 16px 21px;\n  }\n\n  #abf-page .abf-routine-duo-copy h3{\n    font-size:24px!important;\n    line-height:1.05!important;\n  }\n\n  #abf-page .abf-routine-duo-copy \u003e p{\n    margin-top:9px;\n    font-size:14px!important;\n    line-height:1.48!important;\n  }\n\n  #abf-page .abf-routine-duo-steps{\n    gap:8px;\n    margin-top:14px;\n  }\n\n  #abf-page .abf-routine-duo-step{\n    padding:10px 9px;\n  }\n\n  #abf-page .abf-routine-duo-step strong{\n    font-size:11.5px!important;\n  }\n\n  #abf-page .abf-routine-duo-step span{\n    font-size:12px!important;\n  }\n\n  #abf-page .abf-routine-offer{\n    margin-top:12px;\n    font-size:12px;\n  }\n\n  #abf-page .abf-routine-duo-copy .abf-btn{\n    width:100%;\n    margin-top:12px;\n  }\n}\n\n\n\/* ============================================================\nSECTION 11 — COMPACT COMPARISON\n============================================================ *\/\n@media(max-width:767px){\n  #abf-page .abf-compare{\n    padding-top:42px;\n    padding-bottom:42px;\n  }\n\n  #abf-page .abf-compare-box{\n    margin-top:22px!important;\n  }\n\n  #abf-page .abf-compare-title{\n    min-height:44px!important;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    font-size:12.5px!important;\n    line-height:1.15!important;\n  }\n\n  #abf-page .abf-compare-product{\n    height:105px!important;\n    margin-top:7px!important;\n    margin-bottom:5px!important;\n  }\n\n  #abf-page .abf-compare-product img{\n    height:95px!important;\n  }\n\n  #abf-page .abf-comp-line{\n    min-height:68px!important;\n    padding:9px 0!important;\n    font-size:12px!important;\n    line-height:1.4!important;\n  }\n}\n\n@media(max-width:380px){\n  #abf-page .abf-compare-title{\n    font-size:11.5px!important;\n  }\n\n  #abf-page .abf-comp-line{\n    font-size:11.5px!important;\n  }\n}\n\n\n\/* ============================================================\nSECTION 12 + 12B — FINAL COMPACT PASS\n============================================================ *\/\n\n#abf-page .abf-reviews h2{\n  font-size:clamp(28px,3.4vw,42px);\n}\n\n#abf-page .abf-docs .abf-doc-grid{\n  margin-top:18px;\n}\n\n@media(max-width:767px){\n\n  #abf-page .abf-reviews{\n    padding-top:40px;\n    padding-bottom:40px;\n  }\n\n  #abf-page .abf-reviews h2{\n    font-size:29px!important;\n    line-height:1.05!important;\n  }\n\n  #abf-page .abf-koc-shell{\n    margin-top:20px!important;\n  }\n\n  #abf-page .abf-docs{\n    padding:30px 0!important;\n  }\n\n  #abf-page .abf-docs .abf-eyebrow{\n    margin-bottom:7px;\n  }\n\n  #abf-page .abf-docs h2{\n    font-size:25px!important;\n  }\n\n  #abf-page .abf-doc-grid{\n    margin-top:16px!important;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:11.5px!important;\n    line-height:1.3!important;\n  }\n}\n\n\n\/* ============================================================\nSECTION 03 — COMPACT STORY\n============================================================ *\/\n#abf-page .abf-story .abf-eyebrow{\n  margin-bottom:6px;\n}\n\n#abf-page .abf-story p strong{\n  color:#fff;\n  font-weight:900;\n}\n\n@media(max-width:767px){\n  #abf-page .abf-story{\n    padding-top:40px;\n    padding-bottom:40px;\n  }\n\n  #abf-page .abf-story .abf-two{\n    gap:20px!important;\n  }\n\n  #abf-page .abf-story p{\n    margin-top:10px;\n    font-size:15px!important;\n    line-height:1.55!important;\n  }\n}\n\n\n\/* ============================================================\nFINAL VISUAL POLISH — MOBILE-FIRST\n- Harmonized section backgrounds\n- Cleaner card\/text containers\n- Larger small text on mobile\n- Scoped at the end so it overrides earlier passes safely\n============================================================ *\/\n\n\/* ---------- SECTION BACKGROUND RHYTHM ---------- *\/\n\n#abf-page .abf-treatment{\n  background:#10261C;\n}\n\n#abf-page .abf-wbm{\n  background:#F5F1E6;\n}\n\n#abf-page .abf-story{\n  background:#214D37;\n}\n\n#abf-page .abf-results{\n  background:#FFFFFF;\n}\n\n#abf-page .abf-problems{\n  background:#EEF3EC;\n}\n\n#abf-page .abf-mechanism{\n  background:#FAF8F2;\n}\n\n#abf-page .abf-ingredients{\n  background:#10261C;\n}\n\n#abf-page .abf-expert{\n  background:#E7EFE3;\n}\n\n#abf-page .abf-zones{\n  background:#FFFFFF;\n}\n\n#abf-page .abf-use,\n#abf-page .abf-routine-combo{\n  background:#F5F1E6;\n}\n\n#abf-page .abf-compare{\n  background:#F7F9F6;\n}\n\n#abf-page .abf-reviews{\n  background:#EEF3ED;\n}\n\n#abf-page .abf-docs{\n  background:#F5F1E6;\n}\n\n#abf-page .abf-final{\n  background:#10261C;\n}\n\n#abf-page .abf-faq{\n  background:#FFFFFF;\n}\n\n\n\/* ---------- CARD \/ TEXT CONTAINER POLISH ---------- *\/\n\n#abf-page .abf-result-card,\n#abf-page .abf-problem,\n#abf-page .abf-zone,\n#abf-page .abf-use-card,\n#abf-page .abf-doc-card{\n  border:1px solid #DDE5DE;\n  box-shadow:0 7px 20px rgba(16,38,28,.055);\n}\n\n#abf-page .abf-problem{\n  background:#FFFFFF;\n}\n\n#abf-page .abf-problem .abf-card-copy{\n  background:#FFFFFF;\n}\n\n#abf-page .abf-zone{\n  background:#FBFCFA;\n}\n\n#abf-page .abf-use-card{\n  background:#FFFFFF;\n}\n\n#abf-page .abf-ingredients .abf-ing{\n  background:#183127;\n  border-color:rgba(255,255,255,.13);\n  box-shadow:0 8px 20px rgba(0,0,0,.08);\n}\n\n#abf-page .abf-ingredients .abf-ing:first-child{\n  border-color:#B9DF57;\n}\n\n#abf-page .abf-ingredients .abf-ing .abf-card-copy{\n  background:#183127;\n}\n\n#abf-page .abf-expert .abf-two \u003e div:last-child{\n  padding:28px 30px;\n  border:1px solid #D8E4D7;\n  border-radius:20px;\n  background:rgba(255,255,255,.82);\n  box-shadow:0 8px 22px rgba(16,38,28,.055);\n}\n\n#abf-page .abf-routine-duo{\n  border-color:#D6E1D3;\n  background:#FFFFFF;\n  box-shadow:0 8px 24px rgba(16,38,28,.06);\n}\n\n#abf-page .abf-compare-box{\n  background:#FFFFFF;\n  box-shadow:0 8px 24px rgba(16,38,28,.05);\n}\n\n#abf-page .abf-koc-card{\n  background:#FFFFFF;\n  border-color:#DDE5DE;\n  box-shadow:0 7px 20px rgba(16,38,28,.055);\n}\n\n#abf-page .abf-doc-card{\n  background:#FFFFFF;\n}\n\n#abf-page .abf-faq-list details{\n  margin-bottom:10px;\n  padding:0 16px;\n  border:1px solid #E1E7E2;\n  border-radius:14px;\n  background:#F9FBF8;\n}\n\n#abf-page .abf-faq-list details:last-child{\n  margin-bottom:0;\n}\n\n\n\/* ============================================================\nMOBILE — LARGER SMALL TEXT \/ LABELS\nThe highlighted styles are increased by ~4px.\n============================================================ *\/\n@media(max-width:767px){\n\n  \/* EYEBROWS \/ SMALL SECTION LABELS *\/\n  #abf-page .abf-eyebrow{\n    font-size:21px!important;\n    line-height:1.24!important;\n    letter-spacing:.75px!important;\n    margin-bottom:10px!important;\n  }\n\n  \/* Keep long labels tidy when they wrap *\/\n  #abf-page .abf-center .abf-eyebrow{\n    max-width:100%;\n  }\n\n  \/* GENERAL SUPPORTING COPY *\/\n  #abf-page .abf-sub{\n    font-size:18px!important;\n    line-height:1.55!important;\n  }\n\n  \/* STORY *\/\n  #abf-page .abf-story p{\n    font-size:18px!important;\n    line-height:1.58!important;\n  }\n\n  \/* PROBLEM RECOGNITION — highlighted area in screenshot *\/\n  #abf-page .abf-problem .abf-card-copy{\n    padding:15px 13px 16px!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy h3{\n    font-size:18px!important;\n    line-height:1.18!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy p{\n    margin-top:7px!important;\n    font-size:17px!important;\n    line-height:1.48!important;\n  }\n\n  \/* MECHANISM CAPTION *\/\n  #abf-page .abf-mechanism-caption{\n    font-size:17px!important;\n    line-height:1.4!important;\n  }\n\n  \/* INGREDIENTS *\/\n  #abf-page .abf-ingredients .abf-ing .abf-card-copy{\n    padding:15px 13px 16px!important;\n  }\n\n  #abf-page .abf-ingredients .abf-ing h3{\n    font-size:18px!important;\n    line-height:1.2!important;\n  }\n\n  #abf-page .abf-ingredients .abf-ing p{\n    margin-top:7px!important;\n    font-size:17px!important;\n    line-height:1.48!important;\n  }\n\n  \/* EXPERT TEXT CARD *\/\n  #abf-page .abf-expert .abf-two \u003e div:last-child{\n    padding:19px 17px!important;\n    border-radius:17px;\n  }\n\n  #abf-page .abf-expert \u003e .abf-wrap \u003e div:last-child \u003e p{\n    font-size:18px!important;\n    line-height:1.52!important;\n  }\n\n  #abf-page .abf-expert-checks li strong{\n    font-size:18px!important;\n    line-height:1.28!important;\n  }\n\n  #abf-page .abf-expert-checks li span{\n    font-size:17px!important;\n    line-height:1.42!important;\n  }\n\n  \/* BODY ZONES *\/\n  #abf-page .abf-zone{\n    min-height:132px!important;\n    padding:15px 10px 14px!important;\n  }\n\n  #abf-page .abf-zone strong{\n    font-size:18px!important;\n    line-height:1.15!important;\n  }\n\n  \/* HOW TO USE *\/\n  #abf-page .abf-use-card{\n    min-height:132px!important;\n    padding:15px 13px!important;\n  }\n\n  #abf-page .abf-use-card h3{\n    font-size:20px!important;\n    line-height:1.18!important;\n  }\n\n  #abf-page .abf-use-card p{\n    margin-top:7px!important;\n    font-size:17.5px!important;\n    line-height:1.45!important;\n  }\n\n  \/* PERFECT DUO *\/\n  #abf-page .abf-routine-duo-copy{\n    padding:21px 17px 22px!important;\n  }\n\n  #abf-page .abf-duo-kicker{\n    font-size:18px!important;\n    line-height:1.2!important;\n  }\n\n  #abf-page .abf-routine-duo-step strong{\n    font-size:15.5px!important;\n    line-height:1.25!important;\n  }\n\n  #abf-page .abf-routine-duo-step span{\n    font-size:16px!important;\n    line-height:1.4!important;\n  }\n\n  #abf-page .abf-routine-offer{\n    font-size:16px!important;\n    line-height:1.35!important;\n  }\n\n  \/* COMPARISON *\/\n  #abf-page .abf-compare-title{\n    min-height:54px!important;\n    font-size:16.5px!important;\n    line-height:1.16!important;\n  }\n\n  #abf-page .abf-comp-line{\n    min-height:82px!important;\n    padding:11px 0!important;\n    font-size:16px!important;\n    line-height:1.42!important;\n  }\n\n  \/* KOC *\/\n  #abf-page .abf-reviews h2{\n    font-size:31px!important;\n  }\n\n  \/* DOCUMENTATION *\/\n  #abf-page .abf-doc-label{\n    font-size:15.5px!important;\n    line-height:1.35!important;\n  }\n\n  \/* FAQ *\/\n  #abf-page summary{\n    font-size:18px!important;\n    line-height:1.4!important;\n  }\n\n  #abf-page details p{\n    font-size:17.5px!important;\n    line-height:1.55!important;\n  }\n\n}\n\n\n\/* SMALL PHONES — keep readable without overflowing *\/\n@media(max-width:380px){\n\n  #abf-page .abf-eyebrow{\n    font-size:20px!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy h3,\n  #abf-page .abf-ingredients .abf-ing h3,\n  #abf-page .abf-zone strong{\n    font-size:17px!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy p,\n  #abf-page .abf-ingredients .abf-ing p,\n  #abf-page .abf-expert-checks li span{\n    font-size:16px!important;\n  }\n\n  #abf-page .abf-comp-line{\n    font-size:15px!important;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:14.5px!important;\n  }\n}\n\n\n\/* ============================================================\nFINAL TYPOGRAPHY PASS — +4PX EVERYWHERE EXCEPT MAIN SECTION TITLES\nMain section titles (h2) are intentionally unchanged.\nApplies to desktop and mobile.\n============================================================ *\/\n\n\/* ---------- DESKTOP \/ TABLET ---------- *\/\n\n#abf-page h3{\n  font-size:24px;\n}\n\n#abf-page p{\n  font-size:20px;\n}\n\n#abf-page .abf-eyebrow{\n  font-size:16px;\n}\n\n#abf-page .abf-sub{\n  font-size:20px;\n}\n\n#abf-page .abf-btn{\n  font-size:19px;\n}\n\n#abf-page .abf-note{\n  font-size:16px;\n}\n\n#abf-page .abf-brand-top span{\n  font-size:15px;\n}\n\n#abf-page .abf-brand-top small{\n  font-size:15px;\n}\n\n#abf-page .abf-brand-card-copy h3{\n  font-size:20px;\n}\n\n#abf-page .abf-brand-card-copy p{\n  font-size:16.5px;\n}\n\n#abf-page .abf-brand-mini span{\n  font-size:13.5px;\n}\n\n#abf-page .abf-brand-transition{\n  font-size:16px;\n}\n\n#abf-page .abf-benefit strong{\n  font-size:17px;\n}\n\n#abf-page .abf-benefit p{\n  font-size:17px;\n}\n\n#abf-page .abf-result-tag{\n  font-size:13px;\n}\n\n#abf-page .abf-result-copy h3{\n  font-size:20px;\n}\n\n#abf-page .abf-result-copy p{\n  font-size:16.5px;\n}\n\n#abf-page .abf-card-copy p{\n  font-size:17px;\n}\n\n#abf-page .abf-mechanism-caption{\n  font-size:17px;\n}\n\n#abf-page .abf-ing h3{\n  font-size:24px;\n}\n\n#abf-page .abf-ing p{\n  font-size:17px;\n}\n\n#abf-page .abf-checks li{\n  font-size:18px;\n}\n\n#abf-page .abf-expert-checks li strong{\n  font-size:17px;\n}\n\n#abf-page .abf-expert-checks li span{\n  font-size:16.5px;\n}\n\n#abf-page .abf-zone strong{\n  font-size:20px;\n}\n\n#abf-page .abf-zone span{\n  font-size:16px;\n}\n\n#abf-page .abf-use-card h3{\n  font-size:24px;\n}\n\n#abf-page .abf-use-card p{\n  font-size:17px;\n}\n\n#abf-page .abf-duo-kicker{\n  font-size:14px;\n}\n\n#abf-page .abf-routine-duo-step strong{\n  font-size:15px;\n}\n\n#abf-page .abf-routine-duo-step span{\n  font-size:16px;\n}\n\n#abf-page .abf-routine-offer{\n  font-size:16px;\n}\n\n#abf-page .abf-compare-title{\n  font-size:23px;\n}\n\n#abf-page .abf-comp-line{\n  font-size:18px;\n}\n\n#abf-page .abf-docs .abf-sub{\n  font-size:18px;\n}\n\n#abf-page .abf-doc-label{\n  font-size:15px;\n}\n\n#abf-page summary{\n  font-size:20px;\n}\n\n#abf-page details p{\n  font-size:18px;\n}\n\n\n\/* ---------- MOBILE ---------- *\/\n\n@media(max-width:767px){\n\n  \/* Main section titles H2 stay exactly as before *\/\n\n  #abf-page h3{\n    font-size:22px!important;\n    line-height:1.22!important;\n  }\n\n  #abf-page p{\n    font-size:21.5px!important;\n    line-height:1.58!important;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:25px!important;\n    line-height:1.22!important;\n    letter-spacing:.55px!important;\n  }\n\n  #abf-page .abf-sub{\n    font-size:22px!important;\n    line-height:1.54!important;\n  }\n\n  #abf-page .abf-btn{\n    font-size:22px!important;\n  }\n\n  #abf-page .abf-note{\n    font-size:19px!important;\n  }\n\n  \/* BRAND *\/\n  #abf-page .abf-brand-top span{\n    font-size:20px!important;\n  }\n\n  #abf-page .abf-brand-card-copy h3{\n    font-size:20px!important;\n    line-height:1.18!important;\n  }\n\n  #abf-page .abf-brand-card-copy p{\n    font-size:21px!important;\n    line-height:1.52!important;\n  }\n\n  #abf-page .abf-brand-mini span{\n    font-size:19px!important;\n    min-height:34px!important;\n  }\n\n  #abf-page .abf-brand-transition{\n    font-size:16.5px!important;\n    line-height:1.5!important;\n  }\n\n  \/* WILD BITTER MELON BENEFITS *\/\n  #abf-page .abf-benefit strong{\n    font-size:19px!important;\n    line-height:1.26!important;\n  }\n\n  #abf-page .abf-benefit p{\n    font-size:21px!important;\n    line-height:1.5!important;\n  }\n\n  \/* STORY *\/\n  #abf-page .abf-story p{\n    font-size:22px!important;\n    line-height:1.56!important;\n  }\n\n  \/* RESULTS *\/\n  #abf-page .abf-result-tag{\n    font-size:18px!important;\n  }\n\n  #abf-page .abf-result-copy h3{\n    font-size:22px!important;\n    line-height:1.2!important;\n  }\n\n  #abf-page .abf-result-copy p{\n    font-size:21.5px!important;\n    line-height:1.5!important;\n  }\n\n  \/* PROBLEM RECOGNITION *\/\n  #abf-page .abf-problem .abf-card-copy h3{\n    font-size:22px!important;\n    line-height:1.16!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy p{\n    font-size:21px!important;\n    line-height:1.45!important;\n  }\n\n  \/* MECHANISM *\/\n  #abf-page .abf-mechanism .abf-sub{\n    font-size:19px!important;\n    line-height:1.5!important;\n  }\n\n  #abf-page .abf-mechanism-caption{\n    font-size:21px!important;\n    line-height:1.36!important;\n  }\n\n  \/* INGREDIENTS *\/\n  #abf-page .abf-ingredients .abf-ing h3{\n    font-size:22px!important;\n    line-height:1.18!important;\n  }\n\n  #abf-page .abf-ingredients .abf-ing p{\n    font-size:21px!important;\n    line-height:1.46!important;\n  }\n\n  \/* EXPERT *\/\n  #abf-page .abf-expert \u003e .abf-wrap \u003e div:last-child \u003e p{\n    font-size:22px!important;\n    line-height:1.5!important;\n  }\n\n  #abf-page .abf-expert-checks li strong{\n    font-size:22px!important;\n    line-height:1.24!important;\n  }\n\n  #abf-page .abf-expert-checks li span{\n    font-size:21px!important;\n    line-height:1.4!important;\n  }\n\n  \/* BODY ZONES *\/\n  #abf-page .abf-zone strong{\n    font-size:22px!important;\n    line-height:1.12!important;\n  }\n\n  \/* HOW TO USE *\/\n  #abf-page .abf-use-card h3{\n    font-size:24px!important;\n    line-height:1.15!important;\n  }\n\n  #abf-page .abf-use-card p{\n    font-size:21.5px!important;\n    line-height:1.42!important;\n  }\n\n  \/* PERFECT DUO *\/\n  #abf-page .abf-duo-kicker{\n    font-size:22px!important;\n    line-height:1.15!important;\n  }\n\n  #abf-page .abf-routine-duo-copy \u003e p{\n    font-size:20px!important;\n    line-height:1.48!important;\n  }\n\n  #abf-page .abf-routine-duo-step strong{\n    font-size:19.5px!important;\n  }\n\n  #abf-page .abf-routine-duo-step span{\n    font-size:20px!important;\n  }\n\n  #abf-page .abf-routine-offer{\n    font-size:20px!important;\n    line-height:1.32!important;\n  }\n\n  \/* COMPARISON *\/\n  #abf-page .abf-compare-title{\n    font-size:20.5px!important;\n    line-height:1.14!important;\n  }\n\n  #abf-page .abf-comp-line{\n    font-size:20px!important;\n    line-height:1.4!important;\n  }\n\n  \/* DOCUMENTATION *\/\n  #abf-page .abf-doc-label{\n    font-size:19.5px!important;\n    line-height:1.32!important;\n  }\n\n  \/* FAQ *\/\n  #abf-page summary{\n    font-size:22px!important;\n    line-height:1.36!important;\n  }\n\n  #abf-page details p{\n    font-size:21.5px!important;\n    line-height:1.5!important;\n  }\n\n  \/* Let cards grow naturally with the larger copy *\/\n  #abf-page .abf-brand-card,\n  #abf-page .abf-brand-photo-card,\n  #abf-page .abf-benefit,\n  #abf-page .abf-result-copy,\n  #abf-page .abf-problem,\n  #abf-page .abf-ing,\n  #abf-page .abf-use-card,\n  #abf-page .abf-zone,\n  #abf-page .abf-comp-line{\n    height:auto!important;\n  }\n\n  #abf-page .abf-benefit,\n  #abf-page .abf-use-card,\n  #abf-page .abf-zone{\n    min-height:0!important;\n  }\n}\n\n\n\/* ---------- SMALL PHONES ---------- *\/\n@media(max-width:380px){\n\n  #abf-page .abf-eyebrow{\n    font-size:23px!important;\n  }\n\n  #abf-page p,\n  #abf-page .abf-story p,\n  #abf-page .abf-result-copy p,\n  #abf-page .abf-problem .abf-card-copy p,\n  #abf-page .abf-ingredients .abf-ing p,\n  #abf-page .abf-use-card p,\n  #abf-page details p{\n    font-size:20px!important;\n  }\n\n  #abf-page .abf-brand-card-copy p,\n  #abf-page .abf-benefit p,\n  #abf-page .abf-expert-checks li span{\n    font-size:19.5px!important;\n  }\n\n  #abf-page .abf-comp-line{\n    font-size:18.5px!important;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:18px!important;\n  }\n}\n\n\n\/* ============================================================\nFINAL TYPOGRAPHY TUNE\n- Main section titles: -2px\n- All supporting typography: -1px\n============================================================ *\/\n\n\/* ---------- DESKTOP \/ TABLET ---------- *\/\n\n\/* Main section titles *\/\n#abf-page h2{\n  font-size:clamp(28px,3.8vw,50px);\n}\n\n\/* Supporting text *\/\n#abf-page h3{ font-size:23px; }\n#abf-page p{ font-size:19px; }\n#abf-page .abf-eyebrow{ font-size:15px; }\n#abf-page .abf-sub{ font-size:19px; }\n#abf-page .abf-btn{ font-size:18px; }\n#abf-page .abf-note{ font-size:15px; }\n\n#abf-page .abf-brand-top span{ font-size:14px; }\n#abf-page .abf-brand-top small{ font-size:14px; }\n#abf-page .abf-brand-card-copy h3{ font-size:19px; }\n#abf-page .abf-brand-card-copy p{ font-size:15.5px; }\n#abf-page .abf-brand-mini span{ font-size:12.5px; }\n#abf-page .abf-brand-transition{ font-size:15px; }\n\n#abf-page .abf-benefit strong{ font-size:16px; }\n#abf-page .abf-benefit p{ font-size:16px; }\n\n#abf-page .abf-result-tag{ font-size:12px; }\n#abf-page .abf-result-copy h3{ font-size:19px; }\n#abf-page .abf-result-copy p{ font-size:15.5px; }\n\n#abf-page .abf-card-copy p{ font-size:16px; }\n#abf-page .abf-mechanism-caption{ font-size:16px; }\n\n#abf-page .abf-ing h3{ font-size:23px; }\n#abf-page .abf-ing p{ font-size:16px; }\n\n#abf-page .abf-checks li{ font-size:17px; }\n#abf-page .abf-expert-checks li strong{ font-size:16px; }\n#abf-page .abf-expert-checks li span{ font-size:15.5px; }\n\n#abf-page .abf-zone strong{ font-size:19px; }\n#abf-page .abf-zone span{ font-size:15px; }\n\n#abf-page .abf-use-card h3{ font-size:23px; }\n#abf-page .abf-use-card p{ font-size:16px; }\n\n#abf-page .abf-duo-kicker{ font-size:13px; }\n#abf-page .abf-routine-duo-step strong{ font-size:14px; }\n#abf-page .abf-routine-duo-step span{ font-size:15px; }\n#abf-page .abf-routine-offer{ font-size:15px; }\n\n#abf-page .abf-compare-title{ font-size:22px; }\n#abf-page .abf-comp-line{ font-size:17px; }\n\n#abf-page .abf-docs .abf-sub{ font-size:17px; }\n#abf-page .abf-doc-label{ font-size:14px; }\n\n#abf-page summary{ font-size:19px; }\n#abf-page details p{ font-size:17px; }\n\n\n\/* ---------- MOBILE ---------- *\/\n@media(max-width:767px){\n\n  \/* Main section titles: -2px from the previous mobile sizing *\/\n  #abf-page h2{\n    font-size:28px!important;\n    line-height:1.03!important;\n  }\n\n  #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n    font-size:32px!important;\n  }\n\n  #abf-page .abf-big-copy h2{\n    font-size:27px!important;\n  }\n\n  \/* Everything else: -1px *\/\n  #abf-page h3{\n    font-size:21px!important;\n  }\n\n  #abf-page p{\n    font-size:20.5px!important;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:24px!important;\n  }\n\n  #abf-page .abf-sub{\n    font-size:21px!important;\n  }\n\n  #abf-page .abf-btn{\n    font-size:21px!important;\n  }\n\n  #abf-page .abf-note{\n    font-size:18px!important;\n  }\n\n  \/* BRAND *\/\n  #abf-page .abf-brand-top span{ font-size:19px!important; }\n  #abf-page .abf-brand-card-copy h3{ font-size:19px!important; }\n  #abf-page .abf-brand-card-copy p{ font-size:20px!important; }\n  #abf-page .abf-brand-mini span{ font-size:18px!important; }\n  #abf-page .abf-brand-transition{ font-size:15.5px!important; }\n\n  \/* WBM BENEFITS *\/\n  #abf-page .abf-benefit strong{ font-size:18px!important; }\n  #abf-page .abf-benefit p{ font-size:20px!important; }\n\n  \/* STORY *\/\n  #abf-page .abf-story p{ font-size:21px!important; }\n\n  \/* RESULTS *\/\n  #abf-page .abf-result-tag{ font-size:17px!important; }\n  #abf-page .abf-result-copy h3{ font-size:21px!important; }\n  #abf-page .abf-result-copy p{ font-size:20.5px!important; }\n\n  \/* PROBLEM RECOGNITION *\/\n  #abf-page .abf-problem .abf-card-copy h3{ font-size:21px!important; }\n  #abf-page .abf-problem .abf-card-copy p{ font-size:20px!important; }\n\n  \/* MECHANISM *\/\n  #abf-page .abf-mechanism .abf-sub{ font-size:18px!important; }\n  #abf-page .abf-mechanism-caption{ font-size:20px!important; }\n\n  \/* INGREDIENTS *\/\n  #abf-page .abf-ingredients .abf-ing h3{ font-size:21px!important; }\n  #abf-page .abf-ingredients .abf-ing p{ font-size:20px!important; }\n\n  \/* EXPERT *\/\n  #abf-page .abf-expert \u003e .abf-wrap \u003e div:last-child \u003e p{ font-size:21px!important; }\n  #abf-page .abf-expert-checks li strong{ font-size:21px!important; }\n  #abf-page .abf-expert-checks li span{ font-size:20px!important; }\n\n  \/* BODY ZONES *\/\n  #abf-page .abf-zone strong{ font-size:21px!important; }\n\n  \/* HOW TO USE *\/\n  #abf-page .abf-use-card h3{ font-size:23px!important; }\n  #abf-page .abf-use-card p{ font-size:20.5px!important; }\n\n  \/* PERFECT DUO *\/\n  #abf-page .abf-duo-kicker{ font-size:21px!important; }\n  #abf-page .abf-routine-duo-copy \u003e p{ font-size:19px!important; }\n  #abf-page .abf-routine-duo-step strong{ font-size:18.5px!important; }\n  #abf-page .abf-routine-duo-step span{ font-size:19px!important; }\n  #abf-page .abf-routine-offer{ font-size:19px!important; }\n\n  \/* COMPARISON *\/\n  #abf-page .abf-compare-title{ font-size:19.5px!important; }\n  #abf-page .abf-comp-line{ font-size:19px!important; }\n\n  \/* DOCUMENTATION *\/\n  #abf-page .abf-doc-label{ font-size:18.5px!important; }\n\n  \/* FAQ *\/\n  #abf-page summary{ font-size:21px!important; }\n  #abf-page details p{ font-size:20.5px!important; }\n}\n\n\n\/* ---------- SMALL PHONES ---------- *\/\n@media(max-width:380px){\n\n  #abf-page h2{\n    font-size:27px!important;\n  }\n\n  #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n    font-size:31px!important;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:22px!important;\n  }\n\n  #abf-page p,\n  #abf-page .abf-story p,\n  #abf-page .abf-result-copy p,\n  #abf-page .abf-problem .abf-card-copy p,\n  #abf-page .abf-ingredients .abf-ing p,\n  #abf-page .abf-use-card p,\n  #abf-page details p{\n    font-size:19px!important;\n  }\n\n  #abf-page .abf-brand-card-copy p,\n  #abf-page .abf-benefit p,\n  #abf-page .abf-expert-checks li span{\n    font-size:18.5px!important;\n  }\n\n  #abf-page .abf-comp-line{\n    font-size:17.5px!important;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:17px!important;\n  }\n}\n\n\n\/* ============================================================\nFINAL MOBILE HEADING TUNE\nParagraph\/body copy stays unchanged.\n- H2: -2px\n- H3: -2px\n- Eyebrow\/section label: -2px\n- More breathing room between lines and label → title\n============================================================ *\/\n\n@media(max-width:767px){\n\n  \/* MAIN SECTION TITLES *\/\n  #abf-page h2{\n    font-size:26px!important;\n    line-height:1.08!important;\n    letter-spacing:-.75px!important;\n  }\n\n  \/* Hero \/ treatment title still slightly larger, but reduced *\/\n  #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n    font-size:30px!important;\n    line-height:1.07!important;\n  }\n\n  \/* Wild Bitter Melon section title *\/\n  #abf-page .abf-big-copy h2{\n    font-size:25px!important;\n    line-height:1.08!important;\n  }\n\n  \/* CARD \/ SUB HEADINGS *\/\n  #abf-page h3{\n    font-size:19px!important;\n    line-height:1.22!important;\n  }\n\n  \/* SECTION LABELS \/ EYEBROWS *\/\n  #abf-page .abf-eyebrow{\n    font-size:22px!important;\n    line-height:1.24!important;\n    letter-spacing:.5px!important;\n    margin-bottom:12px!important;\n  }\n\n  \/* Specific card headings that had larger scoped overrides *\/\n  #abf-page .abf-brand-card-copy h3,\n  #abf-page .abf-result-copy h3,\n  #abf-page .abf-problem .abf-card-copy h3,\n  #abf-page .abf-ingredients .abf-ing h3,\n  #abf-page .abf-expert-checks li strong,\n  #abf-page .abf-zone strong{\n    font-size:19px!important;\n    line-height:1.22!important;\n  }\n\n  #abf-page .abf-use-card h3{\n    font-size:21px!important;\n    line-height:1.2!important;\n  }\n\n  #abf-page .abf-compare-title{\n    font-size:17.5px!important;\n    line-height:1.18!important;\n  }\n\n  #abf-page summary{\n    font-size:19px!important;\n    line-height:1.4!important;\n  }\n\n  \/* Slightly more space between heading block and content *\/\n  #abf-page .abf-center \u003e h2 + .abf-sub{\n    margin-top:16px!important;\n  }\n}\n\n@media(max-width:380px){\n\n  #abf-page h2{\n    font-size:25px!important;\n  }\n\n  #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n    font-size:29px!important;\n  }\n\n  #abf-page .abf-big-copy h2{\n    font-size:24px!important;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:20px!important;\n  }\n\n  #abf-page h3,\n  #abf-page .abf-brand-card-copy h3,\n  #abf-page .abf-result-copy h3,\n  #abf-page .abf-problem .abf-card-copy h3,\n  #abf-page .abf-ingredients .abf-ing h3,\n  #abf-page .abf-expert-checks li strong,\n  #abf-page .abf-zone strong{\n    font-size:18px!important;\n  }\n}\n\n\n\/* ============================================================\nFINAL MOBILE TYPOGRAPHY SYSTEM\nUnified hierarchy across all sections.\nParagraph\/body copy is intentionally left unchanged.\n============================================================ *\/\n@media(max-width:767px){\n\n  \/* 1) SECTION TITLES *\/\n  #abf-page h2{\n    font-size:26px!important;\n    line-height:1.10!important;\n    letter-spacing:-.7px!important;\n  }\n\n  \/* Hero \/ first section stays intentionally larger *\/\n  #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n    font-size:30px!important;\n    line-height:1.08!important;\n  }\n\n  \/* Wild Bitter Melon section now matches standard H2 *\/\n  #abf-page .abf-big-copy h2{\n    font-size:26px!important;\n    line-height:1.10!important;\n  }\n\n  \/* 2) EYEBROW \/ SECTION LABEL *\/\n  #abf-page .abf-eyebrow{\n    font-size:17px!important;\n    line-height:1.28!important;\n    letter-spacing:.8px!important;\n    margin-bottom:11px!important;\n  }\n\n  \/* 3) CARD \/ SUB HEADINGS *\/\n  #abf-page h3,\n  #abf-page .abf-brand-card-copy h3,\n  #abf-page .abf-result-copy h3,\n  #abf-page .abf-problem .abf-card-copy h3,\n  #abf-page .abf-ingredients .abf-ing h3,\n  #abf-page .abf-expert-checks li strong,\n  #abf-page .abf-zone strong,\n  #abf-page .abf-use-card h3,\n  #abf-page .abf-compare-title{\n    font-size:19px!important;\n    line-height:1.22!important;\n  }\n\n  \/* Keep comparison labels vertically aligned *\/\n  #abf-page .abf-compare-title{\n    min-height:48px!important;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n  }\n\n  \/* 4) SMALL TAGS \/ SUPPORT LABELS *\/\n  #abf-page .abf-result-tag{\n    font-size:15px!important;\n  }\n\n  #abf-page .abf-brand-mini span{\n    font-size:15px!important;\n  }\n\n  #abf-page .abf-duo-kicker{\n    font-size:16px!important;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:16px!important;\n    line-height:1.35!important;\n  }\n\n  \/* 5) FAQ QUESTION = H3 LEVEL *\/\n  #abf-page summary{\n    font-size:19px!important;\n    line-height:1.4!important;\n  }\n\n  \/* A little breathing room below heading blocks *\/\n  #abf-page .abf-center \u003e h2 + .abf-sub{\n    margin-top:15px!important;\n  }\n}\n\n\n\/* SMALL PHONES *\/\n@media(max-width:380px){\n\n  #abf-page h2{\n    font-size:25px!important;\n  }\n\n  #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n    font-size:29px!important;\n  }\n\n  #abf-page .abf-big-copy h2{\n    font-size:25px!important;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:16px!important;\n  }\n\n  #abf-page h3,\n  #abf-page .abf-brand-card-copy h3,\n  #abf-page .abf-result-copy h3,\n  #abf-page .abf-problem .abf-card-copy h3,\n  #abf-page .abf-ingredients .abf-ing h3,\n  #abf-page .abf-expert-checks li strong,\n  #abf-page .abf-zone strong,\n  #abf-page .abf-use-card h3,\n  #abf-page .abf-compare-title,\n  #abf-page summary{\n    font-size:18px!important;\n  }\n}\n\n\u003c\/style\u003e\n\u003cdiv id=\"abf-page\"\u003e\n\u003c!-- ============================================================\n01 — TREATMENT\n============================================================ --\u003e\n\u003csection class=\"abf-treatment abf-center\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n      DESDE LA MARCA\n    \u003c\/span\u003e\n\u003ch2\u003e\n      GEL DE DUCHA DE ALTO RENDIMIENTO PARA TRATAR LA FOLICULITIS\n    \u003c\/h2\u003e\n\u003cp class=\"abf-sub\"\u003e\n      Combate el acné de espalda y la hiperqueratosis con un gel de ducha específico para piel con tendencia a la foliculitis y bultos corporales recurrentes.\n    \u003c\/p\u003e\n\u003c!-- =====================================================\n    BRAND BACKGROUND\n\n    PASTE_BRAND_BACKGROUND_DOCTOR_IMAGE_URL\n\n    SIZE:\n    2000×1100 px\n\n    VISUAL:\n    - American male doctor 55–65\n    - older \/ mature \/ salt-and-pepper hair\n    - white coat\n    - stethoscope around neck\n    - LEFT side\n\n    OPTION A:\n    Doctor points toward before\/after dermatology board.\n\n    OPTION B:\n    muscular\/fit male model faces away,\n    doctor points to back folliculitis area.\n\n    BACKGROUND:\n    pale green \/ cream \/ clean clinical green.\n\n    IMPORTANT:\n    Doctor stays LEFT.\n    Keep RIGHT side relatively simple because carousel overlays it.\n    Doctor from this image should be reused later in Expert Video.\n    ===================================================== --\u003e\n\u003cdiv class=\"abf-brand-stage\"\u003e\n\u003cdiv class=\"abf-brand-bg\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Shopifi_6.webp?v=1787213309\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-overlay-zone\"\u003e\n\u003cdiv class=\"abf-brand-viewport\"\u003e\n\u003cbutton class=\"abf-brand-arrow abf-brand-prev\" type=\"button\"\u003e\n            ←\n          \u003c\/button\u003e\n\u003cdiv class=\"abf-brand-track\"\u003e\n\u003carticle class=\"abf-brand-card is-white\"\u003e\n\u003cdiv class=\"abf-brand-card-media\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_pointing_at_woman_s_back_202608151401.webp?v=1786777580\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-card-copy\"\u003e\n\u003ch3\u003e\n                  SOMOS EXPERTOS EN CUIDADO CORPORAL\n                \u003c\/h3\u003e\n\u003cp\u003e\n                  Entendemos problemas de la piel corporal como el sudor, el exceso de grasa, la fricción y los folículos obstruidos que hacen que los bultos vuelvan una y otra vez.\n                \u003c\/p\u003e\n\u003cdiv class=\"abf-brand-mini\"\u003e\n\u003cspan\u003eEspalda\u003c\/span\u003e\n\u003cspan\u003ePecho\u003c\/span\u003e\n\u003cspan\u003eHombros\u003c\/span\u003e\n\u003cspan\u003eMuslos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-card is-green\"\u003e\n\u003cdiv class=\"abf-brand-card-media\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Cosmetic_formulation_product_adv__4K_202608151404_1.webp?v=1786778339\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-card-copy\"\u003e\n\u003ch3\u003e\n                  CONOCEMOS A FONDO LOS INGREDIENTES\n                \u003c\/h3\u003e\n\u003cp\u003e\n                  El melón amargo silvestre, BHA, aceite de árbol de té y Heartleaf trabajan juntos para exfoliar, purificar y calmar la piel corporal propensa a brotes.\n                \u003c\/p\u003e\n\u003cdiv class=\"abf-brand-mini\"\u003e\n\u003cspan\u003eMelón amargo silvestre\u003c\/span\u003e\n\u003cspan\u003eBHA\u003c\/span\u003e\n\u003cspan\u003eÁrbol de té\u003c\/span\u003e\n\u003cspan\u003eHeartleaf\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-card is-white\"\u003e\n\u003cdiv class=\"abf-brand-card-media\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Clinical_skin_before_and_after_202608151355.webp?v=1786777580\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-card-copy\"\u003e\n\u003ch3\u003e\n                  POR QUÉ LA GENTE CONFÍA EN ABERA FOLLICULITIS SHOWER GEL\n                \u003c\/h3\u003e\n\u003cp\u003e\n\u003cstrong\u003e92%\u003c\/strong\u003e notó menos bultos en la espalda y signos de foliculitis.\u003cbr\/\u003e\n\u003cstrong\u003e95%\u003c\/strong\u003e notó la piel más suave y con menos enrojecimiento visible en solo unas semanas.\n                \u003c\/p\u003e\n\u003cdiv class=\"abf-brand-mini\"\u003e\n\u003cspan\u003eResultados medidos\u003c\/span\u003e\n\u003cspan\u003eCambio visible\u003c\/span\u003e\n\u003cspan\u003ePocas semanas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-card is-green\"\u003e\n\u003cdiv class=\"abf-brand-card-media\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Cosmetic_formulation_product_adv__4K_202608151404.webp?v=1786777580\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-card-copy\"\u003e\n\u003ch3\u003e\n                  FORMULADO PARA UN TRATAMIENTO CORPORAL ESPECÍFICO\n                \u003c\/h3\u003e\n\u003cp\u003e\n                  Un gel de ducha específico diseñado para bultos corporales recurrentes, textura áspera y piel propensa a la foliculitis.\n                \u003c\/p\u003e\n\u003cdiv class=\"abf-brand-mini\"\u003e\n\u003cspan\u003eCuidado específico\u003c\/span\u003e\n\u003cspan\u003eUso diario\u003c\/span\u003e\n\u003cspan\u003eEnfoque corporal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-card is-white\"\u003e\n\u003cdiv class=\"abf-brand-card-media\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Cosmetic_formulation_product_adv__4K_2026s08151404.webp?v=1786778556\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-card-copy\"\u003e\n\u003ch3\u003e\n                  CON EL PODER DEL MELÓN AMARGO SILVESTRE\n                \u003c\/h3\u003e\n\u003cp\u003e\n                  Un gel de ducha enfocado en el tratamiento que ayuda a limpiar, destapar y mantener la piel corporal con una apariencia más limpia.\n                \u003c\/p\u003e\n\u003cdiv class=\"abf-brand-mini\"\u003e\n\u003cspan\u003eLimpiar\u003c\/span\u003e\n\u003cspan\u003eDestapar\u003c\/span\u003e\n\u003cspan\u003ePurificar\u003c\/span\u003e\n\u003cspan\u003eMantener\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-photo-card\"\u003e\n\u003cimg alt=\"Hombre sosteniendo ABERA Folliculitis Body Wash\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_1_6c9e8016-b200-49cb-951f-a9c09716aa7d.webp?v=1786777993\"\/\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-photo-card\"\u003e\n\u003cimg alt=\"Mujer sosteniendo ABERA Folliculitis Body Wash\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_3_f3fc4c4d-a776-47fe-94f0-f58ba9e80aa4.webp?v=1786777993\"\/\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-photo-card\"\u003e\n\u003cimg alt=\"Uso diario de ABERA Folliculitis Body Wash\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_4_15dc276f-d1a6-4cca-a743-75c26493d648.webp?v=1786777993\"\/\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"abf-brand-arrow abf-brand-next\" type=\"button\"\u003e\n            →\n          \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-dots\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BRAND → TREATMENT TRANSITION --\u003e\n\u003cp class=\"abf-brand-transition\"\u003e\n      FOLICULITIS • ACNÉ DE ESPALDA • ACNÉ CORPORAL • PIEL DE FRESA • QUERATOSIS PILARIS\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n02 — WILD BITTER MELON HERO\n\nIMAGE:\nPASTE_WILD_BITTER_MELON_HERO_IMAGE_URL\n\nSIZE:\n1200×1000 or 1200×1200\n\nFLOW:\nUPLOAD PRODUCT REFERENCE.\n\nVisual:\nABERA bottle + Wild Bitter Melon + green gel.\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-wbm\"\u003e\n\u003cdiv class=\"abf-wrap abf-two\"\u003e\n\u003cdiv class=\"abf-main-img\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Body_wash_product_hero_image_202608151436.webp?v=1786779691\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-big-copy\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        EL PODER DEL MELÓN AMARGO SILVESTRE\n      \u003c\/span\u003e\n\u003ch2\u003e\n        POR QUÉ EL MELÓN AMARGO SILVESTRE FUNCIONA CONTRA LA FOLICULITIS\u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003cp\u003e\n        El ingrediente estrella de \u003cstrong\u003eABERA Folliculitis Body Wash\u003c\/strong\u003e — ayuda a combatir los folículos obstruidos, la acumulación de hongos y el acné corporal recurrente.\n      \u003c\/p\u003e\n\u003cdiv class=\"abf-wbm-benefits\"\u003e\n\u003cdiv class=\"abf-benefit\"\u003e\n\u003cstrong\u003eCOMBATE LA FOLICULITIS\u003c\/strong\u003e\n\u003cp\u003e\n            Actúa sobre folículos obstruidos e inflamados.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-benefit\"\u003e\n\u003cstrong\u003eACCIÓN ANTIFÚNGICA\u003c\/strong\u003e\n\u003cp\u003e\n            Ayuda a eliminar la acumulación de hongos.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-benefit\"\u003e\n\u003cstrong\u003eDESTAPA LOS FOLÍCULOS\u003c\/strong\u003e\n\u003cp\u003e\n            Elimina grasa, células muertas y residuos.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-benefit\"\u003e\n\u003cstrong\u003eAYUDA A PREVENIR LA RECURRENCIA\u003c\/strong\u003e\n\u003cp\u003e\n            Ayuda a evitar que los bultos persistentes vuelvan.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n03 — WILD BITTER MELON STORY\nCompact history → research → product relevance\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-story\"\u003e\n\u003cdiv class=\"abf-wrap abf-two\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        USADO DURANTE GENERACIONES\n      \u003c\/span\u003e\n\u003cp\u003e\n        El melón amargo (\u003cem\u003eMomordica charantia\u003c\/em\u003e) se ha utilizado durante generaciones en prácticas ayurvédicas y tradicionales asiáticas de bienestar.\n      \u003c\/p\u003e\n\u003cp\u003e\n        La investigación moderna ha identificado compuestos naturales con actividad antioxidante, antiinflamatoria y antimicrobiana, una de las razones por las que el melón amargo silvestre se convirtió en el botánico distintivo de\n        \u003cstrong\u003eABERA Folliculitis Body Wash\u003c\/strong\u003e.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-main-img\"\u003e\n\u003cimg alt=\"Agricultor sosteniendo melón amargo silvestre\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Farmer_holding_bitter_melon_vine_202608151448.webp?v=1786780165\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n04 — RESULTS \/ BEFORE \u0026 AFTER PROOF\n\nNEW STRUCTURE:\n- 4 CARDS TOTAL\n- EACH CARD USES ONLY 1 COMPLETE IMAGE FILE\n- YOU DESIGN BEFORE + AFTER INSIDE THAT ONE IMAGE YOURSELF\n- DO NOT UPLOAD BEFORE AND AFTER AS SEPARATE HTML IMAGES\n\nRECOMMENDED IMAGE SIZE FOR ALL 4:\n1080 × 1350 px (4:5)\n\nSUGGESTED INTERNAL IMAGE LAYOUT:\nLEFT = BEFORE\nRIGHT = AFTER\n\nYou can put BEFORE \/ AFTER labels directly inside your designed image.\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-results\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        TRANSFORMACIÓN VISIBLE\n      \u003c\/span\u003e\n\u003ch2\u003e\n        RESULTADOS REALES EN SOLO 4 SEMANAS\n      \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-track abf-grid-4 abf-results-track\" data-carousel=\"\"\u003e\n\u003c!-- ==================================================\n      RESULT 01 — BACK ACNE \u0026 FOLLICULITIS\n\n      UPLOAD ONE COMPLETE BEFORE\/AFTER IMAGE:\n      PASTE_RESULT_BACK_BEFORE_AFTER_URL\n\n      Recommended:\n      1080 × 1350 px \/ 4:5\n      Same back area shown BEFORE + AFTER inside the single file.\n      ================================================== --\u003e\n\u003carticle class=\"abf-result-card\"\u003e\n\u003cdiv class=\"abf-result-image\"\u003e\n\u003cimg alt=\"Antes y después del tratamiento para acné de espalda y foliculitis\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1105-20241105034555-lo59z-ezgifcom-gif-to-webp-converter-20260715072644-mtvj3.webp?v=1786781353\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-result-copy\"\u003e\n\u003cspan class=\"abf-result-tag\"\u003e\n            ESPALDA\n          \u003c\/span\u003e\n\u003ch3\u003e\n            REDUCE EL ACNÉ DE ESPALDA\u003cbr\/\u003e\n            Y LA FOLICULITIS\n          \u003c\/h3\u003e\n\u003cp\u003e\n            Ayuda a reducir visiblemente los bultos foliculares persistentes, el enrojecimiento y la apariencia congestionada de la piel de la espalda.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ==================================================\n      RESULT 02 — CHEST \u0026 SHOULDER BREAKOUTS\n\n      UPLOAD ONE COMPLETE BEFORE\/AFTER IMAGE:\n      PASTE_RESULT_CHEST_BEFORE_AFTER_URL\n\n      Suggested area:\n      chest OR shoulder.\n      Both BEFORE + AFTER are already designed inside one image.\n      ================================================== --\u003e\n\u003carticle class=\"abf-result-card\"\u003e\n\u003cdiv class=\"abf-result-image\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/11051-20241105040542-fzl01-ezgifcom-gif-to-webp-converter-20260715072557-zu1pq.webp?v=1786781418\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-result-copy\"\u003e\n\u003cspan class=\"abf-result-tag\"\u003e\n            PECHO + HOMBROS\n          \u003c\/span\u003e\n\u003ch3\u003e\n            REDUCE LOS\u003cbr\/\u003e\n            BROTES CORPORALES\n          \u003c\/h3\u003e\n\u003cp\u003e\n            Actúa sobre folículos obstruidos y ayuda a calmar el enrojecimiento y la apariencia desigual de la piel del pecho y los hombros.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ==================================================\n      RESULT 03 — STRAWBERRY SKIN \u0026 ROUGH TEXTURE\n\n      UPLOAD ONE COMPLETE BEFORE\/AFTER IMAGE:\n      PASTE_RESULT_TEXTURE_BEFORE_AFTER_URL\n\n      Suggested area:\n      thigh or upper arm.\n      Rough follicular texture → smoother-looking skin.\n      ================================================== --\u003e\n\u003carticle class=\"abf-result-card\"\u003e\n\u003cdiv class=\"abf-result-image\"\u003e\n\u003cimg alt=\"Antes y después de piel de fresa y textura corporal áspera\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/11052-20241105040542-bxwym-ezgifcom-gif-to-webp-converter-20260715072317-as3z-ezgifcom-optiwebp-20260720064022-z_g6c.webp?v=1786781923\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-result-copy\"\u003e\n\u003cspan class=\"abf-result-tag\"\u003e\n            TEXTURA ÁSPERA\n          \u003c\/span\u003e\n\u003ch3\u003e\n            SUAVIZA LA PIEL DE FRESA\u003cbr\/\u003e\n            Y LA TEXTURA ÁSPERA\n          \u003c\/h3\u003e\n\u003cp\u003e\n            Ayuda a mejorar la apariencia de los folículos obstruidos y a recuperar una piel corporal más suave y uniforme.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ==================================================\n      RESULT 04 — INGROWN HAIRS \u0026 RECURRING BUMPS\n\n      UPLOAD ONE COMPLETE BEFORE\/AFTER IMAGE:\n      PASTE_RESULT_INGROWN_BEFORE_AFTER_URL\n\n      Suggested area:\n      thigh, arm or another shaving\/friction-prone body zone.\n      ================================================== --\u003e\n\u003carticle class=\"abf-result-card\"\u003e\n\u003cdiv class=\"abf-result-image\"\u003e\n\u003cimg alt=\"Antes y después de vellos encarnados y bultos corporales recurrentes\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/11054-20241105075910-ws4wj-ezgifcom-gif-to-webp-converter-20260715092652-rwb9c.webp?v=1786782810\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-result-copy\"\u003e\n\u003cspan class=\"abf-result-tag\"\u003e\n            BULTOS RECURRENTES\n          \u003c\/span\u003e\n\u003ch3\u003e\n            TRATA LOS VELLOS ENCARNADOS\u003cbr\/\u003e\n            Y LOS BULTOS RECURRENTES\n          \u003c\/h3\u003e\n\u003cp\u003e\n            Ayuda a mantener los folículos más despejados y reduce la apariencia de los bultos causados por el afeitado y la fricción.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-dots\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n05 — PROBLEM RECOGNITION\nDesktop: 4 cards in one row\nMobile: 2 × 2 grid — no carousel\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-problems\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        RECONOCE LAS SEÑALES\n      \u003c\/span\u003e\n\u003ch2\u003e\n        ¿TU PIEL\u003cbr\/\u003e\n        SE VE ASÍ?\n      \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-track abf-grid-4 abf-problem-track\"\u003e\n\u003carticle class=\"abf-problem\"\u003e\n\u003cimg alt=\"Bultos por foliculitis alrededor de los folículos pilosos\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/close-up-of-red-folliculitis-papules-on-skin-dr-chris-halescience-photo-library.jpg?v=1786783739\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eBultos por foliculitis\u003c\/h3\u003e\n\u003cp\u003e\n            Bultos rojos e inflamados alrededor de los folículos pilosos.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-problem\"\u003e\n\u003cimg alt=\"Acné de espalda y pecho\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Refresh-Medispa-Cosmetic-Conditions-BackAcne.webp?v=1786783738\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eAcné de espalda y pecho\u003c\/h3\u003e\n\u003cp\u003e\n            Brotes provocados por el sudor, la grasa y la fricción.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-problem\"\u003e\n\u003cimg alt=\"Vellos encarnados después del afeitado\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/how_to_prevent_ingrown_hairs_3454976.webp?v=1786783938\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eVellos encarnados\u003c\/h3\u003e\n\u003cp\u003e\n            Bultos elevados después del afeitado o la fricción.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-problem\"\u003e\n\u003cimg alt=\"Piel de fresa y queratosis pilaris\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/strawberry.jpg?v=1786783738\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003ePiel de fresa \/ KP\u003c\/h3\u003e\n\u003cp\u003e\n            Folículos oscuros y textura áspera e irregular.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n06 — MECHANISM\nAnimation explains the cycle.\nCards below act as a short visual legend.\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-mechanism\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        ROMPE EL CICLO\n      \u003c\/span\u003e\n\u003ch2\u003e\n        ¿POR QUÉ LA FOLICULITIS\u003cbr\/\u003e\n        SIGUE VOLVIENDO?\n      \u003c\/h2\u003e\n\u003cp class=\"abf-sub\"\u003e\n        El sudor, la grasa, las células muertas y la acumulación microbiana pueden mantener los folículos atrapados en el mismo ciclo de brotes.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-mechanism-visual\"\u003e\n\u003cimg alt=\"Animación del ciclo de brotes de foliculitis\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/logoremover_1786786362466-ezgif.com-video-to-webp-converter.webp?v=1786786671\"\/\u003e\n\u003cdiv class=\"abf-mechanism-caption\"\u003e\n        ABERA ACTÚA SOBRE EL FOLÍCULO, NO SOLO SOBRE LA SUCIEDAD SUPERFICIAL.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n07 — ACTIVE INGREDIENTS\nCompact formula breakdown\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-ingredients\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        FÓRMULA ESPECÍFICA\n      \u003c\/span\u003e\n\u003ch2\u003e\n        4 ACTIVOS. 4 FUNCIONES.\u003cbr\/\u003e\n        UN SOLO GEL DE DUCHA PARA LA FOLICULITIS.\n      \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-ing-grid\"\u003e\n\u003carticle class=\"abf-ing\"\u003e\n\u003cimg alt=\"Melón amargo silvestre\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Wild_bitter_melon_with_gel_202608151652.webp?v=1786787820\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eMelón amargo silvestre\u003c\/h3\u003e\n\u003cp\u003e\n            Botánico estrella para piel propensa a la foliculitis.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-ing\"\u003e\n\u003cimg alt=\"Corteza de sauce blanco, BHA natural\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Willow_bark_skincare_ingredient___202608151653.webp?v=1786787820\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eCorteza de sauce blanco — BHA natural\u003c\/h3\u003e\n\u003cp\u003e\n            Exfolia las células muertas y destapa los folículos.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-ing\"\u003e\n\u003cimg alt=\"Aceite de árbol de té\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Tea_tree_oil_ingredient_photography_202608151654.webp?v=1786787820\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eAceite de árbol de té\u003c\/h3\u003e\n\u003cp\u003e\n            Combate la acumulación de hongos y bacterias.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-ing\"\u003e\n\u003cimg alt=\"Heartleaf\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Heartleaf_skincare_ingredient_ma__4K_202608151655.webp?v=1786787820\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eHeartleaf\u003c\/h3\u003e\n\u003cp\u003e\n            Calma el enrojecimiento, la picazón y la irritación.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n08 — EXPERT VIDEO\nAuthority section — concise expert explanation\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-expert\"\u003e\n\u003cdiv class=\"abf-wrap abf-two\"\u003e\n\u003cdiv class=\"abf-video-box\" id=\"abf-expert-player\"\u003e\n\u003cvideo controlslist=\"nofullscreen nodownload noremoteplayback\" disablepictureinpicture=\"\" id=\"abf-expert-video\" playsinline=\"\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Dermatologist_examining_patient_OP.jpg?v=1786776649\" preload=\"metadata\" webkit-playsinline=\"\" x-webkit-airplay=\"deny\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/324395522d604d97829970f4eeb1a78e.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003cbutton aria-label=\"Reproducir video del experto\" class=\"abf-expert-play\" type=\"button\"\u003e\n\u003cspan class=\"abf-expert-play-icon\"\u003e▶\u003c\/span\u003e\n\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        EL EXPERTO EXPLICA\n      \u003c\/span\u003e\n\u003ch2\u003e\n        POR QUÉ UN GEL DE DUCHA COMÚN PUEDE NO SER SUFICIENTE.\n      \u003c\/h2\u003e\n\u003cp\u003e\n        Un gel de ducha común limpia la superficie. El tratamiento de la foliculitis necesita ir más allá: actuar sobre los folículos obstruidos, el exceso de grasa y la acumulación recurrente.\n      \u003c\/p\u003e\n\u003cul class=\"abf-checks abf-expert-checks\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eACTÚA SOBRE FOLÍCULOS OBSTRUIDOS\u003c\/strong\u003e\n\u003cspan\u003eNo solo sobre la suciedad superficial.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eELIMINA GRASA + CÉLULAS MUERTAS\u003c\/strong\u003e\n\u003cspan\u003eAyuda a mantener más despejadas las aberturas de los folículos.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCONTROLA LA ACUMULACIÓN RECURRENTE\u003c\/strong\u003e\n\u003cspan\u003eAyuda a mantener la piel corporal con una apariencia más limpia con el tiempo.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n09 — BODY ZONES\nCompact treatment-area overview\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-zones\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        CUIDADO CORPORAL ESPECÍFICO\n      \u003c\/span\u003e\n\u003ch2\u003e\n        ÚSALO DONDE\u003cbr\/\u003e\n        APARECEN LOS BULTOS.\n      \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-zone-track\"\u003e\n\u003cdiv class=\"abf-zone\"\u003e\n\u003cdiv class=\"abf-zone-media\"\u003e\n\u003cimg alt=\"Zona de tratamiento de la espalda\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_showing_back_skin_4K_202608171104.webp?v=1786940012\"\/\u003e\n\u003c\/div\u003e\n\u003cstrong\u003eESPALDA\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-zone\"\u003e\n\u003cdiv class=\"abf-zone-media\"\u003e\n\u003cimg alt=\"Zona de tratamiento del pecho\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_showing_chest_concern_zone_202608171105.webp?v=1786940012\"\/\u003e\n\u003c\/div\u003e\n\u003cstrong\u003ePECHO\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-zone\"\u003e\n\u003cdiv class=\"abf-zone-media\"\u003e\n\u003cimg alt=\"Zona de tratamiento de los hombros\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Model_showing_shoulder_skin_cond__202608171105.webp?v=1786940012\"\/\u003e\n\u003c\/div\u003e\n\u003cstrong\u003eHOMBROS\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-zone\"\u003e\n\u003cdiv class=\"abf-zone-media\"\u003e\n\u003cimg alt=\"Zona de tratamiento de los glúteos\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Model_showing_body_skincare_trea__202608171106.webp?v=1786940012\"\/\u003e\n\u003c\/div\u003e\n\u003cstrong\u003eGLÚTEOS\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-zone\"\u003e\n\u003cdiv class=\"abf-zone-media\"\u003e\n\u003cimg alt=\"Zona de tratamiento de los muslos\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Model_showing_thigh_skincare_zone_202608171106.webp?v=1786940012\"\/\u003e\n\u003c\/div\u003e\n\u003cstrong\u003eMUSLOS\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-zone\"\u003e\n\u003cdiv class=\"abf-zone-media\"\u003e\n\u003cimg alt=\"Zona de tratamiento de los brazos\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_showing_upper_arms_4K_202608171111.webp?v=1786940013\"\/\u003e\n\u003c\/div\u003e\n\u003cstrong\u003eBRAZOS\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n10 — HOW TO USE + PERFECT DUO\nOne continuous routine section:\nHow to use → stronger follow-up with BHA → bundle offer\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-use abf-routine-combo\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        RUTINA DIARIA DE TRATAMIENTO\n      \u003c\/span\u003e\n\u003ch2\u003e\n        60–120 SEGUNDOS\u003cbr\/\u003e\n        EN LA DUCHA.\n      \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-use-grid\"\u003e\n\u003carticle class=\"abf-use-card\"\u003e\n\u003cdiv class=\"abf-num\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eHumedece la piel\u003c\/h3\u003e\n\u003cp\u003eHumedece completamente las zonas afectadas.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-use-card\"\u003e\n\u003cdiv class=\"abf-num\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eHaz espuma\u003c\/h3\u003e\n\u003cp\u003eAplica ABERA sobre las zonas problemáticas.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-use-card\"\u003e\n\u003cdiv class=\"abf-num\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eMasajea\u003c\/h3\u003e\n\u003cp\u003eMasajea durante 60–120 segundos.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-use-card\"\u003e\n\u003cdiv class=\"abf-num\"\u003e4\u003c\/div\u003e\n\u003ch3\u003eEnjuaga\u003c\/h3\u003e\n\u003cp\u003eEnjuaga bien y úsalo de forma constante.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-routine-duo\"\u003e\n\u003cdiv class=\"abf-routine-duo-media\"\u003e\n\u003cimg alt=\"Dúo perfecto ABERA Folliculitis Shower Gel y BHA Back Acne Spray\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_applying_shower_foam_4K_202608171711.webp?v=1786961722\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-routine-duo-copy\"\u003e\n\u003cspan class=\"abf-duo-kicker\"\u003e\n          DÚO PERFECTO\n        \u003c\/span\u003e\n\u003ch3\u003e\n          POTENCIA TU RUTINA CON BHA.\n        \u003c\/h3\u003e\n\u003cp\u003e\n          Para bultos persistentes en la espalda, el pecho y zonas difíciles de alcanzar, después de la ducha usa ABERA BHA Back Acne Spray como cuidado exfoliante sin enjuague.\n        \u003c\/p\u003e\n\u003cdiv class=\"abf-routine-duo-steps\"\u003e\n\u003cdiv class=\"abf-routine-duo-step\"\u003e\n\u003cstrong\u003eGEL DE DUCHA\u003c\/strong\u003e\n\u003cspan\u003eLimpia + Destapa\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-routine-duo-step\"\u003e\n\u003cstrong\u003eSPRAY BHA\u003c\/strong\u003e\n\u003cspan\u003eExfolia + Trata\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-routine-offer\"\u003e\n          COMPRA 2 GELES DE DUCHA → RECIBE GRATIS 1 SPRAY BHA\n        \u003c\/div\u003e\n\u003ca class=\"abf-btn abf-buy-btn\" href=\"#\"\u003e\n          OBTÉN EL DÚO PERFECTO →\n        \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n11 — PRODUCT COMPARISON\nCompact two-column comparison\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-compare\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003ePOR QUÉ ABERA\u003c\/span\u003e\n\u003ch2\u003eGEL DE DUCHA COMÚN\u003cbr\/\u003eNO FUE CREADO PARA ESTO.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-compare-box\"\u003e\n\u003cdiv class=\"abf-compare-col is-regular\"\u003e\n\u003ch3 class=\"abf-compare-title\"\u003e\n          GEL DE DUCHA COMÚN\n        \u003c\/h3\u003e\n\u003cdiv class=\"abf-compare-product\"\u003e\n\u003cimg alt=\"Gel de ducha común\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/sua-tam-ko-nhan-20250211041614-3hpo4-20260715090117-odxcy.webp?v=1786938441\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eSolo limpieza superficial\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eSin cuidado específico de los folículos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eSin exfoliación con BHA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eSin cuidado específico para la acumulación\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eLos bultos pueden volver\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-compare-col is-abera\"\u003e\n\u003ch3 class=\"abf-compare-title\"\u003e\n          ABERA FOLLICULITIS\u003cbr\/\u003e\n          GEL DE DUCHA\n        \u003c\/h3\u003e\n\u003cdiv class=\"abf-compare-product\"\u003e\n\u003cimg alt=\"ABERA Folliculitis Shower Gel\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1_1_bba2e09e-d787-4148-9c9d-c3b8a7672a98.webp?v=1786938523\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eActúa sobre piel propensa a la foliculitis\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eLimpia profundamente los folículos obstruidos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eExfoliación con BHA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eCombate la acumulación de hongos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eAyuda a prevenir la recurrencia\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n12 — REAL CUSTOMER \/ KOC VIDEOS\n\nUPLOAD 9 VERTICAL MP4 VIDEOS:\nPASTE_KOC_VIDEO_01_URL\nPASTE_KOC_VIDEO_02_URL\nPASTE_KOC_VIDEO_03_URL\nPASTE_KOC_VIDEO_04_URL\nPASTE_KOC_VIDEO_05_URL\nPASTE_KOC_VIDEO_06_URL\nPASTE_KOC_VIDEO_07_URL\nPASTE_KOC_VIDEO_08_URL\nPASTE_KOC_VIDEO_09_URL\n\nRECOMMENDED:\n- 9:16 vertical video\n- MP4 \/ H.264\n- no review text underneath\n- only one video plays at a time\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-reviews\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003ch2\u003e\n        CLIENTES REALES\n      \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-koc-shell\"\u003e\n\u003cbutton aria-label=\"Videos anteriores de clientes\" class=\"abf-koc-arrow abf-koc-prev\" type=\"button\"\u003e\n        ←\n      \u003c\/button\u003e\n\u003cdiv class=\"abf-koc-track\"\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2aa65a66e666432091d284f00c0b170f.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/90a537e801f24e4aab87cf505a367d40.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c5c4d7284fe1465e982a0b0366d1acfe.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a09d92962f8f43d39d5f7c0340ee2769.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/7fe2094e761647b7ac83640b54b0be90.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a52a7093e2d343c7ac5b826e0f4e3987.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/71cf5584adb442e79072e6d2f4a6c0b4.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0f8f29778ed64156981de087147bf688.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/57ab10aa60d94663ac2ee96f392445e1.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cbutton aria-label=\"Siguientes videos de clientes\" class=\"abf-koc-arrow abf-koc-next\" type=\"button\"\u003e\n        →\n      \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-koc-dots\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n12B — QUALITY \u0026 SAFETY DOCUMENTATION\n\nCompact 2-column documentation section.\nPlaced directly after the KOC video carousel.\nStatic document cards — no click \/ no full-view link.\n\nDOCUMENT 01:\nhttps:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA.jpg?v=1786441226\n\nDOCUMENT 02:\nhttps:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA_2.jpg?v=1786441227\n============================================================ --\u003e\n\u003csection class=\"abf-docs\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        DOCUMENTACIÓN DE CALIDAD\n      \u003c\/span\u003e\n\u003ch2\u003e\n        CALIDAD DOCUMENTADA.\n      \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-doc-grid\"\u003e\n\u003cdiv class=\"abf-doc-card\"\u003e\n\u003cdiv class=\"abf-doc-image\"\u003e\n\u003cimg alt=\"Documentación de producto y seguridad de ABERA\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA.jpg?v=1786441226\"\/\u003e\n\u003c\/div\u003e\n\u003cspan class=\"abf-doc-label\"\u003e\n          PRODUCTO Y SEGURIDAD\n        \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-doc-card\"\u003e\n\u003cdiv class=\"abf-doc-image\"\u003e\n\u003cimg alt=\"Documentación de fabricación y calidad de ABERA\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA_2.jpg?v=1786441227\"\/\u003e\n\u003c\/div\u003e\n\u003cspan class=\"abf-doc-label\"\u003e\n          FABRICACIÓN Y CALIDAD\n        \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n13 — FINAL CTA\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-final abf-center\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n      COMIENZA TU TRATAMIENTO\n    \u003c\/span\u003e\n\u003ch2\u003e\n      TRATA LA FOLICULITIS.\u003cbr\/\u003e\n      ROMPE EL CICLO DE RECURRENCIA.\n    \u003c\/h2\u003e\n\u003cp class=\"abf-sub\"\u003e\n      Combate la foliculitis, los brotes corporales por hongos, el acné de espalda, los vellos encarnados y los bultos recurrentes con un tratamiento a base de melón amargo silvestre.\n    \u003c\/p\u003e\n\u003ca class=\"abf-btn abf-buy-btn\" href=\"#\"\u003e\n      COMPRA EL TRATAMIENTO ABERA PARA LA FOLICULITIS →\n    \u003c\/a\u003e\n\u003cdiv class=\"abf-note\"\u003e\n      Garantía de devolución de 30 días • Envío rápido en EE. UU. • Pago seguro\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n14 — FAQ\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-faq\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        PREGUNTAS FRECUENTES SOBRE FOLICULITIS\n      \u003c\/span\u003e\n\u003ch2\u003e\n        ¿PREGUNTAS?\u003cbr\/\u003e\n        EMPIEZA AQUÍ.\n      \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-faq-list\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n          ¿Para qué sirve ABERA Folliculitis Treatment Body Wash?\n        \u003c\/summary\u003e\n\u003cp\u003e\n          ABERA está diseñado para tratar la foliculitis, los bultos corporales recurrentes, el acné de espalda y pecho, los brotes corporales por hongos, los vellos encarnados, la piel de fresa y la textura folicular áspera.\n        \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n          ¿Cómo ayuda el melón amargo silvestre con la foliculitis?\n        \u003c\/summary\u003e\n\u003cp\u003e\n          El melón amargo silvestre es el botánico distintivo del sistema de tratamiento ABERA. Actúa junto con BHA, aceite de árbol de té y Heartleaf sobre los folículos congestionados y propensos a problemas.\n        \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n          ¿Puedo usarlo para la foliculitis de espalda y pecho?\n        \u003c\/summary\u003e\n\u003cp\u003e\n          Sí. Está diseñado para zonas comúnmente afectadas, como la espalda, el pecho, los hombros, los brazos, los muslos y los glúteos.\n        \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n          ¿Trata la foliculitis por hongos?\n        \u003c\/summary\u003e\n\u003cp\u003e\n          El sistema de tratamiento combina melón amargo silvestre y aceite de árbol de té para combatir la acumulación de hongos, mientras que el BHA ayuda a eliminar la grasa y las células muertas atrapadas alrededor de los folículos.\n        \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n          ¿Puede ayudar a prevenir que la foliculitis vuelva?\n        \u003c\/summary\u003e\n\u003cp\u003e\n          El uso constante ayuda a mantener los folículos más limpios, eliminar la acumulación recurrente y conservar un entorno cutáneo más limpio para ayudar a prevenir la recurrencia.\n        \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n          ¿Con qué frecuencia debo usar ABERA Folliculitis Body Wash?\n        \u003c\/summary\u003e\n\u003cp\u003e\n          Úsalo de forma constante como parte de tu rutina de ducha. Masajea las zonas problemáticas durante aproximadamente 60–120 segundos antes de enjuagar bien.\n        \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n          ¿Puedo usarlo después de hacer ejercicio?\n        \u003c\/summary\u003e\n\u003cp\u003e\n          Sí. Es especialmente útil después de sudar porque ayuda a eliminar el sudor, el exceso de grasa y la acumulación de las zonas propensas a la foliculitis.\n        \u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function(){\n\n  const root = document.getElementById('abf-page');\n  if(!root) return;\n\n\n  \/* =========================================================\n  STANDARD MOBILE CAROUSELS\n  ========================================================= *\/\n\n  function setupStandardCarousels(){\n\n    const tracks = root.querySelectorAll('[data-carousel]');\n\n    tracks.forEach(function(track){\n\n      let dotsBox = track.nextElementSibling;\n\n      if(\n        !dotsBox ||\n        !dotsBox.classList.contains('abf-dots')\n      ){\n        dotsBox = track.parentElement.querySelector('.abf-dots');\n      }\n\n      if(!dotsBox) return;\n\n      const slides = Array.from(track.children);\n\n      dotsBox.innerHTML = '';\n\n      slides.forEach(function(slide,index){\n\n        const dot = document.createElement('button');\n\n        dot.className =\n          'abf-dot' +\n          (index === 0 ? ' active' : '');\n\n        dot.setAttribute(\n          'aria-label',\n          'Ir a la diapositiva ' + (index + 1)\n        );\n\n        dot.addEventListener('click',function(){\n\n          slide.scrollIntoView({\n            behavior:'smooth',\n            block:'nearest',\n            inline:'center'\n          });\n\n        });\n\n        dotsBox.appendChild(dot);\n\n      });\n\n\n      function updateDots(){\n\n        if(window.innerWidth \u003e 767) return;\n\n        const trackRect = track.getBoundingClientRect();\n\n        const center =\n          trackRect.left +\n          trackRect.width \/ 2;\n\n        let closestIndex = 0;\n        let closestDistance = Infinity;\n\n        slides.forEach(function(slide,index){\n\n          const rect = slide.getBoundingClientRect();\n\n          const slideCenter =\n            rect.left +\n            rect.width \/ 2;\n\n          const distance =\n            Math.abs(slideCenter - center);\n\n          if(distance \u003c closestDistance){\n\n            closestDistance = distance;\n            closestIndex = index;\n\n          }\n\n        });\n\n        dotsBox\n          .querySelectorAll('.abf-dot')\n          .forEach(function(dot,index){\n\n            dot.classList.toggle(\n              'active',\n              index === closestIndex\n            );\n\n          });\n\n      }\n\n\n      let ticking = false;\n\n      track.addEventListener(\n        'scroll',\n        function(){\n\n          if(!ticking){\n\n            requestAnimationFrame(function(){\n\n              updateDots();\n\n              ticking = false;\n\n            });\n\n            ticking = true;\n\n          }\n\n        },\n        {passive:true}\n      );\n\n      updateDots();\n\n    });\n\n  }\n\n  setupStandardCarousels();\n\n\n  \/* =========================================================\n  BRAND CAROUSEL\n  Includes normal cards + lifestyle photo cards\n  ========================================================= *\/\n\n  const brandTrack =\n    root.querySelector('.abf-brand-track');\n\n  if(brandTrack){\n\n    const brandSlides =\n      Array.from(\n        brandTrack.children\n      );\n\n    const prev =\n      root.querySelector('.abf-brand-prev');\n\n    const next =\n      root.querySelector('.abf-brand-next');\n\n    const dotsBox =\n      root.querySelector('.abf-brand-dots');\n\n    if(\n      brandSlides.length \u0026\u0026\n      dotsBox\n    ){\n\n      dotsBox.innerHTML = '';\n\n      brandSlides.forEach(function(slide,index){\n\n        const dot =\n          document.createElement('button');\n\n        dot.className =\n          'abf-brand-dot' +\n          (index === 0 ? ' active' : '');\n\n        dot.setAttribute(\n          'aria-label',\n          'Ir a la diapositiva de marca ' +\n          (index + 1)\n        );\n\n        dot.addEventListener(\n          'click',\n          function(){\n\n            slide.scrollIntoView({\n              behavior:'smooth',\n              block:'nearest',\n              inline:'start'\n            });\n\n          }\n        );\n\n        dotsBox.appendChild(dot);\n\n      });\n\n\n      function getBrandIndex(){\n\n        const trackRect =\n          brandTrack.getBoundingClientRect();\n\n        const start =\n          trackRect.left;\n\n        let closest = 0;\n        let distance = Infinity;\n\n        brandSlides.forEach(\n          function(slide,index){\n\n            const rect =\n              slide.getBoundingClientRect();\n\n            const currentDistance =\n              Math.abs(\n                rect.left -\n                start\n              );\n\n            if(\n              currentDistance \u003c\n              distance\n            ){\n\n              distance =\n                currentDistance;\n\n              closest =\n                index;\n\n            }\n\n          }\n        );\n\n        return closest;\n\n      }\n\n\n      function updateBrandDots(){\n\n        const current =\n          getBrandIndex();\n\n        dotsBox\n          .querySelectorAll('.abf-brand-dot')\n          .forEach(\n            function(dot,index){\n\n              dot.classList.toggle(\n                'active',\n                index === current\n              );\n\n            }\n          );\n\n      }\n\n\n      function moveBrand(direction){\n\n        let current =\n          getBrandIndex();\n\n        current += direction;\n\n        if(current \u003c 0){\n          current =\n            brandSlides.length - 1;\n        }\n\n        if(\n          current \u003e=\n          brandSlides.length\n        ){\n          current = 0;\n        }\n\n        brandSlides[current]\n          .scrollIntoView({\n\n            behavior:'smooth',\n            block:'nearest',\n            inline:'start'\n\n          });\n\n      }\n\n\n      if(prev){\n\n        prev.addEventListener(\n          'click',\n          function(){\n            moveBrand(-1);\n          }\n        );\n\n      }\n\n\n      if(next){\n\n        next.addEventListener(\n          'click',\n          function(){\n            moveBrand(1);\n          }\n        );\n\n      }\n\n\n      let brandTicking = false;\n\n      brandTrack.addEventListener(\n        'scroll',\n        function(){\n\n          if(!brandTicking){\n\n            requestAnimationFrame(\n              function(){\n\n                updateBrandDots();\n\n                brandTicking = false;\n\n              }\n            );\n\n            brandTicking = true;\n\n          }\n\n        },\n        {passive:true}\n      );\n\n      updateBrandDots();\n\n    }\n\n  }\n\n\n\n  \/* =========================================================\n  KOC VIDEO CAROUSEL\n  9 vertical videos \/ only one plays at a time\n  ========================================================= *\/\n\n  const kocTrack = root.querySelector('.abf-koc-track');\n\n  if(kocTrack){\n\n    const kocCards = Array.from(\n      kocTrack.querySelectorAll('.abf-koc-card')\n    );\n\n    const kocVideos = Array.from(\n      kocTrack.querySelectorAll('.abf-koc-video')\n    );\n\n    const kocPrev =\n      root.querySelector('.abf-koc-prev');\n\n    const kocNext =\n      root.querySelector('.abf-koc-next');\n\n    const kocDotsBox =\n      root.querySelector('.abf-koc-dots');\n\n\n    \/* Prime a real video frame as the thumbnail.\n       Videos stay paused; only a tiny range is requested when near viewport. *\/\n\n    function primeKocThumbnail(video){\n\n      if(video.dataset.abfThumbPrimed === '1') return;\n      video.dataset.abfThumbPrimed = '1';\n\n      function seekToPreviewFrame(){\n\n        try{\n          if(video.duration \u0026\u0026 isFinite(video.duration)){\n            video.currentTime = Math.min(0.12, Math.max(0.04, video.duration * 0.01));\n          }else{\n            video.currentTime = 0.12;\n          }\n        }catch(e){}\n\n      }\n\n      if(video.readyState \u003e= 1){\n        seekToPreviewFrame();\n      }else{\n        video.addEventListener('loadedmetadata',seekToPreviewFrame,{once:true});\n        video.load();\n      }\n\n    }\n\n\n    if('IntersectionObserver' in window){\n\n      const kocThumbObserver = new IntersectionObserver(\n        function(entries){\n\n          entries.forEach(function(entry){\n\n            if(entry.isIntersecting){\n              primeKocThumbnail(entry.target);\n              kocThumbObserver.unobserve(entry.target);\n            }\n\n          });\n\n        },\n        {rootMargin:'350px 0px'}\n      );\n\n      kocVideos.forEach(function(video){\n        kocThumbObserver.observe(video);\n      });\n\n    }else{\n\n      kocVideos.forEach(primeKocThumbnail);\n\n    }\n\n\n    \/* Only one video can play at a time *\/\n\n    kocVideos.forEach(function(video){\n\n      video.addEventListener('play',function(){\n\n        kocVideos.forEach(function(other){\n\n          if(other !== video){\n            other.pause();\n          }\n\n        });\n\n      });\n\n    });\n\n\n    \/* Dots *\/\n\n    if(kocDotsBox \u0026\u0026 kocCards.length){\n\n      kocDotsBox.innerHTML = '';\n\n      kocCards.forEach(function(card,index){\n\n        const dot =\n          document.createElement('button');\n\n        dot.className =\n          'abf-koc-dot' +\n          (index === 0 ? ' active' : '');\n\n        dot.setAttribute(\n          'aria-label',\n          'Ir al video de cliente ' + (index + 1)\n        );\n\n        dot.addEventListener(\n          'click',\n          function(){\n\n            card.scrollIntoView({\n              behavior:'smooth',\n              block:'nearest',\n              inline:'start'\n            });\n\n          }\n        );\n\n        kocDotsBox.appendChild(dot);\n\n      });\n\n\n      function getKocIndex(){\n\n        const trackRect =\n          kocTrack.getBoundingClientRect();\n\n        const start =\n          trackRect.left;\n\n        let closest = 0;\n        let distance = Infinity;\n\n        kocCards.forEach(function(card,index){\n\n          const rect =\n            card.getBoundingClientRect();\n\n          const current =\n            Math.abs(rect.left - start);\n\n          if(current \u003c distance){\n\n            distance = current;\n            closest = index;\n\n          }\n\n        });\n\n        return closest;\n\n      }\n\n\n      function updateKocDots(){\n\n        const current =\n          getKocIndex();\n\n        kocDotsBox\n          .querySelectorAll('.abf-koc-dot')\n          .forEach(function(dot,index){\n\n            dot.classList.toggle(\n              'active',\n              index === current\n            );\n\n          });\n\n      }\n\n\n      function moveKoc(direction){\n\n        let current =\n          getKocIndex();\n\n        current += direction;\n\n        if(current \u003c 0){\n          current = kocCards.length - 1;\n        }\n\n        if(current \u003e= kocCards.length){\n          current = 0;\n        }\n\n        kocCards[current]\n          .scrollIntoView({\n            behavior:'smooth',\n            block:'nearest',\n            inline:'start'\n          });\n\n      }\n\n\n      if(kocPrev){\n\n        kocPrev.addEventListener(\n          'click',\n          function(){\n            moveKoc(-1);\n          }\n        );\n\n      }\n\n\n      if(kocNext){\n\n        kocNext.addEventListener(\n          'click',\n          function(){\n            moveKoc(1);\n          }\n        );\n\n      }\n\n\n      let kocTicking = false;\n\n      kocTrack.addEventListener(\n        'scroll',\n        function(){\n\n          if(!kocTicking){\n\n            requestAnimationFrame(function(){\n\n              updateKocDots();\n              kocTicking = false;\n\n            });\n\n            kocTicking = true;\n\n          }\n\n        },\n        {passive:true}\n      );\n\n\n      updateKocDots();\n\n    }\n\n  }\n\n\n\n  \/* =========================================================\n  EXPERT VIDEO — INLINE PLAY \/ PAUSE\n  Doctor video only. KOC players are untouched.\n  ========================================================= *\/\n\n  const expertPlayer =\n    root.querySelector('#abf-expert-player');\n\n  const expertVideo =\n    root.querySelector('#abf-expert-video');\n\n  const expertPlayButton =\n    expertPlayer\n      ? expertPlayer.querySelector('.abf-expert-play')\n      : null;\n\n  if(expertPlayer \u0026\u0026 expertVideo \u0026\u0026 expertPlayButton){\n\n    function playExpertVideo(){\n\n      expertVideo.play()\n        .then(function(){\n          expertPlayer.classList.add('is-playing');\n        })\n        .catch(function(){\n          expertPlayer.classList.remove('is-playing');\n        });\n\n    }\n\n    function pauseExpertVideo(){\n      expertVideo.pause();\n      expertPlayer.classList.remove('is-playing');\n    }\n\n    expertPlayButton.addEventListener('click',function(event){\n      event.preventDefault();\n      event.stopPropagation();\n      playExpertVideo();\n    });\n\n    expertVideo.addEventListener('click',function(){\n      if(expertVideo.paused){\n        playExpertVideo();\n      }else{\n        pauseExpertVideo();\n      }\n    });\n\n    expertVideo.addEventListener('play',function(){\n      expertPlayer.classList.add('is-playing');\n    });\n\n    expertVideo.addEventListener('pause',function(){\n      expertPlayer.classList.remove('is-playing');\n    });\n\n    expertVideo.addEventListener('ended',function(){\n      expertPlayer.classList.remove('is-playing');\n      try{\n        expertVideo.currentTime = 0;\n      }catch(e){}\n    });\n\n  }\n\n  \/* =========================================================\n  CTA SCROLL TO SHOPIFY PRODUCT FORM\n  ========================================================= *\/\n\n  const buyButtons =\n    root.querySelectorAll(\n      '.abf-buy-btn'\n    );\n\n  buyButtons.forEach(function(button){\n\n    button.addEventListener(\n      'click',\n      function(event){\n\n        event.preventDefault();\n\n        const possibleTargets = [\n\n          document.querySelector('.product-form'),\n\n          document.querySelector('.product__info-container'),\n\n          document.querySelector('[id^=\"ProductInfo-\"]'),\n\n          document.querySelector('product-info'),\n\n          document.querySelector('form[action*=\"\/cart\/add\"]')\n\n        ];\n\n        const target =\n          possibleTargets.find(Boolean);\n\n        if(target){\n\n          target.scrollIntoView({\n            behavior:'smooth',\n            block:'center'\n          });\n\n        }else{\n\n          window.scrollTo({\n            top:0,\n            behavior:'smooth'\n          });\n\n        }\n\n      }\n    );\n\n  });\n\n})();\n\u003c\/script\u003e","brand":"ABERA US","offers":[{"title":"1 CAJA","offer_id":53838772011376,"sku":"CB-GTABERA087+SL1","price":29.95,"currency_code":"USD","in_stock":true},{"title":"COMPRA 2 (AHORRA 15%) + SPRAY BHA PARA EL ACNÉ DE LA ESPALDA DE REGALO","offer_id":54017347846512,"sku":"CB-GTABERA087+SL2-CB-BHA059+SL1","price":63.7,"currency_code":"USD","in_stock":true},{"title":"1 CAJA + 1 CHAMPÚ DE GINSENG","offer_id":54073073369456,"sku":"CB-GTABERA087+SL1-CB-LANGBIAN096+SL1","price":49.95,"currency_code":"USD","in_stock":true},{"title":"3 CAJAS (Ahorra un 35%)","offer_id":54017347879280,"sku":"CB-GTABERA087+SL3","price":74.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/nh_330b8023-2e57-46d8-aa5a-c95a5728ee79.webp?v=1786950821","url":"https:\/\/www.dasuho.com\/es\/products\/folliculitis-shower-gel","provider":"DASUHO","version":"1.0","type":"link"}