{"title":"Men's Care","description":"","products":[{"product_id":"abera-men-retinol-serum","title":"ABERA Men Retinol Serum, The 6-in-1 Anti-aging Serum for Men","description":"\u003cstyle\u003e\n .abera-description {\n --abera-black: #111111;\n --abera-text: #222222;\n --abera-muted: #666666;\n --abera-beige: #f5f1e9;\n --abera-border: #dedbd5;\n\n width: 100%;\n background: #ffffff;\n color: var(--abera-text);\n font-family: inherit;\n padding: 20px 10px;\n box-sizing: border-box;\n }\n\n .abera-description * {\n box-sizing: border-box;\n }\n\n .abera-description__inner {\n max-width: none;\n margin: 0 auto;\n text-align: center;\n }\n\n .abera-description__eyebrow {\n display: inline-block;\n margin-bottom: 14px;\n padding: 7px 13px;\n border-radius: 999px;\n background: var(--abera-beige);\n color: var(--abera-black);\n font-size: 16px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1.3px;\n text-transform: uppercase;\n }\n\n .abera-description__title {\n max-width: none;\n margin: 0 auto 26px;\n color: var(--abera-black);\n font-size: clamp(20px, 3vw, 30px);\n line-height: 1.2;\n letter-spacing: 0px;\n font-weight: 700;\n }\n\n .abera-description__text {\n max-width: none;\n margin: 0 auto;\n color: var(--abera-muted);\n font-size: 17px;\n line-height: 1.5;\n }\n\n .abera-description__text strong {\n color: var(--abera-black);\n font-weight: 600;\n }\n\n .abera-description__benefits {\n max-width: none;\n margin: 20px auto 0;\n padding-top: 26px;\n border-top: 1px solid var(--abera-border);\n\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 10px 22px;\n }\n\n .abera-description__benefit {\n position: relative;\n padding-left: 18px;\n color: var(--abera-black);\n font-size: 14px;\n font-weight: 700;\n }\n\n .abera-description__benefit::before {\n content: \"✓\";\n position: absolute;\n left: 0;\n top: 0;\n font-weight: 800;\n }\n\n @media screen and (max-width: 749px) {\n .abera-description {\n padding: 20px 10px;\n }\n\n .abera-description__eyebrow {\n margin-bottom: 12px;\n font-size: 14px;\n letter-spacing: 1px;\n }\n\n .abera-description__title {\n margin-bottom: 14px;\n font-size: 20px;\n line-height: 1.3;\n letter-spacing: 0px;\n }\n\n .abera-description__text {\n font-size: 16px;\n line-height: 1.5;\n }\n\n .abera-description__benefits {\n margin-top: 15px;\n padding-top: 15px;\n gap: 15px 20px;\n }\n\n .abera-description__benefit {\n font-size: 15px;\n }\n\n }\n\u003c\/style\u003e\n\u003csection class=\"abera-description\"\u003e\n\u003cdiv class=\"abera-description__inner\"\u003e\n\u003cdiv class=\"abera-description__eyebrow\"\u003eMen's Anti-Aging Serum\u003c\/div\u003e\n\u003ch2 class=\"abera-description__title\"\u003e0.1% RETINOL. MADE FOR MEN 30+.\u003c\/h2\u003e\n\u003cp class=\"abera-description__text\"\u003e\u003cstrong\u003eABERA Men Retinol Serum\u003c\/strong\u003e is a lightweight nightly serum designed to help improve the appearance of \u003cstrong\u003efine lines, wrinkles, dark spots and uneven skin texture\u003c\/strong\u003e without a complicated skincare routine. Powered by \u003cstrong\u003e0.1% Retinol + 5% Niacinamide\u003c\/strong\u003e, it supports smoother, more even and healthier-looking skin with consistent use.\u003c\/p\u003e\n\u003cdiv class=\"abera-description__benefits\"\u003e\n\u003cdiv class=\"abera-description__benefit\"\u003eDERMATOLOGIST TESTED\u003c\/div\u003e\n\u003cdiv class=\"abera-description__benefit\"\u003e0.1% RETINOL\u003c\/div\u003e\n\u003cdiv class=\"abera-description__benefit\"\u003eSILICON FREE\u003c\/div\u003e\n\u003cdiv class=\"abera-description__benefit\"\u003eFOR MEN 30+\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL - CLINICALLY TESTED SECTION\n========================================================= *\/\n\n.abera-clinical-v2 {\n --abera-black: #0d0d0f;\n --abera-black-soft: #171719;\n --abera-white: #ffffff;\n --abera-ivory: #f3eee5;\n --abera-beige: #cfc3b2;\n --abera-muted: rgba(255,255,255,.68);\n --abera-line: rgba(255,255,255,.22);\n\n width: 100%;\n position: relative;\n overflow: hidden;\n\n background:\n radial-gradient(\n circle at 82% 35%,\n rgba(179,157,128,.17) 0%,\n rgba(179,157,128,.04) 26%,\n transparent 48%\n ),\n linear-gradient(\n 110deg,\n #09090b 0%,\n #101012 52%,\n #1d1a17 100%\n );\n\n color: var(--abera-white);\n font-family: inherit;\n}\n\n.abera-clinical-v2 *,\n.abera-clinical-v2 *::before,\n.abera-clinical-v2 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =============================\n MAIN LAYOUT\n============================= *\/\n\n.abera-clinical-v2__inner {\n max-width: 1400px;\n min-height: 650px;\n\n margin: 0 auto;\n\n display: grid;\n grid-template-columns: 58% 42%;\n\n align-items: stretch;\n}\n\n\n\/* =============================\n LEFT CONTENT\n============================= *\/\n\n.abera-clinical-v2__content {\n position: relative;\n z-index: 3;\n\n padding: 76px 35px 68px 60px;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n\n.abera-clinical-v2__eyebrow {\n display: inline-flex;\n align-items: center;\n\n gap: 10px;\n\n margin-bottom: 14px;\n\n color: var(--abera-beige);\n\n font-size: 12px;\n line-height: 1;\n font-weight: 700;\n\n letter-spacing: 1.8px;\n text-transform: uppercase;\n}\n\n\n.abera-clinical-v2__eyebrow::before {\n content: \"\";\n\n width: 28px;\n height: 1px;\n\n background: var(--abera-beige);\n}\n\n\n.abera-clinical-v2__title {\n max-width: 820px;\n\n margin: 0;\n\n color: var(--abera-white);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.06;\n\n letter-spacing: 1px;\n\n font-weight: 700;\n}\n\n\n.abera-clinical-v2__subtitle {\n max-width: 690px;\n\n margin: 15px 0 0;\n\n color: var(--abera-muted);\n\n font-size: 14px;\n line-height: 1.6;\n}\n\n\n\/* =============================\n STATS HORIZONTAL ROW\n============================= *\/\n\n.abera-clinical-v2__stats {\n display: grid;\n\n grid-template-columns: repeat(3, 1fr);\n\n margin-top: 30px;\n\n max-width: 600px;\n}\n\n\n.abera-clinical-v2__stat {\n position: relative;\n\n padding: 0 10px;\n}\n\n\n.abera-clinical-v2__stat:first-child {\n padding-left: 0;\n}\n\n\n\/* LINE MỎNG NGĂN CÁCH *\/\n\n.abera-clinical-v2__stat:not(:last-child)::after {\n content: \"\";\n\n position: absolute;\n\n right: 0;\n top: 6%;\n\n width: 1px;\n height: 88%;\n\n background: var(--abera-line);\n}\n\n\n.abera-clinical-v2__percent {\n margin: 0 0 10px;\n\n color: var(--abera-white);\n\n font-size: clamp(30px, 4vw, 60px);\n line-height: .95;\n\n letter-spacing: 0px;\n\n font-weight: 700;\n}\n\n\n.abera-clinical-v2__stat-title {\n margin: 0 0 7px;\n\n color: var(--abera-white);\n\n font-size: 16px;\n line-height: 1.25;\n\n font-weight: 750;\n}\n\n\n.abera-clinical-v2__stat-copy {\n max-width: 205px;\n\n margin: 0;\n\n color: rgba(255,255,255,.62);\n\n font-size: 13px;\n line-height: 1.45;\n}\n\n\n\/* =============================\n FOOTNOTE\n============================= *\/\n\n.abera-clinical-v2__footnote {\n margin-top: 38px;\n\n padding-top: 19px;\n\n max-width: 790px;\n\n border-top: 1px solid rgba(255,255,255,.11);\n\n color: rgba(255,255,255,.44);\n\n font-size: 11px;\n line-height: 1.5;\n}\n\n\n\/* =============================\n RIGHT IMAGE\n============================= *\/\n\n.abera-clinical-v2__visual {\n position: relative;\n\n min-height: none;\n\n overflow: hidden;\n}\n\n\n\/* fade ảnh vào nền *\/\n\n.abera-clinical-v2__visual::before {\n content: \"\";\n\n position: absolute;\n z-index: 2;\n\n inset: 0;\n\n background:\n linear-gradient(\n 90deg,\n #101012 0%,\n rgba(16,16,18,.72) 10%,\n rgba(16,16,18,.15) 30%,\n transparent 52%\n );\n\n pointer-events: none;\n}\n\n\n.abera-clinical-v2__visual img {\n width: 100%;\n height: 100%;\n\n min-height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* Nếu chưa có ảnh *\/\n\n.abera-clinical-v2__image-placeholder {\n width: 100%;\n height: 100%;\n\n min-height: none;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n background:\n radial-gradient(\n circle at 50% 35%,\n #51483e 0%,\n #292622 43%,\n #141414 100%\n );\n\n color: rgba(255,255,255,.5);\n\n font-size: 13px;\n\n text-align: center;\n\n padding: 10px;\n}\n\n\n\/* subtle bottom glow *\/\n\n.abera-clinical-v2::after {\n content: \"\";\n\n position: absolute;\n\n z-index: 1;\n\n left: 28%;\n bottom: -220px;\n\n width: 620px;\n height: 330px;\n\n border-radius: 50%;\n\n background:\n radial-gradient(\n circle,\n rgba(197,177,146,.13),\n transparent 70%\n );\n\n pointer-events: none;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 100%) {\n\n .abera-clinical-v2__inner {\n grid-template-columns: 60% 40%;\n min-height: 570px;\n }\n\n .abera-clinical-v2__content {\n padding:\n 60px\n 20px\n 55px\n 35px;\n }\n\n .abera-clinical-v2__visual,\n .abera-clinical-v2__visual img,\n .abera-clinical-v2__image-placeholder {\n min-height: 570px;\n }\n\n .abera-clinical-v2__stats {\n margin-top: 40px;\n }\n\n .abera-clinical-v2__stat {\n padding: 0 18px;\n }\n\n .abera-clinical-v2__percent {\n font-size: 49px;\n }\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-clinical-v2__inner {\n display: flex;\n flex-direction: column;\n\n min-height: auto;\n }\n\n\n .abera-clinical-v2__content {\n order: 1;\n\n padding: 30px 18px 20px;\n }\n\n\n .abera-clinical-v2__eyebrow {\n margin-bottom: 12px;\n\n font-size: 10px;\n\n letter-spacing: 1.4px;\n }\n\n\n .abera-clinical-v2__title {\n font-size: 30px;\n\n line-height: 1.2;\n\n letter-spacing: 0px;\n }\n\n\n .abera-clinical-v2__subtitle {\n margin-top: 14px;\n\n font-size: 14px;\n\n line-height: 1.55;\n }\n\n\n \/* GIỮ STATS NẰM NGANG TRÊN MOBILE *\/\n\n .abera-clinical-v2__stats {\n width: 100%;\n\n max-width: none;\n\n margin-top: 30px;\n\n grid-template-columns:\n repeat(3, minmax(118px, 1fr));\n\n overflow-x: auto;\n\n scrollbar-width: none;\n }\n\n\n .abera-clinical-v2__stats::-webkit-scrollbar {\n display: none;\n }\n\n\n .abera-clinical-v2__stat {\n min-width: 118px;\n\n padding: 0 14px;\n }\n\n\n .abera-clinical-v2__stat:first-child {\n padding-left: 0;\n\n padding-right: 14px;\n }\n\n\n \/* VẪN GIỮ LINE DỌC *\/\n\n .abera-clinical-v2__stat:not(:last-child)::after {\n top: 5%;\n\n width: 1px;\n height: 90%;\n }\n\n\n .abera-clinical-v2__percent {\n margin-bottom: 8px;\n\n font-size: 42px;\n\n letter-spacing: 0px;\n }\n\n\n .abera-clinical-v2__stat-title {\n margin-bottom: 5px;\n\n font-size: 12px;\n }\n\n\n .abera-clinical-v2__stat-copy {\n font-size: 10.5px;\n\n line-height: 1.4;\n }\n\n\n .abera-clinical-v2__footnote {\n margin-top: 26px;\n\n padding-top: 15px;\n\n font-size: 10px;\n }\n\n\n \/* ẢNH XUỐNG DƯỚI *\/\n\n .abera-clinical-v2__visual {\n order: 2;\n\n min-height: 390px;\n }\n\n\n .abera-clinical-v2__visual img,\n .abera-clinical-v2__image-placeholder {\n min-height: 390px;\n\n height: 390px;\n }\n\n\n .abera-clinical-v2__visual img {\n object-position: center top;\n }\n\n\n \/* fade từ trên xuống để nối với content *\/\n\n .abera-clinical-v2__visual::before {\n background:\n linear-gradient(\n 180deg,\n #101012 0%,\n rgba(16,16,18,.60) 9%,\n rgba(16,16,18,.10) 26%,\n transparent 50%\n );\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-clinical-v2\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__inner\"\u003e\n\n \u003c!-- ============================================\n LEFT SIDE\n ============================================= --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__content\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__eyebrow\"\u003e\n Clinically Tested\n \u003c\/div\u003e\n\n \u003ch2 class=\"abera-clinical-v2__title\"\u003e\n PROVEN RESULTS\u003cbr\u003e\n BUILT FOR MEN'S SKIN\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-clinical-v2__subtitle\"\u003e\n After 8 weeks of consistent use, men reported visible improvements\n in hydration, skin tone and the appearance of wrinkles.\n \u003c\/p\u003e\n\n\n \u003c!-- ============================================\n HORIZONTAL RESULTS\n ============================================= --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__stats\"\u003e\n\n \u003c!-- 96% --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__stat\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__percent\"\u003e\n 96%\n \u003c\/div\u003e\n\n \u003ch3 class=\"abera-clinical-v2__stat-title\"\u003e\n SMOOTHER SKIN\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-clinical-v2__stat-copy\"\u003e\n Reported smoother, more hydrated-looking skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- 92% --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__stat\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__percent\"\u003e\n 92%\n \u003c\/div\u003e\n\n \u003ch3 class=\"abera-clinical-v2__stat-title\"\u003e\n MORE EVEN TONE\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-clinical-v2__stat-copy\"\u003e\n Reported brighter, more even-looking skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- 89% --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__stat\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__percent\"\u003e\n 89%\n \u003c\/div\u003e\n\n \u003ch3 class=\"abera-clinical-v2__stat-title\"\u003e\n FEWER VISIBLE WRINKLES\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-clinical-v2__stat-copy\"\u003e\n Reported improvement in the appearance of wrinkles.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- FOOTNOTE --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__footnote\"\u003e\n *Based on an 8-week consumer self-assessment study.\n Individual results may vary.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- ============================================\n RIGHT IMAGE\n ============================================= --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__visual\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_44.webp?v=1786959518\" alt=\"Man using ABERA Men Retinol Serum\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__image-placeholder\" style=\"display:none;\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n CUSTOMER REVIEWS CAROUSEL\n========================================================= *\/\n\n.abera-review-showcase {\n --black: #111111;\n --text: #222222;\n --muted: #666666;\n --white: #ffffff;\n --orange: #f45b32;\n --star: #f39a00;\n --border: #e2e2e2;\n --soft: #f7f7f7;\n\n width: 100%;\n overflow: hidden;\n\n background: var(--white);\n color: var(--black);\n\n font-family: inherit;\n\n box-sizing: border-box;\n}\n\n\n.abera-review-showcase *,\n.abera-review-showcase *::before,\n.abera-review-showcase *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n MAIN LAYOUT\n========================================================= *\/\n\n.abera-review-showcase__inner {\n width: 100%;\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding: 60px 40px;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 30%)\n minmax(0, 70%);\n\n gap: 3px;\n\n align-items: center;\n}\n\n\n\/* =========================================================\n LEFT CONTENT\n========================================================= *\/\n\n.abera-review-showcase__content {\n position: relative;\n\n z-index: 5;\n\n min-width: 0;\n\n padding-right: 25px;\n}\n\n\n\/* EYEBROW *\/\n\n.abera-review-showcase__eyebrow {\n margin: 0 0 12px;\n\n color: var(--black);\n\n font-size: 13px;\n line-height: 1.2;\n\n font-weight: 600;\n\n letter-spacing: 1.2px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n.abera-review-showcase__title {\n max-width: 430px;\n\n margin: 0;\n\n color: var(--black);\n\n font-size: clamp(20px, 3vw, 30px);\n line-height: 1.08;\n\n font-weight: 700;\n\n letter-spacing: 0;\n}\n\n\n\/* =========================================================\n BENEFITS\n========================================================= *\/\n\n.abera-review-showcase__benefits {\n margin-top: 26px;\n\n display: flex;\n\n flex-direction: column;\n\n gap: 12px;\n}\n\n\n.abera-review-showcase__benefit {\n position: relative;\n\n padding-left: 25px;\n\n color: var(--text);\n\n font-size: 16px;\n line-height: 1.4;\n\n font-weight: 500;\n}\n\n\n.abera-review-showcase__benefit::before {\n content: \"✓\";\n\n position: absolute;\n\n left: 0;\n top: 0;\n\n color: var(--black);\n\n font-size: 17px;\n\n font-weight: 800;\n}\n\n\n\/* =========================================================\n ARROWS + DESKTOP DOTS\n========================================================= *\/\n\n.abera-review-showcase__arrows {\n position: relative;\n\n z-index: 20;\n\n margin-top: 38px;\n\n display: inline-flex;\n\n align-items: center;\n\n gap: 12px;\n\n width: max-content;\n}\n\n\n\/* ARROW *\/\n\n.abera-review-showcase__arrow {\n position: relative;\n\n z-index: 21;\n\n flex: 0 0 42px;\n\n width: 42px;\n height: 42px;\n\n margin: 0;\n padding: 0;\n\n border: 0;\n outline: none;\n\n border-radius: 50%;\n\n background: var(--black);\n color: var(--white);\n\n display: flex;\n\n align-items: center;\n\n justify-content: center;\n\n cursor: pointer;\n\n appearance: none;\n -webkit-appearance: none;\n\n touch-action: manipulation;\n\n transition:\n opacity .2s ease,\n transform .2s ease,\n background .2s ease;\n}\n\n\n.abera-review-showcase__arrow:hover {\n background: #333333;\n\n transform: scale(1.04);\n}\n\n\n.abera-review-showcase__arrow:active {\n transform: scale(.96);\n}\n\n\n.abera-review-showcase__arrow:disabled {\n opacity: .25;\n\n cursor: default;\n\n transform: none;\n}\n\n\n.abera-review-showcase__arrow svg {\n display: block;\n\n width: 18px;\n height: 18px;\n\n stroke: currentColor;\n\n pointer-events: none;\n}\n\n\n\/* =========================================================\n DOTS BETWEEN ARROWS\n========================================================= *\/\n\n.abera-review-showcase__desktop-dots {\n min-width: 66px;\n\n display: flex;\n\n align-items: center;\n\n justify-content: center;\n\n gap: 6px;\n}\n\n\n.abera-review-showcase__desktop-dot {\n flex: 0 0 6px;\n\n width: 6px;\n height: 6px;\n\n margin: 0;\n padding: 0;\n\n border: 0;\n outline: none;\n\n border-radius: 50%;\n\n background: #c9c9c9;\n\n cursor: pointer;\n\n appearance: none;\n -webkit-appearance: none;\n\n transition:\n width .22s ease,\n flex-basis .22s ease,\n background .22s ease,\n border-radius .22s ease;\n}\n\n\n.abera-review-showcase__desktop-dot.is-active {\n width: 18px;\n\n flex-basis: 18px;\n\n border-radius: 10px;\n\n background: var(--black);\n}\n\n\n\/* =========================================================\n CAROUSEL\n========================================================= *\/\n\n.abera-review-showcase__carousel {\n position: relative;\n\n width: 100%;\n\n min-width: 0;\n\n overflow: hidden;\n}\n\n\n.abera-review-showcase__track {\n width: 100%;\n\n display: flex;\n\n align-items: stretch;\n\n gap: 18px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n scroll-behavior: smooth;\n\n scroll-snap-type: x mandatory;\n\n scroll-padding-left: 0;\n\n scrollbar-width: none;\n\n -webkit-overflow-scrolling: touch;\n\n overscroll-behavior-x: contain;\n}\n\n\n.abera-review-showcase__track::-webkit-scrollbar {\n display: none;\n}\n\n\n\/* =========================================================\n REVIEW CARD\n DESKTOP = 3 CARDS\n========================================================= *\/\n\n.abera-review-showcase__card {\n \/*\n 3 cards\n 2 gaps x 18px = 36px\n *\/\n\n flex: 0 0 calc((100% - 36px) \/ 3);\n\n min-width: 0;\n\n scroll-snap-align: start;\n\n scroll-snap-stop: always;\n\n background: #ffffff;\n\n border: 1px solid var(--border);\n\n border-radius: 8px;\n\n overflow: hidden;\n\n color: var(--black);\n\n display: flex;\n\n flex-direction: column;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.abera-review-showcase__image {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #eeeeee;\n\n flex-shrink: 0;\n}\n\n\n.abera-review-showcase__image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n\n object-position: center;\n}\n\n\n\/* =========================================================\n BEFORE \/ AFTER\n========================================================= *\/\n\n.abera-review-showcase__before,\n.abera-review-showcase__after {\n position: absolute;\n\n bottom: 10px;\n\n z-index: 3;\n\n padding: 5px 8px;\n\n border-radius: 4px;\n\n font-size: 11px;\n line-height: 1;\n\n font-weight: 800;\n\n letter-spacing: .3px;\n\n text-transform: uppercase;\n}\n\n\n.abera-review-showcase__before {\n left: 10px;\n\n background: #ffffff;\n\n color: #111111;\n\n border: 1px solid rgba(0,0,0,.10);\n}\n\n\n.abera-review-showcase__after {\n right: 10px;\n\n background: #111111;\n\n color: #ffffff;\n}\n\n\n\/* =========================================================\n CARD CONTENT\n========================================================= *\/\n\n.abera-review-showcase__card-content {\n padding: 16px 15px 17px;\n\n display: flex;\n\n flex-direction: column;\n\n flex: 1;\n}\n\n\n\/* STARS *\/\n\n.abera-review-showcase__stars {\n margin: 0 0 9px;\n\n color: var(--star);\n\n font-size: 16px;\n line-height: 1;\n\n letter-spacing: .8px;\n}\n\n\n\/* REVIEW *\/\n\n.abera-review-showcase__quote {\n margin: 0;\n\n color: #333333;\n\n font-size: 13.5px;\n line-height: 1.5;\n\n \/* CUSTOMER XUỐNG ĐÁY *\/\n flex: 1;\n}\n\n\n\/* =========================================================\n CUSTOMER\n========================================================= *\/\n\n.abera-review-showcase__customer {\n width: 100%;\n\n margin-top: 16px;\n\n display: flex;\n\n align-items: center;\n\n justify-content: space-between;\n\n gap: 6px;\n\n flex-wrap: nowrap;\n}\n\n\n.abera-review-showcase__name {\n color: var(--black);\n\n font-size: 12px;\n line-height: 1;\n\n font-weight: 700;\n\n white-space: nowrap;\n\n flex-shrink: 0;\n}\n\n\n\/* VERIFIED *\/\n\n.abera-review-showcase__verified {\n display: inline-flex;\n\n align-items: center;\n\n justify-content: center;\n\n gap: 4px;\n\n padding: 4px 6px;\n\n background: var(--soft);\n\n border: 1px solid var(--border);\n\n border-radius: 999px;\n\n color: #333333;\n\n font-size: 8.5px;\n line-height: 1;\n\n font-weight: 600;\n\n white-space: nowrap;\n\n flex-shrink: 0;\n}\n\n\n.abera-review-showcase__verified-icon {\n width: 13px;\n height: 13px;\n\n flex: 0 0 13px;\n\n border-radius: 50%;\n\n background: var(--black);\n\n color: #ffffff;\n\n display: inline-flex;\n\n align-items: center;\n\n justify-content: center;\n\n font-size: 7px;\n}\n\n\n\/* =========================================================\n MOBILE DOTS\n========================================================= *\/\n\n.abera-review-showcase__dots {\n display: none;\n\n margin-top: 18px;\n\n align-items: center;\n\n justify-content: center;\n\n gap: 7px;\n}\n\n\n.abera-review-showcase__dot {\n flex: 0 0 7px;\n\n width: 7px;\n height: 7px;\n\n margin: 0;\n padding: 0;\n\n border: 0;\n\n border-radius: 50%;\n\n background: #cccccc;\n\n cursor: pointer;\n\n appearance: none;\n\n -webkit-appearance: none;\n\n transition:\n width .25s ease,\n flex-basis .25s ease,\n background .25s ease,\n border-radius .25s ease;\n}\n\n\n.abera-review-showcase__dot.is-active {\n width: 22px;\n\n flex-basis: 22px;\n\n border-radius: 10px;\n\n background: var(--black);\n}\n\n\n\/* =========================================================\n TABLET\n 2 CARDS\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 1100px) {\n\n .abera-review-showcase__inner {\n padding: 45px 24px;\n\n grid-template-columns:\n minmax(0, 32%)\n minmax(0, 68%);\n\n gap: 24px;\n }\n\n\n .abera-review-showcase__content {\n padding-right: 0;\n }\n\n\n .abera-review-showcase__title {\n font-size: 28px;\n }\n\n\n .abera-review-showcase__benefit {\n font-size: 14px;\n }\n\n\n .abera-review-showcase__track {\n gap: 16px;\n }\n\n\n .abera-review-showcase__card {\n flex-basis:\n calc((100% - 16px) \/ 2);\n }\n\n\n .abera-review-showcase__quote {\n font-size: 13px;\n }\n\n\n .abera-review-showcase__desktop-dots {\n min-width: 56px;\n\n gap: 5px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-review-showcase__inner {\n padding: 34px 18px 30px;\n\n display: block;\n }\n\n\n \/* CONTENT *\/\n\n .abera-review-showcase__content {\n width: 100%;\n\n padding-right: 0;\n }\n\n\n .abera-review-showcase__eyebrow {\n margin-bottom: 9px;\n\n font-size: 10px;\n }\n\n\n .abera-review-showcase__title {\n max-width: 100%;\n\n font-size: 29px;\n line-height: 1.3;\n }\n\n\n \/* BENEFITS *\/\n\n .abera-review-showcase__benefits {\n margin-top: 12px;\n\n display: grid;\n\n grid-template-columns:\n 1fr 1fr;\n\n gap: 11px 14px;\n }\n\n\n .abera-review-showcase__benefit {\n padding-left: 20px;\n\n font-size: 16px;\n line-height: 1.35;\n }\n\n\n .abera-review-showcase__benefit::before {\n font-size: 16px;\n }\n\n\n \/* HIDE DESKTOP CONTROLS *\/\n\n .abera-review-showcase__arrows {\n display: none;\n }\n\n\n \/* CAROUSEL *\/\n\n .abera-review-showcase__carousel {\n margin-top: 28px;\n\n overflow: visible;\n }\n\n\n .abera-review-showcase__track {\n gap: 12px;\n }\n\n\n .abera-review-showcase__card {\n flex: 0 0 88%;\n }\n\n\n .abera-review-showcase__image {\n aspect-ratio: 1 \/ .82;\n }\n\n\n \/* BEFORE AFTER *\/\n\n .abera-review-showcase__before,\n .abera-review-showcase__after {\n bottom: 10px;\n\n padding: 5px 8px;\n\n font-size: 10px;\n }\n\n\n .abera-review-showcase__before {\n left: 10px;\n }\n\n\n .abera-review-showcase__after {\n right: 10px;\n }\n\n\n \/* CARD CONTENT *\/\n\n .abera-review-showcase__card-content {\n padding: 16px;\n }\n\n\n .abera-review-showcase__stars {\n font-size: 18px;\n }\n\n\n .abera-review-showcase__quote {\n font-size: 14px;\n line-height: 1.5;\n }\n\n\n \/* CUSTOMER *\/\n\n .abera-review-showcase__customer {\n margin-top: 15px;\n\n gap: 8px;\n }\n\n\n .abera-review-showcase__name {\n font-size: 13px;\n }\n\n\n .abera-review-showcase__verified {\n padding: 4px 7px;\n\n gap: 4px;\n\n font-size: 9px;\n }\n\n\n .abera-review-showcase__verified-icon {\n width: 14px;\n height: 14px;\n\n flex-basis: 14px;\n\n font-size: 8px;\n }\n\n\n \/* MOBILE DOTS *\/\n\n .abera-review-showcase__dots {\n display: flex;\n }\n\n}\n\n\n\/* =========================================================\n SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 420px) {\n\n .abera-review-showcase__inner {\n padding-left: 15px;\n\n padding-right: 15px;\n }\n\n\n .abera-review-showcase__title {\n font-size: 27px;\n }\n\n\n .abera-review-showcase__benefits {\n grid-template-columns: 1fr;\n\n gap: 9px;\n }\n\n\n .abera-review-showcase__card {\n flex-basis: 92%;\n }\n\n\n .abera-review-showcase__customer {\n gap: 5px;\n }\n\n\n .abera-review-showcase__name {\n font-size: 12px;\n }\n\n\n .abera-review-showcase__verified {\n padding: 4px 6px;\n\n font-size: 8.5px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003c!-- =========================================================\n SECTION\n========================================================= --\u003e\n\n\u003csection class=\"abera-review-showcase\"\u003e\n\n \u003cdiv class=\"abera-review-showcase__inner\"\u003e\n\n\n \u003c!-- =====================================================\n LEFT SIDE\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-review-showcase__content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__eyebrow\"\u003e\n REAL MEN. REAL RESULTS.\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"abera-review-showcase__title\"\u003e\n HEAR FROM OUR RECENT CUSTOMERS\n \u003c\/h2\u003e\n\n\n \u003c!-- BENEFITS --\u003e\n\n \u003cdiv class=\"abera-review-showcase__benefits\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Hydrate\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Firm Sagging Skin\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Reduce Fine Lines \u0026amp; Wrinkles\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Fade Dark Spots \u0026amp; Acne Scars\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Even Out Skin Tone\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c!-- ===================================================\n DESKTOP NAVIGATION\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-review-showcase__arrows\"\u003e\n\n\n \u003c!-- PREVIOUS --\u003e\n\n \u003cbutton class=\"\n abera-review-showcase__arrow\n abera-review-showcase__prev\n \" type=\"button\" aria-label=\"Previous review\"\u003e\n\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\n \u003cpath d=\"M15 18L9 12L15 6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n \u003c!-- DESKTOP DOTS --\u003e\n\n \u003cdiv class=\"abera-review-showcase__desktop-dots\" aria-label=\"Review navigation\"\u003e\u003c\/div\u003e\n\n\n \u003c!-- NEXT --\u003e\n\n \u003cbutton class=\"\n abera-review-showcase__arrow\n abera-review-showcase__next\n \" type=\"button\" aria-label=\"Next review\"\u003e\n\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\n \u003cpath d=\"M9 18L15 12L9 6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n RIGHT CAROUSEL\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-review-showcase__carousel\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__track\"\u003e\n\n\n \u003c!-- =================================================\n REVIEW 01\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/3_2986af9d-7ff8-49b0-ac3c-7ba74e61680f.webp?v=1786615458\" alt=\"ABERA Men Retinol before and after result\" loading=\"lazy\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n BEFORE\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n AFTER\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n My dark spots were what bothered me the most.\n After consistent use, they look lighter and my\n overall skin tone looks more even.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n James T., 47\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Verified Customer\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 02\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/4_5d22dff5-ec9b-4d4d-b8d9-f069ff6268ca.webp?v=1786422444\" alt=\"ABERA Men Retinol before and after result\" loading=\"lazy\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n BEFORE\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n AFTER\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n I've been using this serum every night for a few\n weeks and my skin already feels smoother and more\n hydrated. The fine lines around my eyes look softer.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Michael R., 55\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Verified Customer\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 03\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/bfb22f137ad326a2e4091f5c3a93cd8e-20250417094225-3186n.webp?v=1786423518\" alt=\"ABERA Men Retinol before and after result\" loading=\"lazy\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n BEFORE\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n AFTER\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n Probably the first anti-aging product I've actually\n stayed consistent with. It absorbs quickly and my\n face looks smoother and less tired.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Daniel S., 35\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Verified Customer\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 04\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/5_b0438d0b-7832-474e-acb8-98b39901ce77.webp?v=1786422443\" alt=\"ABERA Men Retinol before and after result\" loading=\"lazy\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n BEFORE\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n AFTER\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n I had dark acne marks for a long time, but they\n gradually looked less noticeable after regular use.\n My skin also feels noticeably smoother.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Brian C., 28\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Verified Customer\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 05\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/6_c66664a6-8b1c-476f-8b91-86f997d0b90c.webp?v=1786422443\" alt=\"ABERA Men Retinol before and after result\" loading=\"lazy\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n BEFORE\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n AFTER\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n My wife was actually the first person to notice.\n She said my skin looked smoother and healthier.\n I've also noticed the fine lines around my eyes\n are less noticeable.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Chris B., 46\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Verified Customer\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 06\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/81f90c8b9c7785be7808623b11f7722c-20250417102041-dodqv.webp?v=1786459872\" alt=\"ABERA Men Retinol before and after result\" loading=\"lazy\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n BEFORE\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n AFTER\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n I was skeptical about adding retinol because I didn't\n want a complicated routine. This one is straightforward.\n My skin looks brighter and more even with regular use.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Kevin F., 35\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Verified Customer\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c!-- ===================================================\n MOBILE DOTS\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-review-showcase__dots\"\u003e\u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003cscript\u003e\n(function () {\n\n\n \/* =========================================================\n INITIALIZE ONE SECTION\n ========================================================= *\/\n\n function initAberaReview(section) {\n\n\n if (\n section.getAttribute(\n 'data-abera-review-init'\n ) === 'true'\n ) {\n\n return;\n\n }\n\n\n section.setAttribute(\n 'data-abera-review-init',\n 'true'\n );\n\n\n const track =\n section.querySelector(\n '.abera-review-showcase__track'\n );\n\n\n const cards =\n Array.from(\n section.querySelectorAll(\n '.abera-review-showcase__card'\n )\n );\n\n\n const prev =\n section.querySelector(\n '.abera-review-showcase__prev'\n );\n\n\n const next =\n section.querySelector(\n '.abera-review-showcase__next'\n );\n\n\n const mobileDotsContainer =\n section.querySelector(\n '.abera-review-showcase__dots'\n );\n\n\n const desktopDotsContainer =\n section.querySelector(\n '.abera-review-showcase__desktop-dots'\n );\n\n\n if (\n !track ||\n !cards.length\n ) {\n\n return;\n\n }\n\n\n let currentIndex = 0;\n\n let mobileDots = [];\n\n let desktopDots = [];\n\n\n\n \/* =======================================================\n VISIBLE CARD COUNT\n ======================================================== *\/\n\n function getVisibleCount() {\n\n\n if (\n window.innerWidth \u003c= 749\n ) {\n\n return 1;\n\n }\n\n\n if (\n window.innerWidth \u003c= 1100\n ) {\n\n return 2;\n\n }\n\n\n return 3;\n\n }\n\n\n\n \/* =======================================================\n MAX INDEX\n ======================================================== *\/\n\n function getMaxIndex() {\n\n\n return Math.max(\n\n 0,\n\n cards.length -\n getVisibleCount()\n\n );\n\n }\n\n\n\n \/* =======================================================\n CARD POSITION\n ======================================================== *\/\n\n function getCardLeft(index) {\n\n\n const card =\n cards[index];\n\n\n if (!card) {\n\n return 0;\n\n }\n\n\n return Math.max(\n\n 0,\n\n card.offsetLeft -\n track.offsetLeft\n\n );\n\n }\n\n\n\n \/* =======================================================\n GO TO CARD\n ======================================================== *\/\n\n function goToIndex(index) {\n\n\n const maxIndex =\n getMaxIndex();\n\n\n currentIndex =\n Math.max(\n\n 0,\n\n Math.min(\n index,\n maxIndex\n )\n\n );\n\n\n track.scrollTo({\n\n left:\n getCardLeft(\n currentIndex\n ),\n\n behavior:\n 'smooth'\n\n });\n\n\n updateUI();\n\n }\n\n\n\n \/* =======================================================\n MOBILE DOTS\n ======================================================== *\/\n\n function createMobileDots() {\n\n\n if (\n !mobileDotsContainer\n ) {\n\n return;\n\n }\n\n\n mobileDotsContainer.innerHTML =\n '';\n\n\n cards.forEach(\n function(card, index) {\n\n\n const dot =\n document.createElement(\n 'button'\n );\n\n\n dot.type =\n 'button';\n\n\n dot.className =\n 'abera-review-showcase__dot';\n\n\n dot.setAttribute(\n 'aria-label',\n 'Go to review ' +\n (index + 1)\n );\n\n\n dot.addEventListener(\n 'click',\n function() {\n\n\n \/*\n Mobile:\n cho phép tới toàn bộ review.\n *\/\n\n if (\n window.innerWidth \u003c= 749\n ) {\n\n\n currentIndex =\n index;\n\n\n track.scrollTo({\n\n left:\n getCardLeft(\n index\n ),\n\n behavior:\n 'smooth'\n\n });\n\n\n updateUI();\n\n\n } else {\n\n\n goToIndex(\n index\n );\n\n\n }\n\n }\n );\n\n\n mobileDotsContainer\n .appendChild(\n dot\n );\n\n\n }\n );\n\n\n mobileDots =\n Array.from(\n mobileDotsContainer\n .querySelectorAll(\n '.abera-review-showcase__dot'\n )\n );\n\n }\n\n\n\n \/* =======================================================\n DESKTOP DOTS\n ======================================================== *\/\n\n function createDesktopDots() {\n\n\n if (\n !desktopDotsContainer\n ) {\n\n return;\n\n }\n\n\n desktopDotsContainer.innerHTML =\n '';\n\n\n const maxIndex =\n getMaxIndex();\n\n\n \/*\n Desktop:\n 6 reviews\n 3 visible\n\n Position:\n 1 2 3\n 2 3 4\n 3 4 5\n 4 5 6\n\n =\u003e 4 dots\n *\/\n\n\n for (\n let index = 0;\n index \u003c= maxIndex;\n index++\n ) {\n\n\n const dot =\n document.createElement(\n 'button'\n );\n\n\n dot.type =\n 'button';\n\n\n dot.className =\n 'abera-review-showcase__desktop-dot';\n\n\n dot.setAttribute(\n 'aria-label',\n 'Go to review position ' +\n (index + 1)\n );\n\n\n dot.addEventListener(\n 'click',\n function() {\n\n\n goToIndex(\n index\n );\n\n\n }\n );\n\n\n desktopDotsContainer\n .appendChild(\n dot\n );\n\n }\n\n\n desktopDots =\n Array.from(\n desktopDotsContainer\n .querySelectorAll(\n '.abera-review-showcase__desktop-dot'\n )\n );\n\n }\n\n\n\n \/* =======================================================\n DETECT INDEX FROM SCROLL\n ======================================================== *\/\n\n function detectCurrentIndex() {\n\n\n const scrollLeft =\n track.scrollLeft;\n\n\n let closestIndex =\n 0;\n\n\n let closestDistance =\n Infinity;\n\n\n cards.forEach(\n function(card, index) {\n\n\n const position =\n card.offsetLeft -\n track.offsetLeft;\n\n\n const distance =\n Math.abs(\n position -\n scrollLeft\n );\n\n\n if (\n distance \u003c\n closestDistance\n ) {\n\n\n closestDistance =\n distance;\n\n\n closestIndex =\n index;\n\n\n }\n\n }\n );\n\n\n return closestIndex;\n\n }\n\n\n\n \/* =======================================================\n UPDATE UI\n ======================================================== *\/\n\n function updateUI() {\n\n\n const maxIndex =\n getMaxIndex();\n\n\n \/*\n Desktop \/ Tablet:\n không vượt index cuối hợp lệ\n *\/\n\n if (\n window.innerWidth \u003e\n 749\n ) {\n\n\n currentIndex =\n Math.min(\n currentIndex,\n maxIndex\n );\n\n\n }\n\n\n \/* PREVIOUS *\/\n\n\n if (prev) {\n\n\n prev.disabled =\n currentIndex \u003c= 0;\n\n\n }\n\n\n \/* NEXT *\/\n\n\n if (next) {\n\n\n next.disabled =\n currentIndex \u003e=\n maxIndex;\n\n\n }\n\n\n \/* MOBILE DOT *\/\n\n\n mobileDots.forEach(\n function(dot, index) {\n\n\n dot.classList.toggle(\n 'is-active',\n index === currentIndex\n );\n\n\n }\n );\n\n\n \/* DESKTOP DOT *\/\n\n\n desktopDots.forEach(\n function(dot, index) {\n\n\n dot.classList.toggle(\n 'is-active',\n index === currentIndex\n );\n\n\n }\n );\n\n }\n\n\n\n \/* =======================================================\n PREVIOUS BUTTON\n ======================================================== *\/\n\n if (prev) {\n\n\n prev.addEventListener(\n 'click',\n function(event) {\n\n\n event.preventDefault();\n\n event.stopPropagation();\n\n\n if (\n currentIndex \u003c= 0\n ) {\n\n return;\n\n }\n\n\n goToIndex(\n currentIndex - 1\n );\n\n\n }\n );\n\n\n }\n\n\n\n \/* =======================================================\n NEXT BUTTON\n ======================================================== *\/\n\n if (next) {\n\n\n next.addEventListener(\n 'click',\n function(event) {\n\n\n event.preventDefault();\n\n event.stopPropagation();\n\n\n const maxIndex =\n getMaxIndex();\n\n\n if (\n currentIndex \u003e=\n maxIndex\n ) {\n\n return;\n\n }\n\n\n goToIndex(\n currentIndex + 1\n );\n\n\n }\n );\n\n\n }\n\n\n\n \/* =======================================================\n MANUAL SWIPE\n ======================================================== *\/\n\n let scrollTimer;\n\n\n track.addEventListener(\n 'scroll',\n function() {\n\n\n clearTimeout(\n scrollTimer\n );\n\n\n scrollTimer =\n setTimeout(\n function() {\n\n\n currentIndex =\n detectCurrentIndex();\n\n\n if (\n window.innerWidth \u003e\n 749\n ) {\n\n\n currentIndex =\n Math.min(\n currentIndex,\n getMaxIndex()\n );\n\n\n }\n\n\n updateUI();\n\n\n },\n 70\n );\n\n\n },\n {\n passive: true\n }\n );\n\n\n\n \/* =======================================================\n RESIZE\n ======================================================== *\/\n\n let resizeTimer;\n\n\n window.addEventListener(\n 'resize',\n function() {\n\n\n clearTimeout(\n resizeTimer\n );\n\n\n resizeTimer =\n setTimeout(\n function() {\n\n\n currentIndex =\n Math.min(\n currentIndex,\n getMaxIndex()\n );\n\n\n \/*\n Số dot desktop thay đổi:\n\n Desktop = 3 visible\n Tablet = 2 visible\n *\/\n\n\n createDesktopDots();\n\n\n track.scrollTo({\n\n left:\n getCardLeft(\n currentIndex\n ),\n\n behavior:\n 'auto'\n\n });\n\n\n updateUI();\n\n\n },\n 120\n );\n\n\n }\n );\n\n\n\n \/* =======================================================\n INITIAL STATE\n ======================================================== *\/\n\n createMobileDots();\n\n\n createDesktopDots();\n\n\n currentIndex =\n detectCurrentIndex();\n\n\n updateUI();\n\n\n }\n\n\n\n \/* =========================================================\n INIT ALL SECTIONS\n ========================================================= *\/\n\n function initAllAberaReviews() {\n\n\n document\n .querySelectorAll(\n '.abera-review-showcase'\n )\n .forEach(\n function(section) {\n\n\n initAberaReview(\n section\n );\n\n\n }\n );\n\n\n }\n\n\n\n \/* =========================================================\n RUN IMMEDIATELY\n ========================================================= *\/\n\n initAllAberaReviews();\n\n\n\n \/* =========================================================\n DOM READY FALLBACK\n ========================================================= *\/\n\n if (\n document.readyState ===\n 'loading'\n ) {\n\n\n document.addEventListener(\n 'DOMContentLoaded',\n initAllAberaReviews\n );\n\n\n }\n\n\n\n \/* =========================================================\n SHOPIFY THEME EDITOR\n ========================================================= *\/\n\n document.addEventListener(\n 'shopify:section:load',\n function(event) {\n\n\n let section = null;\n\n\n if (\n event.target.matches \u0026\u0026\n event.target.matches(\n '.abera-review-showcase'\n )\n ) {\n\n\n section =\n event.target;\n\n\n } else {\n\n\n section =\n event.target.querySelector(\n '.abera-review-showcase'\n );\n\n\n }\n\n\n if (section) {\n\n\n section.removeAttribute(\n 'data-abera-review-init'\n );\n\n\n initAberaReview(\n section\n );\n\n\n }\n\n\n }\n );\n\n\n})();\n\u003c\/script\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n HOW TO USE - 3 STEPS\n========================================================= *\/\n\n.abera-howto-v3 {\n --bg: #0b0b0b;\n --white: #ffffff;\n --muted: rgba(255,255,255,.72);\n --line: rgba(255,255,255,.14);\n --box: #151515;\n --box-hover: #1a1a1a;\n --accent: #f2eee6;\n\n width: 100%;\n max-width: 100%;\n\n background: var(--bg);\n color: var(--white);\n\n font-family: inherit;\n\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.abera-howto-v3 *,\n.abera-howto-v3 *::before,\n.abera-howto-v3 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-howto-v3__inner {\n width: 100%;\n max-width: 1500px;\n\n margin: 0 auto;\n padding: 48px 34px 30px;\n}\n\n\n\/* =========================================================\n MAIN LAYOUT\n========================================================= *\/\n\n.abera-howto-v3__main {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 1fr)\n minmax(0, 1fr);\n\n gap: 46px;\n\n align-items: center;\n}\n\n.abera-howto-v3__main \u003e * {\n min-width: 0;\n}\n\n\n\/* =========================================================\n VIDEO\n========================================================= *\/\n\n.abera-howto-v3__media {\n width: 100%;\n min-width: 0;\n\n border-radius: 8px;\n\n overflow: hidden;\n\n background: #111111;\n}\n\n.abera-howto-v3__video {\n width: 100%;\n max-width: 100%;\n\n display: block;\n\n aspect-ratio: 1 \/ 1;\n\n object-fit: cover;\n\n background: #111111;\n}\n\n\n\/* =========================================================\n RIGHT CONTENT\n========================================================= *\/\n\n.abera-howto-v3__content {\n width: 100%;\n max-width: 100%;\n min-width: 0;\n}\n\n\n\/* =========================================================\n TITLE\n========================================================= *\/\n\n.abera-howto-v3__eyebrow {\n margin: 0 0 10px;\n\n color: var(--muted);\n\n font-size: 12px;\n line-height: 1.2;\n\n font-weight: 700;\n\n letter-spacing: 1.5px;\n text-transform: uppercase;\n}\n\n.abera-howto-v3__title {\n width: 100%;\n\n margin: 0 0 26px;\n\n color: var(--white);\n\n font-size: clamp(28px, 3vw, 40px);\n line-height: 1.08;\n\n font-weight: 700;\n\n letter-spacing: -.4px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n 3 STEPS\n========================================================= *\/\n\n.abera-howto-v3__steps {\n width: 100%;\n\n display: flex;\n flex-direction: column;\n\n gap: 12px;\n}\n\n\n\/* EACH STEP *\/\n\n.abera-howto-v3__step {\n width: 100%;\n\n padding: 17px 18px;\n\n display: grid;\n\n grid-template-columns: 48px minmax(0, 1fr);\n\n gap: 16px;\n\n align-items: center;\n\n background: var(--box);\n\n border: 1px solid var(--line);\n border-radius: 10px;\n\n transition:\n background .2s ease,\n border-color .2s ease;\n}\n\n.abera-howto-v3__step:hover {\n background: var(--box-hover);\n\n border-color: rgba(255,255,255,.24);\n}\n\n\n\/* STEP NUMBER *\/\n\n.abera-howto-v3__step-number {\n width: 48px;\n height: 48px;\n\n border-radius: 8px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background: #ffffff;\n\n color: #111111;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 800;\n\n letter-spacing: .5px;\n}\n\n\n\/* STEP CONTENT *\/\n\n.abera-howto-v3__step-content {\n min-width: 0;\n}\n\n.abera-howto-v3__step-title {\n margin: 0 0 4px;\n\n color: var(--white);\n\n font-size: 16px;\n line-height: 1.25;\n\n font-weight: 700;\n}\n\n.abera-howto-v3__step-text {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 14px;\n line-height: 1.45;\n}\n\n\n\/* =========================================================\n EXPERT TIP\n========================================================= *\/\n\n.abera-howto-v3__tip {\n width: 100%;\n\n margin-top: 18px;\n\n padding: 16px 18px;\n\n display: flex;\n align-items: flex-start;\n\n gap: 12px;\n\n border: 1px solid rgba(255,255,255,.20);\n border-radius: 9px;\n\n background: #101010;\n}\n\n\n\/* TIP ICON *\/\n\n.abera-howto-v3__tip-icon {\n width: 28px;\n height: 28px;\n\n flex: 0 0 28px;\n\n border-radius: 50%;\n\n background: var(--accent);\n\n color: #111111;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n font-size: 15px;\n font-weight: 800;\n}\n\n\n\/* TIP CONTENT *\/\n\n.abera-howto-v3__tip-content {\n min-width: 0;\n}\n\n.abera-howto-v3__tip-title {\n display: block;\n\n margin-bottom: 3px;\n\n color: var(--white);\n\n font-size: 13px;\n line-height: 1.2;\n\n font-weight: 800;\n\n letter-spacing: .7px;\n\n text-transform: uppercase;\n}\n\n.abera-howto-v3__tip-text {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 14px;\n line-height: 1.45;\n}\n\n.abera-howto-v3__tip-text strong {\n color: var(--white);\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n ICON BENEFITS\n========================================================= *\/\n\n.abera-howto-v3__icons {\n width: 100%;\n\n margin-top: 38px;\n padding-top: 32px;\n\n border-top: 1px solid var(--line);\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 24px;\n}\n\n.abera-howto-v3__icon-item {\n min-width: 0;\n\n display: flex;\n flex-direction: column;\n\n align-items: center;\n justify-content: flex-start;\n\n text-align: center;\n}\n\n\n\/* ICON *\/\n\n.abera-howto-v3__icon-img {\n width: 52px;\n height: 52px;\n\n margin-bottom: 12px;\n\n display: block;\n\n object-fit: contain;\n}\n\n\n\/* ICON LABEL *\/\n\n.abera-howto-v3__icon-label {\n margin: 0;\n\n color: var(--white);\n\n font-size: 13px;\n line-height: 1.25;\n\n font-weight: 600;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-howto-v3__inner {\n padding: 40px 24px 28px;\n }\n\n .abera-howto-v3__main {\n grid-template-columns:\n minmax(0, 1fr)\n minmax(0, 1fr);\n\n gap: 28px;\n }\n\n .abera-howto-v3__title {\n margin-bottom: 20px;\n\n font-size: 30px;\n }\n\n .abera-howto-v3__step {\n padding: 14px;\n\n grid-template-columns: 42px minmax(0, 1fr);\n\n gap: 12px;\n }\n\n .abera-howto-v3__step-number {\n width: 42px;\n height: 42px;\n\n font-size: 13px;\n }\n\n .abera-howto-v3__step-title {\n font-size: 14px;\n }\n\n .abera-howto-v3__step-text {\n font-size: 12.5px;\n }\n\n .abera-howto-v3__tip {\n padding: 14px;\n }\n\n .abera-howto-v3__tip-text {\n font-size: 13px;\n }\n\n .abera-howto-v3__icons {\n gap: 18px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-howto-v3__inner {\n padding: 28px 16px 24px;\n }\n\n\n \/* VIDEO TRÊN - CONTENT DƯỚI *\/\n\n .abera-howto-v3__main {\n display: flex;\n flex-direction: column;\n\n gap: 26px;\n }\n\n .abera-howto-v3__media {\n width: 100%;\n\n border-radius: 7px;\n }\n\n .abera-howto-v3__video {\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n }\n\n\n \/* TITLE *\/\n\n .abera-howto-v3__eyebrow {\n margin-bottom: 8px;\n\n font-size: 10px;\n }\n\n .abera-howto-v3__title {\n margin-bottom: 20px;\n\n font-size: 27px;\n line-height: 1.15;\n }\n\n\n \/* STEPS *\/\n\n .abera-howto-v3__steps {\n gap: 10px;\n }\n\n .abera-howto-v3__step {\n padding: 14px;\n\n grid-template-columns: 42px minmax(0, 1fr);\n\n gap: 12px;\n\n border-radius: 8px;\n }\n\n .abera-howto-v3__step-number {\n width: 42px;\n height: 42px;\n\n border-radius: 7px;\n\n font-size: 12px;\n }\n\n .abera-howto-v3__step-title {\n margin-bottom: 3px;\n\n font-size: 15px;\n }\n\n .abera-howto-v3__step-text {\n font-size: 13px;\n line-height: 1.4;\n }\n\n\n \/* EXPERT TIP *\/\n\n .abera-howto-v3__tip {\n margin-top: 14px;\n\n padding: 14px;\n\n border-radius: 8px;\n }\n\n .abera-howto-v3__tip-title {\n font-size: 11px;\n }\n\n .abera-howto-v3__tip-text {\n font-size: 13px;\n line-height: 1.4;\n }\n\n\n \/* ICONS *\/\n\n .abera-howto-v3__icons {\n margin-top: 28px;\n padding-top: 26px;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 10px;\n }\n\n .abera-howto-v3__icon-img {\n width: 38px;\n height: 38px;\n\n margin-bottom: 9px;\n }\n\n .abera-howto-v3__icon-label {\n font-size: 9px;\n line-height: 1.25;\n }\n\n}\n\n\n\/* =========================================================\n SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 420px) {\n\n .abera-howto-v3__inner {\n padding-left: 14px;\n padding-right: 14px;\n }\n\n .abera-howto-v3__title {\n font-size: 24px;\n }\n\n .abera-howto-v3__step {\n grid-template-columns: 38px minmax(0, 1fr);\n\n gap: 10px;\n\n padding: 12px;\n }\n\n .abera-howto-v3__step-number {\n width: 38px;\n height: 38px;\n }\n\n .abera-howto-v3__icons {\n gap: 6px;\n }\n\n .abera-howto-v3__icon-img {\n width: 34px;\n height: 34px;\n }\n\n .abera-howto-v3__icon-label {\n font-size: 8.5px;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-howto-v3\"\u003e\n\u003cdiv class=\"abera-howto-v3__inner\"\u003e\n\u003c!-- =====================================================\n TOP CONTENT\n ====================================================== --\u003e\n\u003cdiv class=\"abera-howto-v3__main\"\u003e\n\u003c!-- ===================================================\n LEFT - VIDEO\n ==================================================== --\u003e\n\u003cdiv class=\"abera-howto-v3__media\"\u003e\u003cvideo class=\"abera-howto-v3__video\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\n\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3f8be01c24834be09db1eafc97629d62.mp4\" type=\"video\/mp4\"\u003e\n\n Your browser does not support the video tag.\n\n \u003c\/source\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c!-- ===================================================\n RIGHT - HOW TO USE\n ==================================================== --\u003e\n\u003cdiv class=\"abera-howto-v3__content\"\u003e\n\u003cdiv class=\"abera-howto-v3__eyebrow\"\u003eHOW TO USE\u003c\/div\u003e\n\u003ch2 class=\"abera-howto-v3__title\"\u003e60 SECONDS EVERY NIGHT\u003c\/h2\u003e\n\u003c!-- =================================================\n 3 STEPS\n ================================================== --\u003e\n\u003cdiv class=\"abera-howto-v3__steps\"\u003e\n\u003c!-- STEP 01 --\u003e\n\u003cdiv class=\"abera-howto-v3__step\"\u003e\n\u003cdiv class=\"abera-howto-v3__step-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"abera-howto-v3__step-content\"\u003e\n\u003ch3 class=\"abera-howto-v3__step-title\"\u003eSTART WITH CLEAN, DRY SKIN\u003c\/h3\u003e\n\u003cp class=\"abera-howto-v3__step-text\"\u003eCleanse your face and pat completely dry.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- STEP 02 --\u003e\n\u003cdiv class=\"abera-howto-v3__step\"\u003e\n\u003cdiv class=\"abera-howto-v3__step-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"abera-howto-v3__step-content\"\u003e\n\u003ch3 class=\"abera-howto-v3__step-title\"\u003eAPPLY A FEW DROPS\u003c\/h3\u003e\n\u003cp class=\"abera-howto-v3__step-text\"\u003eApply a few drops of ABERA MEN Retinol Serum to your face and neck.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- STEP 03 --\u003e\n\u003cdiv class=\"abera-howto-v3__step\"\u003e\n\u003cdiv class=\"abera-howto-v3__step-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"abera-howto-v3__step-content\"\u003e\n\u003ch3 class=\"abera-howto-v3__step-title\"\u003eMASSAGE \u0026amp; LET IT ABSORB\u003c\/h3\u003e\n\u003cp class=\"abera-howto-v3__step-text\"\u003eMassage gently until absorbed. Start 2–3 nights per week, then build up to nightly use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n EXPERT TIP\n ================================================== --\u003e\n\u003cdiv class=\"abera-howto-v3__tip\"\u003e\n\u003cdiv class=\"abera-howto-v3__tip-icon\"\u003e☀\u003c\/div\u003e\n\u003cdiv class=\"abera-howto-v3__tip-content\"\u003e\n\u003cspan class=\"abera-howto-v3__tip-title\"\u003e Expert Tip \u003c\/span\u003e\n\u003cp class=\"abera-howto-v3__tip-text\"\u003eUse a \u003cstrong\u003ebroad-spectrum SPF 50+\u003c\/strong\u003e every morning while using retinol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n ICON ROW\n ====================================================== --\u003e\n\u003cdiv class=\"abera-howto-v3__icons\"\u003e\n\u003c!-- ICON 01 --\u003e\n\u003cdiv class=\"abera-howto-v3__icon-item\"\u003e\n\u003cimg class=\"abera-howto-v3__icon-img\" 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\n\u003cp class=\"abera-howto-v3__icon-label\"\u003eNO ANIMAL\u003cbr\u003eTESTING\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ICON 02 --\u003e\n\u003cdiv class=\"abera-howto-v3__icon-item\"\u003e\n\u003cimg class=\"abera-howto-v3__icon-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/18_2b9950f9-1de2-4435-840f-a2788bc79db5.webp?v=1786634004\" alt=\"Dermatologist Tested\" loading=\"lazy\"\u003e\n\u003cp class=\"abera-howto-v3__icon-label\"\u003eDERMATOLOGIST\u003cbr\u003eTESTED\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ICON 03 --\u003e\n\u003cdiv class=\"abera-howto-v3__icon-item\"\u003e\n\u003cimg class=\"abera-howto-v3__icon-img\" 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\n\u003cp class=\"abera-howto-v3__icon-label\"\u003ePARABEN FREE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ICON 04 --\u003e\n\u003cdiv class=\"abera-howto-v3__icon-item\"\u003e\n\u003cimg class=\"abera-howto-v3__icon-img\" 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\n\u003cp class=\"abera-howto-v3__icon-label\"\u003eSILICONE FREE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n INGREDIENTS - 7 CARD VERSION\n========================================================= *\/\n\n.abera-ing-v3 {\n --black: #111111;\n --white: #ffffff;\n --text: #333333;\n --muted: #666666;\n --line: #dddddd;\n --card: #0d0d0d;\n\n width: 100%;\n max-width: 100%;\n\n padding: 48px 30px 46px;\n\n background: #ffffff;\n color: var(--black);\n\n font-family: inherit;\n\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.abera-ing-v3 *,\n.abera-ing-v3 *::before,\n.abera-ing-v3 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-ing-v3__inner {\n width: 100%;\n max-width: 1600px;\n\n margin: 0 auto;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-ing-v3__header {\n width: 100%;\n max-width: 820px;\n\n margin: 0 auto 30px;\n\n text-align: center;\n}\n\n\n.abera-ing-v3__title {\n margin: 0 0 12px;\n\n color: var(--black);\n\n font-size: clamp(26px, 3vw, 36px);\n line-height: 1.12;\n\n font-weight: 700;\n\n letter-spacing: -.3px;\n\n text-transform: uppercase;\n}\n\n\n.abera-ing-v3__subtitle {\n max-width: 720px;\n\n margin: 0 auto;\n\n color: var(--text);\n\n font-size: 16px;\n line-height: 1.55;\n}\n\n\n.abera-ing-v3__subtitle strong {\n color: var(--black);\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n FULL INGREDIENTS DROPDOWN\n========================================================= *\/\n\n.abera-ing-v3__accordion {\n width: 100%;\n max-width: 650px;\n\n margin: 22px auto 0;\n\n border-top: 1px solid var(--line);\n border-bottom: 1px solid var(--line);\n}\n\n\n.abera-ing-v3__accordion summary {\n position: relative;\n\n padding: 16px 40px 16px 0;\n\n list-style: none;\n\n color: var(--black);\n\n font-size: 14px;\n line-height: 1.2;\n\n font-weight: 700;\n\n text-align: left;\n\n cursor: pointer;\n\n text-transform: uppercase;\n}\n\n\n.abera-ing-v3__accordion summary::-webkit-details-marker {\n display: none;\n}\n\n\n.abera-ing-v3__accordion summary::after {\n content: \"\";\n\n position: absolute;\n\n right: 5px;\n top: 50%;\n\n width: 0;\n height: 0;\n\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-top: 8px solid #111111;\n\n transform: translateY(-50%);\n\n transition: transform .2s ease;\n}\n\n\n.abera-ing-v3__accordion[open] summary::after {\n transform:\n translateY(-50%)\n rotate(180deg);\n}\n\n\n.abera-ing-v3__accordion-content {\n padding: 0 0 17px;\n\n text-align: left;\n}\n\n\n.abera-ing-v3__accordion-content p {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 12px;\n line-height: 1.6;\n}\n\n\n\/* =========================================================\n CAROUSEL WRAPPER\n========================================================= *\/\n\n.abera-ing-v3__carousel {\n position: relative;\n\n width: 100%;\n}\n\n\n\/* =========================================================\n DESKTOP TRACK\n 7 CARDS VISIBLE\n========================================================= *\/\n\n.abera-ing-v3__track {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(7, minmax(0, 1fr));\n\n gap: 10px;\n\n align-items: stretch;\n}\n\n\n\/* =========================================================\n CARD\n========================================================= *\/\n\n.abera-ing-v3__card {\n min-width: 0;\n\n display: flex;\n flex-direction: column;\n\n background: var(--card);\n\n border-radius: 7px;\n\n overflow: hidden;\n\n color: #ffffff;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.abera-ing-v3__image {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #151515;\n\n flex-shrink: 0;\n}\n\n\n.abera-ing-v3__image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n SPECIAL CROP:\n RETINOL + NIACINAMIDE FROM SAME IMAGE\n========================================================= *\/\n\n.abera-ing-v3__image--split img {\n position: absolute;\n\n top: 0;\n\n width: 200%;\n max-width: none;\n\n height: 100%;\n\n object-fit: cover;\n}\n\n\n\/* RETINOL = LEFT HALF *\/\n\n.abera-ing-v3__image--retinol img {\n left: 0;\n}\n\n\n\/* NIACINAMIDE = RIGHT HALF *\/\n\n.abera-ing-v3__image--niacinamide img {\n left: -100%;\n}\n\n\n\/* =========================================================\n CARD CONTENT\n========================================================= *\/\n\n.abera-ing-v3__content {\n flex: 1;\n\n padding: 14px 12px 16px;\n\n display: flex;\n flex-direction: column;\n}\n\n\n.abera-ing-v3__name {\n margin: 0 0 7px;\n\n color: #ffffff;\n\n font-size: 13px;\n line-height: 1.25;\n\n font-weight: 750;\n\n text-transform: uppercase;\n}\n\n\n.abera-ing-v3__benefit {\n margin: 0;\n\n color: rgba(255,255,255,.72);\n\n font-size: 12px;\n line-height: 1.45;\n}\n\n\n\/* =========================================================\n ARROWS\n HIDDEN ON DESKTOP\n========================================================= *\/\n\n.abera-ing-v3__controls {\n display: none;\n}\n\n\n.abera-ing-v3__arrow {\n width: 42px;\n height: 42px;\n\n padding: 0;\n\n border: 0;\n border-radius: 50%;\n\n background: #111111;\n color: #ffffff;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n cursor: pointer;\n\n transition:\n opacity .2s ease,\n transform .2s ease;\n}\n\n\n.abera-ing-v3__arrow:active {\n transform: scale(.95);\n}\n\n\n.abera-ing-v3__arrow:disabled {\n opacity: .25;\n\n cursor: default;\n}\n\n\n.abera-ing-v3__arrow svg {\n width: 19px;\n height: 19px;\n\n stroke: currentColor;\n}\n\n\n\/* COUNTER *\/\n\n.abera-ing-v3__counter {\n min-width: 54px;\n\n color: #666666;\n\n font-size: 12px;\n line-height: 1;\n\n font-weight: 600;\n\n text-align: center;\n}\n\n\n\/* =========================================================\n MEDIUM DESKTOP\n========================================================= *\/\n\n@media screen and (min-width: 1000px) and (max-width: 1250px) {\n\n .abera-ing-v3 {\n padding-left: 18px;\n padding-right: 18px;\n }\n\n\n .abera-ing-v3__track {\n gap: 7px;\n }\n\n\n .abera-ing-v3__content {\n padding: 11px 9px 13px;\n }\n\n\n .abera-ing-v3__name {\n font-size: 11px;\n }\n\n\n .abera-ing-v3__benefit {\n font-size: 10.5px;\n }\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 999px) {\n\n .abera-ing-v3 {\n padding: 38px 20px;\n }\n\n\n .abera-ing-v3__track {\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 10px;\n }\n\n\n .abera-ing-v3__card {\n margin-bottom: 0;\n }\n\n\n .abera-ing-v3__name {\n font-size: 12px;\n }\n\n\n .abera-ing-v3__benefit {\n font-size: 11px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-ing-v3 {\n padding: 30px 15px 32px;\n }\n\n\n \/* HEADER *\/\n\n .abera-ing-v3__header {\n margin-bottom: 22px;\n\n text-align: left;\n }\n\n\n .abera-ing-v3__title {\n margin-bottom: 10px;\n\n font-size: 25px;\n line-height: 1.18;\n }\n\n\n .abera-ing-v3__subtitle {\n margin: 0;\n\n font-size: 14px;\n line-height: 1.5;\n }\n\n\n .abera-ing-v3__accordion {\n max-width: none;\n\n margin-top: 17px;\n }\n\n\n .abera-ing-v3__accordion summary {\n padding: 14px 36px 14px 0;\n\n font-size: 13px;\n }\n\n\n \/* =======================================================\n MOBILE VIEWPORT\n ONLY ONE CARD VISIBLE\n ======================================================= *\/\n\n .abera-ing-v3__carousel {\n width: 100%;\n\n overflow: hidden;\n }\n\n\n .abera-ing-v3__track {\n width: 100%;\n\n display: flex;\n\n gap: 0;\n\n overflow: hidden;\n\n scroll-behavior: smooth;\n scroll-snap-type: x mandatory;\n }\n\n\n .abera-ing-v3__card {\n flex: 0 0 100%;\n\n min-width: 100%;\n\n scroll-snap-align: start;\n\n border-radius: 8px;\n }\n\n\n \/* IMAGE *\/\n\n .abera-ing-v3__image {\n aspect-ratio: 1 \/ .9;\n }\n\n\n \/* CONTENT *\/\n\n .abera-ing-v3__content {\n padding: 17px 16px 20px;\n }\n\n\n .abera-ing-v3__name {\n margin-bottom: 7px;\n\n font-size: 16px;\n }\n\n\n .abera-ing-v3__benefit {\n font-size: 14px;\n line-height: 1.45;\n }\n\n\n \/* =======================================================\n MOBILE ARROWS\n ======================================================= *\/\n\n .abera-ing-v3__controls {\n margin-top: 16px;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n gap: 14px;\n }\n\n}\n\n\n\/* =========================================================\n SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 420px) {\n\n .abera-ing-v3 {\n padding-left: 13px;\n padding-right: 13px;\n }\n\n\n .abera-ing-v3__title {\n font-size: 23px;\n }\n\n\n .abera-ing-v3__arrow {\n width: 40px;\n height: 40px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-ing-v3\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__inner\"\u003e\n\n\n \u003c!-- =====================================================\n TOP HEADER\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-ing-v3__header\"\u003e\n\n\n \u003ch2 class=\"abera-ing-v3__title\"\u003e\n WHAT'S INSIDE AND WHY IT WORKS\n \u003c\/h2\u003e\n\n\n \u003cp class=\"abera-ing-v3__subtitle\"\u003e\n A dermatologist-tested blend of\n \u003cstrong\u003escience-backed actives and skin-supporting ingredients\u003c\/strong\u003e\n for smoother, healthier-looking skin.\n \u003c\/p\u003e\n\n\n\n \u003c!-- =================================================\n FULL INGREDIENTS\n ================================================== --\u003e\n\n \u003cdetails class=\"abera-ing-v3__accordion\"\u003e\n\n \u003csummary\u003e\n SEE FULL INGREDIENTS\n \u003c\/summary\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__accordion-content\"\u003e\n\n \u003cp\u003e\n Purified Water, Propylene Glycol, Niacinamide,\n Aloe Barbadensis Leaf Juice Powder, Alcohol,\n Retinol (and) Hydroxypropyl Cyclodextrin,\n PEG-40 Hydrogenated Castor Oil,\n Pentylene Glycol (and) Ganoderma Lucidum\n (Mushroom) Extract, Centella Asiatica Extract\n (and) Aspergillus Ferment (and) Butylene Glycol\n (and) 1,2-Hexanediol (and) Ethyl Hexanediol,\n Hyaluronic Acid, Dipotassium Glycyrrhizate,\n Sclerotium Gum, Phenoxyethanol (and)\n Ethylhexylglycerin, Tocopheryl Acetate,\n Rosa Damascena Flower Oil,\n Menthol (and) Menthyl Lactate.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n CARDS\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-ing-v3__carousel\"\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__track\"\u003e\n\n\n \u003c!-- =================================================\n 01 RETINOL\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"\n abera-ing-v3__image\n abera-ing-v3__image--split\n abera-ing-v3__image--retinol\n \"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_37.webp?v=1786674306\" alt=\"Retinol 0.1%\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n RETINOL 0.1%\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Helps reduce fine lines and improve skin texture.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 02 NIACINAMIDE\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"\n abera-ing-v3__image\n abera-ing-v3__image--split\n abera-ing-v3__image--niacinamide\n \"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_37.webp?v=1786674306\" alt=\"Niacinamide\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n NIACINAMIDE 5%\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Helps brighten dark spots and even skin tone.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 03 PANTHENOL\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_38.webp?v=1786674307\" alt=\"Panthenol Vitamin B5\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n PANTHENOL B5\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Hydrates, soothes and supports the skin barrier.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 04 REISHI\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/whiskeydarek_Close-up_of_reishi_mushrooms_growing_on_a_log_996344e7-3303-4ea1-9f54-8c1837c54a68.webp?v=1786674307\" alt=\"Reishi Mushroom Extract\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n REISHI MUSHROOM\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Helps soothe and protect stressed-looking skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 05 ALOE\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/aloe.webp?v=1786674306\" alt=\"Aloe Barbadensis\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n ALOE BARBADENSIS\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Hydrates and calms dry, irritated-looking skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 06 ROSA DAMASCENA\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Rosa_Damascena.webp?v=1786674449\" alt=\"Rosa Damascena\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n ROSA DAMASCENA\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Helps calm and soften the skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 07 CENTELLA\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Artboard_18_4a033c62-5196-4b6a-8b44-8eaadc0a2833.webp?v=1786674306\" alt=\"Centella Asiatica Extract\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n CENTELLA ASIATICA\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Soothes skin and supports visible recovery.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- ===================================================\n MOBILE CONTROLS\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-ing-v3__controls\"\u003e\n\n\n \u003cbutton class=\"abera-ing-v3__arrow abera-ing-v3__prev\" type=\"button\" aria-label=\"Previous ingredient\"\u003e\n\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M15 18L9 12L15 6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n\n \u003cdiv class=\"abera-ing-v3__counter\"\u003e\n\n \u003cspan class=\"abera-ing-v3__current\"\u003e\n 1\n \u003c\/span\u003e\n\n \/\n\n \u003cspan class=\"abera-ing-v3__total\"\u003e\n 7\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cbutton class=\"abera-ing-v3__arrow abera-ing-v3__next\" type=\"button\" aria-label=\"Next ingredient\"\u003e\n\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M9 18L15 12L9 6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003cscript\u003e\n(function () {\n\n function initAberaIngredientsV3(section) {\n\n if (!section) return;\n\n const track =\n section.querySelector('.abera-ing-v3__track');\n\n const cards =\n Array.from(\n section.querySelectorAll('.abera-ing-v3__card')\n );\n\n const prev =\n section.querySelector('.abera-ing-v3__prev');\n\n const next =\n section.querySelector('.abera-ing-v3__next');\n\n const current =\n section.querySelector('.abera-ing-v3__current');\n\n const total =\n section.querySelector('.abera-ing-v3__total');\n\n\n if (!track || !cards.length) return;\n\n\n let index = 0;\n\n\n if (total) {\n total.textContent = cards.length;\n }\n\n\n \/* =====================================================\n MOBILE ONLY\n ====================================================== *\/\n\n function isMobile() {\n return window.innerWidth \u003c= 749;\n }\n\n\n \/* =====================================================\n GO TO CARD\n ====================================================== *\/\n\n function goToCard(newIndex) {\n\n if (!isMobile()) return;\n\n\n index =\n Math.max(\n 0,\n Math.min(\n newIndex,\n cards.length - 1\n )\n );\n\n\n const cardWidth =\n track.clientWidth;\n\n\n track.scrollTo({\n\n left:\n cardWidth * index,\n\n behavior: 'smooth'\n\n });\n\n\n updateControls();\n\n }\n\n\n \/* =====================================================\n UPDATE CONTROL\n ====================================================== *\/\n\n function updateControls() {\n\n if (current) {\n current.textContent = index + 1;\n }\n\n\n if (prev) {\n prev.disabled = index === 0;\n }\n\n\n if (next) {\n next.disabled =\n index === cards.length - 1;\n }\n\n }\n\n\n \/* =====================================================\n PREVIOUS\n ====================================================== *\/\n\n if (prev) {\n\n prev.addEventListener(\n 'click',\n function () {\n\n goToCard(index - 1);\n\n }\n );\n\n }\n\n\n \/* =====================================================\n NEXT\n ====================================================== *\/\n\n if (next) {\n\n next.addEventListener(\n 'click',\n function () {\n\n goToCard(index + 1);\n\n }\n );\n\n }\n\n\n \/* =====================================================\n RESET WHEN RESIZE\n ====================================================== *\/\n\n window.addEventListener(\n 'resize',\n function () {\n\n if (isMobile()) {\n\n track.scrollTo({\n left:\n track.clientWidth * index,\n\n behavior: 'auto'\n });\n\n } else {\n\n index = 0;\n\n track.scrollTo({\n left: 0,\n behavior: 'auto'\n });\n\n }\n\n\n updateControls();\n\n }\n );\n\n\n updateControls();\n\n }\n\n\n function initAll() {\n\n document\n .querySelectorAll('.abera-ing-v3')\n .forEach(initAberaIngredientsV3);\n\n }\n\n\n if (document.readyState === 'loading') {\n\n document.addEventListener(\n 'DOMContentLoaded',\n initAll\n );\n\n } else {\n\n initAll();\n\n }\n\n})();\n\u003c\/script\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n FIRST 90 DAYS TIMELINE\n========================================================= *\/\n\n.abera-90days {\n --black: #111111;\n --text: #2d2d2d;\n --muted: #666666;\n --line: #dedede;\n --soft: #f5f5f5;\n --white: #ffffff;\n\n width: 100%;\n background: var(--white);\n color: var(--black);\n\n font-family: inherit;\n box-sizing: border-box;\n\n padding: 54px 30px 58px;\n}\n\n.abera-90days *,\n.abera-90days *::before,\n.abera-90days *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-90days__inner {\n width: 100%;\n max-width: 1450px;\n\n margin: 0 auto;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-90days__header {\n max-width: 760px;\n\n margin: 0 auto 40px;\n\n text-align: center;\n}\n\n\n.abera-90days__title {\n margin: 0 0 10px;\n\n color: var(--black);\n\n font-size: clamp(20px, 3vw, 30px);\n line-height: 1.12;\n\n font-weight: 700;\n\n letter-spacing: 0px;\n\n text-transform: uppercase;\n}\n\n\n.abera-90days__subtitle {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 18px;\n line-height: 1.5;\n}\n\n\n\/* =========================================================\n TIMELINE\n========================================================= *\/\n\n.abera-90days__timeline {\n position: relative;\n\n width: calc(100% - 150px);\n\n height: 30px;\n\n margin: 0 auto 22px;\n}\n\n\n\/* LINE *\/\n\n.abera-90days__timeline::before {\n content: \"\";\n\n position: absolute;\n\n left: 0;\n right: 0;\n top: 50%;\n\n height: 2px;\n\n background: #e5e5e5;\n\n transform: translateY(-50%);\n}\n\n\n\/* DOTS *\/\n\n.abera-90days__timeline-dot {\n position: absolute;\n\n top: 50%;\n\n width: 18px;\n height: 18px;\n\n border-radius: 50%;\n\n background: var(--black);\n\n border: 4px solid #dddddd;\n\n transform: translate(-50%, -50%);\n\n z-index: 2;\n}\n\n\n.abera-90days__timeline-dot:nth-child(1) {\n left: 16.666%;\n}\n\n\n.abera-90days__timeline-dot:nth-child(2) {\n left: 50%;\n}\n\n\n.abera-90days__timeline-dot:nth-child(3) {\n left: 83.333%;\n}\n\n\n\/* =========================================================\n CARDS\n========================================================= *\/\n\n.abera-90days__cards {\n display: grid;\n\n grid-template-columns:\n repeat(3, minmax(0, 1fr));\n\n gap: 22px;\n\n align-items: stretch;\n}\n\n\n\/* CARD *\/\n\n.abera-90days__card {\n min-width: 0;\n\n display: flex;\n flex-direction: column;\n\n background: #ffffff;\n\n border: 1px solid #e4e4e4;\n\n border-radius: 10px;\n\n overflow: hidden;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.abera-90days__image {\n width: 100%;\n\n aspect-ratio: 1 \/ .92;\n\n overflow: hidden;\n\n background: #eeeeee;\n\n flex-shrink: 0;\n}\n\n\n.abera-90days__image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n CONTENT\n========================================================= *\/\n\n.abera-90days__content {\n flex: 1;\n\n padding: 20px 20px 24px;\n}\n\n\n\/* WEEK TAG *\/\n\n.abera-90days__week {\n display: inline-flex;\n\n margin-bottom: 15px;\n\n padding: 7px 15px;\n\n border-radius: 999px;\n\n background: var(--black);\n color: #ffffff;\n\n font-size: 12px;\n line-height: 1;\n\n font-weight: 700;\n\n letter-spacing: .3px;\n\n text-transform: uppercase;\n}\n\n\n\/* CARD TITLE *\/\n\n.abera-90days__card-title {\n margin: 0 0 15px;\n\n color: var(--black);\n\n font-size: 18px;\n line-height: 1.25;\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n LIST\n========================================================= *\/\n\n.abera-90days__list {\n list-style: none;\n\n margin: 0;\n padding: 0;\n}\n\n\n.abera-90days__list li {\n position: relative;\n\n margin: 0 0 14px;\n\n padding-left: 26px;\n\n color: var(--text);\n\n font-size: 15px;\n line-height: 1.4;\n}\n\n\n.abera-90days__list li:last-child {\n margin-bottom: 0;\n}\n\n\n\/* CHECK *\/\n\n.abera-90days__list li::before {\n content: \"✓\";\n\n position: absolute;\n\n left: 0;\n top: 1px;\n\n width: 17px;\n height: 17px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border: 1.5px solid #777777;\n border-radius: 50%;\n\n color: #444444;\n\n font-size: 10px;\n line-height: 1;\n\n font-weight: 800;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-90days {\n padding: 44px 22px 48px;\n }\n\n\n .abera-90days__cards {\n gap: 14px;\n }\n\n\n .abera-90days__content {\n padding: 17px 16px 20px;\n }\n\n\n .abera-90days__card-title {\n font-size: 16px;\n }\n\n\n .abera-90days__list li {\n padding-left: 23px;\n\n font-size: 13px;\n }\n\n\n .abera-90days__timeline {\n width: calc(100% - 100px);\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-90days {\n padding: 20px 10px 20px;\n }\n\n\n \/* HEADER *\/\n\n .abera-90days__header {\n margin-bottom: 26px;\n\n text-align: left;\n }\n\n\n .abera-90days__title {\n margin-bottom: 9px;\n\n font-size: 26px;\n line-height: 1.18;\n }\n\n\n .abera-90days__subtitle {\n font-size: 16px;\n line-height: 1.5;\n }\n\n\n \/* HIDE DESKTOP LINE *\/\n\n .abera-90days__timeline {\n display: none;\n }\n\n\n \/* CARDS STACK *\/\n\n .abera-90days__cards {\n display: flex;\n flex-direction: column;\n\n gap: 16px;\n }\n\n\n .abera-90days__card {\n width: 100%;\n\n border-radius: 9px;\n }\n\n\n .abera-90days__image {\n aspect-ratio: 1 \/ .82;\n }\n\n\n .abera-90days__content {\n padding: 17px 16px 20px;\n }\n\n\n .abera-90days__week {\n margin-bottom: 12px;\n\n padding: 6px 13px;\n\n font-size: 11px;\n }\n\n\n .abera-90days__card-title {\n margin-bottom: 13px;\n\n font-size: 17px;\n }\n\n\n .abera-90days__list li {\n margin-bottom: 12px;\n\n padding-left: 24px;\n\n font-size: 14px;\n line-height: 1.4;\n }\n\n}\n\u003c\/style\u003e\n\n\n\n\u003csection class=\"abera-90days\"\u003e\n\n \u003cdiv class=\"abera-90days__inner\"\u003e\n\n\n \u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-90days__header\"\u003e\n\n \u003ch2 class=\"abera-90days__title\"\u003e\n YOUR FIRST 90 DAYS WITH ABERA MEN\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-90days__subtitle\"\u003e\n Here's exactly what to expect — week by week.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n DESKTOP TIMELINE\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-90days__timeline\"\u003e\n\n \u003cspan class=\"abera-90days__timeline-dot\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"abera-90days__timeline-dot\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"abera-90days__timeline-dot\"\u003e\u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n CARDS\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-90days__cards\"\u003e\n\n\n \u003c!-- ===================================================\n WEEK 1–2\n ==================================================== --\u003e\n\n \u003carticle class=\"abera-90days__card\"\u003e\n\n\n \u003cdiv class=\"abera-90days__image\"\u003e\n\n \u003c!-- =========================================\n GẮN LINK HÌNH WEEK 1–2 TẠI ĐÂY\n ========================================== --\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/15_1.webp?v=1788843806\" alt=\"ABERA Men Retinol week 1 to 2 results\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"abera-90days__content\"\u003e\n\n \u003cspan class=\"abera-90days__week\"\u003e\n WEEK 1–2\n \u003c\/span\u003e\n\n\n \u003ch3 class=\"abera-90days__card-title\"\u003e\n The Foundation\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-90days__list\"\u003e\n\n \u003cli\u003e\n Neck and face feel hydrated overnight without greasy residue\n \u003c\/li\u003e\n\n \u003cli\u003e\n Dry, tight feeling after washing disappears\n \u003c\/li\u003e\n\n \u003cli\u003e\n Skin texture starts softening — you'll feel it before you see it\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- ===================================================\n WEEK 3–6\n ==================================================== --\u003e\n\n \u003carticle class=\"abera-90days__card\"\u003e\n\n\n \u003cdiv class=\"abera-90days__image\"\u003e\n\n \u003c!-- =========================================\n GẮN LINK HÌNH WEEK 3–6 TẠI ĐÂY\n ========================================== --\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/17_1_d75c17f0-0986-4c9f-af42-564d35b56339.webp?v=1788843805\" alt=\"ABERA Men Retinol week 3 to 6 results\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"abera-90days__content\"\u003e\n\n \u003cspan class=\"abera-90days__week\"\u003e\n WEEK 3–6\n \u003c\/span\u003e\n\n\n \u003ch3 class=\"abera-90days__card-title\"\u003e\n Others Start Noticing\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-90days__list\"\u003e\n\n \u003cli\u003e\n Fine lines around eyes and forehead visibly soften\n \u003c\/li\u003e\n\n \u003cli\u003e\n Skin tone evens out — the \"tired, exhausted\" look fades\n \u003c\/li\u003e\n\n \u003cli\u003e\n Your wife, your barber, your coworker — someone will say something\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- ===================================================\n WEEK 8–12\n ==================================================== --\u003e\n\n \u003carticle class=\"abera-90days__card\"\u003e\n\n\n \u003cdiv class=\"abera-90days__image\"\u003e\n\n \u003c!-- =========================================\n GẮN LINK HÌNH WEEK 8–12 TẠI ĐÂY\n ========================================== --\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/16_1.webp?v=1788843805\" alt=\"ABERA Men Retinol week 8 to 12 results\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"abera-90days__content\"\u003e\n\n \u003cspan class=\"abera-90days__week\"\u003e\n WEEK 8–12\n \u003c\/span\u003e\n\n\n \u003ch3 class=\"abera-90days__card-title\"\u003e\n The Real Transformation\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-90days__list\"\u003e\n\n \u003cli\u003e\n Jawline looks noticeably firmer and more defined\n \u003c\/li\u003e\n\n \u003cli\u003e\n Neck skin tightens — less sagging over the collar\n \u003c\/li\u003e\n\n \u003cli\u003e\n Deep lines continue reducing — you look like YOU, just younger\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN\n FACE + BODY BUNDLE - CAROUSEL + PRICE\n========================================================= *\/\n\n.abera-duo-v4 {\n --black: #111111;\n --text: #333333;\n --muted: #707070;\n --line: #dddddd;\n --white: #ffffff;\n --dot: #c7c7c7;\n --sale: #d71920;\n\n width: 100%;\n max-width: 100%;\n\n background: #ffffff;\n color: var(--black);\n\n font-family: inherit;\n\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.abera-duo-v4 *,\n.abera-duo-v4 *::before,\n.abera-duo-v4 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-duo-v4__inner {\n width: 100%;\n max-width: 1450px;\n\n margin: 0 auto;\n\n padding: 54px 34px;\n}\n\n\n\/* =========================================================\n MAIN LAYOUT\n========================================================= *\/\n\n.abera-duo-v4__layout {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 1fr)\n minmax(0, 1fr);\n\n gap: 42px;\n\n align-items: center;\n}\n\n.abera-duo-v4__layout \u003e * {\n min-width: 0;\n}\n\n\n\/* =========================================================\n LEFT - IMAGE CAROUSEL\n========================================================= *\/\n\n.abera-duo-v4__gallery {\n width: 100%;\n min-width: 0;\n}\n\n\n.abera-duo-v4__viewport {\n width: 100%;\n\n overflow: hidden;\n\n border-radius: 9px;\n\n background: #f3f3f3;\n}\n\n\n.abera-duo-v4__track {\n width: 100%;\n\n display: flex;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n scroll-behavior: smooth;\n scroll-snap-type: x mandatory;\n\n scrollbar-width: none;\n\n -webkit-overflow-scrolling: touch;\n}\n\n\n.abera-duo-v4__track::-webkit-scrollbar {\n display: none;\n}\n\n\n.abera-duo-v4__slide {\n flex: 0 0 100%;\n min-width: 100%;\n\n scroll-snap-align: start;\n scroll-snap-stop: always;\n}\n\n\n.abera-duo-v4__slide img {\n width: 100%;\n\n display: block;\n\n aspect-ratio: 1 \/ 1;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n CAROUSEL CONTROLS\n========================================================= *\/\n\n.abera-duo-v4__controls {\n width: 100%;\n\n margin-top: 16px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n gap: 15px;\n}\n\n\n\/* ARROWS *\/\n\n.abera-duo-v4__arrow {\n width: 38px;\n height: 38px;\n\n flex: 0 0 38px;\n\n padding: 0;\n\n border: 1px solid #d5d5d5;\n border-radius: 50%;\n\n background: #ffffff;\n color: #111111;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n cursor: pointer;\n\n transition:\n background .2s ease,\n color .2s ease,\n border-color .2s ease,\n opacity .2s ease,\n transform .2s ease;\n}\n\n\n.abera-duo-v4__arrow:hover {\n background: #111111;\n color: #ffffff;\n\n border-color: #111111;\n}\n\n\n.abera-duo-v4__arrow:active {\n transform: scale(.94);\n}\n\n\n.abera-duo-v4__arrow:disabled {\n opacity: .25;\n\n cursor: default;\n\n background: #ffffff;\n color: #111111;\n\n border-color: #d5d5d5;\n}\n\n\n.abera-duo-v4__arrow svg {\n width: 18px;\n height: 18px;\n\n display: block;\n\n stroke: currentColor;\n}\n\n\n\/* =========================================================\n DOTS\n========================================================= *\/\n\n.abera-duo-v4__dots {\n display: flex;\n align-items: center;\n justify-content: center;\n\n gap: 7px;\n}\n\n\n.abera-duo-v4__dot {\n width: 7px;\n height: 7px;\n\n padding: 0;\n\n border: 0;\n border-radius: 20px;\n\n background: var(--dot);\n\n cursor: pointer;\n\n transition:\n width .2s ease,\n background .2s ease;\n}\n\n\n.abera-duo-v4__dot.is-active {\n width: 22px;\n\n background: #111111;\n}\n\n\n\/* =========================================================\n RIGHT CONTENT\n========================================================= *\/\n\n.abera-duo-v4__content {\n width: 100%;\n max-width: 100%;\n min-width: 0;\n}\n\n\n\/* EYEBROW *\/\n\n.abera-duo-v4__eyebrow {\n margin: 0 0 10px;\n\n color: var(--muted);\n\n font-size: 11px;\n line-height: 1.2;\n\n font-weight: 700;\n\n letter-spacing: 1.5px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n.abera-duo-v4__title {\n margin: 0 0 14px;\n\n color: var(--black);\n\n font-size: clamp(28px, 3vw, 38px);\n line-height: 1.08;\n\n font-weight: 700;\n\n letter-spacing: 0;\n\n text-transform: uppercase;\n}\n\n\n\/* DESCRIPTION *\/\n\n.abera-duo-v4__description {\n width: 100%;\n max-width: 670px;\n\n margin: 0;\n\n color: #555555;\n\n font-size: 15px;\n line-height: 1.55;\n}\n\n\n\/* =========================================================\n PRICE\n========================================================= *\/\n\n.abera-duo-v4__price {\n width: 100%;\n\n margin-top: 17px;\n\n display: flex;\n align-items: center;\n\n gap: 12px;\n}\n\n\n\/* OLD PRICE *\/\n\n.abera-duo-v4__price-old {\n position: relative;\n\n display: inline-block;\n\n color: #111111;\n\n font-size: 18px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n.abera-duo-v4__price-old::after {\n content: \"\";\n\n position: absolute;\n\n left: -2px;\n right: -2px;\n\n top: 50%;\n\n height: 1.5px;\n\n background: #111111;\n\n transform: translateY(-50%);\n}\n\n\n\/* SALE PRICE *\/\n\n.abera-duo-v4__price-new {\n color: var(--sale);\n\n font-size: 29px;\n line-height: 1;\n\n font-weight: 800;\n\n letter-spacing: -.4px;\n}\n\n\n\/* =========================================================\n BENEFIT COLUMNS\n========================================================= *\/\n\n.abera-duo-v4__products {\n width: 100%;\n\n margin-top: 28px;\n\n display: grid;\n\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 28px;\n}\n\n\n.abera-duo-v4__product {\n min-width: 0;\n}\n\n\n\/* PRODUCT TITLE *\/\n\n.abera-duo-v4__product-title {\n margin: 0;\n\n padding-bottom: 10px;\n\n border-bottom: 1px solid var(--line);\n\n color: var(--black);\n\n font-size: 15px;\n line-height: 1.2;\n\n font-weight: 750;\n\n text-transform: uppercase;\n}\n\n\n\/* LIST *\/\n\n.abera-duo-v4__list {\n margin: 14px 0 0;\n\n padding: 0;\n\n list-style: none;\n\n display: flex;\n flex-direction: column;\n\n gap: 11px;\n}\n\n\n.abera-duo-v4__list li {\n position: relative;\n\n margin: 0;\n\n padding-left: 27px;\n\n color: #2d2d2d;\n\n font-size: 13px;\n line-height: 1.4;\n}\n\n\n\/* CHECK *\/\n\n.abera-duo-v4__list li::before {\n content: \"✓\";\n\n position: absolute;\n\n left: 0;\n top: 0;\n\n width: 18px;\n height: 18px;\n\n border-radius: 50%;\n\n background: #111111;\n color: #ffffff;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n font-size: 11px;\n line-height: 1;\n\n font-weight: 800;\n}\n\n\n\/* =========================================================\n CTA - FULL WIDTH\n========================================================= *\/\n\n.abera-duo-v4__cta-wrap {\n width: 100%;\n\n margin-top: 28px;\n}\n\n\n.abera-duo-v4__cta {\n width: 100%;\n max-width: 100%;\n\n min-height: 50px;\n\n padding: 0 24px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background: #111111;\n color: #ffffff;\n\n border: 1px solid #111111;\n border-radius: 5px;\n\n text-decoration: none;\n\n font-size: 13px;\n line-height: 1;\n\n font-weight: 750;\n\n letter-spacing: .2px;\n\n text-align: center;\n\n text-transform: uppercase;\n\n cursor: pointer;\n\n transition:\n background .2s ease,\n color .2s ease,\n transform .2s ease;\n}\n\n\n.abera-duo-v4__cta:hover {\n background: #ffffff;\n color: #111111;\n\n text-decoration: none;\n}\n\n\n.abera-duo-v4__cta:active {\n transform: scale(.99);\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-duo-v4__inner {\n padding: 42px 24px;\n }\n\n\n .abera-duo-v4__layout {\n gap: 28px;\n }\n\n\n .abera-duo-v4__title {\n font-size: 29px;\n }\n\n\n .abera-duo-v4__description {\n font-size: 14px;\n }\n\n\n .abera-duo-v4__price {\n margin-top: 15px;\n }\n\n\n .abera-duo-v4__price-old {\n font-size: 16px;\n }\n\n\n .abera-duo-v4__price-new {\n font-size: 26px;\n }\n\n\n .abera-duo-v4__products {\n margin-top: 22px;\n\n gap: 20px;\n }\n\n\n .abera-duo-v4__product-title {\n font-size: 13px;\n }\n\n\n .abera-duo-v4__list {\n gap: 8px;\n }\n\n\n .abera-duo-v4__list li {\n padding-left: 24px;\n\n font-size: 11.5px;\n }\n\n\n .abera-duo-v4__list li::before {\n width: 16px;\n height: 16px;\n\n font-size: 9px;\n }\n\n\n .abera-duo-v4__cta {\n min-height: 48px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-duo-v4__inner {\n padding: 30px 15px;\n }\n\n\n \/* STACK *\/\n\n .abera-duo-v4__layout {\n display: flex;\n flex-direction: column;\n\n gap: 28px;\n }\n\n\n \/* GALLERY *\/\n\n .abera-duo-v4__gallery {\n width: 100%;\n }\n\n\n .abera-duo-v4__viewport {\n border-radius: 7px;\n }\n\n\n .abera-duo-v4__slide img {\n aspect-ratio: 1 \/ 1;\n }\n\n\n .abera-duo-v4__controls {\n margin-top: 13px;\n\n gap: 12px;\n }\n\n\n .abera-duo-v4__arrow {\n width: 36px;\n height: 36px;\n\n flex-basis: 36px;\n }\n\n\n \/* CONTENT *\/\n\n .abera-duo-v4__content {\n width: 100%;\n }\n\n\n .abera-duo-v4__eyebrow {\n font-size: 10px;\n }\n\n\n .abera-duo-v4__title {\n margin-bottom: 12px;\n\n font-size: 27px;\n line-height: 1.12;\n }\n\n\n .abera-duo-v4__description {\n font-size: 14px;\n line-height: 1.5;\n }\n\n\n \/* PRICE *\/\n\n .abera-duo-v4__price {\n margin-top: 14px;\n\n gap: 10px;\n }\n\n\n .abera-duo-v4__price-old {\n font-size: 16px;\n }\n\n\n .abera-duo-v4__price-new {\n font-size: 27px;\n }\n\n\n \/* PRODUCTS *\/\n\n .abera-duo-v4__products {\n margin-top: 24px;\n\n grid-template-columns: 1fr;\n\n gap: 24px;\n }\n\n\n .abera-duo-v4__product-title {\n padding-bottom: 9px;\n\n font-size: 14px;\n }\n\n\n .abera-duo-v4__list {\n margin-top: 12px;\n\n gap: 10px;\n }\n\n\n .abera-duo-v4__list li {\n padding-left: 26px;\n\n font-size: 13px;\n }\n\n\n .abera-duo-v4__list li::before {\n width: 18px;\n height: 18px;\n\n font-size: 10px;\n }\n\n\n \/* CTA *\/\n\n .abera-duo-v4__cta-wrap {\n width: 100%;\n\n margin-top: 25px;\n }\n\n\n .abera-duo-v4__cta {\n width: 100%;\n\n min-height: 50px;\n\n padding: 0 18px;\n\n font-size: 13px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-duo-v4\"\u003e\n\n \u003cdiv class=\"abera-duo-v4__inner\"\u003e\n\n \u003cdiv class=\"abera-duo-v4__layout\"\u003e\n\n\n \u003c!-- ===================================================\n LEFT - IMAGE CAROUSEL\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__gallery\"\u003e\n\n\n \u003cdiv class=\"abera-duo-v4__viewport\"\u003e\n\n\n \u003cdiv class=\"abera-duo-v4__track\"\u003e\n\n\n \u003c!-- IMAGE 01 --\u003e\n\n \u003cdiv class=\"abera-duo-v4__slide\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_Image_Aug_14_2026_04_52_00_PM.png?v=1787718987\" alt=\"ABERA Men Face and Body Bundle\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- IMAGE 02 --\u003e\n\n \u003cdiv class=\"abera-duo-v4__slide\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_43.webp?v=1786758238\" alt=\"ABERA Men Retinol Serum and Body Wash\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- IMAGE 03 --\u003e\n\n \u003cdiv class=\"abera-duo-v4__slide\"\u003e\n\n \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 Face and Body Routine\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- IMAGE 04 --\u003e\n\n \u003cdiv class=\"abera-duo-v4__slide\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPTImageAug26_2026_09_17_47AM.webp?v=1787717680\" alt=\"ABERA Men skincare routine\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n ARROW + DOTS + ARROW\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__controls\"\u003e\n\n\n \u003cbutton class=\"abera-duo-v4__arrow abera-duo-v4__prev\" type=\"button\" aria-label=\"Previous image\"\u003e\n\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\n \u003cpath d=\"M15 18L9 12L15 6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n\n \u003cdiv class=\"abera-duo-v4__dots\"\u003e\u003c\/div\u003e\n\n\n\n \u003cbutton class=\"abera-duo-v4__arrow abera-duo-v4__next\" type=\"button\" aria-label=\"Next image\"\u003e\n\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\n \u003cpath d=\"M9 18L15 12L9 6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- ===================================================\n RIGHT CONTENT\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__content\"\u003e\n\n\n \u003cdiv class=\"abera-duo-v4__eyebrow\"\u003e\n COMPLETE MEN'S SKIN ROUTINE\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"abera-duo-v4__title\"\u003e\n ABERA MEN FACE + BODY BUNDLE\n \u003c\/h2\u003e\n\n\n \u003cp class=\"abera-duo-v4__description\"\u003e\n A simple two-step routine for face and body —\n targeted anti-aging care at night plus a daily body wash\n for clearer, smoother and healthier-looking skin.\n \u003c\/p\u003e\n\n\n\n \u003c!-- =================================================\n PRICE\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__price\"\u003e\n\n \u003cspan class=\"abera-duo-v4__price-old\"\u003e\n $59.99\n \u003c\/span\u003e\n\n \u003cspan class=\"abera-duo-v4__price-new\"\u003e\n $38.00\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n PRODUCT BENEFITS\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__products\"\u003e\n\n\n \u003c!-- RETINOL --\u003e\n\n \u003cdiv class=\"abera-duo-v4__product\"\u003e\n\n\n \u003ch3 class=\"abera-duo-v4__product-title\"\u003e\n RETINOL SERUM\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-duo-v4__list\"\u003e\n\n \u003cli\u003e\n Helps smooth fine lines \u0026amp; wrinkles\n \u003c\/li\u003e\n\n \u003cli\u003e\n Helps fade dark spots\n \u003c\/li\u003e\n\n \u003cli\u003e\n Improves uneven skin texture\n \u003c\/li\u003e\n\n \u003cli\u003e\n Supports firmer-looking skin\n \u003c\/li\u003e\n\n \u003cli\u003e\n Hydrates \u0026amp; supports the skin barrier\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- BODY WASH --\u003e\n\n \u003cdiv class=\"abera-duo-v4__product\"\u003e\n\n\n \u003ch3 class=\"abera-duo-v4__product-title\"\u003e\n ACNE BODY WASH\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-duo-v4__list\"\u003e\n\n \u003cli\u003e\n Helps reduce body acne\n \u003c\/li\u003e\n\n \u003cli\u003e\n Helps control excess sebum\n \u003c\/li\u003e\n\n \u003cli\u003e\n Deeply cleanses pores\n \u003c\/li\u003e\n\n \u003cli\u003e\n Helps reduce clogged pores\n \u003c\/li\u003e\n\n \u003cli\u003e\n Cleans without over-drying skin\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n FULL WIDTH CHECKOUT BUTTON\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__cta-wrap\"\u003e\n\n\n \u003c!--\n THAY YOUR_COMBO_CHECKOUT_URL\n BẰNG LINK CHECKOUT CỦA COMBO\n --\u003e\n\n \u003ca class=\"abera-duo-v4__cta\" href=\"https:\/\/nthytu-xb.myshopify.com\/cart\/54168374772080:1?channel=buy_button\"\u003e\n ADD TO CART\n \u003c\/a\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003cscript\u003e\n(function () {\n\n function initAberaDuoCarousel(section) {\n\n if (\n !section ||\n section.dataset.aberaDuoInitialized === 'true'\n ) {\n return;\n }\n\n\n section.dataset.aberaDuoInitialized = 'true';\n\n\n const track =\n section.querySelector(\n '.abera-duo-v4__track'\n );\n\n\n const slides =\n Array.from(\n section.querySelectorAll(\n '.abera-duo-v4__slide'\n )\n );\n\n\n const prev =\n section.querySelector(\n '.abera-duo-v4__prev'\n );\n\n\n const next =\n section.querySelector(\n '.abera-duo-v4__next'\n );\n\n\n const dotsContainer =\n section.querySelector(\n '.abera-duo-v4__dots'\n );\n\n\n if (!track || !slides.length) {\n return;\n }\n\n\n let currentIndex = 0;\n\n\n\n \/* =====================================================\n CREATE DOTS\n ====================================================== *\/\n\n slides.forEach(\n function(slide, index) {\n\n const dot =\n document.createElement('button');\n\n\n dot.type = 'button';\n\n dot.className =\n 'abera-duo-v4__dot';\n\n\n dot.setAttribute(\n 'aria-label',\n 'Go to image ' + (index + 1)\n );\n\n\n if (index === 0) {\n\n dot.classList.add(\n 'is-active'\n );\n\n }\n\n\n dot.addEventListener(\n 'click',\n function() {\n\n goToSlide(index);\n\n }\n );\n\n\n dotsContainer.appendChild(dot);\n\n }\n );\n\n\n const dots =\n Array.from(\n dotsContainer.querySelectorAll(\n '.abera-duo-v4__dot'\n )\n );\n\n\n\n \/* =====================================================\n GO TO SLIDE\n ====================================================== *\/\n\n function goToSlide(index) {\n\n currentIndex =\n Math.max(\n 0,\n Math.min(\n index,\n slides.length - 1\n )\n );\n\n\n track.scrollTo({\n\n left:\n track.clientWidth *\n currentIndex,\n\n behavior: 'smooth'\n\n });\n\n\n updateUI();\n\n }\n\n\n\n \/* =====================================================\n CURRENT SLIDE\n ====================================================== *\/\n\n function getCurrentIndex() {\n\n if (!track.clientWidth) {\n return 0;\n }\n\n\n return Math.round(\n track.scrollLeft \/\n track.clientWidth\n );\n\n }\n\n\n\n \/* =====================================================\n UPDATE UI\n ====================================================== *\/\n\n function updateUI() {\n\n currentIndex =\n getCurrentIndex();\n\n\n dots.forEach(\n function(dot, index) {\n\n dot.classList.toggle(\n 'is-active',\n index === currentIndex\n );\n\n }\n );\n\n\n if (prev) {\n\n prev.disabled =\n currentIndex === 0;\n\n }\n\n\n if (next) {\n\n next.disabled =\n currentIndex ===\n slides.length - 1;\n\n }\n\n }\n\n\n\n \/* =====================================================\n PREVIOUS\n ====================================================== *\/\n\n if (prev) {\n\n prev.addEventListener(\n 'click',\n function() {\n\n goToSlide(\n currentIndex - 1\n );\n\n }\n );\n\n }\n\n\n\n \/* =====================================================\n NEXT\n ====================================================== *\/\n\n if (next) {\n\n next.addEventListener(\n 'click',\n function() {\n\n goToSlide(\n currentIndex + 1\n );\n\n }\n );\n\n }\n\n\n\n \/* =====================================================\n SWIPE \/ SCROLL\n ====================================================== *\/\n\n let timer;\n\n\n track.addEventListener(\n 'scroll',\n function() {\n\n clearTimeout(timer);\n\n\n timer =\n setTimeout(\n updateUI,\n 60\n );\n\n },\n {\n passive: true\n }\n );\n\n\n\n \/* =====================================================\n RESIZE\n ====================================================== *\/\n\n window.addEventListener(\n 'resize',\n function() {\n\n track.scrollTo({\n\n left:\n track.clientWidth *\n currentIndex,\n\n behavior: 'auto'\n\n });\n\n\n updateUI();\n\n }\n );\n\n\n updateUI();\n\n }\n\n\n\n function initAllAberaDuo() {\n\n document\n .querySelectorAll(\n '.abera-duo-v4'\n )\n .forEach(\n initAberaDuoCarousel\n );\n\n }\n\n\n\n if (\n document.readyState === 'loading'\n ) {\n\n document.addEventListener(\n 'DOMContentLoaded',\n initAllAberaDuo\n );\n\n } else {\n\n initAllAberaDuo();\n\n }\n\n})();\n\u003c\/script\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n COMPARISON SECTION - RESPONSIVE V2\n========================================================= *\/\n\n.abera-compare-v2 {\n --bg: #090909;\n --white: #ffffff;\n\n --text: rgba(255,255,255,.92);\n --muted: rgba(255,255,255,.60);\n\n --line: rgba(255,255,255,.13);\n --soft-line: rgba(255,255,255,.09);\n\n --label-bg: rgba(255,255,255,.08);\n --other-bg: rgba(255,255,255,.03);\n\n --highlight: #f1eee8;\n --highlight-alt: #e5e7eb;\n --highlight-text: #111111;\n\n width: 100%;\n max-width: 100%;\n\n overflow: hidden;\n\n background:\n radial-gradient(\n circle at 80% 10%,\n rgba(255,255,255,.07),\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #070707 0%,\n #0c0c0c 55%,\n #121212 100%\n );\n\n color: var(--white);\n\n font-family: inherit;\n\n box-sizing: border-box;\n}\n\n\n.abera-compare-v2 *,\n.abera-compare-v2 *::before,\n.abera-compare-v2 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-compare-v2__inner {\n width: 100%;\n max-width: 1280px;\n\n margin: 0 auto;\n\n padding: 60px 34px;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-compare-v2__header {\n width: 100%;\n max-width: 760px;\n\n margin: 0 auto 34px;\n\n text-align: center;\n}\n\n\n.abera-compare-v2__eyebrow {\n margin: 0 0 10px;\n\n color: var(--muted);\n\n font-size: 11px;\n line-height: 1.2;\n\n font-weight: 700;\n\n letter-spacing: 1.7px;\n\n text-transform: uppercase;\n}\n\n\n.abera-compare-v2__title {\n margin: 0;\n\n color: var(--white);\n\n font-size: clamp(30px, 4vw, 50px);\n line-height: 1.06;\n\n font-weight: 700;\n\n letter-spacing: -.5px;\n}\n\n\n.abera-compare-v2__subtitle {\n max-width: 670px;\n\n margin: 15px auto 0;\n\n color: rgba(255,255,255,.72);\n\n font-size: 15px;\n line-height: 1.55;\n}\n\n\n\/* =========================================================\n TABLE WRAPPER\n========================================================= *\/\n\n.abera-compare-v2__table-wrap {\n width: 100%;\n}\n\n\n\/* =========================================================\n TABLE\n========================================================= *\/\n\n.abera-compare-v2__table {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 1.65fr)\n minmax(150px, .62fr)\n minmax(120px, .48fr);\n\n overflow: hidden;\n\n border: 1px solid var(--line);\n border-radius: 16px;\n\n background: rgba(255,255,255,.025);\n}\n\n\n\/* =========================================================\n BASE CELL\n========================================================= *\/\n\n.abera-compare-v2__cell {\n min-width: 0;\n min-height: 70px;\n\n padding: 15px 20px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-bottom: 1px solid var(--soft-line);\n}\n\n\n\/* LEFT LABEL *\/\n\n.abera-compare-v2__cell--label {\n justify-content: flex-start;\n\n background: var(--label-bg);\n}\n\n\n\/* ABERA COLUMN *\/\n\n.abera-compare-v2__cell--abera {\n background: var(--highlight);\n\n color: var(--highlight-text);\n}\n\n\n\/* alternating subtle Abera row *\/\n\n.abera-compare-v2__cell--abera.alt {\n background: var(--highlight-alt);\n}\n\n\n\/* OTHERS *\/\n\n.abera-compare-v2__cell--other {\n background: var(--other-bg);\n}\n\n\n\/* REMOVE BOTTOM BORDER LAST ROW *\/\n\n.abera-compare-v2__table \u003e\n.abera-compare-v2__cell:nth-last-child(-n + 3) {\n border-bottom: 0;\n}\n\n\n\/* =========================================================\n HEADER ROW\n========================================================= *\/\n\n.abera-compare-v2__head {\n min-height: 112px;\n}\n\n\n.abera-compare-v2__head--label {\n background: transparent;\n}\n\n\n.abera-compare-v2__head--abera {\n background: var(--highlight);\n}\n\n\n.abera-compare-v2__head--other {\n background: transparent;\n}\n\n\n\/* =========================================================\n ABERA BRAND\n========================================================= *\/\n\n.abera-compare-v2__brand {\n width: 100%;\n\n display: flex;\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n gap: 7px;\n\n text-align: center;\n}\n\n\n.abera-compare-v2__product-img {\n width: 40px;\n height: 70px;\n\n display: block;\n\n object-fit: contain;\n}\n\n\n.abera-compare-v2__brand-name {\n color: #111111;\n\n font-size: 12px;\n line-height: 1.2;\n\n font-weight: 800;\n\n letter-spacing: .4px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n OTHERS TITLE\n========================================================= *\/\n\n.abera-compare-v2__other-title {\n color: #ffffff;\n\n font-size: 15px;\n line-height: 1.2;\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n FEATURE\n========================================================= *\/\n\n.abera-compare-v2__feature {\n width: 100%;\n\n margin: 0;\n\n color: var(--white);\n\n font-size: 15px;\n line-height: 1.35;\n\n font-weight: 650;\n\n overflow-wrap: break-word;\n}\n\n\n\/* =========================================================\n CHECK \/ CROSS\n========================================================= *\/\n\n.abera-compare-v2__icon {\n width: 30px;\n height: 30px;\n\n flex: 0 0 30px;\n\n border-radius: 50%;\n\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 700;\n}\n\n\n.abera-compare-v2__icon--check {\n color: #111111;\n\n border: 1.5px solid rgba(17,17,17,.65);\n}\n\n\n.abera-compare-v2__icon--cross {\n color: rgba(255,255,255,.92);\n\n border: 1px solid rgba(255,255,255,.45);\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-compare-v2__inner {\n padding: 48px 22px;\n }\n\n\n .abera-compare-v2__table {\n grid-template-columns:\n minmax(0, 1.55fr)\n minmax(120px, .60fr)\n minmax(100px, .48fr);\n }\n\n\n .abera-compare-v2__cell {\n padding: 14px 16px;\n }\n\n\n .abera-compare-v2__feature {\n font-size: 14px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n FULL TABLE FITS SCREEN\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-compare-v2__inner {\n padding: 36px 12px 40px;\n }\n\n\n \/* HEADER *\/\n\n .abera-compare-v2__header {\n margin-bottom: 24px;\n }\n\n\n .abera-compare-v2__eyebrow {\n margin-bottom: 8px;\n\n font-size: 9px;\n\n letter-spacing: 1.2px;\n }\n\n\n .abera-compare-v2__title {\n font-size: 28px;\n line-height: 1.1;\n }\n\n\n .abera-compare-v2__subtitle {\n margin-top: 11px;\n\n font-size: 13px;\n line-height: 1.5;\n }\n\n\n \/* =======================================================\n MOBILE TABLE\n IMPORTANT: NO MIN WIDTH \/ NO HORIZONTAL SCROLL\n ======================================================= *\/\n\n .abera-compare-v2__table-wrap {\n width: 100%;\n\n overflow: visible;\n }\n\n\n .abera-compare-v2__table {\n width: 100%;\n min-width: 0;\n\n \/*\n 54% feature\n 26% Abera\n 20% Others\n *\/\n\n grid-template-columns:\n minmax(0, 1.55fr)\n minmax(0, .74fr)\n minmax(0, .57fr);\n\n border-radius: 12px;\n }\n\n\n \/* =======================================================\n CELLS\n ======================================================= *\/\n\n .abera-compare-v2__cell {\n min-width: 0;\n min-height: 59px;\n\n padding: 10px 8px;\n }\n\n\n .abera-compare-v2__cell--label {\n padding-left: 12px;\n padding-right: 8px;\n }\n\n\n \/* =======================================================\n MOBILE HEAD\n ======================================================= *\/\n\n .abera-compare-v2__head {\n min-height: 78px;\n\n padding-top: 9px;\n padding-bottom: 9px;\n }\n\n\n .abera-compare-v2__brand {\n gap: 3px;\n }\n\n\n .abera-compare-v2__product-img {\n width: 27px;\n height: 46px;\n }\n\n\n .abera-compare-v2__brand-name {\n font-size: 8px;\n line-height: 1.15;\n\n letter-spacing: 0;\n }\n\n\n .abera-compare-v2__other-title {\n font-size: 11px;\n }\n\n\n \/* =======================================================\n FEATURE TEXT\n ======================================================= *\/\n\n .abera-compare-v2__feature {\n font-size: 11.5px;\n line-height: 1.4;\n\n font-weight: 650;\n }\n\n\n \/* =======================================================\n ICON\n ======================================================= *\/\n\n .abera-compare-v2__icon {\n width: 24px;\n height: 24px;\n\n flex-basis: 24px;\n\n font-size: 11px;\n }\n\n}\n\n\n\/* =========================================================\n VERY SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 380px) {\n\n .abera-compare-v2__inner {\n padding-left: 9px;\n padding-right: 9px;\n }\n\n\n .abera-compare-v2__title {\n font-size: 25px;\n }\n\n\n .abera-compare-v2__cell {\n min-height: 56px;\n\n padding-left: 6px;\n padding-right: 6px;\n }\n\n\n .abera-compare-v2__cell--label {\n padding-left: 9px;\n }\n\n\n .abera-compare-v2__feature {\n font-size: 10.5px;\n }\n\n\n .abera-compare-v2__brand-name {\n font-size: 7.5px;\n }\n\n\n .abera-compare-v2__other-title {\n font-size: 10px;\n }\n\n\n .abera-compare-v2__icon {\n width: 22px;\n height: 22px;\n\n flex-basis: 22px;\n\n font-size: 10px;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-compare-v2\"\u003e\n\u003cdiv class=\"abera-compare-v2__inner\"\u003e\n\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__header\"\u003e\n\u003cp class=\"abera-compare-v2__eyebrow\"\u003eWHY CUSTOMERS CHOOSE ABERA MEN\u003c\/p\u003e\n\u003ch2 class=\"abera-compare-v2__title\"\u003eWhy Men Are Switching to ABERA MEN Retinol\u003c\/h2\u003e\n\u003cp class=\"abera-compare-v2__subtitle\"\u003eA targeted nightly retinol serum made for men who want visible anti-aging support, smoother-looking skin and a simple routine that fits real life.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n COMPARISON TABLE\n ====================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__table-wrap\"\u003e\n\u003cdiv class=\"abera-compare-v2__table\"\u003e\n\u003c!-- =================================================\n HEADER ROW\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell\n abera-compare-v2__cell--label\n abera-compare-v2__head\n abera-compare-v2__head--label\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- ABERA HEADER --\u003e\n\u003cdiv class=\"abera-compare-v2__cell\n abera-compare-v2__cell--abera\n abera-compare-v2__head\n abera-compare-v2__head--abera\"\u003e\n\u003cdiv class=\"abera-compare-v2__brand\"\u003e\n\u003c!--\n GẮN LINK HÌNH CHAI ABERA MEN RETINOL\n TẠI src=\"\"\n --\u003e \u003cimg class=\"abera-compare-v2__product-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_23.webp?v=1788840241\" alt=\"ABERA MEN Retinol Serum\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-compare-v2__brand-name\"\u003eABERA MEN\u003cbr\u003eRETINOL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- OTHERS HEADER --\u003e\n\u003cdiv class=\"abera-compare-v2__cell\n abera-compare-v2__cell--other\n abera-compare-v2__head\n abera-compare-v2__head--other\"\u003e\n\u003cdiv class=\"abera-compare-v2__other-title\"\u003eOthers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 01\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eRebuilds collagen in dermis\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 02\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eGentle retinol no irritation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera alt\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 03\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eDeep absorption not surface level\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 04\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eNo inflammation or damage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera alt\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 05\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eNo silicones or fillers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 06\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eMade for men over 40\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera alt\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 07\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eOne step nightly routine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 08\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003e30 day money back guarantee\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera alt\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n 30 DAY MONEY BACK GUARANTEE\n========================================================= *\/\n\n.abera-guarantee-v2 {\n --black: #111111;\n --text: #111111;\n --muted: #5d5d5d;\n --white: #ffffff;\n\n width: 100%;\n max-width: 100%;\n\n background: #ffffff;\n color: var(--text);\n\n font-family: inherit;\n\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.abera-guarantee-v2 *,\n.abera-guarantee-v2 *::before,\n.abera-guarantee-v2 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-guarantee-v2__inner {\n width: 100%;\n max-width: 1050px;\n\n margin: 0 auto;\n\n padding: 60px 24px 64px;\n\n text-align: center;\n}\n\n\n\/* =========================================================\n GUARANTEE LOGO \/ BADGE\n========================================================= *\/\n\n.abera-guarantee-v2__badge {\n width: 165px;\n height: 165px;\n\n margin: 0 auto 30px;\n}\n\n\n.abera-guarantee-v2__badge svg {\n width: 100%;\n height: 100%;\n\n display: block;\n}\n\n\n\/* OUTER CIRCLE *\/\n\n.abera-guarantee-v2__outer-circle {\n fill: none;\n\n stroke: #111111;\n stroke-width: 2.4;\n}\n\n\n\/* INNER SIDE ARCS *\/\n\n.abera-guarantee-v2__inner-arc {\n fill: none;\n\n stroke: #111111;\n stroke-width: 2;\n\n stroke-linecap: round;\n}\n\n\n\/* CURVED TEXT *\/\n\n.abera-guarantee-v2__ring-text {\n fill: #111111;\n\n font-family: Arial, Helvetica, sans-serif;\n\n font-size: 11px;\n font-weight: 700;\n\n letter-spacing: 1.7px;\n\n text-transform: uppercase;\n}\n\n\n\/* NUMBER *\/\n\n.abera-guarantee-v2__number {\n fill: #111111;\n\n font-family: Arial, Helvetica, sans-serif;\n\n font-size: 45px;\n font-weight: 800;\n\n letter-spacing: -1px;\n}\n\n\n\/* DAYS *\/\n\n.abera-guarantee-v2__days {\n fill: #111111;\n\n font-family: Arial, Helvetica, sans-serif;\n\n font-size: 17px;\n font-weight: 800;\n\n letter-spacing: .5px;\n}\n\n\n\/* =========================================================\n TITLE\n========================================================= *\/\n\n.abera-guarantee-v2__title {\n max-width: 900px;\n\n margin: 0 auto 18px;\n\n color: #111111;\n\n font-size: clamp(27px, 3vw, 47px);\n line-height: 1.08;\n\n font-weight: 600;\n\n letter-spacing: 0px;\n}\n\n\n\/* =========================================================\n DESCRIPTION\n========================================================= *\/\n\n.abera-guarantee-v2__description {\n max-width: 760px;\n\n margin: 0 auto;\n\n color: var(--muted);\n\n font-size: 17px;\n line-height: 1.62;\n}\n\n\n.abera-guarantee-v2__description strong {\n color: #111111;\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-guarantee-v2__inner {\n padding: 42px 18px 46px;\n }\n\n\n .abera-guarantee-v2__badge {\n width: 130px;\n height: 130px;\n\n margin-bottom: 24px;\n }\n\n\n .abera-guarantee-v2__title {\n margin-bottom: 14px;\n\n font-size: 31px;\n line-height: 1.12;\n }\n\n\n .abera-guarantee-v2__description {\n font-size: 14px;\n line-height: 1.58;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-guarantee-v2\"\u003e\n\u003cdiv class=\"abera-guarantee-v2__inner\"\u003e\n\u003c!-- =====================================================\n 30 DAY MONEY BACK LOGO\n ====================================================== --\u003e\n\u003cdiv class=\"abera-guarantee-v2__badge\"\u003e\u003csvg viewbox=\"0 0 180 180\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\"\u003e\n\n\n \n\n \u003ccircle class=\"abera-guarantee-v2__outer-circle\" cx=\"90\" cy=\"90\" r=\"78\"\u003e\u003c\/circle\u003e\n\n\n \n\n \u003cdefs\u003e\n\n \u003cpath id=\"aberaMoneyBackTop\" d=\"M 31,79\n A 62,62 0 0,1 149,79\"\u003e\u003c\/path\u003e\n\n\n \n\n \u003cpath id=\"aberaMoneyBackBottom\" d=\"M 37,126\n A 66,66 0 0,0 143,126\"\u003e\u003c\/path\u003e\n\n \u003c\/defs\u003e\n\n\n\n \n\n \u003cpath class=\"abera-guarantee-v2__inner-arc\" d=\"M48 60\n C38 76 37 101 49 119\"\u003e\u003c\/path\u003e\n\n \u003cpath class=\"abera-guarantee-v2__inner-arc\" d=\"M132 60\n C142 76 143 101 131 119\"\u003e\u003c\/path\u003e\n\n\n\n \n\n \u003ctext class=\"abera-guarantee-v2__ring-text\"\u003e\n\n \u003ctextpath href=\"#aberaMoneyBackTop\" startoffset=\"50%\" text-anchor=\"middle\"\u003e\n MONEY BACK\n \u003c\/textpath\u003e\n\n \u003c\/text\u003e\n\n\n\n \n\n \u003ctext class=\"abera-guarantee-v2__number\" x=\"90\" y=\"91\" text-anchor=\"middle\"\u003e\n 30\n \u003c\/text\u003e\n\n\n \u003ctext class=\"abera-guarantee-v2__days\" x=\"90\" y=\"111\" text-anchor=\"middle\"\u003e\n DAYS\n \u003c\/text\u003e\n\n\n\n \n\n \u003ctext class=\"abera-guarantee-v2__ring-text\"\u003e\n\n \u003ctextpath href=\"#aberaMoneyBackBottom\" startoffset=\"50%\" text-anchor=\"middle\"\u003e\n GUARANTEE\n \u003c\/textpath\u003e\n\n \u003c\/text\u003e\n\n\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n CONTENT\n ====================================================== --\u003e\n\u003ch2 class=\"abera-guarantee-v2__title\"\u003eTry It for 30 Days.\u003cbr\u003eIf You Don’t See It, You Don’t Pay.\u003c\/h2\u003e\n\u003cp class=\"abera-guarantee-v2__description\"\u003eWe know you've tried products before that didn't work. Use \u003cstrong\u003eABERA MEN Retinol Serum\u003c\/strong\u003e consistently for 30 days. If you don't notice a difference, simply send it back for a refund.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n FAQ SECTION\n========================================================= *\/\n\n.abera-faq-section {\n width: 100%;\n max-width: 1100px;\n\n margin: 0 auto;\n\n padding: 48px 24px;\n\n font-family: Arial, Helvetica, sans-serif;\n\n color: #111111;\n background: #ffffff;\n\n box-sizing: border-box;\n}\n\n\n.abera-faq-section *,\n.abera-faq-section *::before,\n.abera-faq-section *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n TITLE\n========================================================= *\/\n\n.abera-faq-title {\n margin: 0 0 20px 0;\n\n padding: 0;\n\n color: #000000;\n\n font-size: 28px;\n line-height: 1.3;\n\n font-weight: 800;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n FAQ LIST\n========================================================= *\/\n\n.abera-faq-list {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n border-top: 1px solid #dddddd;\n}\n\n\n\/* =========================================================\n FAQ ITEM\n========================================================= *\/\n\n.abera-faq-item {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n background: #ffffff;\n\n border: none;\n border-bottom: 1px solid #dddddd;\n}\n\n\n\/* REMOVE DEFAULT DETAILS ARROW *\/\n\n.abera-faq-item summary {\n list-style: none;\n}\n\n\n.abera-faq-item summary::-webkit-details-marker {\n display: none;\n}\n\n\n\/* =========================================================\n QUESTION\n========================================================= *\/\n\n.abera-faq-question {\n position: relative;\n\n display: block;\n\n width: 100%;\n\n margin: 0;\n\n padding: 18px 46px 18px 0;\n\n background: #ffffff;\n color: #111111;\n\n cursor: pointer;\n\n font-size: 16px;\n line-height: 1.4;\n\n font-weight: 700;\n}\n\n\n\/* PLUS *\/\n\n.abera-faq-question::after {\n content: \"+\";\n\n position: absolute;\n\n right: 4px;\n top: 50%;\n\n transform: translateY(-50%);\n\n color: #111111;\n\n font-size: 24px;\n line-height: 1;\n\n font-weight: 400;\n}\n\n\n\/* MINUS WHEN OPEN *\/\n\n.abera-faq-item[open] .abera-faq-question::after {\n content: \"−\";\n}\n\n\n\/* =========================================================\n ANSWER\n========================================================= *\/\n\n.abera-faq-answer {\n width: 100%;\n\n margin: 0;\n\n padding: 0 42px 20px 0;\n\n background: #ffffff;\n\n color: #444444;\n\n font-size: 15px;\n line-height: 1.6;\n\n font-weight: 400;\n}\n\n\n.abera-faq-answer p {\n margin: 0;\n padding: 0;\n}\n\n\n.abera-faq-answer strong {\n color: #111111;\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n DOSAGE\n========================================================= *\/\n\n.abera-faq-dosage {\n margin-top: 9px;\n}\n\n\n.abera-faq-dosage div {\n margin: 3px 0;\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-faq-section {\n width: 100%;\n max-width: 100%;\n\n margin: 0 auto;\n\n padding: 20px 16px;\n }\n\n\n .abera-faq-title {\n margin-bottom: 16px;\n\n font-size: 20px;\n line-height: 1.35;\n }\n\n\n .abera-faq-question {\n padding: 16px 38px 16px 0;\n\n font-size: 15px;\n line-height: 1.4;\n }\n\n\n .abera-faq-question::after {\n right: 2px;\n\n font-size: 22px;\n }\n\n\n .abera-faq-answer {\n padding: 0 28px 17px 0;\n\n font-size: 14px;\n line-height: 1.55;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-faq-section\"\u003e\u003c!-- =====================================================\n TITLE\n ====================================================== --\u003e\n\u003ch2 class=\"abera-faq-title\"\u003eQUESTIONS MEN FREQUENTLY ASKED\u003c\/h2\u003e\n\u003c!-- =====================================================\n FAQ LIST\n ====================================================== --\u003e\n\u003cdiv class=\"abera-faq-list\"\u003e\n\u003c!-- ===================================================\n FAQ 01\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eWho is ABERA MEN Retinol Serum designed for?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eABERA MEN Retinol Serum is designed for men who want a simple yet effective skincare solution to help improve the look of fine lines, uneven texture, dullness and dryness. Formulated with 0.1% retinol and skin-supporting ingredients, it is ideal for men looking for smoother, healthier and more refreshed-looking skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 02\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eDoes ABERA MEN Retinol Serum leave behind a residue?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eThe lightweight serum absorbs easily into the skin and is designed to leave it feeling comfortable and hydrated without a heavy, greasy or sticky finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 03\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eWhen should I start seeing results?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eResults vary by skin type and consistency of use. With regular use, you may begin to notice improvements in hydration and skin texture within the first few weeks, while the appearance of fine lines, dark spots and uneven tone may improve gradually over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 04\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eHow much should I use?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eA few drops are typically enough for the face and neck. Adjust slightly depending on your skin's needs.\u003c\/p\u003e\n\u003cdiv class=\"abera-faq-dosage\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDry skin:\u003c\/strong\u003e 5–7 drops\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eNormal skin:\u003c\/strong\u003e 4–6 drops\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eOily skin:\u003c\/strong\u003e 3–5 drops\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 05\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eHow often should I use retinol?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eStart with \u003cstrong\u003e2–3 nights per week\u003c\/strong\u003e and gradually increase frequency as your skin adjusts. Apply at night to clean, dry skin and follow with moisturizer if needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 06\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eDo I need to use sunscreen while using retinol?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eYes. Use a \u003cstrong\u003ebroad-spectrum SPF 30 or higher\u003c\/strong\u003e every morning and limit excessive sun exposure while using retinol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 07\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eI have sensitive skin or allergies — can I use it?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eReview the full ingredient list before use and patch test a small area first. If your skin is particularly sensitive, begin with fewer applications per week and increase gradually as tolerated.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 08\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eHow long will it take for my order to arrive?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eOrders typically ship within \u003cstrong\u003e3–6 business days\u003c\/strong\u003e from our USA warehouse. Tracking information is provided for all orders.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Abera","offers":[{"title":"1 Bottle","offer_id":54075669086576,"sku":"CB-RETINOLTH069+SL1","price":25.0,"currency_code":"USD","in_stock":true},{"title":"2 Bottles + 🎁 1 Turmeric Rice Cleanser","offer_id":54075669119344,"sku":"CB-RETINOLTH069+SL2-CB-SRMABERA30+SL1","price":45.0,"currency_code":"USD","in_stock":true},{"title":"3 Bottles + 🎁 1 Microneedle Derma Roller","offer_id":54075669152112,"sku":"CB-RETINOLTH069+SL3-CB-LKOEM050+SL1","price":55.0,"currency_code":"USD","in_stock":true},{"title":"Face + Body Bundle","offer_id":54168374772080,"sku":"CB-RETINOLTH069+SL1-CB-USASTABM+SL1","price":38.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_d0e66e72-1657-4b5c-925f-bf7ebcf1badf.webp?v=1786697221"},{"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","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 Brand A+ Story Carousel\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 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\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\/* ============================================================\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\n\/* ============================================================\nHOW TO USE — MEN \/ WOMEN IMAGE CAROUSEL\n============================================================ *\/\n#abera-folliculitis-v2 .af-howto-carousel{\n position:relative;\n overflow:hidden;\n}\n\n#abera-folliculitis-v2 .af-howto-carousel \u003e img{\n transition:opacity .18s ease;\n}\n\n#abera-folliculitis-v2 .af-howto-arrow{\n position:absolute;\n top:50%;\n z-index:8;\n width:40px;\n height:52px;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:0;\n border:1px solid rgba(14,42,30,.16);\n border-radius:4px;\n background:rgba(255,255,255,.94);\n color:#17392a;\n box-shadow:0 4px 14px rgba(0,0,0,.08);\n transform:translateY(-50%);\n cursor:pointer;\n font-size:30px;\n line-height:1;\n font-weight:400;\n transition:background .18s ease,color .18s ease;\n}\n\n#abera-folliculitis-v2 .af-howto-arrow:hover{\n background:#17392a;\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-howto-prev{left:12px;}\n#abera-folliculitis-v2 .af-howto-next{right:12px;}\n\n#abera-folliculitis-v2 .af-howto-dots{\n position:absolute;\n left:50%;\n bottom:14px;\n z-index:9;\n display:flex;\n align-items:center;\n justify-content:center;\n gap:7px;\n transform:translateX(-50%);\n padding:6px 9px;\n border-radius:999px;\n background:rgba(255,255,255,.84);\n box-shadow:0 2px 10px rgba(0,0,0,.08);\n}\n\n#abera-folliculitis-v2 .af-howto-dot{\n width:9px;\n height:9px;\n min-width:9px;\n margin:0;\n padding:0;\n border:1px solid #23352b;\n border-radius:50%;\n background:#fff;\n cursor:pointer;\n transition:background .18s ease,border-color .18s ease,transform .18s ease;\n}\n\n#abera-folliculitis-v2 .af-howto-dot.active{\n background:#ef8b18;\n border-color:#ef8b18;\n transform:scale(1.05);\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-howto-arrow{\n width:36px;\n height:46px;\n font-size:27px;\n }\n #abera-folliculitis-v2 .af-howto-prev{left:8px;}\n #abera-folliculitis-v2 .af-howto-next{right:8px;}\n #abera-folliculitis-v2 .af-howto-dots{\n bottom:10px;\n gap:6px;\n padding:5px 8px;\n }\n #abera-folliculitis-v2 .af-howto-dot{\n width:8px;\n height:8px;\n min-width:8px;\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\/* ============================================================\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\/* ===== 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\/* ============================================================\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-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\n\/* ============================================================\n01 — BRAND A+ STORY — AMAZON-LIKE BEHAVIOR\nDesktop background: 2928 × 1250\nMobile background: 926 × 1250\nBrand card: 725 × 907\n\nDESKTOP:\n- Initial state leaves the left side of the background visible.\n- First card starts around 31% from the left.\n- When the user clicks\/swipes, the cards can move into the left area.\n\nMOBILE:\n- Initial state leaves ~10% of the banner visible on the left.\n- One large card + next-card peek.\n- Swipe removes the left banner slice and moves cards left.\n- Amazon-style orange dots below the image.\n============================================================ *\/\n\n#abera-folliculitis-v2 .af-brand-a-plus{\n width:100%;\n margin:0;\n padding:24px 0 34px;\n overflow:hidden;\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-brand-label{\n width:100%;\n margin:0;\n padding:0 22px 12px;\n color:#111;\n font-size:18px;\n line-height:1.2;\n font-weight:800;\n text-transform:none;\n}\n\n#abera-folliculitis-v2 .af-brand-stage{\n position:relative;\n width:100%;\n aspect-ratio:2928 \/ 1250;\n overflow:hidden;\n isolation:isolate;\n background:\n linear-gradient(120deg,#edf4df 0%,#dce9c4 48%,#cadf9f 100%);\n background-position:center top;\n background-repeat:no-repeat;\n background-size:cover;\n}\n\n\/* Placeholder shown until a real BG URL is pasted *\/\n#abera-folliculitis-v2 .af-brand-stage:not(.has-image) .af-brand-bg-placeholder{\n display:flex;\n}\n\n#abera-folliculitis-v2 .af-brand-stage.has-image .af-brand-bg-placeholder{\n display:none;\n}\n\n#abera-folliculitis-v2 .af-brand-bg-placeholder{\n position:absolute;\n z-index:0;\n inset:0;\n display:none;\n align-items:flex-start;\n justify-content:flex-start;\n flex-direction:column;\n gap:4px;\n padding:28px;\n color:#31503a;\n pointer-events:none;\n}\n\n#abera-folliculitis-v2 .af-brand-bg-placeholder strong{\n font-size:16px;\n line-height:1.2;\n font-weight:900;\n}\n\n#abera-folliculitis-v2 .af-brand-bg-placeholder span{\n font-size:12px;\n line-height:1.4;\n}\n\n\/* ---------------------------------------------------------\nDESKTOP CAROUSEL\nThe important Amazon behavior:\n31% left padding belongs to the scroll content.\nAt scrollLeft = 0, the background is visible on the left.\nOnce the user scrolls, that padding scrolls away with the cards.\n--------------------------------------------------------- *\/\n#abera-folliculitis-v2 .af-brand-carousel-shell{\n position:absolute;\n z-index:3;\n left:0;\n right:0;\n bottom:3.4%;\n width:100%;\n}\n\n#abera-folliculitis-v2 .af-brand-track{\n display:flex;\n flex-wrap:nowrap;\n align-items:stretch;\n gap:1.9%;\n width:100%;\n margin:0;\n padding:0;\n overflow-x:auto;\n overflow-y:hidden;\n scroll-behavior:smooth;\n scroll-snap-type:x mandatory;\n scroll-padding-left:4%;\n scrollbar-width:none;\n -webkit-overflow-scrolling:touch;\n overscroll-behavior-x:contain;\n}\n\n#abera-folliculitis-v2 .af-brand-track::-webkit-scrollbar{\n display:none;\n}\n\n#abera-folliculitis-v2 .af-brand-track{\n cursor:grab;\n user-select:none;\n -webkit-user-select:none;\n touch-action:pan-y;\n}\n\n#abera-folliculitis-v2 .af-brand-track.is-dragging{\n cursor:grabbing;\n scroll-behavior:auto;\n scroll-snap-type:none;\n}\n\n#abera-folliculitis-v2 .af-brand-track.is-dragging *{\n pointer-events:none;\n}\n\n\n\/* Real scrollable spacers keep the desktop banner visible initially\n WITHOUT shrinking the card widths. *\/\n#abera-folliculitis-v2 .af-brand-leading-spacer{\n flex:0 0 31.2%;\n min-width:31.2%;\n height:1px;\n scroll-snap-align:start;\n pointer-events:none;\n}\n\n#abera-folliculitis-v2 .af-brand-ending-spacer{\n flex:0 0 5.6%;\n min-width:5.6%;\n height:1px;\n pointer-events:none;\n}\n\n#abera-folliculitis-v2 .af-brand-card{\n position:relative;\n flex:0 0 24.7%;\n min-width:24.7%;\n aspect-ratio:725 \/ 907;\n overflow:hidden;\n border:1px solid rgba(35,62,42,.10);\n background:linear-gradient(145deg,#f4f7ed,#dce8cc);\n background-position:center;\n background-repeat:no-repeat;\n background-size:cover;\n box-shadow:0 5px 18px rgba(27,52,35,.08);\n scroll-snap-align:start;\n}\n\n#abera-folliculitis-v2 .af-brand-card.has-image .af-brand-card-placeholder{\n display:none;\n}\n\n#abera-folliculitis-v2 .af-brand-card-placeholder{\n position:absolute;\n inset:0;\n display:flex;\n align-items:center;\n justify-content:center;\n flex-direction:column;\n gap:6px;\n padding:18px;\n color:#36523d;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-brand-card-placeholder strong{\n font-size:15px;\n line-height:1.2;\n font-weight:900;\n}\n\n#abera-folliculitis-v2 .af-brand-card-placeholder span{\n max-width:190px;\n font-size:11px;\n line-height:1.4;\n}\n\n#abera-folliculitis-v2 .af-brand-card-placeholder small{\n color:#6c7e70;\n font-size:10px;\n}\n\n#abera-folliculitis-v2 .af-brand-arrow{\n position:absolute;\n z-index:8;\n top:50%;\n width:42px;\n height:62px;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:0;\n border:0;\n border-radius:7px;\n background:rgba(255,255,255,.95);\n color:#53645a;\n cursor:pointer;\n box-shadow:0 3px 13px rgba(0,0,0,.08);\n font-size:31px;\n line-height:1;\n transform:translateY(-50%);\n}\n\n#abera-folliculitis-v2 .af-brand-arrow:disabled{\n opacity:.34;\n cursor:default;\n}\n\n#abera-folliculitis-v2 .af-brand-prev{\n left:0;\n}\n\n#abera-folliculitis-v2 .af-brand-next{\n right:0;\n}\n\n\/* Desktop doesn't need dots *\/\n#abera-folliculitis-v2 .af-brand-dots{\n display:none;\n}\n\n\/* ---------------------------------------------------------\nTABLET\n--------------------------------------------------------- *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-brand-a-plus{\n padding-top:20px;\n }\n\n #abera-folliculitis-v2 .af-brand-label{\n padding-left:18px;\n padding-right:18px;\n font-size:17px;\n }\n\n #abera-folliculitis-v2 .af-brand-track{\n gap:12px;\n padding:0;\n }\n\n #abera-folliculitis-v2 .af-brand-leading-spacer{\n flex-basis:26%;\n min-width:26%;\n }\n\n #abera-folliculitis-v2 .af-brand-ending-spacer{\n flex-basis:5%;\n min-width:5%;\n }\n\n #abera-folliculitis-v2 .af-brand-card{\n flex-basis:31%;\n min-width:31%;\n }\n}\n\n\/* ---------------------------------------------------------\nMOBILE — Amazon-like layout\nBackground: 926 × 1250\nCard: ~78% wide so the next card peeks in.\nOrange dot = active.\nWhite dot + dark border = inactive.\n--------------------------------------------------------- *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-brand-a-plus{\n padding:16px 0 26px;\n }\n\n #abera-folliculitis-v2 .af-brand-label{\n padding:0 14px 10px;\n font-size:16px;\n }\n\n #abera-folliculitis-v2 .af-brand-stage{\n aspect-ratio:926 \/ 1250;\n background-position:center top;\n }\n\n #abera-folliculitis-v2 .af-brand-bg-placeholder{\n padding:18px 14px;\n }\n\n #abera-folliculitis-v2 .af-brand-carousel-shell{\n bottom:5.4%;\n }\n\n #abera-folliculitis-v2 .af-brand-track{\n gap:4%;\n padding:0;\n scroll-padding-left:0;\n cursor:auto;\n touch-action:pan-x pan-y;\n }\n\n \/* Amazon-like mobile initial state:\n leave a slim slice of the banner visible on the left.\n The spacer scrolls away as soon as the user swipes to Card 01. *\/\n #abera-folliculitis-v2 .af-brand-leading-spacer{\n display:block;\n flex:0 0 10%;\n min-width:10%;\n height:1px;\n scroll-snap-align:none;\n pointer-events:none;\n }\n\n #abera-folliculitis-v2 .af-brand-ending-spacer{\n flex:0 0 10%;\n min-width:10%;\n }\n\n #abera-folliculitis-v2 .af-brand-card{\n flex:0 0 77%;\n min-width:77%;\n box-shadow:none;\n }\n\n \/* Amazon mobile: swipe + dots, no side arrows *\/\n #abera-folliculitis-v2 .af-brand-arrow{\n display:none!important;\n }\n\n #abera-folliculitis-v2 .af-brand-dots{\n display:flex;\n align-items:center;\n justify-content:center;\n flex-wrap:nowrap;\n gap:9px;\n width:100%;\n margin:14px 0 0;\n padding:0 12px;\n }\n\n #abera-folliculitis-v2 .af-brand-dot{\n width:13px;\n height:13px;\n min-width:13px;\n padding:0;\n border:2px solid #202020;\n border-radius:50%;\n background:#fff;\n cursor:pointer;\n box-sizing:border-box;\n }\n\n #abera-folliculitis-v2 .af-brand-dot.active{\n border-color:#d96e17;\n background:#e9791d;\n }\n}\n\n\/* Smaller phones: keep all 9 dots visible *\/\n@media screen and (max-width:390px){\n #abera-folliculitis-v2 .af-brand-dots{\n gap:7px;\n }\n\n #abera-folliculitis-v2 .af-brand-dot{\n width:12px;\n height:12px;\n min-width:12px;\n }\n}\n\n\n\/* ============================================================\nAMAZON PREMIUM A+ IMAGE STACK — SECTIONS 02–08\nAmazon Premium Full Image:\nDesktop 1464 × 600 px minimum\nMobile 600 × 450 px minimum\n============================================================ *\/\n#abera-folliculitis-v2 .af-amazon-a-plus-stack{\n width:100%;\n margin:0;\n padding:0;\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-amazon-a-plus-item{\n position:relative;\n width:100%;\n max-width:1464px;\n margin:0 auto;\n padding:0;\n overflow:hidden;\n line-height:0;\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-amazon-a-plus-picture{\n display:none;\n width:100%;\n margin:0;\n padding:0;\n}\n\n#abera-folliculitis-v2 .af-amazon-a-plus-item.has-image .af-amazon-a-plus-picture{\n display:block;\n}\n\n#abera-folliculitis-v2 .af-amazon-a-plus-picture img{\n width:100%;\n height:auto;\n display:block;\n margin:0;\n padding:0;\n border:0;\n}\n\n#abera-folliculitis-v2 .af-amazon-a-plus-item.has-image .af-amazon-a-plus-placeholder{\n display:none;\n}\n\n#abera-folliculitis-v2 .af-amazon-a-plus-placeholder{\n width:100%;\n aspect-ratio:1464 \/ 600;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:7px;\n padding:24px;\n border:1px dashed #94a18f;\n background:linear-gradient(135deg,#f4f7ee,#e4edcf);\n color:#244631;\n text-align:center;\n line-height:1.35;\n}\n\n#abera-folliculitis-v2 .af-amazon-a-plus-placeholder strong{\n font-size:18px;\n line-height:1.2;\n font-weight:900;\n}\n\n#abera-folliculitis-v2 .af-amazon-a-plus-placeholder span{\n font-size:13px;\n line-height:1.35;\n}\n\n\/* Desktop \/ laptop: mimic Amazon A+ content rail *\/\n@media screen and (min-width:750px){\n #abera-folliculitis-v2 .af-amazon-a-plus-stack{\n padding:0;\n }\n\n #abera-folliculitis-v2 .af-amazon-a-plus-item{\n max-width:1464px;\n }\n}\n\n\/* Mobile: dedicated Amazon mobile creative ratio *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-amazon-a-plus-item{\n width:100%;\n max-width:600px;\n }\n\n #abera-folliculitis-v2 .af-amazon-a-plus-placeholder{\n aspect-ratio:600 \/ 450;\n padding:18px 14px;\n }\n\n #abera-folliculitis-v2 .af-amazon-a-plus-placeholder strong{\n font-size:15px;\n }\n\n #abera-folliculitis-v2 .af-amazon-a-plus-placeholder span{\n font-size:11px;\n }\n}\n\n\n\/* HOW TO USE — BHA SUPPORTING TIP ONLY *\/\n#abera-folliculitis-v2 .af-howto-note strong{\n color:#d8ff57!important;\n}\n\n\n\/* ============================================================\nHOW TO USE — FINAL COMPACT VERSION\nDesktop: square lifestyle image.\nMobile: shorter, cleaner stack.\nTesting icon strip removed from HTML.\n============================================================ *\/\n\n\/* DESKTOP *\/\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-howto{\n padding-top:40px!important;\n padding-bottom:40px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap{\n grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;\n gap:46px!important;\n align-items:center!important;\n }\n\n #abera-folliculitis-v2 .af-howto-media{\n width:100%!important;\n height:auto!important;\n min-height:0!important;\n aspect-ratio:1 \/ 1!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\/* MOBILE *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-howto{\n padding-top:28px!important;\n padding-bottom:30px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap{\n gap:18px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-media{\n width:100%!important;\n aspect-ratio:4 \/ 3!important;\n border-radius:6px!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 36%!important;\n }\n\n #abera-folliculitis-v2 .af-howto .af-eyebrow{\n margin-bottom:6px!important;\n }\n\n #abera-folliculitis-v2 .af-howto h2{\n font-size:27px!important;\n margin-bottom:4px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-steps{\n margin-top:10px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step{\n grid-template-columns:30px 1fr!important;\n gap:8px!important;\n padding:11px 0!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step\u003espan{\n font-size:11px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step strong{\n font-size:13.5px!important;\n line-height:1.3!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step p{\n margin-top:2px!important;\n font-size:13px!important;\n line-height:1.45!important;\n }\n\n #abera-folliculitis-v2 .af-howto-feel{\n margin-top:10px!important;\n padding:9px 10px!important;\n font-size:12.5px!important;\n line-height:1.45!important;\n }\n\n #abera-folliculitis-v2 .af-howto-note{\n margin-top:9px!important;\n padding-top:10px!important;\n font-size:12.5px!important;\n line-height:1.45!important;\n }\n}\n\n\n\/* ============================================================\nRESULTS — IMAGE-FOCUSED VERSION\nA+ already explains benefits\/results, so this section only adds\nvisual proof: image + area tag + short title.\n============================================================ *\/\n#abera-folliculitis-v2 .af-results{\n padding-top:46px!important;\n padding-bottom:42px!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-section-head{\n margin-bottom:24px!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-section-head p{\n display:none!important;\n}\n\n#abera-folliculitis-v2 .af-result-copy{\n padding:14px 16px 16px!important;\n}\n\n#abera-folliculitis-v2 .af-result-copy p{\n display:none!important;\n}\n\n#abera-folliculitis-v2 .af-result-copy h3{\n margin:8px 0 0!important;\n font-size:16px!important;\n line-height:1.25!important;\n}\n\n#abera-folliculitis-v2 .af-result-tag{\n margin:0!important;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-results{\n padding-top:30px!important;\n padding-bottom:28px!important;\n }\n\n #abera-folliculitis-v2 .af-results .af-section-head{\n margin-bottom:16px!important;\n }\n\n #abera-folliculitis-v2 .af-results h2{\n font-size:28px!important;\n line-height:1.1!important;\n }\n\n #abera-folliculitis-v2 .af-result-copy{\n padding:10px 12px 12px!important;\n }\n\n #abera-folliculitis-v2 .af-result-copy h3{\n font-size:14px!important;\n line-height:1.22!important;\n }\n\n #abera-folliculitis-v2 .af-result-tag{\n font-size:9px!important;\n }\n}\n\n\n\/* ============================================================\nFINAL VISUAL SYSTEM — MATCH AMAZON A+ \/ BRAND STORY\nApplied ONLY to the old HTML sections after the A+ image stack.\nA+ \/ Brand image assets are untouched.\n============================================================ *\/\n\n#abera-folliculitis-v2{\n --aap-ink:#1e2c16;\n --aap-deep:#36551d;\n --aap-green:#5f7f24;\n --aap-lime:#9fc24c;\n --aap-pale:#eef3dc;\n --aap-pale-2:#f6f7ef;\n --aap-cream:#fbfaf4;\n --aap-line:#d8dfc5;\n --aap-card:#ffffff;\n --aap-orange:#e7781b;\n --aap-muted:#66705f;\n}\n\n\/* ---------- Shared old-section rhythm ---------- *\/\n#abera-folliculitis-v2 .af-results,\n#abera-folliculitis-v2 .af-static-reviews,\n#abera-folliculitis-v2 .af-howto,\n#abera-folliculitis-v2 .af-videos,\n#abera-folliculitis-v2 .af-docs,\n#abera-folliculitis-v2 .af-final,\n#abera-folliculitis-v2 .af-faq{\n color:var(--aap-ink)!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-inner,\n#abera-folliculitis-v2 .af-static-reviews .af-inner,\n#abera-folliculitis-v2 .af-howto .af-inner,\n#abera-folliculitis-v2 .af-videos .af-inner{\n width:calc(100% - 56px)!important;\n max-width:1464px!important;\n margin-left:auto!important;\n margin-right:auto!important;\n}\n\n#abera-folliculitis-v2 .af-eyebrow{\n color:var(--aap-deep)!important;\n letter-spacing:1.5px!important;\n}\n\n#abera-folliculitis-v2 .af-results h2,\n#abera-folliculitis-v2 .af-static-reviews h2,\n#abera-folliculitis-v2 .af-howto h2,\n#abera-folliculitis-v2 .af-videos h2,\n#abera-folliculitis-v2 .af-docs h2,\n#abera-folliculitis-v2 .af-final h2,\n#abera-folliculitis-v2 .af-faq h2{\n color:var(--aap-ink)!important;\n}\n\n\/* ============================================================\nRESULTS — Amazon-style visual carousel\n============================================================ *\/\n#abera-folliculitis-v2 .af-results{\n background:var(--aap-pale-2)!important;\n padding:54px 0 52px!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-section-header{\n margin-bottom:26px!important;\n}\n\n#abera-folliculitis-v2 .af-results h2{\n font-size:clamp(34px,3vw,48px)!important;\n letter-spacing:-1.4px!important;\n}\n\n#abera-folliculitis-v2 .af-results-carousel-shell{\n position:relative;\n width:100%;\n}\n\n#abera-folliculitis-v2 .af-results-track{\n display:flex!important;\n flex-wrap:nowrap!important;\n gap:16px!important;\n overflow-x:auto!important;\n overflow-y:hidden!important;\n scroll-snap-type:x mandatory!important;\n scroll-behavior:smooth!important;\n scrollbar-width:none!important;\n padding:0 4.6%!important;\n margin:0!important;\n}\n\n#abera-folliculitis-v2 .af-results-track::-webkit-scrollbar{\n display:none!important;\n}\n\n#abera-folliculitis-v2 .af-result-card{\n flex:0 0 calc((100% - 32px)\/3.15)!important;\n min-width:calc((100% - 32px)\/3.15)!important;\n scroll-snap-align:start!important;\n background:var(--aap-card)!important;\n border:1px solid var(--aap-line)!important;\n border-radius:2px!important;\n overflow:hidden!important;\n box-shadow:0 5px 16px rgba(54,85,29,.06)!important;\n}\n\n#abera-folliculitis-v2 .af-result-image{\n aspect-ratio:1 \/ 1!important;\n height:auto!important;\n}\n\n#abera-folliculitis-v2 .af-result-image img{\n width:100%!important;\n height:100%!important;\n object-fit:cover!important;\n}\n\n#abera-folliculitis-v2 .af-result-content{\n padding:11px 13px 14px!important;\n}\n\n#abera-folliculitis-v2 .af-result-tag{\n display:inline-flex!important;\n padding:3px 7px!important;\n border-radius:2px!important;\n background:var(--aap-deep)!important;\n color:#fff!important;\n font-size:9px!important;\n line-height:1.1!important;\n font-weight:800!important;\n}\n\n#abera-folliculitis-v2 .af-result-content h3{\n margin:7px 0 0!important;\n font-size:14px!important;\n line-height:1.2!important;\n color:var(--aap-ink)!important;\n}\n\n#abera-folliculitis-v2 .af-results-dots{\n margin-top:16px!important;\n}\n\n#abera-folliculitis-v2 .af-results-dot{\n width:12px!important;\n height:12px!important;\n border:2px solid #252525!important;\n border-radius:50%!important;\n background:#fff!important;\n}\n\n#abera-folliculitis-v2 .af-results-dot.active{\n border-color:var(--aap-orange)!important;\n background:var(--aap-orange)!important;\n}\n\n\/* ============================================================\nREVIEWS — 4-up desktop carousel, Amazon-card proportions\n============================================================ *\/\n#abera-folliculitis-v2 .af-static-reviews{\n background:#fff!important;\n padding:58px 0 64px!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-header{\n margin-bottom:30px!important;\n}\n\n#abera-folliculitis-v2 .af-static-header-stars,\n#abera-folliculitis-v2 .af-static-stars{\n color:#e99a00!important;\n}\n\n#abera-folliculitis-v2 .af-static-reviews h2{\n font-size:clamp(34px,3.2vw,50px)!important;\n letter-spacing:-1.7px!important;\n}\n\n#abera-folliculitis-v2 .af-static-tabs{\n gap:10px!important;\n margin-top:16px!important;\n}\n\n#abera-folliculitis-v2 .af-static-tab{\n min-width:190px!important;\n padding:13px 22px!important;\n border:1px solid #cfd7bd!important;\n border-radius:4px!important;\n background:#fff!important;\n color:var(--aap-ink)!important;\n font-size:14px!important;\n font-weight:800!important;\n}\n\n#abera-folliculitis-v2 .af-static-tab.active{\n background:var(--aap-deep)!important;\n border-color:var(--aap-deep)!important;\n color:#fff!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-pane{\n position:relative!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-carousel-shell{\n position:relative;\n width:100%;\n}\n\n#abera-folliculitis-v2 .af-static-review-viewport{\n overflow:hidden!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-track{\n display:flex!important;\n flex-wrap:nowrap!important;\n gap:16px!important;\n overflow-x:auto!important;\n overflow-y:hidden!important;\n scroll-snap-type:x mandatory!important;\n scroll-behavior:smooth!important;\n scrollbar-width:none!important;\n padding:0 2.2%!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-track::-webkit-scrollbar{\n display:none!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-card{\n flex:0 0 calc((100% - 48px)\/4.15)!important;\n min-width:calc((100% - 48px)\/4.15)!important;\n scroll-snap-align:start!important;\n display:flex!important;\n flex-direction:column!important;\n background:var(--aap-card)!important;\n border:1px solid var(--aap-line)!important;\n border-radius:3px!important;\n box-shadow:0 5px 18px rgba(54,85,29,.055)!important;\n overflow:hidden!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-image{\n aspect-ratio:1 \/ .98!important;\n height:auto!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-content{\n flex:1!important;\n display:flex!important;\n flex-direction:column!important;\n padding:14px 15px 15px!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-copy{\n color:#4d5748!important;\n font-size:14px!important;\n line-height:1.52!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-meta{\n margin-top:auto!important;\n padding-top:14px!important;\n}\n\n#abera-folliculitis-v2 .af-static-verified{\n border-color:#d8dfc9!important;\n background:#fafbf6!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-dots{\n display:none;\n justify-content:center;\n align-items:center;\n gap:9px;\n margin-top:16px;\n}\n\n#abera-folliculitis-v2 .af-static-review-dot{\n width:12px;\n height:12px;\n padding:0;\n border:2px solid #252525;\n border-radius:50%;\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-static-review-dot.active{\n border-color:var(--aap-orange);\n background:var(--aap-orange);\n}\n\n\/* ============================================================\nHOW TO USE — same A+ palette, no dark isolated block\n============================================================ *\/\n#abera-folliculitis-v2 .af-howto{\n background:var(--aap-pale)!important;\n color:var(--aap-ink)!important;\n padding:58px 0!important;\n}\n\n#abera-folliculitis-v2 .af-howto-wrap{\n grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;\n gap:30px!important;\n align-items:stretch!important;\n}\n\n#abera-folliculitis-v2 .af-howto-media{\n aspect-ratio:1 \/ 1!important;\n border-radius:3px!important;\n overflow:hidden!important;\n background:#fff!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-content{\n display:flex!important;\n flex-direction:column!important;\n justify-content:center!important;\n padding:34px 38px!important;\n background:rgba(255,255,255,.72)!important;\n border:1px solid #d6dfbd!important;\n border-radius:3px!important;\n}\n\n#abera-folliculitis-v2 .af-howto h2{\n color:var(--aap-ink)!important;\n font-size:clamp(38px,3vw,52px)!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step{\n border-color:#d2dbc0!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step\u003espan,\n#abera-folliculitis-v2 .af-howto-step strong{\n color:var(--aap-deep)!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step p{\n color:#4d5748!important;\n}\n\n#abera-folliculitis-v2 .af-howto-feel{\n background:#f7f8f0!important;\n border-left:3px solid var(--aap-lime)!important;\n color:#45513f!important;\n}\n\n#abera-folliculitis-v2 .af-howto-note{\n color:#46523e!important;\n border-color:#d2dbc0!important;\n}\n\n#abera-folliculitis-v2 .af-howto-note strong{\n color:var(--aap-green)!important;\n}\n\n\/* ============================================================\nVIDEOS — light A+ background + Amazon-style cards\n============================================================ *\/\n#abera-folliculitis-v2 .af-videos{\n background:var(--aap-pale-2)!important;\n color:var(--aap-ink)!important;\n padding:58px 0 64px!important;\n}\n\n#abera-folliculitis-v2 .af-videos h2{\n color:var(--aap-ink)!important;\n font-size:clamp(36px,3vw,50px)!important;\n line-height:1.02!important;\n}\n\n#abera-folliculitis-v2 .af-video-carousel-shell{\n position:relative!important;\n}\n\n#abera-folliculitis-v2 .af-videos-track{\n display:flex!important;\n flex-wrap:nowrap!important;\n gap:16px!important;\n overflow-x:auto!important;\n overflow-y:hidden!important;\n scroll-snap-type:x mandatory!important;\n scrollbar-width:none!important;\n padding:0 2.2%!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% - 48px)\/4.15)!important;\n min-width:calc((100% - 48px)\/4.15)!important;\n scroll-snap-align:start!important;\n background:#fff!important;\n border:1px solid var(--aap-line)!important;\n border-radius:3px!important;\n overflow:hidden!important;\n box-shadow:0 5px 18px rgba(54,85,29,.055)!important;\n}\n\n#abera-folliculitis-v2 .af-video-wrap{\n background:#eef2e6!important;\n}\n\n#abera-folliculitis-v2 .af-video-dots{\n margin-top:16px!important;\n}\n\n#abera-folliculitis-v2 .af-video-dots .af-dot{\n width:12px!important;\n height:12px!important;\n border:2px solid #252525!important;\n border-radius:50%!important;\n background:#fff!important;\n}\n\n#abera-folliculitis-v2 .af-video-dots .af-dot.active{\n border-color:var(--aap-orange)!important;\n background:var(--aap-orange)!important;\n}\n\n\/* ============================================================\nUNIFIED AMAZON-LIKE ARROWS\n============================================================ *\/\n#abera-folliculitis-v2 .af-amazon-ui-arrow,\n#abera-folliculitis-v2 .af-video-arrow{\n position:absolute!important;\n z-index:8!important;\n top:50%!important;\n width:42px!important;\n height:62px!important;\n display:flex!important;\n align-items:center!important;\n justify-content:center!important;\n border:0!important;\n border-radius:7px!important;\n background:rgba(255,255,255,.96)!important;\n color:#53645a!important;\n box-shadow:0 3px 13px rgba(0,0,0,.09)!important;\n font-size:31px!important;\n line-height:1!important;\n transform:translateY(-50%)!important;\n cursor:pointer!important;\n}\n\n#abera-folliculitis-v2 .af-amazon-ui-arrow:disabled,\n#abera-folliculitis-v2 .af-video-arrow:disabled{\n opacity:.35!important;\n}\n\n#abera-folliculitis-v2 .af-amazon-ui-prev,\n#abera-folliculitis-v2 .af-video-prev{\n left:0!important;\n}\n\n#abera-folliculitis-v2 .af-amazon-ui-next,\n#abera-folliculitis-v2 .af-video-next{\n right:0!important;\n}\n\n\/* ============================================================\nDOCUMENTATION — remove dark block; keep credibility compact\n============================================================ *\/\n#abera-folliculitis-v2 .af-docs{\n background:#e6edcf!important;\n color:var(--aap-ink)!important;\n padding:52px 0 56px!important;\n}\n\n#abera-folliculitis-v2 .af-docs .af-inner{\n max-width:980px!important;\n}\n\n#abera-folliculitis-v2 .af-docs h2{\n color:var(--aap-ink)!important;\n font-size:clamp(30px,2.4vw,40px)!important;\n}\n\n#abera-folliculitis-v2 .af-docs .af-eyebrow{\n color:var(--aap-deep)!important;\n}\n\n#abera-folliculitis-v2 .af-doc-grid{\n gap:18px!important;\n}\n\n#abera-folliculitis-v2 .af-doc-card{\n background:#fff!important;\n border:1px solid #ced9b7!important;\n border-radius:3px!important;\n overflow:hidden!important;\n box-shadow:0 4px 14px rgba(54,85,29,.05)!important;\n}\n\n#abera-folliculitis-v2 .af-doc-label{\n color:var(--aap-deep)!important;\n background:#f7f9ef!important;\n border-top:1px solid #dbe3ca!important;\n}\n\n\/* ============================================================\nFINAL CTA + FAQ — same A+ light-green close\n============================================================ *\/\n#abera-folliculitis-v2 .af-final{\n background:linear-gradient(100deg,#f9faf3 0%,#e3edc8 100%)!important;\n padding:70px 20px!important;\n}\n\n#abera-folliculitis-v2 .af-final .af-eyebrow{\n color:var(--aap-deep)!important;\n}\n\n#abera-folliculitis-v2 .af-final .af-eyebrow::before{\n background:var(--aap-deep)!important;\n}\n\n#abera-folliculitis-v2 .af-final h2{\n color:var(--aap-ink)!important;\n font-size:clamp(40px,4vw,58px)!important;\n}\n\n#abera-folliculitis-v2 .af-final p{\n color:#56614f!important;\n}\n\n#abera-folliculitis-v2 .af-final .af-btn{\n background:var(--aap-deep)!important;\n border-color:var(--aap-deep)!important;\n color:#fff!important;\n border-radius:3px!important;\n}\n\n#abera-folliculitis-v2 .af-faq{\n background:#fbfcf7!important;\n padding:46px 0 54px!important;\n}\n\n#abera-folliculitis-v2 .af-faq .af-inner{\n max-width:1050px!important;\n}\n\n#abera-folliculitis-v2 .af-faq h2{\n color:var(--aap-ink)!important;\n}\n\n#abera-folliculitis-v2 .af-faq-list{\n border-top-color:#d7dec7!important;\n}\n\n#abera-folliculitis-v2 .af-faq details{\n border-bottom-color:#d7dec7!important;\n}\n\n#abera-folliculitis-v2 .af-faq summary{\n color:var(--aap-deep)!important;\n}\n\n#abera-folliculitis-v2 .af-faq details p{\n color:#56614f!important;\n}\n\n\/* ============================================================\nTABLET\n============================================================ *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-result-card{\n flex-basis:42%!important;\n min-width:42%!important;\n }\n\n #abera-folliculitis-v2 .af-static-review-card,\n #abera-folliculitis-v2 .af-video-item{\n flex-basis:31%!important;\n min-width:31%!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap{\n grid-template-columns:1fr 1fr!important;\n }\n}\n\n\/* ============================================================\nMOBILE — same Amazon Brand Story behavior:\nlarge card + next-card peek + orange dots, no side arrows.\n============================================================ *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-results,\n #abera-folliculitis-v2 .af-static-reviews,\n #abera-folliculitis-v2 .af-howto,\n #abera-folliculitis-v2 .af-videos,\n #abera-folliculitis-v2 .af-docs,\n #abera-folliculitis-v2 .af-final,\n #abera-folliculitis-v2 .af-faq{\n padding-left:0!important;\n padding-right:0!important;\n }\n\n #abera-folliculitis-v2 .af-results .af-inner,\n #abera-folliculitis-v2 .af-static-reviews .af-inner,\n #abera-folliculitis-v2 .af-howto .af-inner,\n #abera-folliculitis-v2 .af-videos .af-inner{\n width:100%!important;\n max-width:none!important;\n }\n\n #abera-folliculitis-v2 .af-results .af-section-header,\n #abera-folliculitis-v2 .af-static-review-header,\n #abera-folliculitis-v2 .af-videos\u003e.af-inner\u003e.af-eyebrow,\n #abera-folliculitis-v2 .af-videos\u003e.af-inner\u003eh2{\n padding-left:16px!important;\n padding-right:16px!important;\n }\n\n #abera-folliculitis-v2 .af-results{\n padding-top:34px!important;\n padding-bottom:30px!important;\n }\n\n #abera-folliculitis-v2 .af-results h2{\n font-size:28px!important;\n }\n\n #abera-folliculitis-v2 .af-results-track{\n gap:10px!important;\n padding:0 13% 0 8%!important;\n }\n\n #abera-folliculitis-v2 .af-result-card{\n flex:0 0 78%!important;\n min-width:78%!important;\n }\n\n #abera-folliculitis-v2 .af-amazon-ui-arrow,\n #abera-folliculitis-v2 .af-video-arrow{\n display:none!important;\n }\n\n #abera-folliculitis-v2 .af-results-dots,\n #abera-folliculitis-v2 .af-static-review-dots,\n #abera-folliculitis-v2 .af-video-dots{\n display:flex!important;\n justify-content:center!important;\n gap:8px!important;\n }\n\n #abera-folliculitis-v2 .af-static-reviews{\n padding-top:38px!important;\n padding-bottom:38px!important;\n }\n\n #abera-folliculitis-v2 .af-static-reviews h2{\n font-size:29px!important;\n line-height:1.05!important;\n }\n\n #abera-folliculitis-v2 .af-static-tabs{\n padding:0 16px!important;\n }\n\n #abera-folliculitis-v2 .af-static-tab{\n min-width:0!important;\n flex:1 1 0!important;\n padding:11px 8px!important;\n font-size:12px!important;\n }\n\n #abera-folliculitis-v2 .af-static-review-track{\n gap:10px!important;\n padding:0 13% 0 8%!important;\n }\n\n #abera-folliculitis-v2 .af-static-review-card{\n flex:0 0 78%!important;\n min-width:78%!important;\n }\n\n #abera-folliculitis-v2 .af-static-review-copy{\n font-size:13px!important;\n line-height:1.48!important;\n }\n\n #abera-folliculitis-v2 .af-howto{\n padding:34px 16px!important;\n }\n\n #abera-folliculitis-v2 .af-howto .af-inner{\n width:100%!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap{\n grid-template-columns:1fr!important;\n gap:14px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-media{\n aspect-ratio:1 \/ 1!important;\n }\n\n #abera-folliculitis-v2 .af-howto-content{\n padding:22px 18px!important;\n }\n\n #abera-folliculitis-v2 .af-howto h2{\n font-size:29px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step{\n padding:9px 0!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step p,\n #abera-folliculitis-v2 .af-howto-feel,\n #abera-folliculitis-v2 .af-howto-note{\n font-size:12.5px!important;\n }\n\n #abera-folliculitis-v2 .af-videos{\n padding-top:38px!important;\n padding-bottom:40px!important;\n }\n\n #abera-folliculitis-v2 .af-videos h2{\n font-size:30px!important;\n }\n\n #abera-folliculitis-v2 .af-videos-track{\n gap:10px!important;\n padding:0 13% 0 8%!important;\n }\n\n #abera-folliculitis-v2 .af-video-item{\n flex:0 0 78%!important;\n min-width:78%!important;\n }\n\n #abera-folliculitis-v2 .af-docs{\n padding:36px 12px 40px!important;\n }\n\n #abera-folliculitis-v2 .af-docs .af-inner{\n width:100%!important;\n }\n\n #abera-folliculitis-v2 .af-doc-grid{\n grid-template-columns:1fr 1fr!important;\n gap:8px!important;\n }\n\n #abera-folliculitis-v2 .af-doc-label{\n font-size:10px!important;\n line-height:1.25!important;\n padding:9px 6px!important;\n }\n\n #abera-folliculitis-v2 .af-final{\n padding:52px 18px!important;\n }\n\n #abera-folliculitis-v2 .af-final h2{\n font-size:36px!important;\n }\n\n #abera-folliculitis-v2 .af-faq{\n padding:34px 16px 40px!important;\n }\n}\n\n\n\/* ============================================================\nFINAL FIXES V2\n1) Carousel dots: force true circles (old bar CSS had min-width 38\/54px)\n2) HOW TO USE advice: stronger contrast\n3) Documentation moved into FAQ\n============================================================ *\/\n\n\/* ---------- RESULTS DOTS: true Amazon-style circles ---------- *\/\n#abera-folliculitis-v2 .af-results-dots{\n display:flex!important;\n align-items:center!important;\n justify-content:center!important;\n flex-wrap:nowrap!important;\n gap:9px!important;\n margin-top:16px!important;\n}\n\n#abera-folliculitis-v2 .af-results-dot,\n#abera-folliculitis-v2 .af-results-dot.active{\n box-sizing:border-box!important;\n flex:0 0 12px!important;\n width:12px!important;\n min-width:12px!important;\n max-width:12px!important;\n height:12px!important;\n min-height:12px!important;\n max-height:12px!important;\n margin:0!important;\n padding:0!important;\n border:2px solid #252525!important;\n border-radius:50%!important;\n background:#fff!important;\n opacity:1!important;\n transform:none!important;\n}\n\n#abera-folliculitis-v2 .af-results-dot.active{\n border-color:var(--aap-orange)!important;\n background:var(--aap-orange)!important;\n}\n\n\/* ---------- HOW TO USE: practical advice + stronger contrast ---------- *\/\n#abera-folliculitis-v2 .af-howto-feel{\n margin-top:12px!important;\n padding:11px 13px!important;\n background:#f7f8ef!important;\n border-left:3px solid var(--aap-lime)!important;\n color:#34432f!important;\n font-size:13px!important;\n line-height:1.5!important;\n}\n\n#abera-folliculitis-v2 .af-howto-feel strong{\n color:var(--aap-deep)!important;\n font-weight:900!important;\n}\n\n#abera-folliculitis-v2 .af-howto-note{\n color:#34432f!important;\n}\n\n#abera-folliculitis-v2 .af-howto-note strong{\n color:var(--aap-green)!important;\n}\n\n\/* ---------- FAQ DOCUMENTATION ---------- *\/\n#abera-folliculitis-v2 .af-faq-docs{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n padding:8px 0 18px;\n}\n\n#abera-folliculitis-v2 .af-faq-docs figure{\n margin:0;\n overflow:hidden;\n border:1px solid #d7dec7;\n border-radius:4px;\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-faq-docs img{\n display:block;\n width:100%;\n height:260px;\n object-fit:contain;\n background:#f7f7f2;\n}\n\n#abera-folliculitis-v2 .af-faq-docs figcaption{\n padding:10px 12px;\n border-top:1px solid #e0e5d4;\n color:var(--aap-deep);\n font-size:12px;\n line-height:1.35;\n font-weight:800;\n text-align:center;\n text-transform:uppercase;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-results-dots{\n gap:8px!important;\n margin-top:14px!important;\n }\n\n #abera-folliculitis-v2 .af-results-dot,\n #abera-folliculitis-v2 .af-results-dot.active{\n flex-basis:11px!important;\n width:11px!important;\n min-width:11px!important;\n max-width:11px!important;\n height:11px!important;\n min-height:11px!important;\n max-height:11px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-feel{\n margin-top:9px!important;\n padding:10px 11px!important;\n font-size:12.5px!important;\n }\n\n #abera-folliculitis-v2 .af-faq-docs{\n grid-template-columns:1fr 1fr;\n gap:8px;\n padding-bottom:14px;\n }\n\n #abera-folliculitis-v2 .af-faq-docs img{\n height:180px;\n }\n\n #abera-folliculitis-v2 .af-faq-docs figcaption{\n padding:8px 6px;\n font-size:9px;\n }\n}\n\n\n\/* ============================================================\nFINAL DOT FIX V3 — MOBILE + DESKTOP\nHard-reset every carousel indicator to a true circle.\nThis overrides old bar-style rules including width\/min-width\/active width.\n============================================================ *\/\n\n\/* Shared dot row *\/\n#abera-folliculitis-v2 .af-results-dots,\n#abera-folliculitis-v2 .af-static-review-dots,\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:9px!important;\n width:100%!important;\n margin:16px auto 0!important;\n padding:0!important;\n}\n\n\/* Hard reset ALL dot dimensions *\/\n#abera-folliculitis-v2 .af-results-dot,\n#abera-folliculitis-v2 .af-results-dot.active,\n#abera-folliculitis-v2 .af-static-review-dot,\n#abera-folliculitis-v2 .af-static-review-dot.active,\n#abera-folliculitis-v2 .af-video-dots .af-dot,\n#abera-folliculitis-v2 .af-video-dots .af-dot.active{\n appearance:none!important;\n -webkit-appearance:none!important;\n box-sizing:border-box!important;\n\n display:block!important;\n flex:0 0 12px!important;\n\n width:12px!important;\n min-width:12px!important;\n max-width:12px!important;\n\n height:12px!important;\n min-height:12px!important;\n max-height:12px!important;\n\n margin:0!important;\n padding:0!important;\n\n border:2px solid #252525!important;\n border-radius:999px!important;\n\n background:#fff!important;\n opacity:1!important;\n\n transform:none!important;\n scale:none!important;\n\n box-shadow:none!important;\n outline:none!important;\n line-height:0!important;\n font-size:0!important;\n}\n\n\/* Active dot *\/\n#abera-folliculitis-v2 .af-results-dot.active,\n#abera-folliculitis-v2 .af-static-review-dot.active,\n#abera-folliculitis-v2 .af-video-dots .af-dot.active{\n width:12px!important;\n min-width:12px!important;\n max-width:12px!important;\n\n height:12px!important;\n min-height:12px!important;\n max-height:12px!important;\n\n border-color:#e7781b!important;\n background:#e7781b!important;\n}\n\n\/* Ensure pseudo-elements cannot stretch the dots *\/\n#abera-folliculitis-v2 .af-results-dot::before,\n#abera-folliculitis-v2 .af-results-dot::after,\n#abera-folliculitis-v2 .af-static-review-dot::before,\n#abera-folliculitis-v2 .af-static-review-dot::after,\n#abera-folliculitis-v2 .af-video-dots .af-dot::before,\n#abera-folliculitis-v2 .af-video-dots .af-dot::after{\n content:none!important;\n display:none!important;\n}\n\n\/* Desktop: slightly larger spacing only *\/\n@media screen and (min-width:750px){\n #abera-folliculitis-v2 .af-results-dots,\n #abera-folliculitis-v2 .af-static-review-dots,\n #abera-folliculitis-v2 .af-video-dots{\n gap:10px!important;\n margin-top:18px!important;\n }\n\n #abera-folliculitis-v2 .af-results-dot,\n #abera-folliculitis-v2 .af-results-dot.active,\n #abera-folliculitis-v2 .af-static-review-dot,\n #abera-folliculitis-v2 .af-static-review-dot.active,\n #abera-folliculitis-v2 .af-video-dots .af-dot,\n #abera-folliculitis-v2 .af-video-dots .af-dot.active{\n flex-basis:13px!important;\n width:13px!important;\n min-width:13px!important;\n max-width:13px!important;\n height:13px!important;\n min-height:13px!important;\n max-height:13px!important;\n }\n}\n\n\/* Mobile *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-results-dots,\n #abera-folliculitis-v2 .af-static-review-dots,\n #abera-folliculitis-v2 .af-video-dots{\n gap:8px!important;\n margin-top:14px!important;\n }\n\n #abera-folliculitis-v2 .af-results-dot,\n #abera-folliculitis-v2 .af-results-dot.active,\n #abera-folliculitis-v2 .af-static-review-dot,\n #abera-folliculitis-v2 .af-static-review-dot.active,\n #abera-folliculitis-v2 .af-video-dots .af-dot,\n #abera-folliculitis-v2 .af-video-dots .af-dot.active{\n flex-basis:11px!important;\n width:11px!important;\n min-width:11px!important;\n max-width:11px!important;\n height:11px!important;\n min-height:11px!important;\n max-height:11px!important;\n }\n}\n\n\n\/* ============================================================\nV4 COPY SHORTENING — TITLES ONLY, LESS DUPLICATION\n============================================================ *\/\n\n#abera-folliculitis-v2 .af-results .af-section-header,\n#abera-folliculitis-v2 .af-static-review-header{\n margin-bottom:22px!important;\n}\n\n#abera-folliculitis-v2 .af-results h2,\n#abera-folliculitis-v2 .af-static-reviews h2{\n margin-top:0!important;\n}\n\n#abera-folliculitis-v2 .af-videos\u003e.af-inner\u003eh2{\n margin-top:0!important;\n}\n\n#abera-folliculitis-v2 .af-final .af-eyebrow{\n margin-bottom:18px!important;\n}\n\n#abera-folliculitis-v2 .af-final h2{\n max-width:1050px!important;\n margin-left:auto!important;\n margin-right:auto!important;\n line-height:1.02!important;\n}\n\n#abera-folliculitis-v2 .af-final p{\n max-width:760px!important;\n margin-left:auto!important;\n margin-right:auto!important;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-results .af-section-header,\n #abera-folliculitis-v2 .af-static-review-header{\n margin-bottom:16px!important;\n }\n\n #abera-folliculitis-v2 .af-final h2{\n font-size:32px!important;\n line-height:1.05!important;\n }\n}\n\n\n\/* ============================================================\nFAQ GEO FINAL — ENTITY-FIRST, SCANNABLE, MOBILE-FRIENDLY\n============================================================ *\/\n#abera-folliculitis-v2 .af-faq-head{\n max-width:860px;\n margin:0 0 24px;\n}\n#abera-folliculitis-v2 .af-faq-head .af-eyebrow{\n margin-bottom:8px!important;\n color:var(--aap-green,#41651c)!important;\n}\n#abera-folliculitis-v2 .af-faq-head h2{\n margin-bottom:10px!important;\n}\n#abera-folliculitis-v2 .af-faq-intro{\n max-width:820px;\n margin:0!important;\n color:#59634f!important;\n font-size:15px!important;\n line-height:1.58!important;\n}\n#abera-folliculitis-v2 .af-faq .af-faq-item summary,\n#abera-folliculitis-v2 .af-faq .af-faq-doc-item summary{\n font-weight:800!important;\n}\n#abera-folliculitis-v2 .af-faq .af-faq-item p{\n max-width:920px;\n}\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-faq-head{\n margin-bottom:18px;\n }\n #abera-folliculitis-v2 .af-faq-head h2{\n font-size:24px!important;\n line-height:1.12!important;\n }\n #abera-folliculitis-v2 .af-faq-intro{\n font-size:13.5px!important;\n line-height:1.5!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 \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 \u003c!-- =========================================================\n01 — BRAND A+ STORY\nAmazon-style background + horizontal Brand Card carousel\nIMAGE SPECS USED:\n- Desktop background: 2928 × 1250 px\n- Mobile background: 926 × 1250 px\n- Brand cards: 725 × 907 px\n\nHOW TO ADD IMAGES:\n1) Paste desktop background URL into data-desktop-image=\"\"\n2) Paste mobile background URL into data-mobile-image=\"\"\n3) Paste each Brand Card URL into data-image=\"\"\n========================================================= --\u003e \u003c!-- =========================================================\nSECTION 01 — BRAND A+ STORY\n\nCHỈ CẦN THAY LINK Ở 11 DÒNG NGAY BÊN DƯỚI.\nKHÔNG CẦN SỬA CSS \/ JAVASCRIPT.\n\nBACKGROUND:\n- Desktop: 2928 × 1250 px\n- Mobile: 926 × 1250 px\n\nBRAND CARDS:\n- 725 × 907 px\n- Có sẵn 9 card để khớp 9 dot như Amazon mobile.\n========================================================= --\u003e\n\u003csection class=\"af-brand-a-plus\" id=\"af-brand-a-plus\"\u003e\u003c!-- TÌM TỪ KHÓA: ⭐⭐⭐ CHỈ SỬA 11 DÒNG LINK HÌNH ⭐⭐⭐ --\u003e \u003c!-- =========================================================\n⭐⭐⭐ CHỈ SỬA 11 DÒNG LINK HÌNH DƯỚI ĐÂY ⭐⭐⭐\n\nCÁCH LÀM:\n- Xóa chữ DÁN_LINK_... trong dấu \" \"\n- Paste link Shopify của bạn vào giữa dấu \" \"\n- KHÔNG sửa phần nào khác.\n\nVí dụ:\ndesktopBackground: \"https:\/\/cdn.shopify.com\/s\/files\/...\/background.webp\",\n\nKÍCH THƯỚC:\n- Background Desktop: 2928 × 1250 px\n- Background Mobile: 926 × 1250 px\n- Brand Card: 725 × 907 px\n========================================================= --\u003e \u003cscript\u003e\nwindow.ABERA_BRAND_A_PLUS_IMAGES = {\n\n desktopBackground: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_1_2928x1250_Full.webp?v=1788835831\",\n\n mobileBackground: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_1_926x1250_Full.webp?v=1788835830\",\n\n card01: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_2_8a0cb5a3-fbea-40f9-be48-5b50831a97c3.webp?v=1788835830\",\n card02: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_3_3598ab97-863f-4064-ab82-7837205a3fbf.webp?v=1788835830\",\n card03: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_4_37c192f1-0236-461c-a45d-68e390c26b49.webp?v=1788835830\",\n card04: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_5_f73f5f87-4a2a-433c-9654-04f02fae60c4.webp?v=1788835830\",\n card05: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_6_7897af1f-90ff-4975-99da-d445ab01faf2.webp?v=1788835831\",\n card06: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_7_46d0be3f-325a-4b74-8f75-06db16152116.webp?v=1788835830\",\n card07: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_9_f505fbbd-cb94-4b34-bad3-f83a94ac75ec.webp?v=1788835831\",\n card08: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_8_798a4468-338e-44b9-9276-9d22fb61e6e6.webp?v=1788835830\",\n card09: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_10_31eb6243-5bab-45b0-a48d-b13573e36a0b.webp?v=1788835829\"\n\n};\n\u003c\/script\u003e\n\u003cdiv class=\"af-brand-label\"\u003eFrom the brand\u003c\/div\u003e\n\u003cdiv class=\"af-brand-stage\"\u003e\n\u003cdiv class=\"af-brand-bg-placeholder\"\u003e\n\u003cstrong\u003eBACKGROUND IMAGE\u003c\/strong\u003e \u003cspan\u003eDesktop: 2928 × 1250 px\u003c\/span\u003e \u003cspan\u003eMobile: 926 × 1250 px\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-brand-carousel-shell\"\u003e\n\u003cbutton class=\"af-brand-arrow af-brand-prev\" type=\"button\"\u003e‹\u003c\/button\u003e\n\u003cdiv class=\"af-brand-track\" tabindex=\"0\"\u003e\n\u003c!-- Desktop initial offset: this spacer scrolls away when the user navigates --\u003e\n\u003cdiv class=\"af-brand-leading-spacer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003carticle class=\"af-brand-card\"\u003e\n\u003cdiv class=\"af-brand-card-placeholder\"\u003e\n\u003cstrong\u003eBRAND CARD 01\u003c\/strong\u003e \u003cspan\u003e725 × 907 px\u003c\/span\u003e \u003csmall\u003ePaste link ở dòng card01 phía trên\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-brand-card\"\u003e\n\u003cdiv class=\"af-brand-card-placeholder\"\u003e\n\u003cstrong\u003eBRAND CARD 02\u003c\/strong\u003e \u003cspan\u003e725 × 907 px\u003c\/span\u003e \u003csmall\u003ePaste link ở dòng card02 phía trên\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-brand-card\"\u003e\n\u003cdiv class=\"af-brand-card-placeholder\"\u003e\n\u003cstrong\u003eBRAND CARD 03\u003c\/strong\u003e \u003cspan\u003e725 × 907 px\u003c\/span\u003e \u003csmall\u003ePaste link ở dòng card03 phía trên\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-brand-card\"\u003e\n\u003cdiv class=\"af-brand-card-placeholder\"\u003e\n\u003cstrong\u003eBRAND CARD 04\u003c\/strong\u003e \u003cspan\u003e725 × 907 px\u003c\/span\u003e \u003csmall\u003ePaste link ở dòng card04 phía trên\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-brand-card\"\u003e\n\u003cdiv class=\"af-brand-card-placeholder\"\u003e\n\u003cstrong\u003eBRAND CARD 05\u003c\/strong\u003e \u003cspan\u003e725 × 907 px\u003c\/span\u003e \u003csmall\u003ePaste link ở dòng card05 phía trên\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-brand-card\"\u003e\n\u003cdiv class=\"af-brand-card-placeholder\"\u003e\n\u003cstrong\u003eBRAND CARD 06\u003c\/strong\u003e \u003cspan\u003e725 × 907 px\u003c\/span\u003e \u003csmall\u003ePaste link ở dòng card06 phía trên\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-brand-card\"\u003e\n\u003cdiv class=\"af-brand-card-placeholder\"\u003e\n\u003cstrong\u003eBRAND CARD 07\u003c\/strong\u003e \u003cspan\u003e725 × 907 px\u003c\/span\u003e \u003csmall\u003ePaste link ở dòng card07 phía trên\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-brand-card\"\u003e\n\u003cdiv class=\"af-brand-card-placeholder\"\u003e\n\u003cstrong\u003eBRAND CARD 08\u003c\/strong\u003e \u003cspan\u003e725 × 907 px\u003c\/span\u003e \u003csmall\u003ePaste link ở dòng card08 phía trên\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-brand-card\"\u003e\n\u003cdiv class=\"af-brand-card-placeholder\"\u003e\n\u003cstrong\u003eBRAND CARD 09\u003c\/strong\u003e \u003cspan\u003e725 × 907 px\u003c\/span\u003e \u003csmall\u003ePaste link ở dòng card09 phía trên\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003cdiv class=\"af-brand-ending-spacer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"af-brand-arrow af-brand-next\" type=\"button\"\u003e›\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Mobile: Amazon-style orange dots generated automatically --\u003e\n\u003cdiv class=\"af-brand-dots\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cscript\u003e\n(function(){\n var section = document.getElementById('af-brand-a-plus');\n if(!section) return;\n\n var imageConfig = window.ABERA_BRAND_A_PLUS_IMAGES || {};\n var stage = section.querySelector('.af-brand-stage');\n var track = section.querySelector('.af-brand-track');\n var cards = Array.prototype.slice.call(section.querySelectorAll('.af-brand-card'));\n var prev = section.querySelector('.af-brand-prev');\n var next = section.querySelector('.af-brand-next');\n var dotsWrap = section.querySelector('.af-brand-dots');\n var dots = [];\n\n function isRealUrl(value){\n if(!value) return false;\n value = String(value).trim();\n return value \u0026\u0026\n value.indexOf('DÁN_LINK_') !== 0 \u0026\u0026\n value.indexOf('PASTE_') !== 0 \u0026\u0026\n value !== '#' \u0026\u0026\n value !== 'URL';\n }\n\n \/* ---------- Background: desktop\/mobile ---------- *\/\n function applyBackground(){\n var desktopUrl = String(imageConfig.desktopBackground || '').trim();\n var mobileUrl = String(imageConfig.mobileBackground || '').trim();\n var mobile = window.matchMedia('(max-width: 749px)').matches;\n\n var chosen = mobile\n ? (isRealUrl(mobileUrl) ? mobileUrl : desktopUrl)\n : (isRealUrl(desktopUrl) ? desktopUrl : mobileUrl);\n\n if(isRealUrl(chosen)){\n stage.style.backgroundImage = 'url(\"' + chosen.replace(\/\"\/g,'\\\\\"') + '\")';\n stage.classList.add('has-image');\n }else{\n stage.style.backgroundImage = '';\n stage.classList.remove('has-image');\n }\n }\n\n \/* ---------- Brand card images ---------- *\/\n cards.forEach(function(card, index){\n var key = 'card' + String(index + 1).padStart(2, '0');\n var url = String(imageConfig[key] || '').trim();\n\n if(isRealUrl(url)){\n card.style.backgroundImage = 'url(\"' + url.replace(\/\"\/g,'\\\\\"') + '\")';\n card.classList.add('has-image');\n }else{\n card.style.backgroundImage = '';\n card.classList.remove('has-image');\n }\n });\n\n \/* ---------- Mobile dots ---------- *\/\n cards.forEach(function(card, index){\n var dot = document.createElement('button');\n dot.type = 'button';\n dot.className = 'af-brand-dot' + (index === 0 ? ' active' : '');\n dot.setAttribute('aria-label', 'Go to brand card ' + (index + 1));\n\n dot.addEventListener('click', function(){\n scrollToCard(index);\n });\n\n dotsWrap.appendChild(dot);\n dots.push(dot);\n });\n\n function cardStep(){\n if(!cards.length) return 0;\n var style = getComputedStyle(track);\n var gap = parseFloat(style.columnGap || style.gap) || 0;\n return cards[0].getBoundingClientRect().width + gap;\n }\n\n function scrollToCard(index){\n if(!track || !cards[index]) return;\n\n var mobile = window.matchMedia('(max-width: 749px)').matches;\n\n if(mobile){\n \/* Card offset includes the 10% leading spacer.\n Scrolling to the card's offset makes that banner slice\n disappear and aligns the selected card to the left. *\/\n track.scrollTo({\n left: Math.max(0, cards[index].offsetLeft),\n behavior:'smooth'\n });\n return;\n }\n\n \/*\n DESKTOP:\n At the initial state scrollLeft = 0, so the banner remains visible.\n Once the user navigates, align the selected card about 4% from the\n left edge. This makes the large initial spacer scroll away.\n *\/\n var left = Math.max(\n 0,\n cards[index].offsetLeft - track.clientWidth * 0.04\n );\n\n track.scrollTo({\n left:left,\n behavior:'smooth'\n });\n }\n\n function nearestCardIndex(){\n if(!track || !cards.length) return 0;\n\n var mobile = window.matchMedia('(max-width: 749px)').matches;\n var reference = track.scrollLeft + (mobile ? track.clientWidth * 0.10 : track.clientWidth * 0.04);\n var best = 0;\n var bestDistance = Infinity;\n\n cards.forEach(function(card, index){\n var distance = Math.abs(card.offsetLeft - reference);\n if(distance \u003c bestDistance){\n bestDistance = distance;\n best = index;\n }\n });\n\n return best;\n }\n\n function updateDots(index){\n dots.forEach(function(dot, i){\n dot.classList.toggle('active', i === index);\n });\n }\n\n function updateControls(){\n if(!track) return;\n\n var maxScroll = Math.max(0, track.scrollWidth - track.clientWidth);\n var index = nearestCardIndex();\n\n updateDots(index);\n\n if(prev){\n prev.disabled = track.scrollLeft \u003c= 3;\n }\n\n if(next){\n next.disabled = track.scrollLeft \u003e= maxScroll - 3;\n }\n }\n\n \/* ---------- Desktop\/mobile arrows ---------- *\/\n if(prev){\n prev.addEventListener('click', function(){\n var mobile = window.matchMedia('(max-width: 749px)').matches;\n var current = nearestCardIndex();\n\n if(track.scrollLeft \u003c= 3){\n return;\n }\n\n \/* Desktop: if Card 01 is the active\/nearest card,\n PREV restores the original Amazon-like state with\n the left side of the banner visible. *\/\n if(!mobile \u0026\u0026 current === 0){\n track.scrollTo({left:0, behavior:'smooth'});\n return;\n }\n\n var target = Math.max(0, current - 1);\n scrollToCard(target);\n });\n }\n\n if(next){\n next.addEventListener('click', function(){\n var mobile = window.matchMedia('(max-width: 749px)').matches;\n var current = nearestCardIndex();\n\n \/* First desktop click:\n scroll away the left spacer and align Card 01 near the left edge. *\/\n if(!mobile \u0026\u0026 track.scrollLeft \u003c= 3){\n scrollToCard(0);\n return;\n }\n\n scrollToCard(Math.min(cards.length - 1, current + 1));\n });\n }\n\n \/* ---------- Real mouse \/ pointer drag on desktop ---------- *\/\n var isDragging = false;\n var dragStartX = 0;\n var dragStartScroll = 0;\n var dragMoved = false;\n\n if(track){\n track.addEventListener('pointerdown', function(e){\n \/* Left mouse button only; touch continues to use native swipe. *\/\n if(e.pointerType === 'mouse' \u0026\u0026 e.button !== 0) return;\n\n isDragging = true;\n dragMoved = false;\n dragStartX = e.clientX;\n dragStartScroll = track.scrollLeft;\n\n track.classList.add('is-dragging');\n\n try{\n track.setPointerCapture(e.pointerId);\n }catch(err){}\n });\n\n track.addEventListener('pointermove', function(e){\n if(!isDragging) return;\n\n var dx = e.clientX - dragStartX;\n\n if(Math.abs(dx) \u003e 4){\n dragMoved = true;\n }\n\n track.scrollLeft = dragStartScroll - dx;\n });\n\n function finishDrag(e){\n if(!isDragging) return;\n\n isDragging = false;\n track.classList.remove('is-dragging');\n\n try{\n track.releasePointerCapture(e.pointerId);\n }catch(err){}\n\n \/* After dragging, snap to the nearest card unless the user\n returned almost all the way to the initial banner state. *\/\n var mobile = window.matchMedia('(max-width: 749px)').matches;\n var restoreThreshold = mobile ? track.clientWidth * 0.07 : track.clientWidth * 0.08;\n\n if(track.scrollLeft \u003c restoreThreshold){\n track.scrollTo({left:0, behavior:'smooth'});\n }else{\n scrollToCard(nearestCardIndex());\n }\n }\n\n track.addEventListener('pointerup', finishDrag);\n track.addEventListener('pointercancel', finishDrag);\n track.addEventListener('lostpointercapture', function(){\n if(isDragging){\n isDragging = false;\n track.classList.remove('is-dragging');\n }\n });\n }\n\n \/* ---------- Swipe \/ scroll updates dots ---------- *\/\n var scrollTimer;\n\n if(track){\n track.addEventListener('scroll', function(){\n clearTimeout(scrollTimer);\n scrollTimer = setTimeout(updateControls, 45);\n }, {passive:true});\n\n track.addEventListener('keydown', function(e){\n if(e.key === 'ArrowRight'){\n e.preventDefault();\n if(next) next.click();\n }\n\n if(e.key === 'ArrowLeft'){\n e.preventDefault();\n if(prev) prev.click();\n }\n });\n }\n\n \/* ---------- Resize ---------- *\/\n var resizeTimer;\n\n window.addEventListener('resize', function(){\n clearTimeout(resizeTimer);\n\n resizeTimer = setTimeout(function(){\n applyBackground();\n updateControls();\n }, 120);\n });\n\n applyBackground();\n\n \/* Force the Amazon-like initial state after the browser finishes layout.\n This keeps the left side of the banner visible before any interaction. *\/\n requestAnimationFrame(function(){\n requestAnimationFrame(function(){\n if(track){\n track.style.scrollSnapType = 'none';\n track.scrollLeft = 0;\n\n requestAnimationFrame(function(){\n track.style.scrollSnapType = '';\n updateControls();\n });\n }else{\n updateControls();\n }\n });\n });\n})();\n\u003c\/script\u003e \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 \u003c!--\n⭐⭐⭐ CHỖ DÁN LINK A+ 02–08 ⭐⭐⭐\nTÌM TỪ KHÓA:\nSECTION 02 — INTENSIVE CARE\nSECTION 03 — BENEFITS\nSECTION 04 — KEY INGREDIENTS\nSECTION 05 — BEFORE \/ AFTER\nSECTION 06 — EFFECTIVENESS\nSECTION 07 — SOCIAL PROOF\nSECTION 08 — PROPER USE\n--\u003e\n\u003cdiv class=\"af-amazon-a-plus-stack\" id=\"af-amazon-a-plus-02-08\"\u003e\n\u003c!-- =====================================================\n SECTION 02 — INTENSIVE CARE\n CHỈ DÁN 2 LINK VÀO 2 DÒNG BÊN DƯỚI:\n - MOBILE 600 × 450 → srcset=\"\"\n - DESKTOP 1464 × 600 → src=\"\"\n ====================================================== --\u003e \u003c!-- =====================================================\nSECTION 02 — INTENSIVE CARE\n\n⚠ KHÔNG SỬA media=\"(max-width:749px)\"\nMOBILE: chỉ thay chữ trong srcset=\"...\"\nDESKTOP: chỉ thay chữ trong src=\"...\"\n===================================================== --\u003e\n\u003csection class=\"af-amazon-a-plus-item\" data-a-plus-section=\"02\"\u003e\u003cpicture class=\"af-amazon-a-plus-picture\"\u003e \u003c!-- MOBILE — DÁN LINK Ở srcset BÊN DƯỚI --\u003e \u003csource media=\"(max-width:749px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_M_1-100.webp?v=1788837513\"\u003e \u003c!-- DESKTOP — DÁN LINK Ở src BÊN DƯỚI --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_D_1-100.webp?v=1788837525\" width=\"1464\" height=\"600\" loading=\"eager\" decoding=\"async\" alt=\"ABERA Folliculitis Shower Gel intensive care for folliculitis-prone skin\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"af-amazon-a-plus-placeholder\"\u003e\n\u003cstrong\u003eSECTION 02 — INTENSIVE CARE\u003c\/strong\u003e \u003cspan\u003eDesktop: 1464 × 600 px\u003c\/span\u003e \u003cspan\u003eMobile: 600 × 450 px\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n SECTION 03 — BENEFITS\n CHỈ DÁN 2 LINK VÀO 2 DÒNG BÊN DƯỚI:\n - MOBILE 600 × 450 → srcset=\"\"\n - DESKTOP 1464 × 600 → src=\"\"\n ====================================================== --\u003e \u003c!-- =====================================================\nSECTION 03 — BENEFITS\n\n⚠ KHÔNG SỬA media=\"(max-width:749px)\"\nMOBILE: chỉ thay chữ trong srcset=\"...\"\nDESKTOP: chỉ thay chữ trong src=\"...\"\n===================================================== --\u003e\n\u003csection class=\"af-amazon-a-plus-item\" data-a-plus-section=\"03\"\u003e\u003cpicture class=\"af-amazon-a-plus-picture\"\u003e \u003c!-- MOBILE — DÁN LINK Ở srcset BÊN DƯỚI --\u003e \u003csource media=\"(max-width:749px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_M_2-100.webp?v=1788837513\"\u003e \u003c!-- DESKTOP — DÁN LINK Ở src BÊN DƯỚI --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_D_2-100.webp?v=1788837525\" width=\"1464\" height=\"600\" loading=\"lazy\" decoding=\"async\" alt=\"ABERA Folliculitis Shower Gel product benefits\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"af-amazon-a-plus-placeholder\"\u003e\n\u003cstrong\u003eSECTION 03 — BENEFITS\u003c\/strong\u003e \u003cspan\u003eDesktop: 1464 × 600 px\u003c\/span\u003e \u003cspan\u003eMobile: 600 × 450 px\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n SECTION 04 — KEY INGREDIENTS\n CHỈ DÁN 2 LINK VÀO 2 DÒNG BÊN DƯỚI:\n - MOBILE 600 × 450 → srcset=\"\"\n - DESKTOP 1464 × 600 → src=\"\"\n ====================================================== --\u003e \u003c!-- =====================================================\nSECTION 04 — KEY INGREDIENTS\n\n⚠ KHÔNG SỬA media=\"(max-width:749px)\"\nMOBILE: chỉ thay chữ trong srcset=\"...\"\nDESKTOP: chỉ thay chữ trong src=\"...\"\n===================================================== --\u003e\n\u003csection class=\"af-amazon-a-plus-item\" data-a-plus-section=\"04\"\u003e\u003cpicture class=\"af-amazon-a-plus-picture\"\u003e \u003c!-- MOBILE — DÁN LINK Ở srcset BÊN DƯỚI --\u003e \u003csource media=\"(max-width:749px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_M_3-100.webp?v=1788837514\"\u003e \u003c!-- DESKTOP — DÁN LINK Ở src BÊN DƯỚI --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_D_3-100.webp?v=1788837525\" width=\"1464\" height=\"600\" loading=\"lazy\" decoding=\"async\" alt=\"ABERA Folliculitis Shower Gel key ingredients\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"af-amazon-a-plus-placeholder\"\u003e\n\u003cstrong\u003eSECTION 04 — KEY INGREDIENTS\u003c\/strong\u003e \u003cspan\u003eDesktop: 1464 × 600 px\u003c\/span\u003e \u003cspan\u003eMobile: 600 × 450 px\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n SECTION 05 — BEFORE \/ AFTER\n CHỈ DÁN 2 LINK VÀO 2 DÒNG BÊN DƯỚI:\n - MOBILE 600 × 450 → srcset=\"\"\n - DESKTOP 1464 × 600 → src=\"\"\n ====================================================== --\u003e \u003c!-- =====================================================\nSECTION 05 — BEFORE \/ AFTER\n\n⚠ KHÔNG SỬA media=\"(max-width:749px)\"\nMOBILE: chỉ thay chữ trong srcset=\"...\"\nDESKTOP: chỉ thay chữ trong src=\"...\"\n===================================================== --\u003e\n\u003csection class=\"af-amazon-a-plus-item\" data-a-plus-section=\"05\"\u003e\u003cpicture class=\"af-amazon-a-plus-picture\"\u003e \u003c!-- MOBILE — DÁN LINK Ở srcset BÊN DƯỚI --\u003e \u003csource media=\"(max-width:749px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_M_4-100.webp?v=1788837513\"\u003e \u003c!-- DESKTOP — DÁN LINK Ở src BÊN DƯỚI --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_D_4-100.webp?v=1788837525\" width=\"1464\" height=\"600\" loading=\"lazy\" decoding=\"async\" alt=\"ABERA Folliculitis Shower Gel before and after results\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"af-amazon-a-plus-placeholder\"\u003e\n\u003cstrong\u003eSECTION 05 — BEFORE \/ AFTER\u003c\/strong\u003e \u003cspan\u003eDesktop: 1464 × 600 px\u003c\/span\u003e \u003cspan\u003eMobile: 600 × 450 px\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n SECTION 06 — EFFECTIVENESS\n CHỈ DÁN 2 LINK VÀO 2 DÒNG BÊN DƯỚI:\n - MOBILE 600 × 450 → srcset=\"\"\n - DESKTOP 1464 × 600 → src=\"\"\n ====================================================== --\u003e \u003c!-- =====================================================\nSECTION 06 — EFFECTIVENESS\n\n⚠ KHÔNG SỬA media=\"(max-width:749px)\"\nMOBILE: chỉ thay chữ trong srcset=\"...\"\nDESKTOP: chỉ thay chữ trong src=\"...\"\n===================================================== --\u003e\n\u003csection class=\"af-amazon-a-plus-item\" data-a-plus-section=\"06\"\u003e\u003cpicture class=\"af-amazon-a-plus-picture\"\u003e \u003c!-- MOBILE — DÁN LINK Ở srcset BÊN DƯỚI --\u003e \u003csource media=\"(max-width:749px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_M_5-100.webp?v=1788837513\"\u003e \u003c!-- DESKTOP — DÁN LINK Ở src BÊN DƯỚI --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_D_5-100.webp?v=1788837525\" width=\"1464\" height=\"600\" loading=\"lazy\" decoding=\"async\" alt=\"ABERA Folliculitis Shower Gel effectiveness results\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"af-amazon-a-plus-placeholder\"\u003e\n\u003cstrong\u003eSECTION 06 — EFFECTIVENESS\u003c\/strong\u003e \u003cspan\u003eDesktop: 1464 × 600 px\u003c\/span\u003e \u003cspan\u003eMobile: 600 × 450 px\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n SECTION 07 — SOCIAL PROOF\n CHỈ DÁN 2 LINK VÀO 2 DÒNG BÊN DƯỚI:\n - MOBILE 600 × 450 → srcset=\"\"\n - DESKTOP 1464 × 600 → src=\"\"\n ====================================================== --\u003e \u003c!-- =====================================================\nSECTION 07 — SOCIAL PROOF\n\n⚠ KHÔNG SỬA media=\"(max-width:749px)\"\nMOBILE: chỉ thay chữ trong srcset=\"...\"\nDESKTOP: chỉ thay chữ trong src=\"...\"\n===================================================== --\u003e\n\u003csection class=\"af-amazon-a-plus-item\" data-a-plus-section=\"07\"\u003e\u003cpicture class=\"af-amazon-a-plus-picture\"\u003e \u003c!-- MOBILE — DÁN LINK Ở srcset BÊN DƯỚI --\u003e \u003csource media=\"(max-width:749px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_M_6-100.webp?v=1788837513\"\u003e \u003c!-- DESKTOP — DÁN LINK Ở src BÊN DƯỚI --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_D_6-100.webp?v=1788837525\" width=\"1464\" height=\"600\" loading=\"lazy\" decoding=\"async\" alt=\"ABERA Folliculitis Shower Gel customer social proof\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"af-amazon-a-plus-placeholder\"\u003e\n\u003cstrong\u003eSECTION 07 — SOCIAL PROOF\u003c\/strong\u003e \u003cspan\u003eDesktop: 1464 × 600 px\u003c\/span\u003e \u003cspan\u003eMobile: 600 × 450 px\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n SECTION 08 — PROPER USE\n CHỈ DÁN 2 LINK VÀO 2 DÒNG BÊN DƯỚI:\n - MOBILE 600 × 450 → srcset=\"\"\n - DESKTOP 1464 × 600 → src=\"\"\n ====================================================== --\u003e \u003c!-- =====================================================\nSECTION 08 — PROPER USE\n\n⚠ KHÔNG SỬA media=\"(max-width:749px)\"\nMOBILE: chỉ thay chữ trong srcset=\"...\"\nDESKTOP: chỉ thay chữ trong src=\"...\"\n===================================================== --\u003e\n\u003csection class=\"af-amazon-a-plus-item\" data-a-plus-section=\"08\"\u003e\u003cpicture class=\"af-amazon-a-plus-picture\"\u003e \u003c!-- MOBILE — DÁN LINK Ở srcset BÊN DƯỚI --\u003e \u003csource media=\"(max-width:749px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_M_7-100.webp?v=1788837513\"\u003e \u003c!-- DESKTOP — DÁN LINK Ở src BÊN DƯỚI --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_D_7-100.webp?v=1788837525\" width=\"1464\" height=\"600\" loading=\"lazy\" decoding=\"async\" alt=\"ABERA Folliculitis Shower Gel proper use and results expectations\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"af-amazon-a-plus-placeholder\"\u003e\n\u003cstrong\u003eSECTION 08 — PROPER USE\u003c\/strong\u003e \u003cspan\u003eDesktop: 1464 × 600 px\u003c\/span\u003e \u003cspan\u003eMobile: 600 × 450 px\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function(){\n var stack = document.getElementById('af-amazon-a-plus-02-08');\n if(!stack) return;\n\n function isRealUrl(value){\n if(!value) return false;\n return \/^https?:\\\/\\\/\/i.test(String(value).trim());\n }\n\n stack.querySelectorAll('.af-amazon-a-plus-item').forEach(function(item){\n var img = item.querySelector('img');\n var source = item.querySelector('source');\n\n var desktop = img ? (img.getAttribute('src') || '').trim() : '';\n var mobile = source ? (source.getAttribute('srcset') || '').trim() : '';\n\n var hasDesktop = isRealUrl(desktop);\n var hasMobile = isRealUrl(mobile);\n\n if(hasDesktop || hasMobile){\n item.classList.add('has-image');\n\n \/* If only one version has been pasted, use it as fallback. *\/\n if(!hasDesktop \u0026\u0026 hasMobile \u0026\u0026 img){\n img.setAttribute('src', mobile);\n }\n\n if(!hasMobile \u0026\u0026 hasDesktop \u0026\u0026 source){\n source.setAttribute('srcset', desktop);\n }\n }else{\n item.classList.remove('has-image');\n }\n });\n})();\n\u003c\/script\u003e \u003c!-- =========================================================\n09 — CUSTOMER REVIEWS — HTML KEPT\n========================================================= --\u003e \u003c!-- REAL RESULT DATA \/ GIF BEFORE-AFTER — RESTORED FROM OLD HTML --\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\u003ch2\u003eVISIBLE RESULTS\u003c\/h2\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\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\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\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\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-results-dots\"\u003e\n\u003cbutton class=\"af-results-dot active\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-results-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-results-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-results-dot\" type=\"button\"\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\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\u003ch2\u003eCUSTOMER REVIEWS\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-tabs\" role=\"tablist\"\u003e\n\u003cbutton class=\"af-static-tab active\" type=\"button\" role=\"tab\" id=\"af-tab-men\" data-target=\"af-men-results\"\u003eMEN’S RESULTS\u003c\/button\u003e \u003cbutton class=\"af-static-tab\" type=\"button\" role=\"tab\" 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\"\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\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\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\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\u003cbr\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\"\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\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\u003cbr\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\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\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!-- =========================================================\n10A — HOW TO USE — HTML KEPT\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 af-howto-carousel\"\u003e\n\u003cimg id=\"af-howto-audience-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_spraying_back_care_product_202608280936.webp?v=1787884807\" data-men-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_spraying_back_care_product_202608280936.webp?v=1787884807\" data-women-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/y_tr.webp?v=1790319361\" data-men-alt=\"Men’s post-shower body care routine with ABERA Folliculitis Shower Gel and BHA Back Acne Spray\" data-women-alt=\"Women’s post-shower body care routine with ABERA Folliculitis Shower Gel and BHA Back Acne Spray\" alt=\"Men’s post-shower body care routine with ABERA Folliculitis Shower Gel and BHA Back Acne Spray\" loading=\"lazy\"\u003e \u003cbutton class=\"af-howto-arrow af-howto-prev\" type=\"button\"\u003e‹\u003c\/button\u003e \u003cbutton class=\"af-howto-arrow af-howto-next\" type=\"button\"\u003e›\u003c\/button\u003e\n\u003cdiv class=\"af-howto-dots\"\u003e\n\u003cbutton class=\"af-howto-dot active\" type=\"button\" data-audience=\"men\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-howto-dot\" type=\"button\" data-audience=\"women\"\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\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\u003cdiv class=\"af-howto-feel\"\u003e\n\u003cstrong\u003eSKIN CARE TIP:\u003c\/strong\u003e Avoid very hot water and aggressive scrubbing or scratching, which can leave irritated skin feeling drier or more uncomfortable.\u003c\/div\u003e\n\u003cdiv class=\"af-howto-note\"\u003e\n\u003cstrong\u003eBHA TIP:\u003c\/strong\u003e Once skin is dry, use ABERA BHA Back Acne Spray on hard-to-reach areas like the back and shoulders for easy leave-on care.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n10B — SHOWER GEL + BHA ROUTINE — HTML KEPT\n========================================================= --\u003e \u003c!-- =========================================================\n11 — CUSTOMER VIDEOS — HTML KEPT\n========================================================= --\u003e\n\u003csection class=\"af-section af-videos\"\u003e\n\u003cdiv class=\"af-inner\"\u003e\n\u003ch2\u003eREAL CUSTOMERS.\u003c\/h2\u003e\n\u003cdiv class=\"af-video-carousel-shell\"\u003e\n\u003cbutton class=\"af-video-arrow af-video-prev\" type=\"button\"\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\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\/e3fe2950783542deae158c2c5e6411a2.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"af-video-arrow af-video-next\" type=\"button\"\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!-- FINAL CTA --\u003e\n\u003csection class=\"af-section af-final\"\u003e\n\u003cdiv class=\"af-inner\"\u003e\n\u003cdiv class=\"af-eyebrow\"\u003e4-WEEK RESULTS COMMITMENT\u003c\/div\u003e\n\u003ch2\u003eREDUCE FOLLICULITIS, BODY ACNE \u0026amp; HYPERKERATOSIS IN 4 WEEKS.\u003c\/h2\u003e\n\u003cp\u003eUse consistently for 4 weeks to target recurring bumps, clogged-looking follicles and rough body 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!-- FAQ --\u003e\n\u003csection class=\"af-section af-faq\"\u003e\n\u003cdiv class=\"af-inner\"\u003e\n\u003cdiv class=\"af-faq-head\"\u003e\n\u003ch2 id=\"abera-faq-title\"\u003eFAQs\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-faq-list\"\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eWhat is the best body wash for treating folliculitis?\u003c\/summary\u003e\n\u003cp\u003eA treatment-focused folliculitis body wash should do more than remove sweat and surface dirt. ABERA Folliculitis Shower Gel is formulated to deeply cleanse clogged follicles, exfoliate dead-skin and excess-oil buildup, target bacteria and fungi on the skin, calm visible inflammation and help prevent recurring body bumps.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eCan ABERA help treat recurring folliculitis, back acne and body acne?\u003c\/summary\u003e\n\u003cp\u003eYes. ABERA is designed to treat recurring folliculitis, back acne, chest acne and other body breakouts. It helps unclog follicles, remove excess oil and dead skin, reduce microbial buildup, calm red or itchy-looking bumps and help reduce recurrence with consistent use.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eWhy does ABERA use Wild Bitter Melon for folliculitis-prone skin?\u003c\/summary\u003e\n\u003cp\u003eWild Bitter Melon is ABERA’s signature botanical ingredient. It contains naturally occurring bioactive compounds associated with antioxidant, anti-inflammatory and antimicrobial activity, making it especially suitable for clogged, irritated and recurring bump-prone skin. ABERA combines it with exfoliating and soothing actives for a more complete folliculitis treatment routine.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eWhat ingredients in ABERA help treat folliculitis and clogged follicles?\u003c\/summary\u003e\n\u003cp\u003eABERA combines Wild Bitter Melon, Galactolyl Salicylate, Mandelic Acid, Tea Tree Oil, Niacinamide and Allantoin. Together, these ingredients provide exfoliating, antimicrobial and soothing care to clear follicular buildup, target bacteria and fungi, reduce visible inflammation and support smoother body skin.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eCan ABERA help with keratosis pilaris, hyperkeratosis and strawberry skin?\u003c\/summary\u003e\n\u003cp\u003eYes. ABERA helps exfoliate excess keratin and dead-skin buildup that can leave follicles rough, clogged or visibly dark. Regular use helps smooth keratosis-pilaris-like bumps, hyperkeratosis and strawberry-skin texture on areas such as the upper arms, thighs and legs.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eHow quickly can I see results from ABERA Folliculitis Shower Gel?\u003c\/summary\u003e\n\u003cp\u003eWith consistent use, visible improvement in bumps, redness and rough texture may begin within about 3–4 weeks. More stubborn or recurring concerns can take longer depending on their cause, severity and how consistently the routine is followed.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eWho can use ABERA and where can I use it?\u003c\/summary\u003e\n\u003cp\u003eABERA is a unisex body treatment wash suitable from puberty through adulthood and older age, including customers 65+. Use it on common problem areas such as the back, chest, shoulders, upper arms, thighs, buttocks and legs.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eHow should I use ABERA for the best results?\u003c\/summary\u003e\n\u003cp\u003eApply ABERA to wet skin and gently massage it over problem areas for about 60–120 seconds, then rinse thoroughly with lukewarm water. Use consistently as part of your shower routine. For hard-to-reach back and shoulder areas, ABERA BHA Back Acne Spray can be used after showering for additional leave-on exfoliating care.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eWhat can trigger or worsen back acne, body acne and folliculitis?\u003c\/summary\u003e\n\u003cp\u003eCommon triggers include sweat, excess oil, tight clothing, friction, shaving, ingrown hairs, hormonal changes, anabolic steroids or testosterone, stress, lack of sleep and some dietary habits. These factors can contribute to clogged follicles, irritation and recurring bumps on the back, chest, shoulders, thighs and buttocks.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eCan ABERA help fade dark marks left by body acne or folliculitis?\u003c\/summary\u003e\n\u003cp\u003eABERA helps improve uneven-looking body skin by exfoliating surface buildup and supporting smoother skin renewal. With continued use, post-breakout dark marks can become less noticeable while the skin looks clearer and more even.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eWhy does folliculitis keep coming back?\u003c\/summary\u003e\n\u003cp\u003eFolliculitis can recur when sweat, excess oil, dead skin, friction, shaving or microbial buildup repeatedly clogs or irritates hair follicles. Consistent cleansing and exfoliation help break this cycle, keep follicles clearer and reduce recurring body bumps.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eHow is fungal folliculitis different from bacterial folliculitis?\u003c\/summary\u003e\n\u003cp\u003eBacterial and fungal folliculitis can look similar. Very uniform, itchy bumps that worsen with heat and sweat can suggest fungal folliculitis, while bacterial folliculitis may be more tender or pustular. ABERA targets clogged follicles and microbial buildup, but persistent, severe or rapidly spreading cases may need professional evaluation or a dedicated medical treatment.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eWhat should I do if I do not see results after 4 weeks?\u003c\/summary\u003e\n\u003cp\u003eFirst, check that ABERA is being used consistently and massaged over the affected area for about 60–120 seconds before rinsing. If bumps remain severe, painful, very itchy or unchanged, the underlying cause may require a different treatment approach or professional evaluation.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eCan I use ABERA Folliculitis Shower Gel on my face?\u003c\/summary\u003e\n\u003cp\u003eABERA Folliculitis Shower Gel is formulated primarily for body areas such as the back, chest, shoulders, arms, thighs and buttocks. For facial breakouts, use a product specifically designed for facial skin unless otherwise directed by a skincare professional.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eWhy is the ABERA gel thick, and how do I use the pump?\u003c\/summary\u003e\n\u003cp\u003eABERA has a concentrated gel texture, so a new pump may need several firm presses to prime before the first use. Once primed, dispense the amount needed onto wet skin, lather over the treatment area and rinse thoroughly.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eWhere can I buy ABERA Folliculitis Shower Gel?\u003c\/summary\u003e\n\u003cp\u003eABERA Folliculitis Shower Gel is available online. On Amazon, search for “Folliculitis Shower Gel” and look for ABERA in the results. You can also purchase directly from the ABERA official store when available.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-doc-item\"\u003e\n\u003csummary\u003eCan I view ABERA's quality \u0026amp; safety documentation?\u003c\/summary\u003e\n\u003cdiv class=\"af-faq-docs\"\u003e\n\u003cfigure\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\n\u003cfigcaption\u003eManufacturing \u0026amp; Quality Standards\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003cfigure\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\n\u003cfigcaption\u003eProduct \u0026amp; Safety Documentation\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"What is the best body wash for treating folliculitis?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"A treatment-focused folliculitis body wash should do more than remove sweat and surface dirt. ABERA Folliculitis Shower Gel is formulated to deeply cleanse clogged follicles, exfoliate dead-skin and excess-oil buildup, target bacteria and fungi on the skin, calm visible inflammation and help prevent recurring body bumps.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Can ABERA help treat recurring folliculitis, back acne and body acne?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes. ABERA is designed to treat recurring folliculitis, back acne, chest acne and other body breakouts. It helps unclog follicles, remove excess oil and dead skin, reduce microbial buildup, calm red or itchy-looking bumps and help reduce recurrence with consistent use.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Why does ABERA use Wild Bitter Melon for folliculitis-prone skin?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Wild Bitter Melon is ABERA’s signature botanical ingredient. It contains naturally occurring bioactive compounds associated with antioxidant, anti-inflammatory and antimicrobial activity, making it especially suitable for clogged, irritated and recurring bump-prone skin. ABERA combines it with exfoliating and soothing actives for a more complete folliculitis treatment routine.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"What ingredients in ABERA help treat folliculitis and clogged follicles?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ABERA combines Wild Bitter Melon, Galactolyl Salicylate, Mandelic Acid, Tea Tree Oil, Niacinamide and Allantoin. Together, these ingredients provide exfoliating, antimicrobial and soothing care to clear follicular buildup, target bacteria and fungi, reduce visible inflammation and support smoother body skin.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Can ABERA help with keratosis pilaris, hyperkeratosis and strawberry skin?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes. ABERA helps exfoliate excess keratin and dead-skin buildup that can leave follicles rough, clogged or visibly dark. Regular use helps smooth keratosis-pilaris-like bumps, hyperkeratosis and strawberry-skin texture on areas such as the upper arms, thighs and legs.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"How quickly can I see results from ABERA Folliculitis Shower Gel?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"With consistent use, visible improvement in bumps, redness and rough texture may begin within about 3–4 weeks. More stubborn or recurring concerns can take longer depending on their cause, severity and how consistently the routine is followed.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Who can use ABERA and where can I use it?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ABERA is a unisex body treatment wash suitable from puberty through adulthood and older age, including customers 65+. Use it on common problem areas such as the back, chest, shoulders, upper arms, thighs, buttocks and legs.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"How should I use ABERA for the best results?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Apply ABERA to wet skin and gently massage it over problem areas for about 60–120 seconds, then rinse thoroughly with lukewarm water. Use consistently as part of your shower routine. For hard-to-reach back and shoulder areas, ABERA BHA Back Acne Spray can be used after showering for additional leave-on exfoliating care.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"What can trigger or worsen back acne, body acne and folliculitis?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Common triggers include sweat, excess oil, tight clothing, friction, shaving, ingrown hairs, hormonal changes, anabolic steroids or testosterone, stress, lack of sleep and some dietary habits. These factors can contribute to clogged follicles, irritation and recurring bumps on the back, chest, shoulders, thighs and buttocks.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Can ABERA help fade dark marks left by body acne or folliculitis?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ABERA helps improve uneven-looking body skin by exfoliating surface buildup and supporting smoother skin renewal. With continued use, post-breakout dark marks can become less noticeable while the skin looks clearer and more even.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Why does folliculitis keep coming back?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Folliculitis can recur when sweat, excess oil, dead skin, friction, shaving or microbial buildup repeatedly clogs or irritates hair follicles. Consistent cleansing and exfoliation help break this cycle, keep follicles clearer and reduce recurring body bumps.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"How is fungal folliculitis different from bacterial folliculitis?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Bacterial and fungal folliculitis can look similar. Very uniform, itchy bumps that worsen with heat and sweat can suggest fungal folliculitis, while bacterial folliculitis may be more tender or pustular. ABERA targets clogged follicles and microbial buildup, but persistent, severe or rapidly spreading cases may need professional evaluation or a dedicated medical treatment.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"What should I do if I do not see results after 4 weeks?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"First, check that ABERA is being used consistently and massaged over the affected area for about 60–120 seconds before rinsing. If bumps remain severe, painful, very itchy or unchanged, the underlying cause may require a different treatment approach or professional evaluation.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Can I use ABERA Folliculitis Shower Gel on my face?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ABERA Folliculitis Shower Gel is formulated primarily for body areas such as the back, chest, shoulders, arms, thighs and buttocks. For facial breakouts, use a product specifically designed for facial skin unless otherwise directed by a skincare professional.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Why is the ABERA gel thick, and how do I use the pump?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ABERA has a concentrated gel texture, so a new pump may need several firm presses to prime before the first use. Once primed, dispense the amount needed onto wet skin, lather over the treatment area and rinse thoroughly.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Where can I buy ABERA Folliculitis Shower Gel?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ABERA Folliculitis Shower Gel is available online. On Amazon, search for “Folliculitis Shower Gel” and look for ABERA in the results. You can also purchase directly from the ABERA official store when available.\"\n }\n }\n ]\n}\n\u003c\/script\u003e \u003c!-- =========================================================\n12 — FAQ — HTML KEPT\n========================================================= --\u003e \u003c!-- =========================================================\n13 — FINAL CTA — HTML KEPT\n========================================================= --\u003e\n\u003c\/div\u003e\n\u003cp\u003e\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 \/* =========================================================\n AUDIENCE PERSONALIZATION\n URL examples:\n ?audience=men\n ?audience=women\n\n - Opens the matching review tab automatically.\n - Swaps the HOW TO USE lifestyle image.\n - Clicking a gender tab updates ?audience=... without reloading.\n - Existing UTM parameters are preserved.\n ========================================================= *\/\n (function(){\n const tabs = Array.from(root.querySelectorAll('.af-static-tab'));\n const panes = Array.from(root.querySelectorAll('.af-static-review-pane'));\n const howToImage = root.querySelector('#af-howto-audience-image');\n const howToPrev = root.querySelector('.af-howto-prev');\n const howToNext = root.querySelector('.af-howto-next');\n const howToDots = Array.from(root.querySelectorAll('.af-howto-dot'));\n\n function normalizeAudience(value){\n value = String(value || '').toLowerCase().trim();\n if (['women','woman','female'].includes(value)) return 'women';\n return 'men';\n }\n\n function updateHowToImage(audience){\n if (!howToImage) return;\n\n const isWomen = audience === 'women';\n const nextSrc = isWomen ? howToImage.dataset.womenSrc : howToImage.dataset.menSrc;\n const nextAlt = isWomen ? howToImage.dataset.womenAlt : howToImage.dataset.menAlt;\n\n if (nextSrc \u0026\u0026 howToImage.getAttribute('src') !== nextSrc){\n howToImage.style.opacity = '.6';\n window.setTimeout(function(){\n howToImage.setAttribute('src', nextSrc);\n howToImage.style.opacity = '1';\n }, 80);\n }\n\n if (nextAlt){\n howToImage.setAttribute('alt', nextAlt);\n }\n\n howToDots.forEach(function(dot){\n const active = dot.dataset.audience === audience;\n dot.classList.toggle('active', active);\n dot.setAttribute('aria-current', active ? 'true' : 'false');\n });\n }\n\n function activateReviews(audience){\n const targetId = audience === 'women' ? 'af-women-results' : 'af-men-results';\n\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\n panes.forEach(function(pane){\n const active = pane.id === targetId;\n pane.classList.toggle('active', active);\n\n if (active){\n const track = pane.querySelector('.af-static-review-track');\n if (track) track.scrollLeft = 0;\n }\n });\n }\n\n function updateUrl(audience){\n try{\n const url = new URL(window.location.href);\n url.searchParams.set('audience', audience);\n window.history.replaceState(\n {},\n '',\n url.pathname + '?' + url.searchParams.toString() + url.hash\n );\n }catch(e){}\n }\n\n function setAudience(audience, updateAddressBar){\n audience = normalizeAudience(audience);\n activateReviews(audience);\n updateHowToImage(audience);\n\n if (updateAddressBar){\n updateUrl(audience);\n }\n\n root.setAttribute('data-audience', audience);\n }\n\n \/* Initial state from ad \/ campaign URL. Default = men. *\/\n let initialAudience = 'men';\n try{\n const params = new URLSearchParams(window.location.search);\n initialAudience = normalizeAudience(params.get('audience'));\n }catch(e){}\n\n setAudience(initialAudience, false);\n\n \/* Manual tab click also switches the How To Use image\n and updates the URL without reloading the page. *\/\n tabs.forEach(function(tab){\n tab.addEventListener('click', function(){\n const audience = tab.dataset.target === 'af-women-results' ? 'women' : 'men';\n setAudience(audience, true);\n });\n });\n\n \/* How To Use arrows: move between Men and Women images *\/\n function toggleHowToAudience(){\n const current = root.getAttribute('data-audience') === 'women' ? 'women' : 'men';\n setAudience(current === 'women' ? 'men' : 'women', true);\n }\n\n if (howToPrev){\n howToPrev.addEventListener('click', toggleHowToAudience);\n }\n\n if (howToNext){\n howToNext.addEventListener('click', toggleHowToAudience);\n }\n\n \/* How To Use dots *\/\n howToDots.forEach(function(dot){\n dot.addEventListener('click', function(){\n setAudience(dot.dataset.audience, true);\n });\n });\n\n \/* Back\/forward navigation support. *\/\n window.addEventListener('popstate', function(){\n try{\n const params = new URLSearchParams(window.location.search);\n setAudience(params.get('audience'), false);\n }catch(e){}\n });\n })();\n\n})();\n\u003c\/script\u003e \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 \u003cscript\u003e\n(function(){\n var root = document.getElementById('abera-folliculitis-v2');\n if(!root) return;\n\n function gapOf(track){\n var style = getComputedStyle(track);\n return parseFloat(style.columnGap || style.gap || '0') || 0;\n }\n\n function stepOf(track, cards){\n if(!cards.length) return track.clientWidth;\n return cards[0].getBoundingClientRect().width + gapOf(track);\n }\n\n function addArrowShell(track, shellClass, prevLabel, nextLabel){\n if(!track || track.closest('.' + shellClass)) return track ? track.closest('.' + shellClass) : null;\n\n var shell = document.createElement('div');\n shell.className = shellClass;\n track.parentNode.insertBefore(shell, track);\n shell.appendChild(track);\n\n var prev = document.createElement('button');\n prev.type = 'button';\n prev.className = 'af-amazon-ui-arrow af-amazon-ui-prev';\n prev.setAttribute('aria-label', prevLabel);\n prev.textContent = '‹';\n\n var next = document.createElement('button');\n next.type = 'button';\n next.className = 'af-amazon-ui-arrow af-amazon-ui-next';\n next.setAttribute('aria-label', nextLabel);\n next.textContent = '›';\n\n shell.insertBefore(prev, track);\n shell.appendChild(next);\n\n return shell;\n }\n\n function wireCarousel(track, cards, prev, next, dots){\n if(!track || !cards.length) return;\n\n function step(){\n return stepOf(track, cards);\n }\n\n function index(){\n var s = step();\n if(!s) return 0;\n return Math.max(0, Math.min(cards.length - 1, Math.round(track.scrollLeft \/ s)));\n }\n\n function update(){\n var i = index();\n\n if(dots \u0026\u0026 dots.length){\n dots.forEach(function(dot, n){\n dot.classList.toggle('active', n === i);\n dot.setAttribute('aria-current', n === i ? 'true' : 'false');\n });\n }\n\n if(prev){\n prev.disabled = track.scrollLeft \u003c= 3;\n }\n\n if(next){\n var max = track.scrollWidth - track.clientWidth;\n next.disabled = track.scrollLeft \u003e= max - 3;\n }\n }\n\n if(prev){\n prev.addEventListener('click', function(){\n track.scrollBy({left:-step(), behavior:'smooth'});\n });\n }\n\n if(next){\n next.addEventListener('click', function(){\n track.scrollBy({left:step(), behavior:'smooth'});\n });\n }\n\n if(dots \u0026\u0026 dots.length){\n dots.forEach(function(dot, n){\n dot.addEventListener('click', function(){\n track.scrollTo({left:step() * n, behavior:'smooth'});\n });\n });\n }\n\n var timer;\n track.addEventListener('scroll', function(){\n clearTimeout(timer);\n timer = setTimeout(update, 35);\n }, {passive:true});\n\n window.addEventListener('resize', update);\n update();\n }\n\n \/* RESULTS *\/\n (function(){\n var section = root.querySelector('.af-results');\n if(!section) return;\n\n var track = section.querySelector('.af-results-track');\n if(!track) return;\n\n var cards = Array.prototype.slice.call(track.querySelectorAll('.af-result-card'));\n var shell = addArrowShell(track, 'af-results-carousel-shell', 'Previous result', 'Next result');\n if(!shell) return;\n\n var prev = shell.querySelector('.af-amazon-ui-prev');\n var next = shell.querySelector('.af-amazon-ui-next');\n var dots = Array.prototype.slice.call(section.querySelectorAll('.af-results-dot'));\n\n wireCarousel(track, cards, prev, next, dots);\n })();\n\n \/* REVIEWS — one carousel per gender tab *\/\n (function(){\n var panes = Array.prototype.slice.call(root.querySelectorAll('.af-static-review-pane'));\n if(!panes.length) return;\n\n panes.forEach(function(pane){\n var viewport = pane.querySelector('.af-static-review-viewport');\n var track = pane.querySelector('.af-static-review-track');\n if(!viewport || !track) return;\n\n var cards = Array.prototype.slice.call(track.querySelectorAll('.af-static-review-card'));\n\n var shell = document.createElement('div');\n shell.className = 'af-static-review-carousel-shell';\n\n viewport.parentNode.insertBefore(shell, viewport);\n shell.appendChild(viewport);\n\n var prev = document.createElement('button');\n prev.type = 'button';\n prev.className = 'af-amazon-ui-arrow af-amazon-ui-prev';\n prev.setAttribute('aria-label', 'Previous customer review');\n prev.textContent = '‹';\n\n var next = document.createElement('button');\n next.type = 'button';\n next.className = 'af-amazon-ui-arrow af-amazon-ui-next';\n next.setAttribute('aria-label', 'Next customer review');\n next.textContent = '›';\n\n shell.insertBefore(prev, viewport);\n shell.appendChild(next);\n\n var dotsWrap = document.createElement('div');\n dotsWrap.className = 'af-static-review-dots';\n\n var dots = cards.map(function(card, i){\n var dot = document.createElement('button');\n dot.type = 'button';\n dot.className = 'af-static-review-dot' + (i === 0 ? ' active' : '');\n dot.setAttribute('aria-label', 'Review ' + (i + 1));\n dotsWrap.appendChild(dot);\n return dot;\n });\n\n shell.parentNode.insertBefore(dotsWrap, shell.nextSibling);\n wireCarousel(track, cards, prev, next, dots);\n });\n\n \/* Update controls after switching Men\/Women *\/\n root.querySelectorAll('.af-static-tab').forEach(function(tab){\n tab.addEventListener('click', function(){\n setTimeout(function(){\n window.dispatchEvent(new Event('resize'));\n }, 60);\n });\n });\n })();\n\n})();\n\u003c\/script\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Abera","offers":[{"title":"1 BOX (-30%)","offer_id":53838772011376,"sku":"CB-GTABERA087+SL1","price":34.95,"currency_code":"USD","in_stock":true},{"title":"BUY 2, GET 1 FREE BHA BACK ACNE SPRAY (-45%)","offer_id":54017347846512,"sku":"CB-GTABERA087+SL2-CB-BHA059+SL1","price":64.95,"currency_code":"USD","in_stock":true},{"title":"3 BOXES + FREE ( 1 BHA SPRAY \u0026 1 Eye Roller Serum) (Save 50%)","offer_id":54017347879280,"sku":"CB-GTABERA087+SL3-CB-BHA059+SL1-CB-BONGMATUSA061+SL1","price":89.95,"currency_code":"USD","in_stock":true},{"title":"1 Shower Gel + Grapefruit Shampoo \u0026 Hair Growth Serum (Save 45%)","offer_id":54364028567920,"sku":"CB-GTABERA087+SL1-CB-DGBUOI081+SL1-CB-SRBUOI080+SL1","price":68.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Abera_Folliculitis_Shower_Gel.webp?v=1789574833"},{"product_id":"abera-dark-lip-corrector-cream","title":"ABERA Dark Lip Corrector Cream","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eRESTORE - A natural approach with sunflower oil and shea butter helps restore your skin to its normal state\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eALONG WITH VITAMINS C AND E - Formulated with natural ingredients to help maintain lip moisture throughout the day - with just 2 applications a day\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eEXTRACT FROM AFRICANS STAR GRASS AND PALM OIL – Lip exfoliator scrub adds aloe vera essence, which can moisturize the lip skin, prevent dry skin, keep the lips moist, and avoid dryness, peeling and other phenomena on the lips. These natural extracts work together to provide deep nourishment and moisturizing for your lips\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eACHIEVE SMOOTH, NOURISHED LIPS: Enjoy soft, full lips with our lip scrub, designed to leave your skin silky-smooth and naturally radiant throughout the year\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\n\u003cspan class=\"a-list-item\"\u003eNEVER FEEL SELF-CONSCIOUS AGAIN - With perfectly smooth skin, you'll no longer have to worry about what others think about your dark lips. Perfect skincare gift for birthdays, Valentine's Day, Galentines, bridal shower favors, selfcare \u0026amp; giveaways\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh12400x1800-ezgif.com-jpg-to-webp-converter.webp?v=1784360442\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh22400x1800-ezgif.com-jpg-to-webp-converter.webp?v=1784360442\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh31800x1350-ezgif.com-jpg-to-webp-converter.webp?v=1784360442\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh41800x1350-ezgif.com-jpg-to-webp-converter.webp?v=1784360442\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh51800x1350-ezgif.com-jpg-to-webp-converter.webp?v=1784360442\" alt=\"\"\u003e\u003c\/span\u003e\u003cspan class=\"a-list-item\"\u003e\u003c\/span\u003e\u003cspan class=\"a-list-item\"\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Abera","offers":[{"title":"1 BOX","offer_id":54030141358448,"sku":"CB-ADARKLIP082+SL1","price":17.95,"currency_code":"USD","in_stock":true},{"title":"BUY 2 Save 25%","offer_id":54030141391216,"sku":"CB-ADARKLIP082+SL2","price":32.95,"currency_code":"USD","in_stock":true},{"title":"Buy 3 Save 30%","offer_id":54030141423984,"sku":"CB-ADARKLIP082+SL3-CB-TMCF099+SL1","price":45.95,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/DarkLip_Listing_01-ezgif.com-jpg-to-webp-converter.webp?v=1784170818"},{"product_id":"abera-eye-roller-serum-for-men","title":"ABERA Eye Roller Serum for Men \u0026 Women","description":"\u003cp\u003e\u003cspan data-sheets-root=\"1\"\u003eABERA Eye Roller Serum for Men \u0026amp; Women is a fast-acting cooling eye serum designed to visibly reduce the look of puffy eyes, dark circles, under-eye bags, dryness, and tired-looking skin. Powered by Caffeine, Peptides, Mint Essence, and Southeast Asian-grown botanicals, the lightweight formula hydrates, refreshes, and smooths the under-eye area without feeling greasy.\u003cbr\u003e\u003cbr\u003eThe cooling titanium roller applicator glides smoothly across the skin, delivering targeted application while providing an instant refreshing massage. Ideal for morning routines, after work, after the gym, or anytime tired eyes need a quick boost.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eWhy Choose ABERA?\u003c\/strong\u003e\u003cbr\u003e- Cooling titanium roller\u003cbr\u003e- Targets bags, puffiness, and dark circles\u003cbr\u003e- Lightweight, fast-absorbing formula\u003cbr\u003e- No messy finger application\u003cbr\u003e- Quick daily eye-care routine\u003c\/span\u003e\u003cspan data-sheets-root=\"1\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan data-sheets-root=\"1\"\u003e\u003cstrong\u003eEYE ROLLER SERUM FOR PUFFY EYES \u0026amp; DARK CIRCLES:\u003c\/strong\u003e Powerful under-eye serum for men designed to visibly reduce the look of puffy eyes, dark circles, under-eye bags, dryness, and tired-looking skin. Helps the eye area appear fresher, brighter, smoother, and more energized. \u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eCAFFEINE, PEPTIDES \u0026amp; MINT ESSENCE FORMULA:\u003c\/strong\u003e This cooling eye serum for dark circles and puffiness combines Caffeine to target visible puffiness and eye bags, Peptides to support firmer, smoother-looking skin, and Mint Essence for an instantly fresh, awakened feel. \u003cbr\u003e\u003cbr\u003eCOOLING TITANIUM ROLLER APPLICATOR: Premium titanium eye roller provides an instant cooling massage while helping distribute serum evenly across the under-eye area. The smooth metal roller helps depuff tired-looking eyes without pulling, rubbing, or messy finger application. \u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eSOUTHEAST ASIAN-GROWN BOTANICAL CARE:\u003c\/strong\u003e Made with carefully selected botanicals grown in Southeast Asia’s warm, humid climate. The formula delivers refreshing hydration and antioxidant-rich care to help protect the delicate under-eye area from dryness and tired-looking dullness. \u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eFAST, LIGHTWEIGHT EYE BAGS TREATMENT FOR MEN AND WOMEN:\u003c\/strong\u003e Compact, non-greasy, and easy to use at home or on the go. Apply this cooling eye roller for men \u0026amp; women in the morning, after work, after the gym, or before going out for a visibly refreshed and well-rested appearance.\u003c\/span\u003e\u003c\/p\u003e","brand":"Abera","offers":[{"title":"1 BOX","offer_id":54030401601904,"sku":"CB-BONGMATUSA061+SL1","price":24.95,"currency_code":"USD","in_stock":true},{"title":"1 Eye Roller + 1 Eye Essence + GIFT 5 Eye Masks","offer_id":54030401634672,"sku":"CB-BONGMATUSA061+SL1-CB-BAKUCHIOL094+SL1-CB-CBMASK05+SL1","price":40.95,"currency_code":"USD","in_stock":true},{"title":"1 Eye Roller + 1 Face Wash + GIFT 5 Eye Mask","offer_id":54048582041968,"sku":"CB-BONGMATUSA061+SL1-CB-RNABERA089+SL1-CB-CBMASK05+SL1","price":39.95,"currency_code":"USD","in_stock":true},{"title":"2 Eye Rollers + GIFT 10 Eye Masks","offer_id":54048588726640,"sku":"CB-BONGMATUSA061+SL2-CB-CBMATNA039+SL1","price":39.95,"currency_code":"USD","in_stock":true},{"title":"Best Value Bundle ⭐","offer_id":54048592068976,"sku":"CB-BONGMATUSA061+SL2-CB-CBMATNA039+SL1-CB-RNABERA089+SL1-CB-BAKUCHIOL094+SL1","price":52.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ABERA_Eye_Roller_Serum.webp?v=1784349421"},{"product_id":"abera-ginb-eyebrow-growth-serum","title":"ABERA Ginb Eyebrow Growth Serum for Women \u0026 Men","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\u003cstrong\u003eKEY INGREDIENTS FOR UNEVEN AND PATCHY EYEBROWS \u0026amp; BEARD GROWTH OIL FOR MEN \u0026amp; WOMEN:\u003c\/strong\u003e This serum is formulated with moisturizing, nourishing, and strengthening ingredients such as Panax ginseng extract, biotin, and Chamomilla Recutita Flower Extract\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eBIOTIN:\u003c\/strong\u003e Supplemented with nutrients to help darken and thicken eyebrow and beard\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eACETYL TETRAPEPTIDE-3:\u003c\/strong\u003e Helps support faster and safer eyebrows and beard growth\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eGENTLE \u0026amp; SAFE FOR ALL SKIN TYPES:\u003c\/strong\u003e Enjoy a safe, irritation-free experience with a gentle formula suitable for all skin types. Grow your brows without discomfort, whether your skin is dry, oily, or sensitive\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eEASY APPLICATION:\u003c\/strong\u003e Designed for hassle-free use, the precision applicator ensures targeted application, saving you time while delivering salon-quality results at home\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh11800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh21800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh51800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh61800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh81800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh91800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Abera","offers":[{"title":"1 BOX","offer_id":54030407172464,"sku":"CB-GINB058+SL1","price":17.95,"currency_code":"USD","in_stock":true},{"title":"BUY 2 SAVE 25%","offer_id":54045877567856,"sku":"CB-GINB058+SL2","price":32.95,"currency_code":"USD","in_stock":true},{"title":"BUY 3 SAVE 30% + GIFT","offer_id":54045877600624,"sku":"CB-GINB058+SL3-CB-USCOMI040+SL1","price":47.35,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh1-ezgif.com-jpg-to-webp-converter.webp?v=1784170779"},{"product_id":"abera-instant-hair-dye-shampoo-10-packs","title":"ABERA Instant Hair Dye Shampoo - 10 Packs, Cover Gray Hair in 15 Minutes, For Men and Women","description":"\u003c!-- =========================================================\nABERA HAIR DYE — HERO + QUICK BENEFITS\nUPDATED BENEFIT CONTENT\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-hero-v4,\n#abera-hero-v4 * {\n box-sizing: border-box;\n}\n\n#abera-hero-v4 {\n --black: #0f0f0f;\n --gold: #b07d2f;\n --gold-light: #e7cf9e;\n --ivory: #f7f3ec;\n --text: #171717;\n --muted: #5f5952;\n\n width: 100%;\n margin: 0;\n padding: 0;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n\n color: var(--text);\n}\n\n\n\/* =========================================================\nHERO\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-main {\n width: 100%;\n\n padding:\n clamp(55px, 6vw, 92px)\n 0\n clamp(62px, 6vw, 98px);\n\n background:\n radial-gradient(\n circle at 78% 8%,\n rgba(223, 194, 138, .20),\n transparent 32%\n ),\n var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-container {\n width: 100%;\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-grid {\n display: grid;\n\n grid-template-columns:\n minmax(0, 1.08fr)\n minmax(430px, .92fr);\n\n gap:\n clamp(60px, 7vw, 115px);\n\n align-items: center;\n}\n\n\n\/* =========================================================\nLEFT\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-copy {\n min-width: 0;\n}\n\n\n\/* =========================================================\nEYEBROW\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-eyebrow {\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n margin:\n 0\n 0\n 32px;\n\n padding:\n 10px\n 18px;\n\n border:\n 1px solid\n rgba(176, 125, 47, .38);\n\n border-radius: 999px;\n\n background:\n rgba(255, 255, 255, .55);\n\n color: #8c6429;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 600;\n\n letter-spacing: 1.5px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-title {\n max-width: 760px;\n\n margin:\n 0\n 0\n 30px;\n\n color: var(--black);\n\n font-size:\n clamp(30px, 4vw, 50px);\n\n line-height: 0.99;\n\n font-weight: 600;\n\n letter-spacing: 0px;\n\n text-transform: uppercase;\n}\n\n\n#abera-hero-v4 .ahv4-title span {\n display: block;\n\n margin-top: 8px;\n\n color: var(--gold);\n}\n\n\n\/* =========================================================\nDESCRIPTION\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-description {\n max-width: 740px;\n\n margin:\n 0\n 0\n 31px;\n\n color: var(--muted);\n\n font-size: 18px;\n line-height: 1.7;\n\n font-weight: 400;\n}\n\n\n#abera-hero-v4 .ahv4-description strong {\n color: var(--black);\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nUSP GRID\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-usps {\n display: grid;\n\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap:\n 20px\n 38px;\n\n max-width: 760px;\n}\n\n\n#abera-hero-v4 .ahv4-usp {\n min-width: 0;\n\n display: flex;\n\n align-items: flex-start;\n\n gap: 12px;\n\n color: #27231f;\n\n font-size: 17px;\n line-height: 1.5;\n\n font-weight: 400;\n}\n\n\n#abera-hero-v4 .ahv4-check {\n width: 26px;\n height: 26px;\n\n flex:\n 0 0\n 26px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n margin-top: 1px;\n\n border-radius: 50%;\n\n background: var(--black);\n\n color: var(--gold-light);\n\n font-size: 13px;\n line-height: 1;\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-media {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n overflow: visible;\n\n background: transparent;\n}\n\n\n#abera-hero-v4 .ahv4-media img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n border: 10;\n border-radius: 10;\n\n background: transparent;\n\n box-shadow: none;\n}\n\n\n\/* =========================================================\n15 MIN BADGE\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-badge {\n position: absolute;\n\n z-index: 5;\n\n top: 22px;\n right: 22px;\n\n width: 132px;\n height: 132px;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n border:\n 1px solid\n var(--gold);\n\n border-radius: 50%;\n\n background:\n rgba(15, 15, 15, .97);\n\n text-align: center;\n}\n\n\n#abera-hero-v4 .ahv4-badge strong {\n display: block;\n\n color: var(--gold-light);\n\n font-size: 30px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n#abera-hero-v4 .ahv4-badge span {\n display: block;\n\n margin-top: 9px;\n\n color: #ffffff;\n\n font-size: 10px;\n line-height: 1.25;\n\n font-weight: 400;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\nQUICK BENEFIT BAR\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-benefits {\n width: 100%;\n\n background: var(--black);\n}\n\n\n#abera-hero-v4 .ahv4-benefits-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n}\n\n\n\/* BENEFIT ITEM *\/\n\n#abera-hero-v4 .ahv4-benefit {\n min-width: 0;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n padding:\n 28px\n 18px;\n\n border-right:\n 1px solid\n rgba(255, 255, 255, .12);\n\n text-align: center;\n}\n\n\n#abera-hero-v4\n.ahv4-benefit:last-child {\n border-right: 0;\n}\n\n\n\/* SMALL LINE *\/\n\n#abera-hero-v4 .ahv4-benefit span {\n display: block;\n\n margin-bottom: 5px;\n\n color: #d2cec8;\n\n font-size: 15px;\n line-height: 1.35;\n\n font-weight: 400;\n}\n\n\n\/* STRONG LINE *\/\n\n#abera-hero-v4 .ahv4-benefit strong {\n display: block;\n\n margin: 0;\n\n color: var(--gold-light);\n\n font-size: 20px;\n line-height: 1.3;\n\n font-weight: 600;\n\n text-transform: none;\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-hero-v4 .ahv4-main {\n padding:\n 45px\n 0\n 55px;\n }\n\n\n #abera-hero-v4 .ahv4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-hero-v4 .ahv4-grid {\n grid-template-columns:\n minmax(0, 1fr)\n minmax(340px, .9fr);\n\n gap: 38px;\n }\n\n\n #abera-hero-v4 .ahv4-title {\n font-size:\n clamp(30px, 4vw, 50px);\n\n letter-spacing: -2px;\n }\n\n\n #abera-hero-v4 .ahv4-description {\n font-size: 16px;\n }\n\n\n #abera-hero-v4 .ahv4-usps {\n grid-template-columns: 1fr;\n\n gap: 13px;\n }\n\n\n #abera-hero-v4 .ahv4-usp {\n font-size: 15px;\n }\n\n\n #abera-hero-v4 .ahv4-badge {\n width: 100px;\n height: 100px;\n\n top: 14px;\n right: 14px;\n }\n\n\n #abera-hero-v4 .ahv4-badge strong {\n font-size: 23px;\n }\n\n\n #abera-hero-v4 .ahv4-badge span {\n font-size: 8px;\n }\n\n\n #abera-hero-v4 .ahv4-benefit strong {\n font-size: 17px;\n }\n\n\n #abera-hero-v4 .ahv4-benefit span {\n font-size: 13px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-hero-v4 .ahv4-main {\n padding:\n 16px\n 0\n 34px;\n }\n\n\n #abera-hero-v4 .ahv4-container {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* IMAGE FIRST *\/\n\n #abera-hero-v4 .ahv4-grid {\n display: flex;\n\n flex-direction: column;\n\n gap: 27px;\n }\n\n\n #abera-hero-v4 .ahv4-media {\n order: 1;\n }\n\n\n #abera-hero-v4 .ahv4-copy {\n order: 2;\n\n width: 100%;\n }\n\n\n \/* EYEBROW *\/\n\n #abera-hero-v4 .ahv4-eyebrow {\n margin-bottom: 18px;\n\n padding:\n 8px\n 12px;\n\n font-size: 10px;\n\n letter-spacing: 1px;\n }\n\n\n \/* TITLE *\/\n\n #abera-hero-v4 .ahv4-title {\n width: 100%;\n\n margin-bottom: 20px;\n\n font-size:\n clamp(40px, 3vw, 40px);\n\n line-height: 1.02;\n\n letter-spacing: -1.6px;\n\n white-space: normal;\n\n word-break: normal;\n }\n\n\n #abera-hero-v4 .ahv4-title span {\n margin-top: 5px;\n }\n\n\n \/* DESCRIPTION *\/\n\n #abera-hero-v4 .ahv4-description {\n width: 100%;\n\n margin-bottom: 23px;\n\n font-size: 16px;\n line-height: 1.62;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n }\n\n\n \/* USP *\/\n\n #abera-hero-v4 .ahv4-usps {\n width: 100%;\n\n grid-template-columns: 1fr;\n\n gap: 13px;\n }\n\n\n #abera-hero-v4 .ahv4-usp {\n width: 100%;\n\n gap: 10px;\n\n font-size: 15px;\n line-height: 1.5;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n }\n\n\n #abera-hero-v4 .ahv4-check {\n width: 22px;\n height: 22px;\n\n flex:\n 0 0\n 22px;\n\n font-size: 11px;\n }\n\n\n \/* IMAGE *\/\n\n #abera-hero-v4 .ahv4-media {\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n }\n\n\n #abera-hero-v4 .ahv4-media img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n }\n\n\n \/* BADGE *\/\n\n #abera-hero-v4 .ahv4-badge {\n width: 86px;\n height: 86px;\n\n top: 10px;\n right: 10px;\n }\n\n\n #abera-hero-v4 .ahv4-badge strong {\n font-size: 20px;\n }\n\n\n #abera-hero-v4 .ahv4-badge span {\n margin-top: 5px;\n\n font-size: 7px;\n }\n\n\n \/* =====================================================\n QUICK BENEFITS — 2 × 2\n ===================================================== *\/\n\n #abera-hero-v4 .ahv4-benefits-grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n\n #abera-hero-v4 .ahv4-benefit {\n min-height: 110px;\n\n padding:\n 18px\n 10px;\n }\n\n\n #abera-hero-v4\n .ahv4-benefit:nth-child(2n) {\n\n border-right: 0;\n\n }\n\n\n #abera-hero-v4\n .ahv4-benefit:nth-child(-n+2) {\n\n border-bottom:\n 1px solid\n rgba(255,255,255,.12);\n\n }\n\n\n #abera-hero-v4 .ahv4-benefit span {\n margin-bottom: 5px;\n\n font-size: 12px;\n line-height: 1.35;\n }\n\n\n #abera-hero-v4 .ahv4-benefit strong {\n font-size: 15px;\n line-height: 1.35;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-hero-v4\"\u003e\u003c!-- =========================================================\nHERO\n========================================================= --\u003e\n\u003cdiv class=\"ahv4-main\"\u003e\n\u003cdiv class=\"ahv4-container\"\u003e\n\u003cdiv class=\"ahv4-grid\"\u003e\n\u003c!-- LEFT --\u003e\n\u003cdiv class=\"ahv4-copy\"\u003e\n\u003cdiv class=\"ahv4-eyebrow\"\u003eABERA INSTANT HAIR DYE SHAMPOO\u003c\/div\u003e\n\u003ch1 class=\"ahv4-title\"\u003eGRAY HAIR? \u003cspan\u003e ONLY 15 MINUTES. \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ahv4-description\"\u003e\u003cstrong\u003e Cover visible gray hair at home \u003c\/strong\u003e — without a salon appointment or complicated dye mixing. ABERA combines hair color, cleansing and conditioning in one simple shampoo-like routine.\u003c\/p\u003e\n\u003cdiv class=\"ahv4-usps\"\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Visible gray coverage in about 15 minutes \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 10 convenient individual sachets \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 3-in-1: Color + Cleanse + Condition \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Ammonia-free formula \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e For men \u0026amp; women \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RIGHT IMAGE --\u003e\n\u003cdiv class=\"ahv4-media\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_45.webp?v=1787211684\" alt=\"ABERA Instant Hair Dye Shampoo\"\u003e\n\u003cdiv class=\"ahv4-badge\"\u003e\n\u003cstrong\u003e 15 MIN \u003c\/strong\u003e \u003cspan\u003e QUICK GRAY\u003cbr\u003eCOVERAGE \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nUPDATED QUICK BENEFIT BAR\n========================================================= --\u003e\n\u003cdiv class=\"ahv4-benefits\"\u003e\n\u003cdiv class=\"ahv4-benefits-grid\"\u003e\n\u003c!-- 01 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\u003cspan\u003e Covers grays \u003c\/span\u003e \u003cstrong\u003e in just 15 minutes \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\u003cspan\u003e Protects hair with \u003c\/span\u003e \u003cstrong\u003e ammonia-free formula \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\u003cspan\u003e As easy as \u003c\/span\u003e \u003cstrong\u003e regular shampoo \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c!-- 04 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\u003cspan\u003e Suitable for \u003c\/span\u003e \u003cstrong\u003e ALL hair types \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — HOW IT WORKS\nBEIGE CONTINUOUS BACKGROUND\nDESKTOP: VIDEO LEFT + 3 STEPS RIGHT\nMOBILE: VIDEO TOP + STEPS BELOW\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL LANDING PAGE BACKGROUND FIX\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n\/*\nMàu nền chung của toàn bộ phần MainContent.\nGiúp tránh lộ nền trắng của Shopify giữa các section.\n*\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/*\nNếu các section ABERA nằm trong nhiều Custom Liquid khác nhau,\nép wrapper Shopify về cùng nền be và bỏ margin\/padding ngoài.\n*\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/*\nKhông để khoảng trắng phát sinh giữa 2 ABERA section kế tiếp.\n*\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-how-v4,\n#abera-how-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-how-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-light: #e7cf9e;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #69635c;\n\n --line: #ddd2c1;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-header {\n width: 100%;\n\n max-width: 1100px;\n\n margin:\n 0\n auto\n clamp(42px, 5vw, 65px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-how-v4 .ahw4-eyebrow {\n margin:\n 0\n 0\n 13px;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 15px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.5px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-how-v4 .ahw4-title {\n width: 100%;\n\n margin: 0;\n\n padding: 0;\n\n color: var(--black);\n\n font-size:\n clamp(30px, 4vw, 40px);\n\n line-height: 1.12;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nCONTENT GRID\n========================================================= *\/\n\n#abera-how-v4 .ahw4-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 1fr)\n minmax(0, 1fr);\n\n gap:\n clamp(55px, 7vw, 92px);\n\n align-items: center;\n}\n\n\n\/* =========================================================\nVIDEO\n========================================================= *\/\n\n#abera-how-v4 .ahw4-video {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n border-radius: 14px;\n\n background: #111111;\n\n box-shadow:\n 0 4px 14px\n rgba(0,0,0,.045);\n}\n\n\n#abera-how-v4 .ahw4-video video {\n position: absolute;\n\n inset: 0;\n\n width: 100% !important;\n height: 100% !important;\n\n display: block;\n\n margin: 0;\n padding: 0;\n\n border: 0;\n\n background: #111111;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\nSTEPS\n========================================================= *\/\n\n#abera-how-v4 .ahw4-steps {\n width: 100%;\n\n display: grid;\n\n gap: 18px;\n}\n\n\n\/* =========================================================\nSTEP CARD\n========================================================= *\/\n\n#abera-how-v4 .ahw4-step {\n width: 100%;\n\n min-width: 0;\n\n display: grid;\n\n grid-template-columns:\n 66px\n minmax(0, 1fr);\n\n gap: 20px;\n\n align-items: center;\n\n padding:\n 25px\n 28px;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 13px;\n\n background:\n rgba(255,255,255,.80);\n}\n\n\n\/* =========================================================\nNUMBER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-number {\n width: 66px;\n height: 66px;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--black);\n\n color: var(--gold);\n\n font-size: 17px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n\/* =========================================================\nSTEP COPY\n========================================================= *\/\n\n#abera-how-v4 .ahw4-step-copy {\n min-width: 0;\n}\n\n\n#abera-how-v4 .ahw4-step-title {\n margin:\n 0\n 0\n 6px;\n\n padding: 0;\n\n color: var(--black);\n\n font-size: 18px;\n line-height: 1.25;\n\n font-weight: 600;\n\n text-transform: uppercase;\n}\n\n\n#abera-how-v4 .ahw4-step-text {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n color: var(--muted);\n\n font-size: 16px;\n line-height: 1.6;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-how-v4 .ahw4-main {\n padding:\n 44px\n 0\n 55px;\n }\n\n\n #abera-how-v4 .ahw4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-how-v4 .ahw4-header {\n margin-bottom: 38px;\n }\n\n\n #abera-how-v4 .ahw4-title {\n font-size:\n clamp(30px, 4vw, 42px);\n }\n\n\n #abera-how-v4 .ahw4-grid {\n gap: 34px;\n }\n\n\n #abera-how-v4 .ahw4-step {\n grid-template-columns:\n 54px\n minmax(0, 1fr);\n\n gap: 15px;\n\n padding:\n 18px\n 19px;\n }\n\n\n #abera-how-v4 .ahw4-number {\n width: 54px;\n height: 54px;\n\n font-size: 15px;\n }\n\n\n #abera-how-v4 .ahw4-step-title {\n font-size: 16px;\n }\n\n\n #abera-how-v4 .ahw4-step-text {\n font-size: 14px;\n line-height: 1.55;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-how-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-how-v4 .ahw4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-how-v4 .ahw4-container {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* HEADER *\/\n\n #abera-how-v4 .ahw4-header {\n margin-bottom: 26px;\n }\n\n\n #abera-how-v4 .ahw4-eyebrow {\n margin-bottom: 9px;\n\n font-size: 12px;\n\n letter-spacing: 1.3px;\n }\n\n\n #abera-how-v4 .ahw4-title {\n font-size:\n clamp(25px, 4vw, 31px);\n\n line-height: 1.3;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n\n \/* =====================================================\n VIDEO FIRST\n ===================================================== *\/\n\n #abera-how-v4 .ahw4-grid {\n display: flex;\n\n flex-direction: column;\n\n gap: 22px;\n }\n\n\n #abera-how-v4 .ahw4-video {\n order: 1;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n border-radius: 11px;\n }\n\n\n #abera-how-v4 .ahw4-steps {\n order: 2;\n\n width: 100%;\n\n gap: 12px;\n }\n\n\n \/* =====================================================\n MOBILE STEP\n ===================================================== *\/\n\n #abera-how-v4 .ahw4-step {\n width: 100%;\n\n grid-template-columns:\n 48px\n minmax(0, 1fr);\n\n gap: 13px;\n\n padding:\n 16px\n 15px;\n\n border-radius: 10px;\n }\n\n\n #abera-how-v4 .ahw4-number {\n width: 48px;\n height: 48px;\n\n font-size: 13px;\n }\n\n\n #abera-how-v4 .ahw4-step-title {\n margin-bottom: 4px;\n\n font-size: 16px;\n line-height: 1.3;\n }\n\n\n #abera-how-v4 .ahw4-step-text {\n font-size: 14px;\n line-height: 1.5;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-how-v4\"\u003e\u003c!-- =========================================================\nHOW IT WORKS CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"ahw4-main\"\u003e\n\u003cdiv class=\"ahw4-container\"\u003e\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"ahw4-header\"\u003e\n\u003cp class=\"ahw4-eyebrow\"\u003eHOW IT WORKS\u003c\/p\u003e\n\u003ch2 class=\"ahw4-title\"\u003eGRAY COVERAGE IN 3 SIMPLE STEPS.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"ahw4-grid\"\u003e\n\u003c!-- ===================================================\n VIDEO\n ==================================================== --\u003e\n\u003cdiv class=\"ahw4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/7ee1dbdd3dc2403fabf9d73023990903.mp4\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_60.webp?v=1787234601\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c!-- ===================================================\n STEPS\n ==================================================== --\u003e\n\u003cdiv class=\"ahw4-steps\"\u003e\n\u003c!-- 01 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\u003cdiv class=\"ahw4-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\u003ch3 class=\"ahw4-step-title\"\u003ePOUR\u003c\/h3\u003e\n\u003cp class=\"ahw4-step-text\"\u003eWear the provided gloves. Pour the amount of shampoo into your palm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\u003cdiv class=\"ahw4-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\u003ch3 class=\"ahw4-step-title\"\u003eAPPLY\u003c\/h3\u003e\n\u003cp class=\"ahw4-step-text\"\u003eApply evenly onto dry hair, massaging from roots to tips. Leave it on for 15–20 minutes to allow the color to fully develop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\u003cdiv class=\"ahw4-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\u003ch3 class=\"ahw4-step-title\"\u003eRINSE\u003c\/h3\u003e\n\u003cp class=\"ahw4-step-text\"\u003eRinse thoroughly with water until it runs clear, then towel dry and enjoy your vibrant new look.\u003c\/p\u003e\n\u003c\/div\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!-- =========================================================\nABERA HAIR DYE — BEFORE \/ AFTER RESULTS\nCONTINUOUS BEIGE BACKGROUND\nDESKTOP: 5 CARDS \/ ROW\nMOBILE: 1 CARD + NEXT PREVIEW\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY CUSTOM LIQUID SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* ABERA SHOPIFY WRAPPERS *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n\n margin-top: 0 !important;\n padding-top: 0 !important;\n\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-results-v4,\n#abera-results-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-results-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n --gold-light: #ead5aa;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #615b54;\n\n --line: #ddd3c4;\n\n --green: #557963;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-results-v4 .abr4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(56px, 5vw, 82px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-results-v4 .abr4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-results-v4 .abr4-header {\n width: 100%;\n\n max-width: 1150px;\n\n margin:\n 0\n auto\n clamp(38px, 4vw, 52px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-results-v4 .abr4-eyebrow {\n margin:\n 0\n 0\n 12px;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.4px;\n\n text-transform: uppercase;\n}\n\n\n\/* MAIN TITLE *\/\n\n#abera-results-v4 .abr4-title {\n width: 100%;\n\n margin:\n 0\n auto\n 12px;\n\n color: var(--black);\n\n font-size:\n clamp(30px, 4vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* SUBTITLE *\/\n\n#abera-results-v4 .abr4-subtitle {\n margin: 0;\n\n color: #777168;\n\n font-size: 14px;\n line-height: 1.55;\n\n font-weight: 400;\n\n text-align: center;\n}\n\n\n\/* =========================================================\nRESULT GROUP\n========================================================= *\/\n\n#abera-results-v4 .abr4-group {\n width: 100%;\n}\n\n\n#abera-results-v4\n.abr4-group\n+\n.abr4-group {\n\n margin-top:\n clamp(46px, 5vw, 66px);\n\n}\n\n\n\/* =========================================================\nGROUP HEADER\n========================================================= *\/\n\n#abera-results-v4 .abr4-group-header {\n width: 100%;\n\n display: flex;\n\n align-items: center;\n\n margin-bottom: 22px;\n}\n\n\n\/* BLACK LABEL *\/\n\n#abera-results-v4 .abr4-group-label {\n flex: 0 0 auto;\n\n min-width: 220px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n padding:\n 11px\n 24px;\n\n border:\n 1px solid\n var(--gold-main);\n\n border-radius: 5px;\n\n background: var(--black);\n\n color: var(--gold-light);\n\n font-size: 24px;\n line-height: 1.2;\n\n font-weight: 700;\n\n letter-spacing: .4px;\n\n text-align: center;\n\n text-transform: uppercase;\n}\n\n\n\/* GOLD LINE *\/\n\n#abera-results-v4 .abr4-group-line {\n flex: 1;\n\n height: 1px;\n\n margin-left: 16px;\n\n background:\n linear-gradient(\n to right,\n var(--gold-main),\n rgba(200,156,70,.07)\n );\n}\n\n\n\/* =========================================================\nTRACK\n========================================================= *\/\n\n#abera-results-v4 .abr4-track {\n width: 100%;\n\n display: flex;\n\n gap: 16px;\n\n padding:\n 1px\n 1px\n 8px;\n\n scroll-snap-type: x mandatory;\n\n scroll-behavior: smooth;\n\n scrollbar-width: none;\n\n -webkit-overflow-scrolling: touch;\n}\n\n\n#abera-results-v4\n.abr4-track::-webkit-scrollbar {\n\n display: none;\n\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-results-v4 .abr4-card {\n min-width: 0;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 10px;\n\n background: var(--white);\n\n box-shadow:\n 0 3px 10px\n rgba(0,0,0,.035);\n\n scroll-snap-align: start;\n}\n\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n#abera-results-v4 .abr4-image {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #ddd7cd;\n}\n\n\n#abera-results-v4 .abr4-image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\nBEFORE \/ AFTER TAGS\n========================================================= *\/\n\n#abera-results-v4 .abr4-tag {\n position: absolute;\n\n bottom: 8px;\n\n z-index: 3;\n\n padding:\n 5px\n 9px;\n\n border-radius: 999px;\n\n font-size: 8px;\n line-height: 1;\n\n font-weight: 600;\n\n letter-spacing: .6px;\n\n text-transform: uppercase;\n}\n\n\n#abera-results-v4 .abr4-before {\n left: 8px;\n\n background:\n rgba(15,15,15,.95);\n\n color: #ffffff;\n}\n\n\n#abera-results-v4 .abr4-after {\n right: 8px;\n\n background: var(--gold-main);\n\n color: var(--black);\n}\n\n\n\/* =========================================================\nCARD BODY\n========================================================= *\/\n\n#abera-results-v4 .abr4-body {\n padding:\n 15px\n 15px\n 17px;\n}\n\n\n\/* STARS *\/\n\n#abera-results-v4 .abr4-stars {\n margin:\n 0\n 0\n 10px;\n\n color: #c79637;\n\n font-size: 15px;\n line-height: 1;\n\n letter-spacing: 1px;\n\n white-space: nowrap;\n}\n\n\n\/* REVIEW *\/\n\n#abera-results-v4 .abr4-review {\n min-height: 92px;\n\n margin:\n 0\n 0\n 14px;\n\n color: #55504a;\n\n font-size: 12px;\n line-height: 1.55;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nCUSTOMER\n========================================================= *\/\n\n#abera-results-v4 .abr4-customer strong {\n display: block;\n\n margin-bottom: 2px;\n\n color: var(--black);\n\n font-size: 12px;\n line-height: 1.35;\n\n font-weight: 500;\n}\n\n\n#abera-results-v4 .abr4-location {\n display: block;\n\n color: #8a847c;\n\n font-size: 10px;\n line-height: 1.4;\n}\n\n\n\/* VERIFIED *\/\n\n#abera-results-v4 .abr4-verified {\n display: inline-flex;\n\n align-items: center;\n\n gap: 5px;\n\n margin-top: 8px;\n\n color: var(--green);\n\n font-size: 9px;\n line-height: 1.2;\n\n font-weight: 500;\n\n white-space: nowrap;\n}\n\n\n#abera-results-v4 .abr4-verified-icon {\n width: 14px;\n height: 14px;\n\n flex:\n 0 0\n 14px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--green);\n\n color: #ffffff;\n\n font-size: 8px;\n}\n\n\n\/* =========================================================\nSWIPE TEXT\n========================================================= *\/\n\n#abera-results-v4 .abr4-swipe {\n display: none;\n}\n\n\n\/* =========================================================\nDESKTOP — EXACTLY 5 CARDS\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-results-v4 .abr4-track {\n overflow: visible;\n\n scroll-snap-type: none;\n }\n\n\n #abera-results-v4 .abr4-card {\n flex:\n 0\n 0\n calc((100% - 64px) \/ 5);\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-results-v4 .abr4-main {\n padding:\n 44px\n 0\n 58px;\n }\n\n\n #abera-results-v4 .abr4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-results-v4 .abr4-header {\n margin-bottom: 34px;\n }\n\n\n #abera-results-v4 .abr4-title {\n font-size:\n clamp(29px, 4vw, 38px);\n }\n\n\n #abera-results-v4 .abr4-track {\n overflow-x: auto;\n overflow-y: hidden;\n\n overscroll-behavior-x: contain;\n }\n\n\n #abera-results-v4 .abr4-card {\n flex:\n 0\n 0\n 42%;\n }\n\n\n #abera-results-v4 .abr4-swipe {\n display: flex;\n\n justify-content: flex-end;\n\n gap: 5px;\n\n margin-top: 5px;\n\n color: #918a80;\n\n font-size: 11px;\n }\n\n\n #abera-results-v4 .abr4-swipe strong {\n color: var(--gold);\n\n font-size: 15px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-results-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-results-v4 .abr4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 42px;\n\n background: var(--ivory);\n }\n\n\n #abera-results-v4 .abr4-container {\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* =====================================================\n HEADER\n ===================================================== *\/\n\n #abera-results-v4 .abr4-header {\n margin-bottom: 29px;\n }\n\n\n #abera-results-v4 .abr4-eyebrow {\n margin-bottom: 9px;\n\n font-size: 11px;\n\n letter-spacing: 1.2px;\n }\n\n\n #abera-results-v4 .abr4-title {\n width: 100%;\n\n margin-bottom: 10px;\n\n font-size:\n clamp(20px, 4vw, 29px);\n\n line-height: 1.4;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n }\n\n\n #abera-results-v4 .abr4-subtitle {\n font-size: 14px;\n line-height: 1.5;\n }\n\n\n \/* =====================================================\n GROUP\n ===================================================== *\/\n\n #abera-results-v4\n .abr4-group\n +\n .abr4-group {\n\n margin-top: 42px;\n\n }\n\n\n #abera-results-v4 .abr4-group-header {\n margin-bottom: 16px;\n }\n\n\n #abera-results-v4 .abr4-group-label {\n min-width: 0;\n\n padding:\n 9px\n 15px;\n\n font-size: 12px;\n\n border-radius: 5px;\n }\n\n\n #abera-results-v4 .abr4-group-line {\n margin-left: 10px;\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n 1 FULL CARD + NEXT CARD PREVIEW\n ===================================================== *\/\n\n #abera-results-v4 .abr4-track {\n width: 100%;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding-bottom: 5px;\n\n scroll-snap-type: x mandatory;\n\n overscroll-behavior-x: contain;\n\n -webkit-overflow-scrolling: touch;\n }\n\n\n #abera-results-v4 .abr4-card {\n flex:\n 0\n 0\n 78%;\n\n min-width: 78%;\n\n scroll-snap-align: start;\n }\n\n\n \/* =====================================================\n MOBILE CARD\n ===================================================== *\/\n\n #abera-results-v4 .abr4-body {\n padding:\n 15px\n 15px\n 17px;\n }\n\n\n #abera-results-v4 .abr4-stars {\n font-size: 16px;\n }\n\n\n #abera-results-v4 .abr4-review {\n min-height: 0;\n\n margin-bottom: 15px;\n\n font-size: 14px;\n line-height: 1.55;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n\n #abera-results-v4 .abr4-customer strong {\n font-size: 13px;\n }\n\n\n #abera-results-v4 .abr4-location {\n font-size: 11px;\n }\n\n\n #abera-results-v4 .abr4-verified {\n font-size: 10px;\n }\n\n\n #abera-results-v4 .abr4-tag {\n bottom: 8px;\n\n padding:\n 5px\n 8px;\n\n font-size: 8px;\n }\n\n\n \/* SWIPE *\/\n\n #abera-results-v4 .abr4-swipe {\n display: flex;\n\n align-items: center;\n justify-content: flex-end;\n\n gap: 5px;\n\n margin-top: 6px;\n\n color: #918a80;\n\n font-size: 10px;\n }\n\n\n #abera-results-v4 .abr4-swipe strong {\n color: var(--gold);\n\n font-size: 14px;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-results-v4\"\u003e\u003c!-- =========================================================\nRESULTS CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"abr4-main\"\u003e\n\u003cdiv class=\"abr4-container\"\u003e\n\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"abr4-header\"\u003e\n\u003cp class=\"abr4-eyebrow\"\u003eTHE 15-MINUTE DIFFERENCE\u003c\/p\u003e\n\u003ch2 class=\"abr4-title\"\u003eFROM VISIBLE GRAY TO NATURAL-LOOKING COLOR\u003c\/h2\u003e\n\u003cp class=\"abr4-subtitle\"\u003eApply. Massage. Wait 15 minutes. Rinse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n MEN'S RESULTS\n ====================================================== --\u003e\n\u003cdiv class=\"abr4-group\"\u003e\n\u003cdiv class=\"abr4-group-header\"\u003e\n\u003cdiv class=\"abr4-group-label\"\u003eMEN'S RESULTS\u003c\/div\u003e\n\u003cdiv class=\"abr4-group-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-track\"\u003e\n\u003c!-- MEN 01 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_14.webp?v=1787212244\" alt=\"ABERA men's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“The individual packs are what I like most. I can bring one with me instead of carrying a full dye kit.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e David B. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e California, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 02 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_17.webp?v=1787212244\" alt=\"ABERA men's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“I mostly use it around my temples when the gray starts showing. The routine is quick and straightforward.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Michael R. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Texas, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 03 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_16.webp?v=1787212244\" alt=\"ABERA men's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“I didn't want something that felt like a full hair-color process. This fits into my routine much better.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e James K. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Florida, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 04 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_15.webp?v=1787212243\" alt=\"ABERA men's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Much simpler than the traditional hair dye kits I've used before.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Robert T. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Arizona, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 05 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_19.webp?v=1787212244\" alt=\"ABERA men's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“I wanted something easier for quick touch-ups. This is much more convenient for my routine.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Daniel S. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e New York, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-swipe\"\u003eSwipe to see more \u003cstrong\u003e→\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n WOMEN'S RESULTS\n ====================================================== --\u003e\n\u003cdiv class=\"abr4-group\"\u003e\n\u003cdiv class=\"abr4-group-header\"\u003e\n\u003cdiv class=\"abr4-group-label\"\u003eWOMEN'S RESULTS\u003c\/div\u003e\n\u003cdiv class=\"abr4-group-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-track\"\u003e\n\u003c!-- WOMEN 01 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_6.webp?v=1787212243\" alt=\"ABERA women's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Traditional hair dye always felt like too much work. This was much easier for me to use at home.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Linda M. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e New York, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 02 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_7.webp?v=1787212244\" alt=\"ABERA women's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“I like being able to focus on the areas where my gray shows first.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Sarah T. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Washington, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 03 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_8.webp?v=1787212244\" alt=\"ABERA women's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“The individual packs make it easy to keep my next touch-up ready.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Emily C. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Nevada, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 04 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_13.webp?v=1787212244\" alt=\"ABERA women's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“I mainly use it when my roots start showing. It fits into my routine much better than my old coloring kit.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Karen L. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Oregon, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 05 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_10.webp?v=1787212244\" alt=\"ABERA women's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“I wanted a simpler option between salon visits. The sachets are really convenient to keep at home.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Susan P. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e California, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-swipe\"\u003eSwipe to see more \u003cstrong\u003e→\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — BOTANICAL INGREDIENTS\nCONTINUOUS BEIGE BACKGROUND\nDESKTOP: 5 CARDS\nTABLET: 3 CARDS\nMOBILE: HORIZONTAL SWIPE\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE SHOPIFY SECTION OUTER SPACING *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-ingredients-v4,\n#abera-ingredients-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-ingredients-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #686159;\n\n --line: #ddd3c4;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-container {\n width: 100%;\n\n max-width: 100%;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-header {\n width: 100%;\n\n max-width: 100%;\n\n margin:\n 0\n auto\n clamp(32px, 4vw, 46px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-ingredients-v4 .aig4-eyebrow {\n margin:\n 0\n 0\n 12px;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.4px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-ingredients-v4 .aig4-title {\n width: 100%;\n\n max-width: 100%;\n\n margin:\n 0\n auto\n 14px;\n\n padding: 0;\n\n color: var(--black);\n\n font-size:\n clamp(20px, 4vw, 30px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* SUBTITLE *\/\n\n#abera-ingredients-v4 .aig4-subtitle {\n max-width: 850px;\n\n margin: 0 auto;\n\n padding: 0;\n\n color: var(--muted);\n\n font-size: 15px;\n line-height: 1.6;\n\n font-weight: 400;\n\n text-align: center;\n}\n\n\n\/* =========================================================\nCARD TRACK\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-track {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(5, minmax(0, 1fr));\n\n gap: 16px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-card {\n min-width: 0;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 11px;\n\n background: var(--white);\n\n box-shadow:\n 0 3px 10px\n rgba(0,0,0,.025);\n}\n\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-image {\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #ece5d9;\n}\n\n\n#abera-ingredients-v4 .aig4-image 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 border: 0;\n}\n\n\n\/* =========================================================\nCARD CONTENT\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-copy {\n padding:\n 17px\n 16px\n 20px;\n}\n\n\n\/* BENEFIT LABEL *\/\n\n#abera-ingredients-v4 .aig4-benefit {\n margin:\n 0\n 0\n 6px;\n\n color: var(--gold);\n\n font-size: 10px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: .8px;\n\n text-transform: uppercase;\n}\n\n\n\/* INGREDIENT NAME *\/\n\n#abera-ingredients-v4 .aig4-name {\n margin:\n 0\n 0\n 7px;\n\n padding: 0;\n\n color: var(--black);\n\n font-size: 16px;\n line-height: 1.3;\n\n font-weight: 600;\n\n text-transform: uppercase;\n}\n\n\n\/* DESCRIPTION *\/\n\n#abera-ingredients-v4 .aig4-text {\n margin: 0;\n padding: 0;\n\n color: var(--muted);\n\n font-size: 13px;\n line-height: 1.55;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nSWIPE MESSAGE\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-swipe {\n display: none;\n}\n\n\n\/* =========================================================\nDESKTOP HOVER\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-ingredients-v4 .aig4-card {\n transition:\n transform .25s ease,\n box-shadow .25s ease;\n }\n\n\n #abera-ingredients-v4 .aig4-card:hover {\n transform:\n translateY(-3px);\n\n box-shadow:\n 0 8px 22px\n rgba(0,0,0,.06);\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 100%) {\n\n #abera-ingredients-v4 .aig4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-ingredients-v4 .aig4-container {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n\n #abera-ingredients-v4 .aig4-header {\n margin-bottom: 34px;\n }\n\n\n #abera-ingredients-v4 .aig4-title {\n font-size:\n clamp(28px, 4vw, 38px);\n }\n\n\n #abera-ingredients-v4 .aig4-track {\n grid-template-columns:\n repeat(3, minmax(0, 1fr));\n\n gap: 14px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-ingredients-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-ingredients-v4 .aig4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-ingredients-v4 .aig4-container {\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* =====================================================\n HEADER\n ===================================================== *\/\n\n #abera-ingredients-v4 .aig4-header {\n margin-bottom: 25px;\n }\n\n\n #abera-ingredients-v4 .aig4-eyebrow {\n margin-bottom: 9px;\n\n font-size: 11px;\n\n letter-spacing: 1.2px;\n }\n\n\n #abera-ingredients-v4 .aig4-title {\n width: 100%;\n\n margin-bottom: 11px;\n\n font-size:\n clamp(20px, 4vw, 28px);\n\n line-height: 1.25;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n }\n\n\n #abera-ingredients-v4 .aig4-subtitle {\n font-size: 14px;\n line-height: 1.55;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n ===================================================== *\/\n\n #abera-ingredients-v4 .aig4-track {\n width: 100%;\n\n display: flex;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding:\n 0\n 0\n 5px;\n\n scroll-snap-type: x mandatory;\n\n scroll-behavior: smooth;\n\n overscroll-behavior-x: contain;\n\n scrollbar-width: none;\n\n -webkit-overflow-scrolling: touch;\n }\n\n\n #abera-ingredients-v4\n .aig4-track::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n \/* ONE LARGE CARD + NEXT PREVIEW *\/\n\n #abera-ingredients-v4 .aig4-card {\n flex:\n 0\n 0\n 76%;\n\n min-width: 76%;\n\n scroll-snap-align: start;\n }\n\n\n \/* =====================================================\n MOBILE COPY\n ===================================================== *\/\n\n #abera-ingredients-v4 .aig4-copy {\n padding:\n 16px\n 15px\n 18px;\n }\n\n\n #abera-ingredients-v4 .aig4-benefit {\n font-size: 10px;\n }\n\n\n #abera-ingredients-v4 .aig4-name {\n font-size: 17px;\n }\n\n\n #abera-ingredients-v4 .aig4-text {\n font-size: 14px;\n line-height: 1.55;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n\n \/* SWIPE *\/\n\n #abera-ingredients-v4 .aig4-swipe {\n display: flex;\n\n align-items: center;\n justify-content: flex-end;\n\n gap: 5px;\n\n margin-top: 7px;\n\n color: #918a80;\n\n font-size: 10px;\n }\n\n\n #abera-ingredients-v4\n .aig4-swipe strong {\n\n color: var(--gold);\n\n font-size: 14px;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-ingredients-v4\"\u003e\u003c!-- =========================================================\nINGREDIENT CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"aig4-main\"\u003e\n\u003cdiv class=\"aig4-container\"\u003e\n\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"aig4-header\"\u003e\n\u003cp class=\"aig4-eyebrow\"\u003eCOLOR + HAIR CARE\u003c\/p\u003e\n\u003ch2 class=\"aig4-title\"\u003eCOLOR YOUR GRAYS WITH\u003cbr\u003eBOTANICAL HAIR CARE BUILT IN\u003c\/h2\u003e\n\u003cp class=\"aig4-subtitle\"\u003eABERA combines hair-color technology with botanical ingredients commonly used in hair-care formulas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n CARDS\n ====================================================== --\u003e\n\u003cdiv class=\"aig4-track\"\u003e\n\u003c!-- =================================================\n 01 — ARGAN OIL\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/tinh-dau-duong-toc-argan-oil-1.webp?v=1787216556\" alt=\"Argan Oil\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eSOFTNESS + SHINE\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eARGAN OIL\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eMoisturizes, softens and adds shine while helping reduce dryness and frizz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 02 — BLACK GINSENG\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Ginseng_1st_Slide.webp?v=1787216601\" alt=\"Black Ginseng\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eHAIR + SCALP CARE\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eBLACK GINSENG\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eHelps nourish the scalp and support healthier, more resilient-looking hair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 03 — FO-TI\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/642x361_Fo_Ti_The_Cure_to_Old_Age.webp?v=1787216556\" alt=\"Fo-Ti\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eHEALTHY-LOOKING HAIR\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eFO-TI\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eTraditionally used to support stronger-looking hair and help maintain natural hair vitality.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 04 — RED REISHI\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/whiskeydarek_Close-up_of_reishi_mushrooms_growing_on_a_log_996344e7-3303-4ea1-9f54-8c1837c54a68.webp?v=1786674307\" alt=\"Red Reishi Mushroom\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eCONDITIONING CARE\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eRED REISHI\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eHelps condition the scalp and support smoother, healthier-looking hair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 05 — PINK GRAPEFRUIT\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1774218776327_photo-1774156733632-1774156734347965593145.webp?v=1788515551\" alt=\"Pink Grapefruit\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eSCALP + ROOT CARE\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003ePINK GRAPEFRUIT\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eHelps refresh and nourish the scalp while supporting healthier-looking, fuller-looking hair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- MOBILE SWIPE HINT --\u003e\n\u003cdiv class=\"aig4-swipe\"\u003eSwipe to see more \u003cstrong\u003e→\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA — POST-COLOR HAIR CARE BUNDLE\nCONTINUOUS BEIGE BACKGROUND\nIMPROVED CARD TEXT READABILITY\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* SHOPIFY CUSTOM LIQUID WRAPPER *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* NO GAP BETWEEN ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-extra-haircare-v4,\n#abera-extra-haircare-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-extra-haircare-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n --gold-light: #ead5aa;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #625c54;\n\n --line: #d9cdbd;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nMAIN GRID\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(250px, .92fr)\n minmax(0, 2.08fr);\n\n gap:\n clamp(36px, 5vw, 72px);\n\n align-items: center;\n}\n\n\n\/* =========================================================\nLEFT INTRO\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-intro {\n width: 100%;\n\n min-width: 0;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-extra-haircare-v4 .aeh4-eyebrow {\n margin:\n 0\n 0\n 16px;\n\n color: var(--gold);\n\n font-size: 15px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-transform: none;\n}\n\n\n\/* TITLE *\/\n\n#abera-extra-haircare-v4 .aeh4-title {\n width: 100%;\n\n max-width: 430px;\n\n margin:\n 0\n 0\n 20px;\n\n color: var(--black);\n\n font-size:\n clamp(25px, 2.5vw, 34px);\n\n line-height: 1.12;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-transform: uppercase;\n\n text-wrap: balance;\n}\n\n\n\/* DESCRIPTION *\/\n\n#abera-extra-haircare-v4 .aeh4-description {\n max-width: 460px;\n\n margin: 0;\n\n color: var(--muted);\n\n font-size: 15px;\n line-height: 1.75;\n\n font-weight: 400;\n}\n\n\n#abera-extra-haircare-v4\n.aeh4-description strong {\n color: var(--black);\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nCARDS WRAPPER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-cards-wrap {\n width: 100%;\n\n min-width: 0;\n}\n\n\n\/* =========================================================\nCARDS\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-cards {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 14px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-card {\n position: relative;\n\n width: 100%;\n\n min-width: 0;\n min-height: 470px;\n\n overflow: hidden;\n\n border:\n 1px solid\n rgba(176,125,47,.30);\n\n border-radius: 13px;\n\n background: #ded6ca;\n\n box-shadow:\n 0 4px 14px\n rgba(0,0,0,.035);\n}\n\n\n\/* =========================================================\nBACKGROUND IMAGE\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-image {\n position: absolute;\n\n inset: 0;\n\n z-index: 1;\n}\n\n\n#abera-extra-haircare-v4 .aeh4-image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\nIMAGE OVERLAY\nIMPORTANT: STRONGER FOR TEXT READABILITY\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-overlay {\n position: \n inset: 0;\n\n z-index: 2;\n\n background:\n linear-gradient(\n to bottom,\n\n rgba(247,243,236,.96) 0%,\n\n rgba(247,243,236,.91) 22%,\n\n rgba(247,243,236,.76) 42%,\n\n rgba(247,243,236,.28) 68%,\n\n rgba(15,15,15,.14) 100%\n );\n}\n\n\n\/* =========================================================\nCARD CONTENT\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-content {\n position: relative;\n\n z-index: 13;\n\n width: 100%;\n\n padding:\n 18px\n 15px;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: flex-start;\n}\n\n\n\/* =========================================================\nTEXT PANEL\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-text-panel {\n width: 100%;\n\n padding:\n 12px\n 12px\n 13px;\n\n border:\n 1px solid\n rgba(255,255,255,.46);\n\n border-radius: 9px;\n\n background:\n rgba(247,243,236,.84);\n\n box-shadow:\n 0 2px 8px\n rgba(0,0,0,.025);\n\n backdrop-filter:\n blur(5px);\n\n -webkit-backdrop-filter:\n blur(5px);\n}\n\n\n\/* =========================================================\nNUMBER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-number {\n width: 30px;\n height: 30px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n margin-bottom: 11px;\n\n border:\n 1px solid\n rgba(176,125,47,.55);\n\n border-radius: 50%;\n\n background:\n rgba(255,255,255,.86);\n\n color: var(--gold);\n\n font-size: 11px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n\/* =========================================================\nCARD TITLE\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-card-title {\n width: 100%;\n\n margin:\n 0\n 0\n 8px;\n\n color: var(--black);\n\n font-size: 16px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n}\n\n\n\/* =========================================================\nCARD TEXT\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-card-text {\n width: 100%;\n\n margin: 0;\n\n color: #37332e;\n\n font-size: 14px;\n line-height: 1.55;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nMOBILE CONTROLS\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-controls {\n display: none;\n}\n\n\n\/* =========================================================\nDESKTOP\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-extra-haircare-v4 .aeh4-card {\n transition:\n transform .25s ease,\n box-shadow .25s ease;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card:hover {\n\n transform:\n translateY(-3px);\n\n box-shadow:\n 0 8px 22px\n rgba(0,0,0,.06);\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-extra-haircare-v4 .aeh4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-container {\n\n padding-left: 34px;\n padding-right: 34px;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-grid {\n grid-template-columns: 1fr;\n\n gap: 30px;\n }\n\n\n #abera-extra-haircare-v4 .aeh4-intro {\n max-width: 760px;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-description {\n\n max-width: 720px;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-cards {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n\n #abera-extra-haircare-v4 .aeh4-card {\n min-height: 430px;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-title {\n\n font-size: 18px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-text {\n\n font-size: 14px;\n\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-extra-haircare-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-extra-haircare-v4 .aeh4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-container {\n\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n\n }\n\n\n \/* =====================================================\n INTRO\n ===================================================== *\/\n\n #abera-extra-haircare-v4 .aeh4-grid {\n display: flex;\n\n flex-direction: column;\n\n gap: 25px;\n }\n\n\n #abera-extra-haircare-v4 .aeh4-intro {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n text-align: left;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-eyebrow {\n\n margin-bottom: 11px;\n\n font-size: 14px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-title {\n\n width: 100%;\n max-width: none;\n\n margin-bottom: 14px;\n\n font-size:\n clamp(23px, 6vw, 28px);\n\n line-height: 1.18;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-description {\n\n width: 100%;\n max-width: none;\n\n font-size: 15px;\n line-height: 1.65;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n ===================================================== *\/\n\n #abera-extra-haircare-v4\n .aeh4-cards-wrap {\n\n width: 100%;\n\n min-width: 0;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-cards {\n width: 100%;\n\n display: flex;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding:\n 0\n 0\n 5px;\n\n scroll-snap-type:\n x mandatory;\n\n scroll-behavior:\n smooth;\n\n overscroll-behavior-x:\n contain;\n\n scrollbar-width:\n none;\n\n -webkit-overflow-scrolling:\n touch;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-cards::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-card {\n flex:\n 0\n 0\n 84%;\n\n min-width: 84%;\n\n min-height: 440px;\n\n scroll-snap-align:\n start;\n }\n\n\n \/* =====================================================\n MOBILE TEXT\n ===================================================== *\/\n\n #abera-extra-haircare-v4\n .aeh4-content {\n\n padding:\n 16px\n 14px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-text-panel {\n\n padding:\n 13px\n 13px\n 14px;\n\n background:\n rgba(247,243,236,.92);\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-title {\n\n margin-bottom: 8px;\n\n font-size: 18px;\n line-height: 1.3;\n\n word-break: normal !important;\n\n overflow-wrap: normal !important;\n\n hyphens: none !important;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-text {\n\n font-size: 15px;\n line-height: 1.55;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n\n }\n\n\n \/* =====================================================\n MOBILE ARROWS\n ===================================================== *\/\n\n #abera-extra-haircare-v4\n .aeh4-controls {\n\n display: flex;\n\n align-items: center;\n\n justify-content:\n flex-start;\n\n gap: 8px;\n\n margin-top: 12px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-btn {\n\n width: 32px;\n height: 32px;\n\n flex:\n 0\n 0\n 32px;\n\n display:\n inline-flex;\n\n align-items:\n center;\n\n justify-content:\n center;\n\n padding: 0;\n\n border:\n 1px solid\n var(--gold-main);\n\n border-radius:\n 50%;\n\n background:\n var(--black);\n\n color:\n var(--gold-main);\n\n font-family:\n Arial,\n sans-serif;\n\n font-size:\n 17px;\n\n line-height:\n 1;\n\n cursor:\n pointer;\n\n appearance:\n none;\n\n -webkit-appearance:\n none;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-btn:disabled {\n\n opacity: .35;\n\n cursor: default;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-extra-haircare-v4\"\u003e\u003c!-- =========================================================\nCONTENT\n========================================================= --\u003e\n\u003cdiv class=\"aeh4-main\"\u003e\n\u003cdiv class=\"aeh4-container\"\u003e\n\u003cdiv class=\"aeh4-grid\"\u003e\n\u003c!-- ===================================================\n INTRO\n ==================================================== --\u003e\n\u003cdiv class=\"aeh4-intro\"\u003e\n\u003cp class=\"aeh4-eyebrow\"\u003eExtra Haircare\u003c\/p\u003e\n\u003ch2 class=\"aeh4-title\"\u003ePOST-COLOR HAIR\u003cbr\u003eCARE BUNDLE\u003c\/h2\u003e\n\u003cp class=\"aeh4-description\"\u003eBeyond an even, natural-looking black color, your hair also needs a healthy scalp and stronger roots. The \u003cstrong\u003e ABERA Grapefruit Shampoo \u0026amp; Serum \u003c\/strong\u003e are designed to help you care for both. This bundle helps nourish the scalp, support healthier hair growth, restore moisture and balance to the scalp barrier, and leave hair softer, less tangled, and visibly fuller after coloring.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ===================================================\n CARDS\n ==================================================== --\u003e\n\u003cdiv class=\"aeh4-cards-wrap\"\u003e\n\u003cdiv class=\"aeh4-cards\"\u003e\n\u003c!-- ===============================================\n CARD 01\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1_03fe5ee6-cabd-429a-af51-f8203e6245d6.webp?v=1788512561\" alt=\"ABERA Grapefruit Shampoo and Serum\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eNourish the Hair \u0026amp; Scalp\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eHelps care for the scalp and roots after coloring, supporting a healthier-looking hair-care routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ===============================================\n CARD 02\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Gemini_Generated_Image_cbsbg3cbsbg3cbsb-clean.webp?v=1788513167\" alt=\"Healthy hair growth\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eSupport Healthier Hair Growth\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eHelps create a better scalp environment to support stronger, healthier, fuller-looking hair over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ===============================================\n CARD 03\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_22.webp?v=1788514509\" alt=\"Soft smooth hair after coloring\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eReduce Dryness \u0026amp; Tangles\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eHelps replenish moisture so hair feels softer, smoother, and easier to manage after dyeing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ===============================================\n CARD 04\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_58.webp?v=1787219168\" alt=\"Fuller-looking hair\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eThicker, Fuller-Looking Hair\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eBy caring for both hair and scalp, the duo helps your hair appear denser, fuller, and healthier-looking.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n MOBILE ARROWS\n ================================================== --\u003e\n\u003cdiv class=\"aeh4-controls\"\u003e\n\u003cbutton type=\"button\" class=\"aeh4-btn aeh4-prev\"\u003e ← \u003c\/button\u003e \u003cbutton type=\"button\" class=\"aeh4-btn aeh4-next\"\u003e → \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nMOBILE SWIPE SCRIPT\n========================================================= --\u003e \u003cscript\u003e\n\n(function () {\n\n\n const section =\n document.querySelector(\n \"#abera-extra-haircare-v4\"\n );\n\n\n if (!section) return;\n\n\n const track =\n section.querySelector(\n \".aeh4-cards\"\n );\n\n\n const prev =\n section.querySelector(\n \".aeh4-prev\"\n );\n\n\n const next =\n section.querySelector(\n \".aeh4-next\"\n );\n\n\n if (\n !track ||\n !prev ||\n !next\n ) return;\n\n\n\n function getScrollAmount() {\n\n\n const card =\n track.querySelector(\n \".aeh4-card\"\n );\n\n\n if (!card) {\n return 300;\n }\n\n\n const styles =\n window.getComputedStyle(\n track\n );\n\n\n const gap =\n parseFloat(\n styles.columnGap ||\n styles.gap\n ) || 12;\n\n\n return (\n card.getBoundingClientRect().width\n +\n gap\n );\n\n }\n\n\n\n prev.addEventListener(\n \"click\",\n function () {\n\n\n track.scrollBy({\n\n left:\n -getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n\n }\n );\n\n\n\n next.addEventListener(\n \"click\",\n function () {\n\n\n track.scrollBy({\n\n left:\n getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n\n }\n );\n\n\n\n function updateButtons() {\n\n\n const maxScroll =\n track.scrollWidth\n -\n track.clientWidth;\n\n\n prev.disabled =\n track.scrollLeft \u003c= 4;\n\n\n next.disabled =\n track.scrollLeft \u003e=\n maxScroll - 4;\n\n }\n\n\n\n track.addEventListener(\n \"scroll\",\n updateButtons,\n {\n passive: true\n }\n );\n\n\n window.addEventListener(\n \"resize\",\n updateButtons\n );\n\n\n updateButtons();\n\n\n})();\n\n\u003c\/script\u003e\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — COMPARISON TABLE\nCONTINUOUS BEIGE BACKGROUND\nDESKTOP + TABLET + MOBILE RESPONSIVE\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE SHOPIFY CUSTOM LIQUID OUTER SPACING *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-comparison-v4,\n#abera-comparison-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-comparison-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n --gold-light: #ead5aa;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #686159;\n\n --green: #557963;\n\n --line: #ddd3c4;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-container {\n width: 100%;\n\n max-width: 1320px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-header {\n width: 100%;\n\n max-width: 950px;\n\n margin:\n 0\n auto\n clamp(28px, 4vw, 42px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-comparison-v4 .acp4-eyebrow {\n margin:\n 0\n 0\n 10px;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.3px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-comparison-v4 .acp4-title {\n width: 100%;\n\n margin: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 4vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nTABLE WRAPPER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table-wrap {\n width: 100%;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 14px;\n\n background: var(--white);\n\n box-shadow:\n 0 4px 16px\n rgba(0,0,0,.03);\n}\n\n\n\/* =========================================================\nTABLE\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table {\n width: 100%;\n\n margin: 0;\n\n border-collapse: collapse;\n\n table-layout: fixed;\n}\n\n\n\/* COLUMN WIDTH *\/\n\n#abera-comparison-v4\n.acp4-table col:nth-child(1) {\n width: 30%;\n}\n\n\n#abera-comparison-v4\n.acp4-table col:nth-child(2) {\n width: 35%;\n}\n\n\n#abera-comparison-v4\n.acp4-table col:nth-child(3) {\n width: 35%;\n}\n\n\n\/* =========================================================\nTABLE HEADER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table th {\n padding:\n 19px\n 18px;\n\n border-bottom:\n 1px solid\n var(--line);\n\n color: var(--black);\n\n font-size: 14px;\n line-height: 1.35;\n\n font-weight: 600;\n\n text-align: center;\n\n vertical-align: middle;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n}\n\n\n\/* FEATURE *\/\n\n#abera-comparison-v4\n.acp4-table th:first-child {\n background: #f3eee6;\n\n color: #686159;\n\n font-size: 11px;\n\n letter-spacing: .7px;\n\n text-align: left;\n\n text-transform: uppercase;\n}\n\n\n\/* ABERA *\/\n\n#abera-comparison-v4\n.acp4-table th:nth-child(2) {\n background: var(--black);\n\n color: var(--gold-light);\n}\n\n\n\/* REGULAR HAIR DYE *\/\n\n#abera-comparison-v4\n.acp4-table th:nth-child(3) {\n background: #eeeae4;\n\n color: var(--black);\n}\n\n\n\/* =========================================================\nBODY CELLS\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table td {\n padding:\n 16px\n 18px;\n\n border-bottom:\n 1px solid\n #e9e3d9;\n\n color: var(--text);\n\n font-size: 14px;\n line-height: 1.45;\n\n font-weight: 400;\n\n vertical-align: middle;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n#abera-comparison-v4\n.acp4-table tbody tr:last-child td {\n border-bottom: 0;\n}\n\n\n\/* FEATURE COLUMN *\/\n\n#abera-comparison-v4\n.acp4-table td:first-child {\n color: #514c46;\n\n font-weight: 600;\n}\n\n\n\/* ABERA COLUMN *\/\n\n#abera-comparison-v4\n.acp4-table td:nth-child(2) {\n background: #fbf5e9;\n\n color: var(--black);\n\n font-weight: 500;\n}\n\n\n\/* REGULAR HAIR DYE COLUMN *\/\n\n#abera-comparison-v4\n.acp4-table td:nth-child(3) {\n background: #ffffff;\n\n color: #777168;\n}\n\n\n\/* =========================================================\nVALUE\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-value {\n width: 100%;\n\n display: flex;\n\n align-items: center;\n\n gap: 10px;\n\n min-width: 0;\n}\n\n\n\/* =========================================================\nCHECK\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-check {\n width: 23px;\n height: 23px;\n\n flex:\n 0 0\n 23px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--green);\n\n color: #ffffff;\n\n font-size: 11px;\n line-height: 1;\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nMINUS\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-minus {\n width: 23px;\n height: 23px;\n\n flex:\n 0 0\n 23px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: #e8e3dc;\n\n color: #8a847c;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n\/* =========================================================\nBOTTOM MESSAGE\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-bottom {\n width: 100%;\n\n margin:\n 22px\n 0\n 0;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 14px;\n line-height: 1.45;\n\n font-weight: 600;\n\n letter-spacing: .2px;\n\n text-align: center;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\nDESKTOP HOVER\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-comparison-v4\n .acp4-table tbody tr {\n\n transition:\n background .2s ease;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table tbody tr:hover td:first-child {\n\n background:\n #faf8f4;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table tbody tr:hover td:nth-child(2) {\n\n background:\n #f8efdF;\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-comparison-v4 .acp4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-comparison-v4\n .acp4-container {\n\n padding-left: 34px;\n padding-right: 34px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-header {\n\n margin-bottom: 30px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table th {\n\n padding:\n 16px\n 13px;\n\n font-size: 13px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table td {\n\n padding:\n 14px\n 13px;\n\n font-size: 13px;\n\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-comparison-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-comparison-v4 .acp4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-comparison-v4\n .acp4-container {\n\n width: 100%;\n\n padding-left: 12px;\n padding-right: 12px;\n\n }\n\n\n \/* =====================================================\n HEADER\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-header {\n\n margin-bottom: 24px;\n\n padding-left: 5px;\n padding-right: 5px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-eyebrow {\n\n margin-bottom: 8px;\n\n font-size: 11px;\n\n letter-spacing: 1.1px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-title {\n\n font-size:\n clamp(22px, 6vw, 28px);\n\n line-height: 1.22;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n }\n\n\n \/* =====================================================\n TABLE\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-table-wrap {\n\n width: 100%;\n\n overflow: hidden;\n\n border-radius: 10px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table {\n\n width: 100%;\n\n min-width: 0;\n\n table-layout: fixed;\n\n }\n\n\n \/* MOBILE COLUMN WIDTH *\/\n\n #abera-comparison-v4\n .acp4-table col:nth-child(1) {\n\n width: 27%;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table col:nth-child(2) {\n\n width: 36.5%;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table col:nth-child(3) {\n\n width: 36.5%;\n\n }\n\n\n \/* =====================================================\n MOBILE HEADER\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-table th {\n\n padding:\n 12px\n 5px;\n\n font-size: 10px;\n\n line-height: 1.3;\n\n text-align: center;\n\n vertical-align: middle;\n\n white-space: normal;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table th:first-child {\n\n padding-left: 7px;\n\n font-size: 9px;\n\n text-align: left;\n\n }\n\n\n \/* =====================================================\n MOBILE CELLS\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-table td {\n\n padding:\n 12px\n 5px;\n\n font-size: 11px;\n\n line-height: 1.4;\n\n vertical-align: middle;\n\n white-space: normal;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n\n }\n\n\n \/* FEATURE *\/\n\n #abera-comparison-v4\n .acp4-table td:first-child {\n\n padding-left: 7px;\n\n font-size: 10px;\n\n line-height: 1.35;\n\n text-align: left;\n\n }\n\n\n \/* =====================================================\n MOBILE VALUES\n PUT ICON ABOVE COPY FOR MORE TEXT WIDTH\n ===================================================== *\/\n\n #abera-comparison-v4 .acp4-value {\n width: 100%;\n\n min-height: 58px;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n gap: 5px;\n\n text-align: center;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n }\n\n\n #abera-comparison-v4\n .acp4-check,\n\n #abera-comparison-v4\n .acp4-minus {\n\n width: 21px;\n height: 21px;\n\n flex:\n 0\n 0\n 21px;\n\n margin:\n 0\n auto\n 2px;\n\n }\n\n\n \/* =====================================================\n BOTTOM MESSAGE\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-bottom {\n\n margin-top: 18px;\n\n padding:\n 0\n 8px;\n\n font-size: 12px;\n\n line-height: 1.5;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-comparison-v4\"\u003e\u003c!-- =========================================================\nCONTENT\n========================================================= --\u003e\n\u003cdiv class=\"acp4-main\"\u003e\n\u003cdiv class=\"acp4-container\"\u003e\n\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"acp4-header\"\u003e\n\u003cp class=\"acp4-eyebrow\"\u003eA SIMPLER APPROACH\u003c\/p\u003e\n\u003ch2 class=\"acp4-title\"\u003eABERA VS. REGULAR HAIR DYE\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n TABLE\n ====================================================== --\u003e\n\u003cdiv class=\"acp4-table-wrap\"\u003e\n\u003ctable class=\"acp4-table\"\u003e\n\u003ccolgroup\u003e \u003ccol\u003e \u003ccol\u003e \u003ccol\u003e \u003c\/colgroup\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eFEATURE\u003c\/th\u003e\n\u003cth\u003eABERA HAIR DYE SHAMPOO\u003c\/th\u003e\n\u003cth\u003eREGULAR HAIR DYE\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003c!-- ===============================================\n APPLICATION\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eApplication\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Shampoo-like application \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Brush + sectioning \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n MIXING\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eMixing\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Convenient sachet format \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Multiple components \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n PROCESS TIME\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eProcess Time\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e About 15 minutes \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Multi-step process \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n PACKAGING\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003ePackaging\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 10 individual sachets \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Full-size dye kit \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n AMMONIA\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eAmmonia\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Ammonia-free \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Varies by formula \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n HAIR CARE\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eHair Care\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Color + Cleanse + Condition \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Usually separate steps \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n BOTTOM MESSAGE\n ====================================================== --\u003e\n\u003cp class=\"acp4-bottom\"\u003eLESS PREP. FEWER STEPS. A SIMPLER WAY TO COVER GRAYS.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE\nSECTION 01 — REAL LIFE ROUTINE\nSECTION 02 — CUSTOMER VIDEOS\nCONTINUOUS BEIGE BACKGROUND\n========================================================= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\nGLOBAL BACKGROUND FIX\nCó thể giữ đoạn này nếu mỗi section là 1 Custom Liquid riêng\n========================================================= --\u003e\n\u003cstyle\u003e\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\u003c\/style\u003e\n\u003c!-- =========================================================\n01 — YOUR GRAY-HAIR ROUTINE\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-routine-v4,\n#abera-routine-v4 * {\n box-sizing: border-box;\n}\n\n#abera-routine-v4 {\n --black: #0f0f0f;\n --gold: #b07d2f;\n --gold-light: #ead5aa;\n --ivory: #f7f3ec;\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--black);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nMAIN\n========================================================= *\/\n\n#abera-routine-v4 .arr4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(46px, 5vw, 72px)\n 0\n clamp(50px, 5vw, 76px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-routine-v4 .arr4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-routine-v4 .arr4-header {\n max-width: 900px;\n\n margin:\n 0\n auto\n clamp(30px, 4vw, 44px);\n\n text-align: center;\n}\n\n\n#abera-routine-v4 .arr4-title {\n margin: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 3vw, 40px);\n\n line-height: 1.13;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n#abera-routine-v4 .arr4-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 18px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-routine-v4 .arr4-card {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 4 \/ 5;\n\n min-width: 0;\n\n overflow: hidden;\n\n border-radius: 10px;\n\n background: #d8d2c9;\n\n box-shadow:\n 0 3px 10px\n rgba(0,0,0,.035);\n}\n\n\n\/* IMAGE *\/\n\n#abera-routine-v4 .arr4-image {\n position: absolute;\n\n inset: 0;\n\n z-index: 1;\n}\n\n\n#abera-routine-v4 .arr4-image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n transition:\n transform .4s ease;\n}\n\n\n\/* =========================================================\nOVERLAY\n========================================================= *\/\n\n#abera-routine-v4 .arr4-overlay {\n position: absolute;\n\n inset: 0;\n\n z-index: 2;\n\n background:\n linear-gradient(\n to bottom,\n\n rgba(0,0,0,0) 30%,\n\n rgba(0,0,0,.05) 45%,\n\n rgba(0,0,0,.48) 75%,\n\n rgba(0,0,0,.88) 100%\n );\n}\n\n\n\/* =========================================================\nCONTENT\n========================================================= *\/\n\n#abera-routine-v4 .arr4-content {\n position: absolute;\n\n z-index: 3;\n\n left: 0;\n right: 0;\n bottom: 0;\n\n width: 100%;\n\n padding:\n 18px\n 17px;\n}\n\n\n\/* LABEL *\/\n\n#abera-routine-v4 .arr4-label {\n margin:\n 0\n 0\n 5px;\n\n color: var(--gold-light);\n\n font-size: 14px;\n line-height: 1.3;\n\n font-weight: 500;\n\n text-transform: uppercase;\n}\n\n\n\/* TEXT *\/\n\n#abera-routine-v4 .arr4-text {\n margin: 0;\n\n color:\n rgba(255,255,255,.92);\n\n font-size: 13px;\n line-height: 1.5;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n}\n\n\n\/* =========================================================\nDESKTOP\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-routine-v4\n .arr4-card:hover\n .arr4-image img {\n\n transform:\n scale(1.025);\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-routine-v4 .arr4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-routine-v4 .arr4-grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 14px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-routine-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-routine-v4 .arr4-main {\n padding:\n 34px\n 0\n 40px;\n }\n\n\n #abera-routine-v4 .arr4-container {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n #abera-routine-v4 .arr4-header {\n margin-bottom: 24px;\n }\n\n\n #abera-routine-v4 .arr4-title {\n font-size:\n clamp(20px, 4vw, 28px);\n\n line-height: 1.2;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n\n \/* 2 × 2 *\/\n\n #abera-routine-v4 .arr4-grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 10px;\n }\n\n\n #abera-routine-v4 .arr4-card {\n border-radius: 8px;\n }\n\n\n #abera-routine-v4 .arr4-content {\n padding:\n 13px\n 11px;\n }\n\n\n #abera-routine-v4 .arr4-label {\n margin-bottom: 4px;\n\n font-size: 11px;\n line-height: 1.3;\n }\n\n\n #abera-routine-v4 .arr4-text {\n font-size: 11px;\n line-height: 1.4;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-routine-v4\"\u003e\n\u003cdiv class=\"arr4-main\"\u003e\n\u003cdiv class=\"arr4-container\"\u003e\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"arr4-header\"\u003e\n\u003ch2 class=\"arr4-title\"\u003eYOUR GRAY-HAIR ROUTINE,\u003cbr\u003eWHEREVER LIFE TAKES YOU.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- CARDS --\u003e\n\u003cdiv class=\"arr4-grid\"\u003e\n\u003c!-- 01 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_54.webp?v=1787217075\" alt=\"ABERA gray hair routine before work\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eBEFORE WORK\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eRefresh visible gray without scheduling a salon visit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_55.webp?v=1787217941\" alt=\"ABERA gray hair routine before an event\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eBEFORE AN EVENT\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eGet your hair looking refreshed before an important occasion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_57.webp?v=1787218999\" alt=\"ABERA Hair Dye Shampoo for business travel\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eBUSINESS TRIP\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003ePack individual sachets instead of a bulky dye kit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_58.webp?v=1787219168\" alt=\"ABERA gray root touch-up\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eROOT TOUCH-UP\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eKeep your next touch-up ready when gray returns.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n02 — CUSTOMER VIDEOS\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-customer-videos-v4,\n#abera-customer-videos-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-customer-videos-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n\n --line: #ddd3c4;\n\n --green: #557963;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nMAIN\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(46px, 5vw, 72px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-header {\n max-width: 1200px;\n\n margin:\n 0\n auto\n clamp(30px, 4vw, 44px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-customer-videos-v4 .acv4-eyebrow {\n margin:\n 0\n 0\n 10px;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.3px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-customer-videos-v4 .acv4-title {\n margin: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 3vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nTRACK\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-track {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 18px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-card {\n min-width: 0;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 10px;\n\n background: var(--white);\n\n box-shadow:\n 0 3px 12px\n rgba(0,0,0,.03);\n}\n\n\n\/* =========================================================\nVIDEO\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-video {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 9 \/ 16;\n\n overflow: hidden;\n\n background: #111111;\n}\n\n\n#abera-customer-videos-v4 .acv4-video video {\n position: absolute;\n\n inset: 0;\n\n width: 100% !important;\n height: 100% !important;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n background: #111111;\n}\n\n\n\/* =========================================================\nINFO\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-info {\n padding:\n 17px\n 16px\n 18px;\n}\n\n\n\/* STARS *\/\n\n#abera-customer-videos-v4 .acv4-stars {\n margin:\n 0\n 0\n 13px;\n\n color: #c79637;\n\n font-size: 18px;\n line-height: 1;\n\n letter-spacing: 1px;\n\n white-space: nowrap;\n}\n\n\n\/* CUSTOMER ROW *\/\n\n#abera-customer-videos-v4 .acv4-person {\n width: 100%;\n\n display: flex;\n\n align-items: center;\n justify-content: space-between;\n\n flex-wrap: wrap;\n\n gap:\n 7px\n 10px;\n}\n\n\n\/* NAME *\/\n\n#abera-customer-videos-v4 .acv4-name {\n color: var(--black);\n\n font-size: 14px;\n line-height: 1.35;\n\n font-weight: 500;\n}\n\n\n\/* VERIFIED *\/\n\n#abera-customer-videos-v4 .acv4-verified {\n color: var(--green);\n\n font-size: 10px;\n line-height: 1.3;\n\n font-weight: 500;\n\n white-space: nowrap;\n}\n\n\n\/* =========================================================\nCONTROLS\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-controls {\n display: none;\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-customer-videos-v4\n .acv4-container {\n\n padding-left: 34px;\n padding-right: 34px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-track {\n\n display: flex;\n\n gap: 14px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding-bottom: 5px;\n\n scroll-snap-type:\n x mandatory;\n\n scrollbar-width:\n none;\n\n -webkit-overflow-scrolling:\n touch;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-track::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-card {\n\n flex:\n 0\n 0\n 42%;\n\n scroll-snap-align:\n start;\n\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-customer-videos-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-customer-videos-v4 .acv4-main {\n padding:\n 34px\n 0\n 40px;\n }\n\n\n #abera-customer-videos-v4\n .acv4-container {\n\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n\n }\n\n\n \/* HEADER *\/\n\n #abera-customer-videos-v4\n .acv4-header {\n\n margin-bottom: 24px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-eyebrow {\n\n margin-bottom: 8px;\n\n font-size: 11px;\n\n letter-spacing: 1.1px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-title {\n\n font-size:\n clamp(23px, 6vw, 28px);\n\n line-height: 1.2;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n ===================================================== *\/\n\n #abera-customer-videos-v4\n .acv4-track {\n\n width: 100%;\n\n display: flex;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding-bottom: 5px;\n\n scroll-snap-type:\n x mandatory;\n\n scroll-behavior:\n smooth;\n\n overscroll-behavior-x:\n contain;\n\n scrollbar-width:\n none;\n\n -webkit-overflow-scrolling:\n touch;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-track::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-card {\n\n flex:\n 0\n 0\n 78%;\n\n min-width: 78%;\n\n scroll-snap-align:\n start;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-info {\n\n padding:\n 15px\n 14px\n 16px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-stars {\n\n margin-bottom: 12px;\n\n font-size: 17px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-name {\n\n font-size: 14px;\n\n }\n\n\n \/* =====================================================\n MOBILE ARROWS\n ===================================================== *\/\n\n #abera-customer-videos-v4\n .acv4-controls {\n\n display: flex;\n\n align-items: center;\n\n gap: 8px;\n\n margin-top: 12px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-btn {\n\n width: 32px;\n height: 32px;\n\n flex:\n 0\n 0\n 32px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n padding: 0;\n\n border:\n 1px solid\n var(--gold-main);\n\n border-radius:\n 50%;\n\n background:\n var(--black);\n\n color:\n var(--gold-main);\n\n font-family:\n Arial,\n sans-serif;\n\n font-size:\n 17px;\n\n line-height:\n 1;\n\n cursor:\n pointer;\n\n appearance:\n none;\n\n -webkit-appearance:\n none;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-btn:disabled {\n\n opacity: .35;\n\n cursor: default;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-customer-videos-v4\"\u003e\n\u003cdiv class=\"acv4-main\"\u003e\n\u003cdiv class=\"acv4-container\"\u003e\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"acv4-header\"\u003e\n\u003cp class=\"acv4-eyebrow\"\u003eREAL PEOPLE. REAL GRAY COVERAGE.\u003c\/p\u003e\n\u003ch2 class=\"acv4-title\"\u003eSEE WHY CUSTOMERS ARE MAKING THE SWITCH.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- VIDEOS --\u003e\n\u003cdiv class=\"acv4-track\"\u003e\n\u003c!-- 01 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/96e4ee60842546d28b4956b7d7229628.mp4\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0803.webp?v=1787234744\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\n\u003cspan class=\"acv4-name\"\u003e Mark E. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/1760d30ec5044633b1563f825eb48e87.mp4\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0803-2-20260803093356-ioqjc.webp?v=1787235039\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\n\u003cspan class=\"acv4-name\"\u003e Emma O. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2e42d08b4e8d4c7cb6e8df19edf34b8c.mp4\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/unbox-20260803093950-avtmk.webp?v=1787235039\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\n\u003cspan class=\"acv4-name\"\u003e Jack L. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/eee2693211dc4c819856830d88428650.mp4\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/hairpack-20260803095427-h2gd3.webp?v=1787235039\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\n\u003cspan class=\"acv4-name\"\u003e Ave R. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- MOBILE ARROWS --\u003e\n\u003cdiv class=\"acv4-controls\"\u003e\n\u003cbutton type=\"button\" class=\"acv4-btn acv4-prev\"\u003e ← \u003c\/button\u003e \u003cbutton type=\"button\" class=\"acv4-btn acv4-next\"\u003e → \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nMOBILE CAROUSEL JS\n========================================================= --\u003e \u003cscript\u003e\n\n(function () {\n\n const section =\n document.querySelector(\n \"#abera-customer-videos-v4\"\n );\n\n if (!section) return;\n\n\n const track =\n section.querySelector(\n \".acv4-track\"\n );\n\n const prev =\n section.querySelector(\n \".acv4-prev\"\n );\n\n const next =\n section.querySelector(\n \".acv4-next\"\n );\n\n\n if (!track || !prev || !next) return;\n\n\n function getScrollAmount() {\n\n const card =\n track.querySelector(\n \".acv4-card\"\n );\n\n if (!card) return 300;\n\n\n const styles =\n window.getComputedStyle(\n track\n );\n\n\n const gap =\n parseFloat(\n styles.columnGap ||\n styles.gap\n ) || 12;\n\n\n return (\n card.getBoundingClientRect().width\n +\n gap\n );\n\n }\n\n\n prev.addEventListener(\n \"click\",\n function () {\n\n track.scrollBy({\n\n left:\n -getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n }\n );\n\n\n next.addEventListener(\n \"click\",\n function () {\n\n track.scrollBy({\n\n left:\n getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n }\n );\n\n\n function updateButtons() {\n\n const max =\n track.scrollWidth\n -\n track.clientWidth;\n\n\n prev.disabled =\n track.scrollLeft \u003c= 4;\n\n\n next.disabled =\n track.scrollLeft \u003e=\n max - 4;\n\n }\n\n\n track.addEventListener(\n \"scroll\",\n updateButtons,\n {\n passive: true\n }\n );\n\n\n window.addEventListener(\n \"resize\",\n updateButtons\n );\n\n\n updateButtons();\n\n})();\n\n\u003c\/script\u003e\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — FAQ\nCONTINUOUS BEIGE BACKGROUND\n11 QUESTIONS\nNO JAVASCRIPT REQUIRED\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN ABERA SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* SHOPIFY WRAPPERS *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* FAQ WRAPPER — EXTRA SAFETY *\/\n\n#MainContent .shopify-section:has(#abera-faq-v4) {\n margin: 0 !important;\n padding: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n\n margin-top: 0 !important;\n padding-top: 0 !important;\n\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-faq-v4,\n#abera-faq-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-faq-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n\n --ivory: #f7f3ec;\n\n --text: #171717;\n --muted: #625d56;\n\n --line: #d8d0c3;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-faq-v4 .afq4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-faq-v4 .afq4-container {\n width: 100%;\n\n max-width: 1250px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n#abera-faq-v4 .afq4-title {\n width: 100%;\n\n margin:\n 0\n 0\n clamp(30px, 4vw, 42px);\n\n padding: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 3vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nFAQ LIST\n========================================================= *\/\n\n#abera-faq-v4 .afq4-list {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n border-top:\n 1px solid\n var(--line);\n}\n\n\n\/* =========================================================\nITEM\n========================================================= *\/\n\n#abera-faq-v4 .afq4-item {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n border-bottom:\n 1px solid\n var(--line);\n\n background: transparent;\n}\n\n\n\/* REMOVE BROWSER DEFAULT MARKER *\/\n\n#abera-faq-v4\n.afq4-question::-webkit-details-marker {\n\n display: none;\n\n}\n\n\n#abera-faq-v4\n.afq4-question::marker {\n\n content: \"\";\n\n}\n\n\n\/* =========================================================\nQUESTION\n========================================================= *\/\n\n#abera-faq-v4 .afq4-question {\n position: relative;\n\n width: 100%;\n\n min-height: 72px;\n\n display: flex;\n\n align-items: center;\n\n margin: 0;\n\n padding:\n 20px\n 42px\n 20px\n 0;\n\n list-style: none;\n\n cursor: pointer;\n\n color: var(--black);\n\n font-size: 14px;\n line-height: 1.45;\n\n font-weight: 500;\n\n text-align: left;\n\n outline: none;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nPLUS\n========================================================= *\/\n\n#abera-faq-v4\n.afq4-question::after {\n\n content: \"+\";\n\n position: absolute;\n\n top: 50%;\n right: 2px;\n\n transform:\n translateY(-50%);\n\n color: var(--gold);\n\n font-size: 20px;\n line-height: 1;\n\n font-weight: 400;\n\n}\n\n\n\/* OPEN = MINUS *\/\n\n#abera-faq-v4\n.afq4-item[open]\n.afq4-question::after {\n\n content: \"−\";\n\n}\n\n\n\/* =========================================================\nANSWER\n========================================================= *\/\n\n#abera-faq-v4 .afq4-answer {\n width: 100%;\n\n max-width: 1000px;\n\n margin: 0;\n\n padding:\n 0\n 55px\n 21px\n 0;\n\n color: var(--muted);\n\n font-size: 14px;\n line-height: 1.65;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n#abera-faq-v4 .afq4-answer p {\n margin: 0;\n padding: 0;\n}\n\n\n\/* =========================================================\nDESKTOP HOVER\n========================================================= *\/\n\n@media (min-width: 768px) {\n\n #abera-faq-v4\n .afq4-question {\n\n transition:\n color .2s ease;\n\n }\n\n\n #abera-faq-v4\n .afq4-question:hover {\n\n color: var(--gold);\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-faq-v4 .afq4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-faq-v4 .afq4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-faq-v4 .afq4-title {\n margin-bottom: 30px;\n\n font-size:\n clamp(27px, 4vw, 36px);\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-faq-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-faq-v4 .afq4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-faq-v4 .afq4-container {\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* TITLE *\/\n\n #abera-faq-v4 .afq4-title {\n margin-bottom: 24px;\n\n font-size:\n clamp(23px, 6vw, 29px);\n\n line-height: 1.2;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n\n \/* QUESTION *\/\n\n #abera-faq-v4 .afq4-question {\n min-height: 64px;\n\n padding:\n 17px\n 31px\n 17px\n 0;\n\n font-size: 14px;\n line-height: 1.45;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n\n #abera-faq-v4\n .afq4-question::after {\n\n right: 1px;\n\n font-size: 19px;\n\n }\n\n\n \/* ANSWER *\/\n\n #abera-faq-v4 .afq4-answer {\n max-width: 100%;\n\n padding:\n 0\n 28px\n 18px\n 0;\n\n font-size: 13px;\n line-height: 1.6;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-faq-v4\"\u003e\u003c!-- =========================================================\nFAQ CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"afq4-main\"\u003e\n\u003cdiv class=\"afq4-container\"\u003e\n\u003c!-- TITLE --\u003e\n\u003ch2 class=\"afq4-title\"\u003eFREQUENTLY ASKED QUESTIONS\u003c\/h2\u003e\n\u003c!-- =====================================================\n FAQ LIST\n ====================================================== --\u003e\n\u003cdiv class=\"afq4-list\"\u003e\n\u003c!-- 01 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eHow long does the hair color last?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eDepending on hair type and frequency of washing, Abera typically lasts from 4–6 weeks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 02 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eDoes it cause allergies or work on sensitive skin?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eAbera does contain chemicals that some individuals may be sensitive to, for example PPD \u0026amp; Hydrogen Peroxide. We recommend a 24-hour patch test before full application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 03 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eIs one sachet enough for one application?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eThe amount required depends on your hair length, thickness and the area you want to color.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 04 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eCan I use it only on my gray roots?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eYes. You can focus application on visible gray areas such as the roots, temples and hairline while following the product directions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 05 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eDoes it work on any hair type?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eYes, Abera works on hair types from 1A to 4C. Thanks to its shampoo-like qualities, it's easy to apply and covers gray hair from root to tip.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 06 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eDoes this shampoo leave stains on skin or fabric?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eAbera Instant Dye Shampoo is designed for a cleaner, easier application. We recommend wearing gloves during use and avoiding white or light-colored towels and clothing, as pigment may transfer if the product is not fully rinsed out.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 07 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eCan I use this shampoo on my beard?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eIf your facial skin is easily irritated, test the product on a small area first before applying it more broadly, and follow the product directions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 08 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eCan it be used with my normal hair care products?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eWe recommend using our shampoo and conditioner between color applications. Conditioner can be applied after thoroughly rinsing the hair color.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 09 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eShould I perform an allergy test?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eYes. Follow the allergy alert test instructions provided with the hair-color product before use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 10 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eDoes it work on completely gray hair?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eCoverage can vary depending on your original hair color, gray percentage, hair condition and application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 11 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eHow long will it take for my order to arrive?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eOrders ship from our facility in the U.S. within 1–2 business days of receipt. U.S. orders generally arrive 3–4 days later. You will receive an email with a tracking number when your package ships so you can follow your order to your doorstep.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"ABERA US","offers":[{"title":"1 Box","offer_id":54087720239472,"sku":"CB-ABERA102+SL1","price":28.99,"currency_code":"USD","in_stock":true},{"title":"2 Boxes","offer_id":54087720272240,"sku":"CB-ABERA102+SL2-CB-DGBUOI081+SL1","price":46.99,"currency_code":"USD","in_stock":true},{"title":"3 Boxes + Free Hair Care Bundle","offer_id":54087720305008,"sku":"CB-ABERA102+SL3-CB-DGBUOI081+SL1-CB-SRBUOI080+SL1","price":75.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/81qm-71baqL._SL1500.webp?v=1785484769"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/collections\/BEST_4.webp?v=1759973290","url":"https:\/\/www.abera.us\/collections\/abera-men.oembed","provider":"ABERA","version":"1.0","type":"link"}