{"title":"Men's Care","description":"","products":[{"product_id":"abera-men-retinol-serum","title":"ABERA Men Retinol Serum","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: 64px 20px;\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: 600;\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(32px, 4vw, 46px);\n line-height: 1.2;\n letter-spacing: 1px;\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.7;\n }\n\n .abera-description__text strong {\n color: var(--abera-black);\n font-weight: 700;\n }\n\n .abera-description__benefits {\n max-width: none;\n margin: 30px 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 .abera-description__closing {\n margin: 28px auto 0;\n color: var(--abera-black);\n font-size: 15px;\n line-height: 1.5;\n font-weight: 700;\n }\n\n @media screen and (max-width: 749px) {\n .abera-description {\n padding: 48px 18px;\n }\n\n .abera-description__eyebrow {\n margin-bottom: 12px;\n font-size: 10px;\n letter-spacing: 1px;\n }\n\n .abera-description__title {\n margin-bottom: 18px;\n font-size: 30px;\n line-height: 1.1;\n letter-spacing: -0.8px;\n }\n\n .abera-description__text {\n font-size: 16px;\n line-height: 1.65;\n }\n\n .abera-description__benefits {\n margin-top: 25px;\n padding-top: 22px;\n gap: 10px 16px;\n }\n\n .abera-description__benefit {\n font-size: 13px;\n }\n\n .abera-description__closing {\n margin-top: 24px;\n font-size: 14px;\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 SIMPLE 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\"\u003eFine Lines \u0026amp; Wrinkles\u003c\/div\u003e\n\u003cdiv class=\"abera-description__benefit\"\u003eDark Spots\u003c\/div\u003e\n\u003cdiv class=\"abera-description__benefit\"\u003eUneven Texture\u003c\/div\u003e\n\u003cdiv class=\"abera-description__benefit\"\u003eMen 30+\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"abera-description__closing\"\u003eA few drops. Once at night. Simple skincare for men who want to age better.\u003c\/p\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 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 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 margin: 0 auto;\n display: grid;\n grid-template-columns: 58% 42%;\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 padding: 76px 35px 68px 60px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.abera-clinical-v2__eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 14px;\n\n color: var(--abera-beige);\n font-size: 12px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1.8px;\n text-transform: uppercase;\n}\n\n.abera-clinical-v2__eyebrow::before {\n content: \"\";\n width: 28px;\n height: 1px;\n background: var(--abera-beige);\n}\n\n\n.abera-clinical-v2__title {\n max-width: 820px;\n margin: 0;\n\n color: var(--abera-white);\n font-size: clamp(38px, 4vw, 58px);\n line-height: 1.06;\n letter-spacing: -2.2px;\n font-weight: 800;\n}\n\n\n.abera-clinical-v2__subtitle {\n max-width: 690px;\n margin: 18px 0 0;\n\n color: var(--abera-muted);\n font-size: 16px;\n line-height: 1.6;\n}\n\n\n\/* =============================\n STATS HORIZONTAL ROW\n============================= *\/\n\n.abera-clinical-v2__stats {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n margin-top: 52px;\n max-width: 790px;\n}\n\n.abera-clinical-v2__stat {\n position: relative;\n padding: 0 30px;\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.abera-clinical-v2__stat:not(:last-child)::after {\n content: \"\";\n position: absolute;\n right: 0;\n top: 6%;\n width: 1px;\n height: 88%;\n background: var(--abera-line);\n}\n\n\n.abera-clinical-v2__percent {\n margin: 0 0 11px;\n\n color: var(--abera-white);\n font-size: clamp(48px, 5vw, 68px);\n line-height: .95;\n letter-spacing: -3px;\n font-weight: 800;\n}\n\n\n.abera-clinical-v2__stat-title {\n margin: 0 0 7px;\n\n color: var(--abera-white);\n font-size: 16px;\n line-height: 1.25;\n font-weight: 750;\n}\n\n\n.abera-clinical-v2__stat-copy {\n max-width: 205px;\n margin: 0;\n\n color: rgba(255,255,255,.62);\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 padding-top: 19px;\n max-width: 790px;\n\n border-top: 1px solid rgba(255,255,255,.11);\n\n color: rgba(255,255,255,.44);\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 min-height: 650px;\n overflow: hidden;\n}\n\n\n\/* fade ảnh vào nền *\/\n.abera-clinical-v2__visual::before {\n content: \"\";\n position: absolute;\n z-index: 2;\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 pointer-events: none;\n}\n\n\n.abera-clinical-v2__visual img {\n width: 100%;\n height: 100%;\n min-height: 650px;\n\n display: block;\n object-fit: cover;\n object-position: center top;\n}\n\n\n\/* Nếu chưa có ảnh *\/\n.abera-clinical-v2__image-placeholder {\n width: 100%;\n height: 100%;\n min-height: 650px;\n\n display: flex;\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 font-size: 13px;\n text-align: center;\n padding: 30px;\n}\n\n\n\/* subtle bottom glow *\/\n.abera-clinical-v2::after {\n content: \"\";\n position: absolute;\n z-index: 1;\n left: 28%;\n bottom: -220px;\n\n width: 620px;\n height: 330px;\n\n border-radius: 50%;\n\n background: 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: 990px) {\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\/* =========================================================\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 min-height: auto;\n }\n\n\n .abera-clinical-v2__content {\n order: 1;\n padding: 48px 18px 34px;\n }\n\n\n .abera-clinical-v2__eyebrow {\n margin-bottom: 12px;\n font-size: 10px;\n letter-spacing: 1.4px;\n }\n\n\n .abera-clinical-v2__title {\n font-size: 32px;\n line-height: 1.08;\n letter-spacing: -1.3px;\n }\n\n\n .abera-clinical-v2__subtitle {\n margin-top: 14px;\n font-size: 14px;\n line-height: 1.55;\n }\n\n\n \/* GIỮ STATS NẰM NGANG TRÊN MOBILE *\/\n .abera-clinical-v2__stats {\n width: 100%;\n max-width: none;\n margin-top: 34px;\n\n grid-template-columns:\n repeat(3, minmax(118px, 1fr));\n\n overflow-x: auto;\n scrollbar-width: none;\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 padding: 0 14px;\n }\n\n .abera-clinical-v2__stat:first-child {\n padding-left: 0;\n padding-right: 14px;\n }\n\n\n \/* VẪN GIỮ LINE DỌC *\/\n .abera-clinical-v2__stat:not(:last-child)::after {\n top: 5%;\n width: 1px;\n height: 90%;\n }\n\n\n .abera-clinical-v2__percent {\n margin-bottom: 8px;\n font-size: 42px;\n letter-spacing: -2px;\n }\n\n\n .abera-clinical-v2__stat-title {\n margin-bottom: 5px;\n font-size: 12px;\n }\n\n\n .abera-clinical-v2__stat-copy {\n font-size: 10.5px;\n line-height: 1.4;\n }\n\n\n .abera-clinical-v2__footnote {\n margin-top: 26px;\n padding-top: 15px;\n\n font-size: 10px;\n }\n\n\n \/* ẢNH XUỐNG DƯỚI *\/\n .abera-clinical-v2__visual {\n order: 2;\n min-height: 390px;\n }\n\n\n .abera-clinical-v2__visual img,\n .abera-clinical-v2__image-placeholder {\n min-height: 390px;\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 .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\u003csection class=\"abera-clinical-v2\"\u003e\n\u003cdiv class=\"abera-clinical-v2__inner\"\u003e\n\u003c!-- ============================================\n LEFT SIDE\n ============================================= --\u003e\n\u003cdiv class=\"abera-clinical-v2__content\"\u003e\n\u003cdiv class=\"abera-clinical-v2__eyebrow\"\u003eClinically Tested\u003c\/div\u003e\n\u003ch2 class=\"abera-clinical-v2__title\"\u003ePROVEN RESULTS.\u003cbr\u003eBUILT FOR MEN'S SKIN.\u003c\/h2\u003e\n\u003cp class=\"abera-clinical-v2__subtitle\"\u003eAfter 8 weeks of consistent use, men reported visible improvements in hydration, skin tone and the appearance of wrinkles.\u003c\/p\u003e\n\u003c!-- ============================================\n HORIZONTAL RESULTS\n ============================================= --\u003e\n\u003cdiv class=\"abera-clinical-v2__stats\"\u003e\n\u003c!-- 96% --\u003e\n\u003cdiv class=\"abera-clinical-v2__stat\"\u003e\n\u003cdiv class=\"abera-clinical-v2__percent\"\u003e96%\u003c\/div\u003e\n\u003ch3 class=\"abera-clinical-v2__stat-title\"\u003eSMOOTHER SKIN\u003c\/h3\u003e\n\u003cp class=\"abera-clinical-v2__stat-copy\"\u003eReported smoother, more hydrated-looking skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 92% --\u003e\n\u003cdiv class=\"abera-clinical-v2__stat\"\u003e\n\u003cdiv class=\"abera-clinical-v2__percent\"\u003e92%\u003c\/div\u003e\n\u003ch3 class=\"abera-clinical-v2__stat-title\"\u003eMORE EVEN TONE\u003c\/h3\u003e\n\u003cp class=\"abera-clinical-v2__stat-copy\"\u003eReported brighter, more even-looking skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 89% --\u003e\n\u003cdiv class=\"abera-clinical-v2__stat\"\u003e\n\u003cdiv class=\"abera-clinical-v2__percent\"\u003e89%\u003c\/div\u003e\n\u003ch3 class=\"abera-clinical-v2__stat-title\"\u003eFEWER VISIBLE WRINKLES\u003c\/h3\u003e\n\u003cp class=\"abera-clinical-v2__stat-copy\"\u003eReported improvement in the appearance of wrinkles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FOOTNOTE --\u003e\n\u003cdiv class=\"abera-clinical-v2__footnote\"\u003e*Based on an 8-week consumer self-assessment study. Individual results may vary.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================\n RIGHT IMAGE\n ============================================= --\u003e\n\u003cdiv class=\"abera-clinical-v2__visual\"\u003e\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\u003cdiv class=\"abera-clinical-v2__image-placeholder\" style=\"display: none;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN - CUSTOMER TESTIMONIAL SECTION\n========================================================= *\/\n\n.abera-customer-reviews-final {\n width: 100%;\n max-width: none;\n margin: 40px 0;\n padding: 0;\n\n font-family: Arial, Helvetica, sans-serif;\n color: #111111;\n background: #ffffff;\n\n box-sizing: border-box;\n}\n\n.abera-customer-reviews-final *,\n.abera-customer-reviews-final *::before,\n.abera-customer-reviews-final *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.acrf-header {\n width: 100%;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n\n margin: 0 0 24px 0;\n}\n\n\n\/* TOP 5 STARS *\/\n\n.acrf-header-stars {\n margin: 0 0 9px 0;\n\n font-size: 21px;\n line-height: 1;\n letter-spacing: 2px;\n\n color: #f5a000;\n}\n\n\n\/* BLACK TITLE BOX *\/\n\n.acrf-title-box {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n max-width: 100%;\n\n padding: 10px 22px;\n\n background: #111111;\n border-radius: 8px;\n}\n\n\n.acrf-title {\n margin: 0;\n padding: 0;\n\n font-size: 30px;\n line-height: 1.3;\n font-weight: 600;\n\n text-align: center;\n text-transform: uppercase;\n\n color: #ffffff;\n}\n\n\n\/* =========================================================\n REVIEW WRAPPER\n========================================================= *\/\n\n.acrf-viewport {\n width: 100%;\n}\n\n\n\/* =========================================================\n DESKTOP GRID - 6 REVIEWS \/ 1 ROW\n========================================================= *\/\n\n.acrf-track {\n display: grid;\n\n grid-template-columns:\n repeat(6, minmax(0, 1fr));\n\n gap: 12px;\n\n width: 100%;\n\n margin: 0;\n padding: 0;\n}\n\n\n\/* =========================================================\n REVIEW CARD\n========================================================= *\/\n\n.acrf-card {\n display: flex;\n flex-direction: column;\n\n width: 100%;\n min-width: 0;\n\n overflow: hidden;\n\n background: #ffffff;\n\n border: 1px solid #dddddd;\n border-radius: 9px;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.acrf-image {\n position: relative;\n\n width: 100%;\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #f3f3f3;\n}\n\n\n.acrf-image img {\n display: block;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n padding: 0;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n BEFORE \/ AFTER\n========================================================= *\/\n\n.acrf-before,\n.acrf-after {\n position: absolute;\n\n bottom: 8px;\n\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n padding: 5px 7px;\n\n border-radius: 4px;\n\n font-size: 10px;\n line-height: 1;\n font-weight: 800;\n\n letter-spacing: 0.3px;\n\n z-index: 2;\n}\n\n\n\/* BEFORE - WHITE *\/\n\n.acrf-before {\n left: 8px;\n\n background: rgba(255,255,255,0.95);\n\n border: 1px solid rgba(0,0,0,0.12);\n\n color: #111111;\n}\n\n\n\/* AFTER - BLACK *\/\n\n.acrf-after {\n right: 8px;\n\n background: rgba(0,0,0,0.88);\n\n border: 1px solid rgba(255,255,255,0.18);\n\n color: #ffffff;\n}\n\n\n\/* =========================================================\n CARD CONTENT\n========================================================= *\/\n\n.acrf-content {\n display: flex;\n flex-direction: column;\n flex: 1;\n\n padding: 11px;\n}\n\n\n\/* STARS *\/\n\n.acrf-stars {\n margin: 0 0 7px 0;\n\n font-size: 15px;\n line-height: 1;\n\n letter-spacing: 0.5px;\n\n color: #f5a000;\n}\n\n\n\/* REVIEW *\/\n\n.acrf-review {\n margin: 0 0 11px 0;\n padding: 0;\n\n font-size: 13px;\n line-height: 1.5;\n\n font-weight: 400;\n\n color: #333333;\n}\n\n\n\/* CUSTOMER NAME *\/\n\n.acrf-name {\n margin: auto 0 7px 0;\n\n font-size: 13px;\n line-height: 1.35;\n\n font-weight: 700;\n\n color: #111111;\n}\n\n\n\/* =========================================================\n VERIFIED CUSTOMER\n========================================================= *\/\n\n.acrf-verified {\n display: inline-flex;\n\n align-items: center;\n align-self: flex-start;\n\n gap: 4px;\n\n padding: 4px 7px;\n\n background: #f5f5f5;\n\n border: 1px solid #dddddd;\n border-radius: 20px;\n\n font-size: 10px;\n line-height: 1;\n\n font-weight: 600;\n\n color: #333333;\n\n white-space: nowrap;\n}\n\n\n.acrf-check {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 13px;\n height: 13px;\n\n min-width: 13px;\n}\n\n\n.acrf-check svg {\n display: block;\n\n width: 13px;\n height: 13px;\n}\n\n\n\/* =========================================================\n MOBILE DOTS\n HIDDEN ON DESKTOP\n========================================================= *\/\n\n.acrf-dots {\n display: none;\n}\n\n\n\/* =========================================================\n TABLET\n 3 REVIEWS \/ ROW\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 1050px) {\n\n .acrf-track {\n grid-template-columns:\n repeat(3, minmax(0, 1fr));\n\n gap: 14px;\n }\n\n .acrf-title {\n font-size: 19px;\n }\n\n .acrf-content {\n padding: 13px;\n }\n\n .acrf-review {\n font-size: 14px;\n }\n\n .acrf-name {\n font-size: 14px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n HORIZONTAL CAROUSEL\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-customer-reviews-final {\n width: 100%;\n\n margin: 30px 0;\n\n overflow: hidden;\n }\n\n\n \/* HEADER *\/\n\n .acrf-header {\n margin-bottom: 18px;\n }\n\n\n .acrf-header-stars {\n margin-bottom: 8px;\n\n font-size: 19px;\n }\n\n\n .acrf-title-box {\n width: 100%;\n\n padding: 10px 14px;\n\n border-radius: 7px;\n }\n\n\n .acrf-title {\n font-size: 17px;\n line-height: 1.35;\n }\n\n\n \/* VIEWPORT *\/\n\n .acrf-viewport {\n width: 100%;\n\n overflow: hidden;\n }\n\n\n \/* MOBILE TRACK *\/\n\n .acrf-track {\n display: flex;\n flex-wrap: nowrap;\n\n grid-template-columns: none;\n\n gap: 10px;\n\n width: 100%;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n scroll-behavior: smooth;\n\n scroll-snap-type: x mandatory;\n\n -webkit-overflow-scrolling: touch;\n\n scrollbar-width: none;\n\n padding: 0 12% 5px 0;\n }\n\n\n .acrf-track::-webkit-scrollbar {\n display: none;\n }\n\n\n \/* ONE REVIEW + NEXT PEEK *\/\n\n .acrf-card {\n flex: 0 0 86%;\n min-width: 86%;\n\n scroll-snap-align: start;\n }\n\n\n .acrf-content {\n padding: 13px;\n }\n\n\n .acrf-stars {\n font-size: 17px;\n }\n\n\n .acrf-review {\n font-size: 14px;\n line-height: 1.5;\n }\n\n\n .acrf-name {\n font-size: 14px;\n }\n\n\n .acrf-verified {\n font-size: 11px;\n\n padding: 5px 8px;\n }\n\n\n \/* BEFORE \/ AFTER MOBILE *\/\n\n .acrf-before,\n .acrf-after {\n bottom: 9px;\n\n padding: 6px 8px;\n\n font-size: 10px;\n }\n\n\n .acrf-before {\n left: 9px;\n }\n\n\n .acrf-after {\n right: 9px;\n }\n\n\n \/* DOTS *\/\n\n .acrf-dots {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n gap: 7px;\n\n margin-top: 14px;\n }\n\n\n .acrf-dot {\n width: 7px;\n height: 7px;\n\n margin: 0;\n padding: 0;\n\n border: none;\n border-radius: 50%;\n\n background: #d0d0d0;\n\n cursor: pointer;\n\n transition:\n background 0.2s ease,\n transform 0.2s ease;\n }\n\n\n .acrf-dot.active {\n background: #111111;\n\n transform: scale(1.2);\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-customer-reviews-final\"\u003e\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"acrf-header\"\u003e\n\u003cdiv class=\"acrf-header-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acrf-title-box\"\u003e\n\u003ch2 class=\"acrf-title\"\u003eHEAR FROM OUR RECENT CUSTOMERS\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n REVIEWS\n ====================================================== --\u003e\n\u003cdiv class=\"acrf-viewport\"\u003e\n\u003cdiv class=\"acrf-track\"\u003e\n\u003c!-- =================================================\n REVIEW 1\n ================================================== --\u003e\n\u003carticle class=\"acrf-card\"\u003e\n\u003cdiv class=\"acrf-image\"\u003e\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 Serum customer result James\" loading=\"lazy\"\u003e \u003cspan class=\"acrf-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"acrf-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acrf-content\"\u003e\n\u003cdiv class=\"acrf-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"acrf-review\"\u003eMy dark spots were what bothered me the most. After consistent use, they look lighter and my overall skin tone looks more even. Definitely easier than using several different products.\u003c\/p\u003e\n\u003cdiv class=\"acrf-name\"\u003eJames T.\u003c\/div\u003e\n\u003cdiv class=\"acrf-verified\"\u003e\n\u003cspan class=\"acrf-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 2\n ================================================== --\u003e\n\u003carticle class=\"acrf-card\"\u003e\n\u003cdiv class=\"acrf-image\"\u003e\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 Serum customer result Michael\" loading=\"lazy\"\u003e \u003cspan class=\"acrf-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"acrf-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acrf-content\"\u003e\n\u003cdiv class=\"acrf-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"acrf-review\"\u003eI've been using this serum every night for a few weeks and my skin already feels smoother and more hydrated. The fine lines around my eyes don't look as deep as before, and I like that it absorbs fast without feeling greasy.\u003c\/p\u003e\n\u003cdiv class=\"acrf-name\"\u003eMichael R.\u003c\/div\u003e\n\u003cdiv class=\"acrf-verified\"\u003e\n\u003cspan class=\"acrf-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 3\n ================================================== --\u003e\n\u003carticle class=\"acrf-card\"\u003e\n\u003cdiv class=\"acrf-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/bfb22f137ad326a2e4091f5c3a93cd8e-20250417094225-3186n.webp?v=1786423518\" alt=\"ABERA MEN Retinol Serum customer result Daniel\" loading=\"lazy\"\u003e \u003cspan class=\"acrf-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"acrf-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acrf-content\"\u003e\n\u003cdiv class=\"acrf-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"acrf-review\"\u003eProbably the first anti-aging product I've actually stayed consistent with. It absorbs quickly, has no heavy greasy finish, and after several weeks my face looks smoother and less tired.\u003c\/p\u003e\n\u003cdiv class=\"acrf-name\"\u003eDaniel S.\u003c\/div\u003e\n\u003cdiv class=\"acrf-verified\"\u003e\n\u003cspan class=\"acrf-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 4\n ================================================== --\u003e\n\u003carticle class=\"acrf-card\"\u003e\n\u003cdiv class=\"acrf-image\"\u003e\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 Serum customer result Brian\" loading=\"lazy\"\u003e \u003cspan class=\"acrf-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"acrf-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acrf-content\"\u003e\n\u003cdiv class=\"acrf-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"acrf-review\"\u003eI had these dark acne marks for a long time, but they faded noticeably after using this product. I finished one bottle in just over a month, and the results were even better than I expected.\u003c\/p\u003e\n\u003cdiv class=\"acrf-name\"\u003eBrian C.\u003c\/div\u003e\n\u003cdiv class=\"acrf-verified\"\u003e\n\u003cspan class=\"acrf-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 5\n ================================================== --\u003e\n\u003carticle class=\"acrf-card\"\u003e\n\u003cdiv class=\"acrf-image\"\u003e\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 Serum customer result Chris\" loading=\"lazy\"\u003e \u003cspan class=\"acrf-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"acrf-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acrf-content\"\u003e\n\u003cdiv class=\"acrf-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"acrf-review\"\u003eMy wife was actually the first person to notice the difference. She said my skin looked smoother and healthier. I've also noticed the fine lines around my eyes are less noticeable.\u003c\/p\u003e\n\u003cdiv class=\"acrf-name\"\u003eChris B.\u003c\/div\u003e\n\u003cdiv class=\"acrf-verified\"\u003e\n\u003cspan class=\"acrf-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 6\n ================================================== --\u003e\n\u003carticle class=\"acrf-card\"\u003e\n\u003cdiv class=\"acrf-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/81f90c8b9c7785be7808623b11f7722c-20250417102041-dodqv.webp?v=1786459872\" alt=\"ABERA MEN Retinol Serum customer result Kevin\" loading=\"lazy\"\u003e \u003cspan class=\"acrf-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"acrf-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acrf-content\"\u003e\n\u003cdiv class=\"acrf-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"acrf-review\"\u003eI was skeptical about adding retinol because I didn't want a complicated routine. This one is straightforward. Clean face, a few drops, done. My skin looks brighter and more even after regular use.\u003c\/p\u003e\n\u003cdiv class=\"acrf-name\"\u003eKevin F.\u003c\/div\u003e\n\u003cdiv class=\"acrf-verified\"\u003e\n\u003cspan class=\"acrf-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n MOBILE DOTS\n DESKTOP \/ TABLET: HIDDEN\n ====================================================== --\u003e\n\u003cdiv class=\"acrf-dots\"\u003e\n\u003cbutton class=\"acrf-dot active\" type=\"button\"\u003e \u003c\/button\u003e \u003cbutton class=\"acrf-dot\" type=\"button\"\u003e \u003c\/button\u003e \u003cbutton class=\"acrf-dot\" type=\"button\"\u003e \u003c\/button\u003e \u003cbutton class=\"acrf-dot\" type=\"button\"\u003e \u003c\/button\u003e \u003cbutton class=\"acrf-dot\" type=\"button\"\u003e \u003c\/button\u003e \u003cbutton class=\"acrf-dot\" type=\"button\"\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cscript\u003e\n(function () {\n\n const sections =\n document.querySelectorAll(\n '.abera-customer-reviews-final'\n );\n\n\n sections.forEach(function(section) {\n\n const track =\n section.querySelector('.acrf-track');\n\n\n const cards =\n Array.from(\n section.querySelectorAll('.acrf-card')\n );\n\n\n const dots =\n Array.from(\n section.querySelectorAll('.acrf-dot')\n );\n\n\n if (!track || !cards.length || !dots.length) {\n return;\n }\n\n\n \/* ==========================================\n ONLY RUN ON MOBILE\n ========================================== *\/\n\n function isMobile() {\n return window.innerWidth \u003c= 749;\n }\n\n\n \/* ==========================================\n UPDATE ACTIVE DOT\n ========================================== *\/\n\n function updateDots() {\n\n if (!isMobile()) return;\n\n\n let closestIndex = 0;\n let closestDistance = Infinity;\n\n\n cards.forEach(function(card, index) {\n\n const distance =\n Math.abs(\n (card.offsetLeft - track.offsetLeft)\n - track.scrollLeft\n );\n\n\n if (distance \u003c closestDistance) {\n\n closestDistance = distance;\n\n closestIndex = index;\n\n }\n\n });\n\n\n dots.forEach(function(dot, index) {\n\n dot.classList.toggle(\n 'active',\n index === closestIndex\n );\n\n });\n\n }\n\n\n \/* ==========================================\n DOT CLICK\n ========================================== *\/\n\n dots.forEach(function(dot, index) {\n\n dot.addEventListener(\n 'click',\n function() {\n\n if (!isMobile()) return;\n\n\n const card =\n cards[index];\n\n\n if (!card) return;\n\n\n track.scrollTo({\n\n left:\n card.offsetLeft\n - track.offsetLeft,\n\n behavior: 'smooth'\n\n });\n\n }\n );\n\n });\n\n\n \/* ==========================================\n SCROLL\n ========================================== *\/\n\n let scrollTimer;\n\n\n track.addEventListener(\n 'scroll',\n function() {\n\n if (!isMobile()) return;\n\n\n clearTimeout(scrollTimer);\n\n\n scrollTimer =\n setTimeout(\n updateDots,\n 40\n );\n\n },\n { passive: true }\n );\n\n\n updateDots();\n\n });\n\n})();\n\u003c\/script\u003e\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN - HOW TO USE SECTION\n========================================================= *\/\n\n.abera-howto-dark {\n width: 100%;\n margin: 40px 0;\n padding: 42px 32px;\n\n background: #0b0b0b;\n color: #ffffff;\n\n font-family: Arial, Helvetica, sans-serif;\n box-sizing: border-box;\n}\n\n.abera-howto-dark *,\n.abera-howto-dark *::before,\n.abera-howto-dark *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n TOP LAYOUT\n========================================================= *\/\n\n.abera-howto-dark-wrap {\n display: grid;\n\n grid-template-columns:\n minmax(0, 1fr)\n minmax(0, 1fr);\n\n gap: 44px;\n\n width: 100%;\n\n align-items: center;\n}\n\n\n\/* =========================================================\n VIDEO 1:1\n========================================================= *\/\n\n.abera-howto-dark-video {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #161616;\n\n border-radius: 10px;\n}\n\n\n.abera-howto-dark-video video {\n display: block;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n padding: 0;\n\n object-fit: cover;\n object-position: center;\n\n background: #161616;\n}\n\n\n\/* =========================================================\n CONTENT\n========================================================= *\/\n\n.abera-howto-dark-content {\n width: 100%;\n}\n\n\n\/* TITLE *\/\n\n.abera-howto-dark-title {\n margin: 0 0 20px 0;\n padding: 0;\n\n font-size: 30px;\n line-height: 1.15;\n\n font-weight: 600;\n\n color: #ffffff;\n}\n\n\n\/* BODY TEXT *\/\n\n.abera-howto-dark-text {\n margin: 0 0 16px 0;\n padding: 0;\n\n font-size: 16px;\n line-height: 1.6;\n\n font-weight: 400;\n\n color: #eeeeee;\n}\n\n\n.abera-howto-dark-text strong {\n font-weight: 700;\n\n color: #ffffff;\n}\n\n\n\/* BOTTLE NOTE *\/\n\n.abera-howto-bottle-note {\n margin: 21px 0 0 0;\n\n padding: 14px 16px;\n\n background: #171717;\n\n border: 1px solid #333333;\n border-radius: 7px;\n\n font-size: 16px;\n line-height: 1.55;\n\n color: #eeeeee;\n}\n\n\n.abera-howto-bottle-note strong {\n font-weight: 700;\n\n color: #ffffff;\n}\n\n\n\/* =========================================================\n SHOP NOW\n========================================================= *\/\n\n.abera-howto-shop {\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n min-width: 180px;\n\n margin: 22px 0 0 0;\n padding: 14px 28px;\n\n background: #000000;\n\n border: 1px solid #ffffff;\n border-radius: 6px;\n\n color: #ffffff !important;\n\n font-size: 15px;\n line-height: 1;\n\n font-weight: 700;\n\n text-decoration: none !important;\n\n cursor: pointer;\n\n transition:\n background 0.2s ease,\n color 0.2s ease,\n transform 0.2s ease;\n}\n\n\n.abera-howto-shop:hover {\n background: #ffffff;\n\n color: #000000 !important;\n\n transform: translateY(-1px);\n}\n\n\n\/* =========================================================\n PROOF \/ FREE-FROM STRIP\n========================================================= *\/\n\n.abera-howto-proof {\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 20px;\n\n width: 100%;\n\n margin-top: 38px;\n padding-top: 28px;\n\n border-top: 1px solid #2d2d2d;\n}\n\n\n\/* EACH ITEM *\/\n\n.abera-howto-proof-item {\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: flex-start;\n\n text-align: center;\n\n min-width: 0;\n}\n\n\n\/* ICON *\/\n\n.abera-howto-proof-icon {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n width: 48px;\n height: 48px;\n\n margin-bottom: 10px;\n}\n\n\n.abera-howto-proof-icon img {\n display: block;\n\n width: 100%;\n height: 100%;\n\n object-fit: contain;\n}\n\n\n\/* PROOF TEXT *\/\n\n.abera-howto-proof-text {\n margin: 0;\n padding: 0;\n\n font-size: 14px;\n line-height: 1.3;\n\n font-weight: 500;\n\n color: #ffffff;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 1050px) {\n\n .abera-howto-dark {\n padding: 34px 24px;\n }\n\n\n .abera-howto-dark-wrap {\n gap: 28px;\n }\n\n\n .abera-howto-dark-title {\n margin-bottom: 17px;\n\n font-size: 26px;\n }\n\n\n .abera-howto-dark-text,\n .abera-howto-bottle-note {\n font-size: 15px;\n }\n\n\n .abera-howto-proof {\n gap: 14px;\n\n margin-top: 32px;\n }\n\n\n .abera-howto-proof-icon {\n width: 43px;\n height: 43px;\n }\n\n\n .abera-howto-proof-text {\n font-size: 12px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-howto-dark {\n width: 100%;\n\n margin: 28px 0;\n padding: 24px 14px;\n }\n\n\n \/* VIDEO TOP - TEXT BOTTOM *\/\n\n .abera-howto-dark-wrap {\n display: flex;\n\n flex-direction: column;\n\n gap: 23px;\n\n width: 100%;\n\n align-items: stretch;\n }\n\n\n \/* VIDEO *\/\n\n .abera-howto-dark-video {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n\n border-radius: 8px;\n }\n\n\n \/* TITLE *\/\n\n .abera-howto-dark-title {\n margin-bottom: 16px;\n\n font-size: 26px;\n line-height: 1.15;\n\n font-weight: 600;\n }\n\n\n \/* BODY *\/\n\n .abera-howto-dark-text {\n margin-bottom: 14px;\n\n font-size: 15px;\n line-height: 1.6;\n }\n\n\n \/* BOTTLE *\/\n\n .abera-howto-bottle-note {\n margin-top: 18px;\n\n padding: 13px;\n\n font-size: 15px;\n line-height: 1.55;\n }\n\n\n \/* SHOP NOW *\/\n\n .abera-howto-shop {\n width: 100%;\n\n min-width: 0;\n\n margin-top: 19px;\n\n padding: 14px 20px;\n\n font-size: 15px;\n }\n\n\n \/* PROOF:\n MOBILE = 2 x 2\n *\/\n\n .abera-howto-proof {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 24px 14px;\n\n margin-top: 30px;\n padding-top: 25px;\n }\n\n\n .abera-howto-proof-icon {\n width: 44px;\n height: 44px;\n\n margin-bottom: 9px;\n }\n\n\n .abera-howto-proof-text {\n font-size: 12px;\n line-height: 1.35;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-howto-dark\"\u003e\u003c!-- =====================================================\n VIDEO + CONTENT\n ====================================================== --\u003e\n\u003cdiv class=\"abera-howto-dark-wrap\"\u003e\n\u003c!-- =================================================\n VIDEO\n ================================================== --\u003e\n\u003cdiv class=\"abera-howto-dark-video\"\u003e\u003cvideo controls=\"controls\" playsinline=\"\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/nh_13.webp?v=1786529051\"\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 CONTENT\n ================================================== --\u003e\n\u003cdiv class=\"abera-howto-dark-content\"\u003e\n\u003ch2 class=\"abera-howto-dark-title\"\u003eHOW TO USE\u003c\/h2\u003e\n\u003cp class=\"abera-howto-dark-text\"\u003eOn clean, dry skin, apply a few drops of \u003cstrong\u003eABERA MEN Retinol Serum\u003c\/strong\u003e to your fingertips or your face.\u003c\/p\u003e\n\u003cp class=\"abera-howto-dark-text\"\u003eGently massage the serum over your face and neck until evenly absorbed. Adjust the amount based on your skin’s needs.\u003c\/p\u003e\n\u003cp class=\"abera-howto-dark-text\"\u003eAllow it to absorb completely before applying other skincare products. Start 2–3 nights per week, then gradually increase to nightly use as your skin adjusts. More product does not mean faster results.\u003c\/p\u003e\n\u003cp class=\"abera-howto-dark-text\"\u003e\u003cstrong\u003eDURING THE DAY:\u003c\/strong\u003e Use a broad-spectrum sunscreen and limit excessive sun exposure while using Retinol.\u003c\/p\u003e\n\u003c!-- BOTTLE NOTE --\u003e\n\u003cdiv class=\"abera-howto-bottle-note\"\u003eThe \u003cstrong\u003e1.06 fl. oz. bottle\u003c\/strong\u003e lasts up to one month, but it is best to use \u003cstrong\u003e2 bottles\u003c\/strong\u003e to see noticeable results.\u003c\/div\u003e\n\u003c!-- SHOP SET 2 + SPECIAL GIFT --\u003e \u003ca href=\"#\" class=\"abera-howto-shop\"\u003e SHOP SET 2 + SPECIAL GIFT \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n PRODUCT PROOF\n ====================================================== --\u003e\n\u003cdiv class=\"abera-howto-proof\"\u003e\n\u003c!-- ITEM 1 --\u003e\n\u003cdiv class=\"abera-howto-proof-item\"\u003e\n\u003cdiv class=\"abera-howto-proof-icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/17_4b584ed0-a5a0-4e05-b5ed-941e0659119d.webp?v=1786634004\" alt=\"No animal testing\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cp class=\"abera-howto-proof-text\"\u003eNO ANIMAL\u003cbr\u003eTESTING\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ITEM 2 --\u003e\n\u003cdiv class=\"abera-howto-proof-item\"\u003e\n\u003cdiv class=\"abera-howto-proof-icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/18_2b9950f9-1de2-4435-840f-a2788bc79db5.webp?v=1786634004\" alt=\"Dermatologically Tested\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cp class=\"abera-howto-proof-text\"\u003eDERMATOLOGICALLY\u003cbr\u003eTESTED\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ITEM 3 --\u003e\n\u003cdiv class=\"abera-howto-proof-item\"\u003e\n\u003cdiv class=\"abera-howto-proof-icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/19_f1ab1d79-53db-49a0-93ac-390f9f40fc7a.webp?v=1786634004\" alt=\"Paraben free\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cp class=\"abera-howto-proof-text\"\u003ePARABEN FREE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ITEM 4 --\u003e\n\u003cdiv class=\"abera-howto-proof-item\"\u003e\n\u003cdiv class=\"abera-howto-proof-icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/20_7f253aec-af5d-4f7a-8873-03ad4bf71af2.webp?v=1786634004\" alt=\"Silicone free\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cp class=\"abera-howto-proof-text\"\u003eSILICONE FREE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n KEY INGREDIENTS\n========================================================= *\/\n\n#abera-key-ingredients {\n width: 100%;\n max-width: none;\n\n margin: 40px 0;\n padding: 42px 28px;\n\n background: #ffffff;\n color: #111111;\n\n font-family: Arial, Helvetica, sans-serif;\n box-sizing: border-box;\n}\n\n#abera-key-ingredients *,\n#abera-key-ingredients *::before,\n#abera-key-ingredients *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n MAIN LAYOUT\n========================================================= *\/\n\n.abera-ing-layout {\n display: grid;\n\n grid-template-columns:\n minmax(250px, 0.32fr)\n minmax(0, 0.68fr);\n\n gap: 42px;\n\n width: 100%;\n\n align-items: center;\n}\n\n\n\/* =========================================================\n LEFT CONTENT\n========================================================= *\/\n\n.abera-ing-intro {\n display: flex;\n flex-direction: column;\n\n align-items: flex-start;\n justify-content: center;\n\n width: 100%;\n}\n\n\n.abera-ing-title {\n margin: 0 0 15px 0;\n padding: 0;\n\n font-size: 30px;\n line-height: 1.15;\n\n font-weight: 700;\n\n color: #111111;\n\n text-transform: uppercase;\n}\n\n\n.abera-ing-description {\n margin: 0;\n padding: 0;\n\n font-size: 16px;\n line-height: 1.6;\n\n font-weight: 400;\n\n color: #333333;\n}\n\n\n.abera-ing-description strong {\n font-weight: 700;\n\n color: #111111;\n}\n\n\n\/* =========================================================\n FULL INGREDIENTS ACCORDION\n========================================================= *\/\n\n.abera-ing-accordion {\n width: 100%;\n\n margin: 22px 0 0;\n\n border-top: 1px solid #d7d7d7;\n border-bottom: 1px solid #d7d7d7;\n}\n\n\n\/* SUMMARY *\/\n\n.abera-ing-accordion summary {\n position: relative;\n\n display: flex;\n\n align-items: center;\n justify-content: space-between;\n\n width: 100%;\n\n margin: 0;\n padding: 15px 40px 15px 0;\n\n list-style: none;\n\n font-size: 14px;\n line-height: 1.3;\n\n font-weight: 700;\n\n letter-spacing: 0.2px;\n\n color: #111111;\n\n text-transform: uppercase;\n\n cursor: pointer;\n\n user-select: none;\n}\n\n\n\/* REMOVE DEFAULT DETAILS ICON *\/\n\n.abera-ing-accordion summary::-webkit-details-marker {\n display: none;\n}\n\n.abera-ing-accordion summary::marker {\n content: \"\";\n}\n\n\n\/* =========================================================\n DOWN TRIANGLE\n========================================================= *\/\n\n.abera-ing-accordion summary::after {\n content: \"\";\n\n position: absolute;\n\n right: 4px;\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:\n translateY(-50%)\n rotate(0deg);\n\n transform-origin: center;\n\n transition:\n transform 0.25s ease;\n}\n\n\n\/* OPEN = TRIANGLE POINTS UP *\/\n\n.abera-ing-accordion[open] summary::after {\n transform:\n translateY(-50%)\n rotate(180deg);\n}\n\n\n\/* =========================================================\n ACCORDION CONTENT\n========================================================= *\/\n\n.abera-ing-accordion-content {\n padding: 2px 0 18px;\n}\n\n\n.abera-ing-accordion-content p {\n margin: 0;\n padding: 0;\n\n font-size: 14px;\n line-height: 1.65;\n\n font-weight: 400;\n\n color: #555555;\n}\n\n\n\/* OPEN ANIMATION *\/\n\n.abera-ing-accordion[open]\n.abera-ing-accordion-content {\n animation: aberaIngredientOpen 0.24s ease;\n}\n\n\n@keyframes aberaIngredientOpen {\n\n from {\n opacity: 0;\n transform: translateY(-5px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n\n}\n\n\n\/* =========================================================\n CAROUSEL\n========================================================= *\/\n\n.abera-ing-carousel {\n position: relative;\n\n width: 100%;\n min-width: 0;\n}\n\n\n.abera-ing-viewport {\n width: 100%;\n\n overflow: hidden;\n}\n\n\n\/* =========================================================\n TRACK\n========================================================= *\/\n\n.abera-ing-track {\n display: flex;\n flex-wrap: nowrap;\n\n gap: 16px;\n\n width: 100%;\n\n margin: 0;\n padding: 0 0 6px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n scroll-behavior: smooth;\n\n scroll-snap-type: x mandatory;\n\n -webkit-overflow-scrolling: touch;\n\n scrollbar-width: none;\n}\n\n\n.abera-ing-track::-webkit-scrollbar {\n display: none;\n}\n\n\n\/* =========================================================\n INGREDIENT CARD\n DESKTOP = 3 CARDS\n========================================================= *\/\n\n.abera-ing-card {\n flex: 0 0 calc((100% - 32px) \/ 3);\n min-width: calc((100% - 32px) \/ 3);\n\n display: flex;\n flex-direction: column;\n\n overflow: hidden;\n\n background: #0d0d0d;\n\n border-radius: 8px;\n\n scroll-snap-align: start;\n scroll-snap-stop: always;\n}\n\n\n\/* =========================================================\n CARD IMAGE\n========================================================= *\/\n\n.abera-ing-image {\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #181818;\n}\n\n\n.abera-ing-image img {\n display: block;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n padding: 0;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n CARD CONTENT\n========================================================= *\/\n\n.abera-ing-card-content {\n display: flex;\n flex-direction: column;\n\n flex: 1;\n\n padding: 16px;\n}\n\n\n.abera-ing-name {\n margin: 0 0 9px 0;\n padding: 0;\n\n font-size: 16px;\n line-height: 1.3;\n\n font-weight: 700;\n\n color: #ffffff;\n\n text-transform: uppercase;\n}\n\n\n.abera-ing-benefit {\n margin: 0;\n padding: 0;\n\n font-size: 14px;\n line-height: 1.55;\n\n font-weight: 400;\n\n color: #d5d5d5;\n}\n\n\n\/* =========================================================\n ARROW STATES\n========================================================= *\/\n\n.abera-ing-arrow-state {\n display: none;\n}\n\n\n\/* DEFAULT *\/\n\n.abera-ing-arrow-state-1 {\n display: block;\n}\n\n\n\/* HIDE DEFAULT IF A CARD IS TARGETED *\/\n\n.abera-ing-carousel:has(.abera-ing-card:target)\n.abera-ing-arrow-state-1 {\n display: none;\n}\n\n\n\/* SHOW CORRECT STATE *\/\n\n.abera-ing-carousel:has(#abera-ing-card-1:target)\n.abera-ing-arrow-state-1 {\n display: block;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-2:target)\n.abera-ing-arrow-state-2 {\n display: block;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-3:target)\n.abera-ing-arrow-state-3 {\n display: block;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-4:target)\n.abera-ing-arrow-state-4 {\n display: block;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-5:target)\n.abera-ing-arrow-state-5 {\n display: block;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-6:target)\n.abera-ing-arrow-state-6 {\n display: block;\n}\n\n\n\/* =========================================================\n CAROUSEL ARROWS\n========================================================= *\/\n\n.abera-ing-arrow {\n position: absolute;\n\n top: 43%;\n\n z-index: 20;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n width: 42px;\n height: 42px;\n\n margin: 0;\n padding: 0;\n\n background: #111111;\n\n border: 1px solid #3a3a3a;\n border-radius: 4px;\n\n color: #ffffff !important;\n\n text-decoration: none !important;\n\n cursor: pointer;\n\n transform: translateY(-50%);\n\n box-shadow:\n 0 3px 12px rgba(0, 0, 0, 0.18);\n\n transition:\n background 0.2s ease,\n opacity 0.2s ease,\n transform 0.2s ease;\n}\n\n\n.abera-ing-arrow:hover {\n background: #2a2a2a;\n\n transform:\n translateY(-50%)\n scale(1.04);\n}\n\n\n.abera-ing-arrow svg {\n display: block;\n\n width: 20px;\n height: 20px;\n}\n\n\n.abera-ing-arrow-prev {\n left: 8px;\n}\n\n\n.abera-ing-arrow-next {\n right: 8px;\n}\n\n\n.abera-ing-arrow-disabled {\n opacity: 0.25;\n\n pointer-events: none;\n\n cursor: default;\n}\n\n\n\/* =========================================================\n DOTS\n========================================================= *\/\n\n.abera-ing-dots {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n gap: 7px;\n\n margin-top: 15px;\n}\n\n\n.abera-ing-dot {\n display: block;\n\n width: 7px;\n height: 7px;\n\n margin: 0;\n padding: 0;\n\n background: #c4c4c4;\n\n border: none;\n border-radius: 20px;\n\n text-decoration: none !important;\n\n transition:\n width 0.25s ease,\n background 0.25s ease;\n}\n\n\n\/* DEFAULT ACTIVE DOT *\/\n\n.abera-ing-dot-1 {\n width: 20px;\n\n background: #111111;\n}\n\n\n\/* RESET ACTIVE *\/\n\n.abera-ing-carousel:has(.abera-ing-card:target)\n.abera-ing-dot {\n width: 7px;\n\n background: #c4c4c4;\n}\n\n\n\/* ACTIVE DOTS *\/\n\n.abera-ing-carousel:has(#abera-ing-card-1:target)\n.abera-ing-dot-1 {\n width: 20px;\n background: #111111;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-2:target)\n.abera-ing-dot-2 {\n width: 20px;\n background: #111111;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-3:target)\n.abera-ing-dot-3 {\n width: 20px;\n background: #111111;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-4:target)\n.abera-ing-dot-4 {\n width: 20px;\n background: #111111;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-5:target)\n.abera-ing-dot-5 {\n width: 20px;\n background: #111111;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-6:target)\n.abera-ing-dot-6 {\n width: 20px;\n background: #111111;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 1050px) {\n\n #abera-key-ingredients {\n padding: 34px 22px;\n }\n\n\n .abera-ing-layout {\n grid-template-columns:\n minmax(220px, 0.34fr)\n minmax(0, 0.66fr);\n\n gap: 28px;\n }\n\n\n .abera-ing-title {\n font-size: 25px;\n }\n\n\n .abera-ing-description {\n font-size: 15px;\n }\n\n\n .abera-ing-accordion summary {\n font-size: 13px;\n }\n\n\n .abera-ing-accordion-content p {\n font-size: 13px;\n }\n\n\n \/* TWO CARDS *\/\n\n .abera-ing-track {\n gap: 12px;\n\n padding-right: 8%;\n }\n\n\n .abera-ing-card {\n flex: 0 0 47%;\n min-width: 47%;\n }\n\n\n .abera-ing-arrow {\n width: 40px;\n height: 40px;\n }\n\n\n .abera-ing-arrow-prev {\n left: 6px;\n }\n\n\n .abera-ing-arrow-next {\n right: 6px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n #abera-key-ingredients {\n width: 100%;\n max-width: none;\n\n margin: 28px 0;\n\n padding: 28px 14px;\n }\n\n\n \/* STACK *\/\n\n .abera-ing-layout {\n display: flex;\n\n flex-direction: column;\n\n gap: 24px;\n\n width: 100%;\n }\n\n\n .abera-ing-intro {\n width: 100%;\n }\n\n\n .abera-ing-title {\n margin-bottom: 12px;\n\n font-size: 24px;\n line-height: 1.2;\n }\n\n\n .abera-ing-description {\n font-size: 15px;\n line-height: 1.55;\n }\n\n\n \/* ACCORDION *\/\n\n .abera-ing-accordion {\n margin-top: 18px;\n }\n\n\n .abera-ing-accordion summary {\n padding: 14px 35px 14px 0;\n\n font-size: 13px;\n }\n\n\n .abera-ing-accordion summary::after {\n right: 3px;\n\n border-left-width: 5px;\n border-right-width: 5px;\n border-top-width: 7px;\n }\n\n\n .abera-ing-accordion-content {\n padding-bottom: 16px;\n }\n\n\n .abera-ing-accordion-content p {\n font-size: 13px;\n line-height: 1.6;\n }\n\n\n \/* ONE CARD + NEXT CARD PEEK *\/\n\n .abera-ing-track {\n gap: 10px;\n\n padding-right: 14%;\n }\n\n\n .abera-ing-card {\n flex: 0 0 86%;\n min-width: 86%;\n }\n\n\n .abera-ing-card-content {\n padding: 15px;\n }\n\n\n .abera-ing-name {\n font-size: 16px;\n }\n\n\n .abera-ing-benefit {\n font-size: 14px;\n }\n\n\n \/* ARROWS *\/\n\n .abera-ing-arrow {\n top: 42%;\n\n width: 36px;\n height: 36px;\n }\n\n\n .abera-ing-arrow svg {\n width: 18px;\n height: 18px;\n }\n\n\n .abera-ing-arrow-prev {\n left: 5px;\n }\n\n\n .abera-ing-arrow-next {\n right: 5px;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-proof-section\"\u003e\u003c!-- =========================================================\n KEY INGREDIENTS\n========================================================= --\u003e\n\u003csection id=\"abera-key-ingredients\"\u003e\n\u003cdiv class=\"abera-ing-layout\"\u003e\n\u003c!-- =====================================================\n LEFT CONTENT\n ====================================================== --\u003e\n\u003cdiv class=\"abera-ing-intro\"\u003e\n\u003ch2 class=\"abera-ing-title\"\u003eWHAT'S INSIDE AND WHY IT WORKS\u003c\/h2\u003e\n\u003cp class=\"abera-ing-description\"\u003eA dermatologist-tested blend of \u003cstrong\u003e science-backed actives and nature-derived ingredients \u003c\/strong\u003e, expertly formulated to support healthier, smoother, and more resilient-looking skin.\u003c\/p\u003e\n\u003c!-- =================================================\n FULL INGREDIENTS DROPDOWN\n ================================================== --\u003e\n\u003cdetails class=\"abera-ing-accordion\"\u003e\n\u003csummary\u003eSEE FULL INGREDIENTS\u003c\/summary\u003e\n\u003cdiv class=\"abera-ing-accordion-content\"\u003e\n\u003cp\u003ePurified Water, Propylene Glycol, Niacinamide, Aloe Barbadensis Leaf Juice Powder, Alcohol, Retinol (and) Hydroxypropyl Cyclodextrin, PEG-40 Hydrogenated Castor Oil, Pentylene Glycol (and) Ganoderma Lucidum (Mushroom) Extract, Centella Asiatica Extract (and) Aspergillus Ferment (and) Butylene Glycol (and) 1,2-Hexanediol (and) Ethyl Hexanediol, Hyaluronic Acid, Dipotassium Glycyrrhizate, Sclerotium Gum, Phenoxyethanol (and) Ethylhexylglycerin, Tocopheryl Acetate, Rosa Damascena Flower Oil, Menthol (and) Menthyl Lactate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n INGREDIENT CAROUSEL\n ====================================================== --\u003e\n\u003cdiv class=\"abera-ing-carousel\"\u003e\n\u003cdiv class=\"abera-ing-viewport\"\u003e\n\u003cdiv class=\"abera-ing-track\"\u003e\n\u003c!-- =================================================\n 1. RETINOL + NIACINAMIDE\n ================================================== --\u003e\n\u003carticle class=\"abera-ing-card\" id=\"abera-ing-card-1\"\u003e\n\u003cdiv class=\"abera-ing-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_37.webp?v=1786674306\" alt=\"Retinol 0.1% and Niacinamide\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-ing-card-content\"\u003e\n\u003ch3 class=\"abera-ing-name\"\u003eRETINOL 0.1% + NIACINAMIDE\u003c\/h3\u003e\n\u003cp class=\"abera-ing-benefit\"\u003eA proven anti-aging duo that helps improve the appearance of fine lines and wrinkles while supporting smoother, firmer and more even-looking skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 2. PANTHENOL\n ================================================== --\u003e\n\u003carticle class=\"abera-ing-card\" id=\"abera-ing-card-2\"\u003e\n\u003cdiv class=\"abera-ing-image\"\u003e\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\u003c\/div\u003e\n\u003cdiv class=\"abera-ing-card-content\"\u003e\n\u003ch3 class=\"abera-ing-name\"\u003ePANTHENOL (VITAMIN B5)\u003c\/h3\u003e\n\u003cp class=\"abera-ing-benefit\"\u003eHelps hydrate and soothe the skin while supporting a stronger, more comfortable skin barrier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 3. ALOE\n ================================================== --\u003e\n\u003carticle class=\"abera-ing-card\" id=\"abera-ing-card-3\"\u003e\n\u003cdiv class=\"abera-ing-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/aloe.webp?v=1786674306\" alt=\"Aloe Barbadensis Leaf\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-ing-card-content\"\u003e\n\u003ch3 class=\"abera-ing-name\"\u003eALOE BARBADENSIS LEAF JUICE POWDER\u003c\/h3\u003e\n\u003cp class=\"abera-ing-benefit\"\u003eIt helps to deeply moisturize, quickly soothe sunburned or irritated skin, support the reduction of acne inflammation, stimulate collagen production, and fade dark spots.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 4. REISHI\n ================================================== --\u003e\n\u003carticle class=\"abera-ing-card\" id=\"abera-ing-card-4\"\u003e\n\u003cdiv class=\"abera-ing-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=\"Reishi Mushroom Extract\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-ing-card-content\"\u003e\n\u003ch3 class=\"abera-ing-name\"\u003eREISHI MUSHROOM EXTRACT\u003c\/h3\u003e\n\u003cp class=\"abera-ing-benefit\"\u003eHelps soothe the skin and support its defenses against environmental stress for a calmer-looking complexion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 5. ROSA DAMASCENA\n ================================================== --\u003e\n\u003carticle class=\"abera-ing-card\" id=\"abera-ing-card-5\"\u003e\n\u003cdiv class=\"abera-ing-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Rosa_Damascena.webp?v=1786674449\" alt=\"Rosa Damascena Flower Extract\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-ing-card-content\"\u003e\n\u003ch3 class=\"abera-ing-name\"\u003eROSA DAMASCENA FLOWER EXTRACT\u003c\/h3\u003e\n\u003cp class=\"abera-ing-benefit\"\u003eHelps calm, hydrate and refresh the skin while supporting a softer and more comfortable skin feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 6. CENTELLA ASIATICA\n ================================================== --\u003e\n\u003carticle class=\"abera-ing-card\" id=\"abera-ing-card-6\"\u003e\n\u003cdiv class=\"abera-ing-image\"\u003e\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\u003c\/div\u003e\n\u003cdiv class=\"abera-ing-card-content\"\u003e\n\u003ch3 class=\"abera-ing-name\"\u003eCENTELLA ASIATICA EXTRACT\u003c\/h3\u003e\n\u003cp class=\"abera-ing-benefit\"\u003eHelps soothe visible irritation and supports skin recovery for smoother, more resilient-looking skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n ARROW STATE 1\n ====================================================== --\u003e\n\u003cdiv class=\"abera-ing-arrow-state abera-ing-arrow-state-1\"\u003e\n\u003cspan class=\"abera-ing-arrow\n abera-ing-arrow-prev\n abera-ing-arrow-disabled\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M15 5L8 12L15 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e \u003ca href=\"#abera-ing-card-2\" class=\"abera-ing-arrow abera-ing-arrow-next\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M9 5L16 12L9 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- STATE 2 --\u003e\n\u003cdiv class=\"abera-ing-arrow-state abera-ing-arrow-state-2\"\u003e\n\u003ca href=\"#abera-ing-card-1\" class=\"abera-ing-arrow abera-ing-arrow-prev\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M15 5L8 12L15 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e \u003ca href=\"#abera-ing-card-3\" class=\"abera-ing-arrow abera-ing-arrow-next\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M9 5L16 12L9 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- STATE 3 --\u003e\n\u003cdiv class=\"abera-ing-arrow-state abera-ing-arrow-state-3\"\u003e\n\u003ca href=\"#abera-ing-card-2\" class=\"abera-ing-arrow abera-ing-arrow-prev\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M15 5L8 12L15 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e \u003ca href=\"#abera-ing-card-4\" class=\"abera-ing-arrow abera-ing-arrow-next\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M9 5L16 12L9 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- STATE 4 --\u003e\n\u003cdiv class=\"abera-ing-arrow-state abera-ing-arrow-state-4\"\u003e\n\u003ca href=\"#abera-ing-card-3\" class=\"abera-ing-arrow abera-ing-arrow-prev\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M15 5L8 12L15 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e \u003ca href=\"#abera-ing-card-5\" class=\"abera-ing-arrow abera-ing-arrow-next\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M9 5L16 12L9 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- STATE 5 --\u003e\n\u003cdiv class=\"abera-ing-arrow-state abera-ing-arrow-state-5\"\u003e\n\u003ca href=\"#abera-ing-card-4\" class=\"abera-ing-arrow abera-ing-arrow-prev\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M15 5L8 12L15 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e \u003ca href=\"#abera-ing-card-6\" class=\"abera-ing-arrow abera-ing-arrow-next\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M9 5L16 12L9 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- STATE 6 --\u003e\n\u003cdiv class=\"abera-ing-arrow-state abera-ing-arrow-state-6\"\u003e\n\u003ca href=\"#abera-ing-card-5\" class=\"abera-ing-arrow abera-ing-arrow-prev\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M15 5L8 12L15 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e \u003cspan class=\"abera-ing-arrow\n abera-ing-arrow-next\n abera-ing-arrow-disabled\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M9 5L16 12L9 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n DOTS\n ====================================================== --\u003e\n\u003cdiv class=\"abera-ing-dots\"\u003e\n\u003ca href=\"#abera-ing-card-1\" class=\"abera-ing-dot abera-ing-dot-1\"\u003e \u003c\/a\u003e \u003ca href=\"#abera-ing-card-2\" class=\"abera-ing-dot abera-ing-dot-2\"\u003e \u003c\/a\u003e \u003ca href=\"#abera-ing-card-3\" class=\"abera-ing-dot abera-ing-dot-3\"\u003e \u003c\/a\u003e \u003ca href=\"#abera-ing-card-4\" class=\"abera-ing-dot abera-ing-dot-4\"\u003e \u003c\/a\u003e \u003ca href=\"#abera-ing-card-5\" class=\"abera-ing-dot abera-ing-dot-5\"\u003e \u003c\/a\u003e \u003ca href=\"#abera-ing-card-6\" class=\"abera-ing-dot abera-ing-dot-6\"\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n VIDEO TESTIMONIALS\n========================================================= *\/\n\n.abera-men-video-proof {\n width: 100%;\n margin: 40px 0;\n padding: 42px 28px 44px;\n\n background: #0a0a0a;\n color: #ffffff;\n\n font-family: Arial, Helvetica, sans-serif;\n box-sizing: border-box;\n\n overflow: hidden;\n}\n\n.abera-men-video-proof *,\n.abera-men-video-proof *::before,\n.abera-men-video-proof *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-vp-header {\n width: 100%;\n margin: 0 0 28px;\n}\n\n.abera-vp-title {\n margin: 0;\n padding: 0;\n\n font-size: 38px;\n line-height: 1.08;\n font-weight: 700;\n\n letter-spacing: -0.5px;\n\n text-transform: uppercase;\n\n color: #ffffff !important;\n}\n\n.abera-vp-title-highlight {\n color: #d4c8a9 !important;\n}\n\n\n\/* =========================================================\n DESKTOP TRACK\n 5 VIDEOS \/ 1 ROW\n========================================================= *\/\n\n.abera-vp-viewport {\n width: 100%;\n}\n\n.abera-vp-track {\n display: grid;\n\n grid-template-columns:\n repeat(5, minmax(0, 1fr));\n\n gap: 18px;\n\n width: 100%;\n}\n\n\n\/* =========================================================\n VIDEO ITEM\n========================================================= *\/\n\n.abera-vp-item {\n width: 100%;\n min-width: 0;\n}\n\n\n\/* =========================================================\n VIDEO 9:16\n========================================================= *\/\n\n.abera-vp-video-wrap {\n position: relative;\n\n width: 100%;\n aspect-ratio: 9 \/ 16;\n\n overflow: hidden;\n\n background: #181818;\n\n border-radius: 3px;\n}\n\n.abera-vp-video-wrap video {\n display: block;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n padding: 0;\n\n object-fit: cover;\n object-position: center;\n\n background: #181818;\n}\n\n\n\/* =========================================================\n CUSTOMER INFORMATION\n========================================================= *\/\n\n.abera-vp-info {\n width: 100%;\n padding-top: 13px;\n\n color: #ffffff;\n}\n\n.abera-vp-name {\n margin: 0 0 5px;\n padding: 0;\n\n font-size: 16px;\n line-height: 1.25;\n font-weight: 700;\n\n color: #ffffff !important;\n}\n\n.abera-vp-location {\n margin: 0 0 9px;\n padding: 0;\n\n font-size: 13px;\n line-height: 1.35;\n font-weight: 400;\n\n color: #ffffff !important;\n}\n\n\n\/* =========================================================\n VERIFIED CUSTOMER\n========================================================= *\/\n\n.abera-vp-verified {\n display: inline-flex;\n\n align-items: center;\n\n gap: 5px;\n\n padding: 5px 9px;\n\n background: #1b1b1b;\n\n border: 1px solid #444444;\n border-radius: 20px;\n\n font-size: 10px;\n line-height: 1;\n\n font-weight: 600;\n\n letter-spacing: 0.2px;\n\n color: #ffffff !important;\n\n text-transform: uppercase;\n}\n\n.abera-vp-check {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n width: 14px;\n height: 14px;\n\n min-width: 14px;\n}\n\n.abera-vp-check svg {\n display: block;\n\n width: 14px;\n height: 14px;\n}\n\n\n\/* =========================================================\n DOTS\n DESKTOP = HIDDEN\n========================================================= *\/\n\n.abera-vp-dots {\n display: none;\n}\n\n\n\/* =========================================================\n TABLET\n CAROUSEL\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 1050px) {\n\n .abera-men-video-proof {\n padding: 36px 22px 38px;\n }\n\n\n \/* TITLE *\/\n\n .abera-vp-header {\n margin-bottom: 24px;\n }\n\n .abera-vp-title {\n font-size: 31px;\n }\n\n\n \/* VIEWPORT *\/\n\n .abera-vp-viewport {\n width: 100%;\n\n overflow: hidden;\n }\n\n\n \/* CAROUSEL *\/\n\n .abera-vp-track {\n display: flex;\n\n flex-wrap: nowrap;\n\n grid-template-columns: none;\n\n gap: 16px;\n\n width: 100%;\n\n margin: 0;\n\n \/*\n 8% right padding creates\n a small peek of the next video\n *\/\n padding: 0 8% 6px 0;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n scroll-behavior: smooth;\n\n scroll-snap-type: x mandatory;\n\n -webkit-overflow-scrolling: touch;\n\n scrollbar-width: none;\n }\n\n .abera-vp-track::-webkit-scrollbar {\n display: none;\n }\n\n\n \/* APPROX 2 VIDEOS + NEXT PEEK *\/\n\n .abera-vp-item {\n flex: 0 0 46%;\n min-width: 46%;\n\n scroll-snap-align: start;\n scroll-snap-stop: always;\n }\n\n\n \/* TEXT *\/\n\n .abera-vp-name {\n font-size: 15px;\n\n color: #ffffff !important;\n }\n\n .abera-vp-location {\n font-size: 13px;\n\n color: #ffffff !important;\n }\n\n .abera-vp-verified {\n color: #ffffff !important;\n }\n\n\n \/* DOTS *\/\n\n .abera-vp-dots {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n gap: 7px;\n\n margin-top: 20px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n CAROUSEL\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-men-video-proof {\n width: 100%;\n\n margin: 28px 0;\n\n padding: 28px 14px 30px;\n }\n\n\n \/* TITLE *\/\n\n .abera-vp-header {\n margin-bottom: 20px;\n }\n\n .abera-vp-title {\n font-size: 27px;\n line-height: 1.12;\n\n letter-spacing: -0.3px;\n\n color: #ffffff !important;\n }\n\n\n \/* VIEWPORT *\/\n\n .abera-vp-viewport {\n width: 100%;\n\n overflow: hidden;\n }\n\n\n \/* CAROUSEL *\/\n\n .abera-vp-track {\n display: flex;\n\n flex-wrap: nowrap;\n\n grid-template-columns: none;\n\n gap: 11px;\n\n width: 100%;\n\n margin: 0;\n\n \/*\n Show one large video\n + part of the next video\n *\/\n padding: 0 15% 6px 0;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n scroll-behavior: smooth;\n\n scroll-snap-type: x mandatory;\n\n -webkit-overflow-scrolling: touch;\n\n scrollbar-width: none;\n }\n\n .abera-vp-track::-webkit-scrollbar {\n display: none;\n }\n\n\n \/* 1 VIDEO + NEXT PEEK *\/\n\n .abera-vp-item {\n flex: 0 0 82%;\n min-width: 82%;\n\n scroll-snap-align: start;\n scroll-snap-stop: always;\n }\n\n\n \/* INFO *\/\n\n .abera-vp-info {\n padding-top: 11px;\n }\n\n .abera-vp-name {\n margin-bottom: 4px;\n\n font-size: 15px;\n\n color: #ffffff !important;\n }\n\n .abera-vp-location {\n margin-bottom: 8px;\n\n font-size: 12px;\n\n color: #ffffff !important;\n }\n\n .abera-vp-verified {\n padding: 5px 8px;\n\n font-size: 10px;\n\n color: #ffffff !important;\n }\n\n\n \/* DOTS *\/\n\n .abera-vp-dots {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n gap: 7px;\n\n margin-top: 18px;\n }\n\n}\n\n\n\/* =========================================================\n DOT DESIGN\n TABLET + MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 1050px) {\n\n .abera-vp-dot {\n display: block;\n\n width: 7px;\n height: 7px;\n\n min-width: 7px;\n\n margin: 0;\n padding: 0;\n\n background: #626262;\n\n border: 0;\n border-radius: 50px;\n\n cursor: pointer;\n\n opacity: 0.75;\n\n transition:\n width 0.3s ease,\n background-color 0.3s ease,\n opacity 0.3s ease,\n transform 0.3s ease;\n }\n\n\n \/* ACTIVE DOT *\/\n\n .abera-vp-dot.active {\n width: 24px;\n\n background: #ffffff;\n\n opacity: 1;\n\n transform: scaleY(1.05);\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-men-video-proof\"\u003e\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"abera-vp-header\"\u003e\n\u003ch2 class=\"abera-vp-title\"\u003ePROVEN BY SCIENCE. \u003cspan class=\"abera-vp-title-highlight\"\u003e TRUSTED BY MEN \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n VIDEO CAROUSEL\n ====================================================== --\u003e\n\u003cdiv class=\"abera-vp-viewport\"\u003e\n\u003cdiv class=\"abera-vp-track\"\u003e\n\u003c!-- =================================================\n VIDEO 1\n ================================================== --\u003e\n\u003carticle class=\"abera-vp-item\"\u003e\n\u003cdiv class=\"abera-vp-video-wrap\"\u003e\u003cvideo controls=\"controls\" playsinline=\"\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/nh_6.webp?v=1786518735\"\u003e\n\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/dcaa262210834bd48989cc2e09f196f5.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-vp-info\"\u003e\n\u003ch3 class=\"abera-vp-name\"\u003eJimm P.\u003c\/h3\u003e\n\u003cp class=\"abera-vp-location\"\u003eChicago, IL\u003c\/p\u003e\n\u003cdiv class=\"abera-vp-verified\"\u003e\n\u003cspan class=\"abera-vp-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#ffffff\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#111111\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e VERIFIED CUSTOMER\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n VIDEO 2\n ================================================== --\u003e\n\u003carticle class=\"abera-vp-item\"\u003e\n\u003cdiv class=\"abera-vp-video-wrap\"\u003e\u003cvideo controls=\"controls\" playsinline=\"\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/nh_12.webp?v=1786519464\"\u003e\n\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/927a1422f4944731abc4f77c4cdbcbce.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-vp-info\"\u003e\n\u003ch3 class=\"abera-vp-name\"\u003eMichael G.\u003c\/h3\u003e\n\u003cp class=\"abera-vp-location\"\u003eSeattle, WA\u003c\/p\u003e\n\u003cdiv class=\"abera-vp-verified\"\u003e\n\u003cspan class=\"abera-vp-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#ffffff\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#111111\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e VERIFIED CUSTOMER\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n VIDEO 3\n ================================================== --\u003e\n\u003carticle class=\"abera-vp-item\"\u003e\n\u003cdiv class=\"abera-vp-video-wrap\"\u003e\u003cvideo controls=\"controls\" playsinline=\"\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/nh_7_8e7b5a9c-3975-4ebf-a18e-870f85bc81fe.webp?v=1786518939\"\u003e\n\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/38eb8117ffd84eefbc307143a65cdee6.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-vp-info\"\u003e\n\u003ch3 class=\"abera-vp-name\"\u003eFrank L.\u003c\/h3\u003e\n\u003cp class=\"abera-vp-location\"\u003eDenver, CO\u003c\/p\u003e\n\u003cdiv class=\"abera-vp-verified\"\u003e\n\u003cspan class=\"abera-vp-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#ffffff\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#111111\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e VERIFIED CUSTOMER\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n VIDEO 4\n ================================================== --\u003e\n\u003carticle class=\"abera-vp-item\"\u003e\n\u003cdiv class=\"abera-vp-video-wrap\"\u003e\u003cvideo controls=\"controls\" playsinline=\"\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/nh_9_80a97c49-60bf-46ee-ba68-c758726e016b.webp?v=1786519128\"\u003e\n\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d5b459198220458786c5431aad00e243.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-vp-info\"\u003e\n\u003ch3 class=\"abera-vp-name\"\u003eBrian\u003c\/h3\u003e\n\u003cp class=\"abera-vp-location\"\u003eAtlanta, GA\u003c\/p\u003e\n\u003cdiv class=\"abera-vp-verified\"\u003e\n\u003cspan class=\"abera-vp-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#ffffff\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#111111\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e VERIFIED CUSTOMER\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n VIDEO 5\n ================================================== --\u003e\n\u003carticle class=\"abera-vp-item\"\u003e\n\u003cdiv class=\"abera-vp-video-wrap\"\u003e\u003cvideo controls=\"controls\" playsinline=\"\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/nh_11.webp?v=1786519299\"\u003e\n\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/64a42187b2264a9eb5d902b8976b9a4b.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-vp-info\"\u003e\n\u003ch3 class=\"abera-vp-name\"\u003eJayden M.\u003c\/h3\u003e\n\u003cp class=\"abera-vp-location\"\u003eDallas, TX\u003c\/p\u003e\n\u003cdiv class=\"abera-vp-verified\"\u003e\n\u003cspan class=\"abera-vp-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#ffffff\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#111111\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e VERIFIED CUSTOMER\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n TABLET + MOBILE DOTS\n ====================================================== --\u003e\n\u003cdiv class=\"abera-vp-dots\"\u003e\n\u003cbutton class=\"abera-vp-dot active\" type=\"button\"\u003e \u003c\/button\u003e \u003cbutton class=\"abera-vp-dot\" type=\"button\"\u003e \u003c\/button\u003e \u003cbutton class=\"abera-vp-dot\" type=\"button\"\u003e \u003c\/button\u003e \u003cbutton class=\"abera-vp-dot\" type=\"button\"\u003e \u003c\/button\u003e \u003cbutton class=\"abera-vp-dot\" type=\"button\"\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n 8-WEEK SKIN IMPROVEMENT JOURNEY\n========================================================= *\/\n\n.abera-progress-section {\n width: 100%;\n margin: 40px 0;\n padding: 42px 28px;\n\n background: #ffffff;\n color: #111111;\n\n font-family: Arial, Helvetica, sans-serif;\n\n box-sizing: border-box;\n}\n\n.abera-progress-section *,\n.abera-progress-section *::before,\n.abera-progress-section *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-progress-header {\n display: grid;\n\n grid-template-columns:\n minmax(0, 1fr)\n auto;\n\n gap: 40px;\n\n width: 100%;\n\n margin-bottom: 30px;\n\n align-items: center;\n}\n\n\n\/* =========================================================\n HEADER LEFT\n========================================================= *\/\n\n.abera-progress-header-left {\n width: 100%;\n}\n\n\n.abera-progress-main-title {\n margin: 0;\n padding: 0;\n\n max-width: 760px;\n\n font-size: 30px;\n line-height: 1.18;\n\n font-weight: 700;\n\n letter-spacing: -0.3px;\n\n text-transform: uppercase;\n\n color: #111111;\n}\n\n\n\/* =========================================================\n EXPERT AREA\n========================================================= *\/\n\n.abera-progress-experts {\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n min-width: 260px;\n}\n\n\n\/* EXPERT IMAGES *\/\n\n.abera-progress-expert-images {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n padding-left: 16px;\n}\n\n\n\/* EACH CIRCLE *\/\n\n.abera-progress-expert {\n position: relative;\n\n width: 88px;\n height: 88px;\n\n flex: 0 0 88px;\n\n margin-left: -16px;\n\n overflow: hidden;\n\n border: 3px solid #ffffff;\n border-radius: 50%;\n\n background: #f3f3f3;\n\n box-shadow:\n 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n\n\n.abera-progress-expert:first-child {\n margin-left: 0;\n}\n\n\n.abera-progress-expert img {\n display: block;\n\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n EXPERT SUBTITLE\n========================================================= *\/\n\n.abera-progress-tested {\n margin: 10px 0 0;\n padding: 0;\n\n font-size: 13px;\n line-height: 1.35;\n\n font-weight: 500;\n\n letter-spacing: 0.2px;\n\n color: #9a9a9a;\n\n text-align: center;\n}\n\n\n\/* =========================================================\n GRID\n========================================================= *\/\n\n.abera-progress-grid {\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 20px;\n\n width: 100%;\n\n align-items: start;\n}\n\n\n\/* =========================================================\n CARD\n========================================================= *\/\n\n.abera-progress-card {\n width: 100%;\n min-width: 0;\n}\n\n\n\/* =========================================================\n IMAGE WRAPPER\n========================================================= *\/\n\n.abera-progress-image {\n position: relative;\n\n width: 100%;\n max-width: 300px;\n\n aspect-ratio: 3 \/ 5;\n\n margin: 0 auto 14px;\n\n overflow: hidden;\n\n background: #f3f3f3;\n\n border-radius: 8px;\n}\n\n\n.abera-progress-image img {\n display: block;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n padding: 0;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n WEEK TAG\n OVER IMAGE - TOP LEFT\n========================================================= *\/\n\n.abera-week-label {\n position: absolute;\n\n top: 10px;\n left: 10px;\n\n z-index: 3;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n margin: 0;\n padding: 7px 12px;\n\n background: #111111;\n\n border: 1px solid rgba(255,255,255,0.25);\n border-radius: 5px;\n\n box-shadow:\n 0 2px 7px rgba(0,0,0,0.16);\n\n font-size: 12px;\n line-height: 1;\n\n font-weight: 700;\n\n letter-spacing: 0.2px;\n\n color: #ffffff;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n WEEK TITLE\n========================================================= *\/\n\n.abera-progress-small-title {\n margin: 0 0 9px 0;\n padding: 0;\n\n font-size: 16px;\n line-height: 1.35;\n\n font-weight: 700;\n\n color: #111111;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n DESCRIPTION\n========================================================= *\/\n\n.abera-progress-text {\n margin: 0;\n padding: 0;\n\n font-size: 14px;\n line-height: 1.6;\n\n font-weight: 400;\n\n color: #444444;\n}\n\n\n\/* =========================================================\n DISCLAIMER\n========================================================= *\/\n\n.abera-progress-disclaimer {\n max-width: 900px;\n\n margin: 28px auto 0;\n padding: 15px 18px;\n\n background: #f6f6f6;\n\n border-radius: 7px;\n\n font-size: 12px;\n line-height: 1.55;\n\n font-weight: 400;\n\n text-align: center;\n\n color: #666666;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 1050px) {\n\n .abera-progress-section {\n padding: 36px 22px;\n }\n\n\n \/* HEADER *\/\n\n .abera-progress-header {\n gap: 28px;\n\n margin-bottom: 27px;\n }\n\n\n .abera-progress-main-title {\n font-size: 25px;\n line-height: 1.2;\n }\n\n\n .abera-progress-experts {\n min-width: 220px;\n }\n\n\n .abera-progress-expert {\n width: 72px;\n height: 72px;\n\n flex-basis: 72px;\n\n margin-left: -13px;\n }\n\n\n .abera-progress-tested {\n margin-top: 8px;\n\n font-size: 12px;\n }\n\n\n \/* GRID 2 x 2 *\/\n\n .abera-progress-grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 28px 22px;\n }\n\n\n .abera-progress-image {\n width: 100%;\n max-width: 300px;\n\n aspect-ratio: 3 \/ 5;\n }\n\n\n .abera-progress-small-title {\n font-size: 16px;\n }\n\n\n .abera-progress-text {\n font-size: 14px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-progress-section {\n width: 100%;\n\n margin: 28px 0;\n\n padding: 28px 14px;\n }\n\n\n \/* HEADER STACK *\/\n\n .abera-progress-header {\n display: flex;\n\n flex-direction: column;\n\n align-items: flex-start;\n\n gap: 17px;\n\n margin-bottom: 24px;\n }\n\n\n .abera-progress-header-left {\n width: 100%;\n }\n\n\n .abera-progress-main-title {\n max-width: 100%;\n\n font-size: 23px;\n line-height: 1.24;\n\n letter-spacing: -0.2px;\n }\n\n\n \/* EXPERTS *\/\n\n .abera-progress-experts {\n width: 100%;\n\n min-width: 0;\n\n align-items: center;\n }\n\n\n .abera-progress-expert-images {\n padding-left: 13px;\n }\n\n\n .abera-progress-expert {\n width: 66px;\n height: 66px;\n\n flex: 0 0 66px;\n\n margin-left: -13px;\n\n border-width: 2px;\n }\n\n\n .abera-progress-expert:first-child {\n margin-left: 0;\n }\n\n\n .abera-progress-tested {\n margin-top: 8px;\n\n font-size: 11px;\n }\n\n\n \/* =====================================================\n GRID 2 x 2\n ====================================================== *\/\n\n .abera-progress-grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 24px 12px;\n }\n\n\n .abera-progress-image {\n width: 100%;\n\n max-width: 300px;\n\n aspect-ratio: 3 \/ 5;\n\n margin-bottom: 11px;\n\n border-radius: 6px;\n }\n\n\n \/* WEEK TAG *\/\n\n .abera-week-label {\n top: 7px;\n left: 7px;\n\n padding: 6px 8px;\n\n font-size: 10px;\n\n border-radius: 4px;\n }\n\n\n \/* TEXT *\/\n\n .abera-progress-small-title {\n margin-bottom: 7px;\n\n font-size: 13px;\n line-height: 1.35;\n }\n\n\n .abera-progress-text {\n font-size: 12px;\n line-height: 1.55;\n }\n\n\n .abera-progress-disclaimer {\n margin-top: 24px;\n\n padding: 13px 12px;\n\n font-size: 11px;\n line-height: 1.5;\n }\n\n}\n\n\n\/* =========================================================\n VERY SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 390px) {\n\n .abera-progress-main-title {\n font-size: 21px;\n }\n\n\n .abera-progress-expert {\n width: 59px;\n height: 59px;\n\n flex-basis: 59px;\n }\n\n\n .abera-progress-grid {\n gap: 22px 9px;\n }\n\n\n .abera-progress-small-title {\n font-size: 12px;\n }\n\n\n .abera-progress-text {\n font-size: 11.5px;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-progress-section\"\u003e\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"abera-progress-header\"\u003e\n\u003c!-- LEFT TITLE --\u003e\n\u003cdiv class=\"abera-progress-header-left\"\u003e\n\u003ch2 class=\"abera-progress-main-title\"\u003eYOUR 8-WEEK RETINOL JOURNEY\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- RIGHT EXPERTS --\u003e\n\u003cdiv class=\"abera-progress-experts\"\u003e\n\u003cdiv class=\"abera-progress-expert-images\"\u003e\n\u003c!-- EXPERT 1 --\u003e\n\u003cdiv class=\"abera-progress-expert\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_40.webp?v=1786692865\" alt=\"Dermatology expert\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- EXPERT 2 --\u003e\n\u003cdiv class=\"abera-progress-expert\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_41.webp?v=1786692865\" alt=\"Dermatology expert\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- EXPERT 3 --\u003e\n\u003cdiv class=\"abera-progress-expert\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_39.webp?v=1786692864\" alt=\"Dermatology expert\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"abera-progress-tested\"\u003eDermatologically Tested\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n 8 WEEK JOURNEY\n ====================================================== --\u003e\n\u003cdiv class=\"abera-progress-grid\"\u003e\n\u003c!-- =================================================\n WEEK 1\n ================================================== --\u003e\n\u003carticle class=\"abera-progress-card\"\u003e\n\u003cdiv class=\"abera-progress-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/13_34bb2528-4bd9-41d9-832f-401ad4e50f97.webp?v=1786525153\" alt=\"ABERA MEN Retinol Serum Week 1 skin improvement\" loading=\"lazy\"\u003e \u003cspan class=\"abera-week-label\"\u003e WEEK 1 \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"abera-progress-small-title\"\u003eHYDRATED \u0026amp; COMFORTABLE SKIN\u003c\/h3\u003e\n\u003cp class=\"abera-progress-text\"\u003eSkin begins to feel more hydrated, soft, and comfortable. Dryness and visible flaking may start to improve, helping the skin look smoother and less rough.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n WEEK 3\n ================================================== --\u003e\n\u003carticle class=\"abera-progress-card\"\u003e\n\u003cdiv class=\"abera-progress-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/14_016f6dbf-5aef-41a3-bac9-a662731194e6.webp?v=1786525397\" alt=\"ABERA MEN Retinol Serum Week 3 skin improvement\" loading=\"lazy\"\u003e \u003cspan class=\"abera-week-label\"\u003e WEEK 3 \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"abera-progress-small-title\"\u003eSMOOTHER-LOOKING FINE LINES\u003c\/h3\u003e\n\u003cp class=\"abera-progress-text\"\u003eAs skin becomes better hydrated, fine lines caused by dryness may appear less noticeable, especially around the forehead and eye area.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n WEEK 6\n ================================================== --\u003e\n\u003carticle class=\"abera-progress-card\"\u003e\n\u003cdiv class=\"abera-progress-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/15_7314731c-1944-44cd-8a9d-c6ec68d639b0.webp?v=1786525349\" alt=\"ABERA MEN Retinol Serum Week 6 skin improvement\" loading=\"lazy\"\u003e \u003cspan class=\"abera-week-label\"\u003e WEEK 6 \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"abera-progress-small-title\"\u003eMORE EVEN \u0026amp; CLEARER-LOOKING SKIN\u003c\/h3\u003e\n\u003cp class=\"abera-progress-text\"\u003eSkin tone starts to look more even and refined. The appearance of post-acne dark spots and uneven pigmentation may gradually fade, while the skin continues to feel hydrated and smoother.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n WEEK 8\n ================================================== --\u003e\n\u003carticle class=\"abera-progress-card\"\u003e\n\u003cdiv class=\"abera-progress-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/16_bc58139d-1716-4de1-b28d-045dad5b5e21.webp?v=1786525439\" alt=\"ABERA MEN Retinol Serum Week 8 skin improvement\" loading=\"lazy\"\u003e \u003cspan class=\"abera-week-label\"\u003e WEEK 8 \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"abera-progress-small-title\"\u003eFIRMER, SMOOTHER \u0026amp; YOUNGER-LOOKING SKIN\u003c\/h3\u003e\n\u003cp class=\"abera-progress-text\"\u003eSkin feels smoother, more resilient, and well hydrated, creating an overall healthier and more youthful-looking appearance.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n DISCLAIMER\n ====================================================== --\u003e\n\u003cp class=\"abera-progress-disclaimer\"\u003eResults may vary depending on skin type, age, lifestyle, and consistency of use. For retinol beginners, introduce gradually and use sunscreen during the daytime.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN\n FACE + BODY DUO\n========================================================= *\/\n\n.abera-duo-section {\n width: 100%;\n max-width: none;\n\n margin: 40px 0;\n padding: 44px 28px;\n\n background: #ffffff;\n color: #111111;\n\n font-family: Arial, Helvetica, sans-serif;\n box-sizing: border-box;\n}\n\n.abera-duo-section *,\n.abera-duo-section *::before,\n.abera-duo-section *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n MAIN LAYOUT\n========================================================= *\/\n\n.abera-duo-layout {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n\n gap: 44px;\n\n width: 100%;\n\n align-items: center;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.abera-duo-image {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #f4f4f4;\n\n border-radius: 10px;\n}\n\n.abera-duo-image img {\n display: block;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n padding: 0;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n CONTENT\n========================================================= *\/\n\n.abera-duo-content {\n width: 100%;\n}\n\n\n\/* SMALL LABEL *\/\n\n.abera-duo-eyebrow {\n margin: 0 0 9px 0;\n padding: 0;\n\n font-size: 12px;\n line-height: 1.3;\n\n font-weight: 700;\n\n letter-spacing: 1.4px;\n\n color: #777777;\n\n text-transform: uppercase;\n}\n\n\n\/* MAIN TITLE *\/\n\n.abera-duo-title {\n margin: 0 0 15px 0;\n padding: 0;\n\n font-size: 32px;\n line-height: 1.15;\n\n font-weight: 700;\n\n letter-spacing: -0.4px;\n\n color: #111111;\n\n text-transform: uppercase;\n}\n\n\n\/* INTRO *\/\n\n.abera-duo-intro {\n max-width: 680px;\n\n margin: 0 0 28px 0;\n padding: 0;\n\n font-size: 15px;\n line-height: 1.6;\n\n font-weight: 400;\n\n color: #555555;\n}\n\n\n\/* =========================================================\n BENEFIT GRID\n========================================================= *\/\n\n.abera-duo-benefit-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n\n gap: 30px;\n\n width: 100%;\n}\n\n.abera-duo-product {\n width: 100%;\n min-width: 0;\n}\n\n\n\/* PRODUCT TITLE *\/\n\n.abera-duo-product-title {\n margin: 0 0 15px 0;\n padding: 0 0 10px 0;\n\n font-size: 17px;\n line-height: 1.3;\n\n font-weight: 700;\n\n color: #111111;\n\n border-bottom: 1px solid #dddddd;\n}\n\n\n\/* =========================================================\n REMOVE DEFAULT SHOPIFY BULLETS\n========================================================= *\/\n\n.abera-duo-section ul,\n.abera-duo-section li {\n list-style: none !important;\n}\n\n.abera-duo-list {\n display: flex;\n flex-direction: column;\n\n gap: 11px;\n\n margin: 0 !important;\n padding: 0 !important;\n\n list-style: none !important;\n}\n\n.abera-duo-list li {\n margin: 0 !important;\n padding: 0 !important;\n\n list-style: none !important;\n}\n\n.abera-duo-list li::marker {\n content: \"\" !important;\n display: none !important;\n}\n\n.abera-duo-list li::before {\n content: none !important;\n display: none !important;\n}\n\n\n\/* =========================================================\n BENEFIT ITEM\n========================================================= *\/\n\n.abera-duo-item {\n display: flex !important;\n\n align-items: flex-start;\n\n gap: 9px;\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n font-size: 14px;\n line-height: 1.45;\n\n font-weight: 400;\n\n color: #222222;\n}\n\n\n\/* =========================================================\n CHECK ICON\n========================================================= *\/\n\n.abera-duo-check {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n width: 18px;\n height: 18px;\n\n min-width: 18px;\n\n margin-top: 1px;\n}\n\n.abera-duo-check svg {\n display: block;\n\n width: 18px;\n height: 18px;\n}\n\n\n\/* =========================================================\n SHOP BUTTON\n========================================================= *\/\n\n.abera-duo-shop-wrap {\n width: 100%;\n\n margin-top: 30px;\n}\n\n.abera-duo-shop-btn {\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n min-width: 245px;\n\n padding: 15px 26px;\n\n background: #111111;\n color: #ffffff !important;\n\n border: 1px solid #111111;\n border-radius: 6px;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 700;\n\n letter-spacing: 0.3px;\n\n text-decoration: none !important;\n text-transform: uppercase;\n\n cursor: pointer;\n\n transition:\n background 0.2s ease,\n color 0.2s ease,\n transform 0.2s ease;\n}\n\n.abera-duo-shop-btn:hover {\n background: #ffffff;\n\n color: #111111 !important;\n\n transform: translateY(-1px);\n}\n\n\n\/* =========================================================\n VARIANT SCROLL\n========================================================= *\/\n\nhtml {\n scroll-behavior: smooth;\n}\n\n#abera-product-variant {\n scroll-margin-top: 110px;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 1050px) {\n\n .abera-duo-section {\n padding: 36px 22px;\n }\n\n .abera-duo-layout {\n grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\n\n gap: 30px;\n }\n\n .abera-duo-title {\n font-size: 27px;\n }\n\n .abera-duo-intro {\n margin-bottom: 23px;\n\n font-size: 14px;\n }\n\n .abera-duo-benefit-grid {\n gap: 20px;\n }\n\n .abera-duo-product-title {\n font-size: 15px;\n }\n\n .abera-duo-item {\n font-size: 13px;\n }\n\n .abera-duo-shop-wrap {\n margin-top: 26px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-duo-section {\n width: 100%;\n max-width: none;\n\n margin: 28px 0;\n padding: 28px 14px;\n }\n\n\n \/* IMAGE TOP *\/\n\n .abera-duo-layout {\n display: flex;\n flex-direction: column;\n\n gap: 24px;\n\n width: 100%;\n }\n\n .abera-duo-image {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n\n border-radius: 8px;\n }\n\n\n \/* CONTENT *\/\n\n .abera-duo-eyebrow {\n margin-bottom: 7px;\n\n font-size: 10px;\n }\n\n .abera-duo-title {\n margin-bottom: 12px;\n\n font-size: 25px;\n line-height: 1.18;\n }\n\n .abera-duo-intro {\n margin-bottom: 22px;\n\n font-size: 14px;\n line-height: 1.55;\n }\n\n\n \/* STACK BENEFIT COLUMNS *\/\n\n .abera-duo-benefit-grid {\n grid-template-columns: 1fr;\n\n gap: 24px;\n }\n\n .abera-duo-product-title {\n margin-bottom: 13px;\n\n font-size: 16px;\n }\n\n .abera-duo-list {\n gap: 10px;\n }\n\n .abera-duo-item {\n font-size: 14px;\n line-height: 1.45;\n }\n\n\n \/* BUTTON *\/\n\n .abera-duo-shop-wrap {\n margin-top: 24px;\n }\n\n .abera-duo-shop-btn {\n width: 100%;\n min-width: 0;\n\n padding: 15px 18px;\n\n font-size: 13px;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-duo-section\"\u003e\n\u003cdiv class=\"abera-duo-layout\"\u003e\n\u003c!-- =====================================================\n IMAGE\n ====================================================== --\u003e\n\u003cdiv class=\"abera-duo-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_43.webp?v=1786758238\" alt=\"ABERA MEN Face and Body Duo with Retinol Serum and Acne Body Wash\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n CONTENT\n ====================================================== --\u003e\n\u003cdiv class=\"abera-duo-content\"\u003e\n\u003cp class=\"abera-duo-eyebrow\"\u003eCOMPLETE MEN'S SKIN ROUTINE\u003c\/p\u003e\n\u003ch2 class=\"abera-duo-title\"\u003eABERA MEN FACE + BODY DUO\u003c\/h2\u003e\n\u003cp class=\"abera-duo-intro\"\u003eA simple two-step routine designed to care for both your face and body — combining targeted anti-aging skincare with daily body cleansing for clearer, smoother, and healthier-looking skin.\u003c\/p\u003e\n\u003c!-- =================================================\n BENEFITS\n ================================================== --\u003e\n\u003cdiv class=\"abera-duo-benefit-grid\"\u003e\n\u003c!-- =================================================\n RETINOL SERUM\n ================================================== --\u003e\n\u003cdiv class=\"abera-duo-product\"\u003e\n\u003ch3 class=\"abera-duo-product-title\"\u003eRETINOL SERUM\u003c\/h3\u003e\n\u003cul class=\"abera-duo-list\"\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Fortifies and Moisturizes \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Targets Dark Circles \u0026amp; Eye Bags \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Deeply Nourishes \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Soothes Skin After Shaving \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Smooths Fine Lines \u0026amp; Wrinkles \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Fades Dark Spots \u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n ACNE BODY WASH\n ================================================== --\u003e\n\u003cdiv class=\"abera-duo-product\"\u003e\n\u003ch3 class=\"abera-duo-product-title\"\u003eACNE BODY WASH\u003c\/h3\u003e\n\u003cul class=\"abera-duo-list\"\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Helps Reduce Body Acne \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Helps Control Excess Sebum \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Deeply Cleanses Pores \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Helps Reduce Clogged Pores \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Helps Brighten the Skin \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Does Not Dry Out the Skin \u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n SHOP BUTTON\n ================================================== --\u003e\n\u003cdiv class=\"abera-duo-shop-wrap\"\u003e\u003ca href=\"#abera-product-variant\" class=\"abera-duo-shop-btn\"\u003e SHOP FACE + BODY DUO \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n QUALITY \u0026 SAFETY CERTIFICATIONS\n COMPACT VERSION\n========================================================= *\/\n\n.abera-cert-section {\n width: 100%;\n max-width: none;\n\n margin: 36px 0;\n padding: 38px 28px;\n\n background: #090909;\n color: #ffffff;\n\n font-family: Arial, Helvetica, sans-serif;\n\n box-sizing: border-box;\n}\n\n.abera-cert-section *,\n.abera-cert-section *::before,\n.abera-cert-section *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-cert-header {\n width: 100%;\n\n margin: 0 auto 26px;\n\n text-align: center;\n}\n\n\n\/* SMALL LABEL *\/\n\n.abera-cert-eyebrow {\n margin: 0 0 8px 0;\n padding: 0;\n\n font-size: 11px;\n line-height: 1.3;\n\n font-weight: 700;\n\n letter-spacing: 1.3px;\n\n text-transform: uppercase;\n\n color: #bdbdbd;\n}\n\n\n\/* MAIN TITLE *\/\n\n.abera-cert-title {\n margin: 0 0 10px 0;\n padding: 0;\n\n font-size: 28px;\n line-height: 1.15;\n\n font-weight: 700;\n\n letter-spacing: -0.3px;\n\n color: #ffffff;\n}\n\n\n\/* SUBTITLE *\/\n\n.abera-cert-subtitle {\n max-width: 720px;\n\n margin: 0 auto;\n padding: 0;\n\n font-size: 14px;\n line-height: 1.5;\n\n font-weight: 400;\n\n color: #bdbdbd;\n}\n\n\n\/* =========================================================\n CERTIFICATE GRID\n========================================================= *\/\n\n.abera-cert-grid {\n display: grid;\n\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 18px;\n\n width: 100%;\n max-width: 920px;\n\n margin: 0 auto;\n}\n\n\n\/* =========================================================\n CARD\n========================================================= *\/\n\n.abera-cert-card {\n display: flex;\n flex-direction: column;\n\n width: 100%;\n min-width: 0;\n\n overflow: hidden;\n\n background: #111111;\n\n border: 1px solid #2e2e2e;\n border-radius: 10px;\n\n box-shadow:\n 0 6px 22px rgba(0, 0, 0, 0.22);\n}\n\n\n\/* =========================================================\n CERTIFICATE IMAGE\n========================================================= *\/\n\n.abera-cert-image {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n width: 100%;\n height: 460px;\n\n overflow: hidden;\n\n background: #f4f4f0;\n}\n\n\n.abera-cert-image img {\n display: block;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n padding: 0;\n\n object-fit: contain;\n object-position: center;\n}\n\n\n\/* =========================================================\n CARD FOOTER\n========================================================= *\/\n\n.abera-cert-content {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n min-height: 60px;\n\n padding: 12px 14px;\n\n background: #111111;\n\n border-top: 1px solid #2e2e2e;\n}\n\n\n\/* CARD TITLE *\/\n\n.abera-cert-card-title {\n margin: 0;\n padding: 0;\n\n font-size: 14px;\n line-height: 1.35;\n\n font-weight: 700;\n\n text-align: center;\n\n color: #ffffff;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 1050px) {\n\n .abera-cert-section {\n margin: 32px 0;\n\n padding: 34px 20px;\n }\n\n\n .abera-cert-header {\n margin-bottom: 23px;\n }\n\n\n .abera-cert-title {\n font-size: 25px;\n }\n\n\n .abera-cert-subtitle {\n max-width: 650px;\n\n font-size: 13px;\n }\n\n\n .abera-cert-grid {\n max-width: 760px;\n\n gap: 15px;\n }\n\n\n .abera-cert-image {\n height: 390px;\n }\n\n\n .abera-cert-content {\n min-height: 56px;\n\n padding: 11px 12px;\n }\n\n\n .abera-cert-card-title {\n font-size: 13px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-cert-section {\n width: 100%;\n max-width: none;\n\n margin: 28px 0;\n\n padding: 28px 14px;\n }\n\n\n \/* HEADER *\/\n\n .abera-cert-header {\n margin-bottom: 20px;\n\n text-align: left;\n }\n\n\n .abera-cert-eyebrow {\n margin-bottom: 7px;\n\n font-size: 10px;\n\n letter-spacing: 1.1px;\n }\n\n\n .abera-cert-title {\n margin-bottom: 9px;\n\n font-size: 23px;\n line-height: 1.18;\n }\n\n\n .abera-cert-subtitle {\n max-width: 100%;\n\n margin: 0;\n\n font-size: 13px;\n line-height: 1.5;\n }\n\n\n \/* ONE CARD PER ROW *\/\n\n .abera-cert-grid {\n grid-template-columns: 1fr;\n\n gap: 16px;\n\n width: 100%;\n max-width: 420px;\n\n margin: 0 auto;\n }\n\n\n .abera-cert-card {\n border-radius: 8px;\n }\n\n\n \/* IMAGE *\/\n\n .abera-cert-image {\n width: 100%;\n height: auto;\n\n aspect-ratio: 4 \/ 5;\n }\n\n\n .abera-cert-image img {\n width: 100%;\n height: 100%;\n\n object-fit: contain;\n }\n\n\n \/* FOOTER *\/\n\n .abera-cert-content {\n min-height: 54px;\n\n padding: 11px 12px;\n }\n\n\n .abera-cert-card-title {\n font-size: 13px;\n }\n\n}\n\n\n\/* =========================================================\n SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 390px) {\n\n .abera-cert-section {\n padding: 25px 12px;\n }\n\n\n .abera-cert-title {\n font-size: 21px;\n }\n\n\n .abera-cert-subtitle {\n font-size: 12px;\n }\n\n\n .abera-cert-grid {\n gap: 14px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003c!-- =========================================================\n QUALITY \u0026 SAFETY CERTIFICATIONS\n========================================================= --\u003e\n\n\u003csection class=\"abera-cert-section\"\u003e\n\n\n \u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-cert-header\"\u003e\n\n\n \u003cp class=\"abera-cert-eyebrow\"\u003e\n QUALITY \u0026amp; SAFETY DOCUMENTATION\n \u003c\/p\u003e\n\n\n \u003ch2 class=\"abera-cert-title\"\u003e\n GLOBAL QUALITY \u0026amp; SAFETY CERTIFICATIONS.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"abera-cert-subtitle\"\u003e\n Supporting product and manufacturing documentation,\n displayed clearly for greater transparency.\n \u003c\/p\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n CERTIFICATE GRID\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-cert-grid\"\u003e\n\n\n \u003c!-- =================================================\n CERTIFICATE 1\n ================================================== --\u003e\n\n \u003carticle class=\"abera-cert-card\"\u003e\n\n\n \u003cdiv class=\"abera-cert-image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA_2.jpg?v=1786441227\" alt=\"Product and safety documentation certificate\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-cert-content\"\u003e\n\n \u003ch3 class=\"abera-cert-card-title\"\u003e\n Product \u0026amp; Safety Documentation\n \u003c\/h3\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n CERTIFICATE 2\n ================================================== --\u003e\n\n \u003carticle class=\"abera-cert-card\"\u003e\n\n\n \u003cdiv class=\"abera-cert-image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA.jpg?v=1786441226\" alt=\"Manufacturing and quality standards certificate\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-cert-content\"\u003e\n\n \u003ch3 class=\"abera-cert-card-title\"\u003e\n Manufacturing \u0026amp; Quality Standards\n \u003c\/h3\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n \u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL - FINAL MESSAGE SECTION\n========================================================= *\/\n\n.abera-final-message {\n width: 100%;\n padding: 90px 20px;\n background: #ffffff;\n color: #111111;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.abera-final-message *,\n.abera-final-message *::before,\n.abera-final-message *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n CONTAINER\n========================================================= *\/\n\n.abera-final-message__container {\n width: 100%;\n max-width: 1180px;\n margin: 0 auto;\n}\n\n\n\/* =========================================================\n CONTENT\n========================================================= *\/\n\n.abera-final-message__content {\n max-width: 1050px;\n margin: 0 auto;\n text-align: center;\n}\n\n\n\/* =========================================================\n EYEBROW\n========================================================= *\/\n\n.abera-final-message__eyebrow {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n\n margin-bottom: 28px;\n\n color: #111111;\n\n font-size: 11px;\n line-height: 100%;\n font-weight: 600;\n\n letter-spacing: 2.3px;\n text-transform: uppercase;\n}\n\n.abera-final-message__eyebrow::before {\n content: \"\";\n\n width: 30px;\n height: 2px;\n\n background: #111111;\n}\n\n\n\/* =========================================================\n MAIN TITLE\n========================================================= *\/\n\n.abera-final-message__title {\n max-width: none;\n margin: 0 auto;\n\n color: #111111;\n\n font-size: clamp(40px, 6vw, 70px);\n\n line-height: 100%;\n\n font-weight: 700;\n\n letter-spacing: 1px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n DESCRIPTION\n========================================================= *\/\n\n.abera-final-message__description {\n max-width: 710px;\n\n margin: 30px auto 0;\n\n color: #686868;\n\n font-size: 17px;\n\n \/* ĐỘ DÃN HÀNG 100% *\/\n line-height: 100%;\n\n font-weight: 400;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-final-message {\n padding: 75px 24px;\n }\n\n .abera-final-message__title {\n font-size: 57px;\n letter-spacing: -2.8px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-final-message {\n padding: 58px 16px;\n }\n\n\n .abera-final-message__eyebrow {\n margin-bottom: 22px;\n\n gap: 9px;\n\n font-size: 9px;\n\n letter-spacing: 1.8px;\n }\n\n\n .abera-final-message__eyebrow::before {\n width: 23px;\n height: 1.5px;\n }\n\n\n .abera-final-message__title {\n font-size: 39px;\n\n line-height: 100%;\n\n letter-spacing: -1.8px;\n }\n\n\n .abera-final-message__description {\n max-width: 94%;\n\n margin-top: 23px;\n\n font-size: 14px;\n\n line-height: 125%;\n }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-final-message\"\u003e\n\n \u003cdiv class=\"abera-final-message__container\"\u003e\n\n \u003cdiv class=\"abera-final-message__content\"\u003e\n\n\n \u003c!-- EYEBROW --\u003e\n \u003cdiv class=\"abera-final-message__eyebrow\"\u003e\n ABERA MEN RETINOL SERUM\n \u003c\/div\u003e\n\n\n \u003c!-- MAIN TITLE --\u003e\n \u003ch2 class=\"abera-final-message__title\"\u003e\n YOU DON'T NEED TO STOP AGING.\u003cbr\u003e\n JUST TAKE BETTER CARE\u003cbr\u003e\n OF HOW YOU AGE.\n \u003c\/h2\u003e\n\n\n \u003c!-- DESCRIPTION --\u003e\n \u003cp class=\"abera-final-message__description\"\u003e\n 0.1% Retinol + 5% Niacinamide. One simple nightly routine\n for men 30+ who want to look sharper, healthier and better maintained.\n \u003c\/p\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n .abera-faq-section {\n width: 100%;\n max-width: 1000px;\n margin: 32px auto;\n padding: 0;\n font-family: Arial, Helvetica, sans-serif;\n color: #111111;\n background: #ffffff;\n box-sizing: border-box;\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 TITLE\n ========================= *\/\n\n .abera-faq-title {\n margin: 0 0 18px 0;\n padding: 0;\n\n font-size: 20px;\n line-height: 1.3;\n font-weight: 800;\n color: #000000;\n text-transform: uppercase;\n }\n\n \/* =========================\n FAQ LIST\n ========================= *\/\n\n .abera-faq-list {\n width: 100%;\n margin: 0;\n padding: 0;\n\n border-top: 1px solid #dddddd;\n }\n\n \/* =========================\n FAQ ITEM\n ========================= *\/\n\n .abera-faq-item {\n width: 100%;\n margin: 0;\n padding: 0;\n\n background: #ffffff;\n border: none;\n border-bottom: 1px solid #dddddd;\n }\n\n \/* REMOVE DEFAULT ARROW *\/\n .abera-faq-item summary {\n list-style: none;\n }\n\n .abera-faq-item summary::-webkit-details-marker {\n display: none;\n }\n\n \/* =========================\n QUESTION\n ========================= *\/\n\n .abera-faq-question {\n position: relative;\n\n display: block;\n width: 100%;\n\n margin: 0;\n padding: 17px 45px 17px 0;\n\n background: #ffffff;\n color: #111111;\n\n cursor: pointer;\n\n font-size: 16px;\n line-height: 1.4;\n font-weight: 700;\n }\n\n \/* PLUS ICON *\/\n .abera-faq-question::after {\n content: \"+\";\n\n position: absolute;\n right: 4px;\n top: 50%;\n\n transform: translateY(-50%);\n\n font-size: 24px;\n line-height: 1;\n font-weight: 400;\n color: #111111;\n }\n\n \/* MINUS WHEN OPEN *\/\n .abera-faq-item[open] .abera-faq-question::after {\n content: \"−\";\n }\n\n \/* =========================\n ANSWER\n ========================= *\/\n\n .abera-faq-answer {\n width: 100%;\n\n margin: 0;\n padding: 0 42px 18px 0;\n\n background: #ffffff;\n\n font-size: 15px;\n line-height: 1.6;\n font-weight: 400;\n color: #333333;\n }\n\n .abera-faq-answer p {\n margin: 0;\n padding: 0;\n }\n\n .abera-faq-answer strong {\n font-weight: 700;\n color: #111111;\n }\n\n \/* DOSAGE *\/\n .abera-faq-dosage {\n margin-top: 8px;\n }\n\n .abera-faq-dosage div {\n margin: 2px 0;\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 margin: 26px auto;\n }\n\n .abera-faq-title {\n margin-bottom: 15px;\n\n font-size: 18px;\n line-height: 1.35;\n }\n\n .abera-faq-question {\n padding: 15px 38px 15px 0;\n\n font-size: 15px;\n line-height: 1.4;\n }\n\n .abera-faq-question::after {\n right: 2px;\n font-size: 22px;\n }\n\n .abera-faq-answer {\n padding: 0 30px 16px 0;\n\n font-size: 14px;\n line-height: 1.55;\n }\n }\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-faq-section\"\u003e\n\n \u003c!-- TITLE --\u003e\n \u003ch2 class=\"abera-faq-title\"\u003e\n QUESTIONS MEN FREQUENTLY ASKED\n \u003c\/h2\u003e\n\n\n \u003cdiv class=\"abera-faq-list\"\u003e\n\n\n \u003c!-- =========================\n FAQ 1\n ========================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n Who is ABERA MEN Retinol Serum designed for?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n ABERA MEN Retinol Serum is designed for men who want a simple yet\n effective skincare solution to help improve the look of fine lines,\n uneven texture, dullness, and dryness. Formulated with 0.1% retinol\n and skin-supporting ingredients, it is suitable for men looking to\n maintain smoother, healthier, and more refreshed-looking skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c!-- =========================\n FAQ 2\n ========================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n Does ABERA MEN Retinol Serum leave behind a residue?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n ABERA MEN Retinol Serum has a lightweight texture that absorbs easily\n into the skin. It is designed to leave skin feeling comfortable and\n hydrated without a heavy, greasy, or sticky residue, making it easy\n to add to your daily skincare routine.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c!-- =========================\n FAQ 3\n ========================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n When should I start seeing results from using ABERA MEN Retinol Serum?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n Results may vary depending on your skin type and consistency of use,\n but many users begin to notice visible improvements in skin texture,\n hydration, and overall appearance within a few weeks. With regular\n use over time, skin can appear smoother, firmer, and more revitalized.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c!-- =========================\n FAQ 4\n ========================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n How much should I use?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n Depending on your skin type, you may need to use more or less:\n \u003c\/p\u003e\n\n \u003cdiv class=\"abera-faq-dosage\"\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eDry:\u003c\/strong\u003e 7–10 drops\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eNormal:\u003c\/strong\u003e 6–8 drops\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eOily:\u003c\/strong\u003e 3–5 drops\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c!-- =========================\n FAQ 5\n ========================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n Do I need to use any other skincare products?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n If you have dry skin or live in a dry or harsh climate, you can apply\n a moisturizer after the serum to help maintain hydration. For best\n results, use ABERA MEN Retinol Serum in the morning and night.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c!-- =========================\n FAQ 6\n ========================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n I have allergies - is this safe?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n If you have known allergies, it's always best practice to double-check\n the ingredients tab on the specific product you want. Alternatively,\n test on a small area for one hour before applying to the entire face.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c!-- =========================\n FAQ 7\n ========================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n How long will it take for my order to arrive?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n Orders ship within \u003cstrong\u003e3–6 business days\u003c\/strong\u003e from our USA\n warehouse. Tracking is provided on all orders.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e","brand":"Abera","offers":[{"title":"1 Bottle l SAVE 50%","offer_id":54075669086576,"sku":"CB-RETINOLTH069+SL1","price":20.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":36.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":51.0,"currency_code":"USD","in_stock":true},{"title":"Set Face + Body Duo","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":"Acne Body Wash For Men","description":"\u003csection style=\"background: #f9fafb; padding: 0 20px 48px; font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\" class=\"product-section abera-bodywash\"\u003e\u003c!-- Heading --\u003e\n\u003cdiv style=\"max-width: 1100px; margin: 0 auto; text-align: center;\"\u003e\n\u003ch2 style=\"color: #ff6a00; font-size: 28px; line-height: 1.2; margin: 0 0 12px; font-weight: 800; letter-spacing: .5px;\"\u003eABERA \u003cspan style=\"color: rgb(0, 0, 0);\"\u003eACNE BODY\u003c\/span\u003e WASH\u003c\/h2\u003e\n\u003cp style=\"color: #444; font-size: 16px; margin: 0 auto 28px; max-width: 760px;\"\u003eA \u003cstrong\u003epowerful yet gentle cleanser\u003c\/strong\u003e designed for acne-prone and active skin. \u003cstrong\u003eWorkouts cause sweat, heat, and friction\u003c\/strong\u003e that can trap oil and bacteria on your back and chest—leading to breakouts. Featuring \u003cstrong\u003e5% Lactic Acid\u003c\/strong\u003e to exfoliate and unclog pores, \u003cstrong\u003eNiacinamide\u003c\/strong\u003e to brighten and even tone, and \u003cstrong\u003eSuccinic Acid + Witch Hazel\u003c\/strong\u003e to help balance sebum and reduce post-workout breakouts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 3 Benefit Cards --\u003e\n\u003cdiv style=\"max-width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 22px; justify-content: center;\"\u003e\n\u003c!-- Card 1 --\u003e\n\u003cdiv style=\"flex: 1 1 300px; background: #fff; border-radius: 14px; padding: 16px; box-shadow: 0 6px 18px rgba(0,0,0,.06);\"\u003e\n\u003cimg style=\"width: 100%; border-radius: 12px; display: block;\" alt=\"Clears body and back acne\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/f0dab96a4fb8e9e83979e64e49d0d15c.webp?v=1760580178\"\u003e\n\u003ch3 style=\"margin: 14px 0px 6px; color: rgb(255, 106, 0); font-size: 18px; text-align: center;\"\u003eClears body \u0026amp; back acne\u003c\/h3\u003e\n\u003cp style=\"margin: 0px; color: rgb(68, 68, 68); font-size: 15px; text-align: center;\"\u003eAHA gently exfoliates and decongests pores on back, chest, and shoulders to reduce breakouts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Card 2 --\u003e\n\u003cdiv style=\"flex: 1 1 300px; background: #fff; border-radius: 14px; padding: 16px; box-shadow: 0 6px 18px rgba(0,0,0,.06);\"\u003e\n\u003cimg style=\"width: 100%; border-radius: 12px; display: block;\" alt=\"Niacinamide smooths and evens skin tone\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/unnamed_3072x3072_f0db827c-27c9-4ab5-b691-bd0deaf866a5.webp?v=1760580677\"\u003e\n\u003ch3 style=\"margin: 14px 0px 6px; color: rgb(255, 106, 0); font-size: 18px; text-align: center;\"\u003eSmoother, more even-looking skin\u003c\/h3\u003e\n\u003cp style=\"margin: 0px; color: rgb(68, 68, 68); font-size: 15px; text-align: center;\"\u003eNiacinamide helps fade post-acne marks and supports a stronger skin barrier for a clearer look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Card 3 --\u003e\n\u003cdiv style=\"flex: 1 1 300px; background: #fff; border-radius: 14px; padding: 16px; box-shadow: 0 6px 18px rgba(0,0,0,.06);\"\u003e\n\u003cimg style=\"width: 100%; border-radius: 12px; display: block;\" alt=\"Controls oil and helps prevent post-workout breakouts\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/232259f25e7c921f35b74b26f5df4de2.webp?v=1760580266\"\u003e\n\u003ch3 style=\"margin: 14px 0px 6px; color: rgb(255, 106, 0); font-size: 18px; text-align: center;\"\u003eControls oil \u0026amp; helps prevent post-workout breakouts\u003c\/h3\u003e\n\u003cp style=\"margin: 0px; color: rgb(68, 68, 68); font-size: 15px; text-align: center;\"\u003eSuccinic Acid + Witch Hazel help balance sebum and calm skin after sweat, heat, and friction from training or tight gear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Pro Tips --\u003e\n\u003cdiv style=\"max-width: 700px; margin: 34px auto 0; background: #fff; border-radius: 16px; padding: 20px; box-shadow: 0 10px 24px rgba(0,0,0,.06);\"\u003e\n\u003ch3 style=\"color: #ff6a00; font-size: 20px; margin: 0 0 10px; text-align: center;\"\u003ePro Tips for Men\u003c\/h3\u003e\n\u003cul style=\"margin: 0; padding-left: 20px; color: #444; font-size: 15px;\"\u003e\n\u003cli\u003eRight after workouts, lather on sweaty areas (back\/chest\/shoulders) and let sit 60–90s before rinsing.\u003c\/li\u003e\n\u003cli\u003eUse daily; pair with a light body lotion if skin feels dry.\u003c\/li\u003e\n\u003cli\u003eUse an exfoliating cloth 2–3\/week (don’t scrub irritated skin).\u003c\/li\u003e\n\u003cli\u003eFor dark spots, be consistent and wear sunscreen on exposed areas.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Trust Chips --\u003e\n\u003cdiv style=\"max-width: 1100px; margin: 28px auto 0; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: center;\"\u003e\n\u003cspan style=\"background: #fff3e6; color: #ff6a00; padding: 8px 12px; border-radius: 999px; font-size: 13px; border: 1px solid #ffead6;\"\u003eAHA\u003c\/span\u003e \u003cspan style=\"background: #fff3e6; color: #ff6a00; padding: 8px 12px; border-radius: 999px; font-size: 13px; border: 1px solid #ffead6;\"\u003eNiacinamide\u003c\/span\u003e \u003cspan style=\"background: #fff3e6; color: #ff6a00; padding: 8px 12px; border-radius: 999px; font-size: 13px; border: 1px solid #ffead6;\"\u003eBHA • Witch Hazel\u003c\/span\u003e \u003cspan style=\"background: #fff3e6; color: #ff6a00; padding: 8px 12px; border-radius: 999px; font-size: 13px; border: 1px solid #ffead6;\"\u003ePost-workout friendly\u003c\/span\u003e \u003cspan style=\"background: #fff3e6; color: #ff6a00; padding: 8px 12px; border-radius: 999px; font-size: 13px; border: 1px solid #ffead6;\"\u003epH-balanced\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv style=\"max-width: 1100px; margin: 28px auto 0; text-align: center;\"\u003e\n\u003ca style=\"display: inline-block; background: #ff6a00; color: #fff; padding: 12px 22px; border-radius: 12px; text-decoration: none; font-weight: bold;\" href=\"#add-to-cart\"\u003eAdd to Cart — Clear Your Back\u003c\/a\u003e\n\u003cp style=\"font-size: 12px; color: #667; margin-top: 8px;\"\u003eSize: 350 ml • Daily use\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n \/* CTA hover *\/\n .abera-bodywash a[href=\"#add-to-cart\"]:hover { filter:brightness(.95); }\n\n \/* Responsive *\/\n @media (max-width:768px){\n .abera-bodywash div[style*=\"flex: 1 1 300px\"]{ flex:1 1 100% !important; }\n .abera-bodywash h2{ font-size:22px !important; }\n .abera-bodywash p, .abera-bodywash li{ font-size:14px !important; }\n .abera-bodywash a{ width:100% !important; }\n }\n\u003c\/style\u003e","brand":"ABERA US","offers":[{"title":"Set 1","offer_id":52678300795248,"sku":"CB-USASTABM+SL1","price":42.0,"currency_code":"USD","in_stock":true},{"title":"Set 2","offer_id":52678300828016,"sku":"CB-USASTABM+SL2","price":79.0,"currency_code":"USD","in_stock":true},{"title":"Set 3","offer_id":52678300860784,"sku":"CB-USASTABM+SL3","price":108.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh.png?v=1763082780"},{"product_id":"folliculitis-shower-gel","title":"ABERA Folliculitis Body Wash For Men \u0026 Women","description":"\u003c!-- ============================================================\nABERA FOLLICULITIS TREATMENT BODY WASH\nFULL SHOPIFY CUSTOM LIQUID V6\n\nUPDATE:\n- Fixed senior doctor background in BRAND section\n- Foreground information carousel\n- Added 3 IMAGE-ONLY lifestyle cards\n- Important benefits remain visible\n- Results now use 4 complete before\/after image cards\n- Each result card uses one combined before\/after image\n- Proof\/examples use carousel on mobile\n============================================================ --\u003e\n\n\u003cstyle\u003e\n\n\/* =========================\nGLOBAL\n========================= *\/\n\n#abf-page{\n --treatment-dark:#10261C;\n --treatment-dark-2:#163126;\n --forest:#1C4932;\n --forest-light:#286144;\n --bitter-green:#87B93C;\n --active-lime:#CDEB78;\n --clinical-cream:#F5F2E8;\n --clinical-green:#E9F0E4;\n --soft:#F4F6F3;\n --white:#FFFFFF;\n --charcoal:#111512;\n --text:#151915;\n --muted:#626A64;\n --line:#DCE3DD;\n\n font-family:Arial,Helvetica,sans-serif;\n color:var(--text);\n background:#fff;\n overflow:hidden;\n}\n\n#abf-page *{\n box-sizing:border-box;\n}\n\n#abf-page img{\n display:block;\n width:100%;\n}\n\n#abf-page .abf-wrap{\n width:min(1180px,calc(100% - 40px));\n margin:0 auto;\n}\n\n#abf-page .abf-section{\n padding:72px 0;\n}\n\n#abf-page .abf-center{\n text-align:center;\n}\n\n#abf-page .abf-eyebrow{\n display:inline-block;\n margin-bottom:12px;\n color:var(--forest);\n font-size:12px;\n font-weight:900;\n letter-spacing:1.5px;\n text-transform:uppercase;\n}\n\n#abf-page h2{\n margin:0;\n font-size:clamp(30px,4vw,52px);\n line-height:1.04;\n letter-spacing:-1.5px;\n font-weight:900;\n overflow-wrap:break-word;\n}\n\n#abf-page h3{\n margin:0;\n font-size:20px;\n line-height:1.18;\n font-weight:900;\n}\n\n#abf-page p{\n margin:12px 0 0;\n font-size:16px;\n line-height:1.6;\n}\n\n#abf-page .abf-sub{\n max-width:720px;\n margin:16px auto 0;\n color:var(--muted);\n}\n\n#abf-page .abf-two{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:55px;\n align-items:center;\n}\n\n#abf-page .abf-main-img{\n overflow:hidden;\n border-radius:22px;\n background:#ddd;\n}\n\n#abf-page .abf-main-img img{\n width:100%;\n aspect-ratio:1\/1;\n object-fit:cover;\n}\n\n\n\/* =========================\nBUTTON\n========================= *\/\n\n#abf-page .abf-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n\n min-height:54px;\n padding:0 28px;\n margin-top:25px;\n\n border:0;\n border-radius:8px;\n\n background:var(--charcoal);\n color:#fff!important;\n\n text-decoration:none;\n font-size:15px;\n font-weight:900;\n\n transition:.2s ease;\n}\n\n#abf-page .abf-btn:hover{\n transform:translateY(-2px);\n opacity:.94;\n}\n\n#abf-page .abf-note{\n margin-top:11px;\n color:#777;\n font-size:12px;\n}\n\n\n\/* =========================\nGENERIC CAROUSEL\n========================= *\/\n\n#abf-page .abf-track{\n display:grid;\n gap:16px;\n}\n\n#abf-page .abf-grid-3{\n grid-template-columns:repeat(3,1fr);\n}\n\n#abf-page .abf-grid-4{\n grid-template-columns:repeat(4,1fr);\n}\n\n#abf-page .abf-grid-5{\n grid-template-columns:repeat(5,1fr);\n}\n\n#abf-page .abf-grid-6{\n grid-template-columns:repeat(6,1fr);\n}\n\n#abf-page .abf-dots{\n display:none;\n justify-content:center;\n gap:7px;\n margin-top:18px;\n}\n\n#abf-page .abf-dot{\n appearance:none;\n width:7px;\n height:7px;\n padding:0;\n border:0;\n border-radius:50%;\n background:#C6CEC8;\n cursor:pointer;\n}\n\n#abf-page .abf-dot.active{\n width:22px;\n border-radius:20px;\n background:var(--forest);\n}\n\n\n\/* ============================================================\n01 — TREATMENT SECTION\n============================================================ *\/\n\n#abf-page .abf-treatment{\n padding:62px 0 68px;\n background:var(--treatment-dark);\n color:#fff;\n}\n\n#abf-page .abf-treatment .abf-eyebrow{\n color:var(--active-lime);\n}\n\n#abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n max-width:920px;\n margin:0 auto;\n}\n\n#abf-page .abf-treatment .abf-sub{\n max-width:720px;\n color:#D3DED6;\n}\n\n\n\/* ============================================================\nFROM THE BRAND\nFIXED BACKGROUND + OVERLAY CAROUSEL\n============================================================ *\/\n\n#abf-page .abf-brand-stage{\n position:relative;\n\n max-width:1120px;\n min-height:630px;\n\n margin:35px auto 34px;\n\n overflow:hidden;\n\n border:1px solid rgba(255,255,255,.12);\n border-radius:26px;\n\n background:#DCE8D3;\n}\n\n\n\/* FIXED BACKGROUND *\/\n\n#abf-page .abf-brand-bg{\n position:absolute;\n inset:0;\n z-index:1;\n}\n\n#abf-page .abf-brand-bg img{\n width:100%;\n height:100%;\n object-fit:cover;\n object-position:left center;\n}\n\n#abf-page .abf-brand-bg:after{\n content:\"\";\n position:absolute;\n inset:0;\n\n background:\n linear-gradient(\n 90deg,\n rgba(16,38,28,.02) 0%,\n rgba(16,38,28,.04) 38%,\n rgba(16,38,28,.13) 70%,\n rgba(16,38,28,.20) 100%\n );\n}\n\n\n\/* TOP LABEL *\/\n\n#abf-page .abf-brand-top{\n position:relative;\n z-index:4;\n\n display:flex;\n justify-content:space-between;\n align-items:center;\n\n padding:22px 24px 0;\n}\n\n#abf-page .abf-brand-top span{\n color:var(--active-lime);\n font-size:11px;\n font-weight:900;\n letter-spacing:1.5px;\n text-transform:uppercase;\n}\n\n#abf-page .abf-brand-top small{\n color:rgba(255,255,255,.82);\n font-size:11px;\n font-weight:700;\n}\n\n\n\/* OVERLAY AREA *\/\n\n#abf-page .abf-brand-overlay-zone{\n position:relative;\n z-index:3;\n\n width:68%;\n\n margin-left:auto;\n\n padding:112px 22px 28px 0;\n}\n\n#abf-page .abf-brand-viewport{\n position:relative;\n}\n\n#abf-page .abf-brand-track{\n display:flex;\n align-items:stretch;\n gap:14px;\n\n overflow-x:auto;\n\n scroll-snap-type:x mandatory;\n scroll-behavior:smooth;\n\n padding:0 2px 8px;\n\n scrollbar-width:none;\n -ms-overflow-style:none;\n}\n\n#abf-page .abf-brand-track::-webkit-scrollbar{\n display:none;\n}\n\n\n\/* INFORMATION CARDS *\/\n\n#abf-page .abf-brand-card{\n flex:0 0 320px;\n\n min-height:430px;\n\n overflow:hidden;\n\n border:1px solid rgba(17,21,18,.07);\n border-radius:18px;\n\n background:#EEF3E8;\n\n box-shadow:0 14px 38px rgba(0,0,0,.12);\n\n scroll-snap-align:start;\n}\n\n#abf-page .abf-brand-card.is-white{\n background:#fff;\n}\n\n#abf-page .abf-brand-card.is-green{\n background:#E3ECD8;\n}\n\n#abf-page .abf-brand-card-media{\n width:100%;\n aspect-ratio:4\/3;\n overflow:hidden;\n background:#DDE7D7;\n}\n\n#abf-page .abf-brand-card-media img{\n width:100%;\n height:100%;\n object-fit:cover;\n}\n\n#abf-page .abf-brand-card-copy{\n padding:18px 19px 21px;\n text-align:left;\n}\n\n#abf-page .abf-brand-card-copy h3{\n color:#173B2B;\n font-size:16px;\n line-height:1.08;\n letter-spacing:-.25px;\n text-transform:uppercase;\n}\n\n#abf-page .abf-brand-card-copy p{\n margin-top:9px;\n color:#506056;\n font-size:12.5px;\n line-height:1.48;\n}\n\n#abf-page .abf-brand-card-copy p strong{\n color:#173B2B;\n font-size:1.15em;\n font-weight:900;\n}\n\n#abf-page .abf-brand-mini{\n display:flex;\n flex-wrap:wrap;\n gap:6px;\n margin-top:14px;\n}\n\n#abf-page .abf-brand-mini span{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n\n min-height:26px;\n\n padding:0 9px;\n\n border:1px solid rgba(23,59,43,.12);\n border-radius:999px;\n\n background:rgba(255,255,255,.82);\n\n color:#244734;\n\n font-size:9.5px;\n font-weight:800;\n}\n\n\n\/* ============================================================\nIMAGE-ONLY LIFESTYLE CARDS\nNEW — 3 FRAMES\n============================================================ *\/\n\n#abf-page .abf-brand-photo-card{\n position:relative;\n\n flex:0 0 320px;\n\n height:auto;\n min-height:430px;\n\n overflow:hidden;\n\n border:1px solid rgba(17,21,18,.07);\n border-radius:18px;\n\n background:#DCE5D8;\n\n box-shadow:0 14px 38px rgba(0,0,0,.12);\n\n scroll-snap-align:start;\n}\n\n#abf-page .abf-brand-photo-card img{\n position:absolute;\n inset:0;\n width:100%;\n height:100%;\n object-fit:cover;\n}\n\n#abf-page .abf-brand-photo-card:after{\n content:\"\";\n\n position:absolute;\n inset:0;\n\n pointer-events:none;\n\n box-shadow:\n inset 0 0 0 1px rgba(255,255,255,.12);\n}\n\n\n\/* BRAND ARROWS *\/\n\n#abf-page .abf-brand-arrow{\n position:absolute;\n top:50%;\n z-index:6;\n\n display:flex;\n align-items:center;\n justify-content:center;\n\n width:44px;\n height:44px;\n\n border:0;\n border-radius:50%;\n\n background:#fff;\n color:#173B2B;\n\n box-shadow:0 6px 22px rgba(0,0,0,.16);\n\n cursor:pointer;\n\n transform:translateY(-50%);\n}\n\n#abf-page .abf-brand-prev{\n left:-21px;\n}\n\n#abf-page .abf-brand-next{\n right:-21px;\n}\n\n#abf-page .abf-brand-arrow:hover{\n background:var(--active-lime);\n}\n\n\n\/* BRAND DOTS *\/\n\n#abf-page .abf-brand-dots{\n display:flex;\n justify-content:center;\n gap:7px;\n margin-top:15px;\n}\n\n#abf-page .abf-brand-dot{\n width:7px;\n height:7px;\n padding:0;\n\n border:0;\n border-radius:99px;\n\n background:rgba(255,255,255,.45);\n\n cursor:pointer;\n}\n\n#abf-page .abf-brand-dot.active{\n width:24px;\n background:var(--active-lime);\n}\n\n\n\/* ============================================================\n5 TREATMENT CLAIMS\n============================================================ *\/\n\n#abf-page .abf-claims-grid{\n display:grid;\n grid-template-columns:repeat(5,1fr);\n gap:13px;\n margin-top:30px;\n}\n\n#abf-page .abf-claim{\n min-height:150px;\n padding:19px 16px;\n\n border:1px solid rgba(255,255,255,.15);\n border-radius:16px;\n\n background:rgba(255,255,255,.035);\n\n text-align:left;\n}\n\n#abf-page .abf-num{\n display:flex;\n align-items:center;\n justify-content:center;\n\n width:34px;\n height:34px;\n\n margin-bottom:17px;\n\n border-radius:50%;\n\n background:var(--active-lime);\n color:var(--treatment-dark);\n\n font-size:11px;\n font-weight:900;\n}\n\n#abf-page .abf-claim h3{\n color:#fff;\n font-size:14px;\n text-transform:uppercase;\n}\n\n#abf-page .abf-claim p{\n margin-top:7px;\n color:#C9D4CC;\n font-size:12px;\n line-height:1.48;\n}\n\n#abf-page .abf-brand-transition{\n margin:22px auto 0;\n padding:0;\n background:transparent;\n color:var(--active-lime);\n font-size:12px;\n line-height:1.5;\n font-weight:900;\n letter-spacing:.55px;\n}\n\n#abf-page .abf-treatment .abf-btn{\n background:var(--active-lime);\n color:var(--treatment-dark)!important;\n}\n\n\n\/* ============================================================\n02 — WILD BITTER MELON HERO\n============================================================ *\/\n\n#abf-page .abf-wbm{\n background:var(--clinical-cream);\n}\n\n#abf-page .abf-big-copy h2{\n max-width:610px;\n}\n\n#abf-page .abf-big-copy \u003e p{\n max-width:610px;\n color:#494F4A;\n}\n\n#abf-page .abf-wbm-benefits{\n display:grid;\n grid-template-columns:repeat(2,1fr);\n gap:12px;\n margin-top:25px;\n}\n\n#abf-page .abf-benefit{\n min-height:136px;\n padding:19px;\n\n border:1px solid rgba(28,73,50,.09);\n border-radius:14px;\n\n background:#fff;\n}\n\n#abf-page .abf-benefit strong{\n display:block;\n margin-bottom:8px;\n\n color:var(--treatment-dark);\n\n font-size:13px;\n font-weight:900;\n\n text-transform:uppercase;\n}\n\n#abf-page .abf-benefit p{\n margin:0;\n color:#5E665F;\n font-size:13px;\n line-height:1.5;\n}\n\n\n\/* ============================================================\n03 — WILD BITTER MELON STORY\n============================================================ *\/\n\n#abf-page .abf-story{\n background:var(--forest);\n color:#fff;\n}\n\n#abf-page .abf-story .abf-two{\n grid-template-columns:1.05fr .95fr;\n}\n\n#abf-page .abf-story .abf-eyebrow{\n color:var(--active-lime);\n}\n\n#abf-page .abf-story p{\n max-width:570px;\n color:#DCE7E0;\n}\n\n#abf-page .abf-story-sign{\n margin-top:22px;\n padding-top:18px;\n\n border-top:1px solid rgba(255,255,255,.18);\n\n color:#fff!important;\n\n font-weight:900;\n}\n\n\n\/* ============================================================\n04 — RESULTS\n4 COMPLETE BEFORE \/ AFTER CARDS\nONE IMAGE FILE PER CARD\n============================================================ *\/\n\n#abf-page .abf-results{\n background:#fff;\n}\n\n#abf-page .abf-results-track{\n margin-top:32px;\n}\n\n#abf-page .abf-result-card{\n overflow:hidden;\n\n border:1px solid #E0E5E1;\n border-radius:18px;\n\n background:#fff;\n\n box-shadow:0 4px 16px rgba(16,38,28,.04);\n}\n\n\/* ONE COMPLETE IMAGE CONTAINING BOTH BEFORE + AFTER *\/\n#abf-page .abf-result-image{\n overflow:hidden;\n width:100%;\n background:#ECEFED;\n}\n\n#abf-page .abf-result-image img{\n display:block;\n width:100%;\n aspect-ratio:4\/5;\n object-fit:cover;\n transition:transform .35s ease;\n}\n\n#abf-page .abf-result-card:hover .abf-result-image img{\n transform:scale(1.015);\n}\n\n\/* COPY UNDER EACH COMPLETE BEFORE \/ AFTER IMAGE *\/\n#abf-page .abf-result-copy{\n min-height:154px;\n padding:18px 17px 20px;\n background:#fff;\n text-align:center;\n}\n\n#abf-page .abf-result-tag{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n min-height:25px;\n margin-bottom:10px;\n padding:0 9px;\n border-radius:999px;\n background:var(--clinical-green);\n color:var(--forest);\n font-size:9px;\n font-weight:900;\n letter-spacing:.6px;\n text-transform:uppercase;\n}\n\n#abf-page .abf-result-copy h3{\n margin:0;\n color:var(--treatment-dark);\n font-size:16px;\n line-height:1.18;\n font-weight:900;\n text-transform:uppercase;\n}\n\n#abf-page .abf-result-copy p{\n margin:9px 0 0;\n color:#58615A;\n font-size:12.5px;\n line-height:1.5;\n}\n\n\n\/* ============================================================\n05 — PROBLEMS\n============================================================ *\/\n\n#abf-page .abf-problems{\n background:var(--soft);\n}\n\n#abf-page .abf-problem-track{\n margin-top:32px;\n}\n\n#abf-page .abf-problem{\n overflow:hidden;\n border-radius:18px;\n background:#fff;\n}\n\n#abf-page .abf-problem img{\n aspect-ratio:4\/3;\n object-fit:cover;\n}\n\n#abf-page .abf-card-copy{\n padding:18px;\n}\n\n#abf-page .abf-card-copy p{\n margin-top:7px;\n color:#626A64;\n font-size:13px;\n}\n\n\n\/* ============================================================\n06 — MECHANISM\n============================================================ *\/\n\n#abf-page .abf-mechanism{\n background:#fff;\n}\n\n#abf-page .abf-mechanism-visual{\n max-width:900px;\n margin:32px auto 0;\n}\n\n#abf-page .abf-mechanism-visual img{\n width:100%;\n\n border:1px solid var(--line);\n border-radius:20px;\n\n background:var(--clinical-green);\n}\n\n#abf-page .abf-mechanism-caption{\n margin-top:12px;\n\n color:var(--forest);\n\n text-align:center;\n\n font-size:13px;\n font-weight:900;\n}\n\n#abf-page .abf-mech-grid{\n display:grid;\n grid-template-columns:repeat(5,1fr);\n gap:14px;\n margin-top:30px;\n}\n\n#abf-page .abf-mech{\n min-height:118px;\n padding:16px;\n\n border:1px solid var(--line);\n border-radius:16px;\n}\n\n#abf-page .abf-step{\n display:inline-flex;\n\n margin-bottom:10px;\n padding:5px 8px;\n\n border-radius:5px;\n\n background:var(--clinical-green);\n color:var(--forest);\n\n font-size:10px;\n font-weight:900;\n}\n\n#abf-page .abf-mech p{\n color:#626A64;\n font-size:13px;\n}\n\n\n\/* ============================================================\n07 — INGREDIENTS\n============================================================ *\/\n\n#abf-page .abf-ingredients{\n background:var(--treatment-dark);\n color:#fff;\n}\n\n#abf-page .abf-ingredients .abf-eyebrow{\n color:var(--active-lime);\n}\n\n#abf-page .abf-ingredients .abf-sub{\n color:#C7D3CB;\n}\n\n#abf-page .abf-ing-grid{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:15px;\n margin-top:26px;\n}\n\n#abf-page .abf-ing{\n overflow:hidden;\n\n border:1px solid rgba(255,255,255,.13);\n border-radius:17px;\n\n background:rgba(255,255,255,.05);\n}\n\n#abf-page .abf-ing:first-child{\n border:1px solid var(--bitter-green);\n}\n\n#abf-page .abf-ing img{\n aspect-ratio:4\/3;\n object-fit:cover;\n}\n\n#abf-page .abf-ing h3{\n color:#fff;\n}\n\n#abf-page .abf-ing p{\n color:#C8D2CB;\n}\n\n\n\/* ============================================================\n08 — EXPERT\n============================================================ *\/\n\n#abf-page .abf-expert{\n background:var(--clinical-green);\n}\n\n#abf-page .abf-video-box{\n overflow:hidden;\n border-radius:22px;\n background:#000;\n}\n\n#abf-page .abf-video-box video{\n display:block;\n width:100%;\n aspect-ratio:16\/9;\n background:#000;\n}\n\n#abf-page .abf-checks{\n margin:22px 0 0;\n padding:0;\n list-style:none;\n}\n\n#abf-page .abf-checks li{\n position:relative;\n margin:12px 0;\n padding-left:28px;\n font-size:14px;\n font-weight:800;\n}\n\n#abf-page .abf-checks li:before{\n content:\"✓\";\n\n position:absolute;\n left:0;\n top:0;\n\n width:19px;\n height:19px;\n\n border-radius:50%;\n\n background:var(--forest);\n color:#fff;\n\n text-align:center;\n line-height:19px;\n\n font-size:11px;\n}\n\n\n#abf-page .abf-expert-checks{\n margin-top:18px;\n}\n\n#abf-page .abf-expert-checks li{\n margin:10px 0;\n padding-left:29px;\n font-weight:400;\n}\n\n#abf-page .abf-expert-checks li strong{\n display:block;\n color:var(--treatment-dark);\n font-size:13px;\n line-height:1.3;\n font-weight:900;\n}\n\n#abf-page .abf-expert-checks li span{\n display:block;\n margin-top:2px;\n color:#556159;\n font-size:12.5px;\n line-height:1.45;\n}\n\n\n\/* ============================================================\n09 — ZONES\n============================================================ *\/\n\n#abf-page .abf-zones{\n background:#fff;\n}\n\n#abf-page .abf-zone-track{\n margin-top:30px;\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:16px;\n}\n\n#abf-page .abf-zone{\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n\n min-width:0;\n padding:18px 16px;\n\n border:1px solid var(--line);\n border-radius:18px;\n\n background:#fff;\n\n text-align:center;\n}\n\n#abf-page .abf-zone-media{\n display:flex;\n align-items:center;\n justify-content:center;\n\n width:86px;\n height:86px;\n margin-bottom:10px;\n\n border:1px solid #E4ECE5;\n border-radius:18px;\n background:#F7FAF7;\n overflow:hidden;\n}\n\n#abf-page .abf-zone-media img{\n width:100%;\n height:100%;\n object-fit:contain;\n}\n\n#abf-page .abf-zone strong{\n display:block;\n color:var(--forest);\n font-size:16px;\n line-height:1.15;\n}\n\n#abf-page .abf-zone span{\n display:block;\n margin-top:6px;\n color:#747B75;\n font-size:12px;\n line-height:1.4;\n}\n\n\n\/* ============================================================\n10 — HOW TO USE\n============================================================ *\/\n\n#abf-page .abf-use{\n background:var(--clinical-cream);\n}\n\n#abf-page .abf-use-grid{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:14px;\n margin-top:32px;\n}\n\n#abf-page .abf-use-card{\n min-height:165px;\n padding:23px;\n border-radius:15px;\n background:#fff;\n}\n\n#abf-page .abf-use-card .abf-num{\n background:var(--forest);\n color:#fff;\n}\n\n\n\/* ============================================================\n10B — PERFECT DUO BUNDLE\nBUY 2 BODY WASHES + GET 1 BHA BACK ACNE SPRAY FREE\n============================================================ *\/\n\n#abf-page .abf-duo{\n background:#EEF4E8;\n}\n\n#abf-page .abf-duo-box{\n display:grid;\n grid-template-columns:1fr 1fr;\n align-items:stretch;\n overflow:hidden;\n border:1px solid #D7E2D4;\n border-radius:22px;\n background:#fff;\n box-shadow:0 8px 24px rgba(16,38,28,.06);\n}\n\n#abf-page .abf-duo-media{\n position:relative;\n min-height:430px;\n overflow:hidden;\n background:#E5EEDC;\n}\n\n#abf-page .abf-duo-media img{\n width:100%;\n height:100%;\n object-fit:cover;\n}\n\n#abf-page .abf-duo-free-badge{\n position:absolute;\n left:18px;\n bottom:18px;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n min-height:34px;\n padding:0 14px;\n border-radius:999px;\n background:#D72828;\n color:#fff;\n font-size:11px;\n font-weight:900;\n letter-spacing:.5px;\n text-transform:uppercase;\n box-shadow:0 5px 14px rgba(0,0,0,.16);\n}\n\n#abf-page .abf-duo-copy{\n display:flex;\n flex-direction:column;\n justify-content:center;\n padding:42px 44px;\n}\n\n#abf-page .abf-duo-kicker{\n display:inline-flex;\n align-items:center;\n width:max-content;\n min-height:28px;\n margin-bottom:14px;\n padding:0 10px;\n border-radius:999px;\n background:var(--active-lime);\n color:var(--treatment-dark);\n font-size:10px;\n font-weight:900;\n letter-spacing:.7px;\n text-transform:uppercase;\n}\n\n#abf-page .abf-duo-copy h2{\n max-width:560px;\n color:var(--treatment-dark);\n font-size:clamp(30px,3.7vw,48px);\n line-height:1.02;\n}\n\n#abf-page .abf-duo-copy \u003e p{\n max-width:540px;\n color:#566058;\n font-size:15px;\n line-height:1.55;\n}\n\n#abf-page .abf-duo-steps{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:10px;\n margin-top:22px;\n}\n\n#abf-page .abf-duo-step{\n padding:14px;\n border:1px solid #DDE6DB;\n border-radius:13px;\n background:#F8FAF7;\n}\n\n#abf-page .abf-duo-step strong{\n display:block;\n color:var(--forest);\n font-size:12px;\n line-height:1.25;\n font-weight:900;\n text-transform:uppercase;\n}\n\n#abf-page .abf-duo-step span{\n display:block;\n margin-top:5px;\n color:#646D66;\n font-size:12px;\n line-height:1.4;\n}\n\n#abf-page .abf-duo-step span b{\n color:var(--treatment-dark);\n font-weight:900;\n}\n\n#abf-page .abf-duo-offer{\n margin-top:16px;\n padding:12px 14px;\n border-radius:10px;\n background:var(--active-lime);\n color:var(--treatment-dark);\n font-size:12px;\n line-height:1.35;\n font-weight:900;\n text-align:center;\n}\n\n#abf-page .abf-duo-note{\n margin-top:12px;\n color:var(--forest);\n font-size:12px;\n line-height:1.4;\n font-weight:900;\n}\n\n#abf-page .abf-duo .abf-btn{\n align-self:flex-start;\n margin-top:19px;\n background:var(--forest);\n color:#fff!important;\n}\n\n@media(max-width:767px){\n\n #abf-page .abf-duo-box{\n grid-template-columns:1fr;\n border-radius:18px;\n }\n\n #abf-page .abf-duo-media{\n min-height:0;\n aspect-ratio:4\/3;\n }\n\n #abf-page .abf-duo-copy{\n padding:25px 18px 26px;\n }\n\n #abf-page .abf-duo-kicker{\n margin-bottom:11px;\n font-size:10.5px;\n }\n\n #abf-page .abf-duo-copy h2{\n font-size:31px;\n }\n\n #abf-page .abf-duo-copy \u003e p{\n font-size:14.5px;\n line-height:1.55;\n }\n\n #abf-page .abf-duo-steps{\n gap:8px;\n margin-top:17px;\n }\n\n #abf-page .abf-duo-step{\n padding:12px 10px;\n }\n\n #abf-page .abf-duo-step strong{\n font-size:11.5px;\n }\n\n #abf-page .abf-duo-step span{\n font-size:11.5px;\n }\n\n #abf-page .abf-duo-note{\n font-size:12.5px;\n }\n\n #abf-page .abf-duo-free-badge{\n left:12px;\n bottom:12px;\n min-height:31px;\n padding:0 11px;\n font-size:10px;\n }\n}\n\n\/* ============================================================\n11 — PRODUCT COMPARISON V2\nPRODUCT IMAGE + RED X + GREEN CHECK\n============================================================ *\/\n\n#abf-page .abf-compare{\n background:#fff;\n}\n\n#abf-page .abf-compare-box{\n display:grid;\n grid-template-columns:1fr 1fr;\n max-width:930px;\n margin:34px auto 0;\n overflow:hidden;\n border:1px solid #DCE3DD;\n border-radius:22px;\n background:#EEF5EF;\n}\n\n#abf-page .abf-compare-col{\n position:relative;\n display:flex;\n flex-direction:column;\n min-width:0;\n padding:28px 30px 30px;\n}\n\n#abf-page .abf-compare-col.is-regular{\n background:#F6F7F6;\n color:#171B18;\n}\n\n#abf-page .abf-compare-col.is-abera{\n background:#EFF7EC;\n color:#17261C;\n border-left:1px solid #D5E3D6;\n}\n\n#abf-page .abf-compare-title{\n margin:0;\n text-align:center;\n font-size:19px;\n line-height:1.15;\n font-weight:900;\n text-transform:uppercase;\n}\n\n#abf-page .is-regular .abf-compare-title{ color:#161A17; }\n#abf-page .is-abera .abf-compare-title{ color:#1D6833; }\n\n#abf-page .abf-compare-product{\n display:flex;\n align-items:center;\n justify-content:center;\n height:190px;\n margin-top:16px;\n margin-bottom:12px;\n overflow:hidden;\n}\n\n#abf-page .abf-compare-product img{\n width:auto;\n max-width:78%;\n height:170px;\n object-fit:contain;\n}\n\n#abf-page .is-abera .abf-compare-product img{ max-width:82%; }\n\n#abf-page .abf-comp-line{\n display:grid;\n grid-template-columns:22px 1fr;\n gap:8px;\n align-items:start;\n min-height:52px;\n padding:14px 0;\n border-bottom:1px solid rgba(20,40,28,.11);\n font-size:14px;\n line-height:1.4;\n}\n\n#abf-page .abf-comp-line:last-child{ border-bottom:0; }\n\n#abf-page .abf-comp-icon{\n display:flex;\n align-items:center;\n justify-content:center;\n width:20px;\n height:20px;\n font-size:18px;\n line-height:1;\n font-weight:900;\n}\n\n#abf-page .abf-comp-icon.is-no{ color:#E32626; }\n#abf-page .abf-comp-icon.is-yes{ color:#22A447; }\n#abf-page .abf-comp-text{ min-width:0; }\n\n#abf-page .abf-compare-badge{\n display:none;\n}\n\n\/* ============================================================\n12 — KOC \/ CUSTOMER VIDEO CAROUSEL\n9 VERTICAL VIDEOS — NO REVIEW TEXT\n============================================================ *\/\n\n#abf-page .abf-reviews{\n background:var(--soft);\n}\n\n#abf-page .abf-koc-shell{\n position:relative;\n margin-top:32px;\n}\n\n#abf-page .abf-koc-track{\n display:flex;\n gap:16px;\n\n overflow-x:auto;\n scroll-snap-type:x mandatory;\n scroll-behavior:smooth;\n\n padding:2px 2px 8px;\n\n scrollbar-width:none;\n -ms-overflow-style:none;\n}\n\n#abf-page .abf-koc-track::-webkit-scrollbar{\n display:none;\n}\n\n#abf-page .abf-koc-card{\n flex:0 0 calc((100% - 48px) \/ 4);\n\n overflow:hidden;\n\n border:1px solid #E0E5E1;\n border-radius:18px;\n\n background:#fff;\n\n box-shadow:0 5px 18px rgba(16,38,28,.06);\n\n scroll-snap-align:start;\n}\n\n#abf-page .abf-koc-video{\n display:block;\n width:100%;\n aspect-ratio:9\/16;\n\n object-fit:cover;\n\n background:#E7EEE8;\n}\n\n#abf-page .abf-koc-arrow{\n position:absolute;\n top:50%;\n z-index:4;\n\n display:flex;\n align-items:center;\n justify-content:center;\n\n width:44px;\n height:44px;\n\n border:0;\n border-radius:50%;\n\n background:#fff;\n color:var(--forest);\n\n box-shadow:0 6px 20px rgba(0,0,0,.14);\n\n cursor:pointer;\n\n transform:translateY(-50%);\n}\n\n#abf-page .abf-koc-prev{\n left:-22px;\n}\n\n#abf-page .abf-koc-next{\n right:-22px;\n}\n\n#abf-page .abf-koc-arrow:hover{\n background:var(--active-lime);\n}\n\n#abf-page .abf-koc-dots{\n display:flex;\n justify-content:center;\n gap:6px;\n\n margin-top:18px;\n}\n\n#abf-page .abf-koc-dot{\n width:6px;\n height:6px;\n\n padding:0;\n\n border:0;\n border-radius:999px;\n\n background:#C6CEC8;\n\n cursor:pointer;\n}\n\n#abf-page .abf-koc-dot.active{\n width:20px;\n background:var(--forest);\n}\n\n\n\/* ============================================================\n12B — QUALITY \u0026 SAFETY DOCUMENTATION\nCOMPACT 2-COLUMN DOCUMENT PROOF\n============================================================ *\/\n\n#abf-page .abf-docs{\n padding:42px 0;\n background:var(--clinical-cream);\n}\n\n#abf-page .abf-docs .abf-eyebrow{\n margin-bottom:8px;\n}\n\n#abf-page .abf-docs h2{\n font-size:clamp(24px,3vw,36px);\n letter-spacing:-1px;\n}\n\n#abf-page .abf-docs .abf-sub{\n max-width:650px;\n margin-top:10px;\n font-size:14px;\n}\n\n#abf-page .abf-doc-grid{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n max-width:760px;\n margin:22px auto 0;\n}\n\n#abf-page .abf-doc-card{\n display:block;\n padding:10px;\n\n border:1px solid var(--line);\n border-radius:15px;\n\n background:#fff;\n\n color:inherit;\n text-decoration:none;\n\n box-shadow:0 4px 14px rgba(16,38,28,.04);\n transition:.2s ease;\n}\n\n#abf-page .abf-doc-card:hover{\n transform:translateY(-2px);\n box-shadow:0 8px 20px rgba(16,38,28,.08);\n}\n\n#abf-page .abf-doc-image{\n display:flex;\n align-items:center;\n justify-content:center;\n\n height:250px;\n\n overflow:hidden;\n\n border-radius:10px;\n background:#F7F6EF;\n}\n\n#abf-page .abf-doc-image img{\n width:100%;\n height:100%;\n object-fit:contain;\n}\n\n#abf-page .abf-doc-label{\n display:block;\n margin-top:9px;\n\n color:var(--forest);\n\n text-align:center;\n\n font-size:11px;\n line-height:1.35;\n font-weight:900;\n}\n\n\n\n\/* MOBILE — STILL 2 COLUMNS, SMALLER *\/\n@media(max-width:767px){\n\n #abf-page .abf-docs{\n padding:34px 0;\n }\n\n #abf-page .abf-docs h2{\n font-size:25px;\n }\n\n #abf-page .abf-docs .abf-sub{\n font-size:11.5px;\n }\n\n #abf-page .abf-doc-grid{\n gap:8px;\n margin-top:18px;\n }\n\n #abf-page .abf-doc-card{\n padding:6px;\n border-radius:11px;\n }\n\n #abf-page .abf-doc-image{\n height:180px;\n border-radius:8px;\n }\n\n #abf-page .abf-doc-label{\n margin-top:7px;\n font-size:9px;\n }\n\n}\n\n\n\/* ============================================================\n13 — FINAL CTA\n============================================================ *\/\n\n#abf-page .abf-final{\n background:var(--treatment-dark);\n color:#fff;\n}\n\n#abf-page .abf-final .abf-eyebrow{\n color:var(--active-lime);\n}\n\n#abf-page .abf-final .abf-sub{\n color:#C9D5CD;\n}\n\n#abf-page .abf-final .abf-btn{\n background:var(--active-lime);\n color:var(--treatment-dark)!important;\n}\n\n#abf-page .abf-final .abf-note{\n color:#AABAAF;\n}\n\n\n\/* ============================================================\n14 — FAQ\n============================================================ *\/\n\n#abf-page .abf-faq{\n background:#fff;\n}\n\n#abf-page .abf-faq-list{\n max-width:850px;\n margin:30px auto 0;\n}\n\n#abf-page details{\n border-bottom:1px solid var(--line);\n}\n\n#abf-page summary{\n position:relative;\n\n padding:20px 38px 20px 0;\n\n cursor:pointer;\n list-style:none;\n\n font-size:16px;\n font-weight:900;\n}\n\n#abf-page summary::-webkit-details-marker{\n display:none;\n}\n\n#abf-page summary:after{\n content:\"+\";\n\n position:absolute;\n right:3px;\n top:18px;\n\n color:var(--forest);\n\n font-size:23px;\n font-weight:400;\n}\n\n#abf-page details[open] summary:after{\n content:\"−\";\n}\n\n#abf-page details p{\n margin:0;\n padding:0 35px 20px 0;\n color:#626A64;\n font-size:14px;\n}\n\n\n\/* ============================================================\nMOBILE\n============================================================ *\/\n\n@media(max-width:767px){\n\n #abf-page .abf-wrap{\n width:calc(100% - 28px);\n }\n\n #abf-page .abf-section{\n padding:48px 0;\n }\n\n #abf-page h2{\n max-width:100%;\n font-size:30px;\n line-height:1.03;\n letter-spacing:-1px;\n }\n\n #abf-page h3{\n font-size:17px;\n }\n\n #abf-page p{\n font-size:14px;\n line-height:1.55;\n }\n\n #abf-page .abf-two,\n #abf-page .abf-story .abf-two{\n grid-template-columns:1fr;\n gap:28px;\n }\n\n #abf-page .abf-main-img img{\n aspect-ratio:4\/3;\n }\n\n\n \/* TREATMENT *\/\n\n #abf-page .abf-treatment{\n padding:48px 0;\n }\n\n #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n font-size:34px;\n line-height:1.01;\n }\n\n\n \/* BRAND *\/\n\n #abf-page .abf-brand-stage{\n min-height:auto;\n margin:27px auto 28px;\n border-radius:18px;\n }\n\n #abf-page .abf-brand-bg{\n position:relative;\n height:300px;\n }\n\n #abf-page .abf-brand-bg img{\n height:100%;\n object-position:left center;\n }\n\n #abf-page .abf-brand-top{\n position:absolute;\n top:0;\n left:0;\n width:100%;\n padding:14px 14px 0;\n }\n\n #abf-page .abf-brand-top small{\n display:none;\n }\n\n #abf-page .abf-brand-overlay-zone{\n width:100%;\n margin:0;\n padding:14px 0 18px;\n }\n\n #abf-page .abf-brand-track{\n gap:11px;\n\n margin-left:-14px;\n margin-right:-14px;\n\n padding:0 14px 6px;\n }\n\n #abf-page .abf-brand-card{\n flex:0 0 82%;\n min-height:390px;\n border-radius:16px;\n }\n\n #abf-page .abf-brand-photo-card{\n flex:0 0 82%;\n height:auto;\n min-height:390px;\n align-self:stretch;\n border-radius:16px;\n }\n\n #abf-page .abf-brand-card-copy{\n padding:15px 15px 18px;\n }\n\n #abf-page .abf-brand-card-copy h3{\n font-size:14px;\n }\n\n #abf-page .abf-brand-card-copy p{\n font-size:11.5px;\n line-height:1.45;\n }\n\n #abf-page .abf-brand-arrow{\n display:none;\n }\n\n\n \/* CLAIMS *\/\n\n #abf-page .abf-claims-grid{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:9px;\n }\n\n #abf-page .abf-claim{\n min-height:123px;\n padding:15px 12px;\n }\n\n #abf-page .abf-claim:last-child{\n grid-column:1 \/ -1;\n min-height:auto;\n }\n\n #abf-page .abf-claim .abf-num{\n width:28px;\n height:28px;\n margin-bottom:12px;\n font-size:9px;\n }\n\n #abf-page .abf-claim h3{\n font-size:11px;\n }\n\n #abf-page .abf-claim p{\n font-size:10.5px;\n }\n\n\n \/* SECTION 1 COMPACT TRANSITION *\/\n #abf-page .abf-brand-transition{\n margin-top:18px;\n font-size:12.5px;\n line-height:1.55;\n letter-spacing:.35px;\n }\n\n \/* WBM *\/\n\n #abf-page .abf-big-copy h2{\n font-size:29px;\n }\n\n #abf-page .abf-wbm-benefits{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:9px;\n }\n\n #abf-page .abf-benefit{\n min-height:118px;\n padding:14px 12px;\n }\n\n #abf-page .abf-benefit strong{\n font-size:10.5px;\n }\n\n #abf-page .abf-benefit p{\n font-size:10.5px;\n }\n\n\n #abf-page .abf-story .abf-main-img{\n order:-1;\n }\n\n\n \/* INGREDIENT *\/\n\n #abf-page .abf-ing-grid{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:10px;\n }\n\n #abf-page .abf-ing .abf-card-copy{\n padding:13px;\n }\n\n #abf-page .abf-ing h3{\n font-size:13px;\n }\n\n #abf-page .abf-ing p{\n font-size:10.5px;\n }\n\n\n \/* MECHANISM — COMPACT 2×2 + FULL-WIDTH STEP 05 *\/\n\n #abf-page .abf-mech-grid{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:9px;\n margin-top:22px;\n }\n\n #abf-page .abf-mech{\n min-height:102px;\n padding:13px 11px;\n }\n\n #abf-page .abf-mech:last-child{\n grid-column:1 \/ -1;\n min-height:86px;\n }\n\n #abf-page .abf-mech h3{\n font-size:13px;\n }\n\n #abf-page .abf-mech p{\n margin-top:5px;\n font-size:11.5px;\n line-height:1.4;\n }\n\n\n \/* USE *\/\n\n #abf-page .abf-use-grid{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:10px;\n }\n\n #abf-page .abf-use-card{\n min-height:140px;\n padding:16px;\n }\n\n\n \/* COMPARE — KEEP 2 COLUMNS ON MOBILE *\/\n\n #abf-page .abf-compare-box{\n grid-template-columns:minmax(0,1fr) minmax(0,1fr);\n gap:0;\n width:100%;\n margin-top:25px;\n border-radius:17px;\n }\n\n #abf-page .abf-compare-col{\n padding:15px 10px 16px;\n }\n\n #abf-page .abf-compare-col.is-abera{\n border-left:1px solid #D2DED4;\n }\n\n #abf-page .abf-compare-title{\n min-height:34px;\n font-size:12px;\n line-height:1.15;\n }\n\n #abf-page .abf-compare-product{\n height:120px;\n margin-top:9px;\n margin-bottom:7px;\n }\n\n #abf-page .abf-compare-product img{\n max-width:88%;\n height:110px;\n }\n\n #abf-page .is-abera .abf-compare-product img{\n max-width:94%;\n }\n\n #abf-page .abf-compare-badge{\n min-height:21px;\n margin-top:2px;\n padding:0 7px;\n font-size:7.5px;\n }\n\n #abf-page .abf-comp-line{\n grid-template-columns:16px 1fr;\n gap:4px;\n min-height:69px;\n padding:10px 0;\n font-size:10.5px;\n line-height:1.35;\n }\n\n #abf-page .abf-comp-icon{\n width:15px;\n height:15px;\n font-size:14px;\n }\n\n\n #abf-page .abf-btn{\n width:100%;\n }\n\n\n \/* GENERIC CAROUSEL MOBILE *\/\n\n #abf-page .abf-track[data-carousel]{\n display:flex!important;\n\n gap:12px;\n\n margin-left:-14px;\n margin-right:-14px;\n\n padding:0 14px 4px;\n\n overflow-x:auto;\n\n scroll-snap-type:x mandatory;\n\n scrollbar-width:none;\n }\n\n #abf-page .abf-track[data-carousel]::-webkit-scrollbar{\n display:none;\n }\n\n #abf-page .abf-track[data-carousel] \u003e *{\n flex:0 0 83%;\n scroll-snap-align:center;\n }\n\n #abf-page .abf-dots{\n display:flex;\n }\n\n #abf-page .abf-results-track \u003e *{\n flex-basis:84%!important;\n }\n\n \/* PROBLEM RECOGNITION — STATIC 2 × 2 GRID ON MOBILE *\/\n #abf-page .abf-problem-track{\n display:grid!important;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:10px;\n margin:24px 0 0;\n padding:0;\n overflow:visible;\n }\n\n #abf-page .abf-problem{\n min-width:0;\n border-radius:15px;\n }\n\n #abf-page .abf-problem img{\n aspect-ratio:1\/1;\n }\n\n #abf-page .abf-problem .abf-card-copy{\n padding:13px 11px 14px;\n }\n\n #abf-page .abf-problem .abf-card-copy h3{\n font-size:14px;\n line-height:1.18;\n }\n\n #abf-page .abf-problem .abf-card-copy p{\n margin-top:6px;\n font-size:13px;\n line-height:1.45;\n }\n\n #abf-page .abf-zone-track{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:12px;\n margin-top:24px;\n }\n\n #abf-page .abf-zone{\n padding:16px 10px 15px;\n border-radius:16px;\n }\n\n #abf-page .abf-zone-media{\n width:64px;\n height:64px;\n margin-bottom:10px;\n border-radius:14px;\n }\n\n #abf-page .abf-zone strong{\n font-size:13px;\n }\n\n #abf-page .abf-zone span{\n margin-top:4px;\n font-size:10.5px;\n line-height:1.35;\n }\n\n \/* KOC VIDEO CAROUSEL *\/\n\n #abf-page .abf-koc-shell{\n margin-top:25px;\n }\n\n #abf-page .abf-koc-track{\n gap:12px;\n\n margin-left:-14px;\n margin-right:-14px;\n\n padding:0 14px 6px;\n }\n\n #abf-page .abf-koc-card{\n flex:0 0 76%;\n border-radius:16px;\n }\n\n #abf-page .abf-koc-arrow{\n display:none;\n }\n\n #abf-page .abf-koc-dots{\n gap:5px;\n margin-top:14px;\n }\n\n #abf-page .abf-koc-dot{\n width:5px;\n height:5px;\n }\n\n #abf-page .abf-koc-dot.active{\n width:18px;\n }\n\n}\n\n@media(max-width:380px){\n #abf-page .abf-compare-col{\n padding-left:8px;\n padding-right:8px;\n }\n #abf-page .abf-compare-title{ font-size:11px; }\n #abf-page .abf-comp-line{ font-size:10px; }\n\n #abf-page .abf-zone{\n padding-left:8px;\n padding-right:8px;\n }\n\n #abf-page .abf-zone strong{\n font-size:12px;\n }\n\n #abf-page .abf-zone span{\n font-size:10px;\n }\n}\n\n\n\/* ============================================================\nMOBILE READABILITY PASS — 30+ AUDIENCE\nLarger readable text across the entire page.\nDesktop is unchanged.\n============================================================ *\/\n\n@media(max-width:767px){\n\n \/* GLOBAL READING SIZE *\/\n #abf-page p{\n font-size:15.5px;\n line-height:1.58;\n }\n\n #abf-page h3{\n font-size:18px;\n line-height:1.22;\n }\n\n #abf-page .abf-eyebrow{\n font-size:13px;\n line-height:1.35;\n letter-spacing:1.25px;\n }\n\n #abf-page .abf-sub{\n font-size:15px;\n line-height:1.55;\n }\n\n #abf-page .abf-btn{\n min-height:56px;\n font-size:16px;\n }\n\n #abf-page .abf-note{\n font-size:13px;\n line-height:1.45;\n }\n\n\n \/* BRAND CAROUSEL *\/\n #abf-page .abf-brand-top span{\n font-size:12px;\n }\n\n #abf-page .abf-brand-card-copy h3{\n font-size:15px;\n line-height:1.18;\n }\n\n #abf-page .abf-brand-card-copy p{\n font-size:13px;\n line-height:1.52;\n }\n\n #abf-page .abf-brand-mini{\n gap:7px;\n }\n\n #abf-page .abf-brand-mini span{\n min-height:28px;\n padding:0 9px;\n font-size:11px;\n line-height:1.2;\n }\n\n\n \/* MAIN TREATMENT CLAIMS *\/\n #abf-page .abf-claim{\n min-height:142px;\n padding:17px 13px;\n }\n\n #abf-page .abf-claim .abf-num{\n width:30px;\n height:30px;\n font-size:11px;\n }\n\n #abf-page .abf-claim h3{\n font-size:13px;\n line-height:1.24;\n }\n\n #abf-page .abf-claim p{\n font-size:12.5px;\n line-height:1.48;\n }\n\n\n \/* WILD BITTER MELON BENEFITS *\/\n #abf-page .abf-benefit{\n min-height:126px;\n padding:16px 14px;\n }\n\n #abf-page .abf-benefit strong{\n font-size:13px;\n line-height:1.28;\n }\n\n #abf-page .abf-benefit p{\n font-size:13px;\n line-height:1.52;\n }\n\n\n \/* RESULTS \/ BEFORE-AFTER *\/\n #abf-page .abf-result-copy{\n min-height:172px;\n padding:18px 16px 20px;\n }\n\n #abf-page .abf-result-tag{\n min-height:27px;\n padding:0 9px;\n font-size:10.5px;\n }\n\n #abf-page .abf-result-copy h3{\n font-size:17px;\n line-height:1.22;\n }\n\n #abf-page .abf-result-copy p{\n font-size:13.5px;\n line-height:1.52;\n }\n\n\n \/* PROBLEM RECOGNITION CARDS *\/\n #abf-page .abf-card-copy{\n padding:17px;\n }\n\n #abf-page .abf-card-copy h3{\n font-size:17px;\n }\n\n #abf-page .abf-card-copy p{\n font-size:13.5px;\n line-height:1.5;\n }\n\n\n \/* MECHANISM *\/\n #abf-page .abf-mechanism-caption{\n font-size:13px;\n line-height:1.4;\n }\n\n #abf-page .abf-mech{\n min-height:160px;\n padding:16px 13px;\n }\n\n #abf-page .abf-step{\n margin-bottom:12px;\n padding:6px 8px;\n font-size:11.5px;\n }\n\n #abf-page .abf-mech h3{\n font-size:14px;\n line-height:1.25;\n }\n\n #abf-page .abf-mech p{\n font-size:12.5px;\n line-height:1.5;\n }\n\n\n \/* INGREDIENTS *\/\n #abf-page .abf-ing .abf-card-copy{\n padding:15px 13px 16px;\n }\n\n #abf-page .abf-ing h3{\n font-size:14px;\n line-height:1.25;\n }\n\n #abf-page .abf-ing p{\n font-size:12.5px;\n line-height:1.5;\n }\n\n\n \/* EXPERT *\/\n #abf-page .abf-checks li{\n margin:13px 0;\n padding-left:29px;\n font-size:14px;\n line-height:1.45;\n }\n\n\n \/* BODY ZONES *\/\n #abf-page .abf-zone{\n padding:17px 10px 16px;\n }\n\n #abf-page .abf-zone strong{\n font-size:14px;\n line-height:1.2;\n }\n\n #abf-page .abf-zone span{\n margin-top:5px;\n font-size:12.5px;\n line-height:1.4;\n }\n\n\n \/* HOW TO USE *\/\n #abf-page .abf-use-card{\n min-height:158px;\n padding:18px 16px;\n }\n\n #abf-page .abf-use-card h3{\n font-size:17px;\n }\n\n #abf-page .abf-use-card p{\n font-size:13.5px;\n line-height:1.5;\n }\n\n\n \/* COMPARISON *\/\n #abf-page .abf-compare-title{\n min-height:38px;\n font-size:13px;\n line-height:1.2;\n }\n\n #abf-page .abf-compare-badge{\n min-height:23px;\n padding:0 7px;\n font-size:10px;\n line-height:1.1;\n }\n\n #abf-page .abf-comp-line{\n grid-template-columns:17px 1fr;\n gap:5px;\n min-height:78px;\n padding:11px 0;\n font-size:12.5px;\n line-height:1.42;\n }\n\n #abf-page .abf-comp-icon{\n width:16px;\n height:16px;\n font-size:16px;\n }\n\n\n \/* DOCUMENTATION *\/\n #abf-page .abf-docs .abf-sub{\n font-size:13px;\n line-height:1.5;\n }\n\n #abf-page .abf-doc-label{\n margin-top:8px;\n font-size:10.5px;\n line-height:1.35;\n }\n\n\n \/* FAQ *\/\n #abf-page summary{\n padding:21px 38px 21px 0;\n font-size:16px;\n line-height:1.4;\n }\n\n #abf-page details p{\n padding-bottom:21px;\n font-size:15px;\n line-height:1.55;\n }\n\n}\n\n\n@media(max-width:380px){\n\n \/* Keep very small phones readable instead of shrinking text too far *\/\n #abf-page p{\n font-size:15px;\n }\n\n #abf-page .abf-eyebrow{\n font-size:12.5px;\n }\n\n #abf-page .abf-brand-card-copy p,\n #abf-page .abf-result-copy p,\n #abf-page .abf-card-copy p,\n #abf-page .abf-use-card p{\n font-size:13px;\n }\n\n #abf-page .abf-claim h3{\n font-size:12.5px;\n }\n\n #abf-page .abf-claim p,\n #abf-page .abf-benefit p,\n #abf-page .abf-mech p,\n #abf-page .abf-ing p,\n #abf-page .abf-zone span,\n #abf-page .abf-comp-line{\n font-size:12px;\n }\n\n #abf-page .abf-compare-title{\n font-size:12.5px;\n }\n\n #abf-page .abf-doc-label{\n font-size:10px;\n }\n\n}\n\n\n\/* ============================================================\nEXPERT VIDEO — INLINE PLAYER\nCustom play overlay \/ no native fullscreen UI\n============================================================ *\/\n\n#abf-page .abf-video-box{\n position:relative;\n cursor:pointer;\n}\n\n#abf-page .abf-video-box video{\n display:block;\n width:100%;\n aspect-ratio:16\/9;\n object-fit:cover;\n background:#DDE7D7;\n}\n\n#abf-page .abf-expert-play{\n position:absolute;\n inset:0;\n z-index:3;\n\n display:flex;\n align-items:center;\n justify-content:center;\n\n border:0;\n background:linear-gradient(\n 180deg,\n rgba(0,0,0,.03),\n rgba(0,0,0,.16)\n );\n\n cursor:pointer;\n}\n\n#abf-page .abf-expert-play-icon{\n display:flex;\n align-items:center;\n justify-content:center;\n\n width:68px;\n height:68px;\n\n border-radius:50%;\n\n background:rgba(255,255,255,.94);\n color:var(--forest);\n\n box-shadow:0 8px 28px rgba(0,0,0,.20);\n\n font-size:27px;\n line-height:1;\n\n transition:.2s ease;\n}\n\n#abf-page .abf-expert-play:hover .abf-expert-play-icon{\n transform:scale(1.05);\n background:var(--active-lime);\n}\n\n#abf-page .abf-video-box.is-playing .abf-expert-play{\n opacity:0;\n pointer-events:none;\n}\n\n@media(max-width:767px){\n\n #abf-page .abf-expert-play-icon{\n width:58px;\n height:58px;\n font-size:23px;\n }\n\n}\n\n\n\/* ============================================================\nMOBILE READABILITY PASS V2 — SLIGHTLY LARGER\nFor 30+ audience. Main headings stay controlled; smaller copy\ngets another +1 to +1.5px for easier mobile reading.\n============================================================ *\/\n\n@media(max-width:767px){\n\n \/* GLOBAL *\/\n #abf-page p{\n font-size:16.5px;\n line-height:1.6;\n }\n\n #abf-page .abf-eyebrow{\n font-size:14px;\n line-height:1.35;\n letter-spacing:1.2px;\n }\n\n #abf-page .abf-sub{\n font-size:16px;\n line-height:1.58;\n }\n\n #abf-page .abf-btn{\n min-height:58px;\n font-size:17px;\n }\n\n #abf-page .abf-note{\n font-size:14px;\n line-height:1.5;\n }\n\n\n \/* BRAND *\/\n #abf-page .abf-brand-top span{\n font-size:13px;\n }\n\n #abf-page .abf-brand-card-copy h3{\n font-size:16px;\n line-height:1.2;\n }\n\n #abf-page .abf-brand-card-copy p{\n font-size:14px;\n line-height:1.55;\n }\n\n #abf-page .abf-brand-mini span{\n min-height:29px;\n font-size:12px;\n }\n\n\n \/* TREATMENT CLAIMS *\/\n #abf-page .abf-claim{\n min-height:148px;\n }\n\n #abf-page .abf-claim h3{\n font-size:14px;\n line-height:1.25;\n }\n\n #abf-page .abf-claim p{\n font-size:13.5px;\n line-height:1.5;\n }\n\n\n \/* WILD BITTER MELON BENEFITS *\/\n #abf-page .abf-benefit{\n min-height:126px;\n }\n\n #abf-page .abf-benefit strong{\n font-size:14px;\n line-height:1.3;\n }\n\n #abf-page .abf-benefit p{\n font-size:14px;\n line-height:1.55;\n }\n\n\n \/* RESULTS *\/\n #abf-page .abf-result-tag{\n font-size:11px;\n }\n\n #abf-page .abf-result-copy h3{\n font-size:18px;\n line-height:1.23;\n }\n\n #abf-page .abf-result-copy p{\n font-size:14.5px;\n line-height:1.55;\n }\n\n\n \/* PROBLEM CARDS *\/\n #abf-page .abf-card-copy h3{\n font-size:18px;\n }\n\n #abf-page .abf-card-copy p{\n font-size:14.5px;\n line-height:1.55;\n }\n\n\n \/* MECHANISM *\/\n #abf-page .abf-mechanism-caption{\n font-size:14px;\n line-height:1.45;\n }\n\n #abf-page .abf-step{\n font-size:12px;\n }\n\n #abf-page .abf-mech h3{\n font-size:15px;\n line-height:1.25;\n }\n\n #abf-page .abf-mech p{\n font-size:13.5px;\n line-height:1.52;\n }\n\n\n \/* INGREDIENTS *\/\n #abf-page .abf-ing h3{\n font-size:15px;\n }\n\n #abf-page .abf-ing p{\n font-size:13.5px;\n line-height:1.52;\n }\n\n\n \/* EXPERT *\/\n #abf-page .abf-checks li{\n font-size:15px;\n line-height:1.48;\n }\n\n\n \/* BODY ZONES *\/\n #abf-page .abf-zone strong{\n font-size:15px;\n }\n\n #abf-page .abf-zone span{\n font-size:13.5px;\n line-height:1.42;\n }\n\n\n \/* HOW TO USE *\/\n #abf-page .abf-use-card h3{\n font-size:18px;\n }\n\n #abf-page .abf-use-card p{\n font-size:14.5px;\n line-height:1.52;\n }\n\n\n \/* PERFECT DUO *\/\n #abf-page .abf-duo-kicker{\n font-size:11.5px;\n }\n\n #abf-page .abf-duo-copy \u003e p{\n font-size:15.5px;\n line-height:1.58;\n }\n\n #abf-page .abf-duo-step strong{\n font-size:12.5px;\n }\n\n #abf-page .abf-duo-step span{\n font-size:12.5px;\n line-height:1.45;\n }\n\n #abf-page .abf-duo-note{\n font-size:13.5px;\n line-height:1.45;\n }\n\n #abf-page .abf-duo-free-badge{\n font-size:11px;\n }\n\n\n \/* COMPARISON — keep 2 columns readable *\/\n #abf-page .abf-compare-title{\n min-height:40px;\n font-size:14px;\n line-height:1.22;\n }\n\n #abf-page .abf-compare-badge{\n min-height:24px;\n font-size:11px;\n }\n\n #abf-page .abf-comp-line{\n min-height:84px;\n font-size:13.5px;\n line-height:1.45;\n }\n\n\n \/* DOCUMENTATION *\/\n #abf-page .abf-docs .abf-sub{\n font-size:14px;\n line-height:1.52;\n }\n\n #abf-page .abf-doc-label{\n font-size:11.5px;\n line-height:1.4;\n }\n\n\n \/* FAQ *\/\n #abf-page summary{\n font-size:17px;\n line-height:1.42;\n }\n\n #abf-page details p{\n font-size:16px;\n line-height:1.58;\n }\n\n}\n\n\n@media(max-width:380px){\n\n #abf-page p{\n font-size:16px;\n }\n\n #abf-page .abf-eyebrow{\n font-size:13.5px;\n }\n\n #abf-page .abf-brand-card-copy p,\n #abf-page .abf-result-copy p,\n #abf-page .abf-card-copy p,\n #abf-page .abf-use-card p{\n font-size:14px;\n }\n\n #abf-page .abf-claim p,\n #abf-page .abf-benefit p,\n #abf-page .abf-mech p,\n #abf-page .abf-ing p,\n #abf-page .abf-zone span{\n font-size:13px;\n }\n\n #abf-page .abf-comp-line{\n font-size:13px;\n }\n\n #abf-page .abf-compare-title{\n font-size:13.5px;\n }\n\n #abf-page .abf-doc-label{\n font-size:11px;\n }\n\n}\n\n\n\/* ============================================================\nMOBILE READABILITY PASS V3 — ONE SIZE LARGER\nKeep major titles\/headings unchanged. Increase body, card copy,\nlabels, bullets and supporting text by ~1px for easier reading.\n============================================================ *\/\n\n@media(max-width:767px){\n\n \/* GLOBAL BODY COPY — TITLES UNCHANGED *\/\n #abf-page p{\n font-size:17.5px;\n line-height:1.62;\n }\n\n #abf-page .abf-sub{\n font-size:17px;\n line-height:1.6;\n }\n\n #abf-page .abf-eyebrow{\n font-size:15px;\n line-height:1.4;\n }\n\n #abf-page .abf-note{\n font-size:15px;\n line-height:1.5;\n }\n\n #abf-page .abf-btn{\n font-size:18px;\n }\n\n\n \/* BRAND SUPPORTING COPY *\/\n #abf-page .abf-brand-top span{\n font-size:14px;\n }\n\n #abf-page .abf-brand-card-copy p{\n font-size:15px;\n line-height:1.58;\n }\n\n #abf-page .abf-brand-mini span{\n font-size:13px;\n min-height:30px;\n }\n\n\n \/* TREATMENT CLAIM COPY *\/\n #abf-page .abf-claim p{\n font-size:14.5px;\n line-height:1.54;\n }\n\n #abf-page .abf-claim .abf-num{\n font-size:12px;\n }\n\n\n \/* WILD BITTER MELON BENEFITS *\/\n #abf-page .abf-benefit strong{\n font-size:15px;\n line-height:1.3;\n }\n\n #abf-page .abf-benefit p{\n font-size:15px;\n line-height:1.58;\n }\n\n\n \/* RESULTS *\/\n #abf-page .abf-result-tag{\n font-size:12px;\n }\n\n #abf-page .abf-result-copy p{\n font-size:15.5px;\n line-height:1.58;\n }\n\n\n \/* PROBLEM CARDS *\/\n #abf-page .abf-card-copy p{\n font-size:15.5px;\n line-height:1.58;\n }\n\n\n \/* MECHANISM *\/\n #abf-page .abf-mechanism-caption{\n font-size:15px;\n line-height:1.45;\n }\n\n #abf-page .abf-step{\n font-size:13px;\n }\n\n #abf-page .abf-mech p{\n font-size:14.5px;\n line-height:1.56;\n }\n\n\n \/* INGREDIENTS *\/\n #abf-page .abf-ing p{\n font-size:14.5px;\n line-height:1.56;\n }\n\n\n \/* EXPERT BULLETS *\/\n #abf-page .abf-checks li{\n font-size:16px;\n line-height:1.5;\n }\n\n\n \/* BODY ZONES *\/\n #abf-page .abf-zone span{\n font-size:14.5px;\n line-height:1.45;\n }\n\n\n \/* HOW TO USE *\/\n #abf-page .abf-use-card p{\n font-size:15.5px;\n line-height:1.56;\n }\n\n\n \/* PERFECT DUO *\/\n #abf-page .abf-duo-kicker{\n font-size:12.5px;\n }\n\n #abf-page .abf-duo-copy \u003e p{\n font-size:16.5px;\n line-height:1.6;\n }\n\n #abf-page .abf-duo-step strong{\n font-size:13.5px;\n }\n\n #abf-page .abf-duo-step span{\n font-size:13.5px;\n line-height:1.48;\n }\n\n #abf-page .abf-duo-note{\n font-size:14.5px;\n line-height:1.45;\n }\n\n #abf-page .abf-duo-free-badge{\n font-size:12px;\n }\n\n\n \/* COMPARISON SUPPORTING TEXT *\/\n #abf-page .abf-compare-badge{\n font-size:12px;\n }\n\n #abf-page .abf-comp-line{\n min-height:88px;\n font-size:14.5px;\n line-height:1.48;\n }\n\n\n \/* DOCUMENTATION *\/\n #abf-page .abf-docs .abf-sub{\n font-size:15px;\n line-height:1.55;\n }\n\n #abf-page .abf-doc-label{\n font-size:12.5px;\n line-height:1.42;\n }\n\n\n \/* FAQ ANSWERS ONLY — QUESTION TITLE KEPT *\/\n #abf-page details p{\n font-size:17px;\n line-height:1.6;\n }\n\n}\n\n\n@media(max-width:380px){\n\n #abf-page p{\n font-size:17px;\n }\n\n #abf-page .abf-sub{\n font-size:16.5px;\n }\n\n #abf-page .abf-eyebrow{\n font-size:14.5px;\n }\n\n #abf-page .abf-brand-card-copy p,\n #abf-page .abf-result-copy p,\n #abf-page .abf-card-copy p,\n #abf-page .abf-use-card p{\n font-size:15px;\n }\n\n #abf-page .abf-claim p,\n #abf-page .abf-benefit p,\n #abf-page .abf-mech p,\n #abf-page .abf-ing p,\n #abf-page .abf-zone span{\n font-size:14px;\n }\n\n #abf-page .abf-comp-line{\n font-size:14px;\n }\n\n #abf-page .abf-doc-label{\n font-size:12px;\n }\n\n}\n\n\n\/* ============================================================\nMOBILE READABILITY PASS V4 — +2PX ON SMALL LABELS \u0026 SUPPORTING COPY\nMajor titles\/headings remain unchanged.\n============================================================ *\/\n@media(max-width:767px){\n\n #abf-page .abf-eyebrow{\n font-size:17px;\n line-height:1.4;\n letter-spacing:1.15px;\n }\n\n #abf-page .abf-brand-top span{ font-size:16px; }\n #abf-page .abf-brand-mini span{ font-size:15px; min-height:32px; }\n #abf-page .abf-claim .abf-num{ font-size:14px; }\n #abf-page .abf-result-tag{ font-size:14px; }\n #abf-page .abf-step{ font-size:15px; }\n #abf-page .abf-duo-kicker{ font-size:14.5px; }\n #abf-page .abf-duo-free-badge{ font-size:14px; }\n #abf-page .abf-compare-badge{ font-size:14px; }\n\n #abf-page .abf-brand-card-copy p{ font-size:17px; line-height:1.6; }\n #abf-page .abf-claim p{ font-size:16.5px; line-height:1.58; }\n #abf-page .abf-benefit p{ font-size:17px; line-height:1.6; }\n #abf-page .abf-result-copy p{ font-size:17.5px; line-height:1.6; }\n #abf-page .abf-card-copy p{ font-size:17.5px; line-height:1.6; }\n #abf-page .abf-mech p{ font-size:16.5px; line-height:1.6; }\n #abf-page .abf-ing p{ font-size:16.5px; line-height:1.6; }\n #abf-page .abf-zone span{ font-size:16.5px; line-height:1.5; }\n #abf-page .abf-use-card p{ font-size:17.5px; line-height:1.58; }\n\n #abf-page .abf-duo-step strong{ font-size:15.5px; }\n #abf-page .abf-duo-step span{ font-size:15.5px; line-height:1.52; }\n #abf-page .abf-duo-note{ font-size:16.5px; line-height:1.5; }\n\n #abf-page .abf-comp-line{\n min-height:94px;\n font-size:16.5px;\n line-height:1.52;\n }\n\n #abf-page .abf-doc-label{\n font-size:14.5px;\n line-height:1.45;\n }\n}\n\n@media(max-width:380px){\n\n #abf-page .abf-eyebrow{ font-size:16.5px; }\n\n #abf-page .abf-brand-card-copy p,\n #abf-page .abf-result-copy p,\n #abf-page .abf-card-copy p,\n #abf-page .abf-use-card p{\n font-size:17px;\n }\n\n #abf-page .abf-claim p,\n #abf-page .abf-benefit p,\n #abf-page .abf-mech p,\n #abf-page .abf-ing p,\n #abf-page .abf-zone span{\n font-size:16px;\n }\n\n #abf-page .abf-comp-line{ font-size:16px; }\n #abf-page .abf-doc-label{ font-size:14px; }\n}\n\n\n\/* ============================================================\nSECTION 05 — MOBILE 2 × 2 FINAL OVERRIDE\nKeeps problem-recognition cards compact despite global readability passes.\n============================================================ *\/\n@media(max-width:767px){\n #abf-page .abf-problem-track{\n display:grid!important;\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:10px!important;\n margin:24px 0 0!important;\n padding:0!important;\n overflow:visible!important;\n }\n\n #abf-page .abf-problem{\n min-width:0!important;\n border-radius:15px;\n }\n\n #abf-page .abf-problem img{\n aspect-ratio:1\/1;\n object-fit:cover;\n }\n\n #abf-page .abf-problem .abf-card-copy{\n padding:13px 11px 14px!important;\n }\n\n #abf-page .abf-problem .abf-card-copy h3{\n font-size:14px!important;\n line-height:1.18!important;\n }\n\n #abf-page .abf-problem .abf-card-copy p{\n margin-top:6px!important;\n font-size:13px!important;\n line-height:1.45!important;\n }\n}\n\n@media(max-width:380px){\n #abf-page .abf-problem-track{\n gap:8px!important;\n }\n\n #abf-page .abf-problem .abf-card-copy{\n padding:11px 9px 12px!important;\n }\n\n #abf-page .abf-problem .abf-card-copy h3{\n font-size:13px!important;\n }\n\n #abf-page .abf-problem .abf-card-copy p{\n font-size:12.5px!important;\n }\n}\n\n\n\n\/* ============================================================\nSECTION 06 — COMPACT MECHANISM FINAL OVERRIDE\nAnimation does the explaining; cards stay short.\n============================================================ *\/\n@media(max-width:767px){\n #abf-page .abf-mechanism .abf-sub{\n max-width:340px;\n margin-top:14px;\n font-size:15px!important;\n line-height:1.5!important;\n }\n\n #abf-page .abf-mechanism-visual{\n margin-top:24px;\n }\n\n #abf-page .abf-mechanism-caption{\n margin-top:10px;\n font-size:13px!important;\n line-height:1.4!important;\n }\n\n #abf-page .abf-mech-grid{\n margin-top:20px!important;\n gap:8px!important;\n }\n\n #abf-page .abf-mech{\n min-height:96px!important;\n padding:12px 10px!important;\n border-radius:14px;\n }\n\n #abf-page .abf-mech:last-child{\n min-height:80px!important;\n }\n\n #abf-page .abf-step{\n margin-bottom:8px!important;\n padding:5px 7px!important;\n font-size:11px!important;\n }\n\n #abf-page .abf-mech h3{\n font-size:13px!important;\n line-height:1.2!important;\n }\n\n #abf-page .abf-mech p{\n margin-top:4px!important;\n font-size:12px!important;\n line-height:1.38!important;\n }\n}\n\n@media(max-width:380px){\n #abf-page .abf-mechanism .abf-sub{\n font-size:14.5px!important;\n }\n\n #abf-page .abf-mech{\n min-height:92px!important;\n }\n\n #abf-page .abf-mech h3{\n font-size:12.5px!important;\n }\n\n #abf-page .abf-mech p{\n font-size:11.5px!important;\n }\n}\n\n\n\/* ============================================================\nSECTION 06 — FINAL COMPACT PASS\nAnimation + caption only. No repeated step cards.\n============================================================ *\/\n@media(max-width:767px){\n #abf-page .abf-mechanism{\n padding-bottom:42px;\n }\n\n #abf-page .abf-mechanism-caption{\n margin-bottom:0!important;\n }\n}\n\n\n\/* ============================================================\nSECTION 07 — COMPACT FORMULA GRID\nDesktop: 4 across\nMobile: 2 × 2, short copy\n============================================================ *\/\n@media(max-width:767px){\n #abf-page .abf-ingredients .abf-ing-grid{\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:9px!important;\n margin-top:22px!important;\n }\n\n #abf-page .abf-ingredients .abf-ing{\n border-radius:15px;\n }\n\n #abf-page .abf-ingredients .abf-ing .abf-card-copy{\n padding:13px 11px 14px!important;\n }\n\n #abf-page .abf-ingredients .abf-ing h3{\n font-size:14px!important;\n line-height:1.2!important;\n }\n\n #abf-page .abf-ingredients .abf-ing p{\n margin-top:6px!important;\n font-size:13px!important;\n line-height:1.45!important;\n }\n}\n\n@media(max-width:380px){\n #abf-page .abf-ingredients .abf-ing h3{\n font-size:13px!important;\n }\n\n #abf-page .abf-ingredients .abf-ing p{\n font-size:12.5px!important;\n }\n}\n\n\n\/* ============================================================\nSECTION 08 — COMPACT EXPERT AUTHORITY\n============================================================ *\/\n@media(max-width:767px){\n #abf-page .abf-expert .abf-two{\n gap:22px!important;\n }\n\n #abf-page .abf-expert \u003e .abf-wrap \u003e div:last-child \u003e p{\n margin-top:12px;\n font-size:15px!important;\n line-height:1.52!important;\n }\n\n #abf-page .abf-expert-checks{\n margin-top:16px!important;\n }\n\n #abf-page .abf-expert-checks li{\n margin:9px 0!important;\n padding-left:28px!important;\n font-size:inherit!important;\n line-height:1.4!important;\n }\n\n #abf-page .abf-expert-checks li:before{\n top:1px;\n width:18px;\n height:18px;\n line-height:18px;\n font-size:10px;\n }\n\n #abf-page .abf-expert-checks li strong{\n font-size:14px!important;\n line-height:1.28!important;\n }\n\n #abf-page .abf-expert-checks li span{\n margin-top:2px;\n font-size:13px!important;\n line-height:1.42!important;\n }\n}\n\n\n\/* ============================================================\nSECTION 09 — COMPACT TREATMENT AREAS\n============================================================ *\/\n@media(max-width:767px){\n #abf-page .abf-zones{\n padding-top:42px;\n padding-bottom:42px;\n }\n\n #abf-page .abf-zone-track{\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:10px!important;\n margin-top:22px!important;\n }\n\n #abf-page .abf-zone{\n min-height:126px;\n padding:14px 10px 13px!important;\n border-radius:15px;\n }\n\n #abf-page .abf-zone-media{\n width:68px!important;\n height:68px!important;\n margin-bottom:9px!important;\n border-radius:14px;\n }\n\n #abf-page .abf-zone strong{\n font-size:14px!important;\n line-height:1.15!important;\n }\n}\n\n@media(max-width:380px){\n #abf-page .abf-zone{\n min-height:118px;\n padding:12px 8px!important;\n }\n\n #abf-page .abf-zone-media{\n width:62px!important;\n height:62px!important;\n }\n\n #abf-page .abf-zone strong{\n font-size:13px!important;\n }\n}\n\n\n\/* ============================================================\nSECTION 10 + 10B — ROUTINE → PERFECT DUO FLOW\n============================================================ *\/\n@media(max-width:767px){\n\n \/* HOW TO USE — compact 2×2 *\/\n #abf-page .abf-use-grid{\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:9px!important;\n margin-top:22px!important;\n }\n\n #abf-page .abf-use-card{\n min-height:108px!important;\n padding:13px 12px!important;\n }\n\n #abf-page .abf-use-card h3{\n font-size:16px!important;\n line-height:1.2!important;\n }\n\n #abf-page .abf-use-card p{\n margin-top:7px!important;\n font-size:13.5px!important;\n line-height:1.45!important;\n }\n\n \/* PERFECT DUO — reads as the next step, not a repeated how-to *\/\n #abf-page .abf-duo-copy h2{\n font-size:29px!important;\n line-height:1.03!important;\n }\n\n #abf-page .abf-duo-copy \u003e p{\n font-size:14px!important;\n line-height:1.45!important;\n }\n\n #abf-page .abf-duo-steps{\n gap:8px!important;\n margin-top:16px!important;\n }\n\n #abf-page .abf-duo-step{\n padding:11px 9px!important;\n }\n\n #abf-page .abf-duo-step strong{\n font-size:11.5px!important;\n line-height:1.25!important;\n }\n\n #abf-page .abf-duo-step span{\n font-size:11.5px!important;\n line-height:1.42!important;\n }\n\n #abf-page .abf-duo-offer{\n margin-top:14px;\n padding:11px 10px;\n font-size:12px;\n line-height:1.35;\n }\n\n #abf-page .abf-duo-note{\n margin-top:11px;\n font-size:12px!important;\n line-height:1.4!important;\n }\n}\n\n\n\/* ============================================================\nSECTION 10 — MERGED ROUTINE + PERFECT DUO\n============================================================ *\/\n\n#abf-page .abf-routine-combo{\n background:var(--clinical-cream);\n}\n\n#abf-page .abf-routine-combo .abf-use-grid{\n margin-bottom:30px;\n}\n\n#abf-page .abf-routine-duo{\n display:grid;\n grid-template-columns:.9fr 1.1fr;\n align-items:stretch;\n overflow:hidden;\n margin-top:30px;\n border:1px solid #D7E2D4;\n border-radius:20px;\n background:#fff;\n}\n\n#abf-page .abf-routine-duo-media{\n min-height:360px;\n overflow:hidden;\n background:#E5EEDC;\n}\n\n#abf-page .abf-routine-duo-media img{\n width:100%;\n height:100%;\n object-fit:cover;\n}\n\n#abf-page .abf-routine-duo-copy{\n display:flex;\n flex-direction:column;\n justify-content:center;\n padding:30px 34px;\n}\n\n#abf-page .abf-routine-duo-copy h3{\n margin-top:10px;\n color:var(--treatment-dark);\n font-size:28px;\n line-height:1.08;\n text-transform:uppercase;\n}\n\n#abf-page .abf-routine-duo-copy \u003e p{\n margin-top:11px;\n color:#586159;\n font-size:14px;\n line-height:1.55;\n}\n\n#abf-page .abf-routine-duo-steps{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:9px;\n margin-top:16px;\n}\n\n#abf-page .abf-routine-duo-step{\n padding:12px 13px;\n border:1px solid #DDE6DB;\n border-radius:12px;\n background:#F8FAF7;\n}\n\n#abf-page .abf-routine-duo-step strong{\n display:block;\n color:var(--forest);\n font-size:11px;\n line-height:1.2;\n font-weight:900;\n}\n\n#abf-page .abf-routine-duo-step span{\n display:block;\n margin-top:4px;\n color:#626A64;\n font-size:12px;\n line-height:1.35;\n}\n\n#abf-page .abf-routine-offer{\n margin-top:14px;\n padding:11px 12px;\n border-radius:9px;\n background:var(--active-lime);\n color:var(--treatment-dark);\n font-size:12px;\n line-height:1.35;\n font-weight:900;\n text-align:center;\n}\n\n#abf-page .abf-routine-duo-copy .abf-btn{\n align-self:flex-start;\n margin-top:14px;\n background:var(--forest);\n color:#fff!important;\n}\n\n@media(max-width:767px){\n\n #abf-page .abf-routine-combo .abf-use-grid{\n margin-bottom:22px!important;\n }\n\n #abf-page .abf-routine-duo{\n grid-template-columns:1fr;\n margin-top:22px;\n border-radius:17px;\n }\n\n #abf-page .abf-routine-duo-media{\n min-height:0;\n aspect-ratio:16\/10;\n }\n\n #abf-page .abf-routine-duo-copy{\n padding:20px 16px 21px;\n }\n\n #abf-page .abf-routine-duo-copy h3{\n font-size:24px!important;\n line-height:1.05!important;\n }\n\n #abf-page .abf-routine-duo-copy \u003e p{\n margin-top:9px;\n font-size:14px!important;\n line-height:1.48!important;\n }\n\n #abf-page .abf-routine-duo-steps{\n gap:8px;\n margin-top:14px;\n }\n\n #abf-page .abf-routine-duo-step{\n padding:10px 9px;\n }\n\n #abf-page .abf-routine-duo-step strong{\n font-size:11.5px!important;\n }\n\n #abf-page .abf-routine-duo-step span{\n font-size:12px!important;\n }\n\n #abf-page .abf-routine-offer{\n margin-top:12px;\n font-size:12px;\n }\n\n #abf-page .abf-routine-duo-copy .abf-btn{\n width:100%;\n margin-top:12px;\n }\n}\n\n\n\/* ============================================================\nSECTION 11 — COMPACT COMPARISON\n============================================================ *\/\n@media(max-width:767px){\n #abf-page .abf-compare{\n padding-top:42px;\n padding-bottom:42px;\n }\n\n #abf-page .abf-compare-box{\n margin-top:22px!important;\n }\n\n #abf-page .abf-compare-title{\n min-height:44px!important;\n display:flex;\n align-items:center;\n justify-content:center;\n font-size:12.5px!important;\n line-height:1.15!important;\n }\n\n #abf-page .abf-compare-product{\n height:105px!important;\n margin-top:7px!important;\n margin-bottom:5px!important;\n }\n\n #abf-page .abf-compare-product img{\n height:95px!important;\n }\n\n #abf-page .abf-comp-line{\n min-height:68px!important;\n padding:9px 0!important;\n font-size:12px!important;\n line-height:1.4!important;\n }\n}\n\n@media(max-width:380px){\n #abf-page .abf-compare-title{\n font-size:11.5px!important;\n }\n\n #abf-page .abf-comp-line{\n font-size:11.5px!important;\n }\n}\n\n\n\/* ============================================================\nSECTION 12 + 12B — FINAL COMPACT PASS\n============================================================ *\/\n\n#abf-page .abf-reviews h2{\n font-size:clamp(28px,3.4vw,42px);\n}\n\n#abf-page .abf-docs .abf-doc-grid{\n margin-top:18px;\n}\n\n@media(max-width:767px){\n\n #abf-page .abf-reviews{\n padding-top:40px;\n padding-bottom:40px;\n }\n\n #abf-page .abf-reviews h2{\n font-size:29px!important;\n line-height:1.05!important;\n }\n\n #abf-page .abf-koc-shell{\n margin-top:20px!important;\n }\n\n #abf-page .abf-docs{\n padding:30px 0!important;\n }\n\n #abf-page .abf-docs .abf-eyebrow{\n margin-bottom:7px;\n }\n\n #abf-page .abf-docs h2{\n font-size:25px!important;\n }\n\n #abf-page .abf-doc-grid{\n margin-top:16px!important;\n }\n\n #abf-page .abf-doc-label{\n font-size:11.5px!important;\n line-height:1.3!important;\n }\n}\n\n\n\/* ============================================================\nSECTION 03 — COMPACT STORY\n============================================================ *\/\n#abf-page .abf-story .abf-eyebrow{\n margin-bottom:6px;\n}\n\n#abf-page .abf-story p strong{\n color:#fff;\n font-weight:900;\n}\n\n@media(max-width:767px){\n #abf-page .abf-story{\n padding-top:40px;\n padding-bottom:40px;\n }\n\n #abf-page .abf-story .abf-two{\n gap:20px!important;\n }\n\n #abf-page .abf-story p{\n margin-top:10px;\n font-size:15px!important;\n line-height:1.55!important;\n }\n}\n\n\n\/* ============================================================\nFINAL VISUAL POLISH — MOBILE-FIRST\n- Harmonized section backgrounds\n- Cleaner card\/text containers\n- Larger small text on mobile\n- Scoped at the end so it overrides earlier passes safely\n============================================================ *\/\n\n\/* ---------- SECTION BACKGROUND RHYTHM ---------- *\/\n\n#abf-page .abf-treatment{\n background:#10261C;\n}\n\n#abf-page .abf-wbm{\n background:#F5F1E6;\n}\n\n#abf-page .abf-story{\n background:#214D37;\n}\n\n#abf-page .abf-results{\n background:#FFFFFF;\n}\n\n#abf-page .abf-problems{\n background:#EEF3EC;\n}\n\n#abf-page .abf-mechanism{\n background:#FAF8F2;\n}\n\n#abf-page .abf-ingredients{\n background:#10261C;\n}\n\n#abf-page .abf-expert{\n background:#E7EFE3;\n}\n\n#abf-page .abf-zones{\n background:#FFFFFF;\n}\n\n#abf-page .abf-use,\n#abf-page .abf-routine-combo{\n background:#F5F1E6;\n}\n\n#abf-page .abf-compare{\n background:#F7F9F6;\n}\n\n#abf-page .abf-reviews{\n background:#EEF3ED;\n}\n\n#abf-page .abf-docs{\n background:#F5F1E6;\n}\n\n#abf-page .abf-final{\n background:#10261C;\n}\n\n#abf-page .abf-faq{\n background:#FFFFFF;\n}\n\n\n\/* ---------- CARD \/ TEXT CONTAINER POLISH ---------- *\/\n\n#abf-page .abf-result-card,\n#abf-page .abf-problem,\n#abf-page .abf-zone,\n#abf-page .abf-use-card,\n#abf-page .abf-doc-card{\n border:1px solid #DDE5DE;\n box-shadow:0 7px 20px rgba(16,38,28,.055);\n}\n\n#abf-page .abf-problem{\n background:#FFFFFF;\n}\n\n#abf-page .abf-problem .abf-card-copy{\n background:#FFFFFF;\n}\n\n#abf-page .abf-zone{\n background:#FBFCFA;\n}\n\n#abf-page .abf-use-card{\n background:#FFFFFF;\n}\n\n#abf-page .abf-ingredients .abf-ing{\n background:#183127;\n border-color:rgba(255,255,255,.13);\n box-shadow:0 8px 20px rgba(0,0,0,.08);\n}\n\n#abf-page .abf-ingredients .abf-ing:first-child{\n border-color:#B9DF57;\n}\n\n#abf-page .abf-ingredients .abf-ing .abf-card-copy{\n background:#183127;\n}\n\n#abf-page .abf-expert .abf-two \u003e div:last-child{\n padding:28px 30px;\n border:1px solid #D8E4D7;\n border-radius:20px;\n background:rgba(255,255,255,.82);\n box-shadow:0 8px 22px rgba(16,38,28,.055);\n}\n\n#abf-page .abf-routine-duo{\n border-color:#D6E1D3;\n background:#FFFFFF;\n box-shadow:0 8px 24px rgba(16,38,28,.06);\n}\n\n#abf-page .abf-compare-box{\n background:#FFFFFF;\n box-shadow:0 8px 24px rgba(16,38,28,.05);\n}\n\n#abf-page .abf-koc-card{\n background:#FFFFFF;\n border-color:#DDE5DE;\n box-shadow:0 7px 20px rgba(16,38,28,.055);\n}\n\n#abf-page .abf-doc-card{\n background:#FFFFFF;\n}\n\n#abf-page .abf-faq-list details{\n margin-bottom:10px;\n padding:0 16px;\n border:1px solid #E1E7E2;\n border-radius:14px;\n background:#F9FBF8;\n}\n\n#abf-page .abf-faq-list details:last-child{\n margin-bottom:0;\n}\n\n\n\/* ============================================================\nMOBILE — LARGER SMALL TEXT \/ LABELS\nThe highlighted styles are increased by ~4px.\n============================================================ *\/\n@media(max-width:767px){\n\n \/* EYEBROWS \/ SMALL SECTION LABELS *\/\n #abf-page .abf-eyebrow{\n font-size:21px!important;\n line-height:1.24!important;\n letter-spacing:.75px!important;\n margin-bottom:10px!important;\n }\n\n \/* Keep long labels tidy when they wrap *\/\n #abf-page .abf-center .abf-eyebrow{\n max-width:100%;\n }\n\n \/* GENERAL SUPPORTING COPY *\/\n #abf-page .abf-sub{\n font-size:18px!important;\n line-height:1.55!important;\n }\n\n \/* STORY *\/\n #abf-page .abf-story p{\n font-size:18px!important;\n line-height:1.58!important;\n }\n\n \/* PROBLEM RECOGNITION — highlighted area in screenshot *\/\n #abf-page .abf-problem .abf-card-copy{\n padding:15px 13px 16px!important;\n }\n\n #abf-page .abf-problem .abf-card-copy h3{\n font-size:18px!important;\n line-height:1.18!important;\n }\n\n #abf-page .abf-problem .abf-card-copy p{\n margin-top:7px!important;\n font-size:17px!important;\n line-height:1.48!important;\n }\n\n \/* MECHANISM CAPTION *\/\n #abf-page .abf-mechanism-caption{\n font-size:17px!important;\n line-height:1.4!important;\n }\n\n \/* INGREDIENTS *\/\n #abf-page .abf-ingredients .abf-ing .abf-card-copy{\n padding:15px 13px 16px!important;\n }\n\n #abf-page .abf-ingredients .abf-ing h3{\n font-size:18px!important;\n line-height:1.2!important;\n }\n\n #abf-page .abf-ingredients .abf-ing p{\n margin-top:7px!important;\n font-size:17px!important;\n line-height:1.48!important;\n }\n\n \/* EXPERT TEXT CARD *\/\n #abf-page .abf-expert .abf-two \u003e div:last-child{\n padding:19px 17px!important;\n border-radius:17px;\n }\n\n #abf-page .abf-expert \u003e .abf-wrap \u003e div:last-child \u003e p{\n font-size:18px!important;\n line-height:1.52!important;\n }\n\n #abf-page .abf-expert-checks li strong{\n font-size:18px!important;\n line-height:1.28!important;\n }\n\n #abf-page .abf-expert-checks li span{\n font-size:17px!important;\n line-height:1.42!important;\n }\n\n \/* BODY ZONES *\/\n #abf-page .abf-zone{\n min-height:132px!important;\n padding:15px 10px 14px!important;\n }\n\n #abf-page .abf-zone strong{\n font-size:18px!important;\n line-height:1.15!important;\n }\n\n \/* HOW TO USE *\/\n #abf-page .abf-use-card{\n min-height:132px!important;\n padding:15px 13px!important;\n }\n\n #abf-page .abf-use-card h3{\n font-size:20px!important;\n line-height:1.18!important;\n }\n\n #abf-page .abf-use-card p{\n margin-top:7px!important;\n font-size:17.5px!important;\n line-height:1.45!important;\n }\n\n \/* PERFECT DUO *\/\n #abf-page .abf-routine-duo-copy{\n padding:21px 17px 22px!important;\n }\n\n #abf-page .abf-duo-kicker{\n font-size:18px!important;\n line-height:1.2!important;\n }\n\n #abf-page .abf-routine-duo-step strong{\n font-size:15.5px!important;\n line-height:1.25!important;\n }\n\n #abf-page .abf-routine-duo-step span{\n font-size:16px!important;\n line-height:1.4!important;\n }\n\n #abf-page .abf-routine-offer{\n font-size:16px!important;\n line-height:1.35!important;\n }\n\n \/* COMPARISON *\/\n #abf-page .abf-compare-title{\n min-height:54px!important;\n font-size:16.5px!important;\n line-height:1.16!important;\n }\n\n #abf-page .abf-comp-line{\n min-height:82px!important;\n padding:11px 0!important;\n font-size:16px!important;\n line-height:1.42!important;\n }\n\n \/* KOC *\/\n #abf-page .abf-reviews h2{\n font-size:31px!important;\n }\n\n \/* DOCUMENTATION *\/\n #abf-page .abf-doc-label{\n font-size:15.5px!important;\n line-height:1.35!important;\n }\n\n \/* FAQ *\/\n #abf-page summary{\n font-size:18px!important;\n line-height:1.4!important;\n }\n\n #abf-page details p{\n font-size:17.5px!important;\n line-height:1.55!important;\n }\n\n}\n\n\n\/* SMALL PHONES — keep readable without overflowing *\/\n@media(max-width:380px){\n\n #abf-page .abf-eyebrow{\n font-size:20px!important;\n }\n\n #abf-page .abf-problem .abf-card-copy h3,\n #abf-page .abf-ingredients .abf-ing h3,\n #abf-page .abf-zone strong{\n font-size:17px!important;\n }\n\n #abf-page .abf-problem .abf-card-copy p,\n #abf-page .abf-ingredients .abf-ing p,\n #abf-page .abf-expert-checks li span{\n font-size:16px!important;\n }\n\n #abf-page .abf-comp-line{\n font-size:15px!important;\n }\n\n #abf-page .abf-doc-label{\n font-size:14.5px!important;\n }\n}\n\n\n\/* ============================================================\nFINAL TYPOGRAPHY PASS — +4PX EVERYWHERE EXCEPT MAIN SECTION TITLES\nMain section titles (h2) are intentionally unchanged.\nApplies to desktop and mobile.\n============================================================ *\/\n\n\/* ---------- DESKTOP \/ TABLET ---------- *\/\n\n#abf-page h3{\n font-size:24px;\n}\n\n#abf-page p{\n font-size:20px;\n}\n\n#abf-page .abf-eyebrow{\n font-size:16px;\n}\n\n#abf-page .abf-sub{\n font-size:20px;\n}\n\n#abf-page .abf-btn{\n font-size:19px;\n}\n\n#abf-page .abf-note{\n font-size:16px;\n}\n\n#abf-page .abf-brand-top span{\n font-size:15px;\n}\n\n#abf-page .abf-brand-top small{\n font-size:15px;\n}\n\n#abf-page .abf-brand-card-copy h3{\n font-size:20px;\n}\n\n#abf-page .abf-brand-card-copy p{\n font-size:16.5px;\n}\n\n#abf-page .abf-brand-mini span{\n font-size:13.5px;\n}\n\n#abf-page .abf-brand-transition{\n font-size:16px;\n}\n\n#abf-page .abf-benefit strong{\n font-size:17px;\n}\n\n#abf-page .abf-benefit p{\n font-size:17px;\n}\n\n#abf-page .abf-result-tag{\n font-size:13px;\n}\n\n#abf-page .abf-result-copy h3{\n font-size:20px;\n}\n\n#abf-page .abf-result-copy p{\n font-size:16.5px;\n}\n\n#abf-page .abf-card-copy p{\n font-size:17px;\n}\n\n#abf-page .abf-mechanism-caption{\n font-size:17px;\n}\n\n#abf-page .abf-ing h3{\n font-size:24px;\n}\n\n#abf-page .abf-ing p{\n font-size:17px;\n}\n\n#abf-page .abf-checks li{\n font-size:18px;\n}\n\n#abf-page .abf-expert-checks li strong{\n font-size:17px;\n}\n\n#abf-page .abf-expert-checks li span{\n font-size:16.5px;\n}\n\n#abf-page .abf-zone strong{\n font-size:20px;\n}\n\n#abf-page .abf-zone span{\n font-size:16px;\n}\n\n#abf-page .abf-use-card h3{\n font-size:24px;\n}\n\n#abf-page .abf-use-card p{\n font-size:17px;\n}\n\n#abf-page .abf-duo-kicker{\n font-size:14px;\n}\n\n#abf-page .abf-routine-duo-step strong{\n font-size:15px;\n}\n\n#abf-page .abf-routine-duo-step span{\n font-size:16px;\n}\n\n#abf-page .abf-routine-offer{\n font-size:16px;\n}\n\n#abf-page .abf-compare-title{\n font-size:23px;\n}\n\n#abf-page .abf-comp-line{\n font-size:18px;\n}\n\n#abf-page .abf-docs .abf-sub{\n font-size:18px;\n}\n\n#abf-page .abf-doc-label{\n font-size:15px;\n}\n\n#abf-page summary{\n font-size:20px;\n}\n\n#abf-page details p{\n font-size:18px;\n}\n\n\n\/* ---------- MOBILE ---------- *\/\n\n@media(max-width:767px){\n\n \/* Main section titles H2 stay exactly as before *\/\n\n #abf-page h3{\n font-size:22px!important;\n line-height:1.22!important;\n }\n\n #abf-page p{\n font-size:21.5px!important;\n line-height:1.58!important;\n }\n\n #abf-page .abf-eyebrow{\n font-size:25px!important;\n line-height:1.22!important;\n letter-spacing:.55px!important;\n }\n\n #abf-page .abf-sub{\n font-size:22px!important;\n line-height:1.54!important;\n }\n\n #abf-page .abf-btn{\n font-size:22px!important;\n }\n\n #abf-page .abf-note{\n font-size:19px!important;\n }\n\n \/* BRAND *\/\n #abf-page .abf-brand-top span{\n font-size:20px!important;\n }\n\n #abf-page .abf-brand-card-copy h3{\n font-size:20px!important;\n line-height:1.18!important;\n }\n\n #abf-page .abf-brand-card-copy p{\n font-size:21px!important;\n line-height:1.52!important;\n }\n\n #abf-page .abf-brand-mini span{\n font-size:19px!important;\n min-height:34px!important;\n }\n\n #abf-page .abf-brand-transition{\n font-size:16.5px!important;\n line-height:1.5!important;\n }\n\n \/* WILD BITTER MELON BENEFITS *\/\n #abf-page .abf-benefit strong{\n font-size:19px!important;\n line-height:1.26!important;\n }\n\n #abf-page .abf-benefit p{\n font-size:21px!important;\n line-height:1.5!important;\n }\n\n \/* STORY *\/\n #abf-page .abf-story p{\n font-size:22px!important;\n line-height:1.56!important;\n }\n\n \/* RESULTS *\/\n #abf-page .abf-result-tag{\n font-size:18px!important;\n }\n\n #abf-page .abf-result-copy h3{\n font-size:22px!important;\n line-height:1.2!important;\n }\n\n #abf-page .abf-result-copy p{\n font-size:21.5px!important;\n line-height:1.5!important;\n }\n\n \/* PROBLEM RECOGNITION *\/\n #abf-page .abf-problem .abf-card-copy h3{\n font-size:22px!important;\n line-height:1.16!important;\n }\n\n #abf-page .abf-problem .abf-card-copy p{\n font-size:21px!important;\n line-height:1.45!important;\n }\n\n \/* MECHANISM *\/\n #abf-page .abf-mechanism .abf-sub{\n font-size:19px!important;\n line-height:1.5!important;\n }\n\n #abf-page .abf-mechanism-caption{\n font-size:21px!important;\n line-height:1.36!important;\n }\n\n \/* INGREDIENTS *\/\n #abf-page .abf-ingredients .abf-ing h3{\n font-size:22px!important;\n line-height:1.18!important;\n }\n\n #abf-page .abf-ingredients .abf-ing p{\n font-size:21px!important;\n line-height:1.46!important;\n }\n\n \/* EXPERT *\/\n #abf-page .abf-expert \u003e .abf-wrap \u003e div:last-child \u003e p{\n font-size:22px!important;\n line-height:1.5!important;\n }\n\n #abf-page .abf-expert-checks li strong{\n font-size:22px!important;\n line-height:1.24!important;\n }\n\n #abf-page .abf-expert-checks li span{\n font-size:21px!important;\n line-height:1.4!important;\n }\n\n \/* BODY ZONES *\/\n #abf-page .abf-zone strong{\n font-size:22px!important;\n line-height:1.12!important;\n }\n\n \/* HOW TO USE *\/\n #abf-page .abf-use-card h3{\n font-size:24px!important;\n line-height:1.15!important;\n }\n\n #abf-page .abf-use-card p{\n font-size:21.5px!important;\n line-height:1.42!important;\n }\n\n \/* PERFECT DUO *\/\n #abf-page .abf-duo-kicker{\n font-size:22px!important;\n line-height:1.15!important;\n }\n\n #abf-page .abf-routine-duo-copy \u003e p{\n font-size:20px!important;\n line-height:1.48!important;\n }\n\n #abf-page .abf-routine-duo-step strong{\n font-size:19.5px!important;\n }\n\n #abf-page .abf-routine-duo-step span{\n font-size:20px!important;\n }\n\n #abf-page .abf-routine-offer{\n font-size:20px!important;\n line-height:1.32!important;\n }\n\n \/* COMPARISON *\/\n #abf-page .abf-compare-title{\n font-size:20.5px!important;\n line-height:1.14!important;\n }\n\n #abf-page .abf-comp-line{\n font-size:20px!important;\n line-height:1.4!important;\n }\n\n \/* DOCUMENTATION *\/\n #abf-page .abf-doc-label{\n font-size:19.5px!important;\n line-height:1.32!important;\n }\n\n \/* FAQ *\/\n #abf-page summary{\n font-size:22px!important;\n line-height:1.36!important;\n }\n\n #abf-page details p{\n font-size:21.5px!important;\n line-height:1.5!important;\n }\n\n \/* Let cards grow naturally with the larger copy *\/\n #abf-page .abf-brand-card,\n #abf-page .abf-brand-photo-card,\n #abf-page .abf-benefit,\n #abf-page .abf-result-copy,\n #abf-page .abf-problem,\n #abf-page .abf-ing,\n #abf-page .abf-use-card,\n #abf-page .abf-zone,\n #abf-page .abf-comp-line{\n height:auto!important;\n }\n\n #abf-page .abf-benefit,\n #abf-page .abf-use-card,\n #abf-page .abf-zone{\n min-height:0!important;\n }\n}\n\n\n\/* ---------- SMALL PHONES ---------- *\/\n@media(max-width:380px){\n\n #abf-page .abf-eyebrow{\n font-size:23px!important;\n }\n\n #abf-page p,\n #abf-page .abf-story p,\n #abf-page .abf-result-copy p,\n #abf-page .abf-problem .abf-card-copy p,\n #abf-page .abf-ingredients .abf-ing p,\n #abf-page .abf-use-card p,\n #abf-page details p{\n font-size:20px!important;\n }\n\n #abf-page .abf-brand-card-copy p,\n #abf-page .abf-benefit p,\n #abf-page .abf-expert-checks li span{\n font-size:19.5px!important;\n }\n\n #abf-page .abf-comp-line{\n font-size:18.5px!important;\n }\n\n #abf-page .abf-doc-label{\n font-size:18px!important;\n }\n}\n\n\n\/* ============================================================\nFINAL TYPOGRAPHY TUNE\n- Main section titles: -2px\n- All supporting typography: -1px\n============================================================ *\/\n\n\/* ---------- DESKTOP \/ TABLET ---------- *\/\n\n\/* Main section titles *\/\n#abf-page h2{\n font-size:clamp(28px,3.8vw,50px);\n}\n\n\/* Supporting text *\/\n#abf-page h3{ font-size:23px; }\n#abf-page p{ font-size:19px; }\n#abf-page .abf-eyebrow{ font-size:15px; }\n#abf-page .abf-sub{ font-size:19px; }\n#abf-page .abf-btn{ font-size:18px; }\n#abf-page .abf-note{ font-size:15px; }\n\n#abf-page .abf-brand-top span{ font-size:14px; }\n#abf-page .abf-brand-top small{ font-size:14px; }\n#abf-page .abf-brand-card-copy h3{ font-size:19px; }\n#abf-page .abf-brand-card-copy p{ font-size:15.5px; }\n#abf-page .abf-brand-mini span{ font-size:12.5px; }\n#abf-page .abf-brand-transition{ font-size:15px; }\n\n#abf-page .abf-benefit strong{ font-size:16px; }\n#abf-page .abf-benefit p{ font-size:16px; }\n\n#abf-page .abf-result-tag{ font-size:12px; }\n#abf-page .abf-result-copy h3{ font-size:19px; }\n#abf-page .abf-result-copy p{ font-size:15.5px; }\n\n#abf-page .abf-card-copy p{ font-size:16px; }\n#abf-page .abf-mechanism-caption{ font-size:16px; }\n\n#abf-page .abf-ing h3{ font-size:23px; }\n#abf-page .abf-ing p{ font-size:16px; }\n\n#abf-page .abf-checks li{ font-size:17px; }\n#abf-page .abf-expert-checks li strong{ font-size:16px; }\n#abf-page .abf-expert-checks li span{ font-size:15.5px; }\n\n#abf-page .abf-zone strong{ font-size:19px; }\n#abf-page .abf-zone span{ font-size:15px; }\n\n#abf-page .abf-use-card h3{ font-size:23px; }\n#abf-page .abf-use-card p{ font-size:16px; }\n\n#abf-page .abf-duo-kicker{ font-size:13px; }\n#abf-page .abf-routine-duo-step strong{ font-size:14px; }\n#abf-page .abf-routine-duo-step span{ font-size:15px; }\n#abf-page .abf-routine-offer{ font-size:15px; }\n\n#abf-page .abf-compare-title{ font-size:22px; }\n#abf-page .abf-comp-line{ font-size:17px; }\n\n#abf-page .abf-docs .abf-sub{ font-size:17px; }\n#abf-page .abf-doc-label{ font-size:14px; }\n\n#abf-page summary{ font-size:19px; }\n#abf-page details p{ font-size:17px; }\n\n\n\/* ---------- MOBILE ---------- *\/\n@media(max-width:767px){\n\n \/* Main section titles: -2px from the previous mobile sizing *\/\n #abf-page h2{\n font-size:28px!important;\n line-height:1.03!important;\n }\n\n #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n font-size:32px!important;\n }\n\n #abf-page .abf-big-copy h2{\n font-size:27px!important;\n }\n\n \/* Everything else: -1px *\/\n #abf-page h3{\n font-size:21px!important;\n }\n\n #abf-page p{\n font-size:20.5px!important;\n }\n\n #abf-page .abf-eyebrow{\n font-size:24px!important;\n }\n\n #abf-page .abf-sub{\n font-size:21px!important;\n }\n\n #abf-page .abf-btn{\n font-size:21px!important;\n }\n\n #abf-page .abf-note{\n font-size:18px!important;\n }\n\n \/* BRAND *\/\n #abf-page .abf-brand-top span{ font-size:19px!important; }\n #abf-page .abf-brand-card-copy h3{ font-size:19px!important; }\n #abf-page .abf-brand-card-copy p{ font-size:20px!important; }\n #abf-page .abf-brand-mini span{ font-size:18px!important; }\n #abf-page .abf-brand-transition{ font-size:15.5px!important; }\n\n \/* WBM BENEFITS *\/\n #abf-page .abf-benefit strong{ font-size:18px!important; }\n #abf-page .abf-benefit p{ font-size:20px!important; }\n\n \/* STORY *\/\n #abf-page .abf-story p{ font-size:21px!important; }\n\n \/* RESULTS *\/\n #abf-page .abf-result-tag{ font-size:17px!important; }\n #abf-page .abf-result-copy h3{ font-size:21px!important; }\n #abf-page .abf-result-copy p{ font-size:20.5px!important; }\n\n \/* PROBLEM RECOGNITION *\/\n #abf-page .abf-problem .abf-card-copy h3{ font-size:21px!important; }\n #abf-page .abf-problem .abf-card-copy p{ font-size:20px!important; }\n\n \/* MECHANISM *\/\n #abf-page .abf-mechanism .abf-sub{ font-size:18px!important; }\n #abf-page .abf-mechanism-caption{ font-size:20px!important; }\n\n \/* INGREDIENTS *\/\n #abf-page .abf-ingredients .abf-ing h3{ font-size:21px!important; }\n #abf-page .abf-ingredients .abf-ing p{ font-size:20px!important; }\n\n \/* EXPERT *\/\n #abf-page .abf-expert \u003e .abf-wrap \u003e div:last-child \u003e p{ font-size:21px!important; }\n #abf-page .abf-expert-checks li strong{ font-size:21px!important; }\n #abf-page .abf-expert-checks li span{ font-size:20px!important; }\n\n \/* BODY ZONES *\/\n #abf-page .abf-zone strong{ font-size:21px!important; }\n\n \/* HOW TO USE *\/\n #abf-page .abf-use-card h3{ font-size:23px!important; }\n #abf-page .abf-use-card p{ font-size:20.5px!important; }\n\n \/* PERFECT DUO *\/\n #abf-page .abf-duo-kicker{ font-size:21px!important; }\n #abf-page .abf-routine-duo-copy \u003e p{ font-size:19px!important; }\n #abf-page .abf-routine-duo-step strong{ font-size:18.5px!important; }\n #abf-page .abf-routine-duo-step span{ font-size:19px!important; }\n #abf-page .abf-routine-offer{ font-size:19px!important; }\n\n \/* COMPARISON *\/\n #abf-page .abf-compare-title{ font-size:19.5px!important; }\n #abf-page .abf-comp-line{ font-size:19px!important; }\n\n \/* DOCUMENTATION *\/\n #abf-page .abf-doc-label{ font-size:18.5px!important; }\n\n \/* FAQ *\/\n #abf-page summary{ font-size:21px!important; }\n #abf-page details p{ font-size:20.5px!important; }\n}\n\n\n\/* ---------- SMALL PHONES ---------- *\/\n@media(max-width:380px){\n\n #abf-page h2{\n font-size:27px!important;\n }\n\n #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n font-size:31px!important;\n }\n\n #abf-page .abf-eyebrow{\n font-size:22px!important;\n }\n\n #abf-page p,\n #abf-page .abf-story p,\n #abf-page .abf-result-copy p,\n #abf-page .abf-problem .abf-card-copy p,\n #abf-page .abf-ingredients .abf-ing p,\n #abf-page .abf-use-card p,\n #abf-page details p{\n font-size:19px!important;\n }\n\n #abf-page .abf-brand-card-copy p,\n #abf-page .abf-benefit p,\n #abf-page .abf-expert-checks li span{\n font-size:18.5px!important;\n }\n\n #abf-page .abf-comp-line{\n font-size:17.5px!important;\n }\n\n #abf-page .abf-doc-label{\n font-size:17px!important;\n }\n}\n\n\n\/* ============================================================\nFINAL MOBILE HEADING TUNE\nParagraph\/body copy stays unchanged.\n- H2: -2px\n- H3: -2px\n- Eyebrow\/section label: -2px\n- More breathing room between lines and label → title\n============================================================ *\/\n\n@media(max-width:767px){\n\n \/* MAIN SECTION TITLES *\/\n #abf-page h2{\n font-size:26px!important;\n line-height:1.08!important;\n letter-spacing:-.75px!important;\n }\n\n \/* Hero \/ treatment title still slightly larger, but reduced *\/\n #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n font-size:30px!important;\n line-height:1.07!important;\n }\n\n \/* Wild Bitter Melon section title *\/\n #abf-page .abf-big-copy h2{\n font-size:25px!important;\n line-height:1.08!important;\n }\n\n \/* CARD \/ SUB HEADINGS *\/\n #abf-page h3{\n font-size:19px!important;\n line-height:1.22!important;\n }\n\n \/* SECTION LABELS \/ EYEBROWS *\/\n #abf-page .abf-eyebrow{\n font-size:22px!important;\n line-height:1.24!important;\n letter-spacing:.5px!important;\n margin-bottom:12px!important;\n }\n\n \/* Specific card headings that had larger scoped overrides *\/\n #abf-page .abf-brand-card-copy h3,\n #abf-page .abf-result-copy h3,\n #abf-page .abf-problem .abf-card-copy h3,\n #abf-page .abf-ingredients .abf-ing h3,\n #abf-page .abf-expert-checks li strong,\n #abf-page .abf-zone strong{\n font-size:19px!important;\n line-height:1.22!important;\n }\n\n #abf-page .abf-use-card h3{\n font-size:21px!important;\n line-height:1.2!important;\n }\n\n #abf-page .abf-compare-title{\n font-size:17.5px!important;\n line-height:1.18!important;\n }\n\n #abf-page summary{\n font-size:19px!important;\n line-height:1.4!important;\n }\n\n \/* Slightly more space between heading block and content *\/\n #abf-page .abf-center \u003e h2 + .abf-sub{\n margin-top:16px!important;\n }\n}\n\n@media(max-width:380px){\n\n #abf-page h2{\n font-size:25px!important;\n }\n\n #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n font-size:29px!important;\n }\n\n #abf-page .abf-big-copy h2{\n font-size:24px!important;\n }\n\n #abf-page .abf-eyebrow{\n font-size:20px!important;\n }\n\n #abf-page h3,\n #abf-page .abf-brand-card-copy h3,\n #abf-page .abf-result-copy h3,\n #abf-page .abf-problem .abf-card-copy h3,\n #abf-page .abf-ingredients .abf-ing h3,\n #abf-page .abf-expert-checks li strong,\n #abf-page .abf-zone strong{\n font-size:18px!important;\n }\n}\n\n\n\/* ============================================================\nFINAL MOBILE TYPOGRAPHY SYSTEM\nUnified hierarchy across all sections.\nParagraph\/body copy is intentionally left unchanged.\n============================================================ *\/\n@media(max-width:767px){\n\n \/* 1) SECTION TITLES *\/\n #abf-page h2{\n font-size:26px!important;\n line-height:1.10!important;\n letter-spacing:-.7px!important;\n }\n\n \/* Hero \/ first section stays intentionally larger *\/\n #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n font-size:30px!important;\n line-height:1.08!important;\n }\n\n \/* Wild Bitter Melon section now matches standard H2 *\/\n #abf-page .abf-big-copy h2{\n font-size:26px!important;\n line-height:1.10!important;\n }\n\n \/* 2) EYEBROW \/ SECTION LABEL *\/\n #abf-page .abf-eyebrow{\n font-size:17px!important;\n line-height:1.28!important;\n letter-spacing:.8px!important;\n margin-bottom:11px!important;\n }\n\n \/* 3) CARD \/ SUB HEADINGS *\/\n #abf-page h3,\n #abf-page .abf-brand-card-copy h3,\n #abf-page .abf-result-copy h3,\n #abf-page .abf-problem .abf-card-copy h3,\n #abf-page .abf-ingredients .abf-ing h3,\n #abf-page .abf-expert-checks li strong,\n #abf-page .abf-zone strong,\n #abf-page .abf-use-card h3,\n #abf-page .abf-compare-title{\n font-size:19px!important;\n line-height:1.22!important;\n }\n\n \/* Keep comparison labels vertically aligned *\/\n #abf-page .abf-compare-title{\n min-height:48px!important;\n display:flex;\n align-items:center;\n justify-content:center;\n }\n\n \/* 4) SMALL TAGS \/ SUPPORT LABELS *\/\n #abf-page .abf-result-tag{\n font-size:15px!important;\n }\n\n #abf-page .abf-brand-mini span{\n font-size:15px!important;\n }\n\n #abf-page .abf-duo-kicker{\n font-size:16px!important;\n }\n\n #abf-page .abf-doc-label{\n font-size:16px!important;\n line-height:1.35!important;\n }\n\n \/* 5) FAQ QUESTION = H3 LEVEL *\/\n #abf-page summary{\n font-size:19px!important;\n line-height:1.4!important;\n }\n\n \/* A little breathing room below heading blocks *\/\n #abf-page .abf-center \u003e h2 + .abf-sub{\n margin-top:15px!important;\n }\n}\n\n\n\/* SMALL PHONES *\/\n@media(max-width:380px){\n\n #abf-page h2{\n font-size:25px!important;\n }\n\n #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n font-size:29px!important;\n }\n\n #abf-page .abf-big-copy h2{\n font-size:25px!important;\n }\n\n #abf-page .abf-eyebrow{\n font-size:16px!important;\n }\n\n #abf-page h3,\n #abf-page .abf-brand-card-copy h3,\n #abf-page .abf-result-copy h3,\n #abf-page .abf-problem .abf-card-copy h3,\n #abf-page .abf-ingredients .abf-ing h3,\n #abf-page .abf-expert-checks li strong,\n #abf-page .abf-zone strong,\n #abf-page .abf-use-card h3,\n #abf-page .abf-compare-title,\n #abf-page summary{\n font-size:18px!important;\n }\n}\n\n\u003c\/style\u003e\n\n\n\u003cdiv id=\"abf-page\"\u003e\n\n\n\u003c!-- ============================================================\n01 — TREATMENT\n============================================================ --\u003e\n\n\u003csection class=\"abf-treatment abf-center\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n FROM THE BRAND\n \u003c\/span\u003e\n\n \u003ch2\u003e\n HIGH-PERFORMANCE FOLLICULITIS TREATMENT BODY WASH\n \u003c\/h2\u003e\n\n \u003cp class=\"abf-sub\"\u003e\n Get rid of back acne and hyperkeratosis with a targeted body wash\n for folliculitis-prone skin and recurring body bumps.\n \u003c\/p\u003e\n\n\n \u003c!-- =====================================================\n BRAND BACKGROUND\n\n PASTE_BRAND_BACKGROUND_DOCTOR_IMAGE_URL\n\n SIZE:\n 2000×1100 px\n\n VISUAL:\n - American male doctor 55–65\n - older \/ mature \/ salt-and-pepper hair\n - white coat\n - stethoscope around neck\n - LEFT side\n\n OPTION A:\n Doctor points toward before\/after dermatology board.\n\n OPTION B:\n muscular\/fit male model faces away,\n doctor points to back folliculitis area.\n\n BACKGROUND:\n pale green \/ cream \/ clean clinical green.\n\n IMPORTANT:\n Doctor stays LEFT.\n Keep RIGHT side relatively simple because carousel overlays it.\n Doctor from this image should be reused later in Expert Video.\n ===================================================== --\u003e\n\n \u003cdiv class=\"abf-brand-stage\"\u003e\n\n\n \u003cdiv class=\"abf-brand-bg\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Shopifi_6.webp?v=1787213309\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-brand-overlay-zone\"\u003e\n\n \u003cdiv class=\"abf-brand-viewport\"\u003e\n\n\n \u003cbutton type=\"button\" class=\"abf-brand-arrow abf-brand-prev\"\u003e\n ←\n \u003c\/button\u003e\n\n\n \u003cdiv class=\"abf-brand-track\"\u003e\n\n \u003carticle class=\"abf-brand-card is-white\"\u003e\n\n \u003cdiv class=\"abf-brand-card-media\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_pointing_at_woman_s_back_202608151401.webp?v=1786777580\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-brand-card-copy\"\u003e\n\n \u003ch3\u003e\n WE POSSESS EXPERTISE IN BODYCARE\n \u003c\/h3\u003e\n\n \u003cp\u003e\n We understand body skin concerns like sweat, oil,\n friction and clogged follicles that keep bumps coming back.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abf-brand-mini\"\u003e\n \u003cspan\u003eBack\u003c\/span\u003e\n \u003cspan\u003eChest\u003c\/span\u003e\n \u003cspan\u003eShoulders\u003c\/span\u003e\n \u003cspan\u003eThighs\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-brand-card is-green\"\u003e\n\n \u003cdiv class=\"abf-brand-card-media\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Cosmetic_formulation_product_adv__4K_202608151404_1.webp?v=1786778339\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-brand-card-copy\"\u003e\n\n \u003ch3\u003e\n WE ARE WELL-VERSED IN INGREDIENTS\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Wild Bitter Melon, BHA, Tea Tree Oil and Heartleaf\n work together to exfoliate, purify and calm breakout-prone body skin.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abf-brand-mini\"\u003e\n \u003cspan\u003eWild Bitter Melon\u003c\/span\u003e\n \u003cspan\u003eBHA\u003c\/span\u003e\n \u003cspan\u003eTea Tree\u003c\/span\u003e\n \u003cspan\u003eHeartleaf\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-brand-card is-white\"\u003e\n\n \u003cdiv class=\"abf-brand-card-media\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Clinical_skin_before_and_after_202608151355.webp?v=1786777580\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-brand-card-copy\"\u003e\n\n \u003ch3\u003e\n WHY PEOPLE TRUST ABERA FOLLICULITIS SHOWER GEL\n \u003c\/h3\u003e\n\n \u003cp\u003e\n \u003cstrong\u003e92%\u003c\/strong\u003e noticed fewer back bumps and folliculitis.\u003cbr\u003e\n \u003cstrong\u003e95%\u003c\/strong\u003e felt smoother skin with less visible redness in just a few weeks.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abf-brand-mini\"\u003e\n \u003cspan\u003eMeasured Results\u003c\/span\u003e\n \u003cspan\u003eVisible Change\u003c\/span\u003e\n \u003cspan\u003eFew Weeks\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-brand-card is-green\"\u003e\n\n \u003cdiv class=\"abf-brand-card-media\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Cosmetic_formulation_product_adv__4K_202608151404.webp?v=1786777580\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-brand-card-copy\"\u003e\n\n \u003ch3\u003e\n FORMULATED FOR TARGETED BODY TREATMENT\n \u003c\/h3\u003e\n\n \u003cp\u003e\n A targeted body wash designed for recurring body bumps,\n rough texture and folliculitis-prone skin.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abf-brand-mini\"\u003e\n \u003cspan\u003eTargeted Care\u003c\/span\u003e\n \u003cspan\u003eDaily Use\u003c\/span\u003e\n \u003cspan\u003eBody Focus\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-brand-card is-white\"\u003e\n\n \u003cdiv class=\"abf-brand-card-media\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Cosmetic_formulation_product_adv__4K_2026s08151404.webp?v=1786778556\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-brand-card-copy\"\u003e\n\n \u003ch3\u003e\n POWERED BY WILD BITTER MELON\n \u003c\/h3\u003e\n\n \u003cp\u003e\n A treatment-first body wash that helps cleanse,\n unclog and maintain clearer-looking body skin.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abf-brand-mini\"\u003e\n \u003cspan\u003eCleanse\u003c\/span\u003e\n \u003cspan\u003eUnclog\u003c\/span\u003e\n \u003cspan\u003ePurify\u003c\/span\u003e\n \u003cspan\u003eMaintain\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-brand-photo-card\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_1_6c9e8016-b200-49cb-951f-a9c09716aa7d.webp?v=1786777993\" alt=\"Man holding ABERA Folliculitis Body Wash\" loading=\"lazy\"\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-brand-photo-card\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_3_f3fc4c4d-a776-47fe-94f0-f58ba9e80aa4.webp?v=1786777993\" alt=\"Woman holding ABERA Folliculitis Body Wash\" loading=\"lazy\"\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-brand-photo-card\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_4_15dc276f-d1a6-4cca-a743-75c26493d648.webp?v=1786777993\" alt=\"ABERA Folliculitis Body Wash daily lifestyle use\" loading=\"lazy\"\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cbutton type=\"button\" class=\"abf-brand-arrow abf-brand-next\"\u003e\n →\n \u003c\/button\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-brand-dots\"\u003e\u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- BRAND → TREATMENT TRANSITION --\u003e\n \u003cp class=\"abf-brand-transition\"\u003e\n FOLLICULITIS • BACK ACNE • BODY ACNE • STRAWBERRY SKIN • KERATOSIS PILARIS\n \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n02 — WILD BITTER MELON HERO\n\nIMAGE:\nPASTE_WILD_BITTER_MELON_HERO_IMAGE_URL\n\nSIZE:\n1200×1000 or 1200×1200\n\nFLOW:\nUPLOAD PRODUCT REFERENCE.\n\nVisual:\nABERA bottle + Wild Bitter Melon + green gel.\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-wbm\"\u003e\n\n \u003cdiv class=\"abf-wrap abf-two\"\u003e\n\n \u003cdiv class=\"abf-main-img\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Body_wash_product_hero_image_202608151436.webp?v=1786779691\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-big-copy\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n THE POWER OF WILD BITTER MELON\n \u003c\/span\u003e\n\n \u003ch2\u003e\n WHY WILD BITTER MELON WORKS AGAINST FOLLICULITIS\u003cbr\u003e\n \n \u003c\/h2\u003e\n\n \u003cp\u003e\n The hero ingredient behind \u003cstrong\u003eABERA Folliculitis Body Wash\u003c\/strong\u003e —\n helping target clogged follicles, fungal buildup and recurring body acne.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abf-wbm-benefits\"\u003e\n\n \u003cdiv class=\"abf-benefit\"\u003e\n\n \u003cstrong\u003eFIGHTS FOLLICULITIS\u003c\/strong\u003e\n\n \u003cp\u003e\n Targets clogged, inflamed follicles.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-benefit\"\u003e\n\n \u003cstrong\u003eANTIFUNGAL ACTION\u003c\/strong\u003e\n\n \u003cp\u003e\n Helps eliminate fungal buildup.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-benefit\"\u003e\n\n \u003cstrong\u003eUNCLOGS FOLLICLES\u003c\/strong\u003e\n\n \u003cp\u003e\n Clears oil, dead skin and debris.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-benefit\"\u003e\n\n \u003cstrong\u003ePREVENTS RECURRENCE\u003c\/strong\u003e\n\n \u003cp\u003e\n Helps stop stubborn bumps from returning.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n03 — WILD BITTER MELON STORY\nCompact history → research → product relevance\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-story\"\u003e\n\n \u003cdiv class=\"abf-wrap abf-two\"\u003e\n\n \u003cdiv\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n USED FOR GENERATIONS\n \u003c\/span\u003e\n\n \u003cp\u003e\n Bitter Melon (\u003cem\u003eMomordica charantia\u003c\/em\u003e) has been used for generations\n in Ayurvedic and traditional Asian wellness practices.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Modern research has identified naturally occurring compounds with\n antioxidant, anti-inflammatory and antimicrobial activity — one reason\n Wild Bitter Melon became the signature botanical in\n \u003cstrong\u003eABERA Folliculitis Body Wash\u003c\/strong\u003e.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-main-img\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Farmer_holding_bitter_melon_vine_202608151448.webp?v=1786780165\" alt=\"Farmer holding Wild Bitter Melon\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n04 — RESULTS \/ BEFORE \u0026 AFTER PROOF\n\nNEW STRUCTURE:\n- 4 CARDS TOTAL\n- EACH CARD USES ONLY 1 COMPLETE IMAGE FILE\n- YOU DESIGN BEFORE + AFTER INSIDE THAT ONE IMAGE YOURSELF\n- DO NOT UPLOAD BEFORE AND AFTER AS SEPARATE HTML IMAGES\n\nRECOMMENDED IMAGE SIZE FOR ALL 4:\n1080 × 1350 px (4:5)\n\nSUGGESTED INTERNAL IMAGE LAYOUT:\nLEFT = BEFORE\nRIGHT = AFTER\n\nYou can put BEFORE \/ AFTER labels directly inside your designed image.\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-results\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n VISIBLE TRANSFORMATION\n \u003c\/span\u003e\n\n \u003ch2\u003e\n REAL RESULTS IN JUST 4 WEEKS\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-track abf-grid-4 abf-results-track\" data-carousel\u003e\n\n\n \u003c!-- ==================================================\n RESULT 01 — BACK ACNE \u0026 FOLLICULITIS\n\n UPLOAD ONE COMPLETE BEFORE\/AFTER IMAGE:\n PASTE_RESULT_BACK_BEFORE_AFTER_URL\n\n Recommended:\n 1080 × 1350 px \/ 4:5\n Same back area shown BEFORE + AFTER inside the single file.\n ================================================== --\u003e\n\n \u003carticle class=\"abf-result-card\"\u003e\n\n \u003cdiv class=\"abf-result-image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1105-20241105034555-lo59z-ezgifcom-gif-to-webp-converter-20260715072644-mtvj3.webp?v=1786781353\" alt=\"Before and after back acne and folliculitis treatment\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-result-copy\"\u003e\n\n \u003cspan class=\"abf-result-tag\"\u003e\n BACK\n \u003c\/span\u003e\n\n \u003ch3\u003e\n REDUCE BACK ACNE\u003cbr\u003e\n \u0026amp; FOLLICULITIS\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Helps visibly reduce stubborn follicular bumps,\n redness and congested-looking back skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c!-- ==================================================\n RESULT 02 — CHEST \u0026 SHOULDER BREAKOUTS\n\n UPLOAD ONE COMPLETE BEFORE\/AFTER IMAGE:\n PASTE_RESULT_CHEST_BEFORE_AFTER_URL\n\n Suggested area:\n chest OR shoulder.\n Both BEFORE + AFTER are already designed inside one image.\n ================================================== --\u003e\n\n \u003carticle class=\"abf-result-card\"\u003e\n\n \u003cdiv class=\"abf-result-image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/11051-20241105040542-fzl01-ezgifcom-gif-to-webp-converter-20260715072557-zu1pq.webp?v=1786781418\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-result-copy\"\u003e\n\n \u003cspan class=\"abf-result-tag\"\u003e\n CHEST + SHOULDERS\n \u003c\/span\u003e\n\n \u003ch3\u003e\n CLEAR BODY\u003cbr\u003e\n BREAKOUTS\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Targets clogged follicles and helps calm red,\n uneven-looking chest and shoulder skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c!-- ==================================================\n RESULT 03 — STRAWBERRY SKIN \u0026 ROUGH TEXTURE\n\n UPLOAD ONE COMPLETE BEFORE\/AFTER IMAGE:\n PASTE_RESULT_TEXTURE_BEFORE_AFTER_URL\n\n Suggested area:\n thigh or upper arm.\n Rough follicular texture → smoother-looking skin.\n ================================================== --\u003e\n\n \u003carticle class=\"abf-result-card\"\u003e\n\n \u003cdiv class=\"abf-result-image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/11052-20241105040542-bxwym-ezgifcom-gif-to-webp-converter-20260715072317-as3z-ezgifcom-optiwebp-20260720064022-z_g6c.webp?v=1786781923\" alt=\"Before and after strawberry skin and rough body texture\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-result-copy\"\u003e\n\n \u003cspan class=\"abf-result-tag\"\u003e\n ROUGH TEXTURE\n \u003c\/span\u003e\n\n \u003ch3\u003e\n SMOOTH STRAWBERRY SKIN\u003cbr\u003e\n \u0026amp; ROUGH TEXTURE\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Helps refine clogged-looking follicles and restore\n smoother, more even-looking body skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c!-- ==================================================\n RESULT 04 — INGROWN HAIRS \u0026 RECURRING BUMPS\n\n UPLOAD ONE COMPLETE BEFORE\/AFTER IMAGE:\n PASTE_RESULT_INGROWN_BEFORE_AFTER_URL\n\n Suggested area:\n thigh, arm or another shaving\/friction-prone body zone.\n ================================================== --\u003e\n\n \u003carticle class=\"abf-result-card\"\u003e\n\n \u003cdiv class=\"abf-result-image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/11054-20241105075910-ws4wj-ezgifcom-gif-to-webp-converter-20260715092652-rwb9c.webp?v=1786782810\" alt=\"Before and after ingrown hairs and recurring body bumps\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-result-copy\"\u003e\n\n \u003cspan class=\"abf-result-tag\"\u003e\n RECURRING BUMPS\n \u003c\/span\u003e\n\n \u003ch3\u003e\n TARGET INGROWN HAIRS\u003cbr\u003e\n \u0026amp; RECURRING BUMPS\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Helps keep follicles clearer and reduces the look\n of bumps caused by shaving and friction.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-dots\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n05 — PROBLEM RECOGNITION\nDesktop: 4 cards in one row\nMobile: 2 × 2 grid — no carousel\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-problems\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n RECOGNIZE THE SIGNS\n \u003c\/span\u003e\n\n \u003ch2\u003e\n DOES YOUR SKIN\u003cbr\u003e\n LOOK LIKE THIS?\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-track abf-grid-4 abf-problem-track\"\u003e\n\n\n \u003carticle class=\"abf-problem\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/close-up-of-red-folliculitis-papules-on-skin-dr-chris-halescience-photo-library.jpg?v=1786783739\" alt=\"Folliculitis bumps around hair follicles\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abf-card-copy\"\u003e\n\n \u003ch3\u003eFolliculitis Bumps\u003c\/h3\u003e\n\n \u003cp\u003e\n Red, inflamed bumps around hair follicles.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-problem\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Refresh-Medispa-Cosmetic-Conditions-BackAcne.webp?v=1786783738\" alt=\"Back and chest acne\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abf-card-copy\"\u003e\n\n \u003ch3\u003eBack \u0026amp; Chest Acne\u003c\/h3\u003e\n\n \u003cp\u003e\n Breakouts triggered by sweat, oil and friction.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-problem\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/how_to_prevent_ingrown_hairs_3454976.webp?v=1786783938\" alt=\"Ingrown hairs after shaving\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abf-card-copy\"\u003e\n\n \u003ch3\u003eIngrown Hairs\u003c\/h3\u003e\n\n \u003cp\u003e\n Raised bumps after shaving or friction.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-problem\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/strawberry.jpg?v=1786783738\" alt=\"Strawberry skin and keratosis pilaris\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abf-card-copy\"\u003e\n\n \u003ch3\u003eStrawberry Skin \/ KP\u003c\/h3\u003e\n\n \u003cp\u003e\n Dark follicles and rough, uneven texture.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n06 — MECHANISM\nAnimation explains the cycle.\nCards below act as a short visual legend.\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-mechanism\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n BREAK THE CYCLE\n \u003c\/span\u003e\n\n \u003ch2\u003e\n WHY DOES FOLLICULITIS\u003cbr\u003e\n KEEP COMING BACK?\n \u003c\/h2\u003e\n\n \u003cp class=\"abf-sub\"\u003e\n Sweat, oil, dead skin and microbial buildup\n can keep follicles trapped in the same breakout cycle.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-mechanism-visual\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/logoremover_1786786362466-ezgif.com-video-to-webp-converter.webp?v=1786786671\" alt=\"Folliculitis breakout cycle animation\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abf-mechanism-caption\"\u003e\n ABERA TARGETS THE FOLLICLE — NOT JUST SURFACE DIRT.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n07 — ACTIVE INGREDIENTS\nCompact formula breakdown\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-ingredients\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n TARGETED FORMULA\n \u003c\/span\u003e\n\n \u003ch2\u003e\n 4 ACTIVES. 4 ROLES.\u003cbr\u003e\n ONE FOLLICULITIS BODY WASH.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-ing-grid\"\u003e\n\n \u003carticle class=\"abf-ing\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Wild_bitter_melon_with_gel_202608151652.webp?v=1786787820\" alt=\"Wild Bitter Melon\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abf-card-copy\"\u003e\n\n \u003ch3\u003eWild Bitter Melon\u003c\/h3\u003e\n\n \u003cp\u003e\n Hero botanical for folliculitis-prone skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-ing\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Willow_bark_skincare_ingredient___202608151653.webp?v=1786787820\" alt=\"White Willow Bark Natural BHA\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abf-card-copy\"\u003e\n\n \u003ch3\u003eWhite Willow Bark — Natural BHA\u003c\/h3\u003e\n\n \u003cp\u003e\n Exfoliates dead skin and unclogs follicles.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-ing\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Tea_tree_oil_ingredient_photography_202608151654.webp?v=1786787820\" alt=\"Tea Tree Oil\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abf-card-copy\"\u003e\n\n \u003ch3\u003eTea Tree Oil\u003c\/h3\u003e\n\n \u003cp\u003e\n Targets fungal and bacterial buildup.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"abf-ing\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Heartleaf_skincare_ingredient_ma__4K_202608151655.webp?v=1786787820\" alt=\"Heartleaf\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abf-card-copy\"\u003e\n\n \u003ch3\u003eHeartleaf\u003c\/h3\u003e\n\n \u003cp\u003e\n Calms redness, itching and irritation.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n08 — EXPERT VIDEO\nAuthority section — concise expert explanation\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-expert\"\u003e\n\n \u003cdiv class=\"abf-wrap abf-two\"\u003e\n\n \u003cdiv class=\"abf-video-box\" id=\"abf-expert-player\"\u003e\n\n \u003cvideo id=\"abf-expert-video\" playsinline webkit-playsinline preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Dermatologist_examining_patient_OP.jpg?v=1786776649\" controlslist=\"nofullscreen nodownload noremoteplayback\" disablepictureinpicture x-webkit-airplay=\"deny\"\u003e\n\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/324395522d604d97829970f4eeb1a78e.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n \u003cbutton type=\"button\" class=\"abf-expert-play\" aria-label=\"Play expert video\"\u003e\n\n \u003cspan class=\"abf-expert-play-icon\"\u003e▶\u003c\/span\u003e\n\n \u003c\/button\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n EXPERT EXPLAINS\n \u003c\/span\u003e\n\n \u003ch2\u003e\n WHY REGULAR BODY WASH\n MAY NOT BE ENOUGH.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Regular body wash cleans the surface. Folliculitis treatment\n needs to go further — targeting clogged follicles,\n excess oil and recurring buildup.\n \u003c\/p\u003e\n\n \u003cul class=\"abf-checks abf-expert-checks\"\u003e\n\n \u003cli\u003e\n \u003cstrong\u003eTARGET CLOGGED FOLLICLES\u003c\/strong\u003e\n \u003cspan\u003eNot just surface dirt.\u003c\/span\u003e\n \u003c\/li\u003e\n\n \u003cli\u003e\n \u003cstrong\u003eREMOVE OIL + DEAD SKIN\u003c\/strong\u003e\n \u003cspan\u003eHelp keep follicle openings clearer.\u003c\/span\u003e\n \u003c\/li\u003e\n\n \u003cli\u003e\n \u003cstrong\u003eCONTROL RECURRING BUILDUP\u003c\/strong\u003e\n \u003cspan\u003eSupport clearer-looking body skin over time.\u003c\/span\u003e\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n09 — BODY ZONES\nCompact treatment-area overview\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-zones\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n TARGETED BODY CARE\n \u003c\/span\u003e\n\n \u003ch2\u003e\n USE IT WHERE\u003cbr\u003e\n BUMPS SHOW UP.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-zone-track\"\u003e\n\n \u003cdiv class=\"abf-zone\"\u003e\n \u003cdiv class=\"abf-zone-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_showing_back_skin_4K_202608171104.webp?v=1786940012\" alt=\"Back treatment area\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cstrong\u003eBACK\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-zone\"\u003e\n \u003cdiv class=\"abf-zone-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_showing_chest_concern_zone_202608171105.webp?v=1786940012\" alt=\"Chest treatment area\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cstrong\u003eCHEST\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-zone\"\u003e\n \u003cdiv class=\"abf-zone-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Model_showing_shoulder_skin_cond__202608171105.webp?v=1786940012\" alt=\"Shoulders treatment area\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cstrong\u003eSHOULDERS\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-zone\"\u003e\n \u003cdiv class=\"abf-zone-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Model_showing_body_skincare_trea__202608171106.webp?v=1786940012\" alt=\"Butt treatment area\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cstrong\u003eBUTT\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-zone\"\u003e\n \u003cdiv class=\"abf-zone-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Model_showing_thigh_skincare_zone_202608171106.webp?v=1786940012\" alt=\"Thighs treatment area\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cstrong\u003eTHIGHS\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-zone\"\u003e\n \u003cdiv class=\"abf-zone-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_showing_upper_arms_4K_202608171111.webp?v=1786940013\" alt=\"Arms treatment area\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cstrong\u003eARMS\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n10 — HOW TO USE + PERFECT DUO\nOne continuous routine section:\nHow to use → stronger follow-up with BHA → bundle offer\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-use abf-routine-combo\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n DAILY TREATMENT ROUTINE\n \u003c\/span\u003e\n\n \u003ch2\u003e\n 60–120 SECONDS\u003cbr\u003e\n IN THE SHOWER.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-use-grid\"\u003e\n\n \u003carticle class=\"abf-use-card\"\u003e\n \u003cdiv class=\"abf-num\"\u003e1\u003c\/div\u003e\n \u003ch3\u003eWet Skin\u003c\/h3\u003e\n \u003cp\u003eFully wet affected areas.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abf-use-card\"\u003e\n \u003cdiv class=\"abf-num\"\u003e2\u003c\/div\u003e\n \u003ch3\u003eLather\u003c\/h3\u003e\n \u003cp\u003eApply ABERA over problem areas.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abf-use-card\"\u003e\n \u003cdiv class=\"abf-num\"\u003e3\u003c\/div\u003e\n \u003ch3\u003eMassage\u003c\/h3\u003e\n \u003cp\u003eMassage for 60–120 seconds.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abf-use-card\"\u003e\n \u003cdiv class=\"abf-num\"\u003e4\u003c\/div\u003e\n \u003ch3\u003eRinse\u003c\/h3\u003e\n \u003cp\u003eRinse thoroughly and use consistently.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-routine-duo\"\u003e\n\n \u003cdiv class=\"abf-routine-duo-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_applying_shower_foam_4K_202608171711.webp?v=1786961722\" alt=\"ABERA Folliculitis Shower Gel and BHA Back Acne Spray Perfect Duo\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-routine-duo-copy\"\u003e\n\n \u003cspan class=\"abf-duo-kicker\"\u003e\n PERFECT DUO\n \u003c\/span\u003e\n\n \u003ch3\u003e\n GET MORE FROM YOUR ROUTINE WITH BHA.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n For stubborn back, chest and hard-to-reach bumps,\n follow your shower with ABERA BHA Back Acne Spray\n for leave-on exfoliating care.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abf-routine-duo-steps\"\u003e\n\n \u003cdiv class=\"abf-routine-duo-step\"\u003e\n \u003cstrong\u003eSHOWER GEL\u003c\/strong\u003e\n \u003cspan\u003eCleanse + Unclog\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-routine-duo-step\"\u003e\n \u003cstrong\u003eBHA SPRAY\u003c\/strong\u003e\n \u003cspan\u003eExfoliate + Target\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-routine-offer\"\u003e\n BUY 2 SHOWER GELS → GET 1 BHA SPRAY FREE\n \u003c\/div\u003e\n\n \u003ca href=\"#\" class=\"abf-btn abf-buy-btn\"\u003e\n GET THE PERFECT DUO →\n \u003c\/a\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n11 — PRODUCT COMPARISON\nCompact two-column comparison\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-compare\"\u003e\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n \u003cspan class=\"abf-eyebrow\"\u003eWHY ABERA\u003c\/span\u003e\n \u003ch2\u003eREGULAR BODY WASH\u003cbr\u003eWASN'T BUILT FOR THIS.\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-compare-box\"\u003e\n\n \u003cdiv class=\"abf-compare-col is-regular\"\u003e\n\n \u003ch3 class=\"abf-compare-title\"\u003e\n REGULAR BODY WASH\n \u003c\/h3\u003e\n\n \u003cdiv class=\"abf-compare-product\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/sua-tam-ko-nhan-20250211041614-3hpo4-20260715090117-odxcy.webp?v=1786938441\" alt=\"Regular body wash\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-comp-line\"\u003e\n \u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n \u003cspan class=\"abf-comp-text\"\u003eSurface cleansing only\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-comp-line\"\u003e\n \u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n \u003cspan class=\"abf-comp-text\"\u003eNo follicle care\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-comp-line\"\u003e\n \u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n \u003cspan class=\"abf-comp-text\"\u003eNo BHA exfoliation\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-comp-line\"\u003e\n \u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n \u003cspan class=\"abf-comp-text\"\u003eNo targeted buildup care\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-comp-line\"\u003e\n \u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n \u003cspan class=\"abf-comp-text\"\u003eBumps may return\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-compare-col is-abera\"\u003e\n\n \u003ch3 class=\"abf-compare-title\"\u003e\n ABERA FOLLICULITIS\u003cbr\u003e\n SHOWER GEL\n \u003c\/h3\u003e\n\n \u003cdiv class=\"abf-compare-product\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1_1_bba2e09e-d787-4148-9c9d-c3b8a7672a98.webp?v=1786938523\" alt=\"ABERA Folliculitis Shower Gel\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-comp-line\"\u003e\n \u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"abf-comp-text\"\u003eTargets folliculitis-prone skin\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-comp-line\"\u003e\n \u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"abf-comp-text\"\u003eDeep-cleans clogged follicles\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-comp-line\"\u003e\n \u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"abf-comp-text\"\u003eBHA-powered exfoliation\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-comp-line\"\u003e\n \u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"abf-comp-text\"\u003eTargets fungal buildup\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-comp-line\"\u003e\n \u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"abf-comp-text\"\u003eHelps prevent recurrence\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ============================================================\n12 — REAL CUSTOMER \/ KOC VIDEOS\n\nUPLOAD 9 VERTICAL MP4 VIDEOS:\nPASTE_KOC_VIDEO_01_URL\nPASTE_KOC_VIDEO_02_URL\nPASTE_KOC_VIDEO_03_URL\nPASTE_KOC_VIDEO_04_URL\nPASTE_KOC_VIDEO_05_URL\nPASTE_KOC_VIDEO_06_URL\nPASTE_KOC_VIDEO_07_URL\nPASTE_KOC_VIDEO_08_URL\nPASTE_KOC_VIDEO_09_URL\n\nRECOMMENDED:\n- 9:16 vertical video\n- MP4 \/ H.264\n- no review text underneath\n- only one video plays at a time\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-reviews\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n\n \u003ch2\u003e\n REAL CUSTOMERS\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-koc-shell\"\u003e\n\n \u003cbutton type=\"button\" class=\"abf-koc-arrow abf-koc-prev\" aria-label=\"Previous customer videos\"\u003e\n ←\n \u003c\/button\u003e\n\n \u003cdiv class=\"abf-koc-track\"\u003e\n\n \u003carticle class=\"abf-koc-card\"\u003e\n \u003cvideo class=\"abf-koc-video\" controls playsinline preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2aa65a66e666432091d284f00c0b170f.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abf-koc-card\"\u003e\n \u003cvideo class=\"abf-koc-video\" controls playsinline preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/90a537e801f24e4aab87cf505a367d40.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abf-koc-card\"\u003e\n \u003cvideo class=\"abf-koc-video\" controls playsinline preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c5c4d7284fe1465e982a0b0366d1acfe.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abf-koc-card\"\u003e\n \u003cvideo class=\"abf-koc-video\" controls playsinline preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a09d92962f8f43d39d5f7c0340ee2769.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abf-koc-card\"\u003e\n \u003cvideo class=\"abf-koc-video\" controls playsinline preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/7fe2094e761647b7ac83640b54b0be90.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abf-koc-card\"\u003e\n \u003cvideo class=\"abf-koc-video\" controls playsinline preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a52a7093e2d343c7ac5b826e0f4e3987.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abf-koc-card\"\u003e\n \u003cvideo class=\"abf-koc-video\" controls playsinline preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/71cf5584adb442e79072e6d2f4a6c0b4.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abf-koc-card\"\u003e\n \u003cvideo class=\"abf-koc-video\" controls playsinline preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0f8f29778ed64156981de087147bf688.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abf-koc-card\"\u003e\n \u003cvideo class=\"abf-koc-video\" controls playsinline preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/57ab10aa60d94663ac2ee96f392445e1.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003cbutton type=\"button\" class=\"abf-koc-arrow abf-koc-next\" aria-label=\"Next customer videos\"\u003e\n →\n \u003c\/button\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abf-koc-dots\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n12B — QUALITY \u0026 SAFETY DOCUMENTATION\n\nCompact 2-column documentation section.\nPlaced directly after the KOC video carousel.\nStatic document cards — no click \/ no full-view link.\n\nDOCUMENT 01:\nhttps:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA.jpg?v=1786441226\n\nDOCUMENT 02:\nhttps:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA_2.jpg?v=1786441227\n============================================================ --\u003e\n\n\u003csection class=\"abf-docs\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n QUALITY DOCUMENTATION\n \u003c\/span\u003e\n\n \u003ch2\u003e\n DOCUMENTED QUALITY.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-doc-grid\"\u003e\n\n \u003cdiv class=\"abf-doc-card\"\u003e\n\n \u003cdiv class=\"abf-doc-image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA.jpg?v=1786441226\" alt=\"ABERA product and safety documentation\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cspan class=\"abf-doc-label\"\u003e\n PRODUCT \u0026amp; SAFETY\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-doc-card\"\u003e\n\n \u003cdiv class=\"abf-doc-image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA_2.jpg?v=1786441227\" alt=\"ABERA manufacturing and quality documentation\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003cspan class=\"abf-doc-label\"\u003e\n MANUFACTURING \u0026amp; QUALITY\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n13 — FINAL CTA\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-final abf-center\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n START YOUR TREATMENT\n \u003c\/span\u003e\n\n \u003ch2\u003e\n TREAT THE FOLLICULITIS.\u003cbr\u003e\n BREAK THE RECURRENCE CYCLE.\n \u003c\/h2\u003e\n\n \u003cp class=\"abf-sub\"\u003e\n Target folliculitis, fungal body breakouts,\n back acne, ingrown hairs and recurring bumps\n with Wild Bitter Melon-powered treatment.\n \u003c\/p\u003e\n\n \u003ca href=\"#\" class=\"abf-btn abf-buy-btn\"\u003e\n SHOP ABERA FOLLICULITIS TREATMENT →\n \u003c\/a\u003e\n\n \u003cdiv class=\"abf-note\"\u003e\n 30-Day Money Back • Fast U.S. Shipping • Secure Checkout\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n14 — FAQ\n============================================================ --\u003e\n\n\u003csection class=\"abf-section abf-faq\"\u003e\n\n \u003cdiv class=\"abf-wrap\"\u003e\n\n \u003cdiv class=\"abf-center\"\u003e\n\n \u003cspan class=\"abf-eyebrow\"\u003e\n FOLLICULITIS FAQ\n \u003c\/span\u003e\n\n \u003ch2\u003e\n QUESTIONS?\u003cbr\u003e\n START HERE.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abf-faq-list\"\u003e\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n What is ABERA Folliculitis Treatment Body Wash used for?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n ABERA is designed to treat folliculitis,\n recurring body bumps, back and chest acne,\n fungal body breakouts, ingrown hairs,\n strawberry skin and rough follicle texture.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n How does Wild Bitter Melon help with folliculitis?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Wild Bitter Melon is the signature botanical\n in ABERA's treatment system. It works alongside\n BHA, Tea Tree Oil and Heartleaf\n to target congested and problem-prone follicles.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Can I use it for back and chest folliculitis?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Yes. It is designed for commonly affected areas\n including the back, chest, shoulders,\n arms, thighs and butt.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Does it treat fungal folliculitis?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n The treatment system combines Wild Bitter Melon\n and Tea Tree Oil to target fungal buildup,\n while BHA helps remove oil and dead skin\n trapped around the follicles.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Can it help prevent folliculitis from coming back?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Consistent use helps keep follicles cleaner,\n remove recurring buildup and maintain\n a clearer skin environment\n to help prevent recurrence.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n How often should I use ABERA Folliculitis Body Wash?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Use consistently as part of your shower routine.\n Massage over problem areas for approximately\n 60–120 seconds before rinsing thoroughly.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Can I use it after working out?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Yes. It is especially useful after sweating\n because it helps remove sweat,\n excess oil and buildup\n from folliculitis-prone areas.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n(function(){\n\n const root = document.getElementById('abf-page');\n if(!root) return;\n\n\n \/* =========================================================\n STANDARD MOBILE CAROUSELS\n ========================================================= *\/\n\n function setupStandardCarousels(){\n\n const tracks = root.querySelectorAll('[data-carousel]');\n\n tracks.forEach(function(track){\n\n let dotsBox = track.nextElementSibling;\n\n if(\n !dotsBox ||\n !dotsBox.classList.contains('abf-dots')\n ){\n dotsBox = track.parentElement.querySelector('.abf-dots');\n }\n\n if(!dotsBox) return;\n\n const slides = Array.from(track.children);\n\n dotsBox.innerHTML = '';\n\n slides.forEach(function(slide,index){\n\n const dot = document.createElement('button');\n\n dot.className =\n 'abf-dot' +\n (index === 0 ? ' active' : '');\n\n dot.setAttribute(\n 'aria-label',\n 'Go to slide ' + (index + 1)\n );\n\n dot.addEventListener('click',function(){\n\n slide.scrollIntoView({\n behavior:'smooth',\n block:'nearest',\n inline:'center'\n });\n\n });\n\n dotsBox.appendChild(dot);\n\n });\n\n\n function updateDots(){\n\n if(window.innerWidth \u003e 767) return;\n\n const trackRect = track.getBoundingClientRect();\n\n const center =\n trackRect.left +\n trackRect.width \/ 2;\n\n let closestIndex = 0;\n let closestDistance = Infinity;\n\n slides.forEach(function(slide,index){\n\n const rect = slide.getBoundingClientRect();\n\n const slideCenter =\n rect.left +\n rect.width \/ 2;\n\n const distance =\n Math.abs(slideCenter - center);\n\n if(distance \u003c closestDistance){\n\n closestDistance = distance;\n closestIndex = index;\n\n }\n\n });\n\n dotsBox\n .querySelectorAll('.abf-dot')\n .forEach(function(dot,index){\n\n dot.classList.toggle(\n 'active',\n index === closestIndex\n );\n\n });\n\n }\n\n\n let ticking = false;\n\n track.addEventListener(\n 'scroll',\n function(){\n\n if(!ticking){\n\n requestAnimationFrame(function(){\n\n updateDots();\n\n ticking = false;\n\n });\n\n ticking = true;\n\n }\n\n },\n {passive:true}\n );\n\n updateDots();\n\n });\n\n }\n\n setupStandardCarousels();\n\n\n \/* =========================================================\n BRAND CAROUSEL\n Includes normal cards + lifestyle photo cards\n ========================================================= *\/\n\n const brandTrack =\n root.querySelector('.abf-brand-track');\n\n if(brandTrack){\n\n const brandSlides =\n Array.from(\n brandTrack.children\n );\n\n const prev =\n root.querySelector('.abf-brand-prev');\n\n const next =\n root.querySelector('.abf-brand-next');\n\n const dotsBox =\n root.querySelector('.abf-brand-dots');\n\n if(\n brandSlides.length \u0026\u0026\n dotsBox\n ){\n\n dotsBox.innerHTML = '';\n\n brandSlides.forEach(function(slide,index){\n\n const dot =\n document.createElement('button');\n\n dot.className =\n 'abf-brand-dot' +\n (index === 0 ? ' active' : '');\n\n dot.setAttribute(\n 'aria-label',\n 'Go to brand slide ' +\n (index + 1)\n );\n\n dot.addEventListener(\n 'click',\n function(){\n\n slide.scrollIntoView({\n behavior:'smooth',\n block:'nearest',\n inline:'start'\n });\n\n }\n );\n\n dotsBox.appendChild(dot);\n\n });\n\n\n function getBrandIndex(){\n\n const trackRect =\n brandTrack.getBoundingClientRect();\n\n const start =\n trackRect.left;\n\n let closest = 0;\n let distance = Infinity;\n\n brandSlides.forEach(\n function(slide,index){\n\n const rect =\n slide.getBoundingClientRect();\n\n const currentDistance =\n Math.abs(\n rect.left -\n start\n );\n\n if(\n currentDistance \u003c\n distance\n ){\n\n distance =\n currentDistance;\n\n closest =\n index;\n\n }\n\n }\n );\n\n return closest;\n\n }\n\n\n function updateBrandDots(){\n\n const current =\n getBrandIndex();\n\n dotsBox\n .querySelectorAll('.abf-brand-dot')\n .forEach(\n function(dot,index){\n\n dot.classList.toggle(\n 'active',\n index === current\n );\n\n }\n );\n\n }\n\n\n function moveBrand(direction){\n\n let current =\n getBrandIndex();\n\n current += direction;\n\n if(current \u003c 0){\n current =\n brandSlides.length - 1;\n }\n\n if(\n current \u003e=\n brandSlides.length\n ){\n current = 0;\n }\n\n brandSlides[current]\n .scrollIntoView({\n\n behavior:'smooth',\n block:'nearest',\n inline:'start'\n\n });\n\n }\n\n\n if(prev){\n\n prev.addEventListener(\n 'click',\n function(){\n moveBrand(-1);\n }\n );\n\n }\n\n\n if(next){\n\n next.addEventListener(\n 'click',\n function(){\n moveBrand(1);\n }\n );\n\n }\n\n\n let brandTicking = false;\n\n brandTrack.addEventListener(\n 'scroll',\n function(){\n\n if(!brandTicking){\n\n requestAnimationFrame(\n function(){\n\n updateBrandDots();\n\n brandTicking = false;\n\n }\n );\n\n brandTicking = true;\n\n }\n\n },\n {passive:true}\n );\n\n updateBrandDots();\n\n }\n\n }\n\n\n\n \/* =========================================================\n KOC VIDEO CAROUSEL\n 9 vertical videos \/ only one plays at a time\n ========================================================= *\/\n\n const kocTrack = root.querySelector('.abf-koc-track');\n\n if(kocTrack){\n\n const kocCards = Array.from(\n kocTrack.querySelectorAll('.abf-koc-card')\n );\n\n const kocVideos = Array.from(\n kocTrack.querySelectorAll('.abf-koc-video')\n );\n\n const kocPrev =\n root.querySelector('.abf-koc-prev');\n\n const kocNext =\n root.querySelector('.abf-koc-next');\n\n const kocDotsBox =\n root.querySelector('.abf-koc-dots');\n\n\n \/* Prime a real video frame as the thumbnail.\n Videos stay paused; only a tiny range is requested when near viewport. *\/\n\n function primeKocThumbnail(video){\n\n if(video.dataset.abfThumbPrimed === '1') return;\n video.dataset.abfThumbPrimed = '1';\n\n function seekToPreviewFrame(){\n\n try{\n if(video.duration \u0026\u0026 isFinite(video.duration)){\n video.currentTime = Math.min(0.12, Math.max(0.04, video.duration * 0.01));\n }else{\n video.currentTime = 0.12;\n }\n }catch(e){}\n\n }\n\n if(video.readyState \u003e= 1){\n seekToPreviewFrame();\n }else{\n video.addEventListener('loadedmetadata',seekToPreviewFrame,{once:true});\n video.load();\n }\n\n }\n\n\n if('IntersectionObserver' in window){\n\n const kocThumbObserver = new IntersectionObserver(\n function(entries){\n\n entries.forEach(function(entry){\n\n if(entry.isIntersecting){\n primeKocThumbnail(entry.target);\n kocThumbObserver.unobserve(entry.target);\n }\n\n });\n\n },\n {rootMargin:'350px 0px'}\n );\n\n kocVideos.forEach(function(video){\n kocThumbObserver.observe(video);\n });\n\n }else{\n\n kocVideos.forEach(primeKocThumbnail);\n\n }\n\n\n \/* Only one video can play at a time *\/\n\n kocVideos.forEach(function(video){\n\n video.addEventListener('play',function(){\n\n kocVideos.forEach(function(other){\n\n if(other !== video){\n other.pause();\n }\n\n });\n\n });\n\n });\n\n\n \/* Dots *\/\n\n if(kocDotsBox \u0026\u0026 kocCards.length){\n\n kocDotsBox.innerHTML = '';\n\n kocCards.forEach(function(card,index){\n\n const dot =\n document.createElement('button');\n\n dot.className =\n 'abf-koc-dot' +\n (index === 0 ? ' active' : '');\n\n dot.setAttribute(\n 'aria-label',\n 'Go to customer video ' + (index + 1)\n );\n\n dot.addEventListener(\n 'click',\n function(){\n\n card.scrollIntoView({\n behavior:'smooth',\n block:'nearest',\n inline:'start'\n });\n\n }\n );\n\n kocDotsBox.appendChild(dot);\n\n });\n\n\n function getKocIndex(){\n\n const trackRect =\n kocTrack.getBoundingClientRect();\n\n const start =\n trackRect.left;\n\n let closest = 0;\n let distance = Infinity;\n\n kocCards.forEach(function(card,index){\n\n const rect =\n card.getBoundingClientRect();\n\n const current =\n Math.abs(rect.left - start);\n\n if(current \u003c distance){\n\n distance = current;\n closest = index;\n\n }\n\n });\n\n return closest;\n\n }\n\n\n function updateKocDots(){\n\n const current =\n getKocIndex();\n\n kocDotsBox\n .querySelectorAll('.abf-koc-dot')\n .forEach(function(dot,index){\n\n dot.classList.toggle(\n 'active',\n index === current\n );\n\n });\n\n }\n\n\n function moveKoc(direction){\n\n let current =\n getKocIndex();\n\n current += direction;\n\n if(current \u003c 0){\n current = kocCards.length - 1;\n }\n\n if(current \u003e= kocCards.length){\n current = 0;\n }\n\n kocCards[current]\n .scrollIntoView({\n behavior:'smooth',\n block:'nearest',\n inline:'start'\n });\n\n }\n\n\n if(kocPrev){\n\n kocPrev.addEventListener(\n 'click',\n function(){\n moveKoc(-1);\n }\n );\n\n }\n\n\n if(kocNext){\n\n kocNext.addEventListener(\n 'click',\n function(){\n moveKoc(1);\n }\n );\n\n }\n\n\n let kocTicking = false;\n\n kocTrack.addEventListener(\n 'scroll',\n function(){\n\n if(!kocTicking){\n\n requestAnimationFrame(function(){\n\n updateKocDots();\n kocTicking = false;\n\n });\n\n kocTicking = true;\n\n }\n\n },\n {passive:true}\n );\n\n\n updateKocDots();\n\n }\n\n }\n\n\n\n \/* =========================================================\n EXPERT VIDEO — INLINE PLAY \/ PAUSE\n Doctor video only. KOC players are untouched.\n ========================================================= *\/\n\n const expertPlayer =\n root.querySelector('#abf-expert-player');\n\n const expertVideo =\n root.querySelector('#abf-expert-video');\n\n const expertPlayButton =\n expertPlayer\n ? expertPlayer.querySelector('.abf-expert-play')\n : null;\n\n if(expertPlayer \u0026\u0026 expertVideo \u0026\u0026 expertPlayButton){\n\n function playExpertVideo(){\n\n expertVideo.play()\n .then(function(){\n expertPlayer.classList.add('is-playing');\n })\n .catch(function(){\n expertPlayer.classList.remove('is-playing');\n });\n\n }\n\n function pauseExpertVideo(){\n expertVideo.pause();\n expertPlayer.classList.remove('is-playing');\n }\n\n expertPlayButton.addEventListener('click',function(event){\n event.preventDefault();\n event.stopPropagation();\n playExpertVideo();\n });\n\n expertVideo.addEventListener('click',function(){\n if(expertVideo.paused){\n playExpertVideo();\n }else{\n pauseExpertVideo();\n }\n });\n\n expertVideo.addEventListener('play',function(){\n expertPlayer.classList.add('is-playing');\n });\n\n expertVideo.addEventListener('pause',function(){\n expertPlayer.classList.remove('is-playing');\n });\n\n expertVideo.addEventListener('ended',function(){\n expertPlayer.classList.remove('is-playing');\n try{\n expertVideo.currentTime = 0;\n }catch(e){}\n });\n\n }\n\n \/* =========================================================\n CTA SCROLL TO SHOPIFY PRODUCT FORM\n ========================================================= *\/\n\n const buyButtons =\n root.querySelectorAll(\n '.abf-buy-btn'\n );\n\n buyButtons.forEach(function(button){\n\n button.addEventListener(\n 'click',\n function(event){\n\n event.preventDefault();\n\n const possibleTargets = [\n\n document.querySelector('.product-form'),\n\n document.querySelector('.product__info-container'),\n\n document.querySelector('[id^=\"ProductInfo-\"]'),\n\n document.querySelector('product-info'),\n\n document.querySelector('form[action*=\"\/cart\/add\"]')\n\n ];\n\n const target =\n possibleTargets.find(Boolean);\n\n if(target){\n\n target.scrollIntoView({\n behavior:'smooth',\n block:'center'\n });\n\n }else{\n\n window.scrollTo({\n top:0,\n behavior:'smooth'\n });\n\n }\n\n }\n );\n\n });\n\n})();\n\u003c\/script\u003e","brand":"ABERA US","offers":[{"title":"1 BOX","offer_id":53838772011376,"sku":"CB-GTABERA087+SL1","price":29.95,"currency_code":"USD","in_stock":true},{"title":"BUY 2 (SAVE 15%)+ FREE GIFT BHA BACK ACNE SPRAY","offer_id":54017347846512,"sku":"CB-GTABERA087+SL2-CB-BHA059+SL1","price":63.7,"currency_code":"USD","in_stock":true},{"title":"1 BOX + 1 GINSENG SHAMPOO","offer_id":54073073369456,"sku":"CB-GTABERA087+SL1-CB-LANGBIAN096+SL1","price":49.95,"currency_code":"USD","in_stock":true},{"title":"3 BOXES (Save 35%)","offer_id":54017347879280,"sku":"CB-GTABERA087+SL3","price":74.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/nh_330b8023-2e57-46d8-aa5a-c95a5728ee79.webp?v=1786950821"},{"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 US","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":true}],"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 US","offers":[{"title":"1 BOX","offer_id":54030401601904,"sku":"CB-BONGMAT061+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-BONGMAT061+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-BONGMAT061+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-BONGMAT061+SL2-CB-CBMATNA039+SL1","price":39.95,"currency_code":"USD","in_stock":true},{"title":"Best Value Bundle ⭐","offer_id":54048592068976,"sku":"CB-BONGMAT061+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=\"\"\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=\"\"\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=\"\"\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=\"\"\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=\"\"\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=\"\"\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"ABERA US","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","description":"\u003c!-- =========================================================\nABERA INSTANT HAIR DYE SHAMPOO\nFULL RESPONSIVE SHOPIFY LANDING PAGE — LATEST VERSION\n\nLATEST:\n✓ Section 4 static Men's + Women's Results\n✓ Desktop Before\/After = 5 cards \/ row\n✓ Mobile Before\/After = 1 card + next preview\n✓ 4-card sections = 2 x 2 mobile\n✓ Comparison table fits mobile\n✓ How To Use = 1:1\n✓ 10 Packs = 1:1\n✓ Customer Video = 9:16\n✓ Responsive typography\n✓ UPDATED FAQ CONTENT\n========================================================= --\u003e\n\u003cp\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n00 — ROOT\n========================================================= *\/\n\n#abera-hair-x,\n#abera-hair-x * {\n box-sizing: border-box;\n}\n\n#abera-hair-x {\n --black: #0f0f0f;\n --black-2: #181818;\n --gold: #c9a257;\n --gold-dark: #a77c36;\n --gold-light: #ead7ae;\n --white: #ffffff;\n --ivory: #f7f4ee;\n --text: #171717;\n --muted: #68635c;\n --line: #ddd5c7;\n\n width: 100%;\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n\n background: var(--white);\n color: var(--text);\n\n font-family: \"Inter\", Arial, sans-serif;\n font-size: 16px;\n line-height: 1.6;\n\n -webkit-font-smoothing: antialiased;\n}\n\n#abera-hair-x img,\n#abera-hair-x video {\n display: block;\n width: 100%;\n max-width: 100%;\n}\n\n#abera-hair-x img {\n height: auto;\n}\n\n#abera-hair-x button {\n font-family: inherit;\n}\n\n\n\/* =========================================================\nGLOBAL CONTAINER\n========================================================= *\/\n\n#abera-hair-x .ahx-container {\n width: 100%;\n margin: 0 auto;\n\n padding-left: clamp(22px, 4.2vw, 82px);\n padding-right: clamp(22px, 4.2vw, 82px);\n}\n\n#abera-hair-x .ahx-section {\n width: 100%;\n padding: clamp(58px, 6vw, 88px) 0;\n}\n\n#abera-hair-x .ahx-center {\n text-align: center;\n}\n\n\n\/* =========================================================\nGLOBAL TYPOGRAPHY\n========================================================= *\/\n\n#abera-hair-x .ahx-eyebrow {\n margin: 0 0 12px;\n\n color: var(--gold-dark);\n\n font-size: 13px;\n line-height: 1.35;\n\n font-weight: 600;\n\n letter-spacing: 1.5px;\n\n text-transform: uppercase;\n}\n\n#abera-hair-x .ahx-title {\n width: 100%;\n max-width: 1500px;\n\n margin: 0 auto 17px;\n\n color: var(--black);\n\n font-size: clamp(33px, 3.4vw, 51px);\n line-height: 1.08;\n\n font-weight: 500;\n\n letter-spacing: -1.4px;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n#abera-hair-x .ahx-title-left {\n margin-left: 0;\n text-align: left;\n}\n\n#abera-hair-x .ahx-subtitle {\n width: 100%;\n max-width: 1100px;\n\n margin: 0 auto;\n\n color: var(--muted);\n\n font-size: 16px;\n line-height: 1.6;\n\n font-weight: 400;\n\n text-align: center;\n\n text-wrap: pretty;\n}\n\n#abera-hair-x .ahx-subtitle-left {\n margin-left: 0;\n text-align: left;\n}\n\n\n\/* =========================================================\n4 CARD GRID\n========================================================= *\/\n\n#abera-hair-x .ahx-four-grid {\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 18px;\n\n margin-top: 42px;\n}\n\n#abera-hair-x .ahx-square-card {\n min-width: 0;\n\n overflow: hidden;\n\n border: 1px solid var(--line);\n border-radius: 11px;\n\n background: #fff;\n}\n\n#abera-hair-x .ahx-square-image {\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #e5ded3;\n}\n\n#abera-hair-x .ahx-square-image img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n}\n\n#abera-hair-x .ahx-square-copy {\n padding: 20px;\n}\n\n#abera-hair-x .ahx-square-copy h3 {\n margin: 0 0 7px;\n\n color: var(--black);\n\n font-size: 18px;\n line-height: 1.3;\n\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-square-copy p {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 16px;\n line-height: 1.55;\n}\n\n#abera-hair-x .ahx-section-close {\n margin-top: 29px;\n\n color: var(--gold-dark);\n\n font-size: 19px;\n\n font-weight: 500;\n\n text-align: center;\n}\n\n\n\/* =========================================================\nDESKTOP HEADING\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-hair-x .ahx-one-line {\n max-width: none;\n white-space: nowrap;\n }\n\n}\n\n\n\/* =========================================================\n01 — HERO\n========================================================= *\/\n\n#abera-hair-x .ahx-hero {\n padding: clamp(36px, 5vw, 66px) 0;\n\n background:\n radial-gradient(\n circle at 82% 18%,\n rgba(201,162,87,.24),\n transparent 36%\n ),\n linear-gradient(\n 125deg,\n #faf8f3,\n #eee7da\n );\n}\n\n#abera-hair-x .ahx-hero-grid {\n display: grid;\n\n grid-template-columns:\n minmax(0, 1.05fr)\n minmax(420px, .95fr);\n\n gap: clamp(42px, 5vw, 82px);\n\n align-items: center;\n}\n\n#abera-hair-x .ahx-label {\n display: inline-flex;\n\n margin-bottom: 19px;\n\n padding: 8px 13px;\n\n border: 1px solid rgba(167,124,54,.4);\n border-radius: 100px;\n\n background: rgba(255,255,255,.6);\n\n color: #85632f;\n\n font-size: 12px;\n line-height: 1.2;\n\n font-weight: 600;\n\n letter-spacing: 1.1px;\n\n text-transform: uppercase;\n}\n\n#abera-hair-x .ahx-hero-title {\n max-width: 900px;\n\n margin: 0 0 22px;\n\n color: var(--black);\n\n font-size: clamp(42px, 4.7vw, 70px);\n line-height: 1;\n\n font-weight: 500;\n\n letter-spacing: -2.7px;\n\n text-wrap: balance;\n}\n\n#abera-hair-x .ahx-hero-title span {\n color: var(--gold-dark);\n}\n\n#abera-hair-x .ahx-hero-description {\n max-width: 720px;\n\n margin: 0 0 25px;\n\n color: #4b463f;\n\n font-size: 16px;\n line-height: 1.65;\n}\n\n#abera-hair-x .ahx-hero-description strong {\n color: var(--black);\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-hero-usps {\n display: grid;\n\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 12px 22px;\n}\n\n#abera-hair-x .ahx-hero-usp {\n display: flex;\n\n align-items: flex-start;\n\n gap: 10px;\n\n color: #35312d;\n\n font-size: 16px;\n line-height: 1.5;\n\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-check {\n width: 21px;\n height: 21px;\n\n flex: 0 0 21px;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n margin-top: 2px;\n\n border-radius: 50%;\n\n background: var(--black);\n color: var(--gold);\n\n font-size: 11px;\n}\n\n#abera-hair-x .ahx-hero-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 padding: 0;\n\n overflow: visible;\n\n border: 0;\n border-radius: 0;\n\n background: transparent;\n\n box-shadow: none;\n}\n\n#abera-hair-x .ahx-hero-media img {\n width: 100%;\n height: 100%;\n\n object-fit: contain;\n object-position: center;\n\n border: 0;\n border-radius: 0;\n\n background: transparent;\n\n box-shadow: none;\n}\n\n#abera-hair-x .ahx-hero-badge {\n position: absolute;\n\n top: 18px;\n right: 18px;\n\n width: 108px;\n height: 108px;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n border: 1px solid var(--gold);\n border-radius: 50%;\n\n background: rgba(15,15,15,.94);\n\n text-align: center;\n}\n\n#abera-hair-x .ahx-hero-badge strong {\n color: var(--gold);\n\n font-size: 24px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-hero-badge span {\n margin-top: 6px;\n\n color: #fff;\n\n font-size: 10px;\n line-height: 1.3;\n}\n\n\n\/* =========================================================\n02 — QUICK BENEFITS\n========================================================= *\/\n\n#abera-hair-x .ahx-quick {\n background: var(--black);\n}\n\n#abera-hair-x .ahx-quick-grid {\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n}\n\n#abera-hair-x .ahx-quick-item {\n min-width: 0;\n\n padding: 27px 12px;\n\n border-right:\n 1px solid rgba(255,255,255,.14);\n\n text-align: center;\n}\n\n#abera-hair-x .ahx-quick-item:last-child {\n border-right: 0;\n}\n\n#abera-hair-x .ahx-quick-item strong {\n display: block;\n\n margin-bottom: 5px;\n\n color: var(--gold);\n\n font-size: 21px;\n\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-quick-item span {\n color: #d1cdc6;\n\n font-size: 16px;\n line-height: 1.4;\n}\n\n\n\/* =========================================================\n03 — PROBLEM\n========================================================= *\/\n\n#abera-hair-x .ahx-problem {\n background: #fff;\n}\n\n#abera-hair-x .ahx-problem-grid {\n display: grid;\n\n grid-template-columns:\n repeat(3, minmax(0, 1fr));\n\n gap: 22px;\n\n margin-top: 42px;\n}\n\n#abera-hair-x .ahx-problem-card {\n overflow: hidden;\n\n border: 1px solid var(--line);\n border-radius: 12px;\n\n background: #fff;\n}\n\n#abera-hair-x .ahx-problem-image {\n aspect-ratio: 3 \/ 2;\n\n overflow: hidden;\n\n background: #e4ddd1;\n}\n\n#abera-hair-x .ahx-problem-image img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n}\n\n#abera-hair-x .ahx-problem-copy {\n padding: 25px;\n}\n\n#abera-hair-x .ahx-problem-number {\n display: block;\n\n margin-bottom: 8px;\n\n color: var(--gold-dark);\n\n font-size: 12px;\n\n font-weight: 600;\n\n letter-spacing: 1px;\n}\n\n#abera-hair-x .ahx-problem-copy h3 {\n margin: 0 0 9px;\n\n color: var(--black);\n\n font-size: 20px;\n line-height: 1.3;\n\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-problem-copy p {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 16px;\n line-height: 1.6;\n}\n\n#abera-hair-x .ahx-easier {\n margin-top: 38px;\n\n color: var(--black);\n\n font-size: 27px;\n\n font-weight: 500;\n\n text-align: center;\n}\n\n\n\/* =========================================================\n04 — BEFORE \/ AFTER\n========================================================= *\/\n\n#abera-hair-x .ahx-results-static {\n overflow: hidden;\n\n background: var(--ivory);\n}\n\n#abera-hair-x .abrs-header {\n text-align: center;\n}\n\n#abera-hair-x .abrs-group {\n width: 100%;\n margin-top: 48px;\n}\n\n#abera-hair-x .abrs-group + .abrs-group {\n margin-top: 62px;\n}\n\n\n\/* TITLE FRAME *\/\n\n#abera-hair-x .abrs-group-header {\n width: 100%;\n\n display: flex;\n\n align-items: center;\n\n margin-bottom: 22px;\n}\n\n#abera-hair-x .abrs-group-frame {\n min-width: 220px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n padding: 11px 24px;\n\n border: 1.5px solid var(--gold);\n border-radius: 7px;\n\n background: var(--black);\n\n box-shadow:\n 0 4px 14px rgba(0,0,0,.06);\n}\n\n#abera-hair-x .abrs-group-header::after {\n content: \"\";\n\n flex: 1;\n\n height: 1px;\n\n margin-left: 16px;\n\n background:\n linear-gradient(\n to right,\n var(--gold),\n rgba(201,162,87,.08)\n );\n}\n\n#abera-hair-x .abrs-group-title {\n margin: 0;\n\n color: var(--gold-light);\n\n font-size: 19px;\n line-height: 1.2;\n\n font-weight: 500;\n\n letter-spacing: .6px;\n\n text-align: center;\n\n text-transform: uppercase;\n\n white-space: nowrap;\n}\n\n\n\/* TRACK *\/\n\n#abera-hair-x .abrs-track {\n width: 100%;\n\n display: flex;\n\n gap: 16px;\n\n padding: 2px 1px 10px;\n\n scroll-behavior: smooth;\n scroll-snap-type: x mandatory;\n\n scrollbar-width: none;\n}\n\n#abera-hair-x .abrs-track::-webkit-scrollbar {\n display: none;\n}\n\n\n\/* CARD *\/\n\n#abera-hair-x .abrs-card {\n min-width: 0;\n\n overflow: hidden;\n\n border: 1px solid #ddd4c5;\n border-radius: 13px;\n\n background: #fff;\n\n scroll-snap-align: start;\n\n box-shadow:\n 0 4px 14px rgba(0,0,0,.035);\n}\n\n#abera-hair-x .abrs-image {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #ded8cc;\n}\n\n#abera-hair-x .abrs-image img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n object-position: center;\n}\n\n#abera-hair-x .abrs-before,\n#abera-hair-x .abrs-after {\n position: absolute;\n\n bottom: 10px;\n\n z-index: 3;\n\n padding: 7px 10px;\n\n border-radius: 100px;\n\n font-size: 10px;\n line-height: 1;\n\n font-weight: 600;\n\n letter-spacing: .7px;\n}\n\n#abera-hair-x .abrs-before {\n left: 10px;\n\n background: rgba(15,15,15,.95);\n color: #fff;\n}\n\n#abera-hair-x .abrs-after {\n right: 10px;\n\n background: var(--gold);\n color: var(--black);\n}\n\n#abera-hair-x .abrs-body {\n padding: 17px;\n}\n\n#abera-hair-x .abrs-stars {\n margin-bottom: 11px;\n\n color: #c99b43;\n\n font-size: 17px;\n line-height: 1;\n\n letter-spacing: 1px;\n}\n\n#abera-hair-x .abrs-review {\n min-height: 78px;\n\n margin: 0 0 15px;\n\n color: #4b4640;\n\n font-size: 14px;\n line-height: 1.55;\n}\n\n#abera-hair-x .abrs-name strong {\n display: block;\n\n color: #171717;\n\n font-size: 14px;\n\n font-weight: 500;\n}\n\n#abera-hair-x .abrs-name span {\n display: block;\n\n margin-top: 2px;\n\n color: #807970;\n\n font-size: 12px;\n}\n\n#abera-hair-x .abrs-verified {\n display: inline-flex;\n\n align-items: center;\n\n gap: 5px;\n\n margin-top: 7px;\n\n color: #507057;\n\n font-size: 11px;\n\n font-weight: 500;\n\n white-space: nowrap;\n}\n\n#abera-hair-x .abrs-verified i {\n width: 16px;\n height: 16px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: #507057;\n color: #fff;\n\n font-size: 9px;\n\n font-style: normal;\n}\n\n#abera-hair-x .abrs-swipe {\n display: none;\n}\n\n@media (min-width: 1200px) {\n\n #abera-hair-x .abrs-track {\n overflow: visible;\n scroll-snap-type: none;\n }\n\n #abera-hair-x .abrs-card {\n flex:\n 0 0\n calc((100% - 64px) \/ 5);\n }\n\n}\n\n\n\/* =========================================================\n05 — GRAY NEEDS\n========================================================= *\/\n\n#abera-hair-x .ahx-needs {\n background: #fff;\n}\n\n\n\/* =========================================================\n06 — HOW IT WORKS\n========================================================= *\/\n\n#abera-hair-x .ahx-how {\n background: var(--ivory);\n}\n\n#abera-hair-x .ahx-how-grid {\n display: grid;\n\n grid-template-columns:\n minmax(0,1fr)\n minmax(0,1fr);\n\n gap: clamp(38px, 5vw, 78px);\n\n align-items: center;\n\n margin-top: 42px;\n}\n\n#abera-hair-x .ahx-how-video {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n border-radius: 16px;\n\n background:\n radial-gradient(\n circle,\n #3c3222,\n #101010 70%\n );\n}\n\n#abera-hair-x .ahx-how-video video {\n position: absolute;\n\n inset: 0;\n\n width: 100% !important;\n height: 100% !important;\n\n object-fit: cover;\n object-position: center;\n\n background: #111;\n}\n\n#abera-hair-x .ahx-video-placeholder {\n position: absolute;\n\n inset: 0;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n text-align: center;\n}\n\n#abera-hair-x .ahx-video-placeholder strong {\n color: var(--gold);\n\n font-size: 23px;\n\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-video-placeholder span {\n color: #bbb6ae;\n\n font-size: 16px;\n}\n\n#abera-hair-x .ahx-steps {\n display: grid;\n\n gap: 18px;\n}\n\n#abera-hair-x .ahx-step {\n display: grid;\n\n grid-template-columns:\n 62px minmax(0, 1fr);\n\n gap: 18px;\n\n align-items: center;\n\n padding: 23px;\n\n border: 1px solid #ddd5c6;\n border-radius: 12px;\n\n background: #fff;\n}\n\n#abera-hair-x .ahx-step-number {\n width: 62px;\n height: 62px;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--black);\n color: var(--gold);\n\n font-size: 18px;\n\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-step h3 {\n margin: 0 0 5px;\n\n color: var(--black);\n\n font-size: 20px;\n\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-step p {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 16px;\n line-height: 1.55;\n}\n\n\n\/* =========================================================\n07 — 10 PACKS\n========================================================= *\/\n\n#abera-hair-x .ahx-packs {\n background: var(--black);\n\n color: #fff;\n}\n\n#abera-hair-x .ahx-packs-grid {\n display: grid;\n\n grid-template-columns:\n minmax(0,1fr)\n minmax(0,1fr);\n\n gap: clamp(40px, 5vw, 80px);\n\n align-items: center;\n}\n\n#abera-hair-x .ahx-packs-media {\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n padding: clamp(28px,4vw,52px);\n\n overflow: hidden;\n\n border: 1px solid #353535;\n border-radius: 16px;\n\n background:\n radial-gradient(\n circle,\n #423824,\n #101010 70%\n );\n}\n\n#abera-hair-x .ahx-packs-media img {\n width: 100%;\n height: 100%;\n\n object-fit: contain;\n}\n\n#abera-hair-x .ahx-pack-list {\n display: grid;\n\n gap: 12px;\n\n margin-top: 27px;\n}\n\n#abera-hair-x .ahx-pack-item {\n display: grid;\n\n grid-template-columns:\n 52px minmax(0,1fr);\n\n gap: 14px;\n\n align-items: center;\n\n padding: 17px;\n\n border: 1px solid #383838;\n border-radius: 10px;\n\n background: #181818;\n}\n\n#abera-hair-x .ahx-pack-icon {\n width: 52px;\n height: 52px;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--gold);\n color: var(--black);\n\n font-size: 14px;\n\n font-weight: 600;\n}\n\n#abera-hair-x .ahx-pack-item strong {\n display: block;\n\n color: #fff;\n\n font-size: 16px;\n\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-pack-item span {\n color: #aaa69e;\n\n font-size: 16px;\n line-height: 1.5;\n}\n\n#abera-hair-x .ahx-pack-close {\n margin-top: 25px;\n\n color: var(--gold-light);\n\n font-size: 19px;\n line-height: 1.45;\n\n font-weight: 500;\n}\n\n\n\/* =========================================================\n08 — COMPARISON\n========================================================= *\/\n\n#abera-hair-x .ahx-compare {\n background: #fff;\n}\n\n#abera-hair-x .ahx-table-wrap {\n width: min(1150px,100%);\n\n margin: 42px auto 0;\n\n overflow: hidden;\n\n border: 1px solid #d9d1c4;\n border-radius: 11px;\n\n background: #fff;\n}\n\n#abera-hair-x .ahx-table {\n width: 100%;\n\n border-collapse: collapse;\n\n table-layout: fixed;\n}\n\n#abera-hair-x .ahx-table col:nth-child(1) {\n width: 34%;\n}\n\n#abera-hair-x .ahx-table col:nth-child(2) {\n width: 33%;\n}\n\n#abera-hair-x .ahx-table col:nth-child(3) {\n width: 33%;\n}\n\n#abera-hair-x .ahx-table th,\n#abera-hair-x .ahx-table td {\n padding: 18px 19px;\n\n border-bottom: 1px solid #e7e1d6;\n\n font-size: 16px;\n line-height: 1.45;\n\n text-align: center;\n\n vertical-align: middle;\n\n overflow-wrap: break-word;\n}\n\n#abera-hair-x .ahx-table th {\n background: var(--black);\n color: #fff;\n\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-table th:nth-child(2) {\n color: var(--gold);\n}\n\n#abera-hair-x .ahx-table th:first-child,\n#abera-hair-x .ahx-table td:first-child {\n text-align: left;\n}\n\n#abera-hair-x .ahx-table td:first-child {\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-table td:nth-child(2) {\n color: #936d31;\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\n09 — INGREDIENTS\n========================================================= *\/\n\n#abera-hair-x .ahx-ingredients {\n background: var(--ivory);\n}\n\n#abera-hair-x .ahx-ing-benefit {\n margin-bottom: 6px;\n\n color: var(--gold-dark);\n\n font-size: 12px;\n\n font-weight: 600;\n\n letter-spacing: 1px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n10 — AMMONIA FREE\n========================================================= *\/\n\n#abera-hair-x .ahx-free {\n background: var(--black);\n\n color: #fff;\n}\n\n#abera-hair-x .ahx-free .ahx-title {\n color: #fff;\n}\n\n#abera-hair-x .ahx-free .ahx-subtitle {\n color: #bdb9b2;\n}\n\n#abera-hair-x .ahx-free-grid {\n width: min(950px,100%);\n\n display: grid;\n\n grid-template-columns: repeat(3,1fr);\n\n gap: 18px;\n\n margin: 40px auto 0;\n}\n\n#abera-hair-x .ahx-free-card {\n padding: 35px 20px;\n\n border: 1px solid #393939;\n border-radius: 10px;\n\n background: #171717;\n\n text-align: center;\n}\n\n#abera-hair-x .ahx-free-number {\n margin-bottom: 9px;\n\n color: var(--gold);\n\n font-size: 40px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-free-card strong {\n color: #fff;\n\n font-size: 16px;\n\n font-weight: 500;\n}\n\n\n\/* =========================================================\n11 — LONG LASTING\n========================================================= *\/\n\n#abera-hair-x .ahx-long {\n background: #fff;\n}\n\n#abera-hair-x .ahx-timeline {\n width: min(1100px,100%);\n\n display: grid;\n\n grid-template-columns: repeat(4,1fr);\n\n margin: 50px auto 0;\n}\n\n#abera-hair-x .ahx-time {\n position: relative;\n\n padding: 0 16px;\n\n text-align: center;\n}\n\n#abera-hair-x .ahx-time::before {\n content: \"\";\n\n position: absolute;\n\n top: 22px;\n left: 0;\n\n width: 100%;\n height: 1px;\n\n background: #ccc3b4;\n}\n\n#abera-hair-x .ahx-time:first-child::before {\n left: 50%;\n width: 50%;\n}\n\n#abera-hair-x .ahx-time:last-child::before {\n width: 50%;\n}\n\n#abera-hair-x .ahx-time-dot {\n position: relative;\n\n z-index: 2;\n\n width: 44px;\n height: 44px;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n margin: 0 auto 15px;\n\n border-radius: 50%;\n\n background: var(--black);\n color: var(--gold);\n\n font-size: 11px;\n\n font-weight: 600;\n}\n\n#abera-hair-x .ahx-time h3 {\n margin: 0 0 5px;\n\n font-size: 16px;\n\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-time strong {\n display: block;\n\n margin-bottom: 5px;\n\n color: var(--gold-dark);\n\n font-size: 15px;\n\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-time p {\n max-width: 220px;\n\n margin: 0 auto;\n\n color: var(--muted);\n\n font-size: 16px;\n line-height: 1.5;\n}\n\n#abera-hair-x .ahx-note {\n max-width: 800px;\n\n margin: 30px auto 0;\n\n color: #858079;\n\n font-size: 14px;\n line-height: 1.5;\n\n text-align: center;\n}\n\n\n\/* =========================================================\n12 — REAL LIFE\n========================================================= *\/\n\n#abera-hair-x .ahx-life {\n background: var(--ivory);\n}\n\n#abera-hair-x .ahx-life-card {\n position: relative;\n\n aspect-ratio: 4 \/ 5;\n\n display: flex;\n\n flex-direction: column;\n\n justify-content: flex-end;\n\n padding: 22px;\n\n overflow: hidden;\n\n border-radius: 11px;\n\n background-size: cover;\n background-position: center;\n\n color: #fff;\n}\n\n#abera-hair-x .ahx-life-card::before {\n content: \"\";\n\n position: absolute;\n\n inset: 0;\n\n background:\n linear-gradient(\n to top,\n rgba(0,0,0,.9),\n rgba(0,0,0,.04) 70%\n );\n}\n\n#abera-hair-x .ahx-life-card \u003e * {\n position: relative;\n z-index: 2;\n}\n\n#abera-hair-x .ahx-life-card h3 {\n margin: 0 0 7px;\n\n color: var(--gold-light);\n\n font-size: 18px;\n\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-life-card p {\n margin: 0;\n\n color: #d4d0c9;\n\n font-size: 16px;\n line-height: 1.5;\n}\n\n\n\/* =========================================================\n13 — CUSTOMER VIDEOS\n========================================================= *\/\n\n#abera-hair-x .ahx-video-results {\n background: #fff;\n}\n\n#abera-hair-x .ahx-video-track {\n display: flex;\n\n gap: 18px;\n\n margin-top: 42px;\n padding-bottom: 12px;\n\n overflow-x: auto;\n\n scroll-snap-type: x mandatory;\n\n scrollbar-width: none;\n}\n\n#abera-hair-x .ahx-video-track::-webkit-scrollbar {\n display: none;\n}\n\n#abera-hair-x .ahx-video-card {\n flex:\n 0 0\n calc((100% - 54px) \/ 4);\n\n min-width: 0;\n\n overflow: hidden;\n\n border: 1px solid var(--line);\n border-radius: 13px;\n\n background: #fff;\n\n scroll-snap-align: start;\n}\n\n#abera-hair-x .ahx-customer-video {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 9 \/ 16;\n\n overflow: hidden;\n\n background: #111;\n}\n\n#abera-hair-x .ahx-customer-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: #111;\n}\n\n#abera-hair-x .ahx-video-placeholder-vertical {\n position: absolute;\n\n inset: 0;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n color: var(--gold);\n\n font-size: 15px;\n\n text-align: center;\n}\n\n#abera-hair-x .ahx-video-info {\n padding: 15px;\n}\n\n#abera-hair-x .ahx-video-stars {\n margin-bottom: 9px;\n\n color: #c99b43;\n\n font-size: 16px;\n}\n\n#abera-hair-x .ahx-video-person {\n display: flex;\n\n flex-wrap: wrap;\n\n align-items: center;\n justify-content: space-between;\n\n gap: 7px;\n}\n\n#abera-hair-x .ahx-video-name {\n font-size: 14px;\n\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-video-verified {\n color: #507057;\n\n font-size: 11px;\n\n font-weight: 500;\n}\n\n\n\/* =========================================================\n14 — WARNING\n========================================================= *\/\n\n#abera-hair-x .ahx-warning {\n padding: clamp(36px,4vw,56px) 0;\n\n background: #fff;\n}\n\n#abera-hair-x .ahx-warning-box {\n display: grid;\n\n grid-template-columns:\n 42px minmax(0,1fr);\n\n gap: 17px;\n\n width: 100%;\n\n padding: 25px 28px;\n\n border: 1.5px solid #cdd1d7;\n border-radius: 10px;\n\n background: #fff;\n}\n\n#abera-hair-x .ahx-warning-icon {\n width: 31px;\n height: 31px;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n border: 2px solid #151c29;\n border-radius: 50%;\n\n color: #151c29;\n\n font-size: 18px;\n\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-warning-title {\n margin: 0 0 7px;\n\n color: #151c29;\n\n font-size: 24px;\n line-height: 1.4;\n\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-warning-title strong {\n font-weight: 600;\n}\n\n#abera-hair-x .ahx-warning-copy {\n margin: 0;\n\n color: #374151;\n\n font-size: 16px;\n line-height: 1.7;\n}\n\n#abera-hair-x .ahx-warning-copy strong {\n color: #151c29;\n\n font-weight: 600;\n}\n\n#abera-hair-x .ahx-warning-ps {\n margin-top: 7px;\n}\n\n\n\/* =========================================================\n15 — SPECIAL GIFT\n========================================================= *\/\n\n#abera-hair-x .ahx-gift {\n background: var(--black);\n\n color: #fff;\n}\n\n#abera-hair-x .ahx-gift-grid {\n display: grid;\n\n grid-template-columns:\n minmax(0,1fr)\n minmax(0,1fr);\n\n gap: clamp(40px,5vw,80px);\n\n align-items: center;\n}\n\n#abera-hair-x .ahx-gift-media {\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n padding: 0;\n\n overflow: visible;\n\n border: 0;\n border-radius: 0;\n\n background: transparent;\n\n box-shadow: none;\n}\n\n#abera-hair-x .ahx-gift-media img {\n width: 100%;\n height: 100%;\n\n object-fit: contain;\n object-position: center;\n\n border: 0;\n border-radius: 0;\n\n background: transparent;\n\n box-shadow: none;\n}\n\n#abera-hair-x .ahx-gift-label {\n display: inline-flex;\n\n margin-bottom: 14px;\n\n padding: 8px 13px;\n\n border: 1px solid var(--gold);\n border-radius: 100px;\n\n color: var(--gold);\n\n font-size: 12px;\n\n font-weight: 600;\n\n letter-spacing: 1px;\n\n text-transform: uppercase;\n}\n\n#abera-hair-x .ahx-gift-title {\n margin: 0 0 18px;\n\n color: #fff;\n\n font-size: clamp(33px,3.8vw,51px);\n line-height: 1.09;\n\n font-weight: 500;\n\n letter-spacing: -1.4px;\n\n text-wrap: balance;\n}\n\n#abera-hair-x .ahx-gift-title span {\n color: var(--gold);\n}\n\n#abera-hair-x .ahx-gift-description {\n margin: 0 0 24px;\n\n color: #c9c5bd;\n\n font-size: 16px;\n line-height: 1.65;\n}\n\n#abera-hair-x .ahx-gift-benefits {\n display: grid;\n\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n\n gap: 12px;\n}\n\n#abera-hair-x .ahx-gift-benefit {\n padding: 17px;\n\n border: 1px solid #383838;\n border-radius: 9px;\n\n background: #181818;\n}\n\n#abera-hair-x .ahx-gift-benefit strong {\n display: block;\n\n margin-bottom: 4px;\n\n color: var(--gold-light);\n\n font-size: 16px;\n\n font-weight: 500;\n}\n\n#abera-hair-x .ahx-gift-benefit span {\n color: #aaa69f;\n\n font-size: 16px;\n line-height: 1.5;\n}\n\n#abera-hair-x .ahx-gift-note {\n margin-top: 23px;\n\n color: var(--gold-light);\n\n font-size: 16px;\n\n font-weight: 500;\n}\n\n\n\/* =========================================================\n16 — FAQ\n========================================================= *\/\n\n#abera-hair-x .ahx-faq {\n background: var(--ivory);\n}\n\n#abera-hair-x .ahx-faq-list {\n width: min(1050px,100%);\n\n margin: 40px auto 0;\n\n border-top: 1px solid #d6cfc2;\n}\n\n#abera-hair-x .ahx-faq-item {\n border-bottom: 1px solid #d6cfc2;\n}\n\n#abera-hair-x .ahx-faq-question {\n width: 100%;\n\n display: flex;\n\n align-items: center;\n justify-content: space-between;\n\n gap: 20px;\n\n padding: 21px 0;\n\n border: 0;\n\n background: transparent;\n color: var(--black);\n\n text-align: left;\n\n font-size: 16px;\n line-height: 1.45;\n\n font-weight: 500;\n\n cursor: pointer;\n}\n\n#abera-hair-x .ahx-faq-plus {\n flex: 0 0 auto;\n\n color: var(--gold-dark);\n\n font-size: 21px;\n\n transition: transform .2s ease;\n}\n\n#abera-hair-x .ahx-faq-answer {\n display: none;\n\n max-width: 900px;\n\n padding: 0 45px 21px 0;\n\n color: var(--muted);\n\n font-size: 16px;\n line-height: 1.7;\n}\n\n#abera-hair-x .ahx-faq-item.active .ahx-faq-answer {\n display: block;\n}\n\n#abera-hair-x .ahx-faq-item.active .ahx-faq-plus {\n transform: rotate(45deg);\n}\n\n\n\/* =========================================================\n17 — FINAL\n========================================================= *\/\n\n#abera-hair-x .ahx-final {\n padding: clamp(60px,6vw,84px) 0;\n\n background:\n radial-gradient(\n circle at 50% -10%,\n #493b25,\n #0f0f0f 60%\n );\n\n text-align: center;\n}\n\n#abera-hair-x .ahx-final .ahx-eyebrow {\n color: var(--gold);\n}\n\n#abera-hair-x .ahx-final .ahx-title {\n color: #fff;\n}\n\n#abera-hair-x .ahx-final-copy {\n max-width: 700px;\n\n margin: 0 auto 24px;\n\n color: #c8c4bd;\n\n font-size: 16px;\n line-height: 1.65;\n}\n\n#abera-hair-x .ahx-final-list {\n width: min(540px,100%);\n\n display: grid;\n\n gap: 9px;\n\n margin: 0 auto;\n\n text-align: left;\n}\n\n#abera-hair-x .ahx-final-item {\n display: flex;\n\n gap: 10px;\n\n color: #dedbd4;\n\n font-size: 16px;\n}\n\n#abera-hair-x .ahx-final-item i {\n color: var(--gold);\n font-style: normal;\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width:768px)\nand\n(max-width:1199px) {\n\n #abera-hair-x .ahx-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n #abera-hair-x .ahx-title {\n font-size: clamp(30px,4vw,42px);\n line-height: 1.12;\n white-space: normal;\n }\n\n #abera-hair-x .ahx-hero-grid {\n grid-template-columns: 1fr 1fr;\n gap: 34px;\n }\n\n #abera-hair-x .ahx-hero-title {\n font-size: clamp(36px,5vw,50px);\n line-height: 1.04;\n }\n\n #abera-hair-x .ahx-hero-usps {\n grid-template-columns: 1fr;\n }\n\n #abera-hair-x .ahx-problem-grid {\n grid-template-columns:\n repeat(2,1fr);\n }\n\n #abera-hair-x .ahx-problem-card:last-child {\n grid-column: span 2;\n }\n\n #abera-hair-x .abrs-track {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n #abera-hair-x .abrs-card {\n flex: 0 0 43%;\n }\n\n #abera-hair-x .abrs-swipe {\n display: flex;\n\n justify-content: flex-end;\n\n gap: 6px;\n\n margin-top: 8px;\n\n color: #918a80;\n\n font-size: 12px;\n }\n\n #abera-hair-x .ahx-four-grid {\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n }\n\n #abera-hair-x .ahx-video-card {\n flex:\n 0 0\n calc((100% - 36px) \/ 3);\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n #abera-hair-x {\n font-size: 16px;\n }\n\n #abera-hair-x .ahx-container {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n #abera-hair-x .ahx-section {\n padding: 50px 0;\n }\n\n #abera-hair-x .ahx-eyebrow {\n font-size: 11px;\n letter-spacing: 1px;\n }\n\n #abera-hair-x .ahx-title {\n max-width: 100%;\n\n margin-bottom: 13px;\n\n font-size: clamp(25px,7.4vw,30px);\n line-height: 1.17;\n\n letter-spacing: -.6px;\n\n white-space: normal !important;\n\n text-wrap: balance;\n }\n\n #abera-hair-x .ahx-subtitle {\n max-width: 100%;\n\n font-size: 16px;\n line-height: 1.55;\n\n white-space: normal !important;\n }\n\n\n \/* HERO *\/\n\n #abera-hair-x .ahx-hero {\n padding: 24px 0 43px;\n }\n\n #abera-hair-x .ahx-hero-grid {\n display: flex;\n\n flex-direction: column;\n\n gap: 27px;\n }\n\n #abera-hair-x .ahx-hero-media {\n order: 1;\n }\n\n #abera-hair-x .ahx-hero-copy {\n order: 2;\n }\n\n #abera-hair-x .ahx-hero-title {\n font-size: clamp(34px,9vw,41px);\n line-height: 1.04;\n\n letter-spacing: -1.2px;\n }\n\n #abera-hair-x .ahx-hero-usps {\n grid-template-columns: 1fr;\n }\n\n #abera-hair-x .ahx-hero-badge {\n width: 85px;\n height: 85px;\n\n top: 10px;\n right: 10px;\n }\n\n #abera-hair-x .ahx-hero-badge strong {\n font-size: 19px;\n }\n\n\n \/* QUICK 2 x 2 *\/\n\n #abera-hair-x .ahx-quick-grid {\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n }\n\n #abera-hair-x .ahx-quick-item {\n padding: 18px 7px;\n }\n\n #abera-hair-x .ahx-quick-item:nth-child(2n) {\n border-right: 0;\n }\n\n #abera-hair-x .ahx-quick-item:nth-child(-n+2) {\n border-bottom:\n 1px solid rgba(255,255,255,.14);\n }\n\n #abera-hair-x .ahx-quick-item strong {\n font-size: 18px;\n }\n\n #abera-hair-x .ahx-quick-item span {\n font-size: 13px;\n line-height: 1.35;\n }\n\n\n \/* PROBLEM *\/\n\n #abera-hair-x .ahx-problem-grid {\n grid-template-columns: 1fr;\n\n gap: 16px;\n\n margin-top: 28px;\n }\n\n #abera-hair-x .ahx-problem-card:last-child {\n grid-column: auto;\n }\n\n #abera-hair-x .ahx-problem-copy {\n padding: 18px;\n }\n\n\n \/* BEFORE AFTER *\/\n\n #abera-hair-x .abrs-group {\n margin-top: 37px;\n }\n\n #abera-hair-x .abrs-group + .abrs-group {\n margin-top: 52px;\n }\n\n #abera-hair-x .abrs-group-header {\n margin-bottom: 16px;\n }\n\n #abera-hair-x .abrs-group-header::after {\n display: none;\n }\n\n #abera-hair-x .abrs-group-frame {\n width: 100%;\n\n min-width: 0;\n\n padding: 11px 15px;\n }\n\n #abera-hair-x .abrs-group-title {\n font-size: 17px;\n }\n\n #abera-hair-x .abrs-track {\n gap: 12px;\n\n overflow-x: auto;\n\n overscroll-behavior-x: contain;\n\n -webkit-overflow-scrolling: touch;\n }\n\n #abera-hair-x .abrs-card {\n flex: 0 0 78%;\n\n min-width: 78%;\n }\n\n #abera-hair-x .abrs-review {\n min-height: 0;\n\n font-size: 15px;\n }\n\n #abera-hair-x .abrs-swipe {\n display: flex;\n\n align-items: center;\n justify-content: flex-end;\n\n gap: 6px;\n\n margin: 8px 2px 0;\n\n color: #918a80;\n\n font-size: 11px;\n }\n\n #abera-hair-x .abrs-swipe strong {\n color: var(--gold-dark);\n\n font-size: 15px;\n }\n\n\n \/* 4 CARD = 2 x 2 *\/\n\n #abera-hair-x .ahx-four-grid {\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n\n gap: 10px;\n\n margin-top: 28px;\n }\n\n #abera-hair-x .ahx-square-copy {\n padding: 13px;\n }\n\n #abera-hair-x .ahx-square-copy h3 {\n margin-bottom: 5px;\n\n font-size: 14px;\n }\n\n #abera-hair-x .ahx-square-copy p {\n font-size: 13px;\n line-height: 1.45;\n }\n\n #abera-hair-x .ahx-ing-benefit {\n font-size: 9px;\n\n letter-spacing: .5px;\n }\n\n\n \/* HOW *\/\n\n #abera-hair-x .ahx-how-grid {\n display: flex;\n\n flex-direction: column;\n\n gap: 24px;\n\n margin-top: 28px;\n }\n\n #abera-hair-x .ahx-how-video {\n order: 1;\n }\n\n #abera-hair-x .ahx-steps {\n order: 2;\n }\n\n #abera-hair-x .ahx-step {\n grid-template-columns:\n 48px minmax(0,1fr);\n\n gap: 13px;\n\n padding: 16px;\n }\n\n #abera-hair-x .ahx-step-number {\n width: 48px;\n height: 48px;\n\n font-size: 14px;\n }\n\n #abera-hair-x .ahx-step h3 {\n font-size: 18px;\n }\n\n #abera-hair-x .ahx-step p {\n font-size: 15px;\n }\n\n\n \/* PACKS *\/\n\n #abera-hair-x .ahx-packs-grid {\n display: flex;\n\n flex-direction: column;\n\n gap: 27px;\n }\n\n #abera-hair-x .ahx-packs-media {\n padding: 22px;\n }\n\n #abera-hair-x .ahx-packs .ahx-title,\n #abera-hair-x .ahx-packs .ahx-subtitle {\n text-align: left;\n }\n\n #abera-hair-x .ahx-pack-item {\n grid-template-columns:\n 48px minmax(0,1fr);\n\n padding: 15px;\n }\n\n #abera-hair-x .ahx-pack-icon {\n width: 48px;\n height: 48px;\n }\n\n #abera-hair-x .ahx-pack-item span {\n font-size: 14px;\n }\n\n\n \/* COMPARISON *\/\n\n #abera-hair-x .ahx-table-wrap {\n width: 100%;\n\n margin-top: 28px;\n\n overflow: hidden;\n }\n\n #abera-hair-x .ahx-table {\n width: 100%;\n\n min-width: 0;\n\n table-layout: fixed;\n }\n\n #abera-hair-x .ahx-table col:nth-child(1) {\n width: 34%;\n }\n\n #abera-hair-x .ahx-table col:nth-child(2) {\n width: 32%;\n }\n\n #abera-hair-x .ahx-table col:nth-child(3) {\n width: 34%;\n }\n\n #abera-hair-x .ahx-table th,\n #abera-hair-x .ahx-table td {\n padding: 10px 5px;\n\n font-size: 11px;\n line-height: 1.35;\n\n overflow-wrap: anywhere;\n }\n\n #abera-hair-x .ahx-table th {\n font-size: 10px;\n }\n\n\n \/* FREE *\/\n\n #abera-hair-x .ahx-free-grid {\n grid-template-columns: 1fr;\n\n gap: 12px;\n\n margin-top: 28px;\n }\n\n\n \/* TIMELINE *\/\n\n #abera-hair-x .ahx-timeline {\n grid-template-columns: 1fr;\n\n gap: 25px;\n\n margin-top: 31px;\n }\n\n #abera-hair-x .ahx-time::before {\n display: none;\n }\n\n #abera-hair-x .ahx-time p {\n max-width: 330px;\n }\n\n\n \/* REAL LIFE *\/\n\n #abera-hair-x .ahx-life-card {\n padding: 13px;\n }\n\n #abera-hair-x .ahx-life-card h3 {\n font-size: 14px;\n }\n\n #abera-hair-x .ahx-life-card p {\n font-size: 12px;\n line-height: 1.4;\n }\n\n\n \/* CUSTOMER VIDEO *\/\n\n #abera-hair-x .ahx-video-track {\n gap: 12px;\n\n margin-top: 28px;\n }\n\n #abera-hair-x .ahx-video-card {\n flex: 0 0 78%;\n }\n\n\n \/* WARNING *\/\n\n #abera-hair-x .ahx-warning-box {\n grid-template-columns:\n 28px minmax(0,1fr);\n\n gap: 11px;\n\n padding: 17px 15px;\n }\n\n #abera-hair-x .ahx-warning-icon {\n width: 27px;\n height: 27px;\n\n font-size: 15px;\n }\n\n #abera-hair-x .ahx-warning-title {\n font-size: 18px;\n }\n\n #abera-hair-x .ahx-warning-copy {\n font-size: 15px;\n line-height: 1.6;\n }\n\n\n \/* GIFT *\/\n\n #abera-hair-x .ahx-gift-grid {\n display: flex;\n\n flex-direction: column;\n\n gap: 27px;\n }\n\n #abera-hair-x .ahx-gift-media {\n padding: 23px;\n }\n\n #abera-hair-x .ahx-gift-title {\n font-size: clamp(28px,8vw,33px);\n }\n\n #abera-hair-x .ahx-gift-benefits {\n grid-template-columns: 1fr;\n }\n\n\n \/* FAQ *\/\n\n #abera-hair-x .ahx-faq-list {\n margin-top: 28px;\n }\n\n #abera-hair-x .ahx-faq-question {\n padding: 18px 0;\n\n font-size: 15px;\n }\n\n #abera-hair-x .ahx-faq-question \u003e span:first-child {\n flex: 1;\n min-width: 0;\n }\n\n #abera-hair-x .ahx-faq-answer {\n padding:\n 0 8px 18px 0;\n\n font-size: 15px;\n line-height: 1.65;\n }\n\n}\n\n\u003c\/style\u003e\n\u003cdiv id=\"abera-hair-x\"\u003e\n\u003c!-- =========================================================\n01 — HERO\n========================================================= --\u003e\n\u003csection class=\"ahx-hero\"\u003e\n\u003cdiv class=\"ahx-container\"\u003e\n\u003cdiv class=\"ahx-hero-grid\"\u003e\n\u003cdiv class=\"ahx-hero-copy\"\u003e\n\u003cdiv class=\"ahx-label\"\u003eABERA INSTANT HAIR DYE SHAMPOO\u003c\/div\u003e\n\u003ch1 class=\"ahx-hero-title\"\u003eGRAY HAIR? \u003cspan\u003eONLY 15 MINUTES.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ahx-hero-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=\"ahx-hero-usps\"\u003e\n\u003cdiv class=\"ahx-hero-usp\"\u003e\n\u003cspan class=\"ahx-check\"\u003e✓\u003c\/span\u003e Visible gray coverage in about 15 minutes\u003c\/div\u003e\n\u003cdiv class=\"ahx-hero-usp\"\u003e\n\u003cspan class=\"ahx-check\"\u003e✓\u003c\/span\u003e 10 convenient individual sachets\u003c\/div\u003e\n\u003cdiv class=\"ahx-hero-usp\"\u003e\n\u003cspan class=\"ahx-check\"\u003e✓\u003c\/span\u003e 3-in-1: Color + Cleanse + Condition\u003c\/div\u003e\n\u003cdiv class=\"ahx-hero-usp\"\u003e\n\u003cspan class=\"ahx-check\"\u003e✓\u003c\/span\u003e Ammonia-free formula\u003c\/div\u003e\n\u003cdiv class=\"ahx-hero-usp\"\u003e\n\u003cspan class=\"ahx-check\"\u003e✓\u003c\/span\u003e For men \u0026amp; women\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-hero-media\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_45.webp?v=1787211684\" alt=\"ABERA Hair Dye Shampoo\"\u003e\n\u003cdiv class=\"ahx-hero-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\/section\u003e\n\u003c!-- =========================================================\n02 — QUICK BENEFITS\n========================================================= --\u003e\n\u003csection class=\"ahx-quick\"\u003e\n\u003cdiv class=\"ahx-container\"\u003e\n\u003cdiv class=\"ahx-quick-grid\"\u003e\n\u003cdiv class=\"ahx-quick-item\"\u003e\n\u003cstrong\u003e15 MIN\u003c\/strong\u003e \u003cspan\u003eQuick Gray Coverage\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-quick-item\"\u003e\n\u003cstrong\u003e10 PACKS\u003c\/strong\u003e \u003cspan\u003eReady When You Need Them\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-quick-item\"\u003e\n\u003cstrong\u003e3-IN-1\u003c\/strong\u003e \u003cspan\u003eColor + Cleanse + Condition\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-quick-item\"\u003e\n\u003cstrong\u003e3–4 WEEKS\u003c\/strong\u003e \u003cspan\u003eLong-Lasting Color*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n03 — PROBLEM\n========================================================= --\u003e\n\u003csection class=\"ahx-section ahx-problem\"\u003e\n\u003cdiv class=\"ahx-container\"\u003e\n\u003cp class=\"ahx-eyebrow ahx-center\"\u003eGRAY HAIR KEEPS COMING BACK\u003c\/p\u003e\n\u003ch2 class=\"ahx-title ahx-one-line\"\u003eGRAY HAIR CAN CHANGE HOW OLD YOU LOOK.\u003c\/h2\u003e\n\u003cp class=\"ahx-subtitle\"\u003eCovering it shouldn't mean spending hours at the salon or dealing with a complicated dye kit every few weeks.\u003c\/p\u003e\n\u003cdiv class=\"ahx-problem-grid\"\u003e\n\u003carticle class=\"ahx-problem-card\"\u003e\n\u003cdiv class=\"ahx-problem-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_46.webp?v=1787212296\" alt=\"Gray roots\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahx-problem-copy\"\u003e\n\u003cspan class=\"ahx-problem-number\"\u003e01\u003c\/span\u003e\n\u003ch3\u003eGRAY ROOTS RETURN FAST\u003c\/h3\u003e\n\u003cp\u003eNew growth often becomes most visible around the temples, hairline and roots.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ahx-problem-card\"\u003e\n\u003cdiv class=\"ahx-problem-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_47.webp?v=1787213085\" alt=\"Salon\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahx-problem-copy\"\u003e\n\u003cspan class=\"ahx-problem-number\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eSALON VISITS TAKE TIME\u003c\/h3\u003e\n\u003cp\u003eAppointments, driving, waiting and repeat visits can turn simple gray coverage into a routine you keep postponing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ahx-problem-card\"\u003e\n\u003cdiv class=\"ahx-problem-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_48.webp?v=1787213501\" alt=\"Traditional hair dye\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahx-problem-copy\"\u003e\n\u003cspan class=\"ahx-problem-number\"\u003e03\u003c\/span\u003e\n\u003ch3\u003eTRADITIONAL DYE FEELS LIKE WORK\u003c\/h3\u003e\n\u003cp\u003eBowls. Brushes. Bottles. Sectioning. Mixing. Cleanup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-easier\"\u003eTHERE'S AN EASIER WAY.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n04 — BEFORE \/ AFTER\n========================================================= --\u003e\n\u003csection class=\"ahx-section ahx-results-static\"\u003e\n\u003cdiv class=\"ahx-container\"\u003e\n\u003cdiv class=\"abrs-header\"\u003e\n\u003cp class=\"ahx-eyebrow\"\u003eTHE 15-MINUTE DIFFERENCE\u003c\/p\u003e\n\u003ch2 class=\"ahx-title ahx-one-line\"\u003eFROM VISIBLE GRAY TO NATURAL-LOOKING COLOR\u003c\/h2\u003e\n\u003cp class=\"ahx-subtitle\"\u003eApply. Massage. Wait approximately 15 minutes. Rinse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- MEN --\u003e\n\u003cdiv class=\"abrs-group\"\u003e\n\u003cdiv class=\"abrs-group-header\"\u003e\n\u003cdiv class=\"abrs-group-frame\"\u003e\n\u003ch3 class=\"abrs-group-title\"\u003eMEN'S RESULTS\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-track\"\u003e\n\u003carticle class=\"abrs-card\"\u003e\n\u003cdiv class=\"abrs-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_14.webp?v=1787212244\" alt=\"Men before after result 1\"\u003e \u003cspan class=\"abrs-before\"\u003eBEFORE\u003c\/span\u003e \u003cspan class=\"abrs-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-body\"\u003e\n\u003cdiv class=\"abrs-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abrs-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=\"abrs-name\"\u003e\n\u003cstrong\u003eDavid B.\u003c\/strong\u003e \u003cspan\u003eCalifornia, USA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-verified\"\u003e\n\u003ci\u003e✓\u003c\/i\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abrs-card\"\u003e\n\u003cdiv class=\"abrs-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_17.webp?v=1787212244\" alt=\"Men before after result 2\"\u003e \u003cspan class=\"abrs-before\"\u003eBEFORE\u003c\/span\u003e \u003cspan class=\"abrs-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-body\"\u003e\n\u003cdiv class=\"abrs-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abrs-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=\"abrs-name\"\u003e\n\u003cstrong\u003eMichael R.\u003c\/strong\u003e \u003cspan\u003eTexas, USA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-verified\"\u003e\n\u003ci\u003e✓\u003c\/i\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abrs-card\"\u003e\n\u003cdiv class=\"abrs-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_16.webp?v=1787212244\" alt=\"Men before after result 3\"\u003e \u003cspan class=\"abrs-before\"\u003eBEFORE\u003c\/span\u003e \u003cspan class=\"abrs-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-body\"\u003e\n\u003cdiv class=\"abrs-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abrs-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=\"abrs-name\"\u003e\n\u003cstrong\u003eJames K.\u003c\/strong\u003e \u003cspan\u003eFlorida, USA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-verified\"\u003e\n\u003ci\u003e✓\u003c\/i\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abrs-card\"\u003e\n\u003cdiv class=\"abrs-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_15.webp?v=1787212243\" alt=\"Men before after result 4\"\u003e \u003cspan class=\"abrs-before\"\u003eBEFORE\u003c\/span\u003e \u003cspan class=\"abrs-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-body\"\u003e\n\u003cdiv class=\"abrs-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abrs-review\"\u003e“Much simpler than the traditional hair dye kits I've used before.”\u003c\/p\u003e\n\u003cdiv class=\"abrs-name\"\u003e\n\u003cstrong\u003eRobert T.\u003c\/strong\u003e \u003cspan\u003eArizona, USA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-verified\"\u003e\n\u003ci\u003e✓\u003c\/i\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abrs-card\"\u003e\n\u003cdiv class=\"abrs-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_19.webp?v=1787212244\" alt=\"Men before after result 5\"\u003e \u003cspan class=\"abrs-before\"\u003eBEFORE\u003c\/span\u003e \u003cspan class=\"abrs-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-body\"\u003e\n\u003cdiv class=\"abrs-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abrs-review\"\u003e“I wanted something easier for quick touch-ups. This is much more convenient for my routine.”\u003c\/p\u003e\n\u003cdiv class=\"abrs-name\"\u003e\n\u003cstrong\u003eDaniel S.\u003c\/strong\u003e \u003cspan\u003eNew York, USA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-verified\"\u003e\n\u003ci\u003e✓\u003c\/i\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-swipe\"\u003eSwipe to see more \u003cstrong\u003e→\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- WOMEN --\u003e\n\u003cdiv class=\"abrs-group\"\u003e\n\u003cdiv class=\"abrs-group-header\"\u003e\n\u003cdiv class=\"abrs-group-frame\"\u003e\n\u003ch3 class=\"abrs-group-title\"\u003eWOMEN'S RESULTS\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-track\"\u003e\n\u003carticle class=\"abrs-card\"\u003e\n\u003cdiv class=\"abrs-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_6.webp?v=1787212243\" alt=\"Women before after result 1\"\u003e \u003cspan class=\"abrs-before\"\u003eBEFORE\u003c\/span\u003e \u003cspan class=\"abrs-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-body\"\u003e\n\u003cdiv class=\"abrs-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abrs-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=\"abrs-name\"\u003e\n\u003cstrong\u003eLinda M.\u003c\/strong\u003e \u003cspan\u003eNew York, USA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-verified\"\u003e\n\u003ci\u003e✓\u003c\/i\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abrs-card\"\u003e\n\u003cdiv class=\"abrs-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_7.webp?v=1787212244\" alt=\"Women before after result 2\"\u003e \u003cspan class=\"abrs-before\"\u003eBEFORE\u003c\/span\u003e \u003cspan class=\"abrs-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-body\"\u003e\n\u003cdiv class=\"abrs-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abrs-review\"\u003e“I like being able to focus on the areas where my gray shows first.”\u003c\/p\u003e\n\u003cdiv class=\"abrs-name\"\u003e\n\u003cstrong\u003eSarah T.\u003c\/strong\u003e \u003cspan\u003eWashington, USA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-verified\"\u003e\n\u003ci\u003e✓\u003c\/i\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abrs-card\"\u003e\n\u003cdiv class=\"abrs-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_8.webp?v=1787212244\" alt=\"Women before after result 3\"\u003e \u003cspan class=\"abrs-before\"\u003eBEFORE\u003c\/span\u003e \u003cspan class=\"abrs-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-body\"\u003e\n\u003cdiv class=\"abrs-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abrs-review\"\u003e“The individual packs make it easy to keep my next touch-up ready.”\u003c\/p\u003e\n\u003cdiv class=\"abrs-name\"\u003e\n\u003cstrong\u003eEmily C.\u003c\/strong\u003e \u003cspan\u003eNevada, USA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-verified\"\u003e\n\u003ci\u003e✓\u003c\/i\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abrs-card\"\u003e\n\u003cdiv class=\"abrs-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_13.webp?v=1787212244\" alt=\"Women before after result 4\"\u003e \u003cspan class=\"abrs-before\"\u003eBEFORE\u003c\/span\u003e \u003cspan class=\"abrs-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-body\"\u003e\n\u003cdiv class=\"abrs-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abrs-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=\"abrs-name\"\u003e\n\u003cstrong\u003eKaren L.\u003c\/strong\u003e \u003cspan\u003eOregon, USA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-verified\"\u003e\n\u003ci\u003e✓\u003c\/i\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abrs-card\"\u003e\n\u003cdiv class=\"abrs-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_10.webp?v=1787212244\" alt=\"Women before after result 5\"\u003e \u003cspan class=\"abrs-before\"\u003eBEFORE\u003c\/span\u003e \u003cspan class=\"abrs-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-body\"\u003e\n\u003cdiv class=\"abrs-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abrs-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=\"abrs-name\"\u003e\n\u003cstrong\u003eSusan P.\u003c\/strong\u003e \u003cspan\u003eCalifornia, USA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-verified\"\u003e\n\u003ci\u003e✓\u003c\/i\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abrs-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!-- =========================================================\n05 — WHERE DOES YOUR GRAY SHOW FIRST?\n========================================================= --\u003e\n\u003csection class=\"ahx-section ahx-needs\"\u003e\n\u003cdiv class=\"ahx-container\"\u003e\n\u003ch2 class=\"ahx-title ahx-one-line\"\u003eWHERE DOES YOUR GRAY SHOW FIRST?\u003c\/h2\u003e\n\u003cdiv class=\"ahx-four-grid\"\u003e\n\u003carticle class=\"ahx-square-card\"\u003e\n\u003cdiv class=\"ahx-square-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_49.webp?v=1787214277\" alt=\"Gray temples\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahx-square-copy\"\u003e\n\u003ch3\u003eGRAY TEMPLES\u003c\/h3\u003e\n\u003cp\u003eVisible gray around the sides can quickly make hair look more aged.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ahx-square-card\"\u003e\n\u003cdiv class=\"ahx-square-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_50.webp?v=1787214653\" alt=\"Gray roots\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahx-square-copy\"\u003e\n\u003ch3\u003eGRAY ROOTS\u003c\/h3\u003e\n\u003cp\u003eTouch up visible new growth between full color sessions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ahx-square-card\"\u003e\n\u003cdiv class=\"ahx-square-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_51.webp?v=1787215263\" alt=\"Salt and pepper\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahx-square-copy\"\u003e\n\u003ch3\u003eSALT \u0026amp; PEPPER\u003c\/h3\u003e\n\u003cp\u003eRefresh mixed dark and gray strands with one simple routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ahx-square-card\"\u003e\n\u003cdiv class=\"ahx-square-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_52.webp?v=1787215263\" alt=\"Visible white hair\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahx-square-copy\"\u003e\n\u003ch3\u003eVISIBLE WHITE HAIR\u003c\/h3\u003e\n\u003cp\u003eFor users looking for broader-looking gray coverage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-section-close\"\u003eDifferent gray patterns. One simple routine.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n06 — HOW IT WORKS\n========================================================= --\u003e\n\u003csection class=\"ahx-section ahx-how\"\u003e\n\u003cdiv class=\"ahx-container\"\u003e\n\u003cp class=\"ahx-eyebrow ahx-center\"\u003eHOW IT WORKS\u003c\/p\u003e\n\u003ch2 class=\"ahx-title ahx-one-line\"\u003eGRAY COVERAGE IN 3 SIMPLE STEPS.\u003c\/h2\u003e\n\u003cp class=\"ahx-subtitle\"\u003eApply. Wait approximately 15 minutes. Rinse.\u003c\/p\u003e\n\u003cdiv class=\"ahx-how-grid\"\u003e\n\u003cdiv class=\"ahx-how-video\"\u003e\n\u003c!-- HOW TO USE VIDEO URL: replace PASTE_HOW_TO_USE_VIDEO_URL --\u003e\n\u003c!-- HOW TO USE THUMBNAIL: replace PASTE_HOW_TO_USE_THUMBNAIL --\u003e\n\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 playsinline preload=\"metadata\"\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-steps\"\u003e\n\u003cdiv class=\"ahx-step\"\u003e\n\u003cdiv class=\"ahx-step-number\"\u003e01\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eAPPLY\u003c\/h3\u003e\n\u003cp\u003ePut on protective gloves, dispense both formulas from the sachet and massage evenly through dry hair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-step\"\u003e\n\u003cdiv class=\"ahx-step-number\"\u003e02\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eWAIT\u003c\/h3\u003e\n\u003cp\u003eLeave the color on for approximately 15 minutes according to the product directions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-step\"\u003e\n\u003cdiv class=\"ahx-step-number\"\u003e03\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eRINSE\u003c\/h3\u003e\n\u003cp\u003eRinse thoroughly with clean water until the water runs clear.\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\/section\u003e\n\u003c!-- =========================================================\n07 — 10 PACKS\n========================================================= --\u003e\n\u003csection class=\"ahx-section ahx-packs\"\u003e\n\u003cdiv class=\"ahx-container\"\u003e\n\u003cdiv class=\"ahx-packs-grid\"\u003e\n\u003cdiv class=\"ahx-packs-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_45_2789aa2c-1ec0-42bf-a909-4b1da6ed22e5.webp?v=1787216192\" alt=\"ABERA Hair Dye Shampoo 10 Packs\"\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp class=\"ahx-eyebrow\"\u003eDESIGNED FOR REAL LIFE\u003c\/p\u003e\n\u003ch2 class=\"ahx-title ahx-title-left\" style=\"color: #fff;\"\u003e10 PACKS. READY WHENEVER GRAY COMES BACK.\u003c\/h2\u003e\n\u003cp class=\"ahx-subtitle ahx-subtitle-left\" style=\"color: #bbb7af;\"\u003eGray roots don't wait for your schedule. Keep individual ABERA sachets ready at home or wherever you go.\u003c\/p\u003e\n\u003cdiv class=\"ahx-pack-list\"\u003e\n\u003cdiv class=\"ahx-pack-item\"\u003e\n\u003cdiv class=\"ahx-pack-icon\"\u003eH\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e AT HOME \u003c\/strong\u003e \u003cspan\u003e Keep individual sachets ready whenever gray roots become visible. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-pack-item\"\u003e\n\u003cdiv class=\"ahx-pack-icon\"\u003eB\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e BUSINESS TRIPS \u003c\/strong\u003e \u003cspan\u003e Skip bulky bottles and full-size dye kits in your luggage. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-pack-item\"\u003e\n\u003cdiv class=\"ahx-pack-icon\"\u003e✈\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e TRAVEL \u003c\/strong\u003e \u003cspan\u003e Take only what you need. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-pack-close\"\u003eUSE WHAT YOU NEED TODAY.\u003cbr\u003eKEEP THE REST FOR NEXT TIME.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n08 — COMPARISON\n========================================================= --\u003e\n\u003csection class=\"ahx-section ahx-compare\"\u003e\n\u003cdiv class=\"ahx-container\"\u003e\n\u003cp class=\"ahx-eyebrow ahx-center\"\u003eA SIMPLER APPROACH\u003c\/p\u003e\n\u003ch2 class=\"ahx-title ahx-one-line\"\u003eHAIR COLOR DOESN'T HAVE TO BE COMPLICATED.\u003c\/h2\u003e\n\u003cdiv class=\"ahx-table-wrap\"\u003e\n\u003ctable class=\"ahx-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\u003c\/th\u003e\n\u003cth\u003eTRADITIONAL DYE\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eApplication\u003c\/td\u003e\n\u003ctd\u003eShampoo-like\u003c\/td\u003e\n\u003ctd\u003eBrush \u0026amp; section\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMixing\u003c\/td\u003e\n\u003ctd\u003eSachet format\u003c\/td\u003e\n\u003ctd\u003eMultiple bottles\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProcess\u003c\/td\u003e\n\u003ctd\u003eAbout 15 min\u003c\/td\u003e\n\u003ctd\u003eMulti-step\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIndividual packs\u003c\/td\u003e\n\u003ctd\u003e✓\u003c\/td\u003e\n\u003ctd\u003e✕\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTravel friendly\u003c\/td\u003e\n\u003ctd\u003e✓\u003c\/td\u003e\n\u003ctd\u003eLess convenient\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAmmonia\u003c\/td\u003e\n\u003ctd\u003e0%\u003c\/td\u003e\n\u003ctd\u003eVaries\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eColor + Cleanse + Condition\u003c\/td\u003e\n\u003ctd\u003e3-in-1\u003c\/td\u003e\n\u003ctd\u003eUsually separate\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n09 — INGREDIENTS\n========================================================= --\u003e\n\u003csection class=\"ahx-section ahx-ingredients\"\u003e\n\u003cdiv class=\"ahx-container\"\u003e\n\u003cp class=\"ahx-eyebrow ahx-center\"\u003eCOLOR + HAIR CARE\u003c\/p\u003e\n\u003ch2 class=\"ahx-title ahx-two-line\"\u003eCOLOR YOUR GRAYS WITHOUT FORGETTING YOUR HAIR.\u003c\/h2\u003e\n\u003cp class=\"ahx-subtitle\"\u003eABERA combines hair-color technology with botanical ingredients commonly used in hair-care formulas.\u003c\/p\u003e\n\u003cdiv class=\"ahx-four-grid\"\u003e\n\u003carticle class=\"ahx-square-card\"\u003e\n\u003cdiv class=\"ahx-square-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=\"ahx-square-copy\"\u003e\n\u003cdiv class=\"ahx-ing-benefit\"\u003eSOFTNESS + SHINE\u003c\/div\u003e\n\u003ch3\u003eARGAN OIL\u003c\/h3\u003e\n\u003cp\u003eHelps condition hair and leave it feeling smoother and softer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ahx-square-card\"\u003e\n\u003cdiv class=\"ahx-square-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=\"ahx-square-copy\"\u003e\n\u003cdiv class=\"ahx-ing-benefit\"\u003eHAIR + SCALP CARE\u003c\/div\u003e\n\u003ch3\u003eBLACK GINSENG\u003c\/h3\u003e\n\u003cp\u003eA botanical traditionally used in hair-care routines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ahx-square-card\"\u003e\n\u003cdiv class=\"ahx-square-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=\"ahx-square-copy\"\u003e\n\u003cdiv class=\"ahx-ing-benefit\"\u003eHEALTHY-LOOKING HAIR\u003c\/div\u003e\n\u003ch3\u003eFO-TI\u003c\/h3\u003e\n\u003cp\u003eTraditionally used in botanical hair-care formulas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ahx-square-card\"\u003e\n\u003cdiv class=\"ahx-square-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\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahx-square-copy\"\u003e\n\u003cdiv class=\"ahx-ing-benefit\"\u003eCONDITIONING CARE\u003c\/div\u003e\n\u003ch3\u003eRED REISHI\u003c\/h3\u003e\n\u003cp\u003eHelps support a softer, more conditioned hair feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-section-close\"\u003eHAIR COLOR + BOTANICAL CARE IN ONE EASY ROUTINE.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n10 — AMMONIA FREE\n========================================================= --\u003e\n\u003csection class=\"ahx-section ahx-free\"\u003e\n\u003cdiv class=\"ahx-container\"\u003e\n\u003cp class=\"ahx-eyebrow ahx-center\"\u003eA DIFFERENT COLOR EXPERIENCE\u003c\/p\u003e\n\u003ch2 class=\"ahx-title\"\u003eAMMONIA-FREE HAIR COLOR.\u003c\/h2\u003e\n\u003cp class=\"ahx-subtitle\"\u003eNo complicated bottle mixing. Just a more convenient way to refresh visible gray hair.\u003c\/p\u003e\n\u003cdiv class=\"ahx-free-grid\"\u003e\n\u003cdiv class=\"ahx-free-card\"\u003e\n\u003cdiv class=\"ahx-free-number\"\u003e0%\u003c\/div\u003e\n\u003cstrong\u003e AMMONIA \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-free-card\"\u003e\n\u003cdiv class=\"ahx-free-number\"\u003e10\u003c\/div\u003e\n\u003cstrong\u003e INDIVIDUAL PACKS \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-free-card\"\u003e\n\u003cdiv class=\"ahx-free-number\"\u003e3-IN-1\u003c\/div\u003e\n\u003cstrong\u003e COLOR + CLEANSE + CONDITION \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n11 — LONG LASTING\n========================================================= --\u003e\n\u003csection class=\"ahx-section ahx-long\"\u003e\n\u003cdiv class=\"ahx-container\"\u003e\n\u003cp class=\"ahx-eyebrow ahx-center\"\u003eLONG-LASTING COLOR\u003c\/p\u003e\n\u003ch2 class=\"ahx-title ahx-two-line\"\u003e15 MINUTES TODAY. COLOR THAT CAN LAST FOR WEEKS.\u003c\/h2\u003e\n\u003cdiv class=\"ahx-timeline\"\u003e\n\u003cdiv class=\"ahx-time\"\u003e\n\u003cdiv class=\"ahx-time-dot\"\u003eD1\u003c\/div\u003e\n\u003ch3\u003eDAY 1\u003c\/h3\u003e\n\u003cstrong\u003e Fresh-Looking Color \u003c\/strong\u003e\n\u003cp\u003eGray hair looks refreshed after coloring.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-time\"\u003e\n\u003cdiv class=\"ahx-time-dot\"\u003eW1\u003c\/div\u003e\n\u003ch3\u003eWEEK 1\u003c\/h3\u003e\n\u003cstrong\u003e Enjoy Your New Look \u003c\/strong\u003e\n\u003cp\u003eMaintain your normal hair routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-time\"\u003e\n\u003cdiv class=\"ahx-time-dot\"\u003eW4\u003c\/div\u003e\n\u003ch3\u003eWEEK 4\u003c\/h3\u003e\n\u003cstrong\u003e Color Still Looking Fresh \u003c\/strong\u003e\n\u003cp\u003eActual longevity varies between users.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-time\"\u003e\n\u003cdiv class=\"ahx-time-dot\"\u003e6–8\u003c\/div\u003e\n\u003ch3\u003eWEEK 6–8\u003c\/h3\u003e\n\u003cstrong\u003e Ready For Your Next Touch-Up \u003c\/strong\u003e\n\u003cp\u003eUse another sachet as new gray growth becomes visible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ahx-note\"\u003eColor longevity may vary depending on hair type, washing frequency, gray coverage and individual routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n12 — REAL LIFE\n========================================================= --\u003e\n\u003csection class=\"ahx-section ahx-life\"\u003e\n\u003cdiv class=\"ahx-container\"\u003e\n\u003ch2 class=\"ahx-title ahx-two-line\"\u003eYOUR GRAY-HAIR ROUTINE, WHEREVER LIFE TAKES YOU.\u003c\/h2\u003e\n\u003cdiv class=\"ahx-four-grid\"\u003e\n\u003carticle class=\"ahx-life-card\" style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_54.webp?v=1787217075');\"\u003e\n\u003ch3\u003eBEFORE WORK\u003c\/h3\u003e\n\u003cp\u003eRefresh visible gray without scheduling a salon visit.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ahx-life-card\" style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_55.webp?v=1787217941');\"\u003e\n\u003ch3\u003eBEFORE AN EVENT\u003c\/h3\u003e\n\u003cp\u003eGet your hair looking refreshed before an important occasion.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ahx-life-card\" style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_57.webp?v=1787218999');\"\u003e\n\u003ch3\u003eBUSINESS TRIP\u003c\/h3\u003e\n\u003cp\u003ePack individual sachets instead of a bulky dye kit.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"ahx-life-card\" style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_58.webp?v=1787219168');\"\u003e\n\u003ch3\u003eROOT TOUCH-UP\u003c\/h3\u003e\n\u003cp\u003eKeep your next touch-up ready when gray returns.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n13 — CUSTOMER VIDEOS\n4 VIDEOS ONLY\nTHUMBNAIL: replace PASTE_CUSTOMER_THUMBNAIL_01 ... 04\nVIDEO URL: replace PASTE_CUSTOMER_VIDEO_01 ... 04\n========================================================= --\u003e\n\u003csection class=\"ahx-section ahx-video-results\"\u003e\n\u003cdiv class=\"ahx-container\"\u003e\n\u003cp class=\"ahx-eyebrow ahx-center\"\u003eREAL PEOPLE. REAL GRAY COVERAGE.\u003c\/p\u003e\n\u003ch2 class=\"ahx-title ahx-one-line\"\u003eSEE WHY CUSTOMERS ARE MAKING THE SWITCH.\u003c\/h2\u003e\n\n\u003cdiv class=\"ahx-video-track\"\u003e\n\n\u003carticle class=\"ahx-video-card\"\u003e\n\u003cdiv class=\"ahx-customer-video\"\u003e\n\u003c!-- VIDEO 01 URL --\u003e\n\u003c!-- THUMBNAIL 01 --\u003e\n\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.webp?v=1787234744\" controls playsinline preload=\"metadata\"\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-video-info\"\u003e\n\u003cdiv class=\"ahx-video-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"ahx-video-person\"\u003e\n\u003cspan class=\"ahx-video-name\"\u003e Linda M. \u003c\/span\u003e\n\u003cspan class=\"ahx-video-verified\"\u003e ✓ Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\n\u003carticle class=\"ahx-video-card\"\u003e\n\u003cdiv class=\"ahx-customer-video\"\u003e\n\u003c!-- VIDEO 02 URL --\u003e\n\u003c!-- THUMBNAIL 02 --\u003e\n\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 playsinline preload=\"metadata\"\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-video-info\"\u003e\n\u003cdiv class=\"ahx-video-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"ahx-video-person\"\u003e\n\u003cspan class=\"ahx-video-name\"\u003e David B. \u003c\/span\u003e\n\u003cspan class=\"ahx-video-verified\"\u003e ✓ Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\n\u003carticle class=\"ahx-video-card\"\u003e\n\u003cdiv class=\"ahx-customer-video\"\u003e\n\u003c!-- VIDEO 03 URL --\u003e\n\u003c!-- THUMBNAIL 03 --\u003e\n\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 playsinline preload=\"metadata\"\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-video-info\"\u003e\n\u003cdiv class=\"ahx-video-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"ahx-video-person\"\u003e\n\u003cspan class=\"ahx-video-name\"\u003e Michael R. \u003c\/span\u003e\n\u003cspan class=\"ahx-video-verified\"\u003e ✓ Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\n\u003carticle class=\"ahx-video-card\"\u003e\n\u003cdiv class=\"ahx-customer-video\"\u003e\n\u003c!-- VIDEO 04 URL --\u003e\n\u003c!-- THUMBNAIL 04 --\u003e\n\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 playsinline preload=\"metadata\"\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-video-info\"\u003e\n\u003cdiv class=\"ahx-video-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"ahx-video-person\"\u003e\n\u003cspan class=\"ahx-video-name\"\u003e James K. \u003c\/span\u003e\n\u003cspan class=\"ahx-video-verified\"\u003e ✓ Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n14 — WARNING\n========================================================= --\u003e\n\u003csection class=\"ahx-warning\"\u003e\n\u003cdiv class=\"ahx-container\"\u003e\n\u003cdiv class=\"ahx-warning-box\"\u003e\n\u003cdiv class=\"ahx-warning-icon\"\u003e!\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 class=\"ahx-warning-title\"\u003e\n\u003cstrong\u003e WARNING: \u003c\/strong\u003e Low Stock Notice\u003c\/h3\u003e\n\u003cp class=\"ahx-warning-copy\"\u003eDue to high demand, availability may be limited. Take advantage of the current \u003cstrong\u003e Limited-Time Offer \u003c\/strong\u003e while stock is available.\u003c\/p\u003e\n\u003cp class=\"ahx-warning-copy ahx-warning-ps\"\u003e\u003cstrong\u003e PS: \u003c\/strong\u003e You can also find ABERA on Amazon, \u003cstrong\u003e but our best prices and exclusive free gifts are only available on this official website. \u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n15 — SPECIAL GIFT\n========================================================= --\u003e\n\u003csection class=\"ahx-section ahx-gift\"\u003e\n\u003cdiv class=\"ahx-container\"\u003e\n\u003cdiv class=\"ahx-gift-grid\"\u003e\n\u003cdiv class=\"ahx-gift-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_59.webp?v=1787220419\" alt=\"ABERA Special Gift\"\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ahx-gift-label\"\u003eSPECIAL GIFT\u003c\/div\u003e\n\u003ch2 class=\"ahx-gift-title\"\u003eBUY 2 BOXES.\u003cbr\u003e\u003cspan\u003e GET 1 GRAPEFRUIT SHAMPOO FREE. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ahx-gift-description\"\u003eStock up on ABERA Instant Hair Dye Shampoo and receive a complimentary ABERA Grapefruit Shampoo to support your after-color hair-care routine.\u003c\/p\u003e\n\u003cdiv class=\"ahx-gift-benefits\"\u003e\n\u003cdiv class=\"ahx-gift-benefit\"\u003e\n\u003cstrong\u003e NOURISHES HAIR \u003c\/strong\u003e \u003cspan\u003e Helps keep hair feeling softer, smoother and better conditioned. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-gift-benefit\"\u003e\n\u003cstrong\u003e SUPPORTS FULLER-LOOKING HAIR \u003c\/strong\u003e \u003cspan\u003e Helps support healthier-looking, fuller-looking hair as part of your regular routine. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-gift-note\"\u003eFREE GIFT AVAILABLE WITH 2-BOX PURCHASE.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n16 — FAQ — UPDATED CONTENT\n========================================================= --\u003e\n\u003csection class=\"ahx-section ahx-faq\"\u003e\n\u003cdiv class=\"ahx-container\"\u003e\n\u003cp class=\"ahx-eyebrow ahx-center\"\u003eQUESTIONS?\u003c\/p\u003e\n\u003ch2 class=\"ahx-title\"\u003eFREQUENTLY ASKED QUESTIONS\u003c\/h2\u003e\n\u003cdiv class=\"ahx-faq-list\"\u003e\n\u003c!-- FAQ 01 --\u003e\n\u003cdiv class=\"ahx-faq-item\"\u003e\n\u003cbutton type=\"button\" class=\"ahx-faq-question\"\u003e \u003cspan\u003e How long does the hair color last? \u003c\/span\u003e \u003cspan class=\"ahx-faq-plus\"\u003e + \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"ahx-faq-answer\"\u003eDepending on hair type and frequency of washing, Abera typically lasts from 4-6 weeks.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ 02 --\u003e\n\u003cdiv class=\"ahx-faq-item\"\u003e\n\u003cbutton type=\"button\" class=\"ahx-faq-question\"\u003e \u003cspan\u003e Does it cause allergies or work on sensitive skin? \u003c\/span\u003e \u003cspan class=\"ahx-faq-plus\"\u003e + \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"ahx-faq-answer\"\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\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ 03 --\u003e\n\u003cdiv class=\"ahx-faq-item\"\u003e\n\u003cbutton type=\"button\" class=\"ahx-faq-question\"\u003e \u003cspan\u003e Is one sachet enough for one application? \u003c\/span\u003e \u003cspan class=\"ahx-faq-plus\"\u003e + \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"ahx-faq-answer\"\u003eThe amount required depends on your hair length, thickness and the area you want to color.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ 04 --\u003e\n\u003cdiv class=\"ahx-faq-item\"\u003e\n\u003cbutton type=\"button\" class=\"ahx-faq-question\"\u003e \u003cspan\u003e Can I use it only on my gray roots? \u003c\/span\u003e \u003cspan class=\"ahx-faq-plus\"\u003e + \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"ahx-faq-answer\"\u003eYes. You can focus application on visible gray areas such as the roots, temples and hairline while following the product directions.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ 05 --\u003e\n\u003cdiv class=\"ahx-faq-item\"\u003e\n\u003cbutton type=\"button\" class=\"ahx-faq-question\"\u003e \u003cspan\u003e Does it work on any hair type? \u003c\/span\u003e \u003cspan class=\"ahx-faq-plus\"\u003e + \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"ahx-faq-answer\"\u003eYes, Abera works on any hair type from la to 4c. Thanks to its shampoo-like qualities, its easy to apply and covers every gray from root to tip.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ 06 --\u003e\n\u003cdiv class=\"ahx-faq-item\"\u003e\n\u003cbutton type=\"button\" class=\"ahx-faq-question\"\u003e \u003cspan\u003e Does this shampoo leave stains on skin or fabric? \u003c\/span\u003e \u003cspan class=\"ahx-faq-plus\"\u003e + \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"ahx-faq-answer\"\u003eAbera Instant Dye Shampoo is designed to be mess-free, it won't stain your skin or scalp and any residue washes off easily from surfaces. We do recommend wearing gloves during application and avoiding white or light-colored towels and clothing, as pigment can transfer if not fully rinsed on time.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ 07 --\u003e\n\u003cdiv class=\"ahx-faq-item\"\u003e\n\u003cbutton type=\"button\" class=\"ahx-faq-question\"\u003e \u003cspan\u003e Can I use this shampoo on my beard? \u003c\/span\u003e \u003cspan class=\"ahx-faq-plus\"\u003e + \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"ahx-faq-answer\"\u003eIf your facial skin is easily irritated, you should test it on a small area for 1-2 hours before applying it to your entire beard.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ 08 --\u003e\n\u003cdiv class=\"ahx-faq-item\"\u003e\n\u003cbutton type=\"button\" class=\"ahx-faq-question\"\u003e \u003cspan\u003e Can it be used with my normal hair care products? \u003c\/span\u003e \u003cspan class=\"ahx-faq-plus\"\u003e + \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"ahx-faq-answer\"\u003eWe recommend using our exclusive shampoo and conditioner in between dyes. Conditioner can be applied directly after use.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ 09 --\u003e\n\u003cdiv class=\"ahx-faq-item\"\u003e\n\u003cbutton type=\"button\" class=\"ahx-faq-question\"\u003e \u003cspan\u003e Should I perform an allergy test? \u003c\/span\u003e \u003cspan class=\"ahx-faq-plus\"\u003e + \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"ahx-faq-answer\"\u003eYes. Follow the allergy alert test instructions provided with the hair-color product before use.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ 10 --\u003e\n\u003cdiv class=\"ahx-faq-item\"\u003e\n\u003cbutton type=\"button\" class=\"ahx-faq-question\"\u003e \u003cspan\u003e Does it work on completely gray hair? \u003c\/span\u003e \u003cspan class=\"ahx-faq-plus\"\u003e + \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"ahx-faq-answer\"\u003eCoverage can vary depending on your original hair color, gray percentage, hair condition and application.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ 11 --\u003e\n\u003cdiv class=\"ahx-faq-item\"\u003e\n\u003cbutton type=\"button\" class=\"ahx-faq-question\"\u003e \u003cspan\u003e How long will it take for my order to arrive? \u003c\/span\u003e \u003cspan class=\"ahx-faq-plus\"\u003e + \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"ahx-faq-answer\"\u003eOrders ship from our facility in the U.S. within 1-2 business days of receipt and for U.S. orders generally arrive at your doorstep 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\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n17 — FINAL\n========================================================= --\u003e\n\u003csection class=\"ahx-final\"\u003e\n\u003cdiv class=\"ahx-container\"\u003e\n\u003cp class=\"ahx-eyebrow\"\u003eYOUR NEXT GRAY-HAIR TOUCH-UP IS READY\u003c\/p\u003e\n\u003ch2 class=\"ahx-title ahx-two-line\"\u003eGRAY HAIR? 15 MINUTES CAN MAKE A BIG DIFFERENCE.\u003c\/h2\u003e\n\u003cp class=\"ahx-final-copy\"\u003eKeep 10 individually packed ABERA Hair Dye Shampoo sachets ready whenever visible gray returns.\u003c\/p\u003e\n\u003cdiv class=\"ahx-final-list\"\u003e\n\u003cdiv class=\"ahx-final-item\"\u003e\n\u003ci\u003e✓\u003c\/i\u003e \u003cspan\u003eShampoo-like application\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-final-item\"\u003e\n\u003ci\u003e✓\u003c\/i\u003e \u003cspan\u003eAbout 15-minute routine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-final-item\"\u003e\n\u003ci\u003e✓\u003c\/i\u003e \u003cspan\u003e3-in-1 Color + Cleanse + Condition\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-final-item\"\u003e\n\u003ci\u003e✓\u003c\/i\u003e \u003cspan\u003eAmmonia-free formula\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahx-final-item\"\u003e\n\u003ci\u003e✓\u003c\/i\u003e \u003cspan\u003eConvenient at home or on the go\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function () {\n\n function initAberaHairFAQ() {\n\n const root =\n document.getElementById(\n \"abera-hair-x\"\n );\n\n if (!root) return;\n\n\n const faqItems =\n root.querySelectorAll(\n \".ahx-faq-item\"\n );\n\n\n faqItems.forEach(\n function (item) {\n\n\n const question =\n item.querySelector(\n \".ahx-faq-question\"\n );\n\n\n if (!question) return;\n\n\n question.addEventListener(\n \"click\",\n function () {\n\n\n const open =\n item.classList.contains(\n \"active\"\n );\n\n\n faqItems.forEach(\n function (other) {\n\n other.classList.remove(\n \"active\"\n );\n\n }\n );\n\n\n if (!open) {\n\n item.classList.add(\n \"active\"\n );\n\n }\n\n\n }\n );\n\n\n }\n );\n\n }\n\n\n if (\n document.readyState === \"loading\"\n ) {\n\n document.addEventListener(\n \"DOMContentLoaded\",\n initAberaHairFAQ\n );\n\n } else {\n\n initAberaHairFAQ();\n\n }\n\n})();\n\u003c\/script\u003e","brand":"ABERA US","offers":[{"title":"Set 1 | SAVE 30%","offer_id":54087720239472,"sku":"CB-ABERA102+SL1","price":28.99,"currency_code":"USD","in_stock":true},{"title":"Set 2 + Grapefruit Shampoo","offer_id":54087720272240,"sku":"CB-ABERA102+SL2-CB-DGBUOI081+SL1","price":51.99,"currency_code":"USD","in_stock":true},{"title":"Set 3 + Grapefruit Shampoo + Set 10 Collagen Eye Masks","offer_id":54087720305008,"sku":"CB-ABERA102+SL3-CB-DGBUOI081+SL1-CB-CBMATNA039+SL1","price":71.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.dasuho.com\/collections\/abera-men.oembed","provider":"DASUHO","version":"1.0","type":"link"}