{"product_id":"folliculitis-shower-gel","title":"ABERA Folliculitis Body Wash For Men \u0026 Women","description":"\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\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\n\n\u003cdiv id=\"abf-page\"\u003e\n\n\n\u003c!-- ============================================================\n01 — TREATMENT\n============================================================ --\u003e\n\n\u003csection class=\"abf-treatment abf-center\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n FROM THE BRAND\n \u003c\/span\u003e\n\n \u003ch2\u003e\n HIGH-PERFORMANCE FOLLICULITIS TREATMENT BODY WASH\n \u003c\/h2\u003e\n\n \u003cp class=\"abf-sub\"\u003e\n Get rid of back acne and hyperkeratosis with a targeted body wash\n for folliculitis-prone skin and recurring body bumps.\n \u003c\/p\u003e\n\n\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\n \u003cdiv class=\"abf-brand-stage\"\u003e\n\n\n \u003cdiv class=\"abf-brand-bg\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Shopifi_6.webp?v=1787213309\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-brand-overlay-zone\"\u003e\n\n \u003cdiv class=\"abf-brand-viewport\"\u003e\n\n\n \u003cbutton type=\"button\" class=\"abf-brand-arrow abf-brand-prev\"\u003e\n ←\n \u003c\/button\u003e\n\n\n \u003cdiv class=\"abf-brand-track\"\u003e\n\n \u003carticle class=\"abf-brand-card is-white\"\u003e\n\n \u003cdiv class=\"abf-brand-card-media\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_pointing_at_woman_s_back_202608151401.webp?v=1786777580\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-brand-card-copy\"\u003e\n\n \u003ch3\u003e\n WE POSSESS EXPERTISE IN BODYCARE\n \u003c\/h3\u003e\n\n \u003cp\u003e\n We understand body skin concerns like sweat, oil,\n friction and clogged follicles that keep bumps coming back.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abf-brand-mini\"\u003e\n \u003cspan\u003eBack\u003c\/span\u003e\n \u003cspan\u003eChest\u003c\/span\u003e\n \u003cspan\u003eShoulders\u003c\/span\u003e\n \u003cspan\u003eThighs\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-brand-card is-green\"\u003e\n\n \u003cdiv class=\"abf-brand-card-media\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Cosmetic_formulation_product_adv__4K_202608151404_1.webp?v=1786778339\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-brand-card-copy\"\u003e\n\n \u003ch3\u003e\n WE ARE WELL-VERSED IN INGREDIENTS\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Wild Bitter Melon, BHA, Tea Tree Oil and Heartleaf\n work together to exfoliate, purify and calm breakout-prone body skin.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abf-brand-mini\"\u003e\n \u003cspan\u003eWild Bitter Melon\u003c\/span\u003e\n \u003cspan\u003eBHA\u003c\/span\u003e\n \u003cspan\u003eTea Tree\u003c\/span\u003e\n \u003cspan\u003eHeartleaf\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-brand-card is-white\"\u003e\n\n \u003cdiv class=\"abf-brand-card-media\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Clinical_skin_before_and_after_202608151355.webp?v=1786777580\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-brand-card-copy\"\u003e\n\n \u003ch3\u003e\n WHY PEOPLE TRUST ABERA FOLLICULITIS SHOWER GEL\n \u003c\/h3\u003e\n\n \u003cp\u003e\n \u003cstrong\u003e92%\u003c\/strong\u003e noticed fewer back bumps and folliculitis.\u003cbr\u003e\n \u003cstrong\u003e95%\u003c\/strong\u003e felt smoother skin with less visible redness in just a few weeks.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abf-brand-mini\"\u003e\n \u003cspan\u003eMeasured Results\u003c\/span\u003e\n \u003cspan\u003eVisible Change\u003c\/span\u003e\n \u003cspan\u003eFew Weeks\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-brand-card is-green\"\u003e\n\n \u003cdiv class=\"abf-brand-card-media\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Cosmetic_formulation_product_adv__4K_202608151404.webp?v=1786777580\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-brand-card-copy\"\u003e\n\n \u003ch3\u003e\n FORMULATED FOR TARGETED BODY TREATMENT\n \u003c\/h3\u003e\n\n \u003cp\u003e\n A targeted body wash designed for recurring body bumps,\n rough texture and folliculitis-prone skin.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abf-brand-mini\"\u003e\n \u003cspan\u003eTargeted Care\u003c\/span\u003e\n \u003cspan\u003eDaily Use\u003c\/span\u003e\n \u003cspan\u003eBody Focus\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-brand-card is-white\"\u003e\n\n \u003cdiv class=\"abf-brand-card-media\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Cosmetic_formulation_product_adv__4K_2026s08151404.webp?v=1786778556\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-brand-card-copy\"\u003e\n\n \u003ch3\u003e\n POWERED BY WILD BITTER MELON\n \u003c\/h3\u003e\n\n \u003cp\u003e\n A treatment-first body wash that helps cleanse,\n unclog and maintain clearer-looking body skin.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abf-brand-mini\"\u003e\n \u003cspan\u003eCleanse\u003c\/span\u003e\n \u003cspan\u003eUnclog\u003c\/span\u003e\n \u003cspan\u003ePurify\u003c\/span\u003e\n \u003cspan\u003eMaintain\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-brand-photo-card\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_1_6c9e8016-b200-49cb-951f-a9c09716aa7d.webp?v=1786777993\" alt=\"Man holding ABERA Folliculitis Body Wash\" loading=\"lazy\"\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-brand-photo-card\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_3_f3fc4c4d-a776-47fe-94f0-f58ba9e80aa4.webp?v=1786777993\" alt=\"Woman holding ABERA Folliculitis Body Wash\" loading=\"lazy\"\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-brand-photo-card\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_4_15dc276f-d1a6-4cca-a743-75c26493d648.webp?v=1786777993\" alt=\"ABERA Folliculitis Body Wash daily lifestyle use\" loading=\"lazy\"\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cbutton type=\"button\" class=\"abf-brand-arrow abf-brand-next\"\u003e\n →\n \u003c\/button\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-brand-dots\"\u003e\u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- BRAND → TREATMENT TRANSITION --\u003e\n \u003cp class=\"abf-brand-transition\"\u003e\n FOLLICULITIS • BACK ACNE • BODY ACNE • STRAWBERRY SKIN • KERATOSIS PILARIS\n \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\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\n\u003csection class=\"abf-section abf-wbm\"\u003e\n\n \u003cdiv class=\"abf-wrap abf-two\"\u003e\n\n \u003cdiv class=\"abf-main-img\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Body_wash_product_hero_image_202608151436.webp?v=1786779691\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-big-copy\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n THE POWER OF WILD BITTER MELON\n \u003c\/span\u003e\n\n \u003ch2\u003e\n WHY WILD BITTER MELON WORKS AGAINST FOLLICULITIS\u003cbr\u003e\n \n \u003c\/h2\u003e\n\n \u003cp\u003e\n The hero ingredient behind \u003cstrong\u003eABERA Folliculitis Body Wash\u003c\/strong\u003e —\n helping target clogged follicles, fungal buildup and recurring body acne.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abf-wbm-benefits\"\u003e\n\n \u003cdiv class=\"abf-benefit\"\u003e\n\n \u003cstrong\u003eFIGHTS FOLLICULITIS\u003c\/strong\u003e\n\n \u003cp\u003e\n Targets clogged, inflamed follicles.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-benefit\"\u003e\n\n \u003cstrong\u003eANTIFUNGAL ACTION\u003c\/strong\u003e\n\n \u003cp\u003e\n Helps eliminate fungal buildup.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-benefit\"\u003e\n\n \u003cstrong\u003eUNCLOGS FOLLICLES\u003c\/strong\u003e\n\n \u003cp\u003e\n Clears oil, dead skin and debris.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-benefit\"\u003e\n\n \u003cstrong\u003ePREVENTS RECURRENCE\u003c\/strong\u003e\n\n \u003cp\u003e\n Helps stop stubborn bumps from returning.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n03 — WILD BITTER MELON STORY\nCompact history → research → product relevance\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-story\"\u003e\n\n \u003cdiv class=\"abf-wrap abf-two\"\u003e\n\n \u003cdiv\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n USED FOR GENERATIONS\n \u003c\/span\u003e\n\n \u003cp\u003e\n Bitter Melon (\u003cem\u003eMomordica charantia\u003c\/em\u003e) has been used for generations\n in Ayurvedic and traditional Asian wellness practices.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Modern research has identified naturally occurring compounds with\n antioxidant, anti-inflammatory and antimicrobial activity — one reason\n Wild Bitter Melon became the signature botanical in\n \u003cstrong\u003eABERA Folliculitis Body Wash\u003c\/strong\u003e.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-main-img\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Farmer_holding_bitter_melon_vine_202608151448.webp?v=1786780165\" alt=\"Farmer holding Wild Bitter Melon\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\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\n\u003csection class=\"abf-section abf-results\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n VISIBLE TRANSFORMATION\n \u003c\/span\u003e\n\n \u003ch2\u003e\n REAL RESULTS IN JUST 4 WEEKS\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-track abf-grid-4 abf-results-track\" data-carousel\u003e\n\n\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\n \u003carticle class=\"abf-result-card\"\u003e\n\n \u003cdiv class=\"abf-result-image\"\u003e\n\n \u003cimg 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\" alt=\"Before and after back acne and folliculitis treatment\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-result-copy\"\u003e\n\n \u003cspan class=\"abf-result-tag\"\u003e\n BACK\n \u003c\/span\u003e\n\n \u003ch3\u003e\n REDUCE BACK ACNE\u003cbr\u003e\n \u0026amp; FOLLICULITIS\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Helps visibly reduce stubborn follicular bumps,\n redness and congested-looking back skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\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\n \u003carticle class=\"abf-result-card\"\u003e\n\n \u003cdiv class=\"abf-result-image\"\u003e\n\n \u003cimg 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\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-result-copy\"\u003e\n\n \u003cspan class=\"abf-result-tag\"\u003e\n CHEST + SHOULDERS\n \u003c\/span\u003e\n\n \u003ch3\u003e\n CLEAR BODY\u003cbr\u003e\n BREAKOUTS\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Targets clogged follicles and helps calm red,\n uneven-looking chest and shoulder skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\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\n \u003carticle class=\"abf-result-card\"\u003e\n\n \u003cdiv class=\"abf-result-image\"\u003e\n\n \u003cimg 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\" alt=\"Before and after strawberry skin and rough body texture\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-result-copy\"\u003e\n\n \u003cspan class=\"abf-result-tag\"\u003e\n ROUGH TEXTURE\n \u003c\/span\u003e\n\n \u003ch3\u003e\n SMOOTH STRAWBERRY SKIN\u003cbr\u003e\n \u0026amp; ROUGH TEXTURE\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Helps refine clogged-looking follicles and restore\n smoother, more even-looking body skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\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\n \u003carticle class=\"abf-result-card\"\u003e\n\n \u003cdiv class=\"abf-result-image\"\u003e\n\n \u003cimg 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\" alt=\"Before and after ingrown hairs and recurring body bumps\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-result-copy\"\u003e\n\n \u003cspan class=\"abf-result-tag\"\u003e\n RECURRING BUMPS\n \u003c\/span\u003e\n\n \u003ch3\u003e\n TARGET INGROWN HAIRS\u003cbr\u003e\n \u0026amp; RECURRING BUMPS\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Helps keep follicles clearer and reduces the look\n of bumps caused by shaving and friction.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-dots\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n05 — PROBLEM RECOGNITION\nDesktop: 4 cards in one row\nMobile: 2 × 2 grid — no carousel\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-problems\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n RECOGNIZE THE SIGNS\n \u003c\/span\u003e\n\n \u003ch2\u003e\n DOES YOUR SKIN\u003cbr\u003e\n LOOK LIKE THIS?\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-track abf-grid-4 abf-problem-track\"\u003e\n\n\n \u003carticle class=\"abf-problem\"\u003e\n\n \u003cimg 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\" alt=\"Folliculitis bumps around hair follicles\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abf-card-copy\"\u003e\n\n \u003ch3\u003eFolliculitis Bumps\u003c\/h3\u003e\n\n \u003cp\u003e\n Red, inflamed bumps around hair follicles.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-problem\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Refresh-Medispa-Cosmetic-Conditions-BackAcne.webp?v=1786783738\" alt=\"Back and chest acne\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abf-card-copy\"\u003e\n\n \u003ch3\u003eBack \u0026amp; Chest Acne\u003c\/h3\u003e\n\n \u003cp\u003e\n Breakouts triggered by sweat, oil and friction.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-problem\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/how_to_prevent_ingrown_hairs_3454976.webp?v=1786783938\" alt=\"Ingrown hairs after shaving\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abf-card-copy\"\u003e\n\n \u003ch3\u003eIngrown Hairs\u003c\/h3\u003e\n\n \u003cp\u003e\n Raised bumps after shaving or friction.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-problem\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/strawberry.jpg?v=1786783738\" alt=\"Strawberry skin and keratosis pilaris\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abf-card-copy\"\u003e\n\n \u003ch3\u003eStrawberry Skin \/ KP\u003c\/h3\u003e\n\n \u003cp\u003e\n Dark follicles and rough, uneven texture.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n06 — MECHANISM\nAnimation explains the cycle.\nCards below act as a short visual legend.\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-mechanism\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n BREAK THE CYCLE\n \u003c\/span\u003e\n\n \u003ch2\u003e\n WHY DOES FOLLICULITIS\u003cbr\u003e\n KEEP COMING BACK?\n \u003c\/h2\u003e\n\n \u003cp class=\"abf-sub\"\u003e\n Sweat, oil, dead skin and microbial buildup\n can keep follicles trapped in the same breakout cycle.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-mechanism-visual\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/logoremover_1786786362466-ezgif.com-video-to-webp-converter.webp?v=1786786671\" alt=\"Folliculitis breakout cycle animation\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abf-mechanism-caption\"\u003e\n ABERA TARGETS THE FOLLICLE — NOT JUST SURFACE DIRT.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n07 — ACTIVE INGREDIENTS\nCompact formula breakdown\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-ingredients\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n TARGETED FORMULA\n \u003c\/span\u003e\n\n \u003ch2\u003e\n 4 ACTIVES. 4 ROLES.\u003cbr\u003e\n ONE FOLLICULITIS BODY WASH.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-ing-grid\"\u003e\n\n \u003carticle class=\"abf-ing\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Wild_bitter_melon_with_gel_202608151652.webp?v=1786787820\" alt=\"Wild Bitter Melon\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abf-card-copy\"\u003e\n\n \u003ch3\u003eWild Bitter Melon\u003c\/h3\u003e\n\n \u003cp\u003e\n Hero botanical for folliculitis-prone skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-ing\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Willow_bark_skincare_ingredient___202608151653.webp?v=1786787820\" alt=\"White Willow Bark Natural BHA\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abf-card-copy\"\u003e\n\n \u003ch3\u003eWhite Willow Bark — Natural BHA\u003c\/h3\u003e\n\n \u003cp\u003e\n Exfoliates dead skin and unclogs follicles.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-ing\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Tea_tree_oil_ingredient_photography_202608151654.webp?v=1786787820\" alt=\"Tea Tree Oil\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abf-card-copy\"\u003e\n\n \u003ch3\u003eTea Tree Oil\u003c\/h3\u003e\n\n \u003cp\u003e\n Targets fungal and bacterial buildup.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-ing\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Heartleaf_skincare_ingredient_ma__4K_202608151655.webp?v=1786787820\" alt=\"Heartleaf\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abf-card-copy\"\u003e\n\n \u003ch3\u003eHeartleaf\u003c\/h3\u003e\n\n \u003cp\u003e\n Calms redness, itching and irritation.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n08 — EXPERT VIDEO\nAuthority section — concise expert explanation\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-expert\"\u003e\n\n \u003cdiv class=\"abf-wrap abf-two\"\u003e\n\n \u003cdiv class=\"abf-video-box\" id=\"abf-expert-player\"\u003e\n\n \u003cvideo id=\"abf-expert-video\" playsinline webkit-playsinline preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Dermatologist_examining_patient_OP.jpg?v=1786776649\" controlslist=\"nofullscreen nodownload noremoteplayback\" disablepictureinpicture x-webkit-airplay=\"deny\"\u003e\n\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/324395522d604d97829970f4eeb1a78e.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n \u003cbutton type=\"button\" class=\"abf-expert-play\" aria-label=\"Play expert video\"\u003e\n\n \u003cspan class=\"abf-expert-play-icon\"\u003e▶\u003c\/span\u003e\n\n \u003c\/button\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n EXPERT EXPLAINS\n \u003c\/span\u003e\n\n \u003ch2\u003e\n WHY REGULAR BODY WASH\n MAY NOT BE ENOUGH.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Regular body wash cleans the surface. Folliculitis treatment\n needs to go further — targeting clogged follicles,\n excess oil and recurring buildup.\n \u003c\/p\u003e\n\n \u003cul class=\"abf-checks abf-expert-checks\"\u003e\n\n \u003cli\u003e\n \u003cstrong\u003eTARGET CLOGGED FOLLICLES\u003c\/strong\u003e\n \u003cspan\u003eNot just surface dirt.\u003c\/span\u003e\n \u003c\/li\u003e\n\n \u003cli\u003e\n \u003cstrong\u003eREMOVE OIL + DEAD SKIN\u003c\/strong\u003e\n \u003cspan\u003eHelp keep follicle openings clearer.\u003c\/span\u003e\n \u003c\/li\u003e\n\n \u003cli\u003e\n \u003cstrong\u003eCONTROL RECURRING BUILDUP\u003c\/strong\u003e\n \u003cspan\u003eSupport clearer-looking body skin over time.\u003c\/span\u003e\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n09 — BODY ZONES\nCompact treatment-area overview\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-zones\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n TARGETED BODY CARE\n \u003c\/span\u003e\n\n \u003ch2\u003e\n USE IT WHERE\u003cbr\u003e\n BUMPS SHOW UP.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-zone-track\"\u003e\n\n \u003cdiv class=\"abf-zone\"\u003e\n \u003cdiv class=\"abf-zone-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_showing_back_skin_4K_202608171104.webp?v=1786940012\" alt=\"Back treatment area\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cstrong\u003eBACK\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-zone\"\u003e\n \u003cdiv class=\"abf-zone-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_showing_chest_concern_zone_202608171105.webp?v=1786940012\" alt=\"Chest treatment area\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cstrong\u003eCHEST\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-zone\"\u003e\n \u003cdiv class=\"abf-zone-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Model_showing_shoulder_skin_cond__202608171105.webp?v=1786940012\" alt=\"Shoulders treatment area\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cstrong\u003eSHOULDERS\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-zone\"\u003e\n \u003cdiv class=\"abf-zone-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Model_showing_body_skincare_trea__202608171106.webp?v=1786940012\" alt=\"Butt treatment area\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cstrong\u003eBUTT\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-zone\"\u003e\n \u003cdiv class=\"abf-zone-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Model_showing_thigh_skincare_zone_202608171106.webp?v=1786940012\" alt=\"Thighs treatment area\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cstrong\u003eTHIGHS\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-zone\"\u003e\n \u003cdiv class=\"abf-zone-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_showing_upper_arms_4K_202608171111.webp?v=1786940013\" alt=\"Arms treatment area\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cstrong\u003eARMS\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\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\n\u003csection class=\"abf-section abf-use abf-routine-combo\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n DAILY TREATMENT ROUTINE\n \u003c\/span\u003e\n\n \u003ch2\u003e\n 60–120 SECONDS\u003cbr\u003e\n IN THE SHOWER.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-use-grid\"\u003e\n\n \u003carticle class=\"abf-use-card\"\u003e\n \u003cdiv class=\"abf-num\"\u003e1\u003c\/div\u003e\n \u003ch3\u003eWet Skin\u003c\/h3\u003e\n \u003cp\u003eFully wet affected areas.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abf-use-card\"\u003e\n \u003cdiv class=\"abf-num\"\u003e2\u003c\/div\u003e\n \u003ch3\u003eLather\u003c\/h3\u003e\n \u003cp\u003eApply ABERA over problem areas.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abf-use-card\"\u003e\n \u003cdiv class=\"abf-num\"\u003e3\u003c\/div\u003e\n \u003ch3\u003eMassage\u003c\/h3\u003e\n \u003cp\u003eMassage for 60–120 seconds.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abf-use-card\"\u003e\n \u003cdiv class=\"abf-num\"\u003e4\u003c\/div\u003e\n \u003ch3\u003eRinse\u003c\/h3\u003e\n \u003cp\u003eRinse thoroughly and use consistently.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-routine-duo\"\u003e\n\n \u003cdiv class=\"abf-routine-duo-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_applying_shower_foam_4K_202608171711.webp?v=1786961722\" alt=\"ABERA Folliculitis Shower Gel and BHA Back Acne Spray Perfect Duo\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-routine-duo-copy\"\u003e\n\n \u003cspan class=\"abf-duo-kicker\"\u003e\n PERFECT DUO\n \u003c\/span\u003e\n\n \u003ch3\u003e\n GET MORE FROM YOUR ROUTINE WITH BHA.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n For stubborn back, chest and hard-to-reach bumps,\n follow your shower with ABERA BHA Back Acne Spray\n for leave-on exfoliating care.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abf-routine-duo-steps\"\u003e\n\n \u003cdiv class=\"abf-routine-duo-step\"\u003e\n \u003cstrong\u003eSHOWER GEL\u003c\/strong\u003e\n \u003cspan\u003eCleanse + Unclog\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-routine-duo-step\"\u003e\n \u003cstrong\u003eBHA SPRAY\u003c\/strong\u003e\n \u003cspan\u003eExfoliate + Target\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-routine-offer\"\u003e\n BUY 2 SHOWER GELS → GET 1 BHA SPRAY FREE\n \u003c\/div\u003e\n\n \u003ca href=\"#\" class=\"abf-btn abf-buy-btn\"\u003e\n GET THE PERFECT DUO →\n \u003c\/a\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n11 — PRODUCT COMPARISON\nCompact two-column comparison\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-compare\"\u003e\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n \u003cspan class=\"abf-eyebrow\"\u003eWHY ABERA\u003c\/span\u003e\n \u003ch2\u003eREGULAR BODY WASH\u003cbr\u003eWASN'T BUILT FOR THIS.\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-compare-box\"\u003e\n\n \u003cdiv class=\"abf-compare-col is-regular\"\u003e\n\n \u003ch3 class=\"abf-compare-title\"\u003e\n REGULAR BODY WASH\n \u003c\/h3\u003e\n\n \u003cdiv class=\"abf-compare-product\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/sua-tam-ko-nhan-20250211041614-3hpo4-20260715090117-odxcy.webp?v=1786938441\" alt=\"Regular body wash\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\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\"\u003eSurface cleansing only\u003c\/span\u003e\n \u003c\/div\u003e\n\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\"\u003eNo follicle care\u003c\/span\u003e\n \u003c\/div\u003e\n\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\"\u003eNo BHA exfoliation\u003c\/span\u003e\n \u003c\/div\u003e\n\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\"\u003eNo targeted buildup care\u003c\/span\u003e\n \u003c\/div\u003e\n\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\"\u003eBumps may return\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-compare-col is-abera\"\u003e\n\n \u003ch3 class=\"abf-compare-title\"\u003e\n ABERA FOLLICULITIS\u003cbr\u003e\n SHOWER GEL\n \u003c\/h3\u003e\n\n \u003cdiv class=\"abf-compare-product\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1_1_bba2e09e-d787-4148-9c9d-c3b8a7672a98.webp?v=1786938523\" alt=\"ABERA Folliculitis Shower Gel\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\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\"\u003eTargets folliculitis-prone skin\u003c\/span\u003e\n \u003c\/div\u003e\n\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\"\u003eDeep-cleans clogged follicles\u003c\/span\u003e\n \u003c\/div\u003e\n\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\"\u003eBHA-powered exfoliation\u003c\/span\u003e\n \u003c\/div\u003e\n\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\"\u003eTargets fungal buildup\u003c\/span\u003e\n \u003c\/div\u003e\n\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\"\u003eHelps prevent recurrence\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\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\n\u003csection class=\"abf-section abf-reviews\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n\n \u003ch2\u003e\n REAL CUSTOMERS\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-koc-shell\"\u003e\n\n \u003cbutton type=\"button\" class=\"abf-koc-arrow abf-koc-prev\" aria-label=\"Previous customer videos\"\u003e\n ←\n \u003c\/button\u003e\n\n \u003cdiv class=\"abf-koc-track\"\u003e\n\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\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\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\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\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\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\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\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\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\n \u003c\/div\u003e\n\n \u003cbutton type=\"button\" class=\"abf-koc-arrow abf-koc-next\" aria-label=\"Next customer videos\"\u003e\n →\n \u003c\/button\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-koc-dots\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\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\n\u003csection class=\"abf-docs\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n QUALITY DOCUMENTATION\n \u003c\/span\u003e\n\n \u003ch2\u003e\n DOCUMENTED QUALITY.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-doc-grid\"\u003e\n\n \u003cdiv class=\"abf-doc-card\"\u003e\n\n \u003cdiv class=\"abf-doc-image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA.jpg?v=1786441226\" alt=\"ABERA product and safety documentation\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cspan class=\"abf-doc-label\"\u003e\n PRODUCT \u0026amp; SAFETY\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-doc-card\"\u003e\n\n \u003cdiv class=\"abf-doc-image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA_2.jpg?v=1786441227\" alt=\"ABERA manufacturing and quality documentation\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cspan class=\"abf-doc-label\"\u003e\n MANUFACTURING \u0026amp; QUALITY\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n13 — FINAL CTA\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-final abf-center\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n START YOUR TREATMENT\n \u003c\/span\u003e\n\n \u003ch2\u003e\n TREAT THE FOLLICULITIS.\u003cbr\u003e\n BREAK THE RECURRENCE CYCLE.\n \u003c\/h2\u003e\n\n \u003cp class=\"abf-sub\"\u003e\n Target folliculitis, fungal body breakouts,\n back acne, ingrown hairs and recurring bumps\n with Wild Bitter Melon-powered treatment.\n \u003c\/p\u003e\n\n \u003ca href=\"#\" class=\"abf-btn abf-buy-btn\"\u003e\n SHOP ABERA FOLLICULITIS TREATMENT →\n \u003c\/a\u003e\n\n \u003cdiv class=\"abf-note\"\u003e\n 30-Day Money Back • Fast U.S. Shipping • Secure Checkout\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n14 — FAQ\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-faq\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n FOLLICULITIS FAQ\n \u003c\/span\u003e\n\n \u003ch2\u003e\n QUESTIONS?\u003cbr\u003e\n START HERE.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-faq-list\"\u003e\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n What is ABERA Folliculitis Treatment Body Wash used for?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n ABERA is designed to treat folliculitis,\n recurring body bumps, back and chest acne,\n fungal body breakouts, ingrown hairs,\n strawberry skin and rough follicle texture.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n How does Wild Bitter Melon help with folliculitis?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Wild Bitter Melon is the signature botanical\n in ABERA's treatment system. It works alongside\n BHA, Tea Tree Oil and Heartleaf\n to target congested and problem-prone follicles.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Can I use it for back and chest folliculitis?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Yes. It is designed for commonly affected areas\n including the back, chest, shoulders,\n arms, thighs and butt.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Does it treat fungal folliculitis?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n The treatment system combines Wild Bitter Melon\n and Tea Tree Oil to target fungal buildup,\n while BHA helps remove oil and dead skin\n trapped around the follicles.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Can it help prevent folliculitis from coming back?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Consistent use helps keep follicles cleaner,\n remove recurring buildup and maintain\n a clearer skin environment\n to help prevent recurrence.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n How often should I use ABERA Folliculitis Body Wash?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Use consistently as part of your shower routine.\n Massage over problem areas for approximately\n 60–120 seconds before rinsing thoroughly.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Can I use it after working out?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Yes. It is especially useful after sweating\n because it helps remove sweat,\n excess oil and buildup\n from folliculitis-prone areas.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c\/div\u003e\n\n\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 'Go to slide ' + (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 'Go to brand slide ' +\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 'Go to customer video ' + (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 BOX","offer_id":53838772011376,"sku":"CB-GTABERA087+SL1","price":29.95,"currency_code":"USD","in_stock":true},{"title":"BUY 2 (SAVE 15%)+ FREE GIFT BHA BACK ACNE SPRAY","offer_id":54017347846512,"sku":"CB-GTABERA087+SL2-CB-BHA059+SL1","price":63.7,"currency_code":"USD","in_stock":true},{"title":"1 BOX + 1 GINSENG SHAMPOO","offer_id":54073073369456,"sku":"CB-GTABERA087+SL1-CB-LANGBIAN096+SL1","price":49.95,"currency_code":"USD","in_stock":true},{"title":"3 BOXES (Save 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\/products\/folliculitis-shower-gel","provider":"DASUHO","version":"1.0","type":"link"}