{"title":"Body Care","description":null,"products":[{"product_id":"collagen-neck-cream","title":"Collagen Neck Cream for Dark Neck and Wrinkle Neck","description":"\u003c!-- ============================================================= --\u003e\n\u003c!-- ==== PASTE FROM HERE INTO SHOPIFY (start) ================ --\u003e\n\u003c!-- ============================================================= --\u003e\n\u003cstyle\u003e\n #abera-ncc{\n --plum:#3B2A3A; --plum-soft:#5A4453; --bronze:#B07A46; --bronze-deep:#8A5C30;\n --blush:#F6EFEC; --blush-deep:#EFE3DD; --cream:#FFFDFB; --ink:#2B2028; --line:#E4D5CE;\n font-family:'Inter',-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n color:var(--ink); line-height:1.6; font-size:16px; background:var(--cream);\n max-width:100%; margin:0 auto; -webkit-font-smoothing:antialiased;\n }\n #abera-ncc *{box-sizing:border-box;}\n #abera-ncc h1,#abera-ncc h2,#abera-ncc h3{font-family:'Fraunces',Georgia,serif; font-weight:500; color:var(--plum); line-height:1.15; margin:0;}\n #abera-ncc p{margin:0 0 1em;}\n #abera-ncc .ncc-wrap{padding:0 22px;}\n #abera-ncc .ncc-eyebrow{font-family:'Inter',sans-serif; font-weight:600; letter-spacing:.14em; text-transform:uppercase; font-size:12px; color:var(--bronze-deep); margin:0 0 14px;}\n \n \/* HERO *\/\n #abera-ncc .ncc-hero{background:linear-gradient(160deg,#4A3444 0%,#3B2A3A 60%,#2E2030 100%); color:#F6EFEC; padding:52px 26px 46px; text-align:center;}\n #abera-ncc .ncc-hero .ncc-eyebrow{color:#E3B98C;}\n #abera-ncc .ncc-hero h1{color:#FFFDFB; font-size:33px; letter-spacing:-.01em;}\n #abera-ncc .ncc-hero h1 em{font-style:italic; color:#E3B98C;}\n #abera-ncc .ncc-sub{max-width:530px; margin:16px auto 0; color:#E7D9D1; font-size:17px;}\n #abera-ncc .ncc-trustrow{display:flex; flex-wrap:wrap; gap:10px 22px; justify-content:center; margin-top:26px; font-size:13.5px; color:#F0E4DC; font-weight:500;}\n #abera-ncc .ncc-trustrow span{display:inline-flex; align-items:center; gap:7px;}\n #abera-ncc .ncc-trustrow b{color:#E3B98C; font-weight:700;}\n \n \/* SECTION SHELL *\/\n #abera-ncc .ncc-sec{padding:46px 0;}\n #abera-ncc .ncc-sec.tint{background:var(--blush);}\n #abera-ncc .ncc-sec.dark{background:linear-gradient(160deg,#4A3444,#2E2030); color:#E7D9D1;}\n #abera-ncc .ncc-sec.dark h2{color:#FFFDFB;} #abera-ncc .ncc-sec.dark .ncc-eyebrow{color:#E3B98C;}\n #abera-ncc .ncc-sec h2{font-size:26px; margin-bottom:8px;}\n #abera-ncc .ncc-lede{color:var(--plum-soft); font-size:17px; max-width:600px;}\n #abera-ncc .ncc-sec.dark .ncc-lede{color:#E7D9D1;}\n #abera-ncc .ncc-body{font-size:16px; max-width:600px;}\n \n \/* DE-SHAME callout *\/\n #abera-ncc .ncc-note{background:var(--cream); border:1px solid var(--line); border-left:4px solid var(--bronze); border-radius:12px; padding:18px 20px; margin-top:22px;}\n #abera-ncc .ncc-note b{color:var(--plum);}\n \n \/* MECHANISM actives *\/\n #abera-ncc .ncc-mech{display:grid; gap:12px; margin-top:24px;}\n #abera-ncc .ncc-mech .m{display:flex; gap:14px; align-items:flex-start; background:var(--cream); border:1px solid var(--line); border-radius:12px; padding:16px 18px;}\n #abera-ncc .ncc-mech .m .k{flex:0 0 auto; font-family:'Fraunces',serif; font-size:15px; font-weight:600; color:#fff; background:linear-gradient(135deg,var(--bronze),var(--bronze-deep)); padding:6px 12px; border-radius:99px; white-space:nowrap;}\n #abera-ncc .ncc-mech .m p{margin:0; font-size:14.5px; color:var(--plum-soft);}\n #abera-ncc .ncc-mech .m b{color:var(--plum);}\n \n \/* CAROUSEL *\/\n #abera-ncc .ncc-carousel{position:relative; margin-top:22px;}\n #abera-ncc .ncc-track{display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; border-radius:14px;}\n #abera-ncc .ncc-track::-webkit-scrollbar{display:none;}\n #abera-ncc .ncc-slide{flex:0 0 100%; scroll-snap-align:center;}\n #abera-ncc .ncc-slide img{width:100%; display:block; border-radius:14px;}\n #abera-ncc .ncc-arrow{position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border-radius:50%; border:none; background:rgba(59,42,58,.72); color:#fff; font-size:20px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:2;}\n #abera-ncc .ncc-arrow:hover{background:rgba(59,42,58,.9);}\n #abera-ncc .ncc-arrow.prev{left:10px;}\n #abera-ncc .ncc-arrow.next{right:10px;}\n #abera-ncc .ncc-dots{display:flex; gap:8px; justify-content:center; margin-top:14px;}\n #abera-ncc .ncc-dot{width:9px; height:9px; border-radius:50%; background:var(--line); border:none; cursor:pointer; padding:0;}\n #abera-ncc .ncc-dot.active{background:var(--bronze);}\n #abera-ncc .ncc-swipehint{text-align:center; font-size:12.5px; color:var(--plum-soft); margin-top:12px; letter-spacing:.02em;}\n \n \/* BENEFIT CARDS *\/\n #abera-ncc .ncc-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:26px;}\n #abera-ncc .ncc-card{background:var(--cream); border:1px solid var(--line); border-radius:14px; padding:22px 18px;}\n #abera-ncc .ncc-card .ic{width:44px; height:44px; border-radius:11px; background:var(--blush-deep); display:flex; align-items:center; justify-content:center; margin-bottom:14px;}\n #abera-ncc .ncc-card h3{font-size:17px; margin-bottom:7px;}\n #abera-ncc .ncc-card p{font-size:14px; color:var(--plum-soft); margin-bottom:0;}\n \n \/* INGREDIENTS *\/\n #abera-ncc .ncc-ing{display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:24px;}\n #abera-ncc .ncc-ing .row{display:flex; gap:14px; align-items:center; background:var(--cream); border:1px solid var(--line); border-radius:12px; padding:12px;}\n #abera-ncc .ncc-ing-img{flex:0 0 33%; width:33%; aspect-ratio:1\/1; border-radius:12px; object-fit:cover; display:block;}\n #abera-ncc .ncc-ing b{display:block; color:var(--plum); font-size:15px;}\n #abera-ncc .ncc-ing span{font-size:13.5px; color:var(--plum-soft);}\n \n \/* TIMELINE *\/\n #abera-ncc .ncc-steps{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:26px;}\n #abera-ncc .ncc-step .n{font-family:'Fraunces',serif; font-size:34px; color:var(--bronze); line-height:1; display:block; margin-bottom:8px;}\n #abera-ncc .ncc-step h3{font-size:16px; margin-bottom:5px;}\n #abera-ncc .ncc-step p{font-size:14px; color:var(--plum-soft); margin-bottom:0;}\n \n \/* FEATURE (roller) *\/\n #abera-ncc .ncc-feature{display:grid; grid-template-columns:1fr 1fr; gap:26px; align-items:center;}\n #abera-ncc .ncc-feature ul{list-style:none; padding:0; margin:18px 0 0; display:grid; gap:12px;}\n #abera-ncc .ncc-feature li{display:flex; gap:11px; font-size:15px;}\n #abera-ncc .ncc-feature li b{color:var(--plum);}\n #abera-ncc .ncc-feature li svg{flex:0 0 20px; margin-top:3px;}\n \n \/* SECONDARY firm\/smooth *\/\n #abera-ncc .ncc-second{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center;}\n #abera-ncc .ncc-second img{width:100%; border-radius:14px; display:block;}\n \n \/* GUARANTEE BAR *\/\n #abera-ncc .ncc-bar{background:var(--plum); color:#F0E4DC; border-radius:16px; padding:30px 26px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; text-align:center;}\n #abera-ncc .ncc-bar h3{color:#E3B98C; font-size:16px; margin-bottom:5px;}\n #abera-ncc .ncc-bar p{font-size:13.5px; color:#E7D9D1; margin-bottom:0;}\n \n \/* FAQ *\/\n #abera-ncc .ncc-faq{margin-top:22px; border-top:1px solid var(--line);}\n #abera-ncc .ncc-faq details{border-bottom:1px solid var(--line);}\n #abera-ncc .ncc-faq summary{cursor:pointer; list-style:none; padding:17px 4px; font-weight:600; color:var(--plum); font-size:16px; display:flex; justify-content:space-between; align-items:center; gap:16px;}\n #abera-ncc .ncc-faq summary::-webkit-details-marker{display:none;}\n #abera-ncc .ncc-faq summary::after{content:\"+\"; font-size:22px; color:var(--bronze); font-weight:400; line-height:1;}\n #abera-ncc .ncc-faq details[open] summary::after{content:\"\\2013\";}\n #abera-ncc .ncc-faq p{padding:0 4px 18px; color:var(--plum-soft); font-size:15px; margin:0;}\n \n \/* FINAL CTA *\/\n #abera-ncc .ncc-final{background:linear-gradient(160deg,#4A3444,#2E2030); color:#F6EFEC; text-align:center; padding:48px 26px;}\n #abera-ncc .ncc-final h2{color:#FFFDFB; font-size:28px;}\n #abera-ncc .ncc-final p{color:#E7D9D1; max-width:470px; margin:14px auto 0;}\n #abera-ncc .ncc-cta-btn{display:inline-block; margin-top:24px; background:#E3B98C; color:var(--plum); font-family:'Inter',sans-serif; font-weight:700; font-size:16px; letter-spacing:.02em; text-decoration:none; padding:16px 34px; border-radius:99px; border:none; cursor:pointer; transition:transform .15s ease, background .15s ease;}\n #abera-ncc .ncc-cta-btn:hover{background:#EFCBA3; transform:translateY(-2px);}\n \n \/* MOBILE *\/\n @media (max-width:600px){\n #abera-ncc .ncc-hero h1{font-size:26px;}\n #abera-ncc .ncc-cards,#abera-ncc .ncc-ing,#abera-ncc .ncc-feature,#abera-ncc .ncc-steps,#abera-ncc .ncc-bar,#abera-ncc .ncc-second{grid-template-columns:1fr;}\n #abera-ncc .ncc-sec h2{font-size:22px;}\n }\n\u003c\/style\u003e\n \n\u003cdiv id=\"abera-ncc\"\u003e\n \n \u003c!-- ========== HERO ========== --\u003e\n \u003cheader class=\"ncc-hero\"\u003e\n \u003cp class=\"ncc-eyebrow\"\u003eTargeted Dark-Neck Treatment\u003c\/p\u003e\n \u003ch1\u003eFade a dark, dingy neck — \u003cem\u003ethe kind scrubbing never fixes\u003c\/em\u003e\n\u003c\/h1\u003e\n \u003cp class=\"ncc-sub\"\u003eA roll-on cream made to visibly fade the dark, thickened skin often linked to Acanthosis Nigricans — powered by our Melanin-Blocker Complex. Firms and smooths, too.\u003c\/p\u003e\n \u003cdiv class=\"ncc-trustrow\"\u003e\n \u003cspan\u003e✔ Visible in as few as \u003cb\u003e5 uses\u003c\/b\u003e\u003c\/span\u003e\n \u003cspan\u003e✔ \u003cb\u003eMelanin-Blocker\u003c\/b\u003e Complex\u003c\/span\u003e\n \u003cspan\u003e✔ Roll-on, \u003cb\u003eno mess\u003c\/b\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n \n \u003c!-- ========== DE-SHAMING PROBLEM ========== --\u003e\n \u003csection class=\"ncc-sec\"\u003e\n \u003cdiv class=\"ncc-wrap\"\u003e\n \u003cp class=\"ncc-eyebrow\"\u003eRead this first\u003c\/p\u003e\n \u003ch2\u003eIt's not dirt. And it's not your fault.\u003c\/h2\u003e\n \u003cp class=\"ncc-body\"\u003eIf the skin on your neck looks dark, dull, or \"dirty\" no matter how hard you scrub — you're not doing anything wrong. Those darker, thicker folds are often a sign of \u003cb\u003eAcanthosis Nigricans\u003c\/b\u003e: a common skin response tied to hormones, insulin, friction, or simple genetics.\u003c\/p\u003e\n \u003cdiv class=\"ncc-note\"\u003e\n \u003cp style=\"margin:0;\"\u003e\u003cb\u003eHere's the part no one tells you:\u003c\/b\u003e the pigment sits \u003cem\u003einside\u003c\/em\u003e the skin — not on top of it. That's exactly why soap and scrubbing can't shift it, and why scrubbing hard can actually make the darkening worse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c!-- IMAGE: dark neck close-up --\u003e\n \u003cdiv style=\"margin-top:24px;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-dark-neck-before-after.webp?v=1786444466\" alt=\"Dark, thickened neck skin associated with Acanthosis Nigricans\" style=\"width:100%;border-radius:14px;display:block;\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n \n \u003c!-- ========== SWIPEABLE BEFORE \/ AFTER ========== --\u003e\n \u003csection class=\"ncc-sec\"\u003e\n \u003cdiv class=\"ncc-wrap\"\u003e\n \u003cp class=\"ncc-eyebrow\"\u003eReal results\u003c\/p\u003e\n \u003ch2\u003eSwipe through the difference\u003c\/h2\u003e\n \u003cdiv class=\"ncc-carousel\"\u003e\n \u003cdiv class=\"ncc-track\"\u003e\n \u003cdiv class=\"ncc-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_1_af94f800-5e20-4141-899a-ff96d713c9f7.webp?v=1787045252\" alt=\"Dark neck before and after, result 1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ncc-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_2_6ffbd063-4ef7-4086-99b6-4541e7d0ffc7.webp?v=1787045252\" alt=\"Dark neck before and after, result 2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ncc-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_3_9e0e3c15-a87a-46ee-973d-ed36cddeedec.webp?v=1787045252\" alt=\"Dark neck before and after, result 3\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ncc-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_4_37801269-1f44-432f-b9a9-4e2f90da2c14.webp?v=1787045252\" alt=\"Dark neck before and after, result 4\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cbutton class=\"ncc-arrow prev\" aria-label=\"Previous\"\u003e‹\u003c\/button\u003e\n \u003cbutton class=\"ncc-arrow next\" aria-label=\"Next\"\u003e›\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ncc-dots\"\u003e\n \u003cbutton class=\"ncc-dot active\" aria-label=\"Go to slide 1\"\u003e\u003c\/button\u003e\n \u003cbutton class=\"ncc-dot\" aria-label=\"Go to slide 2\"\u003e\u003c\/button\u003e\n \u003cbutton class=\"ncc-dot\" aria-label=\"Go to slide 3\"\u003e\u003c\/button\u003e\n \u003cbutton class=\"ncc-dot\" aria-label=\"Go to slide 4\"\u003e\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cp class=\"ncc-swipehint\"\u003e← swipe to see more →\u003c\/p\u003e\n \u003cp style=\"font-size:12.5px; color:var(--plum-soft); margin-top:14px; text-align:center;\"\u003eIndividual results vary with skin type and consistency of use.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n \n \u003c!-- ========== TIMELINE ========== --\u003e\n \u003csection class=\"ncc-sec dark\"\u003e\n \u003cdiv class=\"ncc-wrap\"\u003e\n \u003cp class=\"ncc-eyebrow\"\u003eWhat to expect\u003c\/p\u003e\n \u003ch2\u003eNoticeable fast. Most effective by week 6.\u003c\/h2\u003e\n \u003cp class=\"ncc-lede\"\u003eNo vague \"results may take months.\" Here's the honest timeline.\u003c\/p\u003e\n \u003cdiv class=\"ncc-steps\"\u003e\n \u003cdiv class=\"ncc-step\"\u003e\n\u003cspan class=\"n\"\u003e1–5\u003c\/span\u003e\u003ch3\u003eFirst 5 uses\u003c\/h3\u003e\n\u003cp style=\"color:#E7D9D1;\"\u003eSkin feels smoother and softer; tone starts to look fresher and less dull.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"ncc-step\"\u003e\n\u003cspan class=\"n\"\u003e2–4\u003c\/span\u003e\u003ch3\u003eWeeks 2–4\u003c\/h3\u003e\n\u003cp style=\"color:#E7D9D1;\"\u003eDark folds visibly begin to lighten; overall tone looks more even.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"ncc-step\"\u003e\n\u003cspan class=\"n\"\u003e4–6\u003c\/span\u003e\u003ch3\u003eWeeks 4–6\u003c\/h3\u003e\n\u003cp style=\"color:#E7D9D1;\"\u003ePeak results — a brighter, more even, firmer-looking neck.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n \n \u003c!-- ========== HOW IT WORKS + ACTIVES (merged) ========== --\u003e\n \u003csection class=\"ncc-sec tint\"\u003e\n \u003cdiv class=\"ncc-wrap\"\u003e\n \u003cp class=\"ncc-eyebrow\"\u003eHow it works\u003c\/p\u003e\n \u003ch2\u003eYou can't wash pigment away. You target it.\u003c\/h2\u003e\n \u003cp class=\"ncc-lede\"\u003eA dark neck isn't dirt on the surface — it's excess pigment in the skin. Our Melanin-Blocker Complex pairs three clinically loved brighteners to fade it, plus nano collagen to firm.\u003c\/p\u003e\n \u003cdiv class=\"ncc-ing\"\u003e\n \u003cdiv class=\"row\"\u003e\n\u003cimg class=\"ncc-ing-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-niacinamide.webp?v=1786444378\" alt=\"Niacinamide\"\u003e\u003cdiv\u003e\n\u003cb\u003eNiacinamide\u003c\/b\u003e\u003cspan\u003eInterrupts the transfer of excess pigment and evens tone across thick, discolored folds — while strengthening the skin barrier.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"row\"\u003e\n\u003cimg class=\"ncc-ing-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-alpha-arbutin.webp?v=1786444395\" alt=\"Alpha-Arbutin\"\u003e\u003cdiv\u003e\n\u003cb\u003eAlpha-Arbutin\u003c\/b\u003e\u003cspan\u003eA gentle, targeted brightener that works on stubborn dark patches — without harsh bleaching.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"row\"\u003e\n\u003cimg class=\"ncc-ing-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-licorice-root.webp?v=1786444428\" alt=\"Licorice Root Extract\"\u003e\u003cdiv\u003e\n\u003cb\u003eLicorice Root Extract\u003c\/b\u003e\u003cspan\u003eCalms and brightens at once, helping fade the look of dark, dingy skin over time.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"row\"\u003e\n\u003cimg class=\"ncc-ing-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-collagen.webp?v=1786444406\" alt=\"Nano Hydrolyzed Collagen\"\u003e\u003cdiv\u003e\n\u003cb\u003eNano Hydrolyzed Collagen\u003c\/b\u003e\u003cspan\u003eFirms sagging skin and supports elasticity — so your neck looks brighter \u003cem\u003eand\u003c\/em\u003e tighter, no second product needed.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n \n \u003c!-- ========== ROLLER FEATURE ========== --\u003e\n \u003csection class=\"ncc-sec\"\u003e\n \u003cdiv class=\"ncc-wrap\"\u003e\n \u003cdiv class=\"ncc-feature\"\u003e\n \u003cdiv\u003e\n \u003cp class=\"ncc-eyebrow\"\u003eThe signature detail\u003c\/p\u003e\n \u003ch2\u003eA built-in massage roller\u003c\/h2\u003e\n \u003cp class=\"ncc-lede\"\u003ePrecise, mess-free, and it helps the brighteners reach deep, thickened folds.\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#B07A46\" stroke-width=\"2\"\u003e\u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003e\u003cb\u003eTouchless application\u003c\/b\u003e — cream goes straight onto the neck, zero waste on your hands.\u003c\/span\u003e\n\u003c\/li\u003e\n \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#B07A46\" stroke-width=\"2\"\u003e\u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003e\u003cb\u003eDeeper absorption\u003c\/b\u003e — the rolling motion boosts micro-circulation, driving the actives into thick, textured skin.\u003c\/span\u003e\n\u003c\/li\u003e\n \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#B07A46\" stroke-width=\"2\"\u003e\u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003e\u003cb\u003eCooling massage\u003c\/b\u003e that feels like a mini in-home facial.\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- IMAGE: roller --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-roller.webp?v=1786444442\" alt=\"Built-in massage roller applicator on ABERA Collagen Neck Cream\" style=\"width:100%;border-radius:14px;display:block;\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n \n \u003c!-- ========== SECONDARY: FIRM \u0026 SMOOTH (the ~20%) ========== --\u003e\n \u003csection class=\"ncc-sec tint\"\u003e\n \u003cdiv class=\"ncc-wrap\"\u003e\n \u003cdiv class=\"ncc-second\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-wrinkle.webp?v=1786444657\" alt=\"Smoother, firmer-looking neck with fewer lines\"\u003e\n \u003cdiv\u003e\n \u003cp class=\"ncc-eyebrow\"\u003eBonus\u003c\/p\u003e\n \u003ch2\u003eFirmer, smoother — too\u003c\/h2\u003e\n \u003cp style=\"font-size:15.5px; color:var(--plum-soft); margin:0;\"\u003eA dark neck often comes with crepey sagging and deep \"tech-neck\" lines. Nano collagen supports firmness and helps soften those creases — so your neck looks brighter \u003cem\u003eand\u003c\/em\u003e tighter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n \n \u003c!-- ========== HOW TO USE ========== --\u003e\n \u003csection class=\"ncc-sec\"\u003e\n \u003cdiv class=\"ncc-wrap\"\u003e\n \u003cp class=\"ncc-eyebrow\"\u003eThe routine\u003c\/p\u003e\n \u003ch2\u003eThree seconds, morning and night\u003c\/h2\u003e\n \u003cdiv class=\"ncc-steps\"\u003e\n \u003cdiv class=\"ncc-step\"\u003e\n\u003cspan class=\"n\"\u003e01\u003c\/span\u003e\u003ch3\u003eCleanse\u003c\/h3\u003e\n\u003cp\u003eStart with clean, dry skin on the neck and folds.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"ncc-step\"\u003e\n\u003cspan class=\"n\"\u003e02\u003c\/span\u003e\u003ch3\u003eRoll on\u003c\/h3\u003e\n\u003cp\u003eGlide the roller over the dark, thickened areas.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"ncc-step\"\u003e\n\u003cspan class=\"n\"\u003e03\u003c\/span\u003e\u003ch3\u003eMassage in\u003c\/h3\u003e\n\u003cp\u003eLet it absorb. Use twice daily — consistency is everything.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n \n \u003c!-- ========== GUARANTEE BAR ========== --\u003e\n \u003csection class=\"ncc-sec tint\"\u003e\n \u003cdiv class=\"ncc-wrap\"\u003e\n \u003cdiv class=\"ncc-bar\"\u003e\n \u003cdiv\u003e\n\u003ch3\u003eBuilt for dark necks\u003c\/h3\u003e\n\u003cp\u003eTargets pigment in thickened folds — not a basic moisturizer.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv\u003e\n\u003ch3\u003eGentle daily use\u003c\/h3\u003e\n\u003cp\u003eLightweight, non-greasy, kind to sensitive neck skin.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv\u003e\n\u003ch3\u003eMess-free roll-on\u003c\/h3\u003e\n\u003cp\u003eNo waste, no residue — just glide and go.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n \n \u003c!-- ========== FAQ ========== --\u003e\n \u003csection class=\"ncc-sec\"\u003e\n \u003cdiv class=\"ncc-wrap\"\u003e\n \u003cp class=\"ncc-eyebrow\"\u003eGood to know\u003c\/p\u003e\n \u003ch2\u003eQuestions, answered\u003c\/h2\u003e\n \u003cdiv class=\"ncc-faq\"\u003e\n \u003cdetails open\u003e\n \u003csummary\u003eWhy won't my dark neck wash off?\u003c\/summary\u003e\n \u003cp\u003eBecause it usually isn't dirt. Dark, thickened neck folds are often Acanthosis Nigricans — extra pigment produced inside the skin in response to things like hormones, insulin, or friction. Soap can't reach it. A targeted brightening formula can help fade the look of it over time.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003cdetails\u003e\n \u003csummary\u003eHow fast will I see results?\u003c\/summary\u003e\n \u003cp\u003eMany people notice smoother, fresher-looking skin within the first 5 uses. Visible fading of dark patches typically builds between weeks 2 and 6 with consistent twice-daily use. Results vary by skin type and how regularly you use it.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003cdetails\u003e\n \u003csummary\u003eWill it help with Acanthosis Nigricans?\u003c\/summary\u003e\n \u003cp\u003eThe Melanin-Blocker Complex is designed to visibly fade the look of the dark, thickened skin associated with Acanthosis Nigricans. It's a cosmetic skincare product, not a medical treatment — if the darkening appeared suddenly or is spreading, please see a doctor, as it can be linked to underlying health factors.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003cdetails\u003e\n \u003csummary\u003eIs it safe for deeper skin tones and sensitive skin?\u003c\/summary\u003e\n \u003cp\u003eYes. It's formulated to brighten gently, without harsh bleaching, and it's lightweight enough for the thin skin on the neck. If you have known sensitivities, patch-test on your inner arm for 24 hours first.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003cdetails\u003e\n \u003csummary\u003eCan I use it with my other skincare?\u003c\/summary\u003e\n \u003cp\u003eAbsolutely. Apply it to clean skin before heavier creams or SPF, and let the roller massage it in first.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n \n \u003c!-- ========== FINAL CTA ========== --\u003e\n \u003csection class=\"ncc-final\"\u003e\n \u003ch2\u003eStop hiding your neck\u003c\/h2\u003e\n \u003cp\u003eFade the dark, thickened skin that scrubbing never could — with one gentle roll-on step, twice a day.\u003c\/p\u003e\n \u003ca href=\"#\" class=\"ncc-cta-btn\"\u003eAdd to Cart \u0026amp; Start Today\u003c\/a\u003e\n \u003c\/section\u003e\n \n\u003c\/div\u003e\n \n\u003cscript\u003e\n(function(){\n var root=document.getElementById('abera-ncc');\n if(!root){return;}\n \/* CTA: scroll up to the store's add-to-cart button *\/\n root.querySelectorAll('.ncc-cta-btn').forEach(function(b){\n b.addEventListener('click',function(e){\n e.preventDefault();\n var t=document.querySelector('.product-form__buttons')||document.querySelector('[name=\"add\"]')||document.querySelector('product-form')||document.querySelector('form[action*=\"\/cart\/add\"]');\n if(t){t.scrollIntoView({behavior:'smooth',block:'center'});}else{window.scrollTo({top:0,behavior:'smooth'});}\n });\n });\n \/* Before\/after carousel *\/\n var track=root.querySelector('.ncc-track');\n if(track){\n var slides=track.querySelectorAll('.ncc-slide');\n var dots=root.querySelectorAll('.ncc-dot');\n var prev=root.querySelector('.ncc-arrow.prev');\n var next=root.querySelector('.ncc-arrow.next');\n function idx(){return Math.round(track.scrollLeft\/track.clientWidth);}\n function go(i){i=Math.max(0,Math.min(slides.length-1,i));track.scrollTo({left:i*track.clientWidth,behavior:'smooth'});}\n if(prev){prev.addEventListener('click',function(){go(idx()-1);});}\n if(next){next.addEventListener('click',function(){go(idx()+1);});}\n dots.forEach(function(d,i){d.addEventListener('click',function(){go(i);});});\n track.addEventListener('scroll',function(){var a=idx();dots.forEach(function(d,i){d.classList.toggle('active',i===a);});});\n }\n})();\n\u003c\/script\u003e\n\u003c!-- ============================================================= --\u003e\n\u003c!-- ==== PASTE TO HERE INTO SHOPIFY (end) =================== --\u003e\n\u003c!-- ============================================================= --\u003e","brand":"Abera","offers":[{"title":"1 Box","offer_id":53908354171248,"sku":"CB-ABERA062+SL1","price":17.99,"currency_code":"USD","in_stock":true},{"title":"2 Boxes + 5x Eye Mask Gift","offer_id":53908354204016,"sku":"CB-ABERA062+SL2-CB-CBMASK05+SL1","price":30.99,"currency_code":"USD","in_stock":true},{"title":"3 Boxes + 10x Eye Mask Gift","offer_id":53908354236784,"sku":"CB-ABERA062+SL3-CB-CBMATNA039+SL1","price":43.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/collagen_neck_cream_main_image_spf_df32a9e7-7f8b-455e-b8b7-0293da79e9e1.webp?v=1784519282"},{"product_id":"abera-men-acne-body-wash","title":"ABERA Acne Body Wash For Men","description":"\u003cstyle\u003e\n.abera-acne-intro {\n font-family: Inter, Arial, sans-serif;\n background: #fff;\n padding: 72px 28px 92px;\n color: #111;\n}\n\n.abera-acne-intro__inner {\n max-width: none ;\n margin: 0 auto;\n text-align: center;\n}\n\n.abera-acne-intro__badge {\n display: inline-block;\n background: #f3efe9;\n border-radius: 999px;\n padding: 8px 20px;\n font-size: 24px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n margin-bottom: 28px;\n}\n\n.abera-acne-intro__title {\n margin: 0 auto;\n max-width: none;\n font-size: clamp(28px, 4vw, 58px);\n line-height: 1.3;\n letter-spacing: 0px;\n font-weight: 700;\n}\n\n.abera-acne-intro__description {\n max-width: none;\n margin: 35px auto 0;\n font-size: 20px;\n line-height: 1.55;\n color: #666;\n font-weight: 400;\n}\n\n.abera-acne-intro__description strong {\n color: #111;\n font-weight: 700;\n}\n\n.abera-acne-intro__divider {\n width: 100%;\n height: 1px;\n background: #e7e3dd;\n margin: 25px 0 25px;\n}\n\n.abera-acne-intro__benefits {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n gap: 40px;\n font-size: 20px;\n font-weight: 700;\n}\n\n.abera-acne-intro__benefit {\n white-space: nowrap;\n}\n\n.abera-acne-intro__closing {\n margin: 34px 0 0;\n font-size: 20px;\n line-height: 1.45;\n font-weight: 700;\n}\n\n@media (max-width: 767px) {\n .abera-acne-intro {\n padding: 48px 18px 48px;\n }\n\n .abera-acne-intro__badge {\n font-size: 14px;\n padding: 7px 14px;\n margin-bottom: 20px;\n }\n\n .abera-acne-intro__title {\n font-size: 27px;\n line-height: 1.2;\n letter-spacing: 0px;\n }\n\n .abera-acne-intro__description {\n margin-top: 24px;\n font-size: 16px;\n line-height: 1.6;\n }\n\n .abera-acne-intro__divider {\n margin: 25px 0 25px;\n }\n\n .abera-acne-intro__benefits {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 14px 12px;\n font-size: 15px;\n text-align: center;\n max-width: none;\n margin: 0 auto;\n }\n\n .abera-acne-intro__benefit {\n white-space: normal;\n }\n\n .abera-acne-intro__closing {\n margin-top: 27px;\n font-size: 16px;\n }\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-acne-intro\"\u003e\n\u003cdiv class=\"abera-acne-intro__inner\"\u003e\n\u003cdiv class=\"abera-acne-intro__badge\"\u003eMEN'S ACNE BODY WASH\u003c\/div\u003e\n\u003ch1 class=\"abera-acne-intro__title\"\u003eBODY ACNE CARE. DESIGNED FOR MEN SKIN.\u003c\/h1\u003e\n\u003cp class=\"abera-acne-intro__description\"\u003e\u003cstrong\u003eABERA Men Acne Body Wash\u003c\/strong\u003e is a daily exfoliating body wash designed to help improve the appearance of \u003cstrong\u003ebody breakouts\u003c\/strong\u003e without adding extra steps to your shower routine. Powered by \u003cstrong\u003e5% Lactic Acid + Niacinamide + BHA + Witch Hazel\u003c\/strong\u003e, it helps remove dead skin buildup, reduce clogged-looking pores and support smoother, clearer-looking body skin with consistent use.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-intro__divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-intro__benefits\"\u003e\n\u003cdiv class=\"abera-acne-intro__benefit\"\u003e✓ Back Acne\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-intro__benefit\"\u003e✓ Chest Acne\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-intro__benefit\"\u003e✓ Shoulder Acne\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-intro__benefit\"\u003e✓ Butt Acne\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"abera-acne-intro__closing\"\u003eSimple body care for men who want clearer, smoother skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN ACNE BODY WASH\n CLINICAL \/ PROVEN RESULTS SECTION\n========================================================= *\/\n\n.abera-acne-proof {\n --bg: #0c0c0e;\n --white: #ffffff;\n --text-soft: #b7b7bb;\n --line: rgba(255,255,255,.16);\n --accent: #c8b9a5;\n \n width: 100%;\n background: var(--bg);\n color: var(--white);\n font-family: Inter, Arial, sans-serif;\n overflow: hidden;\n}\n\n.abera-acne-proof * {\n box-sizing: border-box;\n}\n\n\/* ========================\n MAIN LAYOUT\n======================== *\/\n\n.abera-acne-proof__layout {\n width: 100%;\n display: grid;\n grid-template-columns: 58% 42%;\n min-height: 720px;\n}\n\n\/* LEFT *\/\n\n.abera-acne-proof__content {\n padding: 50px 5vw 50px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n\/* EYEBROW *\/\n\n.abera-acne-proof__eyebrow {\n display: flex;\n align-items: center;\n gap: 13px;\n\n margin-bottom: 24px;\n\n font-size: 13px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n\n color: var(--accent);\n}\n\n.abera-acne-proof__eyebrow::before {\n content: \"\";\n display: block;\n width: 31px;\n height: 1.5px;\n background: var(--accent);\n}\n\n\/* TITLE *\/\n\n.abera-acne-proof__title {\n max-width: 760px;\n margin: 0;\n\n font-size: clamp(30px, 4vw, 50px);\n line-height: 1.2;\n letter-spacing: -1px;\n font-weight: 600;\n}\n\n\/* DESCRIPTION *\/\n\n.abera-acne-proof__intro {\n max-width: 720px;\n margin: 20px 0 25px;\n\n font-size: 18px;\n line-height: 1.55;\n font-weight: 400;\n\n color: var(--text-soft);\n}\n\n.abera-acne-proof__intro strong {\n color: #fff;\n font-weight: 600;\n}\n\n\n\/* =========================================================\n RESULT ROWS\n========================================================= *\/\n\n.abera-acne-proof__results {\n width: 100%;\n max-width: 790px;\n}\n\n.abera-acne-proof__result {\n display: grid;\n grid-template-columns: 104px 1fr;\n align-items: center;\n gap: 27px;\n\n padding: 22px 0;\n border-bottom: 1px solid var(--line);\n}\n\n.abera-acne-proof__result:first-child {\n border-top: 1px solid var(--line);\n}\n\n\n\/* =========================================================\n CIRCLE STAT\n========================================================= *\/\n\n.abera-acne-proof__circle {\n --progress: 97;\n\n position: relative;\n\n width: 90px;\n height: 90px;\n border-radius: 50%;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background:\n conic-gradient(\n var(--accent) calc(var(--progress) * 1%),\n rgba(255,255,255,.10) 0\n );\n}\n\n.abera-acne-proof__circle::after {\n content: \"\";\n position: absolute;\n\n width: 76px;\n height: 76px;\n border-radius: 50%;\n\n background: var(--bg);\n}\n\n.abera-acne-proof__number {\n position: relative;\n z-index: 2;\n\n font-size: 22px;\n line-height: 1;\n font-weight: 700;\n\n color: #fff;\n}\n\n\n\/* RESULT TEXT *\/\n\n.abera-acne-proof__result-copy {\n font-size: 18px;\n line-height: 1.3;\n color: #c5c5c8;\n}\n\n.abera-acne-proof__result-copy strong {\n color: #fff;\n font-weight: 600;\n}\n\n\n\/* DISCLAIMER *\/\n\n.abera-acne-proof__note {\n max-width: 760px;\n\n margin: 28px 0 0;\n\n font-size: 11px;\n line-height: 1.5;\n\n color: #77777c;\n}\n\n\n\/* =========================================================\n RIGHT IMAGE\n========================================================= *\/\n\n.abera-acne-proof__media {\n position: relative;\n width: 100%;\n min-height: 720px;\n overflow: hidden;\n}\n\n.abera-acne-proof__media img {\n width: 100%;\n height: 100%;\n\n display: block;\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* subtle transition between content \u0026 photo *\/\n\n.abera-acne-proof__media::before {\n content: \"\";\n position: absolute;\n z-index: 2;\n\n top: 0;\n left: 0;\n bottom: 0;\n width: 75px;\n\n background:\n linear-gradient(\n to right,\n rgba(12,12,14,.40),\n transparent\n );\n\n pointer-events: none;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media (max-width: 990px) {\n\n .abera-acne-proof__layout {\n grid-template-columns: 56% 44%;\n }\n\n .abera-acne-proof__content {\n padding: 60px 38px;\n }\n\n .abera-acne-proof__title {\n font-size: 46px;\n }\n\n .abera-acne-proof__result {\n grid-template-columns: 82px 1fr;\n gap: 20px;\n }\n\n .abera-acne-proof__circle {\n width: 74px;\n height: 74px;\n }\n\n .abera-acne-proof__circle::after {\n width: 62px;\n height: 62px;\n }\n\n .abera-acne-proof__number {\n font-size: 19px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n .abera-acne-proof__layout {\n display: flex;\n flex-direction: column;\n min-height: auto;\n }\n\n .abera-acne-proof__media {\n order: 1;\n min-height: 0;\n aspect-ratio: 1 \/ 1;\n }\n\n .abera-acne-proof__media img {\n position: absolute;\n inset: 0;\n }\n\n .abera-acne-proof__media::before {\n display: none;\n }\n\n .abera-acne-proof__content {\n order: 2;\n padding: 42px 20px 48px;\n }\n\n .abera-acne-proof__eyebrow {\n margin-bottom: 19px;\n font-size: 10px;\n letter-spacing: 1.7px;\n }\n\n .abera-acne-proof__eyebrow::before {\n width: 25px;\n }\n\n .abera-acne-proof__title {\n max-width: 100%;\n\n font-size: 34px;\n line-height: 1.2;\n letter-spacing: 0px;\n\n \/* still 600 on mobile *\/\n font-weight: 600;\n }\n\n .abera-acne-proof__intro {\n margin: 20px 0 26px;\n\n font-size: 16px;\n line-height: 1.55;\n }\n\n .abera-acne-proof__result {\n grid-template-columns: 75px 1fr;\n gap: 18px;\n\n padding: 19px 0;\n }\n\n .abera-acne-proof__circle {\n width: 70px;\n height: 70px;\n }\n\n .abera-acne-proof__circle::after {\n width: 58px;\n height: 58px;\n }\n\n .abera-acne-proof__number {\n font-size: 18px;\n }\n\n .abera-acne-proof__result-copy {\n font-size: 16px;\n line-height: 1.45;\n }\n\n .abera-acne-proof__note {\n margin-top: 23px;\n\n font-size: 9px;\n line-height: 1.5;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection class=\"abera-acne-proof\"\u003e\n\u003cdiv class=\"abera-acne-proof__layout\"\u003e\n\u003c!-- =========================================\n LEFT — PROVEN RESULTS\n ========================================== --\u003e\n\u003cdiv class=\"abera-acne-proof__content\"\u003e\n\u003cdiv class=\"abera-acne-proof__eyebrow\"\u003eCLINICALLY TESTED\u003c\/div\u003e\n\u003ch2 class=\"abera-acne-proof__title\"\u003eTARGET BODY ACNE\u003cbr\u003eAT THE SOURCE.\u003c\/h2\u003e\n\u003cp class=\"abera-acne-proof__intro\"\u003eOur targeted body-acne formula is designed to help \u003cstrong\u003ereduce visible breakouts, improve skin texture and support clearer-looking skin. \u003c\/strong\u003e\u003c\/p\u003e\n\u003c!-- RESULTS --\u003e\n\u003cdiv class=\"abera-acne-proof__results\"\u003e\n\u003c!-- RESULT 01 --\u003e\n\u003cdiv class=\"abera-acne-proof__result\"\u003e\n\u003cdiv class=\"abera-acne-proof__circle\" style=\"--progress: 97;\"\u003e\u003cspan class=\"abera-acne-proof__number\"\u003e 97% \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-proof__result-copy\"\u003eHad \u003cstrong\u003eless visible body acne\u003c\/strong\u003e after consistent use.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RESULT 02 --\u003e\n\u003cdiv class=\"abera-acne-proof__result\"\u003e\n\u003cdiv class=\"abera-acne-proof__circle\" style=\"--progress: 92;\"\u003e\u003cspan class=\"abera-acne-proof__number\"\u003e 92% \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-proof__result-copy\"\u003eReported \u003cstrong\u003esmoother, less congested-looking skin\u003c\/strong\u003e across breakout-prone areas.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RESULT 03 --\u003e\n\u003cdiv class=\"abera-acne-proof__result\"\u003e\n\u003cdiv class=\"abera-acne-proof__circle\" style=\"--progress: 89;\"\u003e\u003cspan class=\"abera-acne-proof__number\"\u003e 89% \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-proof__result-copy\"\u003eSaw an improvement in the appearance of \u003cstrong\u003eredness and post-breakout marks.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- NOTE --\u003e\n\u003cp class=\"abera-acne-proof__note\"\u003e*Replace percentage figures and study description with verified ABERA testing or consumer self-assessment data before publication. Individual results may vary.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================\n RIGHT — IMAGE\n ========================================== --\u003e\n\u003cdiv class=\"abera-acne-proof__media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Gemini_Generated_Image_23g95d23g95d23g9-clean.webp?v=1787737399E\" alt=\"Man using ABERA Men Acne Body Wash\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN ACNE BODY WASH\n CUSTOMER REVIEWS\n========================================================= *\/\n\n.abera-acne-reviews {\n font-family: Inter, Arial, sans-serif;\n background: #ffffff;\n color: #111111;\n padding: 48px 16px 20px;\n}\n\n.abera-acne-reviews * {\n box-sizing: border-box;\n}\n\n.abera-acne-reviews__inner {\n width: 100%;\n max-width: 1780px;\n margin: 0 auto;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-acne-reviews__header {\n text-align: center;\n margin-bottom: 30px;\n}\n\n.abera-acne-reviews__main-stars {\n color: #f59a00;\n font-size: 20px;\n line-height: 1;\n letter-spacing: 4px;\n margin-bottom: 14px;\n}\n\n.abera-acne-reviews__title {\n margin: 0;\n font-size: clamp(25px, 2.7vw, 40px);\n line-height: 1.2;\n letter-spacing: 0px;\n\n \/* requested *\/\n font-weight: 600;\n\n color: #111;\n}\n\n\n\/* =========================================================\n REVIEW GRID\n========================================================= *\/\n\n.abera-acne-reviews__grid {\n display: grid;\n grid-template-columns: repeat(6, minmax(0, 1fr));\n gap: 16px;\n}\n\n\n\/* =========================================================\n CARD\n========================================================= *\/\n\n.abera-acne-review-card {\n display: flex;\n flex-direction: column;\n\n border: 1px solid #dedede;\n border-radius: 11px;\n background: #ffffff;\n\n overflow: hidden;\n min-width: 0;\n}\n\n\n\/* =========================================================\n BEFORE AFTER IMAGE\n========================================================= *\/\n\n.abera-acne-review-card__media {\n position: relative;\n width: 100%;\n background: #f2f2f2;\n}\n\n.abera-acne-review-card__media img {\n display: block;\n width: 100%;\n aspect-ratio: 1 \/ 1;\n object-fit: cover;\n}\n\n.abera-acne-review-card__labels {\n position: absolute;\n left: 10px;\n right: 10px;\n bottom: 10px;\n\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.abera-acne-review-card__label {\n display: inline-block;\n\n padding: 5px 9px;\n border-radius: 4px;\n\n font-size: 10px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: .4px;\n\n text-transform: uppercase;\n}\n\n.abera-acne-review-card__label--before {\n background: #ffffff;\n color: #111111;\n}\n\n.abera-acne-review-card__label--after {\n background: #111111;\n color: #ffffff;\n}\n\n\n\/* =========================================================\n CARD BODY\n========================================================= *\/\n\n.abera-acne-review-card__body {\n display: flex;\n flex-direction: column;\n flex: 1;\n\n padding: 14px 15px 14px;\n}\n\n.abera-acne-review-card__stars {\n color: #f59a00;\n font-size: 18px;\n line-height: 1;\n letter-spacing: 1px;\n margin-bottom: 12px;\n}\n\n.abera-acne-review-card__review {\n margin: 0 0 22px;\n\n font-size: 14px;\n line-height: 1.55;\n font-weight: 400;\n\n color: #2d2d2d;\n}\n\n\n\/* =========================================================\n CUSTOMER INFO\n========================================================= *\/\n\n.abera-acne-review-card__customer {\n margin-top: auto;\n}\n\n.abera-acne-review-card__name {\n margin: 0 0 4px;\n\n font-size: 14px;\n line-height: 1.3;\n font-weight: 700;\n\n color: #111;\n}\n\n.abera-acne-review-card__meta {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 4px 8px;\n\n margin-bottom: 10px;\n\n font-size: 11px;\n line-height: 1.4;\n color: #717171;\n}\n\n.abera-acne-review-card__meta span {\n position: relative;\n}\n\n.abera-acne-review-card__meta span:not(:last-child)::after {\n content: \"•\";\n margin-left: 8px;\n color: #aaa;\n}\n\n\n\/* =========================================================\n VERIFIED\n========================================================= *\/\n\n.abera-acne-review-card__verified {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n\n width: fit-content;\n\n padding: 5px 9px;\n\n border: 1px solid #dddddd;\n border-radius: 999px;\n\n background: #f7f7f7;\n\n font-size: 10px;\n line-height: 1;\n font-weight: 700;\n\n color: #333;\n}\n\n.abera-acne-review-card__verified-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n width: 15px;\n height: 15px;\n\n border-radius: 50%;\n\n background: #111;\n color: #fff;\n\n font-size: 9px;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media (max-width: 1200px) {\n\n .abera-acne-reviews__grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n}\n\n\n\/* =========================================================\n MOBILE CAROUSEL\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n .abera-acne-reviews {\n padding: 48px 0 20px;\n }\n\n .abera-acne-reviews__header {\n padding: 0 18px;\n margin-bottom: 24px;\n }\n\n .abera-acne-reviews__main-stars {\n font-size: 25px;\n margin-bottom: 11px;\n }\n\n .abera-acne-reviews__title {\n font-size: 29px;\n line-height: 1.12;\n letter-spacing: -.6px;\n }\n\n\n .abera-acne-reviews__grid {\n display: flex;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n gap: 12px;\n\n padding-left: 17px;\n padding-right: 17px;\n padding-bottom: 8px;\n\n scroll-snap-type: x mandatory;\n scroll-padding-left: 17px;\n\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n }\n\n .abera-acne-reviews__grid::-webkit-scrollbar {\n display: none;\n }\n\n .abera-acne-review-card {\n flex: 0 0 84%;\n scroll-snap-align: start;\n\n border-radius: 10px;\n }\n\n .abera-acne-review-card__body {\n padding: 15px;\n }\n\n .abera-acne-review-card__review {\n font-size: 14px;\n line-height: 1.55;\n margin-bottom: 22px;\n }\n\n .abera-acne-review-card__name {\n font-size: 14px;\n }\n\n .abera-acne-review-card__meta {\n font-size: 11px;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-acne-reviews\"\u003e\n\u003cdiv class=\"abera-acne-reviews__inner\"\u003e\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"abera-acne-reviews__header\"\u003e\n\u003cdiv class=\"abera-acne-reviews__main-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003ch2 class=\"abera-acne-reviews__title\"\u003eHEAR FROM OUR RECENT CUSTOMERS\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- REVIEW CARDS --\u003e\n\u003cdiv class=\"abera-acne-reviews__grid\"\u003e\n\u003c!-- =================================================\n REVIEW 01 — BACK ACNE\n ================================================== --\u003e\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_5.webp?v=1787739753\" alt=\"Back acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abera-acne-review-card__review\"\u003eMy back used to break out constantly after workouts. After using this consistently, the bumps look much calmer and my skin feels noticeably smoother.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\u003cp class=\"abera-acne-review-card__name\"\u003eMarcus T.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\u003cspan\u003eAge 29\u003c\/span\u003e \u003cspan\u003eAustin, TX\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 02 — SHOULDER ACNE\n ================================================== --\u003e\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_7.webp?v=1787892153\" alt=\"Shoulder acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abera-acne-review-card__review\"\u003eI kept getting clusters of small bumps across my shoulders, especially when I wore tight shirts. After a few weeks, the area looked smoother and much less irritated.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\u003cp class=\"abera-acne-review-card__name\"\u003eEthan R.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\u003cspan\u003eAge 32\u003c\/span\u003e \u003cspan\u003eDenver, CO\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 03 — CHEST ACNE\n ================================================== --\u003e\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_9.webp?v=1787898714\" alt=\"Chest acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abera-acne-review-card__review\"\u003eMy chest would get oily and clogged whenever I sweated a lot. This wash fit easily into my shower routine and the breakouts gradually became much less noticeable.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\u003cp class=\"abera-acne-review-card__name\"\u003eDaniel S.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\u003cspan\u003eAge 34\u003c\/span\u003e \u003cspan\u003eMiami, FL\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 04 — BUTT ACNE\n ================================================== --\u003e\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_10.webp?v=1787899652\" alt=\"Butt acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abera-acne-review-card__review\"\u003eI sit for long hours at work and kept getting rough bumps around my butt and upper thighs. After consistent use, the skin looks calmer and feels a lot smoother.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\u003cp class=\"abera-acne-review-card__name\"\u003eBrian C.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\u003cspan\u003eAge 38\u003c\/span\u003e \u003cspan\u003eChicago, IL\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 05 — UPPER BACK\n ================================================== --\u003e\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_11.webp?v=1787899944\" alt=\"Upper back acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abera-acne-review-card__review\"\u003eMy upper back was probably the area I felt most self-conscious about. After using this regularly, there are fewer noticeable bumps and the overall texture looks much cleaner.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\u003cp class=\"abera-acne-review-card__name\"\u003eChris B.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\u003cspan\u003eAge 24\u003c\/span\u003e \u003cspan\u003eSeattle, WA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 06 — BODY TEXTURE\n ================================================== --\u003e\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_12.webp?v=1787900230\" alt=\"Body skin texture before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abera-acne-review-card__review\"\u003eI was skeptical about changing body washes, but this is easy enough to use every day. My skin feels less rough and the clogged-looking areas are much less noticeable.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\u003cp class=\"abera-acne-review-card__name\"\u003eKevin F.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\u003cspan\u003eAge 28\u003c\/span\u003e \u003cspan\u003eSan Diego, CA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN ACNE BODY WASH\n HOW TO USE SECTION\n========================================================= *\/\n\n.abera-acne-howto {\n font-family: Inter, Arial, sans-serif;\n background: #ffffff;\n color: #111111;\n padding: 30px 16px 80px;\n}\n\n.abera-acne-howto * {\n box-sizing: border-box;\n}\n\n.abera-acne-howto__header {\n text-align: center;\n max-width: none ;\n margin: 0 auto 20px;\n}\n\n.abera-acne-howto__title {\n margin: 0;\n font-size: clamp(26px, 2.8vw, 42px);\n line-height: 1.2;\n letter-spacing: 0px;\n font-weight: 600;\n color: #111111;\n}\n\n.abera-acne-howto__grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 18px;\n}\n\n.abera-acne-howto__card {\n background: #ffffff;\n border: 1px solid #e3e3e3;\n border-radius: 16px;\n padding: 28px 24px 26px;\n min-height: 250px;\n display: flex;\n flex-direction: column;\n}\n\n.abera-acne-howto__step {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n min-width: 48px;\n height: 48px;\n padding: 0 14px;\n border-radius: 999px;\n background: #111111;\n color: #ffffff;\n font-size: 20px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 0.4px;\n margin-bottom: 18px;\n}\n\n.abera-acne-howto__card-title {\n margin: 0 0 12px;\n font-size: 22px;\n line-height: 1.2;\n font-weight: 600;\n color: #111111;\n}\n\n.abera-acne-howto__card-text {\n margin: 0;\n font-size: 20px;\n line-height: 1.65;\n color: #666666;\n}\n\n.abera-acne-howto__card-text strong {\n color: #111111;\n font-weight: 700;\n}\n\n@media (max-width: 991px) {\n .abera-acne-howto__grid {\n grid-template-columns: 1fr;\n }\n\n .abera-acne-howto__card {\n min-height: auto;\n }\n}\n\n@media (max-width: 767px) {\n .abera-acne-howto {\n padding: 20px 17px 58px;\n }\n\n .abera-acne-howto__header {\n margin-bottom: 26px;\n }\n\n .abera-acne-howto__title {\n font-size: 29px;\n line-height: 1.2;\n }\n\n .abera-acne-howto__grid {\n gap: 12px;\n }\n\n .abera-acne-howto__card {\n padding: 22px 18px 20px;\n border-radius: 14px;\n }\n\n .abera-acne-howto__step {\n width: 42px;\n height: 42px;\n min-width: 42px;\n font-size: 20px;\n margin-bottom: 14px;\n }\n\n .abera-acne-howto__card-title {\n font-size: 18px;\n margin-bottom: 10px;\n }\n\n .abera-acne-howto__card-text {\n font-size: 18px;\n line-height: 1.6;\n }\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-acne-howto\"\u003e\n\u003cdiv class=\"abera-acne-howto__inner\"\u003e\n\u003cdiv class=\"abera-acne-howto__header\"\u003e\n\u003ch2 class=\"abera-acne-howto__title\"\u003eHOW TO GET THE BEST RESULTS\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-howto__grid\"\u003e\n\u003c!-- STEP 1 --\u003e\n\u003carticle class=\"abera-acne-howto__card\"\u003e\n\u003cdiv class=\"abera-acne-howto__step\"\u003e01\u003c\/div\u003e\n\u003ch3 class=\"abera-acne-howto__card-title\"\u003eWET \u0026amp; LATHER\u003c\/h3\u003e\n\u003cp class=\"abera-acne-howto__card-text\"\u003eWet your skin thoroughly, then apply and lather over acne-prone areas.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- STEP 2 --\u003e\n\u003carticle class=\"abera-acne-howto__card\"\u003e\n\u003cdiv class=\"abera-acne-howto__step\"\u003e02\u003c\/div\u003e\n\u003ch3 class=\"abera-acne-howto__card-title\"\u003eWAIT \u0026amp; RINSE\u003c\/h3\u003e\n\u003cp class=\"abera-acne-howto__card-text\"\u003eLeave on for \u003cstrong\u003e60–90 seconds\u003c\/strong\u003e, then rinse thoroughly with water.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- STEP 3 --\u003e\n\u003carticle class=\"abera-acne-howto__card\"\u003e\n\u003cdiv class=\"abera-acne-howto__step\"\u003e03\u003c\/div\u003e\n\u003ch3 class=\"abera-acne-howto__card-title\"\u003eSTAY CONSISTENT\u003c\/h3\u003e\n\u003cp class=\"abera-acne-howto__card-text\"\u003eUse \u003cstrong\u003etwice daily\u003c\/strong\u003e for best results.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN ACNE BODY WASH\n TECHNOLOGY + INGREDIENTS SECTION\n========================================================= *\/\n\n.abera-acne-tech {\n font-family: Inter, Arial, sans-serif;\n background: #0b0b0d;\n color: #ffffff;\n padding: 40px 18px 40px;\n}\n\n.abera-acne-tech * {\n box-sizing: border-box;\n}\n\n.abera-acne-tech__inner {\n width: 100%;\n max-width: 1180px;\n margin: 0 auto;\n}\n\n.abera-acne-tech__header {\n text-align: center;\n max-width: 760px;\n margin: 0 auto 34px;\n}\n\n.abera-acne-tech__title {\n margin: 0;\n font-size: clamp(28px, 3vw, 44px);\n line-height: 1.2;\n letter-spacing: 0;\n font-weight: 600;\n color: #ffffff;\n}\n\n\/* =========================================================\n INGREDIENT GRID\n========================================================= *\/\n\n.abera-acne-tech__grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 18px;\n margin-bottom: 28px;\n}\n\n.abera-acne-tech__card {\n position: relative;\n overflow: hidden;\n border-radius: 18px;\n min-height: 142px;\n background: #1a1a1d;\n box-shadow: 0 10px 24px rgba(0,0,0,.24);\n}\n\n.abera-acne-tech__card-image {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n}\n\n.abera-acne-tech__card-image img {\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n}\n\n.abera-acne-tech__card-overlay {\n position: absolute;\n inset: 0;\n background:\n linear-gradient(to bottom, rgba(0,0,0,.18), rgba(0,0,0,.44)),\n linear-gradient(to right, rgba(0,0,0,.48), rgba(0,0,0,.12));\n}\n\n.abera-acne-tech__card-content {\n position: relative;\n z-index: 2;\n padding: 18px 18px 16px;\n}\n\n.abera-acne-tech__card-title {\n margin: 0 0 8px;\n font-size: 19px;\n line-height: 1.15;\n font-weight: 700;\n color: #ffffff;\n}\n\n.abera-acne-tech__card-text {\n margin: 0;\n font-size: 15px;\n line-height: 1.45;\n font-weight: 500;\n color: rgba(255,255,255,.92);\n}\n\n\/* =========================================================\n TRUST ROW\n========================================================= *\/\n\n.abera-acne-tech__trust {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 14px 26px;\n}\n\n.abera-acne-tech__trust-item {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n min-height: 26px;\n}\n\n.abera-acne-tech__trust-icon {\n width: 22px;\n height: 22px;\n flex: 0 0 22px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.abera-acne-tech__trust-icon img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n display: block;\n}\n\n.abera-acne-tech__trust-label {\n font-size: 15px;\n line-height: 1.3;\n font-weight: 500;\n color: #ffffff;\n}\n\n\/* =========================================================\n RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 991px) {\n .abera-acne-tech__grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n@media (max-width: 767px) {\n .abera-acne-tech {\n padding: 35px 16px 20px;\n }\n\n .abera-acne-tech__header {\n margin-bottom: 24px;\n }\n\n .abera-acne-tech__title {\n font-size: 24px;\n line-height: 1.25;\n }\n\n .abera-acne-tech__grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n margin-bottom: 22px;\n }\n\n .abera-acne-tech__card {\n min-height: 132px;\n border-radius: 14px;\n }\n\n .abera-acne-tech__card-content {\n padding: 14px 12px 12px;\n }\n\n .abera-acne-tech__card-title {\n font-size: 16px;\n margin-bottom: 6px;\n }\n\n .abera-acne-tech__card-text {\n font-size: 12px;\n line-height: 1.4;\n }\n\n .abera-acne-tech__trust {\n justify-content: flex-start;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px 16px;\n }\n\n .abera-acne-tech__trust-label {\n font-size: 14px;\n }\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-acne-tech\"\u003e\n\u003cdiv class=\"abera-acne-tech__inner\"\u003e\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"abera-acne-tech__header\"\u003e\n\u003ch2 class=\"abera-acne-tech__title\"\u003eWHAT'S INSIDE AND WHY IT WORKS\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- INGREDIENT CARDS --\u003e\n\u003cdiv class=\"abera-acne-tech__grid\"\u003e\n\u003c!-- CARD 1 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_9_cf5fea3c-f857-46dc-b3f3-27004085cb8c.webp?v=1787967140\" alt=\"Lactic Acid\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003e5% LACTIC ACID (AHA)\u003c\/h3\u003e\n\u003cp class=\"abera-acne-tech__card-text\"\u003eUnclogs pores \u0026amp; targets breakouts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 2 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_11_3dd2f558-f8cd-4ff9-8f57-96fba011aece.webp?v=1787967139\" alt=\"Witch Hazel\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003eSALICYLIC ACID (BHA)\u003c\/h3\u003e\n\u003cp class=\"abera-acne-tech__card-text\"\u003eExfoliates \u0026amp; smooths rough skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 3 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_10_ac7e96ad-6be8-490e-aac9-58781928b79b.webp?v=1787967139\" alt=\"Panthenol\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003eNIACINAMIDE\u003c\/h3\u003e\n\u003cp class=\"abera-acne-tech__card-text\"\u003eControls excess oil \u0026amp; evens skin tone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 4 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_12_6161b02b-fb43-49ad-a79f-7e542ab400a1.webp?v=1787967139\" alt=\"Niacinamide\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003ePANTHENOL (VITAMIN B5)\u003c\/h3\u003e\n\u003cp class=\"abera-acne-tech__card-text\"\u003eHydrates \u0026amp; supports the skin barrier\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 5 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_14_c87813ff-fd81-45fe-a34d-91346c0a4d23.webp?v=1787967140\" alt=\"Chamomile\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003eWITCH HAZEL\u003c\/h3\u003e\n\u003cp class=\"abera-acne-tech__card-text\"\u003eRefreshes oily, congested skin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 6 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_13_97629cd4-fe60-4a4b-bc46-2a14cde890dd.webp?v=1787967140\" alt=\"Succinic Acid\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003eCHAMOMILE\u003c\/h3\u003e\n\u003cp class=\"abera-acne-tech__card-text\"\u003eSoothes stressed, sensitive skin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- TRUST ROW --\u003e\n\u003cdiv class=\"abera-acne-tech__trust\"\u003e\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/18_2b9950f9-1de2-4435-840f-a2788bc79db5.webp?v=1786634004\" alt=\"Trust Icon 1\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eDermatologist-Tested\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/19_f1ab1d79-53db-49a0-93ac-390f9f40fc7a.webp?v=1786634004\" alt=\"Trust Icon 2\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eParaben-Free\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_13.webp?v=1787970153\" alt=\"Trust Icon 3\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003ePhthalate-Free\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/17_4b584ed0-a5a0-4e05-b5ed-941e0659119d.webp?v=1786634004\" alt=\"Trust Icon 4\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eCruelty-Free\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_14.webp?v=1787970891\" alt=\"Trust Icon 5\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eThird Party Tested\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_15.webp?v=1787971033\" alt=\"Trust Icon 6\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eBody Acne Focused\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN ACNE BODY WASH\n 28-DAY BODY SKIN JOURNEY\n ALIGNED WITH OTHER SECTIONS\n========================================================= *\/\n\n.abera-body-journey {\n --black: #111111;\n --text: #1b1b1b;\n --muted: #626262;\n --line: #dddddd;\n --accent: #a98f78;\n --border: #e5e5e5;\n\n width: 100%;\n padding: 40px 18px;\n margin: 0;\n\n background: #ffffff;\n color: var(--text);\n\n font-family: Inter, Arial, sans-serif;\n}\n\n.abera-body-journey,\n.abera-body-journey * {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n WRAPPER\n SAME LOGIC AS INGREDIENT SECTION\n========================================================= *\/\n\n.abera-body-journey__inner {\n width: 100%;\n max-width: none;\n margin: 0 auto;\n padding: 0;\n}\n\n\n\/* =========================================================\n DESKTOP LAYOUT\n 60\/40 WITHOUT OVERFLOW\n========================================================= *\/\n\n.abera-body-journey__layout {\n width: 100%;\n\n display: grid;\n grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);\n gap: 18px;\n\n align-items: stretch;\n\n margin: 0;\n padding: 0;\n}\n\n\n\/* =========================================================\n CONTENT PANEL\n========================================================= *\/\n\n.abera-body-journey__content {\n width: 100%;\n min-width: 0;\n\n background: #ffffff;\n\n border: 1px solid var(--border);\n border-radius: 16px;\n\n padding: 30px 28px 30px;\n\n overflow: hidden;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-body-journey__eyebrow {\n margin: 0 0 16px;\n\n font-size: 12px;\n line-height: 1;\n font-weight: 700;\n\n letter-spacing: .7px;\n text-transform: uppercase;\n\n color: var(--accent);\n}\n\n\n.abera-body-journey__title {\n width: 100%;\n max-width: 760px;\n\n margin: 0 0 36px;\n\n font-size: clamp(32px, 3vw, 50px);\n line-height: 1.16;\n\n letter-spacing: -1px;\n font-weight: 600;\n\n color: var(--black);\n}\n\n\n\/* =========================================================\n TIMELINE\n========================================================= *\/\n\n.abera-body-journey__timeline {\n width: 100%;\n}\n\n\n\/* =========================================================\n TIMELINE ITEM\n========================================================= *\/\n\n.abera-body-journey__item {\n position: relative;\n\n width: 100%;\n\n display: grid;\n grid-template-columns: 28px minmax(0, 1fr);\n column-gap: 18px;\n\n padding-bottom: 31px;\n}\n\n\n.abera-body-journey__item:last-child {\n padding-bottom: 0;\n}\n\n\n\/* Vertical line *\/\n\n.abera-body-journey__item:not(:last-child)::after {\n content: \"\";\n\n position: absolute;\n\n left: 13px;\n top: 28px;\n bottom: 0;\n\n width: 1px;\n\n background: var(--line);\n}\n\n\n\/* =========================================================\n MARKER\n========================================================= *\/\n\n.abera-body-journey__marker {\n position: relative;\n z-index: 2;\n\n width: 27px;\n height: 27px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n color: #111111;\n}\n\n\n.abera-body-journey__marker::before {\n content: \"✦\";\n\n display: block;\n\n font-size: 22px;\n line-height: 1;\n}\n\n\n\/* =========================================================\n COPY\n========================================================= *\/\n\n.abera-body-journey__period {\n margin: 4px 0 14px;\n\n font-size: 12px;\n line-height: 1;\n\n font-weight: 700;\n\n letter-spacing: .2px;\n text-transform: uppercase;\n\n color: #222222;\n}\n\n\n.abera-body-journey__headline {\n width: 100%;\n max-width: 720px;\n\n margin: 0 0 10px;\n\n font-size: 23px;\n line-height: 1.4;\n\n font-weight: 500;\n\n color: var(--black);\n}\n\n\n.abera-body-journey__benefit {\n width: 100%;\n max-width: 760px;\n\n margin: 0;\n\n font-size: 15px;\n line-height: 1.55;\n\n color: var(--muted);\n}\n\n\n.abera-body-journey__benefit strong {\n color: var(--accent);\n font-weight: 600;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.abera-body-journey__media {\n position: relative;\n\n width: 100%;\n min-width: 0;\n min-height: 100%;\n\n overflow: hidden;\n\n border-radius: 16px;\n\n background: #eeeeee;\n}\n\n\n.abera-body-journey__media img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n margin: 0;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media (max-width: 1000px) {\n\n .abera-body-journey {\n padding: 36px 18px;\n }\n\n\n .abera-body-journey__layout {\n grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);\n gap: 16px;\n }\n\n\n .abera-body-journey__content {\n padding: 30px 24px;\n }\n\n\n .abera-body-journey__title {\n font-size: 38px;\n }\n\n\n .abera-body-journey__headline {\n font-size: 20px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n .abera-body-journey {\n width: 100%;\n\n padding: 22px 16px 42px;\n\n margin: 0;\n }\n\n\n .abera-body-journey__inner {\n width: 100%;\n\n max-width: none;\n\n margin: 0;\n padding: 0;\n }\n\n\n \/* Image first, content second *\/\n\n .abera-body-journey__layout {\n width: 100%;\n\n display: flex;\n flex-direction: column;\n\n gap: 12px;\n\n margin: 0;\n padding: 0;\n }\n\n\n \/* =====================================================\n IMAGE ABOVE\n ===================================================== *\/\n\n .abera-body-journey__media {\n order: 1;\n\n width: 100%;\n\n min-width: 0;\n min-height: 0;\n\n aspect-ratio: 1 \/ 1;\n\n border-radius: 14px;\n\n margin: 0;\n }\n\n\n .abera-body-journey__media img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n\n margin: 0;\n }\n\n\n \/* =====================================================\n CONTENT BELOW\n ===================================================== *\/\n\n .abera-body-journey__content {\n order: 2;\n\n width: 100%;\n min-width: 0;\n\n padding: 30px 20px 32px;\n\n margin: 0;\n\n background: #ffffff;\n\n border-radius: 14px;\n }\n\n\n .abera-body-journey__eyebrow {\n margin: 0 0 14px;\n\n font-size: 11px;\n }\n\n\n .abera-body-journey__title {\n width: 100%;\n\n margin: 0 0 30px;\n\n font-size: 30px;\n line-height: 1.2;\n\n letter-spacing: -.5px;\n }\n\n\n .abera-body-journey__item {\n width: 100%;\n\n grid-template-columns: 24px minmax(0, 1fr);\n column-gap: 14px;\n\n padding-bottom: 29px;\n }\n\n\n .abera-body-journey__item:not(:last-child)::after {\n left: 11px;\n top: 25px;\n }\n\n\n .abera-body-journey__marker {\n width: 23px;\n height: 23px;\n }\n\n\n .abera-body-journey__marker::before {\n font-size: 19px;\n }\n\n\n .abera-body-journey__period {\n margin-top: 3px;\n margin-bottom: 12px;\n\n font-size: 11px;\n }\n\n\n .abera-body-journey__headline {\n width: 100%;\n\n margin-bottom: 9px;\n\n font-size: 18px;\n line-height: 1.42;\n }\n\n\n .abera-body-journey__benefit {\n width: 100%;\n\n font-size: 14px;\n line-height: 1.55;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-body-journey\"\u003e\n\u003cdiv class=\"abera-body-journey__inner\"\u003e\n\u003cdiv class=\"abera-body-journey__layout\"\u003e\n\u003c!-- =================================================\n CONTENT\n ================================================== --\u003e\n\u003cdiv class=\"abera-body-journey__content\"\u003e\n\u003cdiv class=\"abera-body-journey__eyebrow\"\u003eWHAT TO EXPECT\u003c\/div\u003e\n\u003ch2 class=\"abera-body-journey__title\"\u003eClearer, smoother-looking body skin in 28 days.\u003c\/h2\u003e\n\u003cdiv class=\"abera-body-journey__timeline\"\u003e\n\u003c!-- DAY 1–7 --\u003e\n\u003cdiv class=\"abera-body-journey__item\"\u003e\n\u003cdiv class=\"abera-body-journey__marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"abera-body-journey__period\"\u003eDAY 1–7\u003c\/div\u003e\n\u003cp class=\"abera-body-journey__headline\"\u003eSkin feels cleaner, fresher and less congested.\u003c\/p\u003e\n\u003cp class=\"abera-body-journey__benefit\"\u003e\u003cstrong\u003eBenefits:\u003c\/strong\u003e Helps wash away excess oil, sweat and surface buildup that can contribute to clogged-looking pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- DAY 8–14 --\u003e\n\u003cdiv class=\"abera-body-journey__item\"\u003e\n\u003cdiv class=\"abera-body-journey__marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"abera-body-journey__period\"\u003eDAY 8–14\u003c\/div\u003e\n\u003cp class=\"abera-body-journey__headline\"\u003eRough, clogged-looking areas begin to feel smoother.\u003c\/p\u003e\n\u003cp class=\"abera-body-journey__benefit\"\u003e\u003cstrong\u003eBenefits:\u003c\/strong\u003e Regular exfoliation helps reduce dead skin buildup and improve the feel of rough body texture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- DAY 15–21 --\u003e\n\u003cdiv class=\"abera-body-journey__item\"\u003e\n\u003cdiv class=\"abera-body-journey__marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"abera-body-journey__period\"\u003eDAY 15–21\u003c\/div\u003e\n\u003cp class=\"abera-body-journey__headline\"\u003eVisible body breakouts begin to look calmer.\u003c\/p\u003e\n\u003cp class=\"abera-body-journey__benefit\"\u003e\u003cstrong\u003eBenefits:\u003c\/strong\u003e Acne-prone areas may show fewer noticeable bumps and a smoother-looking overall texture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- DAY 22–28 --\u003e\n\u003cdiv class=\"abera-body-journey__item\"\u003e\n\u003cdiv class=\"abera-body-journey__marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"abera-body-journey__period\"\u003eDAY 22–28\u003c\/div\u003e\n\u003cp class=\"abera-body-journey__headline\"\u003eBody skin looks clearer, smoother and more even.\u003c\/p\u003e\n\u003cp class=\"abera-body-journey__benefit\"\u003e\u003cstrong\u003eBenefits:\u003c\/strong\u003e Breakout-prone areas appear better maintained, with smoother-looking skin and fewer visible imperfections.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n IMAGE\n ================================================== --\u003e\n\u003cdiv class=\"abera-body-journey__media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/27_4397c1b6-cebc-4510-bbdb-6ebfd461c346.webp?v=1787729365\" alt=\"ABERA Men Acne Body Wash 28-day body skin journey\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN ACNE BODY WASH\n FAQ SECTION\n========================================================= *\/\n\n.abera-acne-faq {\n --black: #111111;\n --text: #202020;\n --muted: #666666;\n --border: #e2e2e2;\n\n width: 100%;\n padding: 48px 18px 56px;\n margin: 0;\n\n background: #ffffff;\n color: var(--text);\n\n font-family: Inter, Arial, sans-serif;\n}\n\n.abera-acne-faq,\n.abera-acne-faq * {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n WRAPPER\n========================================================= *\/\n\n.abera-acne-faq__inner {\n width: 100%;\n max-width: none;\n margin: 0 auto;\n padding: 0;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-acne-faq__header {\n text-align: center;\n margin: 0 auto 34px;\n}\n\n\n.abera-acne-faq__title {\n margin: 0;\n\n font-size: clamp(28px, 3vw, 42px);\n line-height: 1.2;\n\n letter-spacing: 0;\n font-weight: 600;\n\n color: var(--black);\n}\n\n\n\/* =========================================================\n FAQ LIST\n========================================================= *\/\n\n.abera-acne-faq__list {\n width: 100%;\n max-width: 1100px;\n\n margin: 0 auto;\n\n border-top: 1px solid var(--border);\n}\n\n\n\/* =========================================================\n FAQ ITEM\n========================================================= *\/\n\n.abera-acne-faq__item {\n width: 100%;\n\n margin: 0;\n\n border-bottom: 1px solid var(--border);\n}\n\n\n\/* remove default triangle *\/\n\n.abera-acne-faq__item summary {\n list-style: none;\n}\n\n.abera-acne-faq__item summary::-webkit-details-marker {\n display: none;\n}\n\n\n\/* =========================================================\n QUESTION\n========================================================= *\/\n\n.abera-acne-faq__question {\n position: relative;\n\n display: block;\n\n width: 100%;\n\n padding: 23px 52px 23px 0;\n\n cursor: pointer;\n\n font-size: 17px;\n line-height: 1.45;\n\n font-weight: 600;\n\n color: var(--black);\n}\n\n\n\/* PLUS \/ MINUS *\/\n\n.abera-acne-faq__question::after {\n content: \"+\";\n\n position: absolute;\n\n right: 4px;\n top: 50%;\n\n transform: translateY(-50%);\n\n width: 30px;\n height: 30px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n font-size: 25px;\n line-height: 1;\n\n font-weight: 300;\n\n color: var(--black);\n}\n\n\n.abera-acne-faq__item[open] .abera-acne-faq__question::after {\n content: \"−\";\n}\n\n\n\/* =========================================================\n ANSWER\n========================================================= *\/\n\n.abera-acne-faq__answer {\n max-width: 970px;\n\n padding: 0 52px 24px 0;\n\n font-size: 15px;\n line-height: 1.65;\n\n font-weight: 400;\n\n color: var(--muted);\n}\n\n\n.abera-acne-faq__answer p {\n margin: 0;\n}\n\n\n\/* =========================================================\n HOVER\n========================================================= *\/\n\n@media (hover: hover) {\n\n .abera-acne-faq__question {\n transition: opacity .2s ease;\n }\n\n .abera-acne-faq__question:hover {\n opacity: .65;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n .abera-acne-faq {\n padding: 38px 16px 44px;\n }\n\n\n .abera-acne-faq__header {\n margin-bottom: 25px;\n }\n\n\n .abera-acne-faq__title {\n font-size: 29px;\n line-height: 1.2;\n }\n\n\n .abera-acne-faq__question {\n padding: 20px 44px 20px 0;\n\n font-size: 15px;\n line-height: 1.45;\n }\n\n\n .abera-acne-faq__question::after {\n right: 0;\n\n width: 28px;\n height: 28px;\n\n font-size: 23px;\n }\n\n\n .abera-acne-faq__answer {\n padding: 0 38px 21px 0;\n\n font-size: 14px;\n line-height: 1.6;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-acne-faq\"\u003e\n\u003cdiv class=\"abera-acne-faq__inner\"\u003e\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"abera-acne-faq__header\"\u003e\n\u003ch2 class=\"abera-acne-faq__title\"\u003eQUESTIONS MEN FREQUENTLY ASK\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ LIST --\u003e\n\u003cdiv class=\"abera-acne-faq__list\"\u003e\n\u003c!-- FAQ 01 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003eCan I use ABERA Men Acne Body Wash if I have sensitive skin?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\u003cp\u003eYes. ABERA Men Acne Body Wash is designed for daily body care and combines \u003cstrong\u003e5% Lactic Acid\u003c\/strong\u003e with \u003cstrong\u003eNiacinamide\u003c\/strong\u003e and other skin-supporting ingredients.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- FAQ 02 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003eIs this only for acne, or can it help with small bumps and rough body texture too?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\u003cp\u003eIt’s not just for visible breakouts. The \u003cstrong\u003e5% Lactic Acid\u003c\/strong\u003e formula helps exfoliate dead skin buildup and smooth rough, bumpy-looking body texture, making it a great option for areas like the back, chest, shoulders and butt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- FAQ 03 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003eCan I use it together with a BHA body spray or other acne products?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\u003cp\u003eYes, but introduce multiple exfoliating products gradually. Use ABERA Men Acne Body Wash in the shower, then apply your \u003cstrong\u003eBHA Body Spray\u003c\/strong\u003e after drying the skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- FAQ 04 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003eIs this body wash just for men, or can women use it too?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\u003cp\u003eAlthough ABERA Men Acne Body Wash was created with men’s body-care needs in mind, women can use it too. It’s suitable for anyone looking for a simple exfoliating body wash to help improve the appearance of rough, breakout-prone body skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- FAQ 05 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\" open=\"\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003eHow long will it take to receive my order?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\u003cp\u003eMost U.S. orders arrive within \u003cstrong\u003e3–6 business days\u003c\/strong\u003e after shipment. Once your order is on the way, you’ll receive a tracking number to follow your delivery.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"ABERA US","offers":[{"title":"1 Bottle","offer_id":54225655824752,"sku":"CB-USASTABM+SL1","price":28.0,"currency_code":"USD","in_stock":true},{"title":"Double-Action Clear Body Bundle","offer_id":54225655890288,"sku":"CB-USASTABM+SL1-CB-BHA059+SL1","price":45.0,"currency_code":"USD","in_stock":true},{"title":"2 Bottles + 🎁 ABERA BHA Acne Spray","offer_id":54225655857520,"sku":"CB-USASTABM+SL2-CB-BHA059+SL1","price":50.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_4.webp?v=1787718062"},{"product_id":"folliculitis-shower-gel","title":"ABERA Folliculitis Body Wash For Men \u0026 Women","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width,initial-scale=1\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA FOLLICULITIS SHOWER GEL\n CONVERSION-FIRST \/ RETINOL-STYLE REBUILD\n ---------------------------------------------------------\n Structure:\n 01 Intro\n 02 Proven Results + lifestyle image placeholder\n 03 Static customer testimonials\n 04 GIF Before \/ After proof\n 05 How To Use\n 06 Key Ingredients\n 07 Customer Videos\n 08 Perfect Duo + bundle image placeholder\n 09 Quality Documentation\n 10 Final Message\n 11 FAQ\n========================================================= *\/\n\n#abera-folliculitis-v2 {\n --af-green:#0e2a1e;\n --af-green-2:#17392a;\n --af-green-3:#254d39;\n --af-lime:#c9ee57;\n --af-cream:#f4f0e5;\n --af-sage:#edf2ec;\n --af-white:#ffffff;\n --af-black:#101412;\n --af-text:#27322d;\n --af-muted:#66726b;\n --af-line:#dce4de;\n --af-radius:10px;\n\n width:100%;\n margin:0;\n padding:0;\n overflow:hidden;\n background:#fff;\n color:var(--af-text);\n font-family:inherit;\n}\n\n#abera-folliculitis-v2 *,\n#abera-folliculitis-v2 *::before,\n#abera-folliculitis-v2 *::after {\n box-sizing:border-box;\n}\n\n#abera-folliculitis-v2 img,\n#abera-folliculitis-v2 video {\n max-width:100%;\n}\n\n#abera-folliculitis-v2 .af-section {\n width:100%;\n margin:0;\n padding:58px 28px;\n}\n\n#abera-folliculitis-v2 .af-inner {\n width:100%;\n max-width:1400px;\n margin:0 auto;\n}\n\n#abera-folliculitis-v2 .af-narrow {\n max-width:1180px;\n}\n\n#abera-folliculitis-v2 .af-eyebrow {\n margin:0 0 10px;\n color:var(--af-green-3);\n font-size:12px;\n line-height:1.3;\n font-weight:800;\n letter-spacing:1.6px;\n text-transform:uppercase;\n}\n\n#abera-folliculitis-v2 h2 {\n margin:0;\n color:var(--af-black);\n font-size:clamp(32px,4vw,52px);\n line-height:1.06;\n letter-spacing:-1.8px;\n font-weight:800;\n text-transform:uppercase;\n}\n\n#abera-folliculitis-v2 h3 {\n margin:0;\n color:var(--af-black);\n font-size:17px;\n line-height:1.28;\n font-weight:800;\n}\n\n#abera-folliculitis-v2 p {\n margin:0;\n font-size:16px;\n line-height:1.62;\n}\n\n#abera-folliculitis-v2 .af-sub {\n margin-top:17px;\n color:var(--af-muted);\n font-size:17px;\n line-height:1.62;\n}\n\n#abera-folliculitis-v2 .af-center {\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-btn {\n display:inline-flex;\n align-items:center;\n justify-content:center;\n min-height:48px;\n padding:14px 24px;\n border:1px solid var(--af-green);\n border-radius:6px;\n background:var(--af-green);\n color:#fff !important;\n font-size:14px;\n line-height:1;\n font-weight:800;\n text-decoration:none !important;\n text-transform:uppercase;\n}\n\n\n\/* =========================================================\n 01 — INTRO \/ TEXT ONLY\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-intro {\n background:var(--af-cream);\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-intro .af-inner {\n max-width:1050px;\n}\n\n#abera-folliculitis-v2 .af-intro h2 {\n max-width:950px;\n margin:0 auto;\n}\n\n#abera-folliculitis-v2 .af-intro .af-sub {\n max-width:900px;\n margin-left:auto;\n margin-right:auto;\n}\n\n#abera-folliculitis-v2 .af-benefits {\n display:flex;\n align-items:center;\n justify-content:center;\n flex-wrap:wrap;\n gap:10px 24px;\n margin-top:30px;\n padding-top:25px;\n border-top:1px solid #d6d1c5;\n}\n\n#abera-folliculitis-v2 .af-benefit {\n position:relative;\n padding-left:19px;\n color:var(--af-black);\n font-size:14px;\n font-weight:800;\n}\n\n#abera-folliculitis-v2 .af-benefit::before {\n content:\"✓\";\n position:absolute;\n left:0;\n top:0;\n color:var(--af-green-3);\n font-weight:900;\n}\n\n#abera-folliculitis-v2 .af-closing {\n margin-top:26px;\n color:var(--af-green-3);\n font-size:15px;\n font-weight:900;\n letter-spacing:.8px;\n text-transform:uppercase;\n}\n\n\n\/* =========================================================\n 02 — PROVEN RESULTS \/ 58 + 42\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-proof {\n padding:0;\n background:\n radial-gradient(circle at 78% 30%,rgba(115,151,128,.17),transparent 32%),\n linear-gradient(110deg,#091b13 0%,#0d291d 58%,#163526 100%);\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-proof-inner {\n max-width:1400px;\n min-height:650px;\n margin:0 auto;\n display:grid;\n grid-template-columns:58% 42%;\n align-items:stretch;\n}\n\n#abera-folliculitis-v2 .af-proof-content {\n position:relative;\n z-index:3;\n padding:76px 36px 66px 60px;\n display:flex;\n flex-direction:column;\n justify-content:center;\n}\n\n#abera-folliculitis-v2 .af-proof .af-eyebrow {\n display:inline-flex;\n align-items:center;\n gap:10px;\n color:#d3d9d2;\n}\n\n#abera-folliculitis-v2 .af-proof .af-eyebrow::before {\n content:\"\";\n width:28px;\n height:1px;\n background:#a8b7ac;\n}\n\n#abera-folliculitis-v2 .af-proof h2 {\n color:#fff;\n max-width:800px;\n}\n\n#abera-folliculitis-v2 .af-proof .af-sub {\n max-width:690px;\n color:rgba(255,255,255,.72);\n}\n\n#abera-folliculitis-v2 .af-stats {\n display:grid;\n grid-template-columns:repeat(3,1fr);\n max-width:790px;\n margin-top:50px;\n}\n\n#abera-folliculitis-v2 .af-stat {\n position:relative;\n min-width:0;\n padding:0 28px;\n}\n\n#abera-folliculitis-v2 .af-stat:first-child {\n padding-left:0;\n}\n\n#abera-folliculitis-v2 .af-stat:not(:last-child)::after {\n content:\"\";\n position:absolute;\n top:5%;\n right:0;\n width:1px;\n height:90%;\n background:rgba(255,255,255,.20);\n}\n\n#abera-folliculitis-v2 .af-stat-number {\n margin:0 0 11px;\n color:#fff;\n font-size:clamp(46px,5vw,67px);\n line-height:.95;\n letter-spacing:-3px;\n font-weight:900;\n}\n\n#abera-folliculitis-v2 .af-stat:nth-child(3) .af-stat-number {\n color:var(--af-lime);\n}\n\n#abera-folliculitis-v2 .af-stat-title {\n margin:0 0 7px;\n color:#fff;\n font-size:15px;\n line-height:1.25;\n font-weight:850;\n text-transform:uppercase;\n}\n\n#abera-folliculitis-v2 .af-stat-copy {\n max-width:205px;\n color:rgba(255,255,255,.62);\n font-size:13px;\n line-height:1.45;\n}\n\n#abera-folliculitis-v2 .af-footnote {\n max-width:790px;\n margin-top:38px;\n padding-top:18px;\n border-top:1px solid rgba(255,255,255,.11);\n color:rgba(255,255,255,.46);\n font-size:11px;\n line-height:1.5;\n}\n\n#abera-folliculitis-v2 .af-proof-visual {\n position:relative;\n min-height:650px;\n overflow:hidden;\n}\n\n#abera-folliculitis-v2 .af-proof-visual::before {\n content:\"\";\n position:absolute;\n z-index:2;\n inset:0;\n background:linear-gradient(\n 90deg,\n #0d291d 0%,\n rgba(13,41,29,.72) 10%,\n rgba(13,41,29,.14) 31%,\n transparent 55%\n );\n pointer-events:none;\n}\n\n\n\/* Actual lifestyle image used in PROVEN RESULTS *\/\n#abera-folliculitis-v2 .af-proof-image {\n width:100%;\n height:100%;\n min-height:650px;\n display:block;\n object-fit:cover;\n object-position:center top;\n}\n\n#abera-folliculitis-v2 .af-image-needed {\n width:100%;\n height:100%;\n min-height:650px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n padding:35px;\n background:\n radial-gradient(circle at 50% 35%,#466856 0%,#294a39 42%,#143022 100%);\n color:rgba(255,255,255,.85);\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-image-needed strong {\n font-size:24px;\n font-weight:900;\n letter-spacing:.8px;\n}\n\n#abera-folliculitis-v2 .af-image-needed span {\n max-width:360px;\n margin-top:8px;\n font-size:14px;\n line-height:1.5;\n}\n\n#abera-folliculitis-v2 .af-image-needed small {\n margin-top:8px;\n color:rgba(255,255,255,.58);\n font-size:12px;\n}\n\n\n\/* =========================================================\n 03 — BEFORE \/ AFTER RESULTS\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-results {\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-section-header {\n margin-bottom:28px;\n}\n\n#abera-folliculitis-v2 .af-results-track {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:14px;\n}\n\n#abera-folliculitis-v2 .af-result-card {\n min-width:0;\n overflow:hidden;\n border:1px solid #dddddd;\n border-radius:9px;\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-result-image {\n position:relative;\n width:100%;\n aspect-ratio:1\/1;\n overflow:hidden;\n background:#f2f2f2;\n}\n\n#abera-folliculitis-v2 .af-result-image img {\n width:100%;\n height:100%;\n display:block;\n object-fit:cover;\n object-position:center;\n}\n\n#abera-folliculitis-v2 .af-result-content {\n padding:13px;\n}\n\n#abera-folliculitis-v2 .af-result-tag {\n display:inline-flex;\n margin-bottom:8px;\n padding:5px 7px;\n border-radius:4px;\n background:var(--af-green);\n color:#fff;\n font-size:10px;\n line-height:1;\n font-weight:850;\n letter-spacing:.3px;\n}\n\n#abera-folliculitis-v2 .af-result-card h3 {\n margin-bottom:7px;\n font-size:15px;\n text-transform:uppercase;\n}\n\n#abera-folliculitis-v2 .af-result-card p {\n color:#535d57;\n font-size:13px;\n line-height:1.5;\n}\n\n\n\/* =========================================================\n 04 — HOW TO USE \/ IMAGE + COPY\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-howto {\n background:#0b1f16;\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-howto-wrap {\n display:grid;\n grid-template-columns:minmax(0,1fr) minmax(0,1fr);\n gap:44px;\n align-items:center;\n}\n\n#abera-folliculitis-v2 .af-howto-media {\n width:100%;\n aspect-ratio:1\/1;\n overflow:hidden;\n border-radius:10px;\n background:#183126;\n}\n\n#abera-folliculitis-v2 .af-howto-media img {\n width:100%;\n height:100%;\n display:block;\n object-fit:cover;\n object-position:center;\n}\n\n#abera-folliculitis-v2 .af-howto h2,\n#abera-folliculitis-v2 .af-howto h3 {\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-howto .af-eyebrow {\n color:#cbd7cf;\n}\n\n#abera-folliculitis-v2 .af-howto-text {\n margin-top:16px;\n color:#e5ebe7;\n}\n\n#abera-folliculitis-v2 .af-howto-note {\n margin-top:20px;\n padding:14px 16px;\n border:1px solid rgba(255,255,255,.14);\n border-radius:7px;\n background:rgba(255,255,255,.06);\n color:#eef3ef;\n}\n\n#abera-folliculitis-v2 .af-howto .af-btn {\n margin-top:21px;\n border-color:#fff;\n background:transparent;\n}\n\n#abera-folliculitis-v2 .af-trust-strip {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:18px;\n margin-top:36px;\n padding-top:27px;\n border-top:1px solid rgba(255,255,255,.15);\n}\n\n#abera-folliculitis-v2 .af-trust-item {\n display:flex;\n flex-direction:column;\n align-items:center;\n text-align:center;\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-trust-icon {\n width:48px;\n height:48px;\n display:flex;\n align-items:center;\n justify-content:center;\n margin-bottom:10px;\n}\n\n#abera-folliculitis-v2 .af-trust-icon img {\n width:100%;\n height:100%;\n display:block;\n object-fit:contain;\n}\n\n#abera-folliculitis-v2 .af-trust-item span {\n font-size:13px;\n line-height:1.3;\n font-weight:600;\n text-transform:uppercase;\n}\n\n\n\/* =========================================================\n 05 — INGREDIENTS\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-ingredients {\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-ing-layout {\n display:grid;\n grid-template-columns:minmax(250px,.32fr) minmax(0,.68fr);\n gap:42px;\n align-items:center;\n}\n\n#abera-folliculitis-v2 .af-ing-intro h2 {\n font-size:30px;\n line-height:1.15;\n}\n\n#abera-folliculitis-v2 .af-ing-intro .af-sub {\n color:#4e5952;\n font-size:16px;\n}\n\n#abera-folliculitis-v2 .af-ing-callout {\n margin-top:22px;\n padding-top:18px;\n border-top:1px solid #d9dedb;\n color:var(--af-green-3);\n font-size:13px;\n font-weight:850;\n text-transform:uppercase;\n}\n\n#abera-folliculitis-v2 .af-ing-track {\n display:flex;\n gap:16px;\n width:100%;\n overflow-x:auto;\n scroll-behavior:smooth;\n scroll-snap-type:x mandatory;\n scrollbar-width:none;\n padding:0 0 5px;\n}\n\n#abera-folliculitis-v2 .af-ing-track::-webkit-scrollbar {\n display:none;\n}\n\n#abera-folliculitis-v2 .af-ing-card {\n flex:0 0 calc((100% - 32px)\/3);\n min-width:calc((100% - 32px)\/3);\n overflow:hidden;\n border-radius:8px;\n background:var(--af-green);\n scroll-snap-align:start;\n}\n\n#abera-folliculitis-v2 .af-ing-image {\n width:100%;\n aspect-ratio:1\/1;\n overflow:hidden;\n background:#1b392b;\n}\n\n#abera-folliculitis-v2 .af-ing-image img {\n width:100%;\n height:100%;\n display:block;\n object-fit:cover;\n}\n\n#abera-folliculitis-v2 .af-ing-content {\n padding:16px;\n}\n\n#abera-folliculitis-v2 .af-ing-card h3 {\n margin-bottom:8px;\n color:#fff;\n font-size:15px;\n text-transform:uppercase;\n}\n\n#abera-folliculitis-v2 .af-ing-card p {\n color:#d8e1db;\n font-size:13px;\n line-height:1.55;\n}\n\n#abera-folliculitis-v2 .af-scroll-note {\n margin-top:12px;\n color:#7b857f;\n font-size:11px;\n text-align:right;\n}\n\n\n\/* =========================================================\n 06 — CUSTOMER VIDEOS\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-videos {\n background:#081911;\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-videos h2 {\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-videos .af-eyebrow {\n color:#b9c9be;\n}\n\n#abera-folliculitis-v2 .af-videos-track {\n display:grid;\n grid-template-columns:repeat(5,minmax(0,1fr));\n gap:16px;\n margin-top:28px;\n}\n\n#abera-folliculitis-v2 .af-video-wrap {\n width:100%;\n aspect-ratio:9\/16;\n overflow:hidden;\n border-radius:4px;\n background:#163326;\n}\n\n#abera-folliculitis-v2 .af-video-wrap video {\n width:100%;\n height:100%;\n display:block;\n object-fit:cover;\n background:#163326;\n}\n\n#abera-folliculitis-v2 .af-video-dots {\n display:none;\n}\n\n\n\/* =========================================================\n 07 — PERFECT DUO\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-duo {\n background:var(--af-cream);\n}\n\n#abera-folliculitis-v2 .af-duo-layout {\n display:grid;\n grid-template-columns:minmax(0,1fr) minmax(0,1fr);\n gap:44px;\n align-items:center;\n}\n\n\n#abera-folliculitis-v2 .af-duo-media{\n width:100%;\n aspect-ratio:1\/1;\n overflow:hidden;\n border-radius:10px;\n background:#e9eee9;\n}\n#abera-folliculitis-v2 .af-duo-media img{\n width:100%;\n height:100%;\n display:block;\n object-fit:cover;\n object-position:center;\n}\n\n#abera-folliculitis-v2 .af-duo-placeholder {\n width:100%;\n aspect-ratio:1\/1;\n min-height:0;\n border:2px dashed #8da091;\n border-radius:10px;\n background:linear-gradient(135deg,#eef2eb,#dde8de);\n color:var(--af-green);\n}\n\n#abera-folliculitis-v2 .af-duo-placeholder strong {\n font-size:24px;\n}\n\n#abera-folliculitis-v2 .af-duo-title {\n margin-top:7px;\n font-size:32px;\n line-height:1.15;\n}\n\n#abera-folliculitis-v2 .af-duo-intro {\n margin-top:15px;\n color:#58635c;\n}\n\n#abera-folliculitis-v2 .af-duo-benefits {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:28px;\n margin-top:27px;\n}\n\n#abera-folliculitis-v2 .af-duo-product h3 {\n margin-bottom:12px;\n padding-bottom:9px;\n border-bottom:1px solid #d5d8d2;\n font-size:16px;\n text-transform:uppercase;\n}\n\n#abera-folliculitis-v2 .af-duo-list {\n margin:0;\n padding:0;\n list-style:none;\n}\n\n#abera-folliculitis-v2 .af-duo-list li {\n position:relative;\n margin:0 0 10px;\n padding-left:23px;\n color:#29332e;\n font-size:14px;\n line-height:1.45;\n}\n\n#abera-folliculitis-v2 .af-duo-list li::before {\n content:\"✓\";\n position:absolute;\n left:0;\n top:0;\n width:17px;\n height:17px;\n display:flex;\n align-items:center;\n justify-content:center;\n border-radius:50%;\n background:var(--af-green);\n color:#fff;\n font-size:10px;\n font-weight:900;\n}\n\n#abera-folliculitis-v2 .af-offer {\n margin-top:26px;\n padding:13px 15px;\n border-radius:6px;\n background:var(--af-green);\n color:#fff;\n font-size:15px;\n font-weight:900;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-duo .af-btn {\n margin-top:18px;\n}\n\n\n\/* =========================================================\n 08 — DOCUMENTATION\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-docs {\n background:#0a1d14;\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-docs h2 {\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-docs .af-eyebrow {\n color:#b8c8bd;\n}\n\n#abera-folliculitis-v2 .af-doc-grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:18px;\n max-width:920px;\n margin:28px auto 0;\n}\n\n#abera-folliculitis-v2 .af-doc-card {\n overflow:hidden;\n border:1px solid #294637;\n border-radius:10px;\n background:#12291d;\n}\n\n#abera-folliculitis-v2 .af-doc-image {\n width:100%;\n height:460px;\n display:flex;\n align-items:center;\n justify-content:center;\n overflow:hidden;\n background:#f4f4f0;\n}\n\n#abera-folliculitis-v2 .af-doc-image img {\n width:100%;\n height:100%;\n object-fit:contain;\n}\n\n#abera-folliculitis-v2 .af-doc-label {\n min-height:58px;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:12px 14px;\n color:#fff;\n font-size:13px;\n line-height:1.35;\n font-weight:800;\n text-align:center;\n text-transform:uppercase;\n}\n\n\n\/* =========================================================\n 09 — FINAL MESSAGE\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-final {\n padding:88px 20px;\n background:#fff;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-final .af-inner {\n max-width:1100px;\n}\n\n#abera-folliculitis-v2 .af-final .af-eyebrow {\n display:inline-flex;\n align-items:center;\n gap:11px;\n margin-bottom:26px;\n color:var(--af-black);\n}\n\n#abera-folliculitis-v2 .af-final .af-eyebrow::before {\n content:\"\";\n width:30px;\n height:2px;\n background:var(--af-black);\n}\n\n#abera-folliculitis-v2 .af-final h2 {\n font-size:clamp(42px,6vw,70px);\n line-height:1;\n letter-spacing:-2.5px;\n}\n\n#abera-folliculitis-v2 .af-final p {\n max-width:720px;\n margin:28px auto 0;\n color:#68716c;\n font-size:17px;\n line-height:1.45;\n}\n\n#abera-folliculitis-v2 .af-final .af-btn {\n margin-top:24px;\n}\n\n\n\/* =========================================================\n 10 — FAQ\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-faq {\n padding-top:42px;\n padding-bottom:58px;\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-faq .af-inner {\n max-width:1000px;\n}\n\n#abera-folliculitis-v2 .af-faq h2 {\n margin-bottom:17px;\n font-size:22px;\n line-height:1.3;\n letter-spacing:-.3px;\n}\n\n#abera-folliculitis-v2 .af-faq-list {\n border-top:1px solid #ddd;\n}\n\n#abera-folliculitis-v2 .af-faq details {\n margin:0;\n border-bottom:1px solid #ddd;\n}\n\n#abera-folliculitis-v2 .af-faq summary {\n position:relative;\n width:100%;\n padding:17px 45px 17px 0;\n list-style:none;\n color:#111;\n cursor:pointer;\n font-size:16px;\n line-height:1.4;\n font-weight:800;\n}\n\n#abera-folliculitis-v2 .af-faq summary::-webkit-details-marker {\n display:none;\n}\n\n#abera-folliculitis-v2 .af-faq summary::after {\n content:\"+\";\n position:absolute;\n right:4px;\n top:50%;\n transform:translateY(-50%);\n font-size:24px;\n line-height:1;\n font-weight:400;\n}\n\n#abera-folliculitis-v2 .af-faq details[open] summary::after {\n content:\"−\";\n}\n\n#abera-folliculitis-v2 .af-faq details p {\n padding:0 40px 18px 0;\n color:#3f4944;\n font-size:15px;\n line-height:1.6;\n}\n\n\n\n\/* =========================================================\n 03A — STATIC CUSTOMER TESTIMONIALS\n Retinol-style social proof row\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-static-reviews{\n background:#fff;\n overflow:hidden;\n}\n\n#abera-folliculitis-v2 .af-static-review-header{\n display:flex;\n flex-direction:column;\n align-items:center;\n margin-bottom:24px;\n}\n\n#abera-folliculitis-v2 .af-static-header-stars{\n margin-bottom:9px;\n color:#f3a000;\n font-size:21px;\n line-height:1;\n letter-spacing:2px;\n}\n\n#abera-folliculitis-v2 .af-static-title-box{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n max-width:100%;\n padding:10px 22px;\n border-radius:8px;\n background:#111;\n}\n\n#abera-folliculitis-v2 .af-static-title-box h2{\n margin:0;\n color:#fff;\n font-size:30px;\n line-height:1.3;\n font-weight:700;\n letter-spacing:-.6px;\n text-align:center;\n text-transform:uppercase;\n}\n\n#abera-folliculitis-v2 .af-static-review-viewport{\n width:100%;\n}\n\n#abera-folliculitis-v2 .af-static-review-track{\n display:grid;\n grid-template-columns:repeat(6,minmax(0,1fr));\n gap:12px;\n width:100%;\n}\n\n#abera-folliculitis-v2 .af-static-review-card{\n display:flex;\n flex-direction:column;\n min-width:0;\n overflow:hidden;\n border:1px solid #ddd;\n border-radius:9px;\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-static-review-image{\n position:relative;\n width:100%;\n aspect-ratio:1\/1;\n overflow:hidden;\n background:\n var(--review-image) center\/cover no-repeat,\n linear-gradient(135deg,#eef2ee,#dce5de);\n}\n\n#abera-folliculitis-v2 .af-static-review-image-note{\n position:absolute;\n inset:0;\n display:none;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n padding:16px;\n color:#496053;\n text-align:center;\n pointer-events:none;\n}\n\n\/* When a real URL is pasted, the placeholder note can simply stay hidden\n behind the loaded background image. *\/\n#abera-folliculitis-v2 .af-static-review-image-note strong{\n font-size:12px;\n font-weight:900;\n}\n\n#abera-folliculitis-v2 .af-static-review-image-note span{\n font-size:10px;\n}\n\n#abera-folliculitis-v2 .af-static-before,\n#abera-folliculitis-v2 .af-static-after{\n position:absolute;\n bottom:8px;\n z-index:3;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n padding:5px 7px;\n border-radius:4px;\n font-size:9px;\n line-height:1;\n font-weight:900;\n letter-spacing:.2px;\n}\n\n#abera-folliculitis-v2 .af-static-before{\n left:8px;\n border:1px solid rgba(0,0,0,.10);\n background:rgba(255,255,255,.95);\n color:#111;\n}\n\n#abera-folliculitis-v2 .af-static-after{\n right:8px;\n border:1px solid rgba(255,255,255,.18);\n background:rgba(0,0,0,.88);\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-static-review-content{\n display:flex;\n flex:1;\n flex-direction:column;\n padding:11px;\n}\n\n#abera-folliculitis-v2 .af-static-stars{\n margin-bottom:7px;\n color:#f3a000;\n font-size:15px;\n line-height:1;\n letter-spacing:.5px;\n}\n\n#abera-folliculitis-v2 .af-static-review-copy{\n margin:0 0 11px!important;\n color:#333;\n font-size:13px!important;\n line-height:1.5!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-name{\n margin:auto 0 7px;\n color:#111;\n font-size:13px;\n line-height:1.35;\n font-weight:800;\n}\n\n#abera-folliculitis-v2 .af-static-verified{\n display:inline-flex;\n align-items:center;\n align-self:flex-start;\n gap:4px;\n padding:4px 7px;\n border:1px solid #ddd;\n border-radius:20px;\n background:#f5f5f5;\n color:#333;\n font-size:10px;\n line-height:1;\n font-weight:700;\n white-space:nowrap;\n}\n\n#abera-folliculitis-v2 .af-static-check{\n width:13px;\n height:13px;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n border-radius:50%;\n background:#111;\n color:#fff;\n font-size:8px;\n line-height:1;\n font-weight:900;\n}\n\n#abera-folliculitis-v2 .af-static-review-dots{\n display:none;\n}\n\n\n\/* Tablet: 3 cards \/ row *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-static-review-track{\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:14px;\n }\n\n #abera-folliculitis-v2 .af-static-title-box h2{\n font-size:21px;\n }\n}\n\n\n\/* Mobile: 1 large card + next peek *\/\n@media screen and (max-width:749px){\n\n #abera-folliculitis-v2 .af-static-reviews{\n padding-left:14px;\n padding-right:14px;\n }\n\n #abera-folliculitis-v2 .af-static-review-header{\n margin-bottom:18px;\n }\n\n #abera-folliculitis-v2 .af-static-header-stars{\n margin-bottom:8px;\n font-size:19px;\n }\n\n #abera-folliculitis-v2 .af-static-title-box{\n width:100%;\n padding:10px 13px;\n border-radius:7px;\n }\n\n #abera-folliculitis-v2 .af-static-title-box h2{\n font-size:17px;\n line-height:1.35;\n }\n\n #abera-folliculitis-v2 .af-static-review-viewport{\n width:100%;\n overflow:hidden;\n }\n\n #abera-folliculitis-v2 .af-static-review-track{\n display:flex;\n flex-wrap:nowrap;\n gap:10px;\n width:100%;\n overflow-x:auto;\n overflow-y:hidden;\n scroll-behavior:smooth;\n scroll-snap-type:x mandatory;\n -webkit-overflow-scrolling:touch;\n scrollbar-width:none;\n padding:0 12% 5px 0;\n }\n\n #abera-folliculitis-v2 .af-static-review-track::-webkit-scrollbar{\n display:none;\n }\n\n #abera-folliculitis-v2 .af-static-review-card{\n flex:0 0 86%;\n min-width:86%;\n scroll-snap-align:start;\n }\n\n #abera-folliculitis-v2 .af-static-review-content{\n padding:13px;\n }\n\n #abera-folliculitis-v2 .af-static-stars{\n font-size:17px;\n }\n\n #abera-folliculitis-v2 .af-static-review-copy{\n font-size:14px!important;\n line-height:1.5!important;\n }\n\n #abera-folliculitis-v2 .af-static-review-name{\n font-size:14px;\n }\n\n #abera-folliculitis-v2 .af-static-verified{\n padding:5px 8px;\n font-size:11px;\n }\n\n #abera-folliculitis-v2 .af-static-before,\n #abera-folliculitis-v2 .af-static-after{\n bottom:9px;\n padding:6px 8px;\n font-size:10px;\n }\n\n #abera-folliculitis-v2 .af-static-before{\n left:9px;\n }\n\n #abera-folliculitis-v2 .af-static-after{\n right:9px;\n }\n\n #abera-folliculitis-v2 .af-static-review-dots{\n display:flex;\n align-items:center;\n justify-content:center;\n gap:7px;\n margin-top:14px;\n }\n\n #abera-folliculitis-v2 .af-static-dot{\n width:7px;\n height:7px;\n min-width:7px;\n margin:0;\n padding:0;\n border:0;\n border-radius:50%;\n background:#d0d0d0;\n cursor:pointer;\n transition:.2s ease;\n }\n\n #abera-folliculitis-v2 .af-static-dot.active{\n background:#111;\n transform:scale(1.2);\n }\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n@media screen and (min-width:750px) and (max-width:1050px) {\n #abera-folliculitis-v2 .af-section {\n padding:48px 22px;\n }\n\n #abera-folliculitis-v2 .af-proof-inner {\n grid-template-columns:60% 40%;\n min-height:570px;\n }\n\n #abera-folliculitis-v2 .af-proof-content {\n padding:60px 22px 54px 34px;\n }\n\n #abera-folliculitis-v2 .af-proof-visual,\n #abera-folliculitis-v2 .af-image-needed {\n min-height:570px;\n }\n\n #abera-folliculitis-v2 .af-result-card h3 {\n font-size:14px;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap,\n #abera-folliculitis-v2 .af-duo-layout {\n gap:30px;\n }\n\n #abera-folliculitis-v2 .af-ing-layout {\n grid-template-columns:minmax(220px,.34fr) minmax(0,.66fr);\n gap:28px;\n }\n\n #abera-folliculitis-v2 .af-ing-card {\n flex:0 0 47%;\n min-width:47%;\n }\n\n #abera-folliculitis-v2 .af-videos-track {\n display:flex;\n gap:15px;\n overflow-x:auto;\n scroll-snap-type:x mandatory;\n scrollbar-width:none;\n padding-right:8%;\n }\n\n #abera-folliculitis-v2 .af-video-item {\n flex:0 0 46%;\n min-width:46%;\n scroll-snap-align:start;\n }\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n@media screen and (max-width:749px) {\n #abera-folliculitis-v2 .af-section {\n padding:30px 14px;\n }\n\n #abera-folliculitis-v2 h2 {\n font-size:26px;\n line-height:1.10;\n letter-spacing:-.8px;\n }\n\n #abera-folliculitis-v2 h3 {\n font-size:18px;\n }\n\n #abera-folliculitis-v2 .af-eyebrow {\n font-size:11px;\n letter-spacing:1.3px;\n }\n\n #abera-folliculitis-v2 .af-sub {\n margin-top:13px;\n font-size:16px;\n line-height:1.58;\n }\n\n #abera-folliculitis-v2 p {\n font-size:15px;\n }\n\n \/* INTRO *\/\n #abera-folliculitis-v2 .af-intro {\n padding-top:42px;\n padding-bottom:38px;\n }\n\n #abera-folliculitis-v2 .af-intro h2 {\n font-size:29px;\n }\n\n #abera-folliculitis-v2 .af-benefits {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:11px 14px;\n margin-top:24px;\n padding-top:21px;\n text-align:left;\n }\n\n #abera-folliculitis-v2 .af-benefit {\n font-size:13px;\n }\n\n #abera-folliculitis-v2 .af-closing {\n margin-top:22px;\n font-size:13px;\n }\n\n \/* PROOF *\/\n #abera-folliculitis-v2 .af-proof-inner {\n display:flex;\n flex-direction:column;\n min-height:auto;\n }\n\n #abera-folliculitis-v2 .af-proof-content {\n order:1;\n padding:46px 18px 34px;\n }\n\n #abera-folliculitis-v2 .af-proof h2 {\n font-size:31px;\n line-height:1.08;\n letter-spacing:-1.2px;\n }\n\n #abera-folliculitis-v2 .af-proof .af-sub {\n font-size:14px;\n line-height:1.55;\n }\n\n #abera-folliculitis-v2 .af-stats {\n width:100%;\n max-width:none;\n grid-template-columns:repeat(3,minmax(118px,1fr));\n margin-top:33px;\n overflow-x:auto;\n scrollbar-width:none;\n }\n\n #abera-folliculitis-v2 .af-stats::-webkit-scrollbar {\n display:none;\n }\n\n #abera-folliculitis-v2 .af-stat {\n min-width:118px;\n padding:0 14px;\n }\n\n #abera-folliculitis-v2 .af-stat:first-child {\n padding-left:0;\n }\n\n #abera-folliculitis-v2 .af-stat-number {\n margin-bottom:8px;\n font-size:40px;\n letter-spacing:-2px;\n }\n\n #abera-folliculitis-v2 .af-stat-title {\n font-size:11.5px;\n }\n\n #abera-folliculitis-v2 .af-stat-copy {\n font-size:10.5px;\n line-height:1.4;\n }\n\n #abera-folliculitis-v2 .af-footnote {\n margin-top:26px;\n padding-top:15px;\n font-size:10px;\n }\n\n #abera-folliculitis-v2 .af-proof-visual {\n order:2;\n min-height:390px;\n }\n\n\n #abera-folliculitis-v2 .af-proof-image {\n width:100%;\n height:390px;\n min-height:390px;\n object-fit:cover;\n object-position:center top;\n }\n\n #abera-folliculitis-v2 .af-image-needed {\n min-height:390px;\n }\n\n #abera-folliculitis-v2 .af-proof-visual::before {\n background:linear-gradient(\n 180deg,\n #0d291d 0%,\n rgba(13,41,29,.60) 9%,\n rgba(13,41,29,.10) 26%,\n transparent 50%\n );\n }\n\n #abera-folliculitis-v2 .af-image-needed strong {\n font-size:21px;\n }\n\n #abera-folliculitis-v2 .af-image-needed span {\n font-size:13px;\n }\n\n \/* RESULTS - 1 CARD + NEXT PEEK *\/\n #abera-folliculitis-v2 .af-results {\n overflow:hidden;\n }\n\n #abera-folliculitis-v2 .af-results-track {\n display:flex;\n flex-wrap:nowrap;\n gap:10px;\n overflow-x:auto;\n scroll-snap-type:x mandatory;\n scrollbar-width:none;\n padding:0 12% 5px 0;\n }\n\n #abera-folliculitis-v2 .af-results-track::-webkit-scrollbar {\n display:none;\n }\n\n #abera-folliculitis-v2 .af-result-card {\n flex:0 0 86%;\n min-width:86%;\n scroll-snap-align:start;\n }\n\n #abera-folliculitis-v2 .af-result-content {\n padding:13px;\n }\n\n #abera-folliculitis-v2 .af-result-card h3 {\n font-size:16px;\n }\n\n #abera-folliculitis-v2 .af-result-card p {\n font-size:14px;\n }\n\n \/* HOW TO *\/\n #abera-folliculitis-v2 .af-howto-wrap {\n display:flex;\n flex-direction:column;\n gap:23px;\n }\n\n #abera-folliculitis-v2 .af-howto h2 {\n font-size:26px;\n }\n\n #abera-folliculitis-v2 .af-howto-text,\n #abera-folliculitis-v2 .af-howto-note {\n font-size:15px;\n }\n\n #abera-folliculitis-v2 .af-howto .af-btn {\n width:100%;\n }\n\n #abera-folliculitis-v2 .af-trust-strip {\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:22px 14px;\n margin-top:29px;\n padding-top:24px;\n }\n\n #abera-folliculitis-v2 .af-trust-icon {\n width:44px;\n height:44px;\n }\n\n #abera-folliculitis-v2 .af-trust-item span {\n font-size:12px;\n line-height:1.35;\n }\n\n \/* INGREDIENTS *\/\n #abera-folliculitis-v2 .af-ing-layout {\n display:flex;\n flex-direction:column;\n gap:23px;\n }\n\n #abera-folliculitis-v2 .af-ing-intro h2 {\n font-size:24px;\n }\n\n #abera-folliculitis-v2 .af-ing-intro .af-sub {\n font-size:15px;\n }\n\n #abera-folliculitis-v2 .af-ing-track {\n gap:10px;\n padding-right:14%;\n }\n\n #abera-folliculitis-v2 .af-ing-card {\n flex:0 0 86%;\n min-width:86%;\n }\n\n #abera-folliculitis-v2 .af-ing-card h3 {\n font-size:16px;\n }\n\n #abera-folliculitis-v2 .af-ing-card p {\n font-size:14px;\n }\n\n \/* VIDEOS *\/\n #abera-folliculitis-v2 .af-videos {\n overflow:hidden;\n }\n\n #abera-folliculitis-v2 .af-videos-track {\n display:flex;\n flex-wrap:nowrap;\n gap:11px;\n overflow-x:auto;\n scroll-snap-type:x mandatory;\n scrollbar-width:none;\n padding:0 15% 6px 0;\n }\n\n #abera-folliculitis-v2 .af-videos-track::-webkit-scrollbar {\n display:none;\n }\n\n #abera-folliculitis-v2 .af-video-item {\n flex:0 0 82%;\n min-width:82%;\n scroll-snap-align:start;\n }\n\n #abera-folliculitis-v2 .af-video-dots {\n display:flex;\n align-items:center;\n justify-content:center;\n gap:7px;\n margin-top:17px;\n }\n\n #abera-folliculitis-v2 .af-dot {\n width:7px;\n height:7px;\n min-width:7px;\n padding:0;\n border:0;\n border-radius:99px;\n background:#657a6d;\n opacity:.75;\n transition:.25s ease;\n }\n\n #abera-folliculitis-v2 .af-dot.active {\n width:23px;\n background:#fff;\n opacity:1;\n }\n\n \/* DUO *\/\n #abera-folliculitis-v2 .af-duo-layout {\n display:flex;\n flex-direction:column;\n gap:24px;\n }\n\n #abera-folliculitis-v2 .af-duo-title {\n font-size:25px;\n }\n\n #abera-folliculitis-v2 .af-duo-intro {\n font-size:14px;\n }\n\n #abera-folliculitis-v2 .af-duo-benefits {\n grid-template-columns:1fr;\n gap:23px;\n margin-top:22px;\n }\n\n #abera-folliculitis-v2 .af-duo-product h3 {\n font-size:16px;\n }\n\n #abera-folliculitis-v2 .af-duo-list li {\n font-size:14px;\n }\n\n #abera-folliculitis-v2 .af-duo .af-btn {\n width:100%;\n }\n\n \/* DOCS *\/\n #abera-folliculitis-v2 .af-doc-grid {\n grid-template-columns:1fr;\n gap:15px;\n }\n\n #abera-folliculitis-v2 .af-doc-image {\n height:auto;\n aspect-ratio:4\/5;\n }\n\n \/* FINAL *\/\n #abera-folliculitis-v2 .af-final {\n padding:58px 16px;\n }\n\n #abera-folliculitis-v2 .af-final h2 {\n font-size:38px;\n line-height:1;\n letter-spacing:-1.7px;\n }\n\n #abera-folliculitis-v2 .af-final p {\n max-width:94%;\n margin-top:22px;\n font-size:14px;\n line-height:1.35;\n }\n\n #abera-folliculitis-v2 .af-final .af-btn {\n width:100%;\n }\n\n \/* FAQ *\/\n #abera-folliculitis-v2 .af-faq {\n padding-top:27px;\n padding-bottom:34px;\n }\n\n #abera-folliculitis-v2 .af-faq h2 {\n font-size:19px;\n }\n\n #abera-folliculitis-v2 .af-faq summary {\n padding:15px 38px 15px 0;\n font-size:15px;\n }\n\n #abera-folliculitis-v2 .af-faq details p {\n padding:0 30px 16px 0;\n font-size:14px;\n line-height:1.55;\n }\n}\n\n\/* ===== FINAL AIRY POLAR-INSPIRED OVERRIDES ===== *\/\n#abera-folliculitis-v2{--af-cream:#f7f5ee;--af-soft:#f4f7f4;--af-ink:#101714;}\n#abera-folliculitis-v2 .af-section{padding:78px 28px;}\n#abera-folliculitis-v2 .af-inner{max-width:1240px;}\n#abera-folliculitis-v2 .af-eyebrow{margin-bottom:12px;font-size:11px;line-height:1.3;font-weight:750;letter-spacing:1.9px;}\n#abera-folliculitis-v2 h2{font-size:clamp(34px,3.2vw,48px);line-height:1.08;letter-spacing:-1.25px;font-weight:700;}\n#abera-folliculitis-v2 h2 span{font-weight:800;}\n#abera-folliculitis-v2 p{line-height:1.68;}\n#abera-folliculitis-v2 .af-sub{max-width:720px;margin-top:18px;font-size:16px;line-height:1.65;}\n#abera-folliculitis-v2 .af-section-note{max-width:560px;margin:12px auto 0;color:#7a847e;font-size:14px;line-height:1.55;}\n\/* intro *\/\n#abera-folliculitis-v2 .af-intro{padding-top:84px;padding-bottom:82px;background:#fbfaf6;}\n#abera-folliculitis-v2 .af-intro .af-inner{max-width:900px;}\n#abera-folliculitis-v2 .af-intro h2{max-width:800px;margin:0 auto;font-size:clamp(38px,4.2vw,58px);line-height:1.04;letter-spacing:-1.8px;}\n#abera-folliculitis-v2 .af-intro .af-sub{max-width:760px;margin:21px auto 0;color:#5e6862;font-size:16px;line-height:1.65;}\n#abera-folliculitis-v2 .af-intro-points{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:32px;}\n#abera-folliculitis-v2 .af-intro-points span{position:relative;padding-left:17px;color:#1b2520;font-size:13px;font-weight:700;}\n#abera-folliculitis-v2 .af-intro-points span:before{content:'✓';position:absolute;left:0;color:var(--af-green-3);font-weight:900;}\n#abera-folliculitis-v2 .af-intro .af-closing{margin-top:30px;color:#6f7a73;font-size:12px;font-weight:700;letter-spacing:1.15px;}\n\/* proof *\/\n#abera-folliculitis-v2 .af-proof-inner{width:100%;max-width:none;min-height:590px;grid-template-columns:57% 43%;}\n#abera-folliculitis-v2 .af-proof-content{padding:68px 46px 58px 54px;}\n#abera-folliculitis-v2 .af-proof h2{font-size:clamp(36px,3.5vw,50px);line-height:1.04;}\n#abera-folliculitis-v2 .af-proof .af-sub{max-width:590px;margin-top:17px;font-size:15px;}\n#abera-folliculitis-v2 .af-stats{margin-top:42px;}\n#abera-folliculitis-v2 .af-stat{padding:0 22px;}\n#abera-folliculitis-v2 .af-stat-number{font-size:clamp(42px,4.2vw,60px);}\n#abera-folliculitis-v2 .af-stat-title{font-size:13px;}\n#abera-folliculitis-v2 .af-stat-copy{font-size:12px;}\n#abera-folliculitis-v2 .af-proof-visual,#abera-folliculitis-v2 .af-proof-image{min-height:590px;}\n\/* reviews *\/\n#abera-folliculitis-v2 .af-static-reviews{padding-top:74px;padding-bottom:70px;}\n#abera-folliculitis-v2 .af-static-review-header{margin-bottom:28px;}\n#abera-folliculitis-v2 .af-static-header-stars{margin-bottom:12px;font-size:18px;}\n#abera-folliculitis-v2 .af-static-title-box{display:block;padding:0;background:transparent;border-radius:0;text-align:center;}\n#abera-folliculitis-v2 .af-static-title-box .af-eyebrow{margin-bottom:8px;color:#6e7a73;}\n#abera-folliculitis-v2 .af-static-title-box h2{color:#101714;font-size:clamp(28px,2.6vw,38px);line-height:1.12;font-weight:700;letter-spacing:-.9px;}\n#abera-folliculitis-v2 .af-static-review-track{gap:14px;}\n#abera-folliculitis-v2 .af-static-review-card{border-color:#e4e7e4;border-radius:7px;box-shadow:0 4px 16px rgba(15,35,24,.035);}\n#abera-folliculitis-v2 .af-static-review-copy{color:#4d5751;font-size:12.5px!important;line-height:1.55!important;}\n\/* gif results *\/\n#abera-folliculitis-v2 .af-results{padding-top:82px;padding-bottom:82px;background:#f8faf8;}\n#abera-folliculitis-v2 .af-section-header{margin-bottom:34px;}\n#abera-folliculitis-v2 .af-results-track{gap:18px;}\n#abera-folliculitis-v2 .af-result-card{border-color:#e2e7e3;border-radius:7px;box-shadow:0 5px 18px rgba(15,35,24,.035);}\n#abera-folliculitis-v2 .af-result-content{padding:15px 15px 17px;}\n\/* how to *\/\n#abera-folliculitis-v2 .af-howto{background:#10271c;}\n#abera-folliculitis-v2 .af-howto-wrap{gap:68px;}\n#abera-folliculitis-v2 .af-howto-media{border-radius:4px;}\n#abera-folliculitis-v2 .af-howto-steps{margin-top:27px;border-top:1px solid rgba(255,255,255,.15);}\n#abera-folliculitis-v2 .af-howto-step{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.15);}\n#abera-folliculitis-v2 .af-howto-step\u003espan{color:#a9bdaf;font-size:12px;font-weight:800;letter-spacing:1px;}\n#abera-folliculitis-v2 .af-howto-step strong{color:#fff;font-size:14px;font-weight:800;}\n#abera-folliculitis-v2 .af-howto-step p{margin-top:4px;color:#c9d2cc;font-size:14px;line-height:1.5;}\n#abera-folliculitis-v2 .af-howto-note{margin-top:22px;padding:14px 0 0;border:0;border-top:1px solid rgba(255,255,255,.15);border-radius:0;background:transparent;font-size:13px;line-height:1.55;}\n#abera-folliculitis-v2 .af-trust-strip{margin-top:42px;padding-top:24px;}\n\/* ingredients *\/\n#abera-folliculitis-v2 .af-ing-layout{grid-template-columns:minmax(245px,.29fr) minmax(0,.71fr);gap:54px;}\n#abera-folliculitis-v2 .af-ing-intro h2{font-size:30px;line-height:1.12;}\n#abera-folliculitis-v2 .af-ing-card{border-radius:6px;background:#173326;}\n#abera-folliculitis-v2 .af-ing-content{padding:15px;}\n#abera-folliculitis-v2 .af-ing-callout{margin-top:18px;padding-top:16px;font-size:11px;}\n\/* later sections *\/\n#abera-folliculitis-v2 .af-videos{padding-top:76px;padding-bottom:78px;}\n#abera-folliculitis-v2 .af-videos-track{margin-top:32px;gap:14px;}\n#abera-folliculitis-v2 .af-duo{background:#f7f5ee;}\n#abera-folliculitis-v2 .af-duo-layout{gap:60px;}\n#abera-folliculitis-v2 .af-duo-benefits{gap:34px;}\n#abera-folliculitis-v2 .af-offer{border-radius:3px;}\n#abera-folliculitis-v2 .af-docs{padding-top:72px;padding-bottom:72px;}\n#abera-folliculitis-v2 .af-final{padding-top:96px;padding-bottom:96px;}\n#abera-folliculitis-v2 .af-final h2{font-size:clamp(38px,5vw,62px);line-height:1.03;}\n#abera-folliculitis-v2 .af-faq{padding-top:56px;padding-bottom:64px;}\n@media(max-width:749px){\n#abera-folliculitis-v2 .af-section{padding:44px 16px;}\n#abera-folliculitis-v2 h2{font-size:25px;line-height:1.12;letter-spacing:-.55px;}\n#abera-folliculitis-v2 .af-eyebrow{margin-bottom:9px;font-size:10.5px;letter-spacing:1.45px;}\n#abera-folliculitis-v2 .af-sub{font-size:15px;line-height:1.58;}\n#abera-folliculitis-v2 .af-intro{padding-top:54px;padding-bottom:50px;}\n#abera-folliculitis-v2 .af-intro h2{font-size:31px;line-height:1.06;letter-spacing:-1px;}\n#abera-folliculitis-v2 .af-intro .af-sub{max-width:350px;margin-top:16px;font-size:15px;line-height:1.58;}\n#abera-folliculitis-v2 .af-intro-points{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;width:100%;max-width:340px;margin:24px auto 0;text-align:left;}\n#abera-folliculitis-v2 .af-intro-points span{font-size:12.5px;}\n#abera-folliculitis-v2 .af-intro .af-closing{margin-top:24px;font-size:10.5px;line-height:1.45;}\n#abera-folliculitis-v2 .af-proof-content{padding:42px 18px 30px;}\n#abera-folliculitis-v2 .af-proof h2{font-size:29px;line-height:1.06;}\n#abera-folliculitis-v2 .af-proof .af-sub{font-size:13.5px;}\n#abera-folliculitis-v2 .af-stats{margin-top:28px;}\n#abera-folliculitis-v2 .af-stat-number{font-size:36px;}\n#abera-folliculitis-v2 .af-proof-visual,#abera-folliculitis-v2 .af-proof-image{min-height:360px;height:360px;}\n#abera-folliculitis-v2 .af-static-reviews{padding-top:48px;padding-bottom:46px;}\n#abera-folliculitis-v2 .af-static-title-box{width:auto;}\n#abera-folliculitis-v2 .af-static-title-box h2{color:#101714;font-size:23px;line-height:1.12;}\n#abera-folliculitis-v2 .af-static-review-card{flex-basis:88%;min-width:88%;}\n#abera-folliculitis-v2 .af-results{padding-top:52px;padding-bottom:52px;}\n#abera-folliculitis-v2 .af-result-card{flex-basis:88%;min-width:88%;}\n#abera-folliculitis-v2 .af-howto-wrap{gap:28px;}\n#abera-folliculitis-v2 .af-howto h2{font-size:26px;}\n#abera-folliculitis-v2 .af-howto-step{grid-template-columns:38px 1fr;padding:15px 0;}\n#abera-folliculitis-v2 .af-howto-step p{font-size:13.5px;}\n#abera-folliculitis-v2 .af-trust-strip{margin-top:30px;}\n#abera-folliculitis-v2 .af-ing-layout{gap:28px;}\n#abera-folliculitis-v2 .af-ing-card{flex-basis:88%;min-width:88%;}\n#abera-folliculitis-v2 .af-duo-layout{gap:30px;}\n#abera-folliculitis-v2 .af-final{padding-top:64px;padding-bottom:64px;}\n#abera-folliculitis-v2 .af-final h2{font-size:34px;}\n}\n\n\n\/* ============================================================\nINGREDIENTS V2 — 6 ACTIVE SCIENCE CAROUSEL\n============================================================ *\/\n#abera-folliculitis-v2 .af-ing-layout{\n grid-template-columns:minmax(270px,.30fr) minmax(0,.70fr);\n gap:46px;\n align-items:center;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients{\n margin-top:24px;\n border-top:1px solid #d8deda;\n border-bottom:1px solid #d8deda;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients summary{\n position:relative;\n padding:14px 30px 14px 0;\n list-style:none;\n cursor:pointer;\n color:#162019;\n font-size:12px;\n line-height:1.3;\n font-weight:800;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients summary::-webkit-details-marker{\n display:none;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients summary::after{\n content:\"+\";\n position:absolute;\n top:50%;\n right:3px;\n transform:translateY(-50%);\n font-size:20px;\n font-weight:400;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients[open] summary::after{\n content:\"−\";\n}\n\n#abera-folliculitis-v2 .af-full-ingredients p{\n padding:0 0 16px;\n color:#59635d;\n font-size:12px;\n line-height:1.65;\n}\n\n#abera-folliculitis-v2 .af-ing-carousel{\n position:relative;\n min-width:0;\n}\n\n#abera-folliculitis-v2 .af-ing-track{\n display:flex;\n gap:14px;\n width:100%;\n overflow-x:auto;\n scroll-behavior:smooth;\n scroll-snap-type:x mandatory;\n scrollbar-width:none;\n padding:0 0 4px;\n}\n\n#abera-folliculitis-v2 .af-ing-track::-webkit-scrollbar{\n display:none;\n}\n\n#abera-folliculitis-v2 .af-ing-card{\n flex:0 0 calc((100% - 28px)\/3);\n min-width:calc((100% - 28px)\/3);\n scroll-snap-align:start;\n overflow:hidden;\n border-radius:7px;\n background:#10271c;\n}\n\n#abera-folliculitis-v2 .af-ing-image,\n#abera-folliculitis-v2 .af-ing-science-visual{\n width:100%;\n aspect-ratio:1\/1;\n}\n\n#abera-folliculitis-v2 .af-ing-science-visual{\n position:relative;\n overflow:hidden;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n isolation:isolate;\n background:\n radial-gradient(circle at 50% 42%,rgba(255,255,255,.15),transparent 22%),\n radial-gradient(circle at 50% 48%,rgba(70,116,104,.55),transparent 48%),\n linear-gradient(145deg,#09110f,#152824 56%,#060a09);\n}\n\n#abera-folliculitis-v2 .af-ing-science-visual::before,\n#abera-folliculitis-v2 .af-ing-science-visual::after{\n content:\"\";\n position:absolute;\n border:1px solid rgba(255,255,255,.13);\n border-radius:50%;\n z-index:-1;\n}\n\n#abera-folliculitis-v2 .af-ing-science-visual::before{\n width:72%;\n height:72%;\n}\n\n#abera-folliculitis-v2 .af-ing-science-visual::after{\n width:92%;\n height:92%;\n opacity:.55;\n}\n\n#abera-folliculitis-v2 .af-science-orb{\n position:absolute;\n width:46%;\n aspect-ratio:1\/1;\n border-radius:48% 52% 55% 45% \/ 45% 43% 57% 55%;\n background:\n radial-gradient(circle at 32% 25%,rgba(255,255,255,.82),rgba(255,255,255,.20) 17%,transparent 18%),\n radial-gradient(circle at 45% 42%,rgba(214,235,229,.54),rgba(64,107,96,.25) 56%,rgba(0,0,0,.18) 75%);\n border:1px solid rgba(255,255,255,.34);\n box-shadow:\n inset -16px -18px 28px rgba(0,0,0,.26),\n inset 12px 10px 24px rgba(255,255,255,.13),\n 0 20px 35px rgba(0,0,0,.24);\n transform:translateY(-4%);\n}\n\n#abera-folliculitis-v2 .af-science-formula{\n position:absolute;\n top:9%;\n left:8%;\n color:rgba(255,255,255,.56);\n font-size:9px;\n font-weight:700;\n letter-spacing:1.3px;\n}\n\n#abera-folliculitis-v2 .af-science-code{\n position:relative;\n z-index:2;\n color:#fff;\n font-size:33px;\n line-height:1;\n font-weight:500;\n}\n\n#abera-folliculitis-v2 .af-science-caption{\n position:absolute;\n bottom:9%;\n left:7%;\n right:7%;\n color:#d7e3de;\n font-size:10px;\n line-height:1.25;\n font-weight:700;\n letter-spacing:.7px;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-science-mandelic{\n background:\n radial-gradient(circle at 50% 45%,rgba(223,189,100,.28),transparent 38%),\n linear-gradient(145deg,#0b0b0a,#2a2418 58%,#090908);\n}\n\n#abera-folliculitis-v2 .af-science-niacinamide{\n background:\n radial-gradient(circle at 50% 45%,rgba(89,124,170,.30),transparent 38%),\n linear-gradient(145deg,#070a0f,#142234 58%,#06080c);\n}\n\n#abera-folliculitis-v2 .af-science-allantoin{\n background:\n radial-gradient(circle at 50% 45%,rgba(170,194,184,.30),transparent 38%),\n linear-gradient(145deg,#0a0d0c,#24312c 58%,#070a09);\n}\n\n#abera-folliculitis-v2 .af-ing-content{\n min-height:132px;\n padding:14px;\n}\n\n#abera-folliculitis-v2 .af-ing-card h3{\n margin-bottom:7px;\n color:#fff;\n font-size:14px;\n line-height:1.22;\n}\n\n#abera-folliculitis-v2 .af-ing-card p{\n color:#d7dfda;\n font-size:12.5px;\n line-height:1.52;\n}\n\n#abera-folliculitis-v2 .af-ing-arrow{\n position:absolute;\n top:38%;\n z-index:6;\n width:42px;\n height:52px;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:0;\n border:1px solid rgba(255,255,255,.14);\n background:rgba(4,12,8,.90);\n color:#fff;\n cursor:pointer;\n font-size:28px;\n line-height:1;\n}\n\n#abera-folliculitis-v2 .af-ing-prev{\n left:0;\n transform:translate(-22%,-50%);\n}\n\n#abera-folliculitis-v2 .af-ing-next{\n right:0;\n transform:translate(22%,-50%);\n}\n\n#abera-folliculitis-v2 .af-ing-arrow:disabled{\n opacity:.24;\n cursor:default;\n}\n\n#abera-folliculitis-v2 .af-ing-dots{\n display:flex;\n align-items:center;\n justify-content:center;\n gap:6px;\n margin-top:13px;\n}\n\n#abera-folliculitis-v2 .af-ing-dot{\n width:7px;\n height:7px;\n min-width:7px;\n padding:0;\n border:0;\n border-radius:50%;\n background:#d2d5d3;\n cursor:pointer;\n}\n\n#abera-folliculitis-v2 .af-ing-dot.active{\n width:25px;\n border-radius:99px;\n background:#17271f;\n}\n\n@media(max-width:749px){\n #abera-folliculitis-v2 .af-ing-layout{\n display:flex;\n flex-direction:column;\n gap:27px;\n }\n\n #abera-folliculitis-v2 .af-full-ingredients{\n margin-top:19px;\n }\n\n #abera-folliculitis-v2 .af-full-ingredients p{\n font-size:12px;\n }\n\n #abera-folliculitis-v2 .af-ing-track{\n gap:10px;\n padding-right:14%;\n }\n\n #abera-folliculitis-v2 .af-ing-card{\n flex:0 0 86%;\n min-width:86%;\n }\n\n #abera-folliculitis-v2 .af-ing-content{\n min-height:0;\n }\n\n #abera-folliculitis-v2 .af-ing-card h3{\n font-size:16px;\n }\n\n #abera-folliculitis-v2 .af-ing-card p{\n font-size:14px;\n }\n\n #abera-folliculitis-v2 .af-ing-arrow{\n display:none;\n }\n}\n\n\n\/* ============================================================\nCAROUSEL INDICATORS — POLAR-STYLE THICK BARS\nStatic Reviews \/ Results \/ Ingredients \/ Customer Videos\n============================================================ *\/\n\n\/* Shared indicator row *\/\n#abera-folliculitis-v2 .af-static-review-dots,\n#abera-folliculitis-v2 .af-results-dots,\n#abera-folliculitis-v2 .af-ing-dots,\n#abera-folliculitis-v2 .af-video-dots{\n align-items:center;\n justify-content:center;\n flex-wrap:wrap;\n gap:7px;\n}\n\n\/* Light-background carousels *\/\n#abera-folliculitis-v2 .af-static-dot,\n#abera-folliculitis-v2 .af-results-dot,\n#abera-folliculitis-v2 .af-ing-dot{\n width:38px;\n height:7px;\n min-width:38px;\n margin:0;\n padding:0;\n border:0;\n border-radius:999px;\n background:#d7dad8;\n cursor:pointer;\n opacity:1;\n transform:none;\n transition:\n width .22s ease,\n background .22s ease,\n opacity .22s ease;\n}\n\n#abera-folliculitis-v2 .af-static-dot.active,\n#abera-folliculitis-v2 .af-results-dot.active,\n#abera-folliculitis-v2 .af-ing-dot.active{\n width:54px;\n min-width:54px;\n background:#17271f;\n transform:none;\n}\n\n\/* Ingredient row appears on desktop + mobile *\/\n#abera-folliculitis-v2 .af-ing-dots{\n display:flex;\n margin-top:17px;\n}\n\n\/* Results bars: only needed when Results becomes a mobile carousel *\/\n#abera-folliculitis-v2 .af-results-dots{\n display:none;\n margin-top:17px;\n}\n\n\/* Customer-video bars use a dark-section palette *\/\n#abera-folliculitis-v2 .af-video-dots .af-dot{\n width:34px;\n height:7px;\n min-width:34px;\n margin:0;\n padding:0;\n border:0;\n border-radius:999px;\n background:rgba(255,255,255,.28);\n cursor:pointer;\n opacity:1;\n transition:\n width .22s ease,\n background .22s ease,\n opacity .22s ease;\n}\n\n#abera-folliculitis-v2 .af-video-dots .af-dot.active{\n width:50px;\n min-width:50px;\n background:#ffffff;\n opacity:1;\n}\n\n\/* Desktop static reviews are a grid, so no unnecessary indicator *\/\n@media screen and (min-width:750px){\n #abera-folliculitis-v2 .af-static-review-dots{\n display:none;\n }\n}\n\n\/* Mobile: make all carousel indicators substantial but still fit *\/\n@media screen and (max-width:749px){\n\n #abera-folliculitis-v2 .af-static-review-dots,\n #abera-folliculitis-v2 .af-results-dots,\n #abera-folliculitis-v2 .af-ing-dots,\n #abera-folliculitis-v2 .af-video-dots{\n gap:6px;\n margin-top:16px;\n }\n\n #abera-folliculitis-v2 .af-static-review-dots,\n #abera-folliculitis-v2 .af-results-dots,\n #abera-folliculitis-v2 .af-video-dots{\n display:flex;\n }\n\n #abera-folliculitis-v2 .af-static-dot,\n #abera-folliculitis-v2 .af-results-dot,\n #abera-folliculitis-v2 .af-ing-dot{\n width:34px;\n min-width:34px;\n height:7px;\n }\n\n #abera-folliculitis-v2 .af-static-dot.active,\n #abera-folliculitis-v2 .af-results-dot.active,\n #abera-folliculitis-v2 .af-ing-dot.active{\n width:50px;\n min-width:50px;\n }\n\n #abera-folliculitis-v2 .af-video-dots .af-dot{\n width:27px;\n min-width:27px;\n height:7px;\n }\n\n #abera-folliculitis-v2 .af-video-dots .af-dot.active{\n width:45px;\n min-width:45px;\n }\n}\n\n\n\/* ============================================================\nSTATIC REVIEWS — NAME + US LOCATION + QUOTED TESTIMONIAL STYLE\n============================================================ *\/\n#abera-folliculitis-v2 .af-static-review-meta{\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:8px;\n margin-top:auto;\n}\n\n#abera-folliculitis-v2 .af-static-review-name{\n margin:0;\n color:#222;\n font-size:12px;\n line-height:1.4;\n font-weight:500;\n}\n\n#abera-folliculitis-v2 .af-static-review-name strong{\n font-weight:700;\n}\n\n#abera-folliculitis-v2 .af-static-review-copy{\n position:relative;\n color:#3f4843;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-static-review-meta{\n align-items:flex-end;\n }\n\n #abera-folliculitis-v2 .af-static-review-name{\n font-size:13px;\n }\n\n #abera-folliculitis-v2 .af-static-verified{\n flex:0 0 auto;\n }\n}\n\n\n\/* ============================================================\nMOBILE INGREDIENT CAROUSEL — FIRST CARD ALIGNMENT FIX\nPrevents the first ingredient card\/image from being clipped\non the left edge on mobile.\n============================================================ *\/\n@media screen and (max-width:749px){\n\n #abera-folliculitis-v2 .af-ing-carousel{\n width:100%;\n max-width:100%;\n min-width:0;\n overflow:hidden;\n }\n\n #abera-folliculitis-v2 .af-ing-track{\n width:100%;\n max-width:100%;\n margin:0!important;\n padding-left:0!important;\n padding-right:12%!important;\n scroll-padding-left:0!important;\n box-sizing:border-box;\n }\n\n #abera-folliculitis-v2 .af-ing-card{\n flex:0 0 86%!important;\n min-width:86%!important;\n max-width:86%!important;\n margin-left:0!important;\n scroll-margin-left:0!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card:first-child{\n margin-left:0!important;\n }\n\n #abera-folliculitis-v2 .af-ing-image,\n #abera-folliculitis-v2 .af-ing-image img{\n width:100%;\n max-width:100%;\n }\n\n #abera-folliculitis-v2 .af-ing-image img{\n object-position:center center;\n }\n\n \/* Prevent theme-level nowrap rules from cutting long ingredient names *\/\n #abera-folliculitis-v2 .af-ing-card h3{\n white-space:normal!important;\n overflow-wrap:anywhere;\n }\n}\n\n\n\/* ============================================================\nFULL-BLEED FIX — ESCAPE SHOPIFY THEME PAGE-WIDTH CONTAINER\n============================================================ *\/\n#abera-folliculitis-v2{\n width:100vw!important;\n max-width:100vw!important;\n margin-left:calc(50% - 50vw)!important;\n margin-right:calc(50% - 50vw)!important;\n overflow-x:clip;\n}\n\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-static-reviews .af-inner,\n #abera-folliculitis-v2 .af-videos .af-inner{\n max-width:1680px;\n }\n\n #abera-folliculitis-v2 .af-static-review-track{\n gap:18px;\n }\n\n #abera-folliculitis-v2 .af-videos-track{\n gap:18px;\n }\n}\n\n@media screen and (min-width:1051px) and (max-width:1450px){\n #abera-folliculitis-v2 .af-static-reviews .af-inner,\n #abera-folliculitis-v2 .af-videos .af-inner{\n max-width:1360px;\n }\n}\n\n#abera-folliculitis-v2 .af-video-placeholder{\n width:100%;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:8px;\n padding:24px;\n background:\n radial-gradient(circle at 50% 35%,rgba(255,255,255,.08),transparent 32%),\n #163326;\n color:rgba(255,255,255,.88);\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-video-placeholder strong{\n font-size:15px;\n line-height:1.25;\n font-weight:800;\n letter-spacing:.8px;\n}\n\n#abera-folliculitis-v2 .af-video-placeholder span{\n max-width:170px;\n color:rgba(255,255,255,.58);\n font-size:11px;\n line-height:1.45;\n}\n\n\n\/* ============================================================\nFINAL DESKTOP SCALE FIX — POLAR-LIKE PAGE SHELL\nWhy:\n- Full 100vw sections looked good at 100% zoom,\n but at 33%\/50% browser zoom the viewport becomes extremely wide.\n- The section kept stretching while fonts\/cards hit their max sizes,\n creating huge empty areas and visual imbalance.\nSolution:\n- Escape Shopify's narrow theme container.\n- BUT cap the entire landing-page canvas at 1800px.\n- All sections now scale down together when browser zoom changes.\n============================================================ *\/\n\n#abera-folliculitis-v2{\n position:relative!important;\n left:50%!important;\n transform:translateX(-50%)!important;\n\n width:min(100vw, 1800px)!important;\n max-width:1800px!important;\n\n margin-top:0!important;\n margin-bottom:0!important;\n margin-left:0!important;\n margin-right:0!important;\n\n overflow-x:clip!important;\n}\n\n\/* One consistent content system across the full page *\/\n#abera-folliculitis-v2 .af-inner{\n width:calc(100% - 64px)!important;\n max-width:1440px!important;\n margin-left:auto!important;\n margin-right:auto!important;\n}\n\n\/* Hero\/results can use more of the page canvas, but must still stop growing *\/\n#abera-folliculitis-v2 .af-proof-inner{\n width:100%!important;\n max-width:1800px!important;\n margin-left:auto!important;\n margin-right:auto!important;\n}\n\n\/* Social proof benefits from a slightly wider content rail *\/\n#abera-folliculitis-v2 .af-static-reviews .af-inner,\n#abera-folliculitis-v2 .af-videos .af-inner{\n width:calc(100% - 64px)!important;\n max-width:1560px!important;\n}\n\n\/* Keep intentionally narrow sections narrow *\/\n#abera-folliculitis-v2 .af-intro .af-inner{\n max-width:980px!important;\n}\n\n#abera-folliculitis-v2 .af-docs .af-inner,\n#abera-folliculitis-v2 .af-faq .af-inner{\n max-width:1180px!important;\n}\n\n#abera-folliculitis-v2 .af-final .af-inner{\n max-width:1100px!important;\n}\n\n\/* Large desktop: prevent copy from floating in an oversized left column *\/\n@media screen and (min-width:1500px){\n #abera-folliculitis-v2 .af-proof-inner{\n grid-template-columns:55% 45%!important;\n }\n\n #abera-folliculitis-v2 .af-proof-content{\n padding-left:72px!important;\n padding-right:54px!important;\n }\n\n #abera-folliculitis-v2 .af-proof h2,\n #abera-folliculitis-v2 .af-proof .af-sub,\n #abera-folliculitis-v2 .af-stats,\n #abera-folliculitis-v2 .af-footnote{\n max-width:760px!important;\n }\n}\n\n\/* Normal laptop \/ desktop *\/\n@media screen and (min-width:1051px) and (max-width:1499px){\n #abera-folliculitis-v2 .af-inner{\n width:calc(100% - 48px)!important;\n }\n\n #abera-folliculitis-v2 .af-static-reviews .af-inner,\n #abera-folliculitis-v2 .af-videos .af-inner{\n width:calc(100% - 48px)!important;\n }\n\n #abera-folliculitis-v2 .af-proof-inner{\n grid-template-columns:57% 43%!important;\n }\n}\n\n\/* Tablet + mobile: use the real viewport width, no desktop transform quirks *\/\n@media screen and (max-width:1050px){\n #abera-folliculitis-v2{\n width:100vw!important;\n max-width:100vw!important;\n }\n\n #abera-folliculitis-v2 .af-inner,\n #abera-folliculitis-v2 .af-static-reviews .af-inner,\n #abera-folliculitis-v2 .af-videos .af-inner{\n width:100%!important;\n }\n}\n\n\n\/* ============================================================\nFINAL FRAME SYSTEM V3 — BALANCED DESKTOP + MOBILE\nGoal:\n- Build the page frame first, then let content sit inside it.\n- Keep the full-width premium feel without letting sections feel empty.\n- Use a consistent typography hierarchy close to the Polar reference.\n============================================================ *\/\n\n#abera-folliculitis-v2{\n --af-page-max:1800px;\n --af-wide:1620px;\n --af-main:1480px;\n --af-reading:1160px;\n --af-gutter:clamp(18px,2.8vw,52px);\n --af-section-y:clamp(58px,5vw,90px);\n\n --af-h2:clamp(40px,3.05vw,56px);\n --af-h2-small:clamp(34px,2.45vw,44px);\n --af-body:clamp(16px,.98vw,18px);\n --af-body-small:clamp(14px,.80vw,15.5px);\n --af-micro:clamp(12px,.70vw,13.5px);\n\n width:min(100vw,var(--af-page-max))!important;\n max-width:var(--af-page-max)!important;\n left:50%!important;\n transform:translateX(-50%)!important;\n}\n\n\/* ---------- Global content rails ---------- *\/\n#abera-folliculitis-v2 .af-section{\n padding:var(--af-section-y) var(--af-gutter)!important;\n}\n\n#abera-folliculitis-v2 .af-inner{\n width:100%!important;\n max-width:var(--af-main)!important;\n margin:0 auto!important;\n}\n\n#abera-folliculitis-v2 h2{\n font-size:var(--af-h2)!important;\n line-height:1.055!important;\n letter-spacing:-1.35px!important;\n}\n\n#abera-folliculitis-v2 h3{\n font-size:17px!important;\n line-height:1.28!important;\n}\n\n#abera-folliculitis-v2 p{\n font-size:var(--af-body-small)!important;\n line-height:1.62!important;\n}\n\n#abera-folliculitis-v2 .af-sub{\n font-size:var(--af-body)!important;\n line-height:1.62!important;\n}\n\n#abera-folliculitis-v2 .af-eyebrow{\n font-size:12px!important;\n line-height:1.3!important;\n letter-spacing:1.65px!important;\n}\n\n#abera-folliculitis-v2 .af-btn{\n min-height:50px!important;\n padding:15px 24px!important;\n font-size:14px!important;\n}\n\n\/* ============================================================\n01 — INTRO\nCompact text-first opening. No giant dead zone.\n============================================================ *\/\n#abera-folliculitis-v2 .af-intro{\n padding-top:62px!important;\n padding-bottom:58px!important;\n}\n\n#abera-folliculitis-v2 .af-intro .af-inner{\n max-width:1180px!important;\n}\n\n#abera-folliculitis-v2 .af-intro h2{\n max-width:1060px!important;\n font-size:clamp(48px,3.7vw,64px)!important;\n line-height:1.02!important;\n letter-spacing:-1.9px!important;\n}\n\n#abera-folliculitis-v2 .af-intro .af-sub{\n max-width:900px!important;\n margin-top:19px!important;\n font-size:17.5px!important;\n line-height:1.58!important;\n}\n\n#abera-folliculitis-v2 .af-intro-points{\n gap:10px 30px!important;\n margin-top:26px!important;\n}\n\n#abera-folliculitis-v2 .af-intro-points span{\n font-size:14px!important;\n}\n\n#abera-folliculitis-v2 .af-intro .af-closing{\n margin-top:24px!important;\n font-size:12.5px!important;\n}\n\n\/* ============================================================\n02 — REAL RESULTS HERO\nKeep cinematic 55\/45 image split, but increase readable copy.\n============================================================ *\/\n#abera-folliculitis-v2 .af-proof-inner{\n max-width:var(--af-page-max)!important;\n min-height:620px!important;\n grid-template-columns:55% 45%!important;\n}\n\n#abera-folliculitis-v2 .af-proof-content{\n padding:64px 54px 58px 68px!important;\n}\n\n#abera-folliculitis-v2 .af-proof h2{\n max-width:760px!important;\n font-size:clamp(46px,3.2vw,58px)!important;\n}\n\n#abera-folliculitis-v2 .af-proof .af-sub{\n max-width:700px!important;\n font-size:16.5px!important;\n}\n\n#abera-folliculitis-v2 .af-stats{\n max-width:820px!important;\n margin-top:40px!important;\n}\n\n#abera-folliculitis-v2 .af-stat{\n padding:0 25px!important;\n}\n\n#abera-folliculitis-v2 .af-stat:first-child{\n padding-left:0!important;\n}\n\n#abera-folliculitis-v2 .af-stat-number{\n font-size:clamp(52px,4.3vw,66px)!important;\n}\n\n#abera-folliculitis-v2 .af-stat-title{\n font-size:14px!important;\n line-height:1.25!important;\n}\n\n#abera-folliculitis-v2 .af-stat-copy{\n max-width:220px!important;\n font-size:13px!important;\n line-height:1.48!important;\n}\n\n#abera-folliculitis-v2 .af-footnote{\n max-width:820px!important;\n font-size:11.5px!important;\n}\n\n#abera-folliculitis-v2 .af-proof-visual,\n#abera-folliculitis-v2 .af-proof-image{\n min-height:620px!important;\n}\n\n\/* ============================================================\n03A — REVIEWS\nWide rail + readable testimonial text.\n============================================================ *\/\n#abera-folliculitis-v2 .af-static-reviews{\n padding-top:68px!important;\n padding-bottom:72px!important;\n}\n\n#abera-folliculitis-v2 .af-static-reviews .af-inner{\n max-width:var(--af-wide)!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-header{\n margin-bottom:30px!important;\n}\n\n#abera-folliculitis-v2 .af-static-title-box h2{\n font-size:clamp(36px,2.5vw,44px)!important;\n line-height:1.08!important;\n}\n\n#abera-folliculitis-v2 .af-static-header-stars{\n font-size:20px!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-track{\n gap:16px!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-content{\n padding:13px 13px 14px!important;\n}\n\n#abera-folliculitis-v2 .af-static-stars{\n font-size:17px!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-copy{\n font-size:14px!important;\n line-height:1.52!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-name{\n font-size:13.5px!important;\n line-height:1.38!important;\n}\n\n#abera-folliculitis-v2 .af-static-verified{\n padding:5px 8px!important;\n font-size:10.5px!important;\n}\n\n\/* ============================================================\n03 — SEE THE DIFFERENCE\nFour proof cards with enough breathing room, but not oversized.\n============================================================ *\/\n#abera-folliculitis-v2 .af-results{\n padding-top:70px!important;\n padding-bottom:76px!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-inner{\n max-width:1520px!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-section-header{\n margin-bottom:32px!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-section-header h2{\n font-size:clamp(38px,2.65vw,48px)!important;\n}\n\n#abera-folliculitis-v2 .af-section-note{\n font-size:15px!important;\n}\n\n#abera-folliculitis-v2 .af-results-track{\n gap:18px!important;\n}\n\n#abera-folliculitis-v2 .af-result-content{\n padding:15px 15px 18px!important;\n}\n\n#abera-folliculitis-v2 .af-result-card h3{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-result-card p{\n font-size:14px!important;\n line-height:1.52!important;\n}\n\n\/* ============================================================\n04 — HOW TO USE\nLarge image + strong instructional copy + larger trust row.\n============================================================ *\/\n#abera-folliculitis-v2 .af-howto .af-inner{\n max-width:1500px!important;\n}\n\n#abera-folliculitis-v2 .af-howto-wrap{\n grid-template-columns:minmax(0,1fr) minmax(0,1.04fr)!important;\n gap:64px!important;\n}\n\n#abera-folliculitis-v2 .af-howto h2{\n font-size:clamp(40px,2.9vw,52px)!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step{\n grid-template-columns:48px 1fr!important;\n padding:19px 0!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step\u003espan{\n font-size:13px!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step strong{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step p{\n margin-top:5px!important;\n font-size:15.5px!important;\n}\n\n#abera-folliculitis-v2 .af-howto-note{\n font-size:14px!important;\n line-height:1.55!important;\n}\n\n#abera-folliculitis-v2 .af-trust-strip{\n margin-top:38px!important;\n padding-top:27px!important;\n}\n\n#abera-folliculitis-v2 .af-trust-icon{\n width:56px!important;\n height:56px!important;\n}\n\n#abera-folliculitis-v2 .af-trust-item span{\n font-size:13.5px!important;\n line-height:1.32!important;\n}\n\n\/* ============================================================\n05 — INGREDIENTS\nMake the left intro block feel fuller and more balanced on desktop,\nwhile keeping the carousel strong and mobile-friendly.\n============================================================ *\/\n#abera-folliculitis-v2 .af-ingredients .af-inner{\n max-width:1540px!important;\n}\n\n#abera-folliculitis-v2 .af-ing-layout{\n grid-template-columns:minmax(360px,.34fr) minmax(0,.66fr)!important;\n gap:40px!important;\n align-items:stretch!important;\n}\n\n#abera-folliculitis-v2 .af-ing-intro{\n display:flex!important;\n flex-direction:column!important;\n justify-content:center!important;\n min-height:430px!important;\n padding:34px 26px 34px 12px!important;\n}\n\n#abera-folliculitis-v2 .af-ing-intro h2{\n font-size:44px!important;\n line-height:1.04!important;\n letter-spacing:-1.05px!important;\n margin-bottom:16px!important;\n}\n\n#abera-folliculitis-v2 .af-ing-intro .af-sub{\n max-width:340px!important;\n font-size:17px!important;\n line-height:1.62!important;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients{\n margin-top:28px!important;\n max-width:355px!important;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients summary{\n font-size:13.5px!important;\n padding:16px 30px 16px 0!important;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients p{\n font-size:13.5px!important;\n line-height:1.72!important;\n}\n\n#abera-folliculitis-v2 .af-ing-card h3{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-ing-card p{\n font-size:14px!important;\n line-height:1.52!important;\n}\n\n#abera-folliculitis-v2 .af-ing-content{\n min-height:148px!important;\n padding:16px!important;\n}\n\n@media(max-width:1024px){\n #abera-folliculitis-v2 .af-ing-layout{\n grid-template-columns:minmax(300px,.32fr) minmax(0,.68fr)!important;\n gap:28px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro{\n min-height:380px!important;\n padding:24px 12px 24px 0!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro h2{\n font-size:38px!important;\n }\n}\n\n@media(max-width:749px){\n #abera-folliculitis-v2 .af-ing-layout{\n gap:28px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro{\n min-height:auto!important;\n padding:0!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro h2{\n font-size:31px!important;\n line-height:1.08!important;\n letter-spacing:-.7px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro .af-sub{\n max-width:none!important;\n font-size:15px!important;\n line-height:1.58!important;\n }\n\n #abera-folliculitis-v2 .af-full-ingredients{\n max-width:none!important;\n margin-top:22px!important;\n }\n}\n\n\/* ============================================================\n06 — CUSTOMER VIDEOS\nWide section; 5 across on large desktop, carousel on smaller screens.\n============================================================ *\/\n#abera-folliculitis-v2 .af-videos{\n padding-top:72px!important;\n padding-bottom:78px!important;\n}\n\n#abera-folliculitis-v2 .af-videos .af-inner{\n max-width:var(--af-wide)!important;\n}\n\n#abera-folliculitis-v2 .af-videos h2{\n font-size:clamp(40px,2.8vw,50px)!important;\n}\n\n#abera-folliculitis-v2 .af-videos-track{\n gap:18px!important;\n margin-top:30px!important;\n}\n\n\/* ============================================================\n07 — PERFECT DUO\nBalanced 50\/50 split; enough copy to justify the image.\n============================================================ *\/\n#abera-folliculitis-v2 .af-duo .af-inner{\n max-width:1500px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-layout{\n gap:62px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-title{\n font-size:clamp(38px,2.7vw,48px)!important;\n}\n\n#abera-folliculitis-v2 .af-duo-intro{\n font-size:16px!important;\n line-height:1.6!important;\n}\n\n#abera-folliculitis-v2 .af-duo-product h3{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-list li{\n font-size:14.5px!important;\n}\n\n#abera-folliculitis-v2 .af-offer{\n padding:14px 16px!important;\n font-size:15px!important;\n}\n\n\/* ============================================================\n08 — DOCUMENTATION\nKeep this compact; it is credibility support, not a hero.\n============================================================ *\/\n#abera-folliculitis-v2 .af-docs .af-inner{\n max-width:1180px!important;\n}\n\n#abera-folliculitis-v2 .af-docs h2{\n font-size:clamp(34px,2.3vw,42px)!important;\n}\n\n#abera-folliculitis-v2 .af-doc-label{\n font-size:14px!important;\n}\n\n\/* ============================================================\n09 — FINAL CTA + FAQ\nReadable, narrow, premium.\n============================================================ *\/\n#abera-folliculitis-v2 .af-final .af-inner{\n max-width:1100px!important;\n}\n\n#abera-folliculitis-v2 .af-final h2{\n font-size:clamp(44px,4vw,64px)!important;\n}\n\n#abera-folliculitis-v2 .af-final p{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-faq .af-inner{\n max-width:1100px!important;\n}\n\n#abera-folliculitis-v2 .af-faq h2{\n font-size:25px!important;\n}\n\n#abera-folliculitis-v2 .af-faq summary{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-faq details p{\n font-size:15px!important;\n}\n\n\/* ============================================================\nTABLET — one coherent middle state\n============================================================ *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2{\n width:100vw!important;\n max-width:100vw!important;\n }\n\n #abera-folliculitis-v2 .af-section{\n padding:54px 24px!important;\n }\n\n #abera-folliculitis-v2 h2{\n font-size:38px!important;\n }\n\n #abera-folliculitis-v2 .af-intro h2{\n font-size:46px!important;\n }\n\n #abera-folliculitis-v2 .af-proof-inner{\n grid-template-columns:56% 44%!important;\n min-height:560px!important;\n }\n\n #abera-folliculitis-v2 .af-proof-content{\n padding:52px 30px 48px 38px!important;\n }\n\n #abera-folliculitis-v2 .af-proof h2{\n font-size:40px!important;\n }\n\n #abera-folliculitis-v2 .af-proof-visual,\n #abera-folliculitis-v2 .af-proof-image{\n min-height:560px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap,\n #abera-folliculitis-v2 .af-duo-layout{\n gap:36px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-layout{\n grid-template-columns:280px minmax(0,1fr)!important;\n gap:34px!important;\n }\n\n #abera-folliculitis-v2 .af-trust-icon{\n width:50px!important;\n height:50px!important;\n }\n}\n\n\/* ============================================================\nMOBILE — compact, readable, no oversized desktop leftovers\n============================================================ *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2{\n width:100vw!important;\n max-width:100vw!important;\n }\n\n #abera-folliculitis-v2 .af-section{\n padding:42px 16px!important;\n }\n\n #abera-folliculitis-v2 .af-inner{\n max-width:none!important;\n }\n\n #abera-folliculitis-v2 h2{\n font-size:29px!important;\n line-height:1.08!important;\n letter-spacing:-.7px!important;\n }\n\n #abera-folliculitis-v2 h3{\n font-size:17px!important;\n }\n\n #abera-folliculitis-v2 p{\n font-size:15px!important;\n line-height:1.56!important;\n }\n\n #abera-folliculitis-v2 .af-sub{\n font-size:15.5px!important;\n line-height:1.56!important;\n }\n\n #abera-folliculitis-v2 .af-eyebrow{\n font-size:10.5px!important;\n letter-spacing:1.35px!important;\n }\n\n #abera-folliculitis-v2 .af-btn{\n min-height:49px!important;\n width:100%!important;\n font-size:13px!important;\n }\n\n \/* Intro *\/\n #abera-folliculitis-v2 .af-intro{\n padding-top:45px!important;\n padding-bottom:42px!important;\n }\n\n #abera-folliculitis-v2 .af-intro h2{\n font-size:34px!important;\n line-height:1.03!important;\n letter-spacing:-1px!important;\n }\n\n #abera-folliculitis-v2 .af-intro .af-sub{\n max-width:360px!important;\n margin-top:15px!important;\n font-size:15.5px!important;\n }\n\n #abera-folliculitis-v2 .af-intro-points{\n grid-template-columns:1fr 1fr!important;\n gap:10px 12px!important;\n margin-top:22px!important;\n }\n\n #abera-folliculitis-v2 .af-intro-points span{\n font-size:12.5px!important;\n }\n\n #abera-folliculitis-v2 .af-intro .af-closing{\n margin-top:21px!important;\n font-size:10.5px!important;\n line-height:1.45!important;\n }\n\n \/* Proof *\/\n #abera-folliculitis-v2 .af-proof-inner{\n display:flex!important;\n flex-direction:column!important;\n min-height:auto!important;\n }\n\n #abera-folliculitis-v2 .af-proof-content{\n order:1!important;\n padding:42px 18px 32px!important;\n }\n\n #abera-folliculitis-v2 .af-proof h2{\n font-size:31px!important;\n }\n\n #abera-folliculitis-v2 .af-proof .af-sub{\n font-size:14.5px!important;\n }\n\n #abera-folliculitis-v2 .af-stats{\n grid-template-columns:repeat(3,minmax(122px,1fr))!important;\n margin-top:28px!important;\n }\n\n #abera-folliculitis-v2 .af-stat{\n min-width:122px!important;\n padding:0 13px!important;\n }\n\n #abera-folliculitis-v2 .af-stat-number{\n font-size:39px!important;\n }\n\n #abera-folliculitis-v2 .af-stat-title{\n font-size:11.5px!important;\n }\n\n #abera-folliculitis-v2 .af-stat-copy{\n font-size:11px!important;\n }\n\n #abera-folliculitis-v2 .af-proof-visual{\n order:2!important;\n min-height:375px!important;\n }\n\n #abera-folliculitis-v2 .af-proof-image{\n min-height:375px!important;\n height:375px!important;\n }\n\n \/* Review *\/\n #abera-folliculitis-v2 .af-static-reviews{\n padding-top:46px!important;\n padding-bottom:48px!important;\n }\n\n #abera-folliculitis-v2 .af-static-title-box h2{\n font-size:25px!important;\n }\n\n #abera-folliculitis-v2 .af-static-review-card{\n flex-basis:88%!important;\n min-width:88%!important;\n }\n\n #abera-folliculitis-v2 .af-static-review-copy{\n font-size:14px!important;\n }\n\n #abera-folliculitis-v2 .af-static-review-name{\n font-size:13px!important;\n }\n\n \/* Results *\/\n #abera-folliculitis-v2 .af-results{\n padding-top:48px!important;\n padding-bottom:52px!important;\n }\n\n #abera-folliculitis-v2 .af-results .af-section-header h2{\n font-size:30px!important;\n }\n\n #abera-folliculitis-v2 .af-result-card{\n flex-basis:88%!important;\n min-width:88%!important;\n }\n\n \/* How to *\/\n #abera-folliculitis-v2 .af-howto-wrap{\n display:flex!important;\n flex-direction:column!important;\n gap:27px!important;\n }\n\n #abera-folliculitis-v2 .af-howto h2{\n font-size:30px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step{\n grid-template-columns:38px 1fr!important;\n padding:15px 0!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step strong{\n font-size:14.5px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step p{\n font-size:14px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-note{\n font-size:13px!important;\n }\n\n #abera-folliculitis-v2 .af-trust-strip{\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:22px 14px!important;\n margin-top:28px!important;\n }\n\n #abera-folliculitis-v2 .af-trust-icon{\n width:48px!important;\n height:48px!important;\n }\n\n #abera-folliculitis-v2 .af-trust-item span{\n font-size:12px!important;\n }\n\n \/* Ingredients *\/\n #abera-folliculitis-v2 .af-ing-layout{\n display:flex!important;\n flex-direction:column!important;\n gap:26px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro h2{\n font-size:29px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro .af-sub{\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card{\n flex-basis:88%!important;\n min-width:88%!important;\n max-width:88%!important;\n }\n\n #abera-folliculitis-v2 .af-ing-content{\n min-height:0!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card h3{\n font-size:16px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card p{\n font-size:14px!important;\n }\n\n \/* Videos *\/\n #abera-folliculitis-v2 .af-videos h2{\n font-size:30px!important;\n }\n\n #abera-folliculitis-v2 .af-video-item{\n flex-basis:82%!important;\n min-width:82%!important;\n }\n\n \/* Duo *\/\n #abera-folliculitis-v2 .af-duo-layout{\n display:flex!important;\n flex-direction:column!important;\n gap:28px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-title{\n font-size:30px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-intro{\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-benefits{\n grid-template-columns:1fr!important;\n gap:22px!important;\n }\n\n \/* Docs \/ final \/ FAQ *\/\n #abera-folliculitis-v2 .af-docs h2{\n font-size:28px!important;\n }\n\n #abera-folliculitis-v2 .af-final h2{\n font-size:36px!important;\n }\n\n #abera-folliculitis-v2 .af-final p{\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-faq h2{\n font-size:21px!important;\n }\n\n #abera-folliculitis-v2 .af-faq summary{\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-faq details p{\n font-size:14px!important;\n }\n}\n\n\n\/* ============================================================\nABCD_02 — REAL RESULTS FINAL BALANCE FIX\nDesktop: slightly tighter overall height, better stat balance.\nMobile: 2 stats on the first row + 4 WEEKS full-width below.\n============================================================ *\/\n\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-proof-inner{\n min-height:590px!important;\n grid-template-columns:55% 45%!important;\n }\n #abera-folliculitis-v2 .af-proof-content{\n padding:58px 54px 50px 68px!important;\n }\n #abera-folliculitis-v2 .af-proof h2{\n max-width:740px!important;\n }\n #abera-folliculitis-v2 .af-proof .af-sub{\n max-width:650px!important;\n }\n #abera-folliculitis-v2 .af-stats{\n margin-top:34px!important;\n }\n #abera-folliculitis-v2 .af-stat:nth-child(3) .af-stat-number{\n font-size:clamp(48px,4vw,61px)!important;\n }\n #abera-folliculitis-v2 .af-footnote{\n margin-top:30px!important;\n padding-top:15px!important;\n }\n #abera-folliculitis-v2 .af-proof-visual,\n #abera-folliculitis-v2 .af-proof-image{\n min-height:590px!important;\n }\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-proof-content{\n padding:38px 18px 28px!important;\n }\n #abera-folliculitis-v2 .af-proof h2{\n font-size:29px!important;\n line-height:1.055!important;\n }\n #abera-folliculitis-v2 .af-proof .af-sub{\n max-width:350px!important;\n margin-top:14px!important;\n font-size:14px!important;\n line-height:1.52!important;\n }\n #abera-folliculitis-v2 .af-stats{\n display:grid!important;\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n width:100%!important;\n max-width:none!important;\n margin-top:25px!important;\n overflow:visible!important;\n column-gap:0!important;\n row-gap:0!important;\n }\n #abera-folliculitis-v2 .af-stat{\n min-width:0!important;\n padding:0 13px 20px!important;\n }\n #abera-folliculitis-v2 .af-stat:first-child{\n padding-left:0!important;\n padding-right:16px!important;\n }\n #abera-folliculitis-v2 .af-stat:nth-child(2){\n padding-left:16px!important;\n padding-right:0!important;\n }\n #abera-folliculitis-v2 .af-stat:not(:last-child)::after{\n display:none!important;\n }\n #abera-folliculitis-v2 .af-stat:first-child::after{\n display:block!important;\n top:2%!important;\n right:0!important;\n height:88%!important;\n }\n #abera-folliculitis-v2 .af-stat-number{\n margin-bottom:7px!important;\n font-size:40px!important;\n letter-spacing:-1.6px!important;\n }\n #abera-folliculitis-v2 .af-stat-title{\n margin-bottom:5px!important;\n font-size:11.5px!important;\n line-height:1.22!important;\n }\n #abera-folliculitis-v2 .af-stat-copy{\n max-width:none!important;\n font-size:11.5px!important;\n line-height:1.42!important;\n }\n #abera-folliculitis-v2 .af-stat:nth-child(3){\n grid-column:1 \/ -1!important;\n margin-top:2px!important;\n padding:18px 0 0!important;\n border-top:1px solid rgba(255,255,255,.16)!important;\n text-align:center!important;\n }\n #abera-folliculitis-v2 .af-stat:nth-child(3) .af-stat-number{\n margin-bottom:8px!important;\n color:var(--af-lime)!important;\n font-size:45px!important;\n line-height:.95!important;\n letter-spacing:-1.8px!important;\n white-space:nowrap!important;\n }\n #abera-folliculitis-v2 .af-stat:nth-child(3) .af-stat-title{\n font-size:12px!important;\n }\n #abera-folliculitis-v2 .af-stat:nth-child(3) .af-stat-copy{\n max-width:245px!important;\n margin:0 auto!important;\n font-size:11.5px!important;\n }\n #abera-folliculitis-v2 .af-footnote{\n margin-top:22px!important;\n padding-top:14px!important;\n font-size:10px!important;\n line-height:1.45!important;\n }\n #abera-folliculitis-v2 .af-proof-visual{\n min-height:350px!important;\n }\n #abera-folliculitis-v2 .af-proof-image{\n height:350px!important;\n min-height:350px!important;\n object-position:center top!important;\n }\n}\n\n\n\n\/* ============================================================\nABCD_02 — REAL RESULTS DESKTOP SHORTER CUT\nDesktop only: make section shorter \/ tighter while keeping mobile unchanged.\n============================================================ *\/\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-proof-inner{\n min-height:520px!important;\n align-items:stretch!important;\n }\n #abera-folliculitis-v2 .af-proof-content{\n padding:46px 46px 40px 56px!important;\n }\n #abera-folliculitis-v2 .af-proof h2{\n max-width:660px!important;\n font-size:clamp(42px,4vw,62px)!important;\n }\n #abera-folliculitis-v2 .af-proof .af-sub{\n max-width:590px!important;\n margin-top:14px!important;\n }\n #abera-folliculitis-v2 .af-stats{\n margin-top:26px!important;\n }\n #abera-folliculitis-v2 .af-stat{\n padding-top:0!important;\n padding-bottom:0!important;\n }\n #abera-folliculitis-v2 .af-stat-number{\n margin-bottom:8px!important;\n }\n #abera-folliculitis-v2 .af-stat-title{\n margin-bottom:6px!important;\n }\n #abera-folliculitis-v2 .af-footnote{\n margin-top:22px!important;\n padding-top:14px!important;\n }\n #abera-folliculitis-v2 .af-proof-visual,\n #abera-folliculitis-v2 .af-proof-image{\n min-height:520px!important;\n height:520px!important;\n }\n #abera-folliculitis-v2 .af-proof-image{\n object-position:center top!important;\n }\n}\n\n\n\/* ============================================================\nABCD_02 — DESKTOP IMAGE STRETCH FIX\nFixes the blank green strip under the right-side image.\nThe image now always fills the full height of the REAL RESULTS row.\nMobile layout remains unchanged.\n============================================================ *\/\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-proof-visual{\n position:relative!important;\n min-height:520px!important;\n height:auto!important;\n align-self:stretch!important;\n }\n\n #abera-folliculitis-v2 .af-proof-image{\n position:absolute!important;\n inset:0!important;\n width:100%!important;\n height:100%!important;\n min-height:100%!important;\n object-fit:cover!important;\n object-position:center top!important;\n }\n}\n\n\n\/* ============================================================\nABCD_02 — MOBILE IMAGE BOTTOM GAP FIX\nRemoves the extra dark-green strip below the REAL RESULTS image.\nMobile only; desktop remains unchanged.\n============================================================ *\/\n@media screen and (max-width:749px){\n\n #abera-folliculitis-v2 .af-proof-visual{\n position:relative!important;\n width:100%!important;\n height:350px!important;\n min-height:350px!important;\n max-height:350px!important;\n overflow:hidden!important;\n line-height:0!important;\n background:transparent!important;\n }\n\n #abera-folliculitis-v2 .af-proof-image{\n position:absolute!important;\n inset:0!important;\n width:100%!important;\n height:100%!important;\n min-height:0!important;\n max-height:none!important;\n display:block!important;\n object-fit:cover!important;\n object-position:center top!important;\n margin:0!important;\n padding:0!important;\n }\n\n #abera-folliculitis-v2 .af-proof-visual::before{\n bottom:0!important;\n }\n}\n\n\n\/* ============================================================\nCUSTOMER REVIEWS HEADER STARS — SIZE BOOST\nMakes the top star row above \"CUSTOMER REVIEWS\" bigger.\n============================================================ *\/\n#abera-folliculitis-v2 .af-static-header-stars{\n font-size: 24px !important;\n line-height: 1 !important;\n letter-spacing: 2px !important;\n margin-bottom: 14px !important;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-static-header-stars{\n font-size: 22px !important;\n letter-spacing: 1.5px !important;\n margin-bottom: 12px !important;\n }\n}\n\n\n\/* ============================================================\nPOLAR-LIKE STAR ICON SIZE TUNING\nApplies to both the section header stars and stars inside each review card.\n============================================================ *\/\n#abera-folliculitis-v2 .af-static-header-stars,\n#abera-folliculitis-v2 .af-static-stars{\n color:#f3a000 !important;\n line-height:1 !important;\n display:inline-block !important;\n white-space:nowrap !important;\n}\n\n#abera-folliculitis-v2 .af-static-header-stars{\n font-size:26px !important;\n letter-spacing:2px !important;\n margin-bottom:14px !important;\n}\n\n#abera-folliculitis-v2 .af-static-stars{\n font-size:20px !important;\n letter-spacing:1.4px !important;\n margin-bottom:10px !important;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-static-header-stars{\n font-size:24px !important;\n letter-spacing:1.8px !important;\n margin-bottom:12px !important;\n }\n\n #abera-folliculitis-v2 .af-static-stars{\n font-size:18px !important;\n letter-spacing:1.1px !important;\n margin-bottom:9px !important;\n }\n}\n\n\n\/* ============================================================\nABCD_05 — HOW TO USE FINAL COMPACT BALANCE\nDesktop: reduce dead space, tighten the section, keep image\/copy balanced.\nMobile: preserve readable stacked layout.\n============================================================ *\/\n\n#abera-folliculitis-v2 .af-howto-feel{\n margin-top:18px;\n padding:12px 14px;\n border-left:3px solid rgba(255,255,255,.5);\n background:rgba(255,255,255,.045);\n color:#d9e2dc;\n font-size:14px;\n line-height:1.5;\n}\n\n#abera-folliculitis-v2 .af-howto-feel strong{\n color:#fff;\n font-weight:800;\n}\n\n\/* ---------- DESKTOP ---------- *\/\n@media screen and (min-width:1051px){\n\n #abera-folliculitis-v2 .af-howto{\n padding-top:42px!important;\n padding-bottom:40px!important;\n }\n\n #abera-folliculitis-v2 .af-howto .af-inner{\n max-width:1500px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap{\n grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;\n gap:50px!important;\n align-items:center!important;\n }\n\n \/* Slightly shorter visual instead of a tall square block *\/\n #abera-folliculitis-v2 .af-howto-media{\n height:460px!important;\n min-height:460px!important;\n overflow:hidden!important;\n }\n\n #abera-folliculitis-v2 .af-howto-media img{\n width:100%!important;\n height:100%!important;\n object-fit:cover!important;\n object-position:center center!important;\n }\n\n #abera-folliculitis-v2 .af-howto .af-eyebrow{\n margin-bottom:9px!important;\n }\n\n #abera-folliculitis-v2 .af-howto h2{\n margin-bottom:14px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-steps{\n margin-top:16px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step{\n padding:15px 0!important;\n }\n\n #abera-folliculitis-v2 .af-howto-feel{\n margin-top:14px!important;\n padding:10px 13px!important;\n font-size:13.5px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-note{\n margin-top:12px!important;\n padding-top:12px!important;\n font-size:13.5px!important;\n }\n\n #abera-folliculitis-v2 .af-howto .af-btn{\n margin-top:14px!important;\n }\n\n \/* Pull the trust row upward and remove the oversized lower gap *\/\n #abera-folliculitis-v2 .af-trust-strip{\n margin-top:22px!important;\n padding-top:20px!important;\n padding-bottom:0!important;\n }\n\n #abera-folliculitis-v2 .af-trust-icon{\n width:52px!important;\n height:52px!important;\n }\n\n #abera-folliculitis-v2 .af-trust-item span{\n font-size:13px!important;\n }\n}\n\n\/* ---------- TABLET ---------- *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-howto{\n padding-top:46px!important;\n padding-bottom:44px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap{\n gap:32px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-media{\n min-height:420px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-feel{\n font-size:13px!important;\n }\n\n #abera-folliculitis-v2 .af-trust-strip{\n margin-top:24px!important;\n padding-top:20px!important;\n }\n}\n\n\/* ---------- MOBILE ---------- *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-howto{\n padding-top:40px!important;\n padding-bottom:38px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap{\n gap:24px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-feel{\n margin-top:14px!important;\n padding:10px 12px!important;\n font-size:13px!important;\n line-height:1.48!important;\n }\n\n #abera-folliculitis-v2 .af-howto-note{\n margin-top:12px!important;\n padding-top:12px!important;\n }\n\n #abera-folliculitis-v2 .af-trust-strip{\n margin-top:24px!important;\n padding-top:18px!important;\n }\n}\n\n\n\/* ============================================================\nFINAL WHOLE-PAGE BALANCE AUDIT\nOne final visual system for desktop + tablet + mobile.\nKeeps all previous functionality and content; this layer only\nnormalizes sizing, spacing, rails, cards, icons and typography.\n============================================================ *\/\n\n\/* ---------- PAGE SHELL ---------- *\/\n#abera-folliculitis-v2{\n --af-final-page:1800px;\n --af-final-wide:1620px;\n --af-final-main:1500px;\n --af-final-read:1160px;\n --af-final-gutter:clamp(18px,2.6vw,46px);\n\n width:min(100vw,var(--af-final-page))!important;\n max-width:var(--af-final-page)!important;\n margin-left:0!important;\n margin-right:0!important;\n left:50%!important;\n transform:translateX(-50%)!important;\n}\n\n#abera-folliculitis-v2 .af-section{\n padding-left:var(--af-final-gutter)!important;\n padding-right:var(--af-final-gutter)!important;\n}\n\n#abera-folliculitis-v2 .af-inner{\n width:100%!important;\n max-width:var(--af-final-main)!important;\n margin-left:auto!important;\n margin-right:auto!important;\n}\n\n#abera-folliculitis-v2 .af-eyebrow{\n font-size:12px!important;\n line-height:1.3!important;\n letter-spacing:1.65px!important;\n}\n\n#abera-folliculitis-v2 .af-btn{\n min-height:50px!important;\n padding:14px 24px!important;\n font-size:14px!important;\n}\n\n\n\/* ============================================================\n01 — INTRO\nLarge enough to feel premium, compact enough to feed into proof.\n============================================================ *\/\n#abera-folliculitis-v2 .af-intro{\n padding-top:58px!important;\n padding-bottom:54px!important;\n}\n\n#abera-folliculitis-v2 .af-intro .af-inner{\n max-width:1180px!important;\n}\n\n#abera-folliculitis-v2 .af-intro h2{\n max-width:1050px!important;\n font-size:clamp(48px,3.45vw,62px)!important;\n line-height:1.025!important;\n letter-spacing:-1.7px!important;\n}\n\n#abera-folliculitis-v2 .af-intro .af-sub{\n max-width:890px!important;\n margin-top:18px!important;\n font-size:17px!important;\n line-height:1.58!important;\n}\n\n#abera-folliculitis-v2 .af-intro-points{\n margin-top:24px!important;\n gap:10px 28px!important;\n}\n\n#abera-folliculitis-v2 .af-intro-points span{\n font-size:14px!important;\n}\n\n#abera-folliculitis-v2 .af-intro .af-closing{\n margin-top:22px!important;\n font-size:12.5px!important;\n}\n\n\n\/* ============================================================\n02 — REAL RESULTS\nDesktop compact cinematic split. Mobile layout retained.\n============================================================ *\/\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-proof-inner{\n min-height:520px!important;\n grid-template-columns:55% 45%!important;\n align-items:stretch!important;\n }\n\n #abera-folliculitis-v2 .af-proof-content{\n padding:46px 46px 40px 56px!important;\n }\n\n #abera-folliculitis-v2 .af-proof h2{\n max-width:690px!important;\n font-size:clamp(42px,3.2vw,56px)!important;\n line-height:1.055!important;\n }\n\n #abera-folliculitis-v2 .af-proof .af-sub{\n max-width:610px!important;\n margin-top:14px!important;\n font-size:16px!important;\n line-height:1.55!important;\n }\n\n #abera-folliculitis-v2 .af-stats{\n margin-top:27px!important;\n max-width:770px!important;\n }\n\n #abera-folliculitis-v2 .af-stat-number{\n font-size:clamp(48px,3.8vw,60px)!important;\n }\n\n #abera-folliculitis-v2 .af-stat:nth-child(3) .af-stat-number{\n font-size:clamp(46px,3.7vw,57px)!important;\n }\n\n #abera-folliculitis-v2 .af-stat-title{\n font-size:13.5px!important;\n line-height:1.24!important;\n }\n\n #abera-folliculitis-v2 .af-stat-copy{\n font-size:12.5px!important;\n line-height:1.46!important;\n }\n\n #abera-folliculitis-v2 .af-footnote{\n margin-top:21px!important;\n padding-top:13px!important;\n font-size:10.8px!important;\n }\n\n #abera-folliculitis-v2 .af-proof-visual{\n position:relative!important;\n min-height:520px!important;\n height:auto!important;\n align-self:stretch!important;\n overflow:hidden!important;\n }\n\n #abera-folliculitis-v2 .af-proof-image{\n position:absolute!important;\n inset:0!important;\n width:100%!important;\n height:100%!important;\n min-height:100%!important;\n object-fit:cover!important;\n object-position:center top!important;\n }\n}\n\n\n\/* ============================================================\n03A — CUSTOMER REVIEWS\nStrong headline, readable cards, Polar-like star scale.\n============================================================ *\/\n#abera-folliculitis-v2 .af-static-reviews{\n padding-top:62px!important;\n padding-bottom:66px!important;\n}\n\n#abera-folliculitis-v2 .af-static-reviews .af-inner{\n max-width:var(--af-final-wide)!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-header{\n margin-bottom:28px!important;\n}\n\n#abera-folliculitis-v2 .af-static-header-stars{\n font-size:26px!important;\n line-height:1!important;\n letter-spacing:1.7px!important;\n margin-bottom:12px!important;\n}\n\n#abera-folliculitis-v2 .af-static-title-box h2{\n font-size:clamp(36px,2.35vw,44px)!important;\n line-height:1.07!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-track{\n gap:16px!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-content{\n padding:14px 14px 15px!important;\n}\n\n#abera-folliculitis-v2 .af-static-stars{\n font-size:20px!important;\n line-height:1!important;\n letter-spacing:1.15px!important;\n margin-bottom:10px!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-copy{\n font-size:14px!important;\n line-height:1.53!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-name{\n font-size:13.5px!important;\n}\n\n#abera-folliculitis-v2 .af-static-verified{\n font-size:10.5px!important;\n}\n\n\n\/* ============================================================\n03 — SEE THE DIFFERENCE\nLarge visual proof cards without excessive section height.\n============================================================ *\/\n#abera-folliculitis-v2 .af-results{\n padding-top:62px!important;\n padding-bottom:66px!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-inner{\n max-width:1520px!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-section-header{\n margin-bottom:30px!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-section-header h2{\n font-size:clamp(38px,2.5vw,46px)!important;\n line-height:1.07!important;\n}\n\n#abera-folliculitis-v2 .af-section-note{\n margin-top:9px!important;\n font-size:15px!important;\n}\n\n#abera-folliculitis-v2 .af-result-content{\n padding:15px 15px 18px!important;\n}\n\n#abera-folliculitis-v2 .af-result-card h3{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-result-card p{\n font-size:14px!important;\n line-height:1.5!important;\n}\n\n\n\/* ============================================================\n04 — HOW TO USE\nCompact, balanced 50\/50 composition.\n============================================================ *\/\n#abera-folliculitis-v2 .af-howto{\n padding-top:42px!important;\n padding-bottom:40px!important;\n}\n\n#abera-folliculitis-v2 .af-howto .af-inner{\n max-width:1500px!important;\n}\n\n#abera-folliculitis-v2 .af-howto-wrap{\n grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;\n gap:48px!important;\n align-items:center!important;\n}\n\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-howto-media{\n height:460px!important;\n min-height:460px!important;\n overflow:hidden!important;\n }\n\n #abera-folliculitis-v2 .af-howto-media img{\n width:100%!important;\n height:100%!important;\n object-fit:cover!important;\n object-position:center center!important;\n }\n}\n\n#abera-folliculitis-v2 .af-howto h2{\n font-size:clamp(40px,2.7vw,50px)!important;\n line-height:1.06!important;\n}\n\n#abera-folliculitis-v2 .af-howto-steps{\n margin-top:15px!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step{\n padding:15px 0!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step strong{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step p{\n font-size:15px!important;\n}\n\n#abera-folliculitis-v2 .af-howto-feel{\n margin-top:14px!important;\n padding:10px 13px!important;\n font-size:13.5px!important;\n}\n\n#abera-folliculitis-v2 .af-howto-note{\n margin-top:12px!important;\n padding-top:12px!important;\n font-size:13.5px!important;\n}\n\n#abera-folliculitis-v2 .af-howto .af-btn{\n margin-top:14px!important;\n}\n\n#abera-folliculitis-v2 .af-trust-strip{\n margin-top:22px!important;\n padding-top:20px!important;\n}\n\n#abera-folliculitis-v2 .af-trust-icon{\n width:52px!important;\n height:52px!important;\n}\n\n#abera-folliculitis-v2 .af-trust-item span{\n font-size:13px!important;\n}\n\n\n\/* ============================================================\n05 — INGREDIENTS\nFuller left intro block + large science cards.\n============================================================ *\/\n#abera-folliculitis-v2 .af-ingredients{\n padding-top:58px!important;\n padding-bottom:60px!important;\n}\n\n#abera-folliculitis-v2 .af-ingredients .af-inner{\n max-width:1540px!important;\n}\n\n#abera-folliculitis-v2 .af-ing-layout{\n grid-template-columns:minmax(360px,.34fr) minmax(0,.66fr)!important;\n gap:40px!important;\n align-items:stretch!important;\n}\n\n#abera-folliculitis-v2 .af-ing-intro{\n display:flex!important;\n flex-direction:column!important;\n justify-content:center!important;\n min-height:430px!important;\n padding:32px 24px 32px 10px!important;\n}\n\n#abera-folliculitis-v2 .af-ing-intro h2{\n font-size:44px!important;\n line-height:1.04!important;\n letter-spacing:-1px!important;\n margin-bottom:16px!important;\n}\n\n#abera-folliculitis-v2 .af-ing-intro .af-sub{\n max-width:345px!important;\n font-size:17px!important;\n line-height:1.6!important;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients{\n max-width:360px!important;\n margin-top:27px!important;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients summary{\n padding:15px 30px 15px 0!important;\n font-size:13.5px!important;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients p{\n font-size:13.5px!important;\n}\n\n#abera-folliculitis-v2 .af-ing-card h3{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-ing-card p{\n font-size:14px!important;\n line-height:1.5!important;\n}\n\n#abera-folliculitis-v2 .af-ing-content{\n min-height:148px!important;\n padding:16px!important;\n}\n\n\n\/* ============================================================\n06 — CUSTOMER VIDEOS\nWide visual block: 5 videos × 2 rows on large desktop.\n============================================================ *\/\n#abera-folliculitis-v2 .af-videos{\n padding-top:62px!important;\n padding-bottom:68px!important;\n}\n\n#abera-folliculitis-v2 .af-videos .af-inner{\n max-width:var(--af-final-wide)!important;\n}\n\n#abera-folliculitis-v2 .af-videos h2{\n font-size:clamp(40px,2.65vw,48px)!important;\n line-height:1.05!important;\n}\n\n#abera-folliculitis-v2 .af-videos-track{\n grid-template-columns:repeat(5,minmax(0,1fr))!important;\n gap:16px!important;\n margin-top:28px!important;\n}\n\n\n\/* ============================================================\n07 — PERFECT DUO\nLarge 50\/50 selling section.\n============================================================ *\/\n#abera-folliculitis-v2 .af-duo{\n padding-top:62px!important;\n padding-bottom:64px!important;\n}\n\n#abera-folliculitis-v2 .af-duo .af-inner{\n max-width:1500px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-layout{\n grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;\n gap:52px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-title{\n font-size:clamp(38px,2.5vw,46px)!important;\n line-height:1.08!important;\n}\n\n#abera-folliculitis-v2 .af-duo-intro{\n margin-top:14px!important;\n max-width:620px!important;\n font-size:16px!important;\n line-height:1.58!important;\n}\n\n#abera-folliculitis-v2 .af-duo-benefits{\n margin-top:24px!important;\n gap:28px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-product h3{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-list li{\n font-size:14px!important;\n}\n\n#abera-folliculitis-v2 .af-offer{\n margin-top:23px!important;\n padding:13px 15px!important;\n font-size:15px!important;\n}\n\n\n\/* ============================================================\n08 — DOCUMENTATION\nCredibility section: substantial but intentionally narrower.\n============================================================ *\/\n#abera-folliculitis-v2 .af-docs{\n padding-top:60px!important;\n padding-bottom:62px!important;\n}\n\n#abera-folliculitis-v2 .af-docs .af-inner{\n max-width:1180px!important;\n}\n\n#abera-folliculitis-v2 .af-docs h2{\n font-size:clamp(34px,2.25vw,42px)!important;\n line-height:1.08!important;\n}\n\n#abera-folliculitis-v2 .af-doc-grid{\n max-width:960px!important;\n margin-top:26px!important;\n}\n\n#abera-folliculitis-v2 .af-doc-image{\n height:430px!important;\n}\n\n#abera-folliculitis-v2 .af-doc-label{\n font-size:13.5px!important;\n}\n\n\n\/* ============================================================\n09 — FINAL CTA\nBig close, but not oversized relative to the rest of the page.\n============================================================ *\/\n#abera-folliculitis-v2 .af-final{\n padding-top:76px!important;\n padding-bottom:76px!important;\n}\n\n#abera-folliculitis-v2 .af-final .af-inner{\n max-width:1080px!important;\n}\n\n#abera-folliculitis-v2 .af-final h2{\n font-size:clamp(44px,4.2vw,60px)!important;\n line-height:1.02!important;\n letter-spacing:-1.8px!important;\n}\n\n#abera-folliculitis-v2 .af-final p{\n max-width:700px!important;\n margin-top:22px!important;\n font-size:16px!important;\n line-height:1.52!important;\n}\n\n\n\/* ============================================================\n10 — FAQ\nReadable closing information block.\n============================================================ *\/\n#abera-folliculitis-v2 .af-faq{\n padding-top:48px!important;\n padding-bottom:56px!important;\n}\n\n#abera-folliculitis-v2 .af-faq .af-inner{\n max-width:1100px!important;\n}\n\n#abera-folliculitis-v2 .af-faq h2{\n margin-bottom:18px!important;\n font-size:28px!important;\n line-height:1.2!important;\n}\n\n#abera-folliculitis-v2 .af-faq summary{\n padding-top:18px!important;\n padding-bottom:18px!important;\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-faq details p{\n font-size:15px!important;\n line-height:1.58!important;\n}\n\n\n\/* ============================================================\nTABLET\n============================================================ *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2{\n width:100vw!important;\n max-width:100vw!important;\n }\n\n #abera-folliculitis-v2 .af-section{\n padding-left:24px!important;\n padding-right:24px!important;\n }\n\n #abera-folliculitis-v2 .af-intro h2{\n font-size:46px!important;\n }\n\n #abera-folliculitis-v2 .af-static-title-box h2,\n #abera-folliculitis-v2 .af-results .af-section-header h2,\n #abera-folliculitis-v2 .af-videos h2{\n font-size:36px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap,\n #abera-folliculitis-v2 .af-duo-layout{\n gap:34px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-layout{\n grid-template-columns:minmax(300px,.32fr) minmax(0,.68fr)!important;\n gap:28px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro{\n min-height:380px!important;\n padding:24px 12px 24px 0!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro h2{\n font-size:38px!important;\n }\n\n #abera-folliculitis-v2 .af-doc-image{\n height:390px!important;\n }\n}\n\n\n\/* ============================================================\nMOBILE\n============================================================ *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2{\n width:100vw!important;\n max-width:100vw!important;\n }\n\n #abera-folliculitis-v2 .af-section{\n padding-left:16px!important;\n padding-right:16px!important;\n }\n\n #abera-folliculitis-v2 .af-eyebrow{\n font-size:10.5px!important;\n letter-spacing:1.35px!important;\n }\n\n #abera-folliculitis-v2 .af-intro{\n padding-top:44px!important;\n padding-bottom:42px!important;\n }\n\n #abera-folliculitis-v2 .af-intro h2{\n font-size:34px!important;\n line-height:1.035!important;\n }\n\n #abera-folliculitis-v2 .af-intro .af-sub{\n font-size:15.5px!important;\n }\n\n #abera-folliculitis-v2 .af-intro-points span{\n font-size:12.5px!important;\n }\n\n \/* REAL RESULTS: retain the already-approved 2 + 1 stat layout *\/\n #abera-folliculitis-v2 .af-proof-content{\n padding:38px 18px 28px!important;\n }\n\n #abera-folliculitis-v2 .af-proof h2{\n font-size:29px!important;\n }\n\n #abera-folliculitis-v2 .af-proof .af-sub{\n font-size:14px!important;\n }\n\n #abera-folliculitis-v2 .af-static-reviews{\n padding-top:46px!important;\n padding-bottom:48px!important;\n }\n\n #abera-folliculitis-v2 .af-static-header-stars{\n font-size:24px!important;\n }\n\n #abera-folliculitis-v2 .af-static-title-box h2{\n font-size:25px!important;\n }\n\n #abera-folliculitis-v2 .af-static-stars{\n font-size:18px!important;\n }\n\n #abera-folliculitis-v2 .af-static-review-copy{\n font-size:14px!important;\n }\n\n #abera-folliculitis-v2 .af-results{\n padding-top:48px!important;\n padding-bottom:52px!important;\n }\n\n #abera-folliculitis-v2 .af-results .af-section-header h2{\n font-size:30px!important;\n }\n\n #abera-folliculitis-v2 .af-howto{\n padding-top:40px!important;\n padding-bottom:38px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap{\n gap:24px!important;\n }\n\n #abera-folliculitis-v2 .af-howto h2{\n font-size:30px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step strong{\n font-size:14.5px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step p{\n font-size:14px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-feel,\n #abera-folliculitis-v2 .af-howto-note{\n font-size:13px!important;\n }\n\n #abera-folliculitis-v2 .af-trust-strip{\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:22px 14px!important;\n }\n\n #abera-folliculitis-v2 .af-trust-icon{\n width:48px!important;\n height:48px!important;\n }\n\n #abera-folliculitis-v2 .af-ingredients{\n padding-top:44px!important;\n padding-bottom:48px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-layout{\n display:flex!important;\n flex-direction:column!important;\n gap:28px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro{\n min-height:auto!important;\n padding:0!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro h2{\n font-size:31px!important;\n line-height:1.075!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro .af-sub{\n max-width:none!important;\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-full-ingredients{\n max-width:none!important;\n margin-top:22px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card{\n flex-basis:88%!important;\n min-width:88%!important;\n max-width:88%!important;\n }\n\n #abera-folliculitis-v2 .af-videos{\n padding-top:48px!important;\n padding-bottom:52px!important;\n }\n\n #abera-folliculitis-v2 .af-videos h2{\n font-size:30px!important;\n }\n\n #abera-folliculitis-v2 .af-duo{\n padding-top:46px!important;\n padding-bottom:48px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-layout{\n display:flex!important;\n flex-direction:column!important;\n gap:28px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-title{\n font-size:30px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-intro{\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-docs{\n padding-top:46px!important;\n padding-bottom:48px!important;\n }\n\n #abera-folliculitis-v2 .af-docs h2{\n font-size:28px!important;\n }\n\n #abera-folliculitis-v2 .af-doc-image{\n height:auto!important;\n aspect-ratio:4\/5!important;\n }\n\n #abera-folliculitis-v2 .af-final{\n padding-top:62px!important;\n padding-bottom:62px!important;\n }\n\n #abera-folliculitis-v2 .af-final h2{\n font-size:36px!important;\n letter-spacing:-1px!important;\n }\n\n #abera-folliculitis-v2 .af-final p{\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-faq{\n padding-top:42px!important;\n padding-bottom:50px!important;\n }\n\n #abera-folliculitis-v2 .af-faq h2{\n font-size:22px!important;\n }\n\n #abera-folliculitis-v2 .af-faq summary{\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-faq details p{\n font-size:14px!important;\n }\n}\n\n\n\/* ============================================================\nINGREDIENTS — STRONGER DESKTOP REBALANCE\nPrevious tuning was too subtle. This version makes the section\nvisibly fuller: larger carousel cards, tighter gap, stronger intro,\nand less dead white space. Mobile layout remains unchanged.\n============================================================ *\/\n@media screen and (min-width:1051px){\n\n #abera-folliculitis-v2 .af-ingredients{\n padding-top:48px!important;\n padding-bottom:50px!important;\n }\n\n #abera-folliculitis-v2 .af-ingredients .af-inner{\n max-width:1650px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-layout{\n grid-template-columns:minmax(350px,.26fr) minmax(0,.74fr)!important;\n gap:28px!important;\n align-items:center!important;\n }\n\n \/* Left block: stronger typography, but less wasted width *\/\n #abera-folliculitis-v2 .af-ing-intro{\n min-height:540px!important;\n padding:28px 18px 28px 4px!important;\n justify-content:center!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro .af-eyebrow{\n margin-bottom:12px!important;\n font-size:12px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro h2{\n max-width:360px!important;\n margin-bottom:17px!important;\n font-size:46px!important;\n line-height:1.025!important;\n letter-spacing:-1.25px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro .af-sub{\n max-width:335px!important;\n font-size:17px!important;\n line-height:1.58!important;\n }\n\n #abera-folliculitis-v2 .af-full-ingredients{\n width:100%!important;\n max-width:345px!important;\n margin-top:26px!important;\n }\n\n #abera-folliculitis-v2 .af-full-ingredients summary{\n padding:16px 30px 16px 0!important;\n font-size:13.5px!important;\n }\n\n \/* Carousel: noticeably larger 3-card presentation *\/\n #abera-folliculitis-v2 .af-ing-carousel{\n min-width:0!important;\n width:100%!important;\n }\n\n #abera-folliculitis-v2 .af-ing-track{\n gap:16px!important;\n padding-bottom:2px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card{\n flex:0 0 calc((100% - 32px)\/3)!important;\n min-width:calc((100% - 32px)\/3)!important;\n border-radius:8px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-image{\n aspect-ratio:1\/1!important;\n }\n\n #abera-folliculitis-v2 .af-ing-content{\n min-height:164px!important;\n padding:17px 17px 18px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card h3{\n margin-bottom:7px!important;\n font-size:17px!important;\n line-height:1.18!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card p{\n font-size:14.5px!important;\n line-height:1.48!important;\n }\n\n \/* Controls closer to the cards, more substantial *\/\n #abera-folliculitis-v2 .af-ing-dots{\n margin-top:12px!important;\n gap:7px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-dot{\n height:7px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-arrow{\n width:42px!important;\n height:42px!important;\n font-size:24px!important;\n }\n}\n\n\/* Medium desktop \/ small laptop: same logic, slightly softer scale *\/\n@media screen and (min-width:1051px) and (max-width:1350px){\n\n #abera-folliculitis-v2 .af-ingredients .af-inner{\n max-width:1280px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-layout{\n grid-template-columns:minmax(300px,.28fr) minmax(0,.72fr)!important;\n gap:24px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro{\n min-height:470px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro h2{\n font-size:40px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-content{\n min-height:154px!important;\n padding:15px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card h3{\n font-size:16px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card p{\n font-size:13.5px!important;\n }\n}\n\n\n\/* ============================================================\n07A + 07B — COMPLETE ROUTINE + BHA SPRAY SPLIT\n============================================================ *\/\n\n\/* ---------- 07A \/ COMPLETE ROUTINE ---------- *\/\n#abera-folliculitis-v2 .af-duo-routine{\n background:#f7f5ee;\n padding-top:62px!important;\n padding-bottom:66px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-inner{\n max-width:1500px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-layout{\n grid-template-columns:minmax(0,1fr) minmax(0,1.03fr)!important;\n gap:54px!important;\n align-items:center!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-media{\n aspect-ratio:1\/1!important;\n overflow:hidden!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-media img{\n width:100%!important;\n height:100%!important;\n object-fit:cover!important;\n object-position:center center!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-title{\n max-width:700px!important;\n font-size:clamp(40px,2.75vw,50px)!important;\n line-height:1.045!important;\n letter-spacing:-1.25px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-intro{\n max-width:700px!important;\n margin-top:16px!important;\n font-size:16px!important;\n line-height:1.6!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-benefits{\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:28px!important;\n margin-top:26px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-product h3{\n margin-bottom:10px!important;\n font-size:15.5px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-list{\n display:grid!important;\n gap:10px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-list li{\n display:block!important;\n position:relative!important;\n padding-left:20px!important;\n font-size:14px!important;\n line-height:1.4!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-list li::before{\n top:2px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-list li strong{\n display:block!important;\n margin-bottom:2px!important;\n color:#15261d!important;\n font-weight:800!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-list li span{\n display:block!important;\n color:#5e6762!important;\n font-size:12.8px!important;\n line-height:1.42!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-offer{\n margin-top:26px!important;\n padding:13px 15px!important;\n font-size:14px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-btn{\n margin-top:15px!important;\n}\n\n\n\/* ---------- 07B \/ BHA SPRAY ---------- *\/\n#abera-folliculitis-v2 .af-bha{\n background:#0e281d;\n color:#fff;\n padding-top:68px!important;\n padding-bottom:70px!important;\n}\n\n#abera-folliculitis-v2 .af-bha .af-inner{\n max-width:1500px!important;\n}\n\n#abera-folliculitis-v2 .af-bha .af-eyebrow{\n color:#bdd7c6!important;\n}\n\n#abera-folliculitis-v2 .af-bha-layout{\n display:grid;\n grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);\n gap:56px;\n align-items:center;\n}\n\n#abera-folliculitis-v2 .af-bha-content h2{\n max-width:700px;\n margin:0;\n color:#fff;\n font-size:clamp(42px,2.95vw,54px)!important;\n line-height:1.035!important;\n letter-spacing:-1.4px!important;\n}\n\n#abera-folliculitis-v2 .af-bha-intro{\n max-width:680px;\n margin:18px 0 0!important;\n color:#d2ddd6;\n font-size:16.5px!important;\n line-height:1.62!important;\n}\n\n#abera-folliculitis-v2 .af-bha-zones{\n display:flex;\n flex-wrap:wrap;\n gap:8px;\n margin-top:25px;\n}\n\n#abera-folliculitis-v2 .af-bha-zones span{\n padding:8px 12px;\n border:1px solid rgba(255,255,255,.22);\n border-radius:999px;\n color:#fff;\n font-size:11px;\n line-height:1;\n font-weight:800;\n letter-spacing:.7px;\n}\n\n#abera-folliculitis-v2 .af-bha-core{\n display:flex;\n flex-direction:column;\n gap:5px;\n max-width:680px;\n margin-top:24px;\n padding-top:18px;\n border-top:1px solid rgba(255,255,255,.18);\n}\n\n#abera-folliculitis-v2 .af-bha-core strong{\n color:#d8ff57;\n font-size:13px;\n line-height:1.3;\n letter-spacing:.7px;\n}\n\n#abera-folliculitis-v2 .af-bha-core span{\n color:#b9c8c0;\n font-size:13.5px;\n line-height:1.5;\n}\n\n#abera-folliculitis-v2 .af-bha-media{\n width:100%;\n aspect-ratio:4\/5;\n overflow:hidden;\n border-radius:7px;\n}\n\n#abera-folliculitis-v2 .af-bha-media img{\n width:100%;\n height:100%;\n object-fit:cover;\n display:block;\n}\n\n#abera-folliculitis-v2 .af-bha-placeholder{\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:8px;\n min-height:560px;\n border:1px dashed rgba(255,255,255,.34);\n background:\n radial-gradient(circle at 50% 38%,rgba(129,179,210,.20),transparent 30%),\n linear-gradient(145deg,#17372a,#10271e);\n color:#fff;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-bha-placeholder strong{\n font-size:22px;\n line-height:1.1;\n}\n\n#abera-folliculitis-v2 .af-bha-placeholder span{\n max-width:360px;\n padding:0 24px;\n color:#d5e2db;\n font-size:15px;\n line-height:1.5;\n}\n\n#abera-folliculitis-v2 .af-bha-placeholder small{\n color:#94aaa0;\n font-size:12px;\n}\n\n#abera-folliculitis-v2 .af-bha-benefits{\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:14px;\n margin-top:38px;\n}\n\n#abera-folliculitis-v2 .af-bha-benefit{\n min-height:190px;\n padding:22px 20px;\n border:1px solid rgba(255,255,255,.13);\n border-radius:7px;\n background:rgba(255,255,255,.055);\n}\n\n#abera-folliculitis-v2 .af-bha-kicker{\n margin-bottom:12px;\n color:#8ec5e8;\n font-size:11px;\n line-height:1.25;\n font-weight:800;\n letter-spacing:1px;\n}\n\n#abera-folliculitis-v2 .af-bha-benefit h3{\n margin:0 0 8px;\n color:#fff;\n font-size:16px!important;\n line-height:1.25!important;\n}\n\n#abera-folliculitis-v2 .af-bha-benefit p{\n margin:0!important;\n color:#c0cec6;\n font-size:13.5px!important;\n line-height:1.5!important;\n}\n\n#abera-folliculitis-v2 .af-bha-bottom{\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:28px;\n margin-top:28px;\n padding-top:24px;\n border-top:1px solid rgba(255,255,255,.16);\n}\n\n#abera-folliculitis-v2 .af-bha-bottom p{\n margin:0!important;\n color:#d5e0da;\n font-size:13.5px!important;\n line-height:1.5!important;\n}\n\n#abera-folliculitis-v2 .af-bha-bottom p strong{\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-btn-light{\n flex:0 0 auto;\n border-color:#fff!important;\n background:#fff!important;\n color:#12251b!important;\n}\n\n\n\/* ---------- TABLET ---------- *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-duo-routine .af-duo-layout,\n #abera-folliculitis-v2 .af-bha-layout{\n gap:34px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-duo-title{\n font-size:38px!important;\n }\n\n #abera-folliculitis-v2 .af-bha-content h2{\n font-size:40px!important;\n }\n\n #abera-folliculitis-v2 .af-bha-benefits{\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n\n #abera-folliculitis-v2 .af-bha-placeholder{\n min-height:480px;\n }\n}\n\n\n\/* ---------- MOBILE ---------- *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-duo-routine{\n padding-top:44px!important;\n padding-bottom:48px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-duo-layout{\n display:flex!important;\n flex-direction:column!important;\n gap:28px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-duo-media{\n order:1!important;\n width:100%!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-duo-content{\n order:2!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-duo-title{\n font-size:30px!important;\n line-height:1.06!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-duo-intro{\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-duo-benefits{\n grid-template-columns:1fr!important;\n gap:22px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-duo-list li strong{\n font-size:14px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-duo-list li span{\n font-size:13px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-offer{\n font-size:12px!important;\n line-height:1.4!important;\n }\n\n #abera-folliculitis-v2 .af-bha{\n padding-top:48px!important;\n padding-bottom:52px!important;\n }\n\n #abera-folliculitis-v2 .af-bha-layout{\n display:flex;\n flex-direction:column;\n gap:28px;\n }\n\n #abera-folliculitis-v2 .af-bha-content{\n order:1;\n }\n\n #abera-folliculitis-v2 .af-bha-media{\n order:2;\n aspect-ratio:4\/5;\n }\n\n #abera-folliculitis-v2 .af-bha-content h2{\n font-size:31px!important;\n line-height:1.05!important;\n }\n\n #abera-folliculitis-v2 .af-bha-intro{\n font-size:15px!important;\n line-height:1.58!important;\n }\n\n #abera-folliculitis-v2 .af-bha-zones{\n margin-top:20px;\n }\n\n #abera-folliculitis-v2 .af-bha-zones span{\n padding:7px 10px;\n font-size:10px;\n }\n\n #abera-folliculitis-v2 .af-bha-placeholder{\n min-height:0;\n }\n\n #abera-folliculitis-v2 .af-bha-benefits{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:10px;\n margin-top:25px;\n }\n\n #abera-folliculitis-v2 .af-bha-benefit{\n min-height:0;\n padding:16px 14px;\n }\n\n #abera-folliculitis-v2 .af-bha-kicker{\n margin-bottom:8px;\n font-size:9.5px;\n }\n\n #abera-folliculitis-v2 .af-bha-benefit h3{\n font-size:13.5px!important;\n line-height:1.25!important;\n }\n\n #abera-folliculitis-v2 .af-bha-benefit p{\n font-size:12px!important;\n line-height:1.45!important;\n }\n\n #abera-folliculitis-v2 .af-bha-bottom{\n flex-direction:column;\n align-items:stretch;\n gap:16px;\n margin-top:22px;\n padding-top:20px;\n }\n\n #abera-folliculitis-v2 .af-bha-bottom p{\n font-size:12.5px!important;\n }\n\n #abera-folliculitis-v2 .af-bha-bottom .af-btn{\n width:100%!important;\n text-align:center!important;\n }\n}\n\n\n\/* ============================================================\n07B — BHA SPRAY SIMPLE VERSION\nShorter, cleaner, easier to scan.\n============================================================ *\/\n#abera-folliculitis-v2 .af-bha-simple{\n padding-top:56px!important;\n padding-bottom:58px!important;\n}\n\n#abera-folliculitis-v2 .af-bha-simple .af-inner{\n max-width:1420px!important;\n}\n\n#abera-folliculitis-v2 .af-bha-simple-layout{\n display:grid;\n grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);\n gap:52px;\n align-items:center;\n}\n\n#abera-folliculitis-v2 .af-bha-simple-content h2{\n max-width:680px;\n margin:0;\n color:#fff;\n font-size:clamp(40px,2.75vw,50px)!important;\n line-height:1.04!important;\n letter-spacing:-1.2px!important;\n}\n\n#abera-folliculitis-v2 .af-bha-simple-intro{\n max-width:620px;\n margin:16px 0 0!important;\n color:#c9d7cf;\n font-size:16px!important;\n line-height:1.58!important;\n}\n\n#abera-folliculitis-v2 .af-bha-simple-points{\n display:grid;\n gap:0;\n max-width:650px;\n margin-top:24px;\n border-top:1px solid rgba(255,255,255,.16);\n}\n\n#abera-folliculitis-v2 .af-bha-simple-point{\n display:grid;\n grid-template-columns:180px 1fr;\n gap:18px;\n padding:14px 0;\n border-bottom:1px solid rgba(255,255,255,.16);\n}\n\n#abera-folliculitis-v2 .af-bha-simple-point strong{\n color:#d8ff57;\n font-size:13px;\n line-height:1.3;\n letter-spacing:.45px;\n}\n\n#abera-folliculitis-v2 .af-bha-simple-point span{\n color:#d5dfd9;\n font-size:14px;\n line-height:1.45;\n}\n\n#abera-folliculitis-v2 .af-bha-simple .af-btn{\n margin-top:22px!important;\n}\n\n#abera-folliculitis-v2 .af-bha-simple .af-bha-media{\n aspect-ratio:4\/5;\n max-height:520px;\n}\n\n#abera-folliculitis-v2 .af-bha-simple .af-bha-placeholder{\n min-height:0!important;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-bha-simple{\n padding-top:44px!important;\n padding-bottom:48px!important;\n }\n\n #abera-folliculitis-v2 .af-bha-simple-layout{\n display:flex;\n flex-direction:column;\n gap:26px;\n }\n\n #abera-folliculitis-v2 .af-bha-simple-content{\n order:1;\n }\n\n #abera-folliculitis-v2 .af-bha-simple-content h2{\n font-size:30px!important;\n line-height:1.06!important;\n }\n\n #abera-folliculitis-v2 .af-bha-simple-intro{\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-bha-simple-points{\n margin-top:20px;\n }\n\n #abera-folliculitis-v2 .af-bha-simple-point{\n grid-template-columns:1fr;\n gap:4px;\n padding:12px 0;\n }\n\n #abera-folliculitis-v2 .af-bha-simple-point strong{\n font-size:12px;\n }\n\n #abera-folliculitis-v2 .af-bha-simple-point span{\n font-size:13px;\n }\n\n #abera-folliculitis-v2 .af-bha-simple .af-bha-media{\n order:2;\n width:100%;\n max-height:none;\n }\n\n #abera-folliculitis-v2 .af-bha-simple .af-btn{\n width:100%!important;\n text-align:center!important;\n }\n}\n\n\n\n\/* ============================================================\n07A — MERGED ROUTINE SECTION\nShort, unified section for Shower Gel + BHA Spray.\n============================================================ *\/\n#abera-folliculitis-v2 .af-routine-merged{\n background:#f7f5ee;\n padding-top:60px!important;\n padding-bottom:64px!important;\n}\n#abera-folliculitis-v2 .af-routine-merged .af-inner{max-width:1400px!important;}\n#abera-folliculitis-v2 .af-routine-merged-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center;}\n#abera-folliculitis-v2 .af-routine-merged-media{width:100%;aspect-ratio:1\/1;overflow:hidden;border-radius:10px;background:#e9eee9;}\n#abera-folliculitis-v2 .af-routine-merged-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;}\n#abera-folliculitis-v2 .af-routine-merged-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px;border:2px dashed #9db0a2;border-radius:10px;background:linear-gradient(135deg,#edf2ec,#dbe7dc);color:#163326;text-align:center;}\n#abera-folliculitis-v2 .af-routine-merged-placeholder strong{font-size:24px;line-height:1.1;font-weight:900;}\n#abera-folliculitis-v2 .af-routine-merged-placeholder span{max-width:420px;font-size:15px;line-height:1.55;}\n#abera-folliculitis-v2 .af-routine-merged-placeholder small{color:#5f6c65;font-size:12px;}\n#abera-folliculitis-v2 .af-routine-merged .af-eyebrow{margin-bottom:8px;}\n#abera-folliculitis-v2 .af-routine-merged h2{max-width:700px;font-size:clamp(38px,3vw,50px)!important;line-height:1.05!important;letter-spacing:-1.4px!important;}\n#abera-folliculitis-v2 .af-routine-merged-intro{max-width:680px;margin-top:16px;color:#56625b;font-size:16px;line-height:1.62;}\n#abera-folliculitis-v2 .af-routine-merged-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px;}\n#abera-folliculitis-v2 .af-routine-merged-card{min-height:0;padding:18px 18px 17px;border:1px solid #d8ddd8;border-radius:8px;background:#fff;}\n#abera-folliculitis-v2 .af-routine-merged-kicker{margin-bottom:8px;color:#17392a;font-size:11px;line-height:1.25;font-weight:900;letter-spacing:.9px;text-transform:uppercase;}\n#abera-folliculitis-v2 .af-routine-merged-card h3{margin:0 0 6px;color:#101412;font-size:16px!important;line-height:1.28!important;text-transform:none;}\n#abera-folliculitis-v2 .af-routine-merged-card p{margin:0!important;color:#5b6660;font-size:13.5px!important;line-height:1.52!important;}\n#abera-folliculitis-v2 .af-routine-merged-note{margin-top:18px;padding-top:17px;border-top:1px solid #d7ddd7;color:#17392a;font-size:13px;line-height:1.5;font-weight:800;text-transform:uppercase;}\n#abera-folliculitis-v2 .af-routine-merged-note span{color:#60706a;font-weight:600;text-transform:none;}\n#abera-folliculitis-v2 .af-routine-merged .af-offer{margin-top:18px;padding:13px 15px;font-size:14px;}\n#abera-folliculitis-v2 .af-routine-merged .af-btn{margin-top:15px;}\n@media screen and (min-width:750px) and (max-width:1050px){#abera-folliculitis-v2 .af-routine-merged-layout{gap:28px;}#abera-folliculitis-v2 .af-routine-merged-grid{gap:12px;}}\n@media screen and (max-width:749px){#abera-folliculitis-v2 .af-routine-merged{padding-top:44px!important;padding-bottom:48px!important;}#abera-folliculitis-v2 .af-routine-merged-layout{display:flex;flex-direction:column;gap:24px;}#abera-folliculitis-v2 .af-routine-merged h2{font-size:30px!important;line-height:1.07!important;}#abera-folliculitis-v2 .af-routine-merged-intro{font-size:15px;line-height:1.58;}#abera-folliculitis-v2 .af-routine-merged-grid{grid-template-columns:1fr;gap:11px;margin-top:22px;}#abera-folliculitis-v2 .af-routine-merged-card{padding:16px 14px;}#abera-folliculitis-v2 .af-routine-merged-card h3{font-size:15px!important;}#abera-folliculitis-v2 .af-routine-merged-card p{font-size:13px!important;}#abera-folliculitis-v2 .af-routine-merged-note{font-size:12px;}#abera-folliculitis-v2 .af-routine-merged .af-btn{width:100%;}}\n\n\/* ============================================================\nFINAL ROUTINE ORDER + BHA KEY MESSAGE TUNING\nHOW TO USE → COMPLETE ROUTINE → INGREDIENTS → CUSTOMER VIDEOS\n============================================================ *\/\n#abera-folliculitis-v2 .af-routine-merged{\n padding-top:52px!important;\n padding-bottom:56px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged .af-inner{\n max-width:1420px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged-layout{\n gap:42px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged h2{\n font-size:clamp(38px,2.8vw,48px)!important;\n line-height:1.045!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged-intro{\n margin-top:14px!important;\n font-size:15.5px!important;\n line-height:1.56!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged-grid{\n gap:12px!important;\n margin-top:22px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged-card{\n padding:16px 16px 15px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged-kicker{\n color:#194f36!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged-card h3{\n font-size:15.5px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged-card p{\n font-size:13px!important;\n line-height:1.48!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged-note{\n margin-top:15px!important;\n padding-top:14px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged .af-offer{\n margin-top:15px!important;\n background:#c9342d!important;\n color:#fff!important;\n padding:12px 15px!important;\n border-radius:4px!important;\n font-size:13.5px!important;\n letter-spacing:0!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged-media img{\n object-position:center center;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-routine-merged{\n padding-top:40px!important;\n padding-bottom:44px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-merged h2{\n font-size:29px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-merged-intro{\n font-size:14.5px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-merged-card{\n padding:14px!important;\n }\n}\n\n\n\/* ============================================================\n05 — POLAR-STYLE SHOWER GEL + BHA COMPARISON\n============================================================ *\/\n#abera-folliculitis-v2 .af-routine-polar{\n background:#f7f5ee;\n padding-top:58px!important;\n padding-bottom:62px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-polar .af-inner{\n max-width:1320px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-polar-lifestyle{\n width:100%;\n max-height:520px;\n overflow:hidden;\n border-radius:10px;\n}\n\n#abera-folliculitis-v2 .af-routine-polar-lifestyle img{\n width:100%;\n height:100%;\n max-height:520px;\n display:block;\n object-fit:cover;\n object-position:center 43%;\n}\n\n#abera-folliculitis-v2 .af-routine-polar-header{\n padding:38px 20px 26px;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-routine-polar-header .af-eyebrow{\n margin-bottom:9px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-polar-header h2{\n margin:0;\n color:#101512;\n font-size:clamp(40px,3.35vw,54px)!important;\n line-height:1.02!important;\n letter-spacing:-1.55px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-compare{\n position:relative;\n max-width:1120px;\n margin:0 auto;\n padding-bottom:152px;\n border-radius:28px;\n overflow:hidden;\n background:#fff;\n box-shadow:0 8px 28px rgba(14,40,29,.08);\n}\n\n#abera-folliculitis-v2 .af-routine-products{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n min-height:430px;\n}\n\n#abera-folliculitis-v2 .af-routine-product{\n position:relative;\n display:flex;\n flex-direction:column;\n align-items:center;\n min-width:0;\n padding:28px 28px 110px;\n}\n\n#abera-folliculitis-v2 .af-routine-product-gel{\n background:#173529;\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-routine-product-bha{\n background:#f8fbfc;\n color:#15221c;\n}\n\n#abera-folliculitis-v2 .af-routine-product-name{\n width:100%;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-routine-product-name span{\n display:block;\n margin-bottom:5px;\n font-size:10.5px;\n line-height:1.2;\n font-weight:800;\n letter-spacing:1.2px;\n opacity:.74;\n}\n\n#abera-folliculitis-v2 .af-routine-product-name strong{\n display:block;\n font-size:18px;\n line-height:1.2;\n font-weight:900;\n}\n\n#abera-folliculitis-v2 .af-routine-product-image{\n position:relative;\n flex:1;\n width:100%;\n min-height:300px;\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n#abera-folliculitis-v2 .af-routine-product-image img{\n max-width:64%;\n max-height:285px;\n width:auto;\n height:auto;\n object-fit:contain;\n filter:drop-shadow(0 10px 12px rgba(0,0,0,.16));\n}\n\n#abera-folliculitis-v2 .af-routine-product-image img.af-bha-cutout{\n max-width:48%;\n max-height:250px;\n}\n\n#abera-folliculitis-v2 .af-routine-product-placeholder{\n display:none;\n width:64%;\n max-width:250px;\n min-height:220px;\n padding:20px;\n align-items:center;\n justify-content:center;\n flex-direction:column;\n gap:7px;\n border:1px dashed currentColor;\n border-radius:12px;\n text-align:center;\n opacity:.62;\n}\n\n#abera-folliculitis-v2 .af-routine-product-placeholder strong{\n font-size:13px;\n}\n\n#abera-folliculitis-v2 .af-routine-product-placeholder span{\n font-size:11px;\n}\n\n\/* Overlay white comparison card *\/\n#abera-folliculitis-v2 .af-routine-compare-box{\n position:absolute;\n left:7%;\n right:7%;\n bottom:24px;\n z-index:3;\n overflow:hidden;\n border:1px solid #d8ddd9;\n border-radius:14px;\n background:#fff;\n box-shadow:0 8px 24px rgba(0,0,0,.08);\n}\n\n#abera-folliculitis-v2 .af-routine-compare-row{\n padding:12px 18px 13px;\n border-bottom:1px solid #e3e6e4;\n}\n\n#abera-folliculitis-v2 .af-routine-compare-row:last-child{\n border-bottom:0;\n}\n\n#abera-folliculitis-v2 .af-routine-compare-label{\n margin-bottom:8px;\n color:#303632;\n font-size:12px;\n line-height:1.2;\n font-weight:900;\n text-align:center;\n letter-spacing:.35px;\n}\n\n#abera-folliculitis-v2 .af-routine-compare-values{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:18px;\n}\n\n#abera-folliculitis-v2 .af-routine-compare-values \u003e div{\n color:#303632;\n font-size:13px;\n line-height:1.3;\n font-weight:800;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-compare-check{\n display:inline-flex;\n width:17px;\n height:17px;\n margin-right:5px;\n align-items:center;\n justify-content:center;\n border-radius:50%;\n background:#2ca31c;\n color:#fff;\n font-size:10px;\n font-weight:900;\n vertical-align:1px;\n}\n\n#abera-folliculitis-v2 .af-routine-red-cta{\n display:flex;\n width:min(100%,720px);\n min-height:54px;\n margin:24px auto 0;\n padding:15px 24px;\n align-items:center;\n justify-content:center;\n border-radius:6px;\n background:#cf392f;\n color:#fff!important;\n font-size:15px;\n line-height:1.25;\n font-weight:900;\n text-align:center;\n text-decoration:none!important;\n transition:transform .18s ease,filter .18s ease;\n}\n\n#abera-folliculitis-v2 .af-routine-red-cta:hover{\n filter:brightness(.94);\n transform:translateY(-1px);\n}\n\n\/* ---------- TABLET ---------- *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-routine-products{\n min-height:390px;\n }\n\n #abera-folliculitis-v2 .af-routine-product{\n padding-left:20px;\n padding-right:20px;\n }\n\n #abera-folliculitis-v2 .af-routine-product-image img{\n max-height:240px;\n }\n\n #abera-folliculitis-v2 .af-routine-product-image img.af-bha-cutout{\n max-height:210px;\n }\n}\n\n\/* ---------- MOBILE ---------- *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-routine-polar{\n padding-top:38px!important;\n padding-bottom:44px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-polar-lifestyle{\n max-height:none;\n border-radius:8px;\n }\n\n #abera-folliculitis-v2 .af-routine-polar-lifestyle img{\n max-height:none;\n aspect-ratio:1\/1;\n object-position:center;\n }\n\n #abera-folliculitis-v2 .af-routine-polar-header{\n padding:28px 5px 22px;\n text-align:left;\n }\n\n #abera-folliculitis-v2 .af-routine-polar-header h2{\n font-size:30px!important;\n line-height:1.04!important;\n }\n\n #abera-folliculitis-v2 .af-routine-compare{\n padding-bottom:188px;\n border-radius:18px;\n }\n\n #abera-folliculitis-v2 .af-routine-products{\n min-height:340px;\n }\n\n #abera-folliculitis-v2 .af-routine-product{\n padding:18px 10px 96px;\n }\n\n #abera-folliculitis-v2 .af-routine-product-name strong{\n font-size:13px;\n line-height:1.2;\n }\n\n #abera-folliculitis-v2 .af-routine-product-image{\n min-height:220px;\n }\n\n #abera-folliculitis-v2 .af-routine-product-image img{\n max-width:74%;\n max-height:205px;\n }\n\n #abera-folliculitis-v2 .af-routine-product-image img.af-bha-cutout{\n max-width:57%;\n max-height:180px;\n }\n\n #abera-folliculitis-v2 .af-routine-compare-box{\n left:4%;\n right:4%;\n bottom:14px;\n }\n\n #abera-folliculitis-v2 .af-routine-compare-row{\n padding:10px 9px 11px;\n }\n\n #abera-folliculitis-v2 .af-routine-compare-label{\n margin-bottom:6px;\n font-size:10.5px;\n }\n\n #abera-folliculitis-v2 .af-routine-compare-values{\n gap:8px;\n }\n\n #abera-folliculitis-v2 .af-routine-compare-values \u003e div{\n font-size:10.5px;\n line-height:1.3;\n }\n\n #abera-folliculitis-v2 .af-compare-check{\n width:14px;\n height:14px;\n margin-right:2px;\n font-size:8px;\n }\n\n #abera-folliculitis-v2 .af-routine-red-cta{\n min-height:52px;\n margin-top:18px;\n padding:14px 15px;\n font-size:13px;\n }\n}\n\n\n\/* ============================================================\n05 — COMPLETE BODY BREAKOUT ROUTINE — POLAR STYLE V2\nClear hierarchy, more breathing room, 4 large comparison cards.\n============================================================ *\/\n\n#abera-folliculitis-v2 .af-routine-polar-v2{\n background:#f7f5ee;\n padding-top:58px!important;\n padding-bottom:64px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-polar-v2 .af-inner{\n max-width:1320px!important;\n}\n\n\/* Lifestyle *\/\n#abera-folliculitis-v2 .af-routine-v2-lifestyle{\n width:100%;\n max-height:520px;\n overflow:hidden;\n border-radius:10px;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-lifestyle img{\n width:100%;\n height:100%;\n max-height:520px;\n display:block;\n object-fit:cover;\n object-position:center 43%;\n}\n\n\/* Header *\/\n#abera-folliculitis-v2 .af-routine-v2-header{\n padding:38px 10px 28px;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-header .af-eyebrow{\n margin-bottom:10px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-header h2{\n margin:0;\n color:#101512;\n font-size:clamp(42px,3.45vw,56px)!important;\n line-height:1.015!important;\n letter-spacing:-1.7px!important;\n}\n\n\/* Main compare shell *\/\n#abera-folliculitis-v2 .af-routine-v2-compare{\n position:relative;\n max-width:1100px;\n margin:0 auto;\n padding-bottom:360px;\n overflow:hidden;\n border-radius:28px;\n background:#fff;\n box-shadow:0 8px 28px rgba(14,40,29,.08);\n}\n\n\/* Product panels *\/\n#abera-folliculitis-v2 .af-routine-v2-products{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n min-height:440px;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product{\n position:relative;\n display:flex;\n min-width:0;\n flex-direction:column;\n align-items:center;\n padding:30px 28px 118px;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-gel{\n background:#19372b;\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-bha{\n background:#f7fafc;\n color:#15221c;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-head{\n width:100%;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-head span{\n display:block;\n margin-bottom:6px;\n font-size:11px;\n line-height:1.2;\n font-weight:800;\n letter-spacing:1.15px;\n opacity:.72;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-head strong{\n display:block;\n font-size:20px;\n line-height:1.2;\n font-weight:900;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-image{\n position:relative;\n display:flex;\n flex:1;\n width:100%;\n min-height:300px;\n align-items:center;\n justify-content:center;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-image img{\n width:auto;\n height:auto;\n max-width:62%;\n max-height:290px;\n object-fit:contain;\n filter:drop-shadow(0 12px 14px rgba(0,0,0,.14));\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-width:46%;\n max-height:250px;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-placeholder{\n display:none;\n width:62%;\n max-width:245px;\n min-height:220px;\n padding:20px;\n align-items:center;\n justify-content:center;\n flex-direction:column;\n gap:8px;\n border:1px dashed currentColor;\n border-radius:12px;\n text-align:center;\n opacity:.62;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-placeholder strong{\n font-size:13px;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-placeholder span{\n font-size:11px;\n}\n\n\/* Four white cards *\/\n#abera-folliculitis-v2 .af-routine-v2-cards{\n position:absolute;\n left:7%;\n right:7%;\n bottom:24px;\n z-index:3;\n display:grid;\n gap:10px;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card{\n padding:14px 18px 15px;\n border:1px solid #d7dcda;\n border-radius:13px;\n background:#fff;\n box-shadow:0 4px 13px rgba(0,0,0,.045);\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-title{\n margin-bottom:10px;\n color:#303632;\n font-size:13px;\n line-height:1.15;\n font-weight:900;\n text-align:center;\n letter-spacing:.35px;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:20px;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div{\n display:flex;\n min-height:28px;\n align-items:center;\n justify-content:center;\n color:#2c332f;\n font-size:13.5px;\n line-height:1.28;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values strong{\n font-weight:800;\n}\n\n#abera-folliculitis-v2 .af-v2-check{\n display:inline-flex;\n flex:0 0 auto;\n width:18px;\n height:18px;\n margin-right:7px;\n align-items:center;\n justify-content:center;\n border-radius:50%;\n background:#2baa1d;\n color:#fff;\n font-size:10px;\n font-weight:900;\n}\n\n\/* CTA *\/\n#abera-folliculitis-v2 .af-routine-v2-cta{\n display:flex;\n width:min(100%,720px);\n min-height:56px;\n margin:25px auto 0;\n padding:15px 24px;\n align-items:center;\n justify-content:center;\n border-radius:6px;\n background:#cf392f;\n color:#fff!important;\n font-size:15px;\n line-height:1.25;\n font-weight:900;\n text-align:center;\n text-decoration:none!important;\n transition:transform .18s ease,filter .18s ease;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-cta:hover{\n filter:brightness(.94);\n transform:translateY(-1px);\n}\n\n\/* Tablet *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-routine-v2-products{\n min-height:400px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n padding-left:20px;\n padding-right:20px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n max-height:245px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-height:215px;\n }\n}\n\n\/* Mobile *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-routine-polar-v2{\n padding-top:36px!important;\n padding-bottom:44px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-lifestyle{\n max-height:none;\n border-radius:8px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-lifestyle img{\n max-height:none;\n aspect-ratio:1\/1;\n object-position:center;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-header{\n padding:28px 4px 22px;\n text-align:left;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-header h2{\n font-size:31px!important;\n line-height:1.035!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-compare{\n padding-bottom:352px;\n border-radius:18px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-products{\n min-height:350px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n padding:18px 8px 95px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head span{\n font-size:9.5px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head strong{\n font-size:13.5px;\n line-height:1.18;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n min-height:220px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n max-width:74%;\n max-height:205px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-width:56%;\n max-height:180px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-cards{\n left:4%;\n right:4%;\n bottom:14px;\n gap:8px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card{\n padding:11px 8px 12px;\n border-radius:10px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-title{\n margin-bottom:8px;\n font-size:11px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values{\n gap:7px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div{\n min-height:26px;\n font-size:10.8px;\n line-height:1.25;\n }\n\n #abera-folliculitis-v2 .af-v2-check{\n width:15px;\n height:15px;\n margin-right:4px;\n font-size:8px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-cta{\n min-height:53px;\n margin-top:18px;\n padding:14px 14px;\n font-size:13px;\n }\n}\n\n\n\/* ============================================================\nROUTINE COMPARE — POLAR-LIKE FINAL LAYOUT\nTwo full-height background columns + floating white cards.\nMixed-case typography, clearer hierarchy, more breathing room.\n============================================================ *\/\n\n#abera-folliculitis-v2 .af-routine-v2-compare{\n position:relative!important;\n max-width:1040px!important;\n margin:0 auto!important;\n padding:0 36px 38px!important;\n overflow:hidden!important;\n border-radius:28px!important;\n background:\n linear-gradient(\n 90deg,\n #203b31 0%,\n #203b31 50%,\n #f1f3f2 50%,\n #f1f3f2 100%\n )!important;\n box-shadow:0 8px 28px rgba(14,40,29,.08)!important;\n}\n\n\/* product area no longer owns the background — the shell does *\/\n#abera-folliculitis-v2 .af-routine-v2-products{\n position:relative!important;\n z-index:1!important;\n display:grid!important;\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n min-height:360px!important;\n background:transparent!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product{\n padding:28px 28px 12px!important;\n background:transparent!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-gel{\n color:#fff!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-bha{\n color:#1f2723!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-head span{\n margin-bottom:6px!important;\n font-size:12px!important;\n line-height:1.2!important;\n font-weight:700!important;\n letter-spacing:.25px!important;\n text-transform:none!important;\n opacity:.72!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-head strong{\n max-width:280px!important;\n margin:0 auto!important;\n font-size:22px!important;\n line-height:1.18!important;\n font-weight:700!important;\n text-transform:none!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-image{\n min-height:250px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-image img{\n max-height:240px!important;\n max-width:60%!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-height:210px!important;\n max-width:45%!important;\n}\n\n\/* cards are now normal-flow floating layers on top of both columns *\/\n#abera-folliculitis-v2 .af-routine-v2-cards{\n position:relative!important;\n left:auto!important;\n right:auto!important;\n bottom:auto!important;\n z-index:4!important;\n display:grid!important;\n gap:10px!important;\n width:100%!important;\n margin-top:-76px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card{\n padding:17px 18px 18px!important;\n border:1px solid #d8dcda!important;\n border-radius:13px!important;\n background:#fff!important;\n box-shadow:0 5px 14px rgba(0,0,0,.055)!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-title{\n margin-bottom:12px!important;\n color:#2c302e!important;\n font-size:17px!important;\n line-height:1.2!important;\n font-weight:500!important;\n letter-spacing:0!important;\n text-align:center!important;\n text-transform:none!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values{\n display:grid!important;\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:22px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div{\n min-height:28px!important;\n display:flex!important;\n align-items:center!important;\n justify-content:center!important;\n color:#2c302e!important;\n font-size:14px!important;\n line-height:1.35!important;\n text-align:center!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values strong{\n font-weight:500!important;\n text-transform:none!important;\n}\n\n#abera-folliculitis-v2 .af-v2-check{\n width:18px!important;\n height:18px!important;\n margin-right:7px!important;\n background:#2eaa1f!important;\n font-size:10px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-cta{\n margin-top:24px!important;\n}\n\n\/* remove old artificial space because cards now sit in normal flow *\/\n@media screen and (min-width:750px){\n #abera-folliculitis-v2 .af-routine-v2-compare{\n padding-bottom:38px!important;\n }\n}\n\n\/* MOBILE — emulate Polar screenshot more closely *\/\n@media screen and (max-width:749px){\n\n #abera-folliculitis-v2 .af-routine-v2-compare{\n padding:0 14px 24px!important;\n border-radius:18px!important;\n background:\n linear-gradient(\n 90deg,\n #203b31 0%,\n #203b31 50%,\n #f1f3f2 50%,\n #f1f3f2 100%\n )!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-products{\n min-height:310px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n padding:18px 8px 5px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head span{\n font-size:10.5px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head strong{\n max-width:145px!important;\n font-size:14px!important;\n line-height:1.22!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n min-height:215px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n max-height:188px!important;\n max-width:73%!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-height:166px!important;\n max-width:55%!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:-54px!important;\n gap:8px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card{\n padding:14px 10px 15px!important;\n border-radius:11px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-title{\n margin-bottom:10px!important;\n font-size:15px!important;\n line-height:1.2!important;\n font-weight:500!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values{\n gap:8px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div{\n font-size:11.5px!important;\n line-height:1.28!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values strong{\n font-weight:500!important;\n }\n\n #abera-folliculitis-v2 .af-v2-check{\n width:16px!important;\n height:16px!important;\n margin-right:4px!important;\n font-size:9px!important;\n }\n}\n\n\n\n\/* ===== Routine compare refinement per latest feedback ===== *\/\n#abera-folliculitis-v2 .af-routine-v2-product-image{\n min-height:auto!important;\n aspect-ratio:1 \/ 1!important;\n width:100%!important;\n display:flex!important;\n align-items:center!important;\n justify-content:center!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-placeholder{\n width:72%!important;\n aspect-ratio:1 \/ 1!important;\n min-height:auto!important;\n display:flex!important;\n align-items:center!important;\n justify-content:center!important;\n padding:18px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-image img{\n max-width:72%!important;\n max-height:72%!important;\n width:auto!important;\n height:auto!important;\n object-fit:contain!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-width:58%!important;\n max-height:72%!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-title{\n text-transform:uppercase!important;\n letter-spacing:.6px!important;\n font-size:15px!important;\n font-weight:700!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values{\n gap:14px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div{\n min-height:32px!important;\n font-size:14px!important;\n line-height:1.35!important;\n}\n\n\/* left column pushes inward and reads cleaner *\/\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child{\n justify-content:flex-end!important;\n text-align:right!important;\n padding-right:14px!important;\n}\n\n\/* right column with clearer left edge *\/\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n justify-content:flex-start!important;\n text-align:left!important;\n padding-left:14px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values strong{\n font-weight:600!important;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n aspect-ratio:1 \/ 1!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-placeholder{\n width:76%!important;\n aspect-ratio:1 \/ 1!important;\n padding:12px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n max-width:76%!important;\n max-height:76%!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-width:60%!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-title{\n font-size:13px!important;\n letter-spacing:.45px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values{\n gap:10px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div{\n min-height:30px!important;\n font-size:12.5px!important;\n line-height:1.28!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child{\n padding-right:8px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n padding-left:8px!important;\n }\n}\n\n\n\/* ============================================================\nROUTINE CHECK ALIGNMENT — FINAL FIX\nAll check icons align on one vertical line and all text is left-aligned.\n============================================================ *\/\n\n#abera-folliculitis-v2 .af-routine-v2-card-values{\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:18px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div,\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child,\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n display:grid!important;\n grid-template-columns:18px minmax(0,1fr)!important;\n column-gap:7px!important;\n align-items:start!important;\n justify-content:stretch!important;\n min-height:30px!important;\n padding-left:10px!important;\n padding-right:10px!important;\n text-align:left!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values strong{\n display:block!important;\n width:100%!important;\n margin:0!important;\n text-align:left!important;\n line-height:1.32!important;\n}\n\n#abera-folliculitis-v2 .af-v2-check{\n display:flex!important;\n width:18px!important;\n height:18px!important;\n margin:0!important;\n align-items:center!important;\n justify-content:center!important;\n align-self:start!important;\n justify-self:start!important;\n flex:none!important;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-routine-v2-card-values{\n gap:8px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div,\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child,\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n grid-template-columns:16px minmax(0,1fr)!important;\n column-gap:6px!important;\n padding-left:6px!important;\n padding-right:4px!important;\n text-align:left!important;\n }\n\n #abera-folliculitis-v2 .af-v2-check{\n width:16px!important;\n height:16px!important;\n margin:0!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values strong{\n font-size:12px!important;\n line-height:1.28!important;\n text-align:left!important;\n }\n}\n\n\n\/* ============================================================\nROUTINE COMPARE — CLEAN POLAR TYPOGRAPHY\nShort values, regular weight, clear hierarchy, more breathing room.\n============================================================ *\/\n#abera-folliculitis-v2 .af-routine-v2-card{\n padding:18px 18px 19px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-title{\n margin-bottom:13px!important;\n font-size:14px!important;\n line-height:1.2!important;\n font-weight:600!important;\n letter-spacing:.35px!important;\n text-align:center!important;\n text-transform:uppercase!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values{\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:18px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div,\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child,\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n display:grid!important;\n grid-template-columns:16px minmax(0,1fr)!important;\n column-gap:7px!important;\n align-items:center!important;\n justify-content:stretch!important;\n min-height:30px!important;\n padding:0 8px!important;\n text-align:left!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values strong{\n display:block!important;\n width:100%!important;\n margin:0!important;\n color:#2e3430!important;\n font-size:13.5px!important;\n line-height:1.25!important;\n font-weight:400!important;\n text-align:left!important;\n text-transform:none!important;\n white-space:nowrap!important;\n}\n\n#abera-folliculitis-v2 .af-v2-check{\n width:16px!important;\n height:16px!important;\n margin:0!important;\n font-size:9px!important;\n align-self:center!important;\n justify-self:start!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-head span{\n font-size:11px!important;\n font-weight:500!important;\n letter-spacing:.15px!important;\n text-transform:none!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-head strong{\n font-size:18px!important;\n line-height:1.18!important;\n font-weight:600!important;\n text-transform:none!important;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-routine-v2-card{\n padding:15px 11px 16px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-title{\n margin-bottom:10px!important;\n font-size:12.5px!important;\n font-weight:600!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values{\n gap:8px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div,\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child,\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n grid-template-columns:15px minmax(0,1fr)!important;\n column-gap:5px!important;\n padding:0 4px!important;\n min-height:27px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values strong{\n font-size:11.5px!important;\n line-height:1.2!important;\n font-weight:400!important;\n white-space:nowrap!important;\n }\n\n #abera-folliculitis-v2 .af-v2-check{\n width:15px!important;\n height:15px!important;\n font-size:8px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head span{\n font-size:10px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head strong{\n font-size:13.5px!important;\n font-weight:600!important;\n }\n}\n\n\n\/* ============================================================\nROUTINE COMPARE — ASYMMETRIC ICON ALIGNMENT LIKE POLAR\nLeft side: ✓ + text, aligned left\nRight side: text + ✓, aligned right\n============================================================ *\/\n\n#abera-folliculitis-v2 .af-routine-v2-card-values{\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:18px!important;\n}\n\n\/* LEFT COLUMN *\/\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child{\n display:grid!important;\n grid-template-columns:16px minmax(0,1fr)!important;\n column-gap:7px!important;\n align-items:center!important;\n justify-content:stretch!important;\n padding:0 8px 0 2px!important;\n text-align:left!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child .af-v2-check{\n grid-column:1!important;\n grid-row:1!important;\n justify-self:start!important;\n margin:0!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child strong{\n grid-column:2!important;\n grid-row:1!important;\n justify-self:start!important;\n text-align:left!important;\n margin:0!important;\n}\n\n\/* RIGHT COLUMN *\/\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n display:grid!important;\n grid-template-columns:minmax(0,1fr) 16px!important;\n column-gap:7px!important;\n align-items:center!important;\n justify-content:stretch!important;\n padding:0 2px 0 8px!important;\n text-align:right!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child strong{\n grid-column:1!important;\n grid-row:1!important;\n justify-self:end!important;\n text-align:right!important;\n margin:0!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child .af-v2-check{\n grid-column:2!important;\n grid-row:1!important;\n justify-self:end!important;\n margin:0!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div{\n min-height:28px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values strong{\n display:block!important;\n width:100%!important;\n font-weight:400!important;\n line-height:1.3!important;\n}\n\n\/* Mobile *\/\n@media screen and (max-width:749px){\n\n #abera-folliculitis-v2 .af-routine-v2-card-values{\n gap:8px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child{\n grid-template-columns:15px minmax(0,1fr)!important;\n column-gap:5px!important;\n padding:0 4px 0 0!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n grid-template-columns:minmax(0,1fr) 15px!important;\n column-gap:5px!important;\n padding:0 0 0 4px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values strong{\n font-size:11.5px!important;\n line-height:1.28!important;\n }\n\n #abera-folliculitis-v2 .af-v2-check{\n width:15px!important;\n height:15px!important;\n font-size:8px!important;\n }\n}\n\n\n\/* ============================================================\nDESKTOP ROUTINE COMPARE — FULLER POLAR-LIKE COMPOSITION\nDesktop only. Mobile keeps the current layout.\n============================================================ *\/\n@media screen and (min-width:1051px){\n\n \/* Make the whole comparison feel materially larger *\/\n #abera-folliculitis-v2 .af-routine-polar-v2 .af-inner{\n max-width:1500px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-compare{\n max-width:1240px!important;\n padding:0 42px 46px!important;\n border-radius:30px!important;\n }\n\n \/* Larger product stage *\/\n #abera-folliculitis-v2 .af-routine-v2-products{\n min-height:500px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n padding:34px 36px 18px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head span{\n font-size:12.5px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head strong{\n max-width:340px!important;\n font-size:25px!important;\n line-height:1.15!important;\n }\n\n \/* 1:1 product area, substantially larger like Polar *\/\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n width:min(100%,390px)!important;\n aspect-ratio:1\/1!important;\n margin:18px auto 0!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-placeholder{\n width:86%!important;\n aspect-ratio:1\/1!important;\n max-width:340px!important;\n padding:26px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n max-width:84%!important;\n max-height:84%!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-width:66%!important;\n max-height:78%!important;\n }\n\n \/* Pull the comparison rows upward so they overlap the product stage *\/\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:-116px!important;\n gap:12px!important;\n }\n\n \/* Each row behaves like Polar:\n left white bar | floating title | right white bar *\/\n #abera-folliculitis-v2 .af-routine-v2-card{\n position:relative!important;\n min-height:68px!important;\n padding:0!important;\n border:0!important;\n border-radius:0!important;\n background:transparent!important;\n box-shadow:none!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-title{\n position:absolute!important;\n top:50%!important;\n left:50%!important;\n z-index:4!important;\n width:270px!important;\n min-height:68px!important;\n margin:0!important;\n padding:0 18px!important;\n display:flex!important;\n align-items:center!important;\n justify-content:center!important;\n transform:translate(-50%,-50%)!important;\n border:1px solid #d7dcda!important;\n border-radius:10px!important;\n background:#fff!important;\n color:#252b28!important;\n font-size:16px!important;\n line-height:1.2!important;\n font-weight:600!important;\n text-align:center!important;\n box-shadow:0 4px 12px rgba(0,0,0,.04)!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values{\n display:grid!important;\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:0!important;\n width:100%!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div,\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child,\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n min-height:56px!important;\n background:#fff!important;\n border:1px solid #d7dcda!important;\n box-shadow:0 3px 10px rgba(0,0,0,.035)!important;\n }\n\n \/* Left value bar *\/\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child{\n grid-template-columns:20px minmax(0,1fr)!important;\n column-gap:9px!important;\n margin-right:118px!important;\n padding:0 22px!important;\n border-radius:999px 10px 10px 999px!important;\n text-align:left!important;\n }\n\n \/* Right value bar *\/\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n grid-template-columns:minmax(0,1fr) 20px!important;\n column-gap:9px!important;\n margin-left:118px!important;\n padding:0 22px!important;\n border-radius:10px 999px 999px 10px!important;\n text-align:right!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values strong{\n font-size:14px!important;\n line-height:1.25!important;\n font-weight:400!important;\n }\n\n #abera-folliculitis-v2 .af-v2-check{\n width:20px!important;\n height:20px!important;\n font-size:11px!important;\n }\n\n \/* CTA wider and visually tied to the block *\/\n #abera-folliculitis-v2 .af-routine-v2-cta{\n width:min(100%,820px)!important;\n min-height:58px!important;\n margin-top:28px!important;\n font-size:15.5px!important;\n }\n}\n\n\n\/* ============================================================\nDESKTOP LIFESTYLE IMAGE — TOP-ANCHORED CROP\nKeep the full upper portion visible and push all cropping downward.\nMobile remains unchanged.\n============================================================ *\/\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-routine-v2-lifestyle{\n overflow:hidden!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-lifestyle img{\n object-fit:cover!important;\n object-position:center top!important;\n }\n}\n\n\n\/* Product cutout placeholders are disabled after real images were added *\/\n#abera-folliculitis-v2 .af-routine-v2-placeholder{\n display:none!important;\n}\n\n\n\/* ============================================================\nDESKTOP ROUTINE — DENSER \/ FULLER POLAR COMPOSITION\nReduce dead space, enlarge products, tighten the stage.\nMobile remains unchanged.\n============================================================ *\/\n@media screen and (min-width:1051px){\n\n #abera-folliculitis-v2 .af-routine-polar-v2 .af-inner{\n max-width:1540px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-compare{\n max-width:1340px!important;\n padding:0 34px 42px!important;\n }\n\n \/* Shorter stage = less unused vertical space *\/\n #abera-folliculitis-v2 .af-routine-v2-products{\n min-height:450px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n padding:26px 30px 10px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head span{\n font-size:12px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head strong{\n max-width:350px!important;\n font-size:24px!important;\n line-height:1.15!important;\n }\n\n \/* Larger product presence *\/\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n width:min(100%,430px)!important;\n aspect-ratio:1\/1!important;\n margin:8px auto 0!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n max-width:92%!important;\n max-height:92%!important;\n transform:scale(1.06)!important;\n transform-origin:center center!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-width:72%!important;\n max-height:84%!important;\n transform:scale(1.08)!important;\n }\n\n \/* Bring comparison bars up without covering the products *\/\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:-84px!important;\n gap:10px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card{\n min-height:64px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-title{\n width:286px!important;\n min-height:64px!important;\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div,\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child,\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n min-height:54px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child{\n margin-right:126px!important;\n padding:0 24px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n margin-left:126px!important;\n padding:0 24px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values strong{\n font-size:14px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-cta{\n width:min(100%,880px)!important;\n margin-top:24px!important;\n }\n}\n\n\n\/* ============================================================\nROUTINE PRODUCT STAGE — FINAL RESPONSIVE FIX\nROOT CAUSES FIXED:\n1) MOBILE: square product image box was centering a tall bottle,\n creating dead space above it.\n2) DESKTOP: comparison bars were pulled upward with negative margin,\n covering the bottom of the bottles.\n\nThis block intentionally overrides all earlier routine-stage rules.\n============================================================ *\/\n\n\/* ---------- MOBILE ---------- *\/\n@media screen and (max-width:749px){\n\n #abera-folliculitis-v2 .af-routine-v2-products{\n min-height:0!important;\n align-items:start!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n min-height:0!important;\n padding:16px 8px 8px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head{\n margin-bottom:6px!important;\n }\n\n \/* Keep a true 1:1 square, but anchor the bottle to the TOP\n instead of vertically centering it. *\/\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n width:100%!important;\n min-height:0!important;\n aspect-ratio:1 \/ 1!important;\n margin:0!important;\n display:flex!important;\n align-items:flex-start!important;\n justify-content:center!important;\n overflow:visible!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n width:auto!important;\n height:auto!important;\n max-width:78%!important;\n max-height:88%!important;\n margin-top:0!important;\n object-fit:contain!important;\n transform:none!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-width:60%!important;\n max-height:82%!important;\n margin-top:0!important;\n transform:none!important;\n }\n\n \/* Cards should begin immediately after the square product area. *\/\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:-10px!important;\n }\n}\n\n\/* ---------- DESKTOP ---------- *\/\n@media screen and (min-width:1051px){\n\n #abera-folliculitis-v2 .af-routine-v2-compare{\n max-width:1240px!important;\n padding:0 42px 42px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-products{\n min-height:0!important;\n align-items:start!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n min-height:0!important;\n padding:28px 34px 18px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head{\n margin-bottom:10px!important;\n }\n\n \/* Real 1:1 product frame on desktop too. *\/\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n width:min(100%,390px)!important;\n min-height:0!important;\n aspect-ratio:1 \/ 1!important;\n margin:0 auto!important;\n display:flex!important;\n align-items:flex-start!important;\n justify-content:center!important;\n overflow:visible!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n width:auto!important;\n height:auto!important;\n max-width:86%!important;\n max-height:94%!important;\n margin-top:0!important;\n object-fit:contain!important;\n transform:none!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-width:67%!important;\n max-height:88%!important;\n margin-top:0!important;\n transform:none!important;\n }\n\n \/* CRITICAL:\n No negative overlap into the bottle area.\n Polar's comparison rows begin beneath the product imagery. *\/\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:6px!important;\n gap:12px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card{\n min-height:64px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-title{\n min-height:64px!important;\n }\n}\n\n\n\/* ============================================================\nROUTINE PRODUCT STAGE — BALANCED VERTICAL SPACING\nGoal:\n- Equal breathing room above and below each product image.\n- Works consistently on mobile and desktop.\n============================================================ *\/\n\n\/* ---------- MOBILE ---------- *\/\n@media screen and (max-width:749px){\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n padding-top:18px!important;\n padding-bottom:16px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head{\n margin-bottom:12px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n margin:0!important;\n padding-top:6px!important;\n padding-bottom:6px!important;\n }\n\n \/* keep equal space after the product area before first comparison card *\/\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:12px!important;\n }\n}\n\n\/* ---------- DESKTOP ---------- *\/\n@media screen and (min-width:1051px){\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n padding-top:30px!important;\n padding-bottom:22px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head{\n margin-bottom:16px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n margin:0 auto!important;\n padding-top:8px!important;\n padding-bottom:8px!important;\n }\n\n \/* comparison rows start with matching breathing room *\/\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:16px!important;\n }\n}\n\n\/* ---------- TABLET ---------- *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n padding-top:24px!important;\n padding-bottom:18px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head{\n margin-bottom:14px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n padding-top:7px!important;\n padding-bottom:7px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:14px!important;\n }\n}\n\n\n\n\/* ============================================================\nROUTINE COMPARISON CARDS — PULL UP SLIGHTLY\nBring the white comparison block closer to the product stage\non both mobile and desktop.\n============================================================ *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:-10px!important;\n }\n}\n\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:-8px!important;\n }\n}\n\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:-12px!important;\n }\n}\n\n\n\/* ============================================================\nROUTINE PRODUCT VISUAL SIZE — EQUALIZED\nThe 1:1 frames were already equal; the product cutouts were not.\nEarlier CSS intentionally made the BHA Spray much smaller.\nThis override equalizes the VISUAL HEIGHT so both labels\/products\nare easier to read while keeping the Shower Gel only slightly larger.\n============================================================ *\/\n\n\/* MOBILE *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n aspect-ratio:1\/1!important;\n align-items:center!important;\n justify-content:center!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n width:auto!important;\n height:84%!important;\n max-width:84%!important;\n max-height:84%!important;\n object-fit:contain!important;\n transform:none!important;\n }\n\n \/* BHA is still slightly smaller, but no longer tiny *\/\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n width:auto!important;\n height:80%!important;\n max-width:78%!important;\n max-height:80%!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head strong{\n font-size:14px!important;\n line-height:1.18!important;\n }\n}\n\n\/* TABLET *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n width:auto!important;\n height:86%!important;\n max-width:84%!important;\n max-height:86%!important;\n object-fit:contain!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n width:auto!important;\n height:82%!important;\n max-width:78%!important;\n max-height:82%!important;\n }\n}\n\n\/* DESKTOP *\/\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n aspect-ratio:1\/1!important;\n align-items:center!important;\n justify-content:center!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n width:auto!important;\n height:88%!important;\n max-width:86%!important;\n max-height:88%!important;\n object-fit:contain!important;\n transform:none!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n width:auto!important;\n height:84%!important;\n max-width:80%!important;\n max-height:84%!important;\n }\n}\n\n\n\/* ============================================================\nMOBILE DOCUMENTATION — 2 COLUMNS\nShorter section: show both certificates side by side.\nDesktop\/tablet remain unchanged.\n============================================================ *\/\n@media screen and (max-width:749px){\n\n #abera-folliculitis-v2 .af-docs{\n padding-top:42px!important;\n padding-bottom:44px!important;\n }\n\n #abera-folliculitis-v2 .af-doc-grid{\n display:grid!important;\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:10px!important;\n margin-top:20px!important;\n }\n\n #abera-folliculitis-v2 .af-doc-card{\n min-width:0!important;\n border-radius:8px!important;\n overflow:hidden!important;\n }\n\n #abera-folliculitis-v2 .af-doc-image{\n width:100%!important;\n height:auto!important;\n aspect-ratio:4\/5!important;\n overflow:hidden!important;\n }\n\n #abera-folliculitis-v2 .af-doc-image img{\n width:100%!important;\n height:100%!important;\n object-fit:cover!important;\n object-position:center top!important;\n }\n\n #abera-folliculitis-v2 .af-doc-label{\n min-height:46px!important;\n padding:10px 7px!important;\n display:flex!important;\n align-items:center!important;\n justify-content:center!important;\n font-size:10px!important;\n line-height:1.25!important;\n text-align:center!important;\n }\n}\n\n\n\/* ============================================================\nFINAL UX PASS — REQUESTED CHANGES\n1. HOW TO USE CTA removed\n2. Consistent product naming in custom content\n3. Customer videos: 5 visible + slide on desktop, swipe carousel mobile\n4. Documentation: 2-column mobile + tap\/click lightbox\n============================================================ *\/\n\n\/* ---------- CUSTOMER VIDEOS ---------- *\/\n#abera-folliculitis-v2 .af-videos .af-inner{\n position:relative;\n}\n\n#abera-folliculitis-v2 .af-video-carousel-shell{\n position:relative;\n margin-top:30px;\n}\n\n#abera-folliculitis-v2 .af-video-carousel-shell .af-videos-track{\n margin-top:0!important;\n}\n\n#abera-folliculitis-v2 .af-video-arrow{\n position:absolute;\n top:50%;\n z-index:6;\n width:42px;\n height:54px;\n display:flex;\n align-items:center;\n justify-content:center;\n transform:translateY(-50%);\n border:1px solid rgba(255,255,255,.3);\n border-radius:4px;\n background:rgba(7,24,16,.92);\n color:#fff;\n font-size:30px;\n line-height:1;\n cursor:pointer;\n transition:opacity .2s ease, background .2s ease;\n}\n\n#abera-folliculitis-v2 .af-video-arrow:hover{\n background:#17392a;\n}\n\n#abera-folliculitis-v2 .af-video-arrow:disabled{\n opacity:.24;\n cursor:default;\n}\n\n#abera-folliculitis-v2 .af-video-prev{\n left:-18px;\n}\n\n#abera-folliculitis-v2 .af-video-next{\n right:-18px;\n}\n\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-videos-track{\n display:flex!important;\n flex-wrap:nowrap!important;\n gap:14px!important;\n overflow-x:auto!important;\n scroll-snap-type:x mandatory!important;\n scrollbar-width:none!important;\n padding:0 0 6px!important;\n }\n\n #abera-folliculitis-v2 .af-videos-track::-webkit-scrollbar{\n display:none!important;\n }\n\n #abera-folliculitis-v2 .af-video-item{\n flex:0 0 calc((100% - 56px) \/ 5)!important;\n min-width:calc((100% - 56px) \/ 5)!important;\n scroll-snap-align:start!important;\n }\n\n \/* Arrows provide navigation on desktop; dots are unnecessary clutter. *\/\n #abera-folliculitis-v2 .af-video-dots{\n display:none!important;\n }\n}\n\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-video-arrow{\n display:none!important;\n }\n\n #abera-folliculitis-v2 .af-videos-track{\n display:flex!important;\n flex-wrap:nowrap!important;\n overflow-x:auto!important;\n scroll-snap-type:x mandatory!important;\n scrollbar-width:none!important;\n }\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-video-carousel-shell{\n margin-top:22px;\n }\n\n #abera-folliculitis-v2 .af-video-arrow{\n display:none!important;\n }\n\n #abera-folliculitis-v2 .af-videos-track{\n display:flex!important;\n flex-wrap:nowrap!important;\n overflow-x:auto!important;\n scroll-snap-type:x mandatory!important;\n scrollbar-width:none!important;\n }\n\n #abera-folliculitis-v2 .af-video-item{\n flex:0 0 82%!important;\n min-width:82%!important;\n scroll-snap-align:start!important;\n }\n}\n\n\/* ---------- DOCUMENTATION LIGHTBOX ---------- *\/\n#abera-folliculitis-v2 .af-doc-image{\n cursor:zoom-in;\n}\n\n#abera-folliculitis-v2 .af-doc-image:focus-visible{\n outline:2px solid #17392a;\n outline-offset:3px;\n}\n\n#abera-folliculitis-v2 .af-doc-lightbox{\n position:fixed;\n inset:0;\n z-index:999999;\n display:none;\n align-items:center;\n justify-content:center;\n padding:24px;\n background:rgba(0,0,0,.82);\n backdrop-filter:blur(4px);\n}\n\n#abera-folliculitis-v2 .af-doc-lightbox.is-open{\n display:flex;\n}\n\n#abera-folliculitis-v2 .af-doc-lightbox-image{\n display:block;\n width:auto;\n height:auto;\n max-width:min(94vw,1000px);\n max-height:90vh;\n object-fit:contain;\n background:#fff;\n box-shadow:0 20px 60px rgba(0,0,0,.35);\n}\n\n#abera-folliculitis-v2 .af-doc-lightbox-close{\n position:fixed;\n top:18px;\n right:18px;\n width:44px;\n height:44px;\n display:flex;\n align-items:center;\n justify-content:center;\n border:1px solid rgba(255,255,255,.5);\n border-radius:50%;\n background:#fff;\n color:#111;\n font-size:28px;\n line-height:1;\n cursor:pointer;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-doc-lightbox{\n padding:14px;\n }\n\n #abera-folliculitis-v2 .af-doc-lightbox-image{\n max-width:96vw;\n max-height:88vh;\n }\n\n \/* Keep the compact two-column documentation layout. *\/\n #abera-folliculitis-v2 .af-doc-grid{\n display:grid!important;\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:10px!important;\n }\n}\n\n\n\/* === Customer review gender tabs === *\/\n#abera-folliculitis-v2 .af-static-tabs{\n display:flex;\n justify-content:center;\n gap:14px;\n margin-top:18px;\n flex-wrap:wrap;\n}\n#abera-folliculitis-v2 .af-static-tab{\n appearance:none;\n border:1px solid #cfd3d0;\n background:#fff;\n color:#243049;\n border-radius:8px;\n padding:12px 18px;\n min-width:198px;\n font-size:14px;\n line-height:1;\n font-weight:800;\n letter-spacing:.02em;\n cursor:pointer;\n transition:.2s ease;\n}\n#abera-folliculitis-v2 .af-static-tab.active{\n background:#113b2d;\n color:#fff;\n border-color:#113b2d;\n}\n#abera-folliculitis-v2 .af-static-review-panes{\n margin-top:18px;\n}\n#abera-folliculitis-v2 .af-static-review-pane{display:none;}\n#abera-folliculitis-v2 .af-static-review-pane.active{display:block;}\n#abera-folliculitis-v2 .af-static-reviews .af-static-review-track{\n gap:14px;\n}\n#abera-folliculitis-v2 .af-static-review-card.is-placeholder .af-static-review-image-note{\n display:flex;\n}\n#abera-folliculitis-v2 .af-static-review-card.is-placeholder .af-static-before,\n#abera-folliculitis-v2 .af-static-review-card.is-placeholder .af-static-after{\n display:none;\n}\n#abera-folliculitis-v2 .af-static-review-card.is-placeholder .af-static-stars{\n color:#d6b247;\n}\n#abera-folliculitis-v2 .af-static-review-card.is-placeholder .af-static-review-copy,\n#abera-folliculitis-v2 .af-static-review-card.is-placeholder .af-static-review-name{\n color:#6a756f;\n}\n@media (max-width: 767px){\n #abera-folliculitis-v2 .af-static-tabs{\n gap:10px;\n margin-top:14px;\n }\n #abera-folliculitis-v2 .af-static-tab{\n min-width:calc(50% - 5px);\n padding:12px 10px;\n font-size:13px;\n }\n #abera-folliculitis-v2 .af-static-review-panes{\n margin-top:14px;\n }\n}\n\n\n\/* ============================================================\nCUSTOMER VIDEOS — POLAR-STYLE CAROUSEL BARS\nShow the indicator bars below the video carousel on desktop + mobile.\n============================================================ *\/\n\n#abera-folliculitis-v2 .af-video-dots{\n display:flex!important;\n align-items:center!important;\n justify-content:center!important;\n flex-wrap:nowrap!important;\n gap:6px!important;\n margin-top:18px!important;\n padding-bottom:2px!important;\n}\n\n#abera-folliculitis-v2 .af-video-dots .af-dot{\n width:28px!important;\n min-width:28px!important;\n height:7px!important;\n margin:0!important;\n padding:0!important;\n border:0!important;\n border-radius:999px!important;\n background:rgba(255,255,255,.28)!important;\n opacity:1!important;\n cursor:pointer!important;\n transition:width .22s ease, background .22s ease!important;\n}\n\n#abera-folliculitis-v2 .af-video-dots .af-dot.active{\n width:44px!important;\n min-width:44px!important;\n background:#c9f53d!important;\n}\n\n\/* Override the previous desktop rule that hid video dots *\/\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-video-dots{\n display:flex!important;\n margin-top:20px!important;\n }\n}\n\n\/* Slightly tighter on mobile so all indicators fit cleanly *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-video-dots{\n gap:5px!important;\n margin-top:15px!important;\n overflow:hidden!important;\n }\n\n #abera-folliculitis-v2 .af-video-dots .af-dot{\n width:23px!important;\n min-width:23px!important;\n height:6px!important;\n }\n\n #abera-folliculitis-v2 .af-video-dots .af-dot.active{\n width:38px!important;\n min-width:38px!important;\n }\n}\n\n\u003c\/style\u003e\n\u003cdiv id=\"abera-folliculitis-v2\"\u003e\n\u003c!-- =========================================================\n01 — PRODUCT INTRO\nCleaner, lighter, conversion-first opening\n========================================================= --\u003e\n\u003c!--\nABCD_01_INTRO_FRAME\nDESKTOP FRAME: max content width ≈ 1180px; intended visual height ≈ 360–420px.\nTEXT TARGET:\n- Eyebrow: 2–4 words\n- Main headline: 6–10 words \/ ideally 2 lines\n- Supporting paragraph: 28–45 words\n- 4 quick problem \/ benefit points\nMOBILE:\n- Headline ideally 2–3 lines\n- Paragraph ≈ 30–40 words\nOPTIONAL FUTURE ADD:\n- If this section still feels empty, add ONE slim trust line only (rating \/ users \/ dermatologist-tested).\n- Do not add another large image here; the REAL RESULTS image immediately below already carries the visual weight.\n--\u003e\n\u003csection class=\"af-section af-intro\"\u003e\n\u003cdiv class=\"af-inner\"\u003e\n\u003cdiv class=\"af-eyebrow\"\u003eABERA FOLLICULITIS SHOWER GEL\u003c\/div\u003e\n\u003ch2\u003eTARGET FOLLICULITIS.\u003cbr\u003e\u003cspan\u003eCLEAR CLOGGED FOLLICLES.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"af-sub\"\u003e\u003cstrong\u003eABERA Folliculitis Shower Gel\u003c\/strong\u003e is a targeted \u003cstrong\u003efolliculitis body wash\u003c\/strong\u003e with White Willow Bark (BHA), Wild Bitter Melon and Tea Tree Oil to help clear follicular buildup, reduce visible body bumps, calm irritation and smooth rough, breakout-prone skin.\u003c\/p\u003e\n\u003cdiv class=\"af-intro-points\"\u003e\n\u003cspan\u003eFolliculitis \u0026amp; Back Acne\u003c\/span\u003e \u003cspan\u003eClogged Follicles\u003c\/span\u003e \u003cspan\u003eStrawberry Skin \/ KP\u003c\/span\u003e \u003cspan\u003eSensitive, Breakout-Prone Skin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"af-closing\"\u003eDEEP CLEANSE • EXFOLIATE • SOOTHE • RINSE CLEAN\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--\nABCD_02_REAL_RESULTS_FRAME\nDESKTOP: full cinematic split 55% copy \/ 45% image.\nIMAGE RECOMMENDATION: 4:5 or 3:4 portrait, at least 1200×1500px; subject biased to the right.\nTEXT TARGET:\n- Headline: max 2–3 lines\n- Supporting sentence: 22–35 words\n- 3 proof stats\nMOBILE IMAGE: crop-safe around face + bottle; avoid important details near far left\/right edges.\n--\u003e\n\u003csection class=\"af-proof\"\u003e\n\u003cdiv class=\"af-proof-inner\"\u003e\n\u003cdiv class=\"af-proof-content\"\u003e\n\u003cdiv class=\"af-eyebrow\"\u003eREAL RESULTS\u003c\/div\u003e\n\u003ch2\u003eVISIBLE RESULTS ON\u003cbr\u003e\u003cspan\u003eFOLLICULITIS \u0026amp; BODY BUMPS.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"af-sub\"\u003eWith consistent use, customers reported fewer visible follicular bumps, smoother-looking skin and less visible redness across breakout-prone body areas.\u003c\/p\u003e\n\u003cdiv class=\"af-stats\"\u003e\n\u003cdiv class=\"af-stat\"\u003e\n\u003cdiv class=\"af-stat-number\"\u003e92%\u003c\/div\u003e\n\u003ch3 class=\"af-stat-title\"\u003eFEWER VISIBLE FOLLICULAR BUMPS\u003c\/h3\u003e\n\u003cp class=\"af-stat-copy\"\u003eReported fewer visible bumps across folliculitis-prone areas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-stat\"\u003e\n\u003cdiv class=\"af-stat-number\"\u003e95%\u003c\/div\u003e\n\u003ch3 class=\"af-stat-title\"\u003eSMOOTHER, CALMER-LOOKING SKIN\u003c\/h3\u003e\n\u003cp class=\"af-stat-copy\"\u003eReported smoother skin with less visible redness and rough texture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-stat\"\u003e\n\u003cdiv class=\"af-stat-number\"\u003e4 WEEKS\u003c\/div\u003e\n\u003ch3 class=\"af-stat-title\"\u003eVISIBLE CHANGE\u003c\/h3\u003e\n\u003cp class=\"af-stat-copy\"\u003eSee customer before-and-after results below.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-footnote\"\u003e*Based on the product result claims currently used on this page. Individual results may vary.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-proof-visual\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_Image_23_59_54_26_thg_8_2026_af814f43-9877-495d-a91e-ed297bc65db8.webp?v=1787804912\" alt=\"Customer using ABERA Folliculitis Shower Gel\" loading=\"lazy\" class=\"af-proof-image\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n03A — STATIC CUSTOMER TESTIMONIALS\nRETINOL-STYLE SOCIAL PROOF\n\nIMPORTANT BEFORE PUBLISHING:\n- Replace each PASTE_STATIC_REVIEW_X_IMAGE_URL with a real static Before\/After image URL.\n- Replace draft review copy + Customer 01...06 with real customer reviews.\n- Current names\/review copy are layout samples; replace with real customer data before publishing.\n========================================================= --\u003e\n\u003c!--\nABCD_03_CUSTOMER_REVIEWS_FRAME\nDESKTOP: 6 cards across on large screens.\nSTATIC IMAGE RECOMMENDATION: 1:1 Before\/After composites, 900×900px minimum.\nREVIEW COPY TARGET: roughly 35–55 words each.\nNAME LINE: First name + initial + City, ST.\nMOBILE: 1 large card + next-card peek.\nOPTIONAL FUTURE ADD:\n- If review height becomes uneven, shorten longest review rather than shrinking font.\n--\u003e\n\u003csection class=\"af-section af-static-reviews\"\u003e\n\u003cdiv class=\"af-inner\"\u003e\n\u003cdiv class=\"af-static-review-header\"\u003e\n\u003cdiv class=\"af-static-header-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"af-static-title-box\"\u003e\n\u003cdiv class=\"af-eyebrow\"\u003eCUSTOMER REVIEWS\u003c\/div\u003e\n\u003ch2\u003eHEAR FROM OUR RECENT CUSTOMERS\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-tabs\" role=\"tablist\" aria-label=\"Customer review groups\"\u003e\n\u003cbutton class=\"af-static-tab active\" type=\"button\" role=\"tab\" aria-selected=\"true\" aria-controls=\"af-men-results\" id=\"af-tab-men\" data-target=\"af-men-results\"\u003eMEN’S RESULTS\u003c\/button\u003e\n\u003cbutton class=\"af-static-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"af-women-results\" id=\"af-tab-women\" data-target=\"af-women-results\"\u003eWOMEN’S RESULTS\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-panes\"\u003e\n\u003cdiv class=\"af-static-review-pane\" id=\"af-women-results\" role=\"tabpanel\" aria-labelledby=\"af-tab-women\"\u003e\n\u003cdiv class=\"af-static-review-viewport\"\u003e\n\u003cdiv class=\"af-static-review-track\"\u003e\n\u003carticle class=\"af-static-review-card\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Skin_condition_before_after_comp__202608251641.webp?v=1787652082');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cdiv class=\"af-static-review-image-note\"\u003e\n\u003cstrong\u003ePASTE WOMEN IMAGE 1\u003c\/strong\u003e\u003cspan\u003eStatic Before \/ After\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“I bought it mainly for the tiny dark follicles and rough texture on my legs. With regular use, the skin feels smoother and the strawberry-skin look is much less noticeable.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eOlivia R., San Diego, CA\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_Image_16_46_05_25_thg_8_2026.webp?v=1787652081');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cdiv class=\"af-static-review-image-note\"\u003e\n\u003cstrong\u003ePASTE WOMEN IMAGE 2\u003c\/strong\u003e\u003cspan\u003eStatic Before \/ After\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“I kept getting small raised bumps around my shoulders after shaving and friction from tight clothes. After using this consistently, the area feels smoother and I’m seeing fewer noticeable bumps.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eAshley P., Atlanta, GA\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Editing_chest_acne_comparison_image_202608251659.webp?v=1787652083');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cdiv class=\"af-static-review-image-note\"\u003e\n\u003cstrong\u003ePASTE WOMEN IMAGE 3\u003c\/strong\u003e\u003cspan\u003eStatic Before \/ After\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“My upper chest used to get red and bumpy, especially after heat and sweating. After a few weeks, the area looks calmer and smoother, and the routine is simple enough to keep using.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eMegan C., Seattle, WA\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card is-placeholder\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Screenshot_2.webp?v=1787908338');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“I like keeping this in my shower because it feels easy and straightforward to use. The gel lathers well, rinses clean, and the scent is light and fresh without being too strong.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eLauren S., Tampa, FL\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card is-placeholder\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Editing_before_and_after_image_202608281605.webp?v=1787908337');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“I used this on the small bumps around my upper arm and underarm area. With regular use, the rough texture looks smoother, the redness has calmed down, and the area feels much less noticeable.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eLinh N., San Jose, CA\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card is-placeholder\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Editing_before_and_after_image_202608281607.webp?v=1787908338');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“I used it on the bumps along my butt and upper thighs where heat and friction usually make things worse. After staying consistent, the skin looks calmer, smoother, and the dark marks are much less obvious.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eBrianna M., Charlotte, NC\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-pane active\" id=\"af-men-results\" role=\"tabpanel\" aria-labelledby=\"af-tab-men\"\u003e\n\u003cdiv class=\"af-static-review-viewport\"\u003e\n\u003cdiv class=\"af-static-review-track\"\u003e\n\u003carticle class=\"af-static-review-card\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Editing_image_removing_text_4K_202608251622.webp?v=1787652081');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cdiv class=\"af-static-review-image-note\"\u003e\n\u003cstrong\u003ePASTE MEN IMAGE 1\u003c\/strong\u003e\u003cspan\u003eStatic Before \/ After\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“My back used to break out after workouts, especially across my shoulders. After using the shower gel consistently, the redness looks calmer, the bumps are less noticeable, and my skin feels smoother.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eJason M., Austin, TX\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Screenshot_6.jpg?v=1787906835');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“The packaging arrived in good shape, and I liked the gel texture right away. It feels clear and lightweight, lathers easily, and rinses clean without leaving a sticky film. The scent is mild and fresh, not strong or overpowering.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eEric H., San Jose, CA\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Editing_skin_condition_collage_i__202608251630.webp?v=1787652081');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cdiv class=\"af-static-review-image-note\"\u003e\n\u003cstrong\u003ePASTE MEN IMAGE 2\u003c\/strong\u003e\u003cspan\u003eStatic Before \/ After\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“My chest and upper body used to get red, rough and irritated after sweating. With regular use, the breakouts look calmer and my skin feels much cleaner and smoother.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eMark T., Denver, CO\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Acne_before_and_after_comparison_202608251652.webp?v=1787652082');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cdiv class=\"af-static-review-image-note\"\u003e\n\u003cstrong\u003ePASTE MEN IMAGE 3\u003c\/strong\u003e\u003cspan\u003eStatic Before \/ After\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“Regular body wash never did much for the red bumps on my back. ABERA feels more targeted, and after staying consistent with it my skin looks calmer and less inflamed.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eDaniel K., Chicago, IL\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_Image_15_44_50_28_thg_8_2026.jpg?v=1787906835');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“I sit for long hours most days, and the back of my thighs would get covered in small red bumps from heat and friction. After using this consistently, the area looks much calmer, feels smoother, and the bumps are far less noticeable.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eKevin B., Miami, FL\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/omar_full_front_ba_-_no_text_1.webp?v=1787906833');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“My chest used to have a lot of red, uneven-looking bumps that were hard to ignore. With consistent use, the area looks noticeably calmer and smoother, and the overall texture looks much more even than before.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eNoah P., Dallas, TX\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n03 — BEFORE \/ AFTER RESULTS\nExisting Folliculitis assets reused.\n========================================================= --\u003e\n\u003c!--\nABCD_04_VISUAL_RESULTS_FRAME\nDESKTOP: 4 equal proof cards.\nIMAGE RECOMMENDATION: 1:1, minimum 1000×1000px.\nCARD TEXT TARGET:\n- Tag: 1 short phrase\n- Title: 2–5 words\n- Description: 12–22 words\nDo not add more than 4 cards unless converting desktop to a carousel.\n--\u003e\n\u003csection class=\"af-section af-results\"\u003e\n\u003cdiv class=\"af-inner\"\u003e\n\u003cdiv class=\"af-section-header af-center\"\u003e\n\u003cdiv class=\"af-eyebrow\"\u003eVISIBLE RESULTS\u003c\/div\u003e\n\u003ch2\u003eSEE THE DIFFERENCE.\u003c\/h2\u003e\n\u003cp class=\"af-section-note\"\u003eBefore-and-after visuals across common body concerns.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-results-track\"\u003e\n\u003carticle class=\"af-result-card\"\u003e\n\u003cdiv class=\"af-result-image\"\u003e\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=\"ABERA Folliculitis Shower Gel result - BACK ACNE \u0026amp; FOLLICULITIS\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"af-result-content\"\u003e\n\u003cdiv class=\"af-result-tag\"\u003eBACK\u003c\/div\u003e\n\u003ch3\u003eBACK ACNE \u0026amp; FOLLICULITIS\u003c\/h3\u003e\n\u003cp\u003eHelps visibly reduce stubborn follicular bumps, redness and congested-looking back skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-result-card\"\u003e\n\u003cdiv class=\"af-result-image\"\u003e\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\" alt=\"ABERA Folliculitis Shower Gel result - BODY BREAKOUTS\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"af-result-content\"\u003e\n\u003cdiv class=\"af-result-tag\"\u003eCHEST + SHOULDERS\u003c\/div\u003e\n\u003ch3\u003eBODY BREAKOUTS\u003c\/h3\u003e\n\u003cp\u003eTargets clogged follicles and helps calm red, uneven-looking chest and shoulder skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-result-card\"\u003e\n\u003cdiv class=\"af-result-image\"\u003e\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=\"ABERA Folliculitis Shower Gel result - STRAWBERRY SKIN \/ KP\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"af-result-content\"\u003e\n\u003cdiv class=\"af-result-tag\"\u003eROUGH TEXTURE\u003c\/div\u003e\n\u003ch3\u003eSTRAWBERRY SKIN \/ KP\u003c\/h3\u003e\n\u003cp\u003eHelps refine clogged-looking follicles and restore smoother, more even-looking body skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-result-card\"\u003e\n\u003cdiv class=\"af-result-image\"\u003e\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=\"ABERA Folliculitis Shower Gel result - INGROWN HAIRS \u0026amp; BUMPS\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"af-result-content\"\u003e\n\u003cdiv class=\"af-result-tag\"\u003eRECURRING BUMPS\u003c\/div\u003e\n\u003ch3\u003eINGROWN HAIRS \u0026amp; BUMPS\u003c\/h3\u003e\n\u003cp\u003eHelps keep follicles clearer and reduce the look of bumps linked to shaving and friction.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"af-results-dots\" aria-label=\"Results carousel navigation\"\u003e\n \u003cbutton class=\"af-results-dot active\" type=\"button\" aria-label=\"Result 1\"\u003e\u003c\/button\u003e\n \u003cbutton class=\"af-results-dot\" type=\"button\" aria-label=\"Result 2\"\u003e\u003c\/button\u003e\n \u003cbutton class=\"af-results-dot\" type=\"button\" aria-label=\"Result 3\"\u003e\u003c\/button\u003e\n \u003cbutton class=\"af-results-dot\" type=\"button\" aria-label=\"Result 4\"\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n04 — HOW TO USE\nCurrent shower application image reused.\nOPTIONAL LATER:\nReplace this image with a square 1:1 shower demo video.\n========================================================= --\u003e\n\u003c!--\nABCD_05_HOW_TO_FRAME\nDESKTOP: near 50\/50 image-copy split.\nIMAGE RECOMMENDATION: square 1:1, minimum 1200×1200px.\nTEXT TARGET:\n- 3 usage steps\n- Each step explanation ≈ 8–18 words\n- 1 short caution\/tip\nOPTIONAL FUTURE ADD:\n- One tiny sensory line can be added after the steps if needed (fresh \/ clean post-shower feel), max 12–18 words.\n--\u003e\n\u003csection class=\"af-section af-howto\"\u003e\n\u003cdiv class=\"af-inner\"\u003e\n\u003cdiv class=\"af-howto-wrap\"\u003e\n\u003cdiv class=\"af-howto-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Thi_t_k_csah_a_co_ten_0a568b2e-584d-498d-acd6-654aa5bbd038.webp?v=1787764716\" alt=\"Applying ABERA Folliculitis Shower Gel in the shower\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"af-howto-content\"\u003e\n\u003cdiv class=\"af-eyebrow\"\u003eSIMPLE DAILY ROUTINE\u003c\/div\u003e\n\u003ch2\u003eHOW TO USE\u003c\/h2\u003e\n\u003cdiv class=\"af-howto-steps\"\u003e\n\u003cdiv class=\"af-howto-step\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eWET \u0026amp; LATHER\u003c\/strong\u003e\n\u003cp\u003eApply to wet skin and lather over problem-prone areas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-howto-step\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eMASSAGE FOR 60–120 SECONDS\u003c\/strong\u003e\n\u003cp\u003eMassage gently over the back, chest, shoulders or other bump-prone areas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-howto-step\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRINSE\u003c\/strong\u003e\n\u003cp\u003eRinse thoroughly with lukewarm water and use consistently.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"af-howto-feel\"\u003e\n \u003cstrong\u003ePOST-SHOWER FEEL:\u003c\/strong\u003e\n Clean, fresh and comfortable — without the tight, over-scrubbed feel.\n\u003c\/div\u003e\n\n\u003cdiv class=\"af-howto-note\"\u003e\n\u003cstrong\u003eTIP:\u003c\/strong\u003e Avoid very hot water and aggressive scrubbing, which can leave irritated skin feeling drier or more uncomfortable.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-trust-strip\"\u003e\n\u003cdiv class=\"af-trust-item\"\u003e\n\u003cdiv class=\"af-trust-icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/17_4b584ed0-a5a0-4e05-b5ed-941e0659119d.webp?v=1786634004\" alt=\"No animal testing\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cspan\u003eNO ANIMAL\u003cbr\u003eTESTING\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-trust-item\"\u003e\n\u003cdiv class=\"af-trust-icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/18_2b9950f9-1de2-4435-840f-a2788bc79db5.webp?v=1786634004\" alt=\"Dermatologically tested\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cspan\u003eDERMATOLOGICALLY\u003cbr\u003eTESTED\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-trust-item\"\u003e\n\u003cdiv class=\"af-trust-icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/19_f1ab1d79-53db-49a0-93ac-390f9f40fc7a.webp?v=1786634004\" alt=\"Paraben free\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cspan\u003ePARABEN FREE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-trust-item\"\u003e\n\u003cdiv class=\"af-trust-icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/20_7f253aec-af5d-4f7a-8873-03ad4bf71af2.webp?v=1786634004\" alt=\"Silicone free\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cspan\u003eSILICONE FREE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n05 — COMPLETE BODY BREAKOUT ROUTINE — POLAR-STYLE V2\n\nLAYOUT:\n1) Keep lifestyle image\n2) Main title only\n3) Two product panels\n4) Four large white comparison cards\n5) One red CTA only\n\nPRODUCT IMAGE URLS TO PASTE:\n- PASTE_SHOWER_GEL_PRODUCT_IMAGE_URL\n- PASTE_BHA_SPRAY_PRODUCT_IMAGE_URL\n========================================================= --\u003e\n\u003csection class=\"af-section af-routine-polar-v2\"\u003e\n \u003cdiv class=\"af-inner\"\u003e\n\n \u003c!-- LIFESTYLE IMAGE — KEEP --\u003e\n \u003cdiv class=\"af-routine-v2-lifestyle\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_spraying_back_care_product_202608280936.webp?v=1787884807\" alt=\"Male post-shower using ABERA BHA Back Acne Spray with ABERA Folliculitis Shower Gel nearby\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"af-routine-v2-header\"\u003e\n \u003cdiv class=\"af-eyebrow\"\u003eCOMPLETE BODY BREAKOUT ROUTINE\u003c\/div\u003e\n \u003ch2\u003eCLEANSE IN THE SHOWER.\u003cbr\u003eTARGET THE BACK AFTER.\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"af-routine-v2-compare\"\u003e\n\n \u003c!-- PRODUCT AREA --\u003e\n \u003cdiv class=\"af-routine-v2-products\"\u003e\n\n \u003cdiv class=\"af-routine-v2-product af-routine-v2-gel\"\u003e\n \u003cdiv class=\"af-routine-v2-product-head\"\u003e\n \u003cspan\u003eStep 01\u003c\/span\u003e\n \u003cstrong\u003eFolliculitis Shower Gel\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"af-routine-v2-product-image\"\u003e\n \u003c!-- PASTE SHOWER GEL CUTOUT URL BELOW --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1_m_t_tr_c.webp?v=1787889139\" alt=\"ABERA Folliculitis Shower Gel\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"af-routine-v2-product af-routine-v2-bha\"\u003e\n \u003cdiv class=\"af-routine-v2-product-head\"\u003e\n \u003cspan\u003eStep 02\u003c\/span\u003e\n \u003cstrong\u003eBHA Back Acne Spray\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"af-routine-v2-product-image\"\u003e\n \u003c!-- PASTE BHA SPRAY CUTOUT URL BELOW --\u003e\n \u003cimg class=\"af-routine-v2-bha-cutout\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Chai-BHA.webp?v=1787889139\" alt=\"ABERA BHA Back Acne Spray\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- 4 LARGE POLAR-STYLE CARDS --\u003e\n \u003cdiv class=\"af-routine-v2-cards\"\u003e\n\n \u003cdiv class=\"af-routine-v2-card\"\u003e\n \u003cdiv class=\"af-routine-v2-card-title\"\u003eWHEN TO USE\u003c\/div\u003e\n \u003cdiv class=\"af-routine-v2-card-values\"\u003e\n \u003cdiv\u003e\n\u003cspan class=\"af-v2-check\"\u003e✓\u003c\/span\u003e\u003cstrong\u003eIn shower\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cspan class=\"af-v2-check\"\u003e✓\u003c\/span\u003e\u003cstrong\u003eAfter shower\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"af-routine-v2-card\"\u003e\n \u003cdiv class=\"af-routine-v2-card-title\"\u003eMAIN ROLE\u003c\/div\u003e\n \u003cdiv class=\"af-routine-v2-card-values\"\u003e\n \u003cdiv\u003e\n\u003cspan class=\"af-v2-check\"\u003e✓\u003c\/span\u003e\u003cstrong\u003eDeep cleanse\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cspan class=\"af-v2-check\"\u003e✓\u003c\/span\u003e\u003cstrong\u003e360° spray\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"af-routine-v2-card\"\u003e\n \u003cdiv class=\"af-routine-v2-card-title\"\u003eBREAKOUT CARE\u003c\/div\u003e\n \u003cdiv class=\"af-routine-v2-card-values\"\u003e\n \u003cdiv\u003e\n\u003cspan class=\"af-v2-check\"\u003e✓\u003c\/span\u003e\u003cstrong\u003eClear buildup\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cspan class=\"af-v2-check\"\u003e✓\u003c\/span\u003e\u003cstrong\u003eHelp prevent bumps\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"af-routine-v2-card\"\u003e\n \u003cdiv class=\"af-routine-v2-card-title\"\u003eSKIN FINISH\u003c\/div\u003e\n \u003cdiv class=\"af-routine-v2-card-values\"\u003e\n \u003cdiv\u003e\n\u003cspan class=\"af-v2-check\"\u003e✓\u003c\/span\u003e\u003cstrong\u003eSmooth texture\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cspan class=\"af-v2-check\"\u003e✓\u003c\/span\u003e\u003cstrong\u003eImprove dark marks\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- ONE CTA ONLY --\u003e\n \u003ca class=\"af-routine-v2-cta\" href=\"#abera-product-variant\" data-af-buy-scroll=\"true\"\u003e\n BUY 2 SHOWER GELS \u0026amp; GET 1 BHA SPRAY FREE\n \u003c\/a\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================================================\n06 — KEY INGREDIENTS\n6-card science-led carousel\n\nIMAGE LINKS TO REPLACE LATER:\n- PASTE_GALACTOLYL_SALICYLATE_IMAGE_URL\n- PASTE_MANDELIC_ACID_IMAGE_URL\n- PASTE_NIACINAMIDE_IMAGE_URL\n- PASTE_ALLANTOIN_IMAGE_URL\n\nWild Bitter Melon + Tea Tree Oil images are already inserted.\nUses only ingredients explicitly listed in the supplied INCI.\n========================================================= --\u003e\n\u003c!--\nABCD_06_INGREDIENTS_FRAME\nDESKTOP: ~29% explanation \/ 71% ingredient carousel.\nINGREDIENT IMAGE RECOMMENDATION: 1:1, minimum 900×900px.\nCARD COPY TARGET: 25–38 words per ingredient.\nOPTIONAL FUTURE ADD:\n- If the left intro column looks visually short, add ONE 2-line formula credibility statement below the ingredient list disclosure.\n- Do not add another card just to fill space.\n--\u003e\n\u003csection class=\"af-section af-ingredients\"\u003e\n \u003cdiv class=\"af-inner\"\u003e\n\n \u003cdiv class=\"af-ing-layout\"\u003e\n\n \u003cdiv class=\"af-ing-intro\"\u003e\n \u003cdiv class=\"af-eyebrow\"\u003eTARGETED FORMULA\u003c\/div\u003e\n \u003ch2\u003eWHAT'S INSIDE\u003cbr\u003eAND WHY IT WORKS\u003c\/h2\u003e\n\n \u003cp class=\"af-sub\"\u003e\n A targeted blend of exfoliating acids, soothing actives and botanical extracts\n for folliculitis-prone, breakout-prone body skin.\n \u003c\/p\u003e\n\n \u003cdetails class=\"af-full-ingredients\"\u003e\n \u003csummary\u003eSEE FULL INGREDIENTS\u003c\/summary\u003e\n \u003cp\u003eWater, Cocamidopropyl Betaine, Glycerin, Disodium Cocoyl Glutamate, Sodium Cocoyl Glutamate, Decyl Glucoside, Sodium Lauroyl Ether Sulfate, Coco Diethanolamide, PEG-7 Glyceryl Cocoate, PEG-200 Glyceryl Stearate, Fragrance, Ethylhexylglycerin (and) Phenoxyethanol, PEG-40 Hydrogenated Castor Oil, Disodium EDTA, Melaleuca Alternifolia Essential Oil, Momordica Charantia Extract, Galactolyl Salicylate, Mandelic Acid, Allantoin, Niacinamide.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"af-ing-carousel\"\u003e\n\n \u003cdiv class=\"af-ing-track\"\u003e\n\n \u003carticle class=\"af-ing-card\"\u003e\n \u003cdiv class=\"af-ing-image\"\u003e\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 \u003c\/div\u003e\n \u003cdiv class=\"af-ing-content\"\u003e\n \u003ch3\u003eWILD BITTER MELON\u003c\/h3\u003e\n \u003cp\u003eNaturally rich in bioactive compounds that help soothe visible irritation, support skin purification and keep recurring body bumps looking calmer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"af-ing-card\"\u003e\n \u003cdiv class=\"af-ing-image\"\u003e\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 \u003c\/div\u003e\n \u003cdiv class=\"af-ing-content\"\u003e\n \u003ch3\u003eTEA TREE OIL\u003c\/h3\u003e\n \u003cp\u003eNaturally purifying. Its terpene-rich essential oil helps control surface buildup and keep breakout-prone skin feeling fresher and cleaner.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"af-ing-card\"\u003e\n \u003cdiv class=\"af-ing-image\"\u003e\n \u003c!-- =================================================\n GALACTOLYL SALICYLATE IMAGE\n Replace ONLY the URL below:\n PASTE_GALACTOLYL_SALICYLATE_IMAGE_URL\n ================================================== --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_Image_23_28_15_26_thg_8_2026.webp?v=1787764716\" alt=\"Galactolyl Salicylate\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"af-ing-content\"\u003e\n \u003ch3\u003eGALACTOLYL SALICYLATE\u003c\/h3\u003e\n \u003cp\u003eA salicylate exfoliating active that helps loosen dead-skin buildup around follicles, keeping pores clearer and bumps less congested-looking.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"af-ing-card\"\u003e\n \u003cdiv class=\"af-ing-image\"\u003e\n \u003c!-- =================================================\n MANDELIC ACID IMAGE\n Replace ONLY the URL below:\n PASTE_MANDELIC_ACID_IMAGE_URL\n ================================================== --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_Image_23_31_04_26_thg_8_2026.webp?v=1787764716\" alt=\"Mandelic Acid\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"af-ing-content\"\u003e\n \u003ch3\u003eMANDELIC ACID\u003c\/h3\u003e\n \u003cp\u003eA gentle AHA that loosens bonds between dead surface cells, helping smooth rough texture and refine uneven, bumpy-looking skin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"af-ing-card\"\u003e\n \u003cdiv class=\"af-ing-image\"\u003e\n \u003c!-- =================================================\n NIACINAMIDE IMAGE\n Replace ONLY the URL below:\n PASTE_NIACINAMIDE_IMAGE_URL\n ================================================== --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_Image_23_35_41_26_thg_8_2026.webp?v=1787764716\" alt=\"Niacinamide Vitamin B3\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"af-ing-content\"\u003e\n \u003ch3\u003eNIACINAMIDE\u003c\/h3\u003e\n \u003cp\u003eVitamin B3 that supports the skin barrier and helps balance stressed, uneven-looking skin for a smoother, healthier appearance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"af-ing-card\"\u003e\n \u003cdiv class=\"af-ing-image\"\u003e\n \u003c!-- =================================================\n ALLANTOIN IMAGE\n Replace ONLY the URL below:\n PASTE_ALLANTOIN_IMAGE_URL\n ================================================== --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_Image_23_46_26_26_thg_8_2026.webp?v=1787764716\" alt=\"Allantoin\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"af-ing-content\"\u003e\n \u003ch3\u003eALLANTOIN\u003c\/h3\u003e\n \u003cp\u003eA soothing skin-conditioning active that helps calm discomfort, soften rough areas and support a more comfortable skin surface.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003cbutton class=\"af-ing-arrow af-ing-prev\" type=\"button\" aria-label=\"Previous ingredients\"\u003e‹\u003c\/button\u003e\n \u003cbutton class=\"af-ing-arrow af-ing-next\" type=\"button\" aria-label=\"Next ingredients\"\u003e›\u003c\/button\u003e\n\n \u003cdiv class=\"af-ing-dots\"\u003e\n \u003cbutton class=\"af-ing-dot active\" type=\"button\" aria-label=\"Ingredient 1\"\u003e\u003c\/button\u003e\n \u003cbutton class=\"af-ing-dot\" type=\"button\" aria-label=\"Ingredient 2\"\u003e\u003c\/button\u003e\n \u003cbutton class=\"af-ing-dot\" type=\"button\" aria-label=\"Ingredient 3\"\u003e\u003c\/button\u003e\n \u003cbutton class=\"af-ing-dot\" type=\"button\" aria-label=\"Ingredient 4\"\u003e\u003c\/button\u003e\n \u003cbutton class=\"af-ing-dot\" type=\"button\" aria-label=\"Ingredient 5\"\u003e\u003c\/button\u003e\n \u003cbutton class=\"af-ing-dot\" type=\"button\" aria-label=\"Ingredient 6\"\u003e\u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================================================\n07 — CUSTOMER VIDEOS\n9 existing videos reused + 1 empty slot added for Video 10.\n========================================================= --\u003e\n\u003c!--\nABCD_07_CUSTOMER_VIDEO_FRAME\nDESKTOP: 5 vertical videos per row on large screens.\nVIDEO FORMAT: 9:16, preferably 1080×1920.\nTarget total: 10 videos = 2 clean rows.\nMOBILE: carousel.\nVIDEO 10 is intentionally left as a replacement slot until a real Shopify MP4 is supplied.\n--\u003e\n\u003csection class=\"af-section af-videos\"\u003e\n\u003cdiv class=\"af-inner\"\u003e\n\u003cdiv class=\"af-eyebrow\"\u003eCUSTOMER VIDEOS\u003c\/div\u003e\n\u003ch2\u003eREAL ROUTINES.\u003cbr\u003eREAL CUSTOMERS.\u003c\/h2\u003e\n\u003cdiv class=\"af-video-carousel-shell\"\u003e\n\u003cbutton class=\"af-video-arrow af-video-prev\" type=\"button\" aria-label=\"Previous customer video\"\u003e‹\u003c\/button\u003e\n\u003cdiv class=\"af-videos-track\"\u003e\n\u003carticle class=\"af-video-item\"\u003e\n\u003cdiv class=\"af-video-wrap\"\u003e\u003cvideo class=\"af-customer-video\" controls=\"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\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-video-item\"\u003e\n\u003cdiv class=\"af-video-wrap\"\u003e\u003cvideo class=\"af-customer-video\" controls=\"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\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-video-item\"\u003e\n\u003cdiv class=\"af-video-wrap\"\u003e\u003cvideo class=\"af-customer-video\" controls=\"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\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-video-item\"\u003e\n\u003cdiv class=\"af-video-wrap\"\u003e\u003cvideo class=\"af-customer-video\" controls=\"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\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-video-item\"\u003e\n\u003cdiv class=\"af-video-wrap\"\u003e\u003cvideo class=\"af-customer-video\" controls=\"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\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-video-item\"\u003e\n\u003cdiv class=\"af-video-wrap\"\u003e\u003cvideo class=\"af-customer-video\" controls=\"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\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-video-item\"\u003e\n\u003cdiv class=\"af-video-wrap\"\u003e\u003cvideo class=\"af-customer-video\" controls=\"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\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-video-item\"\u003e\n\u003cdiv class=\"af-video-wrap\"\u003e\u003cvideo class=\"af-customer-video\" controls=\"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\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-video-item\"\u003e\n\u003cdiv class=\"af-video-wrap\"\u003e\u003cvideo class=\"af-customer-video\" controls=\"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\u003c\/div\u003e\n\u003c\/article\u003e\n\n\u003c!-- =================================================\n CUSTOMER VIDEO 10\n Replace this placeholder with:\n\n \u003cvideo class=\"af-customer-video\" controls playsinline preload=\"metadata\"\u003e\n \u003csource src=\"PASTE_CUSTOMER_VIDEO_10_URL#t=0.12\" type=\"video\/mp4\"\u003e\n \u003c\/video\u003e\n================================================== --\u003e\n\u003carticle class=\"af-video-item\"\u003e\n \u003cdiv class=\"af-video-wrap\"\u003e\n \u003cvideo class=\"af-customer-video\" controls playsinline preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e3fe2950783542deae158c2c5e6411a2.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\u003cbutton class=\"af-video-arrow af-video-next\" type=\"button\" aria-label=\"Next customer video\"\u003e›\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-video-dots\"\u003e\n\u003cbutton class=\"af-dot active\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-dot\" type=\"button\"\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n08 — QUALITY DOCUMENTATION\nExisting documentation images reused.\n========================================================= --\u003e\n\u003c!--\nABCD_09_DOCUMENTATION_FRAME\nKeep deliberately narrower than selling sections.\nDOCUMENT IMAGE: portrait \/ scanned document, 4:5 preferred.\nNo extra paragraph required unless the section feels unclear; credibility should stay compact.\n--\u003e\n\u003csection class=\"af-section af-docs\"\u003e\n\u003cdiv class=\"af-inner af-narrow\"\u003e\n\u003cdiv class=\"af-center\"\u003e\n\u003cdiv class=\"af-eyebrow\"\u003eQUALITY \u0026amp; SAFETY DOCUMENTATION\u003c\/div\u003e\n\u003ch2\u003eDOCUMENTED QUALITY.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-doc-grid\"\u003e\n\u003carticle class=\"af-doc-card\"\u003e\n\u003cdiv class=\"af-doc-image\" role=\"button\" tabindex=\"0\" aria-label=\"Enlarge manufacturing and quality documentation\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA.jpg?v=1786441226\" alt=\"ABERA manufacturing and quality documentation\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"af-doc-label\"\u003eMANUFACTURING \u0026amp; QUALITY STANDARDS\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-doc-card\"\u003e\n\u003cdiv class=\"af-doc-image\" role=\"button\" tabindex=\"0\" aria-label=\"Enlarge product and safety documentation\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA_2.jpg?v=1786441227\" alt=\"ABERA product and safety documentation\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"af-doc-label\"\u003ePRODUCT \u0026amp; SAFETY DOCUMENTATION\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"af-doc-lightbox\" aria-hidden=\"true\"\u003e\n \u003cbutton class=\"af-doc-lightbox-close\" type=\"button\" aria-label=\"Close enlarged document\"\u003e×\u003c\/button\u003e\n \u003cimg class=\"af-doc-lightbox-image\" src=\"\" alt=\"Enlarged ABERA quality documentation\"\u003e\n\u003c\/div\u003e\n\n\u003c!-- =========================================================\n09 — FINAL MESSAGE\nNo image needed.\n========================================================= --\u003e\n\u003c!--\nABCD_10_FINAL_CTA_FRAME\nNarrow centered close.\nTEXT TARGET:\n- Headline max 2 lines\n- Supporting copy 15–28 words\n- 1 CTA only\nNo extra image needed.\n--\u003e\n\u003csection class=\"af-section af-final\"\u003e\n\u003cdiv class=\"af-inner\"\u003e\n\u003cdiv class=\"af-eyebrow\"\u003eABERA FOLLICULITIS SHOWER GEL\u003c\/div\u003e\n\u003ch2\u003eCLEARER BODY SKIN\u003cbr\u003eSTARTS IN THE SHOWER.\u003c\/h2\u003e\n\u003cp\u003eWild Bitter Melon + targeted exfoliating body care for skin prone to recurring bumps, clogged-looking follicles and rough texture.\u003c\/p\u003e\n\u003ca class=\"af-btn\" href=\"#abera-product-variant\" data-af-buy-scroll=\"true\"\u003eSHOP ABERA FOLLICULITIS SHOWER GEL\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n10 — FAQ\n========================================================= --\u003e\n\u003c!--\nABCD_11_FAQ_FRAME\nKeep max width ≈ 1100px.\nIdeal: 6–8 questions total.\nAnswer target: 25–55 words.\nDo not widen FAQ to the full page.\n--\u003e\n\u003csection class=\"af-section af-faq\"\u003e\n\u003cdiv class=\"af-inner\"\u003e\n\u003ch2\u003eFOLLICULITIS FAQ\u003c\/h2\u003e\n\u003cdiv class=\"af-faq-list\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat is ABERA Folliculitis Shower Gel used for?\u003c\/summary\u003e\n\u003cp\u003eABERA is designed for folliculitis-prone skin, recurring body bumps, back and chest acne, ingrown hairs, strawberry skin and rough follicular texture.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow does Wild Bitter Melon fit into the formula?\u003c\/summary\u003e\n\u003cp\u003eWild Bitter Melon is ABERA's signature botanical and works alongside Tea Tree Oil, Galactolyl Salicylate, Mandelic Acid, Niacinamide and Allantoin in the targeted body-care formula.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan I use it on my back, chest and shoulders?\u003c\/summary\u003e\n\u003cp\u003eYes. It is designed for common problem-prone body areas including the back, chest, shoulders, arms, thighs and butt.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow long should I massage it on the skin?\u003c\/summary\u003e\n\u003cp\u003eMassage over problem-prone areas for approximately 60–120 seconds before rinsing thoroughly.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow often should I use it?\u003c\/summary\u003e\n\u003cp\u003eUse it consistently as part of your normal shower routine. Adjust frequency if your skin becomes dry or uncomfortable.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan I use it after working out?\u003c\/summary\u003e\n\u003cp\u003eYes. Showering after heavy sweating can help remove sweat, excess oil and daily buildup from problem-prone body areas.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow do I use the BHA spray with the body wash?\u003c\/summary\u003e\n\u003cp\u003eCleanse and rinse with the shower gel first. Once the skin is dry, apply the BHA spray to hard-to-reach or stubborn body-bump areas according to the spray's directions.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function(){\n const root = document.getElementById('abera-folliculitis-v2');\n if (!root) return;\n\n function initCarousel(options){\n const track = root.querySelector(options.track);\n if (!track) return;\n\n const items = Array.from(track.querySelectorAll(options.item));\n const dots = Array.from(root.querySelectorAll(options.dot));\n if (!items.length || !dots.length) return;\n\n const prev = options.prev ? root.querySelector(options.prev) : null;\n const next = options.next ? root.querySelector(options.next) : null;\n\n function gapSize(){\n const style = getComputedStyle(track);\n return parseFloat(style.gap || style.columnGap || '0') || 0;\n }\n\n function step(){\n if (!items[0]) return track.clientWidth;\n return items[0].getBoundingClientRect().width + gapSize();\n }\n\n function activeIndex(){\n const s = step();\n if (!s) return 0;\n return Math.max(\n 0,\n Math.min(items.length - 1, Math.round(track.scrollLeft \/ s))\n );\n }\n\n function update(){\n const idx = activeIndex();\n\n dots.forEach(function(dot, i){\n dot.classList.toggle('active', i === idx);\n dot.setAttribute('aria-current', i === idx ? 'true' : 'false');\n });\n\n if (prev) prev.disabled = track.scrollLeft \u003c= 3;\n\n if (next){\n const max = track.scrollWidth - track.clientWidth;\n next.disabled = track.scrollLeft \u003e= max - 3;\n }\n }\n\n dots.forEach(function(dot, i){\n dot.addEventListener('click', function(){\n track.scrollTo({\n left: step() * i,\n behavior:'smooth'\n });\n });\n });\n\n if (prev){\n prev.addEventListener('click', function(){\n track.scrollBy({\n left:-step(),\n behavior:'smooth'\n });\n });\n }\n\n if (next){\n next.addEventListener('click', function(){\n track.scrollBy({\n left:step(),\n behavior:'smooth'\n });\n });\n }\n\n let timer;\n track.addEventListener('scroll', function(){\n clearTimeout(timer);\n timer = setTimeout(update, 45);\n }, {passive:true});\n\n window.addEventListener('resize', update);\n update();\n }\n\n \/* Recent customer reviews now use gender tabs + native swipe on mobile *\/\n\n \/* Before \/ after result cards — mobile carousel *\/\n initCarousel({\n track:'.af-results-track',\n item:'.af-result-card',\n dot:'.af-results-dot'\n });\n\n \/* 6 key ingredients — desktop + mobile carousel *\/\n initCarousel({\n track:'.af-ing-track',\n item:'.af-ing-card',\n dot:'.af-ing-dot',\n prev:'.af-ing-prev',\n next:'.af-ing-next'\n });\n\n \/* Customer videos — desktop 5-up carousel + mobile swipe carousel *\/\n initCarousel({\n track:'.af-videos-track',\n item:'.af-video-item',\n dot:'.af-video-dots .af-dot',\n prev:'.af-video-prev',\n next:'.af-video-next'\n });\n\n\n \/* Documentation lightbox *\/\n const docLightbox = root.querySelector('.af-doc-lightbox');\n const docLightboxImage = root.querySelector('.af-doc-lightbox-image');\n const docLightboxClose = root.querySelector('.af-doc-lightbox-close');\n const docTriggers = Array.from(root.querySelectorAll('.af-doc-image'));\n\n function openDocLightbox(trigger){\n if (!docLightbox || !docLightboxImage) return;\n const img = trigger.querySelector('img');\n if (!img) return;\n\n docLightboxImage.src = img.currentSrc || img.src;\n docLightboxImage.alt = img.alt || 'ABERA quality documentation';\n docLightbox.classList.add('is-open');\n docLightbox.setAttribute('aria-hidden','false');\n document.documentElement.style.overflow = 'hidden';\n }\n\n function closeDocLightbox(){\n if (!docLightbox) return;\n docLightbox.classList.remove('is-open');\n docLightbox.setAttribute('aria-hidden','true');\n document.documentElement.style.overflow = '';\n }\n\n docTriggers.forEach(function(trigger){\n trigger.addEventListener('click', function(){\n openDocLightbox(trigger);\n });\n\n trigger.addEventListener('keydown', function(event){\n if (event.key === 'Enter' || event.key === ' '){\n event.preventDefault();\n openDocLightbox(trigger);\n }\n });\n });\n\n if (docLightboxClose){\n docLightboxClose.addEventListener('click', closeDocLightbox);\n }\n\n if (docLightbox){\n docLightbox.addEventListener('click', function(event){\n if (event.target === docLightbox) closeDocLightbox();\n });\n }\n\n document.addEventListener('keydown', function(event){\n if (event.key === 'Escape' \u0026\u0026 docLightbox \u0026\u0026 docLightbox.classList.contains('is-open')){\n closeDocLightbox();\n }\n });\n\n \/* -------------------------------------------------------\n CTA → SHOPIFY PURCHASE AREA\n Works on desktop + mobile.\n Tries several common Shopify product selectors, then\n falls back to the top product area \/ page top.\n ------------------------------------------------------- *\/\n const buyButtons = Array.from(\n root.querySelectorAll('[data-af-buy-scroll=\"true\"]')\n );\n\n function findPurchaseTarget(){\n const selectors = [\n '#abera-product-variant',\n '[id^=\"ProductInfo-\"]',\n '[id*=\"ProductInfo-\"]',\n '.product__info-container',\n '.product-form',\n 'form[action*=\"\/cart\/add\"]',\n '[data-product-form]',\n '.product__info-wrapper',\n '.product'\n ];\n\n for (const selector of selectors){\n const node = document.querySelector(selector);\n if (node \u0026\u0026 !root.contains(node)){\n return node;\n }\n }\n\n \/* If a matching element is inside this custom section, do not\n scroll back into the content section; use the top of page instead. *\/\n return null;\n }\n\n function scrollToPurchaseArea(event){\n event.preventDefault();\n\n const target = findPurchaseTarget();\n const header =\n document.querySelector('sticky-header') ||\n document.querySelector('.header-wrapper') ||\n document.querySelector('header');\n\n const headerHeight = header\n ? Math.min(header.getBoundingClientRect().height || 0, 140)\n : 0;\n\n if (target){\n const rect = target.getBoundingClientRect();\n const targetTop =\n window.pageYOffset +\n rect.top -\n headerHeight -\n 24;\n\n window.scrollTo({\n top: Math.max(0, targetTop),\n behavior:'smooth'\n });\n\n \/* Update URL hash without triggering a second jump. *\/\n try{\n history.replaceState(null, '', '#abera-product-variant');\n }catch(e){}\n } else {\n \/* Safe fallback: product purchase area is normally above\n the custom landing-page content. *\/\n window.scrollTo({\n top:0,\n behavior:'smooth'\n });\n }\n }\n\n buyButtons.forEach(function(button){\n button.addEventListener('click', scrollToPurchaseArea);\n });\n\n\n \/* Gender review tabs *\/\n (function(){\n const tabs = Array.from(root.querySelectorAll('.af-static-tab'));\n const panes = Array.from(root.querySelectorAll('.af-static-review-pane'));\n if (!tabs.length || !panes.length) return;\n\n function activate(targetId){\n tabs.forEach(function(tab){\n const active = tab.dataset.target === targetId;\n tab.classList.toggle('active', active);\n tab.setAttribute('aria-selected', active ? 'true' : 'false');\n });\n panes.forEach(function(pane){\n const active = pane.id === targetId;\n pane.classList.toggle('active', active);\n if (active){\n const track = pane.querySelector('.af-static-review-track');\n if (track) track.scrollLeft = 0;\n }\n });\n }\n\n tabs.forEach(function(tab){\n tab.addEventListener('click', function(){\n activate(tab.dataset.target);\n });\n });\n })();\n\n})();\n\u003c\/script\u003e\n\n\n\u003cscript\u003e\n(function(){\n const root = document.getElementById('abera-folliculitis-v2');\n if (!root) return;\n\n const ingredientTrack = root.querySelector('.af-ing-track');\n if (!ingredientTrack) return;\n\n function resetIngredientStart(){\n if (window.matchMedia('(max-width:749px)').matches){\n ingredientTrack.scrollLeft = 0;\n }\n }\n\n resetIngredientStart();\n requestAnimationFrame(resetIngredientStart);\n\n window.addEventListener('pageshow', resetIngredientStart);\n})();\n\u003c\/script\u003e\n\n\u003cp\u003e \u003c\/p\u003e","brand":"ABERA US","offers":[{"title":"1 BOX","offer_id":53838772011376,"sku":"CB-GTABERA087+SL1","price":34.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":67.95,"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":72.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"},{"product_id":"abera-maximum-strength-nail-repair-serum","title":"Abera Maximum Strength Nail Repair Serum","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e𝐃𝐮𝐚𝐥-𝐀𝐜𝐭𝐢𝐨𝐧 𝐑𝐞𝐬𝐭𝐨𝐫𝐚𝐭𝐢𝐨𝐧: Combines nourishment and repair to target multiple nail issues.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e𝐈𝐧𝐭𝐞𝐧𝐬𝐢𝐯𝐞 𝐍𝐮𝐭𝐫𝐢𝐞𝐧𝐭 𝐃𝐞𝐥𝐢𝐯𝐞𝐫𝐲: Strengthens weak nails while removing stains and discoloration.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e𝐒𝐮𝐩𝐩𝐨𝐫𝐭𝐬 𝐍𝐚𝐭𝐮𝐫𝐚𝐥 𝐆𝐫𝐨𝐰𝐭𝐡: Encourages healthy nail development and prevents deformities.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e𝐏𝐫𝐞𝐦𝐢𝐮𝐦 𝐅𝐨𝐫𝐦𝐮𝐥𝐚𝐭𝐢𝐨𝐧: Lightweight drops absorb quickly for maximum comfort and effectiveness.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\n\u003cspan class=\"a-list-item\"\u003e𝐂𝐡𝐨𝐨𝐬𝐞 𝐀𝐛𝐞𝐫𝐚 𝐂𝐨𝐦𝐛𝐨 𝐏𝐫𝐞𝐦𝐢𝐮𝐦: for a versatile solution that promotes healthy, resilient, and flawless nails every day.\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan class=\"a-list-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/dab53bd5-8a84-49cf-b5d9-e2aa0008b092.__CR0_0_1959_803_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/406097ed-2bc5-40ce-a65b-14cb00f2e4ed.__CR0_0_1959_803_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/beafa611-c9f2-4d5b-a212-ec0cbf3e0050.__CR0_0_1464_600_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/7590cbe2-0f2f-4d0a-a0f5-966214bd0220.__CR0_0_1958_802_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/f5609854-8fe6-4024-9262-b3ee27ba639c.__CR0_1_1957_802_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/16dc8048-5e0f-4a4d-a2e1-95ec9203b068.__CR0_80_1774_727_PT0_SX1464_V1.webp?v=1787212518\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/p\u003e","brand":"Abera","offers":[{"title":"Set 1 Box","offer_id":54199174168944,"sku":"NAILFG048","price":29.95,"currency_code":"USD","in_stock":true},{"title":"Set 2 Boxes","offer_id":54199174201712,"sku":"NAILFG048+SL2","price":49.95,"currency_code":"USD","in_stock":true},{"title":"Set 3 Boxes","offer_id":54199214014832,"sku":"NAILFG048+SL3","price":69.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/61D6NZyBgsL._SL1500.webp?v=1787212519"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/collections\/bodycare.webp?v=1788583362","url":"https:\/\/www.dasuho.com\/collections\/body-care.oembed","provider":"DASUHO","version":"1.0","type":"link"}