{"title":"Best Seller","description":"","products":[{"product_id":"abera-fordyce-cream","title":"ABERA Fordyce Cream for Lips with HPR Retinoid","description":"\u003cstyle\u003e\n #abera-fordyce-description {\n --abera-green: #07856f;\n --abera-green-dark: #075f52;\n --abera-green-soft: #eaf7f3;\n --abera-mint: #f5fbf9;\n --abera-blush: #fff6f7;\n --abera-ink: #18232b;\n --abera-muted: #5d6972;\n --abera-line: #dce8e4;\n --abera-white: #ffffff;\n --abera-gold: #b68127;\n\n width: 100%;\n max-width: 1180px;\n margin: 0 auto;\n color: var(--abera-ink);\n font-family: \"Segoe UI\", Arial, Helvetica, sans-serif !important;\n font-size: 17px;\n line-height: 1.68;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-align: left;\n overflow: visible;\n }\n\n #abera-fordyce-description,\n #abera-fordyce-description * {\n box-sizing: border-box;\n font-family: inherit !important;\n overflow-wrap: break-word;\n }\n\n #abera-fordyce-description img,\n #abera-fordyce-description iframe {\n display: block;\n width: 100%;\n max-width: 100%;\n border: 0;\n }\n\n #abera-fordyce-description img {\n height: auto;\n }\n\n #abera-fordyce-description h2,\n #abera-fordyce-description h3,\n #abera-fordyce-description h4,\n #abera-fordyce-description p {\n margin-top: 0;\n }\n\n #abera-fordyce-description h2 {\n margin-bottom: 14px;\n color: var(--abera-green-dark);\n font-size: clamp(30px, 5vw, 42px);\n line-height: 1.16;\n letter-spacing: -0.02em;\n font-weight: 750;\n }\n\n #abera-fordyce-description h3 {\n margin-bottom: 10px;\n color: var(--abera-ink);\n font-size: clamp(23px, 3.2vw, 30px);\n line-height: 1.25;\n font-weight: 720;\n }\n\n #abera-fordyce-description h4 {\n margin-bottom: 8px;\n color: var(--abera-green-dark);\n font-size: 19px;\n line-height: 1.4;\n font-weight: 700;\n }\n\n #abera-fordyce-description p {\n margin-bottom: 14px;\n color: var(--abera-muted);\n font-size: 18px;\n }\n\n #abera-fordyce-description strong {\n color: var(--abera-ink);\n }\n\n #abera-fordyce-description .abera-section {\n padding: 54px 22px;\n }\n\n #abera-fordyce-description .abera-section + .abera-section {\n border-top: 1px solid var(--abera-line);\n }\n\n #abera-fordyce-description .abera-section-inner {\n width: 100%;\n max-width: 1080px;\n margin: 0 auto;\n }\n\n #abera-fordyce-description .abera-center {\n text-align: center;\n }\n\n #abera-fordyce-description .abera-center p {\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n }\n\n #abera-fordyce-description .abera-eyebrow {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin-bottom: 12px;\n padding: 7px 12px;\n border: 1px solid rgba(7, 133, 111, 0.22);\n border-radius: 999px;\n background: rgba(255, 255, 255, 0.8);\n color: var(--abera-green-dark);\n font-size: 13px;\n line-height: 1.25;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n font-weight: 750;\n }\n\n #abera-fordyce-description .abera-hero {\n padding: 28px 22px 48px;\n background:\n radial-gradient(circle at 10% 5%, rgba(255, 226, 230, 0.75), transparent 32%),\n linear-gradient(135deg, #f6fcfa 0%, #ffffff 52%, #fff7f8 100%);\n border: 1px solid var(--abera-line);\n border-radius: 22px;\n }\n\n #abera-fordyce-description .abera-hero-grid,\n #abera-fordyce-description .abera-split {\n display: grid;\n grid-template-columns: 1fr;\n gap: 36px;\n align-items: center;\n }\n\n #abera-fordyce-description .abera-hero-copy p {\n max-width: 610px;\n font-size: 17px;\n }\n\n #abera-fordyce-description .abera-hero-media img,\n #abera-fordyce-description .abera-feature-media img,\n #abera-fordyce-description .abera-gallery img {\n border-radius: 18px;\n box-shadow: 0 14px 38px rgba(17, 66, 56, 0.10);\n }\n\n #abera-fordyce-description .abera-chip-row {\n display: flex;\n flex-wrap: wrap;\n gap: 9px;\n margin-top: 20px;\n }\n\n #abera-fordyce-description .abera-chip {\n display: inline-flex;\n align-items: center;\n min-height: 36px;\n padding: 7px 12px;\n border: 1px solid var(--abera-line);\n border-radius: 999px;\n background: var(--abera-white);\n color: var(--abera-green-dark);\n font-size: 14px;\n font-weight: 650;\n }\n\n #abera-fordyce-description .abera-note {\n margin-top: 18px;\n padding: 12px 14px;\n border-left: 4px solid var(--abera-green);\n border-radius: 0 10px 10px 0;\n background: var(--abera-green-soft);\n color: var(--abera-green-dark);\n font-size: 16px;\n line-height: 1.6;\n }\n\n #abera-fordyce-description .abera-video {\n position: relative;\n width: 100%;\n overflow: hidden;\n border-radius: 18px;\n background: #0f171b;\n box-shadow: 0 14px 38px rgba(17, 66, 56, 0.11);\n }\n\n #abera-fordyce-description .abera-video--landscape {\n aspect-ratio: 16 \/ 9;\n }\n\n #abera-fordyce-description .abera-video--portrait {\n max-width: 390px;\n margin: 0 auto;\n aspect-ratio: 9 \/ 16;\n }\n\n #abera-fordyce-description .abera-video iframe {\n width: 100%;\n height: 100%;\n }\n\n #abera-fordyce-description .abera-stat-row {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-top: 22px;\n }\n\n #abera-fordyce-description .abera-stat {\n padding: 16px 12px;\n border: 1px solid var(--abera-line);\n border-radius: 14px;\n background: var(--abera-white);\n text-align: center;\n }\n\n #abera-fordyce-description .abera-stat b {\n display: block;\n margin-bottom: 3px;\n color: var(--abera-green-dark);\n font-size: 18px;\n }\n\n #abera-fordyce-description .abera-stat span {\n color: var(--abera-muted);\n font-size: 14px;\n line-height: 1.5;\n }\n\n #abera-fordyce-description .abera-benefit-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 18px;\n margin-top: 30px;\n }\n\n #abera-fordyce-description .abera-benefit-card {\n overflow: hidden;\n border: 1px solid var(--abera-line);\n border-radius: 18px;\n background: var(--abera-white);\n box-shadow: 0 10px 28px rgba(20, 58, 50, 0.06);\n }\n\n #abera-fordyce-description .abera-benefit-card img {\n width: 100%;\n height: auto;\n object-fit: contain;\n border-bottom: 1px solid var(--abera-line);\n background: #f7fbfa;\n }\n\n #abera-fordyce-description .abera-benefit-copy {\n padding: 20px 18px 22px;\n }\n\n #abera-fordyce-description .abera-benefit-copy p {\n margin-bottom: 0;\n font-size: 16px;\n line-height: 1.6;\n }\n\n #abera-fordyce-description .abera-soft-bg {\n background: var(--abera-mint);\n }\n\n #abera-fordyce-description .abera-blush-bg {\n background: var(--abera-blush);\n }\n\n #abera-fordyce-description .abera-timeline {\n position: relative;\n display: grid;\n grid-template-columns: 1fr;\n gap: 18px;\n margin-top: 30px;\n }\n\n #abera-fordyce-description .abera-step {\n position: relative;\n padding: 24px 18px 20px;\n border: 1px solid var(--abera-line);\n border-radius: 16px;\n background: var(--abera-white);\n }\n\n #abera-fordyce-description .abera-step-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n height: 44px;\n margin-bottom: 14px;\n border-radius: 50%;\n background: var(--abera-green);\n color: var(--abera-white);\n font-size: 16px;\n font-weight: 800;\n }\n\n #abera-fordyce-description .abera-step p {\n margin-bottom: 0;\n font-size: 16px;\n line-height: 1.6;\n }\n\n #abera-fordyce-description .abera-ingredient-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 14px;\n margin-top: 28px;\n }\n\n #abera-fordyce-description .abera-ingredient {\n padding: 18px;\n border: 1px solid var(--abera-line);\n border-radius: 14px;\n background: var(--abera-white);\n }\n\n #abera-fordyce-description .abera-ingredient b {\n display: block;\n margin-bottom: 5px;\n color: var(--abera-green-dark);\n font-size: 16px;\n }\n\n #abera-fordyce-description .abera-ingredient span {\n color: var(--abera-muted);\n font-size: 15px;\n line-height: 1.58;\n }\n\n #abera-fordyce-description .abera-routine {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-top: 26px;\n }\n\n #abera-fordyce-description .abera-routine-item {\n padding: 16px 14px;\n border: 1px solid var(--abera-line);\n border-radius: 14px;\n background: var(--abera-white);\n text-align: center;\n }\n\n #abera-fordyce-description .abera-routine-item b {\n display: block;\n margin-bottom: 5px;\n color: var(--abera-green-dark);\n font-size: 16px;\n }\n\n #abera-fordyce-description .abera-routine-item span {\n color: var(--abera-muted);\n font-size: 14px;\n line-height: 1.55;\n }\n\n #abera-fordyce-description .abera-gallery {\n display: grid;\n grid-template-columns: 1fr;\n gap: 14px;\n margin-top: 24px;\n }\n\n #abera-fordyce-description .abera-gallery--four {\n grid-template-columns: 1fr;\n }\n\n #abera-fordyce-description .abera-gallery img {\n width: 100%;\n height: auto;\n object-fit: contain;\n background: #f7fbfa;\n }\n\n #abera-fordyce-description .abera-video-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 22px;\n align-items: start;\n margin-top: 28px;\n }\n\n #abera-fordyce-description .abera-video-card {\n padding: 16px;\n border: 1px solid var(--abera-line);\n border-radius: 18px;\n background: var(--abera-white);\n box-shadow: 0 10px 28px rgba(20, 58, 50, 0.05);\n }\n\n #abera-fordyce-description .abera-video-card h4 {\n margin-top: 14px;\n margin-bottom: 4px;\n text-align: center;\n }\n\n #abera-fordyce-description .abera-video-card p {\n margin-bottom: 0;\n font-size: 15px;\n line-height: 1.55;\n text-align: center;\n }\n\n #abera-fordyce-description .abera-gallery--support {\n grid-template-columns: 1fr;\n }\n\n #abera-fordyce-description .abera-document-block {\n max-width: 960px;\n margin: 34px auto 0;\n padding: 24px 18px;\n border: 1px solid var(--abera-line);\n border-radius: 18px;\n background: linear-gradient(180deg, #ffffff 0%, #f4fbf8 100%);\n text-align: center;\n box-shadow: 0 10px 28px rgba(20, 58, 50, 0.06);\n }\n\n #abera-fordyce-description .abera-document-block h3 {\n margin-bottom: 8px;\n color: var(--abera-green-dark);\n }\n\n #abera-fordyce-description .abera-document-block \u003e p {\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n }\n\n #abera-fordyce-description .abera-document {\n margin: 20px auto 0;\n padding: 12px;\n border: 1px solid var(--abera-line);\n border-radius: 16px;\n background: var(--abera-white);\n }\n\n #abera-fordyce-description .abera-document a {\n display: block;\n text-decoration: none;\n }\n\n #abera-fordyce-description .abera-document img {\n width: 100%;\n height: auto;\n max-height: none;\n object-fit: contain;\n border-radius: 10px;\n box-shadow: none;\n cursor: zoom-in;\n }\n\n #abera-fordyce-description .abera-document figcaption {\n margin-top: 12px;\n color: var(--abera-muted);\n font-size: 14px;\n line-height: 1.55;\n text-align: center;\n }\n\n #abera-fordyce-description .abera-faq {\n max-width: 860px;\n margin: 26px auto 0;\n }\n\n #abera-fordyce-description details {\n border-bottom: 1px solid var(--abera-line);\n background: var(--abera-white);\n }\n\n #abera-fordyce-description details:first-child {\n border-top: 1px solid var(--abera-line);\n }\n\n #abera-fordyce-description summary {\n position: relative;\n display: block;\n padding: 18px 42px 18px 4px;\n color: var(--abera-ink);\n cursor: pointer;\n list-style: none;\n font-weight: 700;\n }\n\n #abera-fordyce-description summary::-webkit-details-marker {\n display: none;\n }\n\n #abera-fordyce-description summary::after {\n content: \"+\";\n position: absolute;\n top: 50%;\n right: 6px;\n transform: translateY(-50%);\n color: var(--abera-green);\n font-size: 24px;\n font-weight: 400;\n }\n\n #abera-fordyce-description details[open] summary::after {\n content: \"−\";\n }\n\n #abera-fordyce-description .abera-faq-answer {\n padding: 0 40px 18px 4px;\n }\n\n #abera-fordyce-description .abera-faq-answer p {\n margin-bottom: 0;\n font-size: 16px;\n line-height: 1.6;\n }\n\n #abera-fordyce-description .abera-cta {\n padding: 40px 24px;\n border-radius: 20px;\n background: linear-gradient(135deg, var(--abera-green-dark), var(--abera-green));\n color: var(--abera-white);\n text-align: center;\n box-shadow: 0 16px 38px rgba(7, 95, 82, 0.20);\n }\n\n #abera-fordyce-description .abera-cta h2,\n #abera-fordyce-description .abera-cta p {\n color: var(--abera-white);\n }\n\n #abera-fordyce-description .abera-cta p {\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n opacity: 0.92;\n }\n\n #abera-fordyce-description .abera-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 230px;\n min-height: 50px;\n margin-top: 8px;\n padding: 13px 22px;\n border-radius: 999px;\n background: var(--abera-white);\n color: var(--abera-green-dark);\n text-decoration: none;\n font-size: 16px;\n font-weight: 800;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.13);\n }\n\n #abera-fordyce-description .abera-button:hover {\n transform: translateY(-1px);\n }\n\n #abera-fordyce-description .abera-disclaimer {\n margin-top: 18px;\n color: #6c777f;\n font-size: 13px;\n line-height: 1.6;\n text-align: center;\n }\n\n @media (min-width: 640px) {\n #abera-fordyce-description .abera-stat-row {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n #abera-fordyce-description .abera-routine {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n #abera-fordyce-description .abera-gallery,\n #abera-fordyce-description .abera-gallery--support {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (min-width: 768px) {\n #abera-fordyce-description .abera-section {\n padding: 58px 24px;\n }\n\n #abera-fordyce-description .abera-hero {\n padding: 34px 28px 50px;\n }\n\n #abera-fordyce-description .abera-benefit-grid,\n #abera-fordyce-description .abera-timeline,\n #abera-fordyce-description .abera-ingredient-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n #abera-fordyce-description .abera-video-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (min-width: 980px) {\n #abera-fordyce-description .abera-hero-grid,\n #abera-fordyce-description .abera-split {\n grid-template-columns: 1.03fr 0.97fr;\n }\n\n #abera-fordyce-description .abera-benefit-grid,\n #abera-fordyce-description .abera-timeline,\n #abera-fordyce-description .abera-ingredient-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n #abera-fordyce-description .abera-routine {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n\n #abera-fordyce-description .abera-gallery {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n #abera-fordyce-description .abera-gallery--support {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 639px) {\n #abera-fordyce-description {\n font-size: 17px;\n line-height: 1.7;\n }\n\n #abera-fordyce-description .abera-section {\n padding: 42px 16px;\n }\n\n #abera-fordyce-description .abera-hero {\n padding: 26px 16px 36px;\n border-radius: 16px;\n }\n\n #abera-fordyce-description h2 {\n font-size: 29px;\n line-height: 1.2;\n }\n\n #abera-fordyce-description h3 {\n font-size: 23px;\n line-height: 1.28;\n }\n\n #abera-fordyce-description h4 {\n font-size: 18px;\n }\n\n #abera-fordyce-description p,\n #abera-fordyce-description .abera-benefit-copy p,\n #abera-fordyce-description .abera-step p,\n #abera-fordyce-description .abera-faq-answer p {\n font-size: 17px;\n }\n\n #abera-fordyce-description .abera-eyebrow {\n font-size: 13px;\n padding: 8px 12px;\n }\n\n #abera-fordyce-description .abera-chip {\n min-height: 38px;\n font-size: 14px;\n }\n\n #abera-fordyce-description .abera-benefit-copy {\n padding: 22px 18px 24px;\n }\n\n #abera-fordyce-description .abera-ingredient,\n #abera-fordyce-description .abera-routine-item,\n #abera-fordyce-description .abera-step,\n #abera-fordyce-description .abera-stat {\n padding: 20px 18px;\n }\n\n #abera-fordyce-description summary {\n padding: 20px 44px 20px 4px;\n font-size: 17px;\n line-height: 1.45;\n }\n\n #abera-fordyce-description .abera-document-block {\n padding: 22px 12px;\n }\n\n #abera-fordyce-description .abera-document {\n padding: 6px;\n }\n }\n\n\n \/* === FONT LOCK: uses a local system font, so it cannot fail to load or be replaced by the Shopify theme === *\/\n #abera-fordyce-description#abera-fordyce-description#abera-fordyce-description,\n #abera-fordyce-description#abera-fordyce-description#abera-fordyce-description *,\n #abera-fordyce-description#abera-fordyce-description#abera-fordyce-description *::before,\n #abera-fordyce-description#abera-fordyce-description#abera-fordyce-description *::after {\n font-family: \"Segoe UI\", Arial, Helvetica, sans-serif !important;\n }\n \u003c\/style\u003e\n\u003cdiv id=\"abera-fordyce-description\" style=\"font-family: 'Segoe UI', Arial, Helvetica, sans-serif !important;\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"abera-section\" id=\"abera-fordyce-top\"\u003e\n\u003cdiv class=\"abera-section-inner abera-hero\"\u003e\n\u003cdiv class=\"abera-hero-grid\"\u003e\n\u003cdiv class=\"abera-hero-copy\"\u003e\n\u003cspan class=\"abera-eyebrow\"\u003eTargeted daily lip care\u003c\/span\u003e\n\u003ch2\u003eFordyce Cream for Lips: Targeted Daily Lip Care\u003c\/h2\u003e\n\u003cp\u003eA lightweight lip cream created for the visible concerns that often come with \u003cstrong\u003eFordyce spots, uneven texture, dryness and dull-looking lips.\u003c\/strong\u003e The formula combines HPR, Activoil Spotless, Ceramide, Vitamin E and nourishing moisturizers to support smoother, softer and more even-looking lips with consistent use.\u003c\/p\u003e\n\u003cdiv class=\"abera-chip-row\"\u003e\n\u003cspan class=\"abera-chip\"\u003eFast-absorbing\u003c\/span\u003e \u003cspan class=\"abera-chip\"\u003eNon-sticky finish\u003c\/span\u003e \u003cspan class=\"abera-chip\"\u003eCooling metal tip\u003c\/span\u003e \u003cspan class=\"abera-chip\"\u003eFor men \u0026amp; women\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-note\"\u003eFordyce spots are common, non-contagious oil glands. ABERA is designed to help improve how visible they look while keeping lips comfortably moisturized.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-hero-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D1-abera-fordyce-cream-product-overview.webp?v=1786077942\u0026amp;width=800\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D1-abera-fordyce-cream-product-overview.webp?v=1786077942\u0026amp;width=480 480w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D1-abera-fordyce-cream-product-overview.webp?v=1786077942\u0026amp;width=800 800w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D1-abera-fordyce-cream-product-overview.webp?v=1786077942\u0026amp;width=1080 1080w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D1-abera-fordyce-cream-product-overview.webp?v=1786077942\u0026amp;width=1440 1440w\" sizes=\"(min-width: 980px) 560px, 100vw\" alt=\"ABERA Fordyce Cream product overview\" width=\"1800\" height=\"1350\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SCIENCE --\u003e\n\u003csection class=\"abera-section abera-soft-bg\"\u003e\n\u003cdiv class=\"abera-section-inner abera-center\"\u003e\n\u003cspan class=\"abera-eyebrow\"\u003eThe science behind ABERA\u003c\/span\u003e\n\u003ch2\u003eHow ABERA Fordyce Cream Works: Targeted Care Without a Greasy Feel\u003c\/h2\u003e\n\u003cp\u003eSee how ABERA Fordyce Cream fits into a simple daily lip-care routine and supports visible improvement in texture, hydration and the appearance of tiny white bumps.\u003c\/p\u003e\n\u003cdiv class=\"abera-video abera-video--landscape\" style=\"margin-top: 28px;\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/8uu-uF2I8tc\" title=\"The science behind ABERA Fordyce Cream\" loading=\"lazy\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-stat-row\"\u003e\n\u003cdiv class=\"abera-stat\"\u003e\n\u003cb\u003e2× Daily\u003c\/b\u003e \u003cspan\u003eSimple morning and evening routine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-stat\"\u003e\n\u003cb\u003eFast Absorption\u003c\/b\u003e \u003cspan\u003eComfortable for daytime or nighttime use\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-stat\"\u003e\n\u003cb\u003eMore Than 4 Weeks\u003c\/b\u003e \u003cspan\u003eTypical use from one tube when applied twice daily\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- WHAT ARE FORDYCE SPOTS (new) --\u003e\n\u003csection class=\"abera-section\"\u003e\n\u003cdiv class=\"abera-section-inner abera-center\"\u003e\n\u003cspan class=\"abera-eyebrow\"\u003eUnderstanding Fordyce spots\u003c\/span\u003e\n\u003ch2\u003eWhat Are Fordyce Spots on Lips?\u003c\/h2\u003e\n\u003cp\u003eFordyce spots are small, painless white or yellowish bumps that can appear on the lips and inside the mouth. They are visible oil (sebaceous) glands. They are common and not contagious.\u003c\/p\u003e\n\u003cp\u003eABERA Fordyce Cream is a cosmetic lip care product made to help these bumps look less noticeable while keeping lips moisturized. If you are unsure whether a bump is a Fordyce spot, check with a dermatologist or doctor. You can also browse our \u003ca href=\"\/collections\/lip-care\"\u003elip care collection\u003c\/a\u003e.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIntended users:\u003c\/strong\u003e people dealing with Fordyce spots or lip acne, and anyone with dry, peeling or chapped lips.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 3 CORE BENEFITS --\u003e\n\u003csection class=\"abera-section\"\u003e\n\u003cdiv class=\"abera-section-inner abera-center\"\u003e\n\u003cspan class=\"abera-eyebrow\"\u003eThree core benefits\u003c\/span\u003e\n\u003ch2\u003e3 Benefits of ABERA Fordyce Cream for Lips\u003c\/h2\u003e\n\u003cp\u003eHere is what ABERA Fordyce Cream is designed to do for the look and feel of your lips with regular use.\u003c\/p\u003e\n\u003cdiv class=\"abera-benefit-grid\"\u003e\n\u003carticle class=\"abera-benefit-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D2-abera-fordyce-cream-visible-fordyce-spots.webp?v=1786077972\u0026amp;width=800\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D2-abera-fordyce-cream-visible-fordyce-spots.webp?v=1786077972\u0026amp;width=480 480w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D2-abera-fordyce-cream-visible-fordyce-spots.webp?v=1786077972\u0026amp;width=800 800w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D2-abera-fordyce-cream-visible-fordyce-spots.webp?v=1786077972\u0026amp;width=1080 1080w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D2-abera-fordyce-cream-visible-fordyce-spots.webp?v=1786077972\u0026amp;width=1440 1440w\" sizes=\"(min-width: 980px) 350px, (min-width: 768px) 45vw, 100vw\" alt=\"Targeted care for visible Fordyce spots\" width=\"1800\" height=\"1350\" loading=\"lazy\" decoding=\"async\"\u003e\n\u003cdiv class=\"abera-benefit-copy\"\u003e\n\u003ch3\u003eHelps Fordyce spots look less noticeable\u003c\/h3\u003e\n\u003cp\u003eHPR helps improve the appearance of tiny white bumps and uneven lip texture with consistent use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abera-benefit-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D3-abera-fordyce-cream-hydrated-smoother-lips.webp?v=1786077992\u0026amp;width=800\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D3-abera-fordyce-cream-hydrated-smoother-lips.webp?v=1786077992\u0026amp;width=480 480w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D3-abera-fordyce-cream-hydrated-smoother-lips.webp?v=1786077992\u0026amp;width=800 800w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D3-abera-fordyce-cream-hydrated-smoother-lips.webp?v=1786077992\u0026amp;width=1080 1080w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D3-abera-fordyce-cream-hydrated-smoother-lips.webp?v=1786077992\u0026amp;width=1440 1440w\" sizes=\"(min-width: 980px) 350px, (min-width: 768px) 45vw, 100vw\" alt=\"Hydrated and smoother-looking lips\" width=\"1800\" height=\"1350\" loading=\"lazy\" decoding=\"async\"\u003e\n\u003cdiv class=\"abera-benefit-copy\"\u003e\n\u003ch3\u003eSmoother, softer and more hydrated lips\u003c\/h3\u003e\n\u003cp\u003eCeramide, Vitamin E, Shea Butter, Almond Oil and Glycerin help reduce the look of dryness, flaking and rough texture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abera-benefit-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D4-abera-fordyce-cream-even-looking-lip-tone.png?v=1786078016\u0026amp;width=800\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D4-abera-fordyce-cream-even-looking-lip-tone.png?v=1786078016\u0026amp;width=480 480w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D4-abera-fordyce-cream-even-looking-lip-tone.png?v=1786078016\u0026amp;width=800 800w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D4-abera-fordyce-cream-even-looking-lip-tone.png?v=1786078016\u0026amp;width=1080 1080w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D4-abera-fordyce-cream-even-looking-lip-tone.png?v=1786078016\u0026amp;width=1440 1440w\" sizes=\"(min-width: 980px) 350px, (min-width: 768px) 45vw, 100vw\" alt=\"More even-looking lip tone\" width=\"1800\" height=\"1350\" loading=\"lazy\" decoding=\"async\"\u003e\n\u003cdiv class=\"abera-benefit-copy\"\u003e\n\u003ch3\u003eSupports a more even-looking lip tone\u003c\/h3\u003e\n\u003cp\u003eActivoil Spotless, a botanical blend of Black Currant seed oil, peony root and rosemary extracts, helps lips look more even-toned, while moisturizers keep them looking healthier and refreshed without a sticky or heavy finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- TIMELINE --\u003e\n\u003csection class=\"abera-section abera-blush-bg\"\u003e\n\u003cdiv class=\"abera-section-inner abera-center\"\u003e\n\u003cspan class=\"abera-eyebrow\"\u003eYour 2–5–8 week routine\u003c\/span\u003e\n\u003ch2\u003eWhat to Expect with Consistent Use: Weeks 2, 5 and 8\u003c\/h2\u003e\n\u003cp\u003eVisible changes build gradually. Keep the routine simple and consistent rather than expecting an overnight transformation.\u003c\/p\u003e\n\u003cdiv class=\"abera-timeline\"\u003e\n\u003cdiv class=\"abera-step\"\u003e\n\u003cspan class=\"abera-step-number\"\u003e2\u003c\/span\u003e\n\u003ch4\u003eWeek 2 — More hydrated\u003c\/h4\u003e\n\u003cp\u003eLips may feel softer and less dry as the moisturizing ingredients support everyday comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-step\"\u003e\n\u003cspan class=\"abera-step-number\"\u003e5\u003c\/span\u003e\n\u003ch4\u003eWeek 5 — Smoother texture\u003c\/h4\u003e\n\u003cp\u003eThe lip surface may look smoother, with a more even and refreshed appearance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-step\"\u003e\n\u003cspan class=\"abera-step-number\"\u003e8\u003c\/span\u003e\n\u003ch4\u003eWeek 8 — Less visible spots\u003c\/h4\u003e\n\u003cp\u003eWith daily use, Fordyce spots may appear smaller and less noticeable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"abera-disclaimer\"\u003eIndividual results vary depending on skin condition, routine consistency and other personal factors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INGREDIENTS --\u003e\n\u003csection class=\"abera-section\"\u003e\n\u003cdiv class=\"abera-section-inner\"\u003e\n\u003cdiv class=\"abera-split\"\u003e\n\u003cdiv class=\"abera-feature-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D5-abera-fordyce-cream-formula-applicator.webp?v=1786078051\u0026amp;width=800\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D5-abera-fordyce-cream-formula-applicator.webp?v=1786078051\u0026amp;width=480 480w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D5-abera-fordyce-cream-formula-applicator.webp?v=1786078051\u0026amp;width=800 800w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D5-abera-fordyce-cream-formula-applicator.webp?v=1786078051\u0026amp;width=1080 1080w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D5-abera-fordyce-cream-formula-applicator.webp?v=1786078051\u0026amp;width=1440 1440w\" sizes=\"(min-width: 980px) 540px, 100vw\" alt=\"ABERA Fordyce Cream formula and applicator\" width=\"1800\" height=\"1350\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"abera-eyebrow\"\u003eKey formula highlights\u003c\/span\u003e\n\u003ch2\u003eKey Ingredients: HPR Retinoid, Ceramide and Vitamin E\u003c\/h2\u003e\n\u003cp\u003eThe formula combines a next-generation retinoid with botanical oils and moisture-supporting ingredients for a balanced daily routine.\u003c\/p\u003e\n\u003cdiv class=\"abera-ingredient-grid\"\u003e\n\u003cdiv class=\"abera-ingredient\"\u003e\n\u003cb\u003eHPR (Hydroxypinacolone Retinoate)\u003c\/b\u003e \u003cspan\u003eA next-generation retinoid used to support smoother-looking texture and visible renewal.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-ingredient\"\u003e\n\u003cb\u003eActivoil Spotless\u003c\/b\u003e \u003cspan\u003eA botanical blend of Black Currant seed oil, peony root extract and rosemary leaf extract, used in cosmetics to support a brighter, more even-looking tone.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-ingredient\"\u003e\n\u003cb\u003eCeramide\u003c\/b\u003e \u003cspan\u003eHelps support the natural moisture barrier and improve everyday comfort.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-ingredient\"\u003e\n\u003cb\u003eVitamin E\u003c\/b\u003e \u003cspan\u003eProvides antioxidant and conditioning support for dry-looking lips.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-ingredient\"\u003e\n\u003cb\u003eShea Butter + Almond Oil\u003c\/b\u003e \u003cspan\u003eHelp nourish and soften lips that look rough, flaky or dehydrated.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-ingredient\"\u003e\n\u003cb\u003eGlycerin\u003c\/b\u003e \u003cspan\u003eHelps attract and retain moisture so lips feel smoother and more comfortable.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW TO USE --\u003e\n\u003csection class=\"abera-section abera-soft-bg\"\u003e\n\u003cdiv class=\"abera-section-inner abera-center\"\u003e\n\u003cspan class=\"abera-eyebrow\"\u003ePro tips for best use\u003c\/span\u003e\n\u003ch2\u003eHow to Use ABERA Fordyce Cream\u003c\/h2\u003e\n\u003cp\u003eUse a small amount consistently instead of applying a thick layer all at once.\u003c\/p\u003e\n\u003cdiv class=\"abera-routine\"\u003e\n\u003cdiv class=\"abera-routine-item\"\u003e\n\u003cb\u003e1. Clean \u0026amp; dry\u003c\/b\u003e \u003cspan\u003eBegin with clean, completely dry lips.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-routine-item\"\u003e\n\u003cb\u003e2. Apply a thin layer\u003c\/b\u003e \u003cspan\u003eFocus on visible uneven areas and tiny white bumps.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-routine-item\"\u003e\n\u003cb\u003e3. Use twice daily\u003c\/b\u003e \u003cspan\u003eApply in the morning and evening for consistent care.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-routine-item\"\u003e\n\u003cb\u003e4. Protect in daytime\u003c\/b\u003e \u003cspan\u003eUse a lip SPF when lips will be exposed to sunlight.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-note\" style=\"max-width: 780px; margin-left: auto; margin-right: auto; text-align: left;\"\u003eStart with a small amount. Patch test first if your lips are highly reactive, and stop use if persistent irritation occurs.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRODUCT DEMONSTRATION --\u003e\n\u003csection class=\"abera-section\"\u003e\n\u003cdiv class=\"abera-section-inner\"\u003e\n\u003cdiv class=\"abera-split\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"abera-eyebrow\"\u003eSee the product in use\u003c\/span\u003e\n\u003ch2\u003eABERA Fordyce Cream in Use: Cooling Metal Applicator\u003c\/h2\u003e\n\u003cp\u003eThe cooling metal applicator supports precise application, while the lightweight mint-green cream absorbs quickly without leaving a heavy-looking layer on the lips.\u003c\/p\u003e\n\u003cdiv class=\"abera-chip-row\"\u003e\n\u003cspan class=\"abera-chip\"\u003ePrecise application\u003c\/span\u003e \u003cspan class=\"abera-chip\"\u003eLight mint-green cream\u003c\/span\u003e \u003cspan class=\"abera-chip\"\u003eEasy to carry\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-video abera-video--portrait\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/-XCoGqrfTC0\" title=\"ABERA Fordyce Cream product demonstration\" loading=\"lazy\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CUSTOMER EXPERIENCE --\u003e\n\u003csection class=\"abera-section abera-blush-bg\"\u003e\n\u003cdiv class=\"abera-section-inner abera-center\"\u003e\n\u003cspan class=\"abera-eyebrow\"\u003eCustomer experience\u003c\/span\u003e\n\u003ch2\u003eSee ABERA Fordyce Cream in Use\u003c\/h2\u003e\n\u003cp\u003eWatch how ABERA Fordyce Cream is applied and see product visuals before choosing the bundle that fits your routine.\u003c\/p\u003e\n\u003cdiv class=\"abera-video-grid\"\u003e\n\u003cdiv class=\"abera-video-card\"\u003e\n\u003cdiv class=\"abera-video abera-video--portrait\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/DyoNWsC0PvE\" title=\"ABERA Fordyce Cream customer experience\" loading=\"lazy\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003ch4\u003eComfortable daily use\u003c\/h4\u003e\n\u003cp\u003eA closer look at texture, application and how the product fits into a lip-care routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-video-card\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D6-abera-fordyce-cream-customer-product.webp?v=1786087740\u0026amp;width=800\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D6-abera-fordyce-cream-customer-product.webp?v=1786087740\u0026amp;width=480 480w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D6-abera-fordyce-cream-customer-product.webp?v=1786087740\u0026amp;width=800 800w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D6-abera-fordyce-cream-customer-product.webp?v=1786087740\u0026amp;width=1080 1080w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D6-abera-fordyce-cream-customer-product.webp?v=1786087740\u0026amp;width=1440 1440w\" sizes=\"(min-width: 768px) 480px, 100vw\" alt=\"ABERA Fordyce Cream customer product photo\" width=\"2752\" height=\"1536\" loading=\"lazy\" decoding=\"async\" style=\"border-radius: 14px;\"\u003e\n\u003ch4\u003eSimple and portable\u003c\/h4\u003e\n\u003cp\u003eA compact tube designed for an easy morning, evening or on-the-go routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-gallery abera-gallery--support\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D7-abera-fordyce-cream-product-information-1.webp?v=1786078101\u0026amp;width=800\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D7-abera-fordyce-cream-product-information-1.webp?v=1786078101\u0026amp;width=480 480w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D7-abera-fordyce-cream-product-information-1.webp?v=1786078101\u0026amp;width=800 800w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D7-abera-fordyce-cream-product-information-1.webp?v=1786078101\u0026amp;width=1080 1080w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D7-abera-fordyce-cream-product-information-1.webp?v=1786078101\u0026amp;width=1440 1440w\" sizes=\"(min-width: 640px) 520px, 100vw\" alt=\"ABERA Fordyce Cream product information visual 1\" width=\"1800\" height=\"1350\" loading=\"lazy\" decoding=\"async\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D8-abera-fordyce-cream-product-information-2.webp?v=1786078121\u0026amp;width=800\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D8-abera-fordyce-cream-product-information-2.webp?v=1786078121\u0026amp;width=480 480w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D8-abera-fordyce-cream-product-information-2.webp?v=1786078121\u0026amp;width=800 800w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D8-abera-fordyce-cream-product-information-2.webp?v=1786078121\u0026amp;width=1080 1080w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D8-abera-fordyce-cream-product-information-2.webp?v=1786078121\u0026amp;width=1440 1440w\" sizes=\"(min-width: 640px) 520px, 100vw\" alt=\"ABERA Fordyce Cream product information visual 2\" width=\"1800\" height=\"1350\" loading=\"lazy\" decoding=\"async\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D9-abera-fordyce-cream-product-information-4.webp?v=1786078141\u0026amp;width=800\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D9-abera-fordyce-cream-product-information-4.webp?v=1786078141\u0026amp;width=480 480w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D9-abera-fordyce-cream-product-information-4.webp?v=1786078141\u0026amp;width=800 800w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D9-abera-fordyce-cream-product-information-4.webp?v=1786078141\u0026amp;width=1080 1080w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D9-abera-fordyce-cream-product-information-4.webp?v=1786078141\u0026amp;width=1440 1440w\" sizes=\"(min-width: 640px) 520px, 100vw\" alt=\"ABERA Fordyce Cream product information visual 4\" width=\"1800\" height=\"1350\" loading=\"lazy\" decoding=\"async\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-document-block\"\u003e\n\u003cspan class=\"abera-eyebrow\"\u003eQuality \u0026amp; safety documentation\u003c\/span\u003e\n\u003ch3\u003eProduct Quality and Safety Documents\u003c\/h3\u003e\n\u003cp\u003eQuality and safety documentation for ABERA Fordyce Cream. Click the image to open it full size.\u003c\/p\u003e\n\u003cfigure class=\"abera-document\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D10-abera-fordyce-cream-quality-safety-documents.webp?v=1786078160\" rel=\"noopener\" target=\"_blank\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D10-abera-fordyce-cream-quality-safety-documents.webp?v=1786078160\u0026amp;width=800\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D10-abera-fordyce-cream-quality-safety-documents.webp?v=1786078160\u0026amp;width=480 480w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D10-abera-fordyce-cream-quality-safety-documents.webp?v=1786078160\u0026amp;width=800 800w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D10-abera-fordyce-cream-quality-safety-documents.webp?v=1786078160\u0026amp;width=1080 1080w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D10-abera-fordyce-cream-quality-safety-documents.webp?v=1786078160\u0026amp;width=1440 1440w\" sizes=\"(min-width: 980px) 900px, 100vw\" alt=\"ABERA Fordyce Cream supporting product quality and safety documents\" width=\"1800\" height=\"1350\" loading=\"lazy\" decoding=\"async\"\u003e \u003c\/a\u003e\n\u003cfigcaption\u003eABERA Fordyce Cream quality and safety documents. Click to enlarge.\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-gallery\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D11-abera-fordyce-cream-customer-routine.jpg?v=1786078186\u0026amp;width=800\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D11-abera-fordyce-cream-customer-routine.jpg?v=1786078186\u0026amp;width=480 480w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D11-abera-fordyce-cream-customer-routine.jpg?v=1786078186\u0026amp;width=800 800w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D11-abera-fordyce-cream-customer-routine.jpg?v=1786078186\u0026amp;width=1080 1080w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D11-abera-fordyce-cream-customer-routine.jpg?v=1786078186\u0026amp;width=1440 1440w\" sizes=\"(min-width: 640px) 520px, 100vw\" alt=\"ABERA Fordyce Cream customer routine photo\" width=\"1406\" height=\"804\" loading=\"lazy\" decoding=\"async\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D1-abera-fordyce-cream-product-overview.webp?v=1786077942\u0026amp;width=800\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D1-abera-fordyce-cream-product-overview.webp?v=1786077942\u0026amp;width=480 480w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D1-abera-fordyce-cream-product-overview.webp?v=1786077942\u0026amp;width=800 800w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D1-abera-fordyce-cream-product-overview.webp?v=1786077942\u0026amp;width=1080 1080w, https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D1-abera-fordyce-cream-product-overview.webp?v=1786077942\u0026amp;width=1440 1440w\" sizes=\"(min-width: 640px) 520px, 100vw\" alt=\"ABERA Fordyce Cream product presentation\" width=\"1800\" height=\"1350\" loading=\"lazy\" decoding=\"async\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ --\u003e\n\u003csection class=\"abera-section\"\u003e\n\u003cdiv class=\"abera-section-inner abera-center\"\u003e\n\u003cspan class=\"abera-eyebrow\"\u003eFrequently asked questions\u003c\/span\u003e\n\u003ch2\u003eFordyce Cream FAQ\u003c\/h2\u003e\n\u003cdiv class=\"abera-faq\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eAre Fordyce spots contagious? Are they HPV or herpes?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eNo. Fordyce spots are common visible oil glands. They are not contagious and are not the same as HPV or herpes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eDoes this cream only dry the lips to make spots look smaller?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eNo. The formula combines HPR and Activoil Spotless with Ceramide, Vitamin E, Shea Butter, Almond Oil and Glycerin, so it supports both visible spot care and moisturization.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow long does it take to see visible changes?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eMany routines focus on hydration by week 2, smoother-looking texture around week 5 and less noticeable spots around week 8. Results vary and daily consistency matters.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow often should I use it?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eApply a thin layer to clean, dry lips twice daily—once in the morning and once in the evening.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan men use ABERA Fordyce Cream?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eYes. The formula is designed for both men and women. It is a lightweight mint-green cream that is easy to add to a simple daily routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow long does one tube usually last?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eOne tube can last more than four weeks when a small amount is used twice daily.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat are the ingredients in ABERA Fordyce Cream?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eKey ingredients include Hydroxypinacolone Retinoate (HPR), five ceramides with cholesterol, Shea Butter, Sweet Almond Oil, Glycerin, Activoil Spotless (a botanical blend of Black Currant Seed Oil, Peony Root Extract and Rosemary Leaf Extract) and Vitamin E (Tocopheryl Acetate). The product contains fragrance. Full ingredient list (INCI): Purified Water, Dipentaerythrityl Hexahydroxystearate\/Hexastearate\/Hexarosinate, Polyglyceryl-2 Stearate, Glyceryl Stearate, Stearyl Alcohol, Octyldodecyl Oleate, Octyldodecyl Stearoyl Stearate, Polyhydroxystearic Acid, Octyldodecanol, Butyrospermum Parkii (Shea) Butter, Prunus Amygdalus Dulcis (Sweet Almond) Oil, Cyclopentasiloxane, Dimethicone\/Vinyl Dimethicone Crosspolymer, Glycerin, Petrolatum, Cetearyl Alcohol, Sodium Acrylates Copolymer, Lecithin, Hydroxypinacolone Retinoate, Dimethyl Isosorbide, Ceramide EOP, Ceramide NS, Ceramide NP, Ceramide AS, Ceramide AP, Cholesterol, Hydrogenated Lecithin, 2,3-Butanediol, Ribes Nigrum (Black Currant) Seed Oil, Paeonia Suffruticosa Root Extract, Rosmarinus Officinalis (Rosemary) Leaf Extract, Tocopheryl Acetate (Vitamin E), Sodium Benzoate, Potassium Sorbate, Disodium EDTA, Citric Acid, Fragrance, CI 42090.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow should I store ABERA Fordyce Cream, and how long does it last after opening?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eStore it in a cool, dry place away from direct light, below 30°C (86°F). Use it within 6 months after opening. The manufacture and expiration dates are printed on the packaging.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"abera-section\" style=\"padding-top: 24px;\"\u003e\n\u003cdiv class=\"abera-section-inner abera-cta\"\u003e\n\u003ch2\u003eReady to start your lip-care routine?\u003c\/h2\u003e\n\u003cp\u003eChoose the bundle that matches your routine above and use ABERA consistently for the best chance of visible improvement.\u003c\/p\u003e\n\u003ca class=\"abera-button\" href=\"#MainContent\"\u003eChoose Your ABERA Fordyce Cream Bundle\u003c\/a\u003e\n\u003cp class=\"abera-disclaimer\" style=\"color: rgba(255,255,255,0.82); margin-bottom: 0;\"\u003eCosmetic product for external use only. Results vary. This content is not intended to diagnose, treat, cure or prevent any disease.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Abera","offers":[{"title":"Single Fordyce","offer_id":54273541374320,"sku":"CB-AFORDYCE104+SL1","price":41.99,"currency_code":"USD","in_stock":true},{"title":"Buy 1 Fordyce + 1 Bakuchiol Eye Essence","offer_id":53478029099376,"sku":"CB-AFORDYCE104+SL1-CB-BAKUCHIOL094+SL1","price":56.99,"currency_code":"USD","in_stock":true},{"title":"Buy 2 Fordyce + 1 FREE Bakuchiol","offer_id":53478029132144,"sku":"CB-AFORDYCE104+SL2-CB-BAKUCHIOL094+SL1","price":74.99,"currency_code":"USD","in_stock":true},{"title":"Buy 3 Fordyce + 2 FREE Eye Care Gifts","offer_id":53478029164912,"sku":"CB-AFORDYCE104+SL3-CB-BAKUCHIOL094+SL1-BONGMATUSA061+SL1","price":114.99,"currency_code":"USD","in_stock":true},{"title":"Buy 1 Fordyce + 1 Bakuchiol + 1 Eye Roller","offer_id":67851724554608,"sku":"CB-AFORDYCE104+SL1-CB-BAKUCHIOL094+SL1-BONGMATUSA061+SL1","price":89.99,"currency_code":"USD","in_stock":true},{"title":"Buy 1 Fordyce + 1 Eye Roller Serum","offer_id":67701965226352,"sku":"CB-AFORDYCE104+SL1-CB-BONGMATUSA061+SL1","price":58.99,"currency_code":"USD","in_stock":false},{"title":"Buy 2 Fordyce + 1 FREE Eye Roller","offer_id":67697254138224,"sku":"CB-AFORDYCE104+SL2-CB-BONGMATUSA061+SL1","price":79.99,"currency_code":"USD","in_stock":false},{"title":"Buy 3 Fordyce + Get 2 Bakuchiol Free","offer_id":67697255547248,"sku":"CB-AFORDYCE104+SL3-CB-BAKUCHIOL094+SL2","price":94.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/fordyce-01-main-box-tube-hpr.webp?v=1791042689"},{"product_id":"abera-instant-hair-dye-shampoo-bottle","title":"ABERA Instant Hair Dye Shampoo - 1 Bottle, Up to 20 Uses, Cover Gray Hair in 15 Minutes, For Men and Women","description":"\u003c!-- =========================================================\nABERA HAIR DYE — HERO + QUICK BENEFITS\nUPDATED BENEFIT CONTENT\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-hero-v4,\n#abera-hero-v4 * {\n box-sizing: border-box;\n}\n\n#abera-hero-v4 {\n --black: #101820;\n --gold: #a97825;\n --gold-light: #e7cf9e;\n --ivory: #ffffff;\n --text: #101820;\n --muted: #46586a;\n\n width: 100%;\n margin: 0;\n padding: 0;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n\n color: var(--text);\n}\n\n\n\/* =========================================================\nHERO\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-main {\n width: 100%;\n\n padding:\n clamp(55px, 6vw, 92px)\n 0\n clamp(62px, 6vw, 98px);\n\n background:\n radial-gradient(\n circle at 78% 8%,\n rgba(223, 194, 138, .20),\n transparent 32%\n ),\n var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-container {\n width: 100%;\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-grid {\n display: grid;\n\n grid-template-columns:\n minmax(0, 1.08fr)\n minmax(430px, .92fr);\n\n gap:\n clamp(60px, 7vw, 115px);\n\n align-items: center;\n}\n\n\n\/* =========================================================\nLEFT\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-copy {\n min-width: 0;\n}\n\n\n\/* =========================================================\nEYEBROW\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-eyebrow {\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n margin:\n 0\n 0\n 32px;\n\n padding:\n 10px\n 18px;\n\n border:\n 1px solid\n rgba(176, 125, 47, .38);\n\n border-radius: 999px;\n\n background:\n rgba(255, 255, 255, .55);\n\n color: #8c6429;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 600;\n\n letter-spacing: 1.5px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-title {\n max-width: 760px;\n\n margin:\n 0\n 0\n 30px;\n\n color: var(--black);\n\n font-size:\n clamp(30px, 4vw, 50px);\n\n line-height: 0.99;\n\n font-weight: 600;\n\n letter-spacing: 0px;\n\n text-transform: uppercase;\n}\n\n\n#abera-hero-v4 .ahv4-title span {\n display: block;\n\n margin-top: 8px;\n\n color: var(--gold);\n}\n\n\n\/* =========================================================\nDESCRIPTION\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-description {\n max-width: 740px;\n\n margin:\n 0\n 0\n 31px;\n\n color: var(--muted);\n\n font-size: 18px;\n line-height: 1.7;\n\n font-weight: 400;\n}\n\n\n#abera-hero-v4 .ahv4-description strong {\n color: var(--black);\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nUSP GRID\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-usps {\n display: grid;\n\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap:\n 20px\n 38px;\n\n max-width: 760px;\n}\n\n\n#abera-hero-v4 .ahv4-usp {\n min-width: 0;\n\n display: flex;\n\n align-items: flex-start;\n\n gap: 12px;\n\n color: #27231f;\n\n font-size: 17px;\n line-height: 1.5;\n\n font-weight: 400;\n}\n\n\n#abera-hero-v4 .ahv4-check {\n width: 26px;\n height: 26px;\n\n flex:\n 0 0\n 26px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n margin-top: 1px;\n\n border-radius: 50%;\n\n background: var(--black);\n\n color: var(--gold-light);\n\n font-size: 13px;\n line-height: 1;\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-media {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n overflow: visible;\n\n background: transparent;\n}\n\n\n#abera-hero-v4 .ahv4-media img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n border: 10;\n border-radius: 10;\n\n background: transparent;\n\n box-shadow: none;\n}\n\n\n\/* =========================================================\n15 MIN BADGE\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-badge {\n position: absolute;\n\n z-index: 5;\n\n top: 22px;\n right: 22px;\n\n width: 132px;\n height: 132px;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n border:\n 1px solid\n var(--gold);\n\n border-radius: 50%;\n\n background:\n rgba(15, 15, 15, .97);\n\n text-align: center;\n}\n\n\n#abera-hero-v4 .ahv4-badge strong {\n display: block;\n\n color: var(--gold-light);\n\n font-size: 30px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n#abera-hero-v4 .ahv4-badge span {\n display: block;\n\n margin-top: 9px;\n\n color: #ffffff;\n\n font-size: 10px;\n line-height: 1.25;\n\n font-weight: 400;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\nQUICK BENEFIT BAR\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-benefits {\n width: 100%;\n\n background: var(--black);\n}\n\n\n#abera-hero-v4 .ahv4-benefits-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n}\n\n\n\/* BENEFIT ITEM *\/\n\n#abera-hero-v4 .ahv4-benefit {\n min-width: 0;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n padding:\n 28px\n 18px;\n\n border-right:\n 1px solid\n rgba(255, 255, 255, .12);\n\n text-align: center;\n}\n\n\n#abera-hero-v4\n.ahv4-benefit:last-child {\n border-right: 0;\n}\n\n\n\/* SMALL LINE *\/\n\n#abera-hero-v4 .ahv4-benefit span {\n display: block;\n\n margin-bottom: 5px;\n\n color: #d2cec8;\n\n font-size: 15px;\n line-height: 1.35;\n\n font-weight: 400;\n}\n\n\n\/* STRONG LINE *\/\n\n#abera-hero-v4 .ahv4-benefit strong {\n display: block;\n\n margin: 0;\n\n color: var(--gold-light);\n\n font-size: 20px;\n line-height: 1.3;\n\n font-weight: 600;\n\n text-transform: none;\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-hero-v4 .ahv4-main {\n padding:\n 45px\n 0\n 55px;\n }\n\n\n #abera-hero-v4 .ahv4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-hero-v4 .ahv4-grid {\n grid-template-columns:\n minmax(0, 1fr)\n minmax(340px, .9fr);\n\n gap: 38px;\n }\n\n\n #abera-hero-v4 .ahv4-title {\n font-size:\n clamp(30px, 4vw, 50px);\n\n letter-spacing: -2px;\n }\n\n\n #abera-hero-v4 .ahv4-description {\n font-size: 16px;\n }\n\n\n #abera-hero-v4 .ahv4-usps {\n grid-template-columns: 1fr;\n\n gap: 13px;\n }\n\n\n #abera-hero-v4 .ahv4-usp {\n font-size: 15px;\n }\n\n\n #abera-hero-v4 .ahv4-badge {\n width: 100px;\n height: 100px;\n\n top: 14px;\n right: 14px;\n }\n\n\n #abera-hero-v4 .ahv4-badge strong {\n font-size: 23px;\n }\n\n\n #abera-hero-v4 .ahv4-badge span {\n font-size: 8px;\n }\n\n\n #abera-hero-v4 .ahv4-benefit strong {\n font-size: 17px;\n }\n\n\n #abera-hero-v4 .ahv4-benefit span {\n font-size: 13px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-hero-v4 .ahv4-main {\n padding:\n 16px\n 0\n 34px;\n }\n\n\n #abera-hero-v4 .ahv4-container {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* IMAGE FIRST *\/\n\n #abera-hero-v4 .ahv4-grid {\n display: flex;\n\n flex-direction: column;\n\n gap: 27px;\n }\n\n\n #abera-hero-v4 .ahv4-media {\n order: 1;\n }\n\n\n #abera-hero-v4 .ahv4-copy {\n order: 2;\n\n width: 100%;\n }\n\n\n \/* EYEBROW *\/\n\n #abera-hero-v4 .ahv4-eyebrow {\n margin-bottom: 18px;\n\n padding:\n 8px\n 12px;\n\n font-size: 10px;\n\n letter-spacing: 1px;\n }\n\n\n \/* TITLE *\/\n\n #abera-hero-v4 .ahv4-title {\n width: 100%;\n\n margin-bottom: 20px;\n\n font-size:\n clamp(40px, 3vw, 40px);\n\n line-height: 1.02;\n\n letter-spacing: -1.6px;\n\n white-space: normal;\n\n word-break: normal;\n }\n\n\n #abera-hero-v4 .ahv4-title span {\n margin-top: 5px;\n }\n\n\n \/* DESCRIPTION *\/\n\n #abera-hero-v4 .ahv4-description {\n width: 100%;\n\n margin-bottom: 23px;\n\n font-size: 16px;\n line-height: 1.62;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n }\n\n\n \/* USP *\/\n\n #abera-hero-v4 .ahv4-usps {\n width: 100%;\n\n grid-template-columns: 1fr;\n\n gap: 13px;\n }\n\n\n #abera-hero-v4 .ahv4-usp {\n width: 100%;\n\n gap: 10px;\n\n font-size: 15px;\n line-height: 1.5;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n }\n\n\n #abera-hero-v4 .ahv4-check {\n width: 22px;\n height: 22px;\n\n flex:\n 0 0\n 22px;\n\n font-size: 11px;\n }\n\n\n \/* IMAGE *\/\n\n #abera-hero-v4 .ahv4-media {\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n }\n\n\n #abera-hero-v4 .ahv4-media img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n }\n\n\n \/* BADGE *\/\n\n #abera-hero-v4 .ahv4-badge {\n width: 86px;\n height: 86px;\n\n top: 10px;\n right: 10px;\n }\n\n\n #abera-hero-v4 .ahv4-badge strong {\n font-size: 20px;\n }\n\n\n #abera-hero-v4 .ahv4-badge span {\n margin-top: 5px;\n\n font-size: 7px;\n }\n\n\n \/* =====================================================\n QUICK BENEFITS — 2 × 2\n ===================================================== *\/\n\n #abera-hero-v4 .ahv4-benefits-grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n\n #abera-hero-v4 .ahv4-benefit {\n min-height: 110px;\n\n padding:\n 18px\n 10px;\n }\n\n\n #abera-hero-v4\n .ahv4-benefit:nth-child(2n) {\n\n border-right: 0;\n\n }\n\n\n #abera-hero-v4\n .ahv4-benefit:nth-child(-n+2) {\n\n border-bottom:\n 1px solid\n rgba(255,255,255,.12);\n\n }\n\n\n #abera-hero-v4 .ahv4-benefit span {\n margin-bottom: 5px;\n\n font-size: 12px;\n line-height: 1.35;\n }\n\n\n #abera-hero-v4 .ahv4-benefit strong {\n font-size: 15px;\n line-height: 1.35;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n}\n\n\u003c\/style\u003e\n\u003cstyle\u003e\n#abera-hero-v4 .ahv4-media video {\n display: block; width: 100%; height: 100%; object-fit: cover;\n border: 1px solid #dbe2e8; border-radius: 14px;\n background: #152638;\n}\n@media (max-width: 767px) {\n #abera-hero-v4 .ahv4-media video { border-radius: 10px; }\n}\n\u003c\/style\u003e\n\u003csection id=\"abera-hero-v4\"\u003e\u003c!-- =========================================================\nHERO\n========================================================= --\u003e\n\u003cdiv class=\"ahv4-main\"\u003e\n\u003cdiv class=\"ahv4-container\"\u003e\n\u003cdiv class=\"ahv4-grid\"\u003e\n\u003c!-- LEFT --\u003e\n\u003cdiv class=\"ahv4-copy\"\u003e\n\u003cdiv class=\"ahv4-eyebrow\"\u003eABERA INSTANT HAIR DYE SHAMPOO\u003c\/div\u003e\n\u003ch1 class=\"ahv4-title\"\u003eGRAY HAIR? \u003cspan\u003e ONLY 15 MINUTES. \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ahv4-description\"\u003e\u003cstrong\u003e Cover visible gray hair at home \u003c\/strong\u003e — without a salon appointment or complicated dye mixing. ABERA combines hair color, cleansing and conditioning in one simple shampoo-like routine.\u003c\/p\u003e\n\u003cdiv class=\"ahv4-usps\"\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Visible gray coverage in 15 minutes \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 15-20 Applications \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 3-in-1: Color + Cleanse + Condition \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Ammonia-free formula \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e For Men \u0026amp; Women \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RIGHT IMAGE --\u003e\n\u003cdiv class=\"ahv4-media\"\u003e\n\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e6d164eee74040cbb469a953d154060c.mp4\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0803_1_1.webp?v=1790069954\" controls=\"auto\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\n\u003cdiv class=\"ahv4-badge\"\u003e\n\u003cstrong\u003e 15 MIN \u003c\/strong\u003e \u003cspan\u003e QUICK GRAY\u003cbr\u003eCOVERAGE \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nUPDATED QUICK BENEFIT BAR\n========================================================= --\u003e\n\u003cdiv class=\"ahv4-benefits\"\u003e\n\u003cdiv class=\"ahv4-benefits-grid\"\u003e\n\u003c!-- 01 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\u003cspan\u003e Covers grays \u003c\/span\u003e \u003cstrong\u003e in just 15 minutes \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\u003cspan\u003e Protects hair with \u003c\/span\u003e \u003cstrong\u003e ammonia-free formula \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\u003cspan\u003e As easy as \u003c\/span\u003e \u003cstrong\u003e regular shampoo \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c!-- 04 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\u003cspan\u003e Suitable for \u003c\/span\u003e \u003cstrong\u003e ALL hair types \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — HOW IT WORKS\nBEIGE CONTINUOUS BACKGROUND\nDESKTOP: VIDEO LEFT + 3 STEPS RIGHT\nMOBILE: VIDEO TOP + STEPS BELOW\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL LANDING PAGE BACKGROUND FIX\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n\/*\nMàu nền chung của toàn bộ phần MainContent.\nGiúp tránh lộ nền trắng của Shopify giữa các section.\n*\/\n\n#MainContent {\n background: #ffffff !important;\n}\n\n\n\/*\nNếu các section ABERA nằm trong nhiều Custom Liquid khác nhau,\nép wrapper Shopify về cùng nền be và bỏ margin\/padding ngoài.\n*\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #ffffff !important;\n}\n\n\n\/*\nKhông để khoảng trắng phát sinh giữa 2 ABERA section kế tiếp.\n*\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-how-v4,\n#abera-how-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-how-v4 {\n --black: #101820;\n\n --gold: #a97825;\n --gold-light: #e7cf9e;\n\n --ivory: #ffffff;\n\n --white: #ffffff;\n\n --text: #101820;\n --muted: #46586a;\n\n --line: #dbe2e8;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-header {\n width: 100%;\n\n max-width: 1100px;\n\n margin:\n 0\n auto\n clamp(42px, 5vw, 65px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-how-v4 .ahw4-eyebrow {\n margin:\n 0\n 0\n 13px;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 15px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.5px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-how-v4 .ahw4-title {\n width: 100%;\n\n margin: 0;\n\n padding: 0;\n\n color: var(--black);\n\n font-size:\n clamp(30px, 4vw, 40px);\n\n line-height: 1.12;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nCONTENT GRID\n========================================================= *\/\n\n#abera-how-v4 .ahw4-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 1fr)\n minmax(0, 1fr);\n\n gap:\n clamp(55px, 7vw, 92px);\n\n align-items: center;\n}\n\n\n\/* =========================================================\nVIDEO\n========================================================= *\/\n\n#abera-how-v4 .ahw4-video {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n border-radius: 14px;\n\n background: #152638;\n\n box-shadow:\n 0 4px 14px\n rgba(0,0,0,.045);\n}\n\n\n#abera-how-v4 .ahw4-video video {\n position: absolute;\n\n inset: 0;\n\n width: 100% !important;\n height: 100% !important;\n\n display: block;\n\n margin: 0;\n padding: 0;\n\n border: 0;\n\n background: #152638;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\nSTEPS\n========================================================= *\/\n\n#abera-how-v4 .ahw4-steps {\n width: 100%;\n\n display: grid;\n\n gap: 18px;\n}\n\n\n\/* =========================================================\nSTEP CARD\n========================================================= *\/\n\n#abera-how-v4 .ahw4-step {\n width: 100%;\n\n min-width: 0;\n\n display: grid;\n\n grid-template-columns:\n 66px\n minmax(0, 1fr);\n\n gap: 20px;\n\n align-items: center;\n\n padding:\n 25px\n 28px;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 13px;\n\n background:\n rgba(255,255,255,.80);\n}\n\n\n\/* =========================================================\nNUMBER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-number {\n width: 66px;\n height: 66px;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--black);\n\n color: var(--gold);\n\n font-size: 17px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n\/* =========================================================\nSTEP COPY\n========================================================= *\/\n\n#abera-how-v4 .ahw4-step-copy {\n min-width: 0;\n}\n\n\n#abera-how-v4 .ahw4-step-title {\n margin:\n 0\n 0\n 6px;\n\n padding: 0;\n\n color: var(--black);\n\n font-size: 18px;\n line-height: 1.25;\n\n font-weight: 600;\n\n text-transform: uppercase;\n}\n\n\n#abera-how-v4 .ahw4-step-text {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n color: var(--muted);\n\n font-size: 16px;\n line-height: 1.6;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-how-v4 .ahw4-main {\n padding:\n 44px\n 0\n 55px;\n }\n\n\n #abera-how-v4 .ahw4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-how-v4 .ahw4-header {\n margin-bottom: 38px;\n }\n\n\n #abera-how-v4 .ahw4-title {\n font-size:\n clamp(30px, 4vw, 42px);\n }\n\n\n #abera-how-v4 .ahw4-grid {\n gap: 34px;\n }\n\n\n #abera-how-v4 .ahw4-step {\n grid-template-columns:\n 54px\n minmax(0, 1fr);\n\n gap: 15px;\n\n padding:\n 18px\n 19px;\n }\n\n\n #abera-how-v4 .ahw4-number {\n width: 54px;\n height: 54px;\n\n font-size: 15px;\n }\n\n\n #abera-how-v4 .ahw4-step-title {\n font-size: 16px;\n }\n\n\n #abera-how-v4 .ahw4-step-text {\n font-size: 14px;\n line-height: 1.55;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-how-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-how-v4 .ahw4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-how-v4 .ahw4-container {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* HEADER *\/\n\n #abera-how-v4 .ahw4-header {\n margin-bottom: 26px;\n }\n\n\n #abera-how-v4 .ahw4-eyebrow {\n margin-bottom: 9px;\n\n font-size: 12px;\n\n letter-spacing: 1.3px;\n }\n\n\n #abera-how-v4 .ahw4-title {\n font-size:\n clamp(25px, 4vw, 31px);\n\n line-height: 1.3;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n\n \/* =====================================================\n VIDEO FIRST\n ===================================================== *\/\n\n #abera-how-v4 .ahw4-grid {\n display: flex;\n\n flex-direction: column;\n\n gap: 22px;\n }\n\n\n #abera-how-v4 .ahw4-video {\n order: 1;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n border-radius: 11px;\n }\n\n\n #abera-how-v4 .ahw4-steps {\n order: 2;\n\n width: 100%;\n\n gap: 12px;\n }\n\n\n \/* =====================================================\n MOBILE STEP\n ===================================================== *\/\n\n #abera-how-v4 .ahw4-step {\n width: 100%;\n\n grid-template-columns:\n 48px\n minmax(0, 1fr);\n\n gap: 13px;\n\n padding:\n 16px\n 15px;\n\n border-radius: 10px;\n }\n\n\n #abera-how-v4 .ahw4-number {\n width: 48px;\n height: 48px;\n\n font-size: 13px;\n }\n\n\n #abera-how-v4 .ahw4-step-title {\n margin-bottom: 4px;\n\n font-size: 16px;\n line-height: 1.3;\n }\n\n\n #abera-how-v4 .ahw4-step-text {\n font-size: 14px;\n line-height: 1.5;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n}\n\n\u003c\/style\u003e\n\u003cstyle\u003e\n#abera-how-v4 .ahw4-grid { display: block; }\n#abera-how-v4 .ahw4-steps {\n display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 20px; align-items: stretch;\n}\n#abera-how-v4 .ahw4-step {\n display: flex; flex-direction: column; align-items: flex-start;\n gap: 0; padding: 0 0 24px; overflow: hidden;\n background: #fff; border: 1px solid #dbe2e8;\n}\n#abera-how-v4 .ahw4-step-image {\n display: block; width: 100%; aspect-ratio: 4 \/ 3;\n object-fit: cover; background: #f2f5f7;\n}\n#abera-how-v4 .ahw4-image-slot {\n position: relative; width: 100%; aspect-ratio: 4 \/ 3;\n background: #f2f5f7; overflow: hidden;\n}\n#abera-how-v4 .ahw4-image-slot .ahw4-step-image {\n width: 100%; height: 100%; aspect-ratio: auto;\n}\n#abera-how-v4 .ahw4-image-slot .ahw4-step-image[src=\"\"] { display: none; }\n#abera-how-v4 .ahw4-image-placeholder {\n position: absolute; inset: 0; display: grid; place-items: center;\n padding: 20px; color: #46586a; text-align: center;\n font-size: 15px; font-weight: 600; border-bottom: 1px dashed #c6a15a;\n}\n#abera-how-v4 .ahw4-image-slot:has(.ahw4-step-image:not([src=\"\"])) .ahw4-image-placeholder { display: none; }\n#abera-how-v4 .ahw4-number { margin: 20px 22px 12px; }\n#abera-how-v4 .ahw4-step-copy { padding: 0 22px; }\n@media (max-width: 767px) {\n #abera-how-v4 .ahw4-steps {\n display: grid; grid-template-columns: 1fr; gap: 14px;\n }\n #abera-how-v4 .ahw4-step { width: 100%; padding: 0 0 20px; }\n #abera-how-v4 .ahw4-number { margin: 16px 18px 10px; }\n #abera-how-v4 .ahw4-step-copy { padding: 0 18px; }\n}\n\u003c\/style\u003e\n\u003csection id=\"abera-how-v4\"\u003e\u003c!-- =========================================================\nHOW IT WORKS CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"ahw4-main\"\u003e\n\u003cdiv class=\"ahw4-container\"\u003e\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"ahw4-header\"\u003e\n\u003cp class=\"ahw4-eyebrow\"\u003eHOW IT WORKS\u003c\/p\u003e\n\u003ch2 class=\"ahw4-title\"\u003eGRAY COVERAGE IN 3 SIMPLE STEPS.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"ahw4-grid\"\u003e\n\u003c!-- ===================================================\n STEPS\n ==================================================== --\u003e\n\u003cdiv class=\"ahw4-steps\"\u003e\n\u003c!-- 01 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\u003c!-- HOW TO USE 1: paste your Shopify image URL into src=\"\" below --\u003e\n\u003cdiv class=\"ahw4-image-slot\"\u003e\n\u003cimg class=\"ahw4-step-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0803_1_1.webp?v=1790069954\" alt=\"Illustration of pouring hair dye shampoo into the palm\" loading=\"lazy\"\u003e\u003cspan class=\"ahw4-image-placeholder\"\u003eImage for Step 1: POUR\u003cbr\u003ePaste image link into src\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahw4-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\u003ch3 class=\"ahw4-step-title\"\u003ePOUR\u003c\/h3\u003e\n\u003cp class=\"ahw4-step-text\"\u003eWear the provided gloves. Pour the amount of shampoo into your palm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\u003c!-- HOW TO USE 2: paste your Shopify image URL into src=\"\" below --\u003e\n\u003cdiv class=\"ahw4-image-slot\"\u003e\n\u003cimg class=\"ahw4-step-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Your_paragraph_text_9.webp?v=1790159827\" alt=\"Illustration of applying hair dye shampoo evenly to hair\" loading=\"lazy\"\u003e\u003cspan class=\"ahw4-image-placeholder\"\u003eImage for Step 2: APPLY\u003cbr\u003ePaste image link into src\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahw4-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\u003ch3 class=\"ahw4-step-title\"\u003eAPPLY\u003c\/h3\u003e\n\u003cp class=\"ahw4-step-text\"\u003eApply evenly onto dry hair, massaging from roots to tips. Leave it on for 15–20 minutes to allow the color to fully develop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\u003c!-- HOW TO USE 3: paste your Shopify image URL into src=\"\" below --\u003e\n\u003cdiv class=\"ahw4-image-slot\"\u003e\n\u003cimg class=\"ahw4-step-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Your_paragraph_text_8.webp?v=1790159827\" alt=\"Illustration of rinsing hair with water\" loading=\"lazy\"\u003e\u003cspan class=\"ahw4-image-placeholder\"\u003eImage for Step 3: RINSE\u003cbr\u003ePaste image link into src\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahw4-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\u003ch3 class=\"ahw4-step-title\"\u003eRINSE\u003c\/h3\u003e\n\u003cp class=\"ahw4-step-text\"\u003eRinse thoroughly with water until it runs clear, then towel dry and enjoy your vibrant new look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — BEFORE \/ AFTER RESULTS\nCONTINUOUS BEIGE BACKGROUND\nDESKTOP: 5 CARDS \/ ROW\nMOBILE: 1 CARD + NEXT PREVIEW\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY CUSTOM LIQUID SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #ffffff !important;\n}\n\n\n\/* ABERA SHOPIFY WRAPPERS *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #ffffff !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n\n margin-top: 0 !important;\n padding-top: 0 !important;\n\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-results-v4,\n#abera-results-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-results-v4 {\n --black: #101820;\n\n --gold: #a97825;\n --gold-main: #c6a15a;\n --gold-light: #ead5aa;\n\n --ivory: #ffffff;\n\n --white: #ffffff;\n\n --text: #101820;\n --muted: #46586a;\n\n --line: #dbe2e8;\n\n --green: #17344d;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-results-v4 .abr4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(56px, 5vw, 82px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-results-v4 .abr4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-results-v4 .abr4-header {\n width: 100%;\n\n max-width: 1150px;\n\n margin:\n 0\n auto\n clamp(38px, 4vw, 52px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-results-v4 .abr4-eyebrow {\n margin:\n 0\n 0\n 12px;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.4px;\n\n text-transform: uppercase;\n}\n\n\n\/* MAIN TITLE *\/\n\n#abera-results-v4 .abr4-title {\n width: 100%;\n\n margin:\n 0\n auto\n 12px;\n\n color: var(--black);\n\n font-size:\n clamp(30px, 4vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* SUBTITLE *\/\n\n#abera-results-v4 .abr4-subtitle {\n margin: 0;\n\n color: #777168;\n\n font-size: 14px;\n line-height: 1.55;\n\n font-weight: 400;\n\n text-align: center;\n}\n\n\n\/* =========================================================\nRESULT GROUP\n========================================================= *\/\n\n#abera-results-v4 .abr4-group {\n width: 100%;\n}\n\n\n#abera-results-v4\n.abr4-group\n+\n.abr4-group {\n\n margin-top:\n clamp(46px, 5vw, 66px);\n\n}\n\n\n\/* =========================================================\nGROUP HEADER\n========================================================= *\/\n\n#abera-results-v4 .abr4-group-header {\n width: 100%;\n\n display: flex;\n\n align-items: center;\n\n margin-bottom: 22px;\n}\n\n\n\/* BLACK LABEL *\/\n\n#abera-results-v4 .abr4-group-label {\n flex: 0 0 auto;\n\n min-width: 220px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n padding:\n 11px\n 24px;\n\n border:\n 1px solid\n var(--gold-main);\n\n border-radius: 5px;\n\n background: var(--black);\n\n color: var(--gold-light);\n\n font-size: 24px;\n line-height: 1.2;\n\n font-weight: 700;\n\n letter-spacing: .4px;\n\n text-align: center;\n\n text-transform: uppercase;\n}\n\n\n\/* GOLD LINE *\/\n\n#abera-results-v4 .abr4-group-line {\n flex: 1;\n\n height: 1px;\n\n margin-left: 16px;\n\n background:\n linear-gradient(\n to right,\n var(--gold-main),\n rgba(200,156,70,.07)\n );\n}\n\n\n\/* =========================================================\nTRACK\n========================================================= *\/\n\n#abera-results-v4 .abr4-track {\n width: 100%;\n\n display: flex;\n\n gap: 16px;\n\n padding:\n 1px\n 1px\n 8px;\n\n scroll-snap-type: x mandatory;\n\n scroll-behavior: smooth;\n\n scrollbar-width: none;\n\n -webkit-overflow-scrolling: touch;\n}\n\n\n#abera-results-v4\n.abr4-track::-webkit-scrollbar {\n\n display: none;\n\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-results-v4 .abr4-card {\n min-width: 0;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 10px;\n\n background: var(--white);\n\n box-shadow:\n 0 3px 10px\n rgba(0,0,0,.035);\n\n scroll-snap-align: start;\n}\n\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n#abera-results-v4 .abr4-image {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #dbe2e8;\n}\n\n\n#abera-results-v4 .abr4-image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\nBEFORE \/ AFTER TAGS\n========================================================= *\/\n\n#abera-results-v4 .abr4-tag {\n position: absolute;\n\n bottom: 8px;\n\n z-index: 3;\n\n padding:\n 5px\n 9px;\n\n border-radius: 999px;\n\n font-size: 8px;\n line-height: 1;\n\n font-weight: 600;\n\n letter-spacing: .6px;\n\n text-transform: uppercase;\n}\n\n\n#abera-results-v4 .abr4-before {\n left: 8px;\n\n background:\n rgba(15,15,15,.95);\n\n color: #ffffff;\n}\n\n\n#abera-results-v4 .abr4-after {\n right: 8px;\n\n background: var(--gold-main);\n\n color: var(--black);\n}\n\n\n\/* =========================================================\nCARD BODY\n========================================================= *\/\n\n#abera-results-v4 .abr4-body {\n padding:\n 15px\n 15px\n 17px;\n}\n\n\n\/* STARS *\/\n\n#abera-results-v4 .abr4-stars {\n margin:\n 0\n 0\n 10px;\n\n color: #c79637;\n\n font-size: 15px;\n line-height: 1;\n\n letter-spacing: 1px;\n\n white-space: nowrap;\n}\n\n\n\/* REVIEW *\/\n\n#abera-results-v4 .abr4-review {\n min-height: 92px;\n\n margin:\n 0\n 0\n 14px;\n\n color: #55504a;\n\n font-size: 12px;\n line-height: 1.55;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nCUSTOMER\n========================================================= *\/\n\n#abera-results-v4 .abr4-customer strong {\n display: block;\n\n margin-bottom: 2px;\n\n color: var(--black);\n\n font-size: 12px;\n line-height: 1.35;\n\n font-weight: 500;\n}\n\n\n#abera-results-v4 .abr4-location {\n display: block;\n\n color: #8a847c;\n\n font-size: 10px;\n line-height: 1.4;\n}\n\n\n\/* VERIFIED *\/\n\n#abera-results-v4 .abr4-verified {\n display: inline-flex;\n\n align-items: center;\n\n gap: 5px;\n\n margin-top: 8px;\n\n color: var(--green);\n\n font-size: 9px;\n line-height: 1.2;\n\n font-weight: 500;\n\n white-space: nowrap;\n}\n\n\n#abera-results-v4 .abr4-verified-icon {\n width: 14px;\n height: 14px;\n\n flex:\n 0 0\n 14px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--green);\n\n color: #ffffff;\n\n font-size: 8px;\n}\n\n\n\/* =========================================================\nSWIPE TEXT\n========================================================= *\/\n\n#abera-results-v4 .abr4-swipe {\n display: none;\n}\n\n\n\/* =========================================================\nDESKTOP — EXACTLY 5 CARDS\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-results-v4 .abr4-track {\n overflow: visible;\n\n scroll-snap-type: none;\n }\n\n\n #abera-results-v4 .abr4-card {\n flex:\n 0\n 0\n calc((100% - 64px) \/ 5);\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-results-v4 .abr4-main {\n padding:\n 44px\n 0\n 58px;\n }\n\n\n #abera-results-v4 .abr4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-results-v4 .abr4-header {\n margin-bottom: 34px;\n }\n\n\n #abera-results-v4 .abr4-title {\n font-size:\n clamp(29px, 4vw, 38px);\n }\n\n\n #abera-results-v4 .abr4-track {\n overflow-x: auto;\n overflow-y: hidden;\n\n overscroll-behavior-x: contain;\n }\n\n\n #abera-results-v4 .abr4-card {\n flex:\n 0\n 0\n 42%;\n }\n\n\n #abera-results-v4 .abr4-swipe {\n display: flex;\n\n justify-content: flex-end;\n\n gap: 5px;\n\n margin-top: 5px;\n\n color: #918a80;\n\n font-size: 11px;\n }\n\n\n #abera-results-v4 .abr4-swipe strong {\n color: var(--gold);\n\n font-size: 15px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-results-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-results-v4 .abr4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 42px;\n\n background: var(--ivory);\n }\n\n\n #abera-results-v4 .abr4-container {\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* =====================================================\n HEADER\n ===================================================== *\/\n\n #abera-results-v4 .abr4-header {\n margin-bottom: 29px;\n }\n\n\n #abera-results-v4 .abr4-eyebrow {\n margin-bottom: 9px;\n\n font-size: 11px;\n\n letter-spacing: 1.2px;\n }\n\n\n #abera-results-v4 .abr4-title {\n width: 100%;\n\n margin-bottom: 10px;\n\n font-size:\n clamp(20px, 4vw, 29px);\n\n line-height: 1.4;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n }\n\n\n #abera-results-v4 .abr4-subtitle {\n font-size: 14px;\n line-height: 1.5;\n }\n\n\n \/* =====================================================\n GROUP\n ===================================================== *\/\n\n #abera-results-v4\n .abr4-group\n +\n .abr4-group {\n\n margin-top: 42px;\n\n }\n\n\n #abera-results-v4 .abr4-group-header {\n margin-bottom: 16px;\n }\n\n\n #abera-results-v4 .abr4-group-label {\n min-width: 0;\n\n padding:\n 9px\n 15px;\n\n font-size: 12px;\n\n border-radius: 5px;\n }\n\n\n #abera-results-v4 .abr4-group-line {\n margin-left: 10px;\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n 1 FULL CARD + NEXT CARD PREVIEW\n ===================================================== *\/\n\n #abera-results-v4 .abr4-track {\n width: 100%;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding-bottom: 5px;\n\n scroll-snap-type: x mandatory;\n\n overscroll-behavior-x: contain;\n\n -webkit-overflow-scrolling: touch;\n }\n\n\n #abera-results-v4 .abr4-card {\n flex:\n 0\n 0\n 78%;\n\n min-width: 78%;\n\n scroll-snap-align: start;\n }\n\n\n \/* =====================================================\n MOBILE CARD\n ===================================================== *\/\n\n #abera-results-v4 .abr4-body {\n padding:\n 15px\n 15px\n 17px;\n }\n\n\n #abera-results-v4 .abr4-stars {\n font-size: 16px;\n }\n\n\n #abera-results-v4 .abr4-review {\n min-height: 0;\n\n margin-bottom: 15px;\n\n font-size: 14px;\n line-height: 1.55;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n\n #abera-results-v4 .abr4-customer strong {\n font-size: 13px;\n }\n\n\n #abera-results-v4 .abr4-location {\n font-size: 11px;\n }\n\n\n #abera-results-v4 .abr4-verified {\n font-size: 10px;\n }\n\n\n #abera-results-v4 .abr4-tag {\n bottom: 8px;\n\n padding:\n 5px\n 8px;\n\n font-size: 8px;\n }\n\n\n \/* SWIPE *\/\n\n #abera-results-v4 .abr4-swipe {\n display: flex;\n\n align-items: center;\n justify-content: flex-end;\n\n gap: 5px;\n\n margin-top: 6px;\n\n color: #918a80;\n\n font-size: 10px;\n }\n\n\n #abera-results-v4 .abr4-swipe strong {\n color: var(--gold);\n\n font-size: 14px;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-results-v4\"\u003e\u003c!-- =========================================================\nRESULTS CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"abr4-main\"\u003e\n\u003cdiv class=\"abr4-container\"\u003e\n\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"abr4-header\"\u003e\n\u003cp class=\"abr4-eyebrow\"\u003eTHE 15-MINUTE DIFFERENCE\u003c\/p\u003e\n\u003ch2 class=\"abr4-title\"\u003eFROM VISIBLE GRAY TO NATURAL-LOOKING COLOR\u003c\/h2\u003e\n\u003cp class=\"abr4-subtitle\"\u003eApply. Massage. Wait 15 minutes. Rinse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n MEN'S RESULTS\n ====================================================== --\u003e\n\u003cdiv class=\"abr4-group\"\u003e\n\u003cdiv class=\"abr4-group-header\"\u003e\n\u003cdiv class=\"abr4-group-label\"\u003eMEN'S RESULTS\u003c\/div\u003e\n\u003cdiv class=\"abr4-group-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-track\"\u003e\n\u003c!-- MEN 01 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_14.webp?v=1787212244\" alt=\"ABERA men's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“I’ve given up traditional hair dyeing. This hair dye shampoo is much more convenient, and the color looks very natural.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e David B. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e California, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 02 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_17.webp?v=1787212244\" alt=\"ABERA men's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“I mostly use it around my temples when the gray starts showing. The routine is quick and straightforward.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Michael R. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Texas, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 03 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_16.webp?v=1787212244\" alt=\"ABERA men's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“I didn't want something that felt like a full hair-color process. This fits into my routine much better.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e James K. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Florida, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 04 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_15.webp?v=1787212243\" alt=\"ABERA men's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Much simpler than the traditional hair dye kits I've used before.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Robert T. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Arizona, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 05 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_19.webp?v=1787212244\" alt=\"ABERA men's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“I wanted something easier for quick touch-ups. This is much more convenient for my routine.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Daniel S. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e New York, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-swipe\"\u003eSwipe to see more \u003cstrong\u003e→\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n WOMEN'S RESULTS\n ====================================================== --\u003e\n\u003cdiv class=\"abr4-group\"\u003e\n\u003cdiv class=\"abr4-group-header\"\u003e\n\u003cdiv class=\"abr4-group-label\"\u003eWOMEN'S RESULTS\u003c\/div\u003e\n\u003cdiv class=\"abr4-group-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-track\"\u003e\n\u003c!-- WOMEN 01 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_6.webp?v=1787212243\" alt=\"ABERA women's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Traditional hair dye always felt like too much work. This was much easier for me to use at home.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Linda M. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e New York, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 02 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_7.webp?v=1787212244\" alt=\"ABERA women's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“I like being able to focus on the areas where my gray shows first.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Sarah T. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Washington, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 03 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_8.webp?v=1787212244\" alt=\"ABERA women's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“It easy to keep my next touch-up ready.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Emily C. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Nevada, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 04 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_13.webp?v=1787212244\" alt=\"ABERA women's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“I mainly use it when my roots start showing. It fits into my routine much better than my old coloring kit.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Karen L. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Oregon, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 05 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_10.webp?v=1787212244\" alt=\"ABERA women's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“I wanted a simpler option between salon visits. This is really convenient to keep at home.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Susan P. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e California, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-swipe\"\u003eSwipe to see more \u003cstrong\u003e→\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — BOTANICAL INGREDIENTS\nCONTINUOUS BEIGE BACKGROUND\nDESKTOP: 5 CARDS\nTABLET: 3 CARDS\nMOBILE: HORIZONTAL SWIPE\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #ffffff !important;\n}\n\n\n\/* REMOVE SHOPIFY SECTION OUTER SPACING *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #ffffff !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-ingredients-v4,\n#abera-ingredients-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-ingredients-v4 {\n --black: #101820;\n\n --gold: #a97825;\n --gold-main: #c6a15a;\n\n --ivory: #ffffff;\n\n --white: #ffffff;\n\n --text: #101820;\n --muted: #46586a;\n\n --line: #dbe2e8;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-container {\n width: 100%;\n\n max-width: 100%;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-header {\n width: 100%;\n\n max-width: 100%;\n\n margin:\n 0\n auto\n clamp(32px, 4vw, 46px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-ingredients-v4 .aig4-eyebrow {\n margin:\n 0\n 0\n 12px;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.4px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-ingredients-v4 .aig4-title {\n width: 100%;\n\n max-width: 100%;\n\n margin:\n 0\n auto\n 14px;\n\n padding: 0;\n\n color: var(--black);\n\n font-size:\n clamp(20px, 4vw, 30px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* SUBTITLE *\/\n\n#abera-ingredients-v4 .aig4-subtitle {\n max-width: 850px;\n\n margin: 0 auto;\n\n padding: 0;\n\n color: var(--muted);\n\n font-size: 15px;\n line-height: 1.6;\n\n font-weight: 400;\n\n text-align: center;\n}\n\n\n\/* =========================================================\nCARD TRACK\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-track {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(5, minmax(0, 1fr));\n\n gap: 16px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-card {\n min-width: 0;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 11px;\n\n background: var(--white);\n\n box-shadow:\n 0 3px 10px\n rgba(0,0,0,.025);\n}\n\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-image {\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #ffffff;\n}\n\n\n#abera-ingredients-v4 .aig4-image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n margin: 0;\n\n border: 0;\n}\n\n\n\/* =========================================================\nCARD CONTENT\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-copy {\n padding:\n 17px\n 16px\n 20px;\n}\n\n\n\/* BENEFIT LABEL *\/\n\n#abera-ingredients-v4 .aig4-benefit {\n margin:\n 0\n 0\n 6px;\n\n color: var(--gold);\n\n font-size: 10px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: .8px;\n\n text-transform: uppercase;\n}\n\n\n\/* INGREDIENT NAME *\/\n\n#abera-ingredients-v4 .aig4-name {\n margin:\n 0\n 0\n 7px;\n\n padding: 0;\n\n color: var(--black);\n\n font-size: 16px;\n line-height: 1.3;\n\n font-weight: 600;\n\n text-transform: uppercase;\n}\n\n\n\/* DESCRIPTION *\/\n\n#abera-ingredients-v4 .aig4-text {\n margin: 0;\n padding: 0;\n\n color: var(--muted);\n\n font-size: 13px;\n line-height: 1.55;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nSWIPE MESSAGE\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-swipe {\n display: none;\n}\n\n\n\/* =========================================================\nDESKTOP HOVER\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-ingredients-v4 .aig4-card {\n transition:\n transform .25s ease,\n box-shadow .25s ease;\n }\n\n\n #abera-ingredients-v4 .aig4-card:hover {\n transform:\n translateY(-3px);\n\n box-shadow:\n 0 8px 22px\n rgba(0,0,0,.06);\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 100%) {\n\n #abera-ingredients-v4 .aig4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-ingredients-v4 .aig4-container {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n\n #abera-ingredients-v4 .aig4-header {\n margin-bottom: 34px;\n }\n\n\n #abera-ingredients-v4 .aig4-title {\n font-size:\n clamp(28px, 4vw, 38px);\n }\n\n\n #abera-ingredients-v4 .aig4-track {\n grid-template-columns:\n repeat(3, minmax(0, 1fr));\n\n gap: 14px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-ingredients-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-ingredients-v4 .aig4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-ingredients-v4 .aig4-container {\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* =====================================================\n HEADER\n ===================================================== *\/\n\n #abera-ingredients-v4 .aig4-header {\n margin-bottom: 25px;\n }\n\n\n #abera-ingredients-v4 .aig4-eyebrow {\n margin-bottom: 9px;\n\n font-size: 11px;\n\n letter-spacing: 1.2px;\n }\n\n\n #abera-ingredients-v4 .aig4-title {\n width: 100%;\n\n margin-bottom: 11px;\n\n font-size:\n clamp(20px, 4vw, 28px);\n\n line-height: 1.25;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n }\n\n\n #abera-ingredients-v4 .aig4-subtitle {\n font-size: 14px;\n line-height: 1.55;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n ===================================================== *\/\n\n #abera-ingredients-v4 .aig4-track {\n width: 100%;\n\n display: flex;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding:\n 0\n 0\n 5px;\n\n scroll-snap-type: x mandatory;\n\n scroll-behavior: smooth;\n\n overscroll-behavior-x: contain;\n\n scrollbar-width: none;\n\n -webkit-overflow-scrolling: touch;\n }\n\n\n #abera-ingredients-v4\n .aig4-track::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n \/* ONE LARGE CARD + NEXT PREVIEW *\/\n\n #abera-ingredients-v4 .aig4-card {\n flex:\n 0\n 0\n 76%;\n\n min-width: 76%;\n\n scroll-snap-align: start;\n }\n\n\n \/* =====================================================\n MOBILE COPY\n ===================================================== *\/\n\n #abera-ingredients-v4 .aig4-copy {\n padding:\n 16px\n 15px\n 18px;\n }\n\n\n #abera-ingredients-v4 .aig4-benefit {\n font-size: 10px;\n }\n\n\n #abera-ingredients-v4 .aig4-name {\n font-size: 17px;\n }\n\n\n #abera-ingredients-v4 .aig4-text {\n font-size: 14px;\n line-height: 1.55;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n\n \/* SWIPE *\/\n\n #abera-ingredients-v4 .aig4-swipe {\n display: flex;\n\n align-items: center;\n justify-content: flex-end;\n\n gap: 5px;\n\n margin-top: 7px;\n\n color: #918a80;\n\n font-size: 10px;\n }\n\n\n #abera-ingredients-v4\n .aig4-swipe strong {\n\n color: var(--gold);\n\n font-size: 14px;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-ingredients-v4\"\u003e\u003c!-- =========================================================\nINGREDIENT CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"aig4-main\"\u003e\n\u003cdiv class=\"aig4-container\"\u003e\n\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"aig4-header\"\u003e\n\u003cp class=\"aig4-eyebrow\"\u003eCOLOR + HAIR CARE\u003c\/p\u003e\n\u003ch2 class=\"aig4-title\"\u003eCOLOR YOUR GRAYS WITH\u003cbr\u003eBOTANICAL HAIR CARE BUILT IN\u003c\/h2\u003e\n\u003cp class=\"aig4-subtitle\"\u003eABERA combines hair-color technology with botanical ingredients commonly used in hair-care formulas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n CARDS\n ====================================================== --\u003e\n\u003cdiv class=\"aig4-track\"\u003e\n\u003c!-- =================================================\n 01 — ARGAN OIL\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/tinh-dau-duong-toc-argan-oil-1.webp?v=1787216556\" alt=\"Argan Oil\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eSOFTNESS + SHINE\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eARGAN OIL\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eMoisturizes, softens and adds shine while helping reduce dryness and frizz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 02 — BLACK GINSENG\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Ginseng_1st_Slide.webp?v=1787216601\" alt=\"Black Ginseng\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eHAIR + SCALP CARE\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eBLACK GINSENG\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eHelps nourish the scalp and support healthier, more resilient-looking hair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 03 — FO-TI\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/642x361_Fo_Ti_The_Cure_to_Old_Age.webp?v=1787216556\" alt=\"Fo-Ti\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eHEALTHY-LOOKING HAIR\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eFO-TI\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eTraditionally used to support stronger-looking hair and help maintain natural hair vitality.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 04 — RED REISHI\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/whiskeydarek_Close-up_of_reishi_mushrooms_growing_on_a_log_996344e7-3303-4ea1-9f54-8c1837c54a68.webp?v=1786674307\" alt=\"Red Reishi Mushroom\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eCONDITIONING CARE\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eRED REISHI\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eHelps condition the scalp and support smoother, healthier-looking hair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 05 — PINK GRAPEFRUIT\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1774218776327_photo-1774156733632-1774156734347965593145.webp?v=1788515551\" alt=\"Pink Grapefruit\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eSCALP + ROOT CARE\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003ePINK GRAPEFRUIT\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eHelps refresh and nourish the scalp while supporting healthier-looking, fuller-looking hair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- MOBILE SWIPE HINT --\u003e\n\u003cdiv class=\"aig4-swipe\"\u003eSwipe to see more \u003cstrong\u003e→\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA — POST-COLOR HAIR CARE BUNDLE\nCONTINUOUS BEIGE BACKGROUND\nIMPROVED CARD TEXT READABILITY\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #ffffff !important;\n}\n\n\n\/* SHOPIFY CUSTOM LIQUID WRAPPER *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #ffffff !important;\n}\n\n\n\/* NO GAP BETWEEN ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-extra-haircare-v4,\n#abera-extra-haircare-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-extra-haircare-v4 {\n --black: #101820;\n\n --gold: #a97825;\n --gold-main: #c6a15a;\n --gold-light: #ead5aa;\n\n --ivory: #ffffff;\n\n --white: #ffffff;\n\n --text: #101820;\n --muted: #46586a;\n\n --line: #dbe2e8;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nMAIN GRID\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(250px, .92fr)\n minmax(0, 2.08fr);\n\n gap:\n clamp(36px, 5vw, 72px);\n\n align-items: center;\n}\n\n\n\/* =========================================================\nLEFT INTRO\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-intro {\n width: 100%;\n\n min-width: 0;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-extra-haircare-v4 .aeh4-eyebrow {\n margin:\n 0\n 0\n 16px;\n\n color: var(--gold);\n\n font-size: 15px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-transform: none;\n}\n\n\n\/* TITLE *\/\n\n#abera-extra-haircare-v4 .aeh4-title {\n width: 100%;\n\n max-width: 430px;\n\n margin:\n 0\n 0\n 20px;\n\n color: var(--black);\n\n font-size:\n clamp(25px, 2.5vw, 34px);\n\n line-height: 1.12;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-transform: uppercase;\n\n text-wrap: balance;\n}\n\n\n\/* DESCRIPTION *\/\n\n#abera-extra-haircare-v4 .aeh4-description {\n max-width: 460px;\n\n margin: 0;\n\n color: var(--muted);\n\n font-size: 15px;\n line-height: 1.75;\n\n font-weight: 400;\n}\n\n\n#abera-extra-haircare-v4\n.aeh4-description strong {\n color: var(--black);\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nCARDS WRAPPER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-cards-wrap {\n width: 100%;\n\n min-width: 0;\n}\n\n\n\/* =========================================================\nCARDS\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-cards {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 14px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-card {\n position: relative;\n\n width: 100%;\n\n min-width: 0;\n min-height: 470px;\n\n overflow: hidden;\n\n border:\n 1px solid\n rgba(176,125,47,.30);\n\n border-radius: 13px;\n\n background: #dbe2e8;\n\n box-shadow:\n 0 4px 14px\n rgba(0,0,0,.035);\n}\n\n\n\/* =========================================================\nBACKGROUND IMAGE\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-image {\n position: absolute;\n\n inset: 0;\n\n z-index: 1;\n}\n\n\n#abera-extra-haircare-v4 .aeh4-image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\nIMAGE OVERLAY\nIMPORTANT: STRONGER FOR TEXT READABILITY\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-overlay {\n position: \n inset: 0;\n\n z-index: 2;\n\n background:\n linear-gradient(\n to bottom,\n\n rgba(247,243,236,.96) 0%,\n\n rgba(247,243,236,.91) 22%,\n\n rgba(247,243,236,.76) 42%,\n\n rgba(247,243,236,.28) 68%,\n\n rgba(15,15,15,.14) 100%\n );\n}\n\n\n\/* =========================================================\nCARD CONTENT\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-content {\n position: relative;\n\n z-index: 13;\n\n width: 100%;\n\n padding:\n 18px\n 15px;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: flex-start;\n}\n\n\n\/* =========================================================\nTEXT PANEL\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-text-panel {\n width: 100%;\n\n padding:\n 12px\n 12px\n 13px;\n\n border:\n 1px solid\n rgba(255,255,255,.46);\n\n border-radius: 9px;\n\n background:\n rgba(247,243,236,.84);\n\n box-shadow:\n 0 2px 8px\n rgba(0,0,0,.025);\n\n backdrop-filter:\n blur(5px);\n\n -webkit-backdrop-filter:\n blur(5px);\n}\n\n\n\/* =========================================================\nNUMBER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-number {\n width: 30px;\n height: 30px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n margin-bottom: 11px;\n\n border:\n 1px solid\n rgba(176,125,47,.55);\n\n border-radius: 50%;\n\n background:\n rgba(255,255,255,.86);\n\n color: var(--gold);\n\n font-size: 11px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n\/* =========================================================\nCARD TITLE\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-card-title {\n width: 100%;\n\n margin:\n 0\n 0\n 8px;\n\n color: var(--black);\n\n font-size: 16px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n}\n\n\n\/* =========================================================\nCARD TEXT\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-card-text {\n width: 100%;\n\n margin: 0;\n\n color: #37332e;\n\n font-size: 14px;\n line-height: 1.55;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nMOBILE CONTROLS\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-controls {\n display: none;\n}\n\n\n\/* =========================================================\nDESKTOP\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-extra-haircare-v4 .aeh4-card {\n transition:\n transform .25s ease,\n box-shadow .25s ease;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card:hover {\n\n transform:\n translateY(-3px);\n\n box-shadow:\n 0 8px 22px\n rgba(0,0,0,.06);\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-extra-haircare-v4 .aeh4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-container {\n\n padding-left: 34px;\n padding-right: 34px;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-grid {\n grid-template-columns: 1fr;\n\n gap: 30px;\n }\n\n\n #abera-extra-haircare-v4 .aeh4-intro {\n max-width: 760px;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-description {\n\n max-width: 720px;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-cards {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n\n #abera-extra-haircare-v4 .aeh4-card {\n min-height: 430px;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-title {\n\n font-size: 18px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-text {\n\n font-size: 14px;\n\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-extra-haircare-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-extra-haircare-v4 .aeh4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-container {\n\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n\n }\n\n\n \/* =====================================================\n INTRO\n ===================================================== *\/\n\n #abera-extra-haircare-v4 .aeh4-grid {\n display: flex;\n\n flex-direction: column;\n\n gap: 25px;\n }\n\n\n #abera-extra-haircare-v4 .aeh4-intro {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n text-align: left;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-eyebrow {\n\n margin-bottom: 11px;\n\n font-size: 14px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-title {\n\n width: 100%;\n max-width: none;\n\n margin-bottom: 14px;\n\n font-size:\n clamp(23px, 6vw, 28px);\n\n line-height: 1.18;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-description {\n\n width: 100%;\n max-width: none;\n\n font-size: 15px;\n line-height: 1.65;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n ===================================================== *\/\n\n #abera-extra-haircare-v4\n .aeh4-cards-wrap {\n\n width: 100%;\n\n min-width: 0;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-cards {\n width: 100%;\n\n display: flex;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding:\n 0\n 0\n 5px;\n\n scroll-snap-type:\n x mandatory;\n\n scroll-behavior:\n smooth;\n\n overscroll-behavior-x:\n contain;\n\n scrollbar-width:\n none;\n\n -webkit-overflow-scrolling:\n touch;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-cards::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-card {\n flex:\n 0\n 0\n 84%;\n\n min-width: 84%;\n\n min-height: 440px;\n\n scroll-snap-align:\n start;\n }\n\n\n \/* =====================================================\n MOBILE TEXT\n ===================================================== *\/\n\n #abera-extra-haircare-v4\n .aeh4-content {\n\n padding:\n 16px\n 14px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-text-panel {\n\n padding:\n 13px\n 13px\n 14px;\n\n background:\n rgba(247,243,236,.92);\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-title {\n\n margin-bottom: 8px;\n\n font-size: 18px;\n line-height: 1.3;\n\n word-break: normal !important;\n\n overflow-wrap: normal !important;\n\n hyphens: none !important;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-text {\n\n font-size: 15px;\n line-height: 1.55;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n\n }\n\n\n \/* =====================================================\n MOBILE ARROWS\n ===================================================== *\/\n\n #abera-extra-haircare-v4\n .aeh4-controls {\n\n display: flex;\n\n align-items: center;\n\n justify-content:\n flex-start;\n\n gap: 8px;\n\n margin-top: 12px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-btn {\n\n width: 32px;\n height: 32px;\n\n flex:\n 0\n 0\n 32px;\n\n display:\n inline-flex;\n\n align-items:\n center;\n\n justify-content:\n center;\n\n padding: 0;\n\n border:\n 1px solid\n var(--gold-main);\n\n border-radius:\n 50%;\n\n background:\n var(--black);\n\n color:\n var(--gold-main);\n\n font-family:\n Arial,\n sans-serif;\n\n font-size:\n 17px;\n\n line-height:\n 1;\n\n cursor:\n pointer;\n\n appearance:\n none;\n\n -webkit-appearance:\n none;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-btn:disabled {\n\n opacity: .35;\n\n cursor: default;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-extra-haircare-v4\"\u003e\u003c!-- =========================================================\nCONTENT\n========================================================= --\u003e\n\u003cdiv class=\"aeh4-main\"\u003e\n\u003cdiv class=\"aeh4-container\"\u003e\n\u003cdiv class=\"aeh4-grid\"\u003e\n\u003c!-- ===================================================\n INTRO\n ==================================================== --\u003e\n\u003cdiv class=\"aeh4-intro\"\u003e\n\u003cp class=\"aeh4-eyebrow\"\u003eExtra Haircare\u003c\/p\u003e\n\u003ch2 class=\"aeh4-title\"\u003ePOST-COLOR HAIR\u003cbr\u003eCARE BUNDLE\u003c\/h2\u003e\n\u003cp class=\"aeh4-description\"\u003eBeyond an even, natural-looking black color, your hair also needs a healthy scalp and stronger roots. The \u003cstrong\u003e ABERA Grapefruit Shampoo \u0026amp; Serum \u003c\/strong\u003e are designed to help you care for both. This bundle helps nourish the scalp, support healthier hair growth, restore moisture and balance to the scalp barrier, and leave hair softer, less tangled, and visibly fuller after coloring.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ===================================================\n CARDS\n ==================================================== --\u003e\n\u003cdiv class=\"aeh4-cards-wrap\"\u003e\n\u003cdiv class=\"aeh4-cards\"\u003e\n\u003c!-- ===============================================\n CARD 01\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1_03fe5ee6-cabd-429a-af51-f8203e6245d6.webp?v=1788512561\" alt=\"ABERA Grapefruit Shampoo and Serum\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eNourish the Hair \u0026amp; Scalp\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eHelps care for the scalp and roots after coloring, supporting a healthier-looking hair-care routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ===============================================\n CARD 02\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Gemini_Generated_Image_cbsbg3cbsbg3cbsb-clean.webp?v=1788513167\" alt=\"Healthy hair growth\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eSupport Healthier Hair Growth\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eHelps create a better scalp environment to support stronger, healthier, fuller-looking hair over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ===============================================\n CARD 03\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_22.webp?v=1788514509\" alt=\"Soft smooth hair after coloring\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eReduce Dryness \u0026amp; Tangles\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eHelps replenish moisture so hair feels softer, smoother, and easier to manage after dyeing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ===============================================\n CARD 04\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_58.webp?v=1787219168\" alt=\"Fuller-looking hair\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eThicker, Fuller-Looking Hair\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eBy caring for both hair and scalp, the duo helps your hair appear denser, fuller, and healthier-looking.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n MOBILE ARROWS\n ================================================== --\u003e\n\u003cdiv class=\"aeh4-controls\"\u003e\n\u003cbutton type=\"button\" class=\"aeh4-btn aeh4-prev\"\u003e ← \u003c\/button\u003e \u003cbutton type=\"button\" class=\"aeh4-btn aeh4-next\"\u003e → \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nMOBILE SWIPE SCRIPT\n========================================================= --\u003e \u003cscript\u003e\n\n(function () {\n\n\n const section =\n document.querySelector(\n \"#abera-extra-haircare-v4\"\n );\n\n\n if (!section) return;\n\n\n const track =\n section.querySelector(\n \".aeh4-cards\"\n );\n\n\n const prev =\n section.querySelector(\n \".aeh4-prev\"\n );\n\n\n const next =\n section.querySelector(\n \".aeh4-next\"\n );\n\n\n if (\n !track ||\n !prev ||\n !next\n ) return;\n\n\n\n function getScrollAmount() {\n\n\n const card =\n track.querySelector(\n \".aeh4-card\"\n );\n\n\n if (!card) {\n return 300;\n }\n\n\n const styles =\n window.getComputedStyle(\n track\n );\n\n\n const gap =\n parseFloat(\n styles.columnGap ||\n styles.gap\n ) || 12;\n\n\n return (\n card.getBoundingClientRect().width\n +\n gap\n );\n\n }\n\n\n\n prev.addEventListener(\n \"click\",\n function () {\n\n\n track.scrollBy({\n\n left:\n -getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n\n }\n );\n\n\n\n next.addEventListener(\n \"click\",\n function () {\n\n\n track.scrollBy({\n\n left:\n getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n\n }\n );\n\n\n\n function updateButtons() {\n\n\n const maxScroll =\n track.scrollWidth\n -\n track.clientWidth;\n\n\n prev.disabled =\n track.scrollLeft \u003c= 4;\n\n\n next.disabled =\n track.scrollLeft \u003e=\n maxScroll - 4;\n\n }\n\n\n\n track.addEventListener(\n \"scroll\",\n updateButtons,\n {\n passive: true\n }\n );\n\n\n window.addEventListener(\n \"resize\",\n updateButtons\n );\n\n\n updateButtons();\n\n\n})();\n\n\u003c\/script\u003e\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — COMPARISON TABLE\nCONTINUOUS BEIGE BACKGROUND\nDESKTOP + TABLET + MOBILE RESPONSIVE\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #ffffff !important;\n}\n\n\n\/* REMOVE SHOPIFY CUSTOM LIQUID OUTER SPACING *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #ffffff !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-comparison-v4,\n#abera-comparison-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-comparison-v4 {\n --black: #101820;\n\n --gold: #a97825;\n --gold-main: #c6a15a;\n --gold-light: #ead5aa;\n\n --ivory: #ffffff;\n\n --white: #ffffff;\n\n --text: #101820;\n --muted: #46586a;\n\n --green: #17344d;\n\n --line: #dbe2e8;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-container {\n width: 100%;\n\n max-width: 1320px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-header {\n width: 100%;\n\n max-width: 950px;\n\n margin:\n 0\n auto\n clamp(28px, 4vw, 42px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-comparison-v4 .acp4-eyebrow {\n margin:\n 0\n 0\n 10px;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.3px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-comparison-v4 .acp4-title {\n width: 100%;\n\n margin: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 4vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nTABLE WRAPPER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table-wrap {\n width: 100%;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 14px;\n\n background: var(--white);\n\n box-shadow:\n 0 4px 16px\n rgba(0,0,0,.03);\n}\n\n\n\/* =========================================================\nTABLE\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table {\n width: 100%;\n\n margin: 0;\n\n border-collapse: collapse;\n\n table-layout: fixed;\n}\n\n\n\/* COLUMN WIDTH *\/\n\n#abera-comparison-v4\n.acp4-table col:nth-child(1) {\n width: 30%;\n}\n\n\n#abera-comparison-v4\n.acp4-table col:nth-child(2) {\n width: 35%;\n}\n\n\n#abera-comparison-v4\n.acp4-table col:nth-child(3) {\n width: 35%;\n}\n\n\n\/* =========================================================\nTABLE HEADER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table th {\n padding:\n 19px\n 18px;\n\n border-bottom:\n 1px solid\n var(--line);\n\n color: var(--black);\n\n font-size: 14px;\n line-height: 1.35;\n\n font-weight: 600;\n\n text-align: center;\n\n vertical-align: middle;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n}\n\n\n\/* FEATURE *\/\n\n#abera-comparison-v4\n.acp4-table th:first-child {\n background: #ffffff;\n\n color: #46586a;\n\n font-size: 11px;\n\n letter-spacing: .7px;\n\n text-align: left;\n\n text-transform: uppercase;\n}\n\n\n\/* ABERA *\/\n\n#abera-comparison-v4\n.acp4-table th:nth-child(2) {\n background: var(--black);\n\n color: var(--gold-light);\n}\n\n\n\/* REGULAR HAIR DYE *\/\n\n#abera-comparison-v4\n.acp4-table th:nth-child(3) {\n background: #ffffff;\n\n color: var(--black);\n}\n\n\n\/* =========================================================\nBODY CELLS\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table td {\n padding:\n 16px\n 18px;\n\n border-bottom:\n 1px solid\n #dbe2e8;\n\n color: var(--text);\n\n font-size: 14px;\n line-height: 1.45;\n\n font-weight: 400;\n\n vertical-align: middle;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n#abera-comparison-v4\n.acp4-table tbody tr:last-child td {\n border-bottom: 0;\n}\n\n\n\/* FEATURE COLUMN *\/\n\n#abera-comparison-v4\n.acp4-table td:first-child {\n color: #514c46;\n\n font-weight: 600;\n}\n\n\n\/* ABERA COLUMN *\/\n\n#abera-comparison-v4\n.acp4-table td:nth-child(2) {\n background: #ffffff;\n\n color: var(--black);\n\n font-weight: 500;\n}\n\n\n\/* REGULAR HAIR DYE COLUMN *\/\n\n#abera-comparison-v4\n.acp4-table td:nth-child(3) {\n background: #ffffff;\n\n color: #777168;\n}\n\n\n\/* =========================================================\nVALUE\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-value {\n width: 100%;\n\n display: flex;\n\n align-items: center;\n\n gap: 10px;\n\n min-width: 0;\n}\n\n\n\/* =========================================================\nCHECK\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-check {\n width: 23px;\n height: 23px;\n\n flex:\n 0 0\n 23px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--green);\n\n color: #ffffff;\n\n font-size: 11px;\n line-height: 1;\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nMINUS\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-minus {\n width: 23px;\n height: 23px;\n\n flex:\n 0 0\n 23px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: #dbe2e8;\n\n color: #8a847c;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n\/* =========================================================\nBOTTOM MESSAGE\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-bottom {\n width: 100%;\n\n margin:\n 22px\n 0\n 0;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 14px;\n line-height: 1.45;\n\n font-weight: 600;\n\n letter-spacing: .2px;\n\n text-align: center;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\nDESKTOP HOVER\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-comparison-v4\n .acp4-table tbody tr {\n\n transition:\n background .2s ease;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table tbody tr:hover td:first-child {\n\n background:\n #ffffff;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table tbody tr:hover td:nth-child(2) {\n\n background:\n #ffffff;\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-comparison-v4 .acp4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-comparison-v4\n .acp4-container {\n\n padding-left: 34px;\n padding-right: 34px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-header {\n\n margin-bottom: 30px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table th {\n\n padding:\n 16px\n 13px;\n\n font-size: 13px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table td {\n\n padding:\n 14px\n 13px;\n\n font-size: 13px;\n\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-comparison-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-comparison-v4 .acp4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-comparison-v4\n .acp4-container {\n\n width: 100%;\n\n padding-left: 12px;\n padding-right: 12px;\n\n }\n\n\n \/* =====================================================\n HEADER\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-header {\n\n margin-bottom: 24px;\n\n padding-left: 5px;\n padding-right: 5px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-eyebrow {\n\n margin-bottom: 8px;\n\n font-size: 11px;\n\n letter-spacing: 1.1px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-title {\n\n font-size:\n clamp(22px, 6vw, 28px);\n\n line-height: 1.22;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n }\n\n\n \/* =====================================================\n TABLE\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-table-wrap {\n\n width: 100%;\n\n overflow: hidden;\n\n border-radius: 10px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table {\n\n width: 100%;\n\n min-width: 0;\n\n table-layout: fixed;\n\n }\n\n\n \/* MOBILE COLUMN WIDTH *\/\n\n #abera-comparison-v4\n .acp4-table col:nth-child(1) {\n\n width: 27%;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table col:nth-child(2) {\n\n width: 36.5%;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table col:nth-child(3) {\n\n width: 36.5%;\n\n }\n\n\n \/* =====================================================\n MOBILE HEADER\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-table th {\n\n padding:\n 12px\n 5px;\n\n font-size: 10px;\n\n line-height: 1.3;\n\n text-align: center;\n\n vertical-align: middle;\n\n white-space: normal;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table th:first-child {\n\n padding-left: 7px;\n\n font-size: 9px;\n\n text-align: left;\n\n }\n\n\n \/* =====================================================\n MOBILE CELLS\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-table td {\n\n padding:\n 12px\n 5px;\n\n font-size: 11px;\n\n line-height: 1.4;\n\n vertical-align: middle;\n\n white-space: normal;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n\n }\n\n\n \/* FEATURE *\/\n\n #abera-comparison-v4\n .acp4-table td:first-child {\n\n padding-left: 7px;\n\n font-size: 10px;\n\n line-height: 1.35;\n\n text-align: left;\n\n }\n\n\n \/* =====================================================\n MOBILE VALUES\n PUT ICON ABOVE COPY FOR MORE TEXT WIDTH\n ===================================================== *\/\n\n #abera-comparison-v4 .acp4-value {\n width: 100%;\n\n min-height: 58px;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n gap: 5px;\n\n text-align: center;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n }\n\n\n #abera-comparison-v4\n .acp4-check,\n\n #abera-comparison-v4\n .acp4-minus {\n\n width: 21px;\n height: 21px;\n\n flex:\n 0\n 0\n 21px;\n\n margin:\n 0\n auto\n 2px;\n\n }\n\n\n \/* =====================================================\n BOTTOM MESSAGE\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-bottom {\n\n margin-top: 18px;\n\n padding:\n 0\n 8px;\n\n font-size: 12px;\n\n line-height: 1.5;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-comparison-v4\"\u003e\u003c!-- =========================================================\nCONTENT\n========================================================= --\u003e\n\u003cdiv class=\"acp4-main\"\u003e\n\u003cdiv class=\"acp4-container\"\u003e\n\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"acp4-header\"\u003e\n\u003cp class=\"acp4-eyebrow\"\u003eA SIMPLER APPROACH\u003c\/p\u003e\n\u003ch2 class=\"acp4-title\"\u003eABERA VS. REGULAR HAIR DYE\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n TABLE\n ====================================================== --\u003e\n\u003cdiv class=\"acp4-table-wrap\"\u003e\n\u003ctable class=\"acp4-table\"\u003e\n\u003ccolgroup\u003e \u003ccol\u003e \u003ccol\u003e \u003ccol\u003e \u003c\/colgroup\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eFEATURE\u003c\/th\u003e\n\u003cth\u003eABERA HAIR DYE SHAMPOO\u003c\/th\u003e\n\u003cth\u003eTRADITIONAL HAIR DYE\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003c!-- ===============================================\n APPLICATION\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eApplication\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Shampoo-like application \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Brush + sectioning \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n MIXING\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eMixing\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Convenient single bottle format \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Multiple components \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n PROCESS TIME\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eProcess Time\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 15 minutes \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e 40-60 Minutes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n PACKAGING\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003ePackaging\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e15-20 Applications\/ 1 Bottle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Full-size dye kit for 1-2 times\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n AMMONIA\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eAmmonia\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Ammonia-free \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Varies by formula \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n HAIR CARE\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eHair Care\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Color + Cleanse + Condition \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Usually separate steps \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n BOTTOM MESSAGE\n ====================================================== --\u003e\n\u003cp class=\"acp4-bottom\"\u003eLESS PREP. FEWER STEPS. A SIMPLER WAY TO COVER GRAYS.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE\nSECTION 01 — REAL LIFE ROUTINE\nSECTION 02 — CUSTOMER VIDEOS\nCONTINUOUS BEIGE BACKGROUND\n========================================================= --\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c!-- =========================================================\nGLOBAL BACKGROUND FIX\nCó thể giữ đoạn này nếu mỗi section là 1 Custom Liquid riêng\n========================================================= --\u003e\n\u003cstyle\u003e\n\n#MainContent {\n background: #ffffff !important;\n}\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #ffffff !important;\n}\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\u003c\/style\u003e\n\u003c!-- =========================================================\n01 — YOUR GRAY-HAIR ROUTINE\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-routine-v4,\n#abera-routine-v4 * {\n box-sizing: border-box;\n}\n\n#abera-routine-v4 {\n --black: #101820;\n --gold: #a97825;\n --gold-light: #ead5aa;\n --ivory: #ffffff;\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--black);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nMAIN\n========================================================= *\/\n\n#abera-routine-v4 .arr4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(46px, 5vw, 72px)\n 0\n clamp(50px, 5vw, 76px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-routine-v4 .arr4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-routine-v4 .arr4-header {\n max-width: 900px;\n\n margin:\n 0\n auto\n clamp(30px, 4vw, 44px);\n\n text-align: center;\n}\n\n\n#abera-routine-v4 .arr4-title {\n margin: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 3vw, 40px);\n\n line-height: 1.13;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n#abera-routine-v4 .arr4-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 18px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-routine-v4 .arr4-card {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 4 \/ 5;\n\n min-width: 0;\n\n overflow: hidden;\n\n border-radius: 10px;\n\n background: #dbe2e8;\n\n box-shadow:\n 0 3px 10px\n rgba(0,0,0,.035);\n}\n\n\n\/* IMAGE *\/\n\n#abera-routine-v4 .arr4-image {\n position: absolute;\n\n inset: 0;\n\n z-index: 1;\n}\n\n\n#abera-routine-v4 .arr4-image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n transition:\n transform .4s ease;\n}\n\n\n\/* =========================================================\nOVERLAY\n========================================================= *\/\n\n#abera-routine-v4 .arr4-overlay {\n position: absolute;\n\n inset: 0;\n\n z-index: 2;\n\n background:\n linear-gradient(\n to bottom,\n\n rgba(0,0,0,0) 30%,\n\n rgba(0,0,0,.05) 45%,\n\n rgba(0,0,0,.48) 75%,\n\n rgba(0,0,0,.88) 100%\n );\n}\n\n\n\/* =========================================================\nCONTENT\n========================================================= *\/\n\n#abera-routine-v4 .arr4-content {\n position: absolute;\n\n z-index: 3;\n\n left: 0;\n right: 0;\n bottom: 0;\n\n width: 100%;\n\n padding:\n 18px\n 17px;\n}\n\n\n\/* LABEL *\/\n\n#abera-routine-v4 .arr4-label {\n margin:\n 0\n 0\n 5px;\n\n color: var(--gold-light);\n\n font-size: 14px;\n line-height: 1.3;\n\n font-weight: 500;\n\n text-transform: uppercase;\n}\n\n\n\/* TEXT *\/\n\n#abera-routine-v4 .arr4-text {\n margin: 0;\n\n color:\n rgba(255,255,255,.92);\n\n font-size: 13px;\n line-height: 1.5;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n}\n\n\n\/* =========================================================\nDESKTOP\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-routine-v4\n .arr4-card:hover\n .arr4-image img {\n\n transform:\n scale(1.025);\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-routine-v4 .arr4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-routine-v4 .arr4-grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 14px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-routine-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-routine-v4 .arr4-main {\n padding:\n 34px\n 0\n 40px;\n }\n\n\n #abera-routine-v4 .arr4-container {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n #abera-routine-v4 .arr4-header {\n margin-bottom: 24px;\n }\n\n\n #abera-routine-v4 .arr4-title {\n font-size:\n clamp(20px, 4vw, 28px);\n\n line-height: 1.2;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n\n \/* 2 × 2 *\/\n\n #abera-routine-v4 .arr4-grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 10px;\n }\n\n\n #abera-routine-v4 .arr4-card {\n border-radius: 8px;\n }\n\n\n #abera-routine-v4 .arr4-content {\n padding:\n 13px\n 11px;\n }\n\n\n #abera-routine-v4 .arr4-label {\n margin-bottom: 4px;\n\n font-size: 11px;\n line-height: 1.3;\n }\n\n\n #abera-routine-v4 .arr4-text {\n font-size: 11px;\n line-height: 1.4;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-routine-v4\"\u003e\n\u003cdiv class=\"arr4-main\"\u003e\n\u003cdiv class=\"arr4-container\"\u003e\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"arr4-header\"\u003e\n\u003ch2 class=\"arr4-title\"\u003eYOUR GRAY-HAIR ROUTINE,\u003cbr\u003eWHEREVER LIFE TAKES YOU.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- CARDS --\u003e\n\u003cdiv class=\"arr4-grid\"\u003e\n\u003c!-- 01 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_54.webp?v=1787217075\" alt=\"ABERA gray hair routine before work\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eBEFORE WORK\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eRefresh visible gray without scheduling a salon visit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_55.webp?v=1787217941\" alt=\"ABERA gray hair routine before an event\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eBEFORE AN EVENT\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eGet your hair looking refreshed before an important occasion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_57.webp?v=1787218999\" alt=\"ABERA Hair Dye Shampoo for business travel\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eBUSINESS TRIP\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003ePack individual sachets instead of a bulky dye kit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_58.webp?v=1787219168\" alt=\"ABERA gray root touch-up\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eROOT TOUCH-UP\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eKeep your next touch-up ready when gray returns.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n02 — CUSTOMER VIDEOS\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-customer-videos-v4,\n#abera-customer-videos-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-customer-videos-v4 {\n --black: #101820;\n\n --gold: #a97825;\n --gold-main: #c6a15a;\n\n --ivory: #ffffff;\n\n --white: #ffffff;\n\n --text: #101820;\n\n --line: #dbe2e8;\n\n --green: #17344d;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nMAIN\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(46px, 5vw, 72px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-header {\n max-width: 1200px;\n\n margin:\n 0\n auto\n clamp(30px, 4vw, 44px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-customer-videos-v4 .acv4-eyebrow {\n margin:\n 0\n 0\n 10px;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.3px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-customer-videos-v4 .acv4-title {\n margin: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 3vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nTRACK\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-track {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 18px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-card {\n min-width: 0;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 10px;\n\n background: var(--white);\n\n box-shadow:\n 0 3px 12px\n rgba(0,0,0,.03);\n}\n\n\n\/* =========================================================\nVIDEO\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-video {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 9 \/ 16;\n\n overflow: hidden;\n\n background: #152638;\n}\n\n\n#abera-customer-videos-v4 .acv4-video video {\n position: absolute;\n\n inset: 0;\n\n width: 100% !important;\n height: 100% !important;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n background: #152638;\n}\n\n\n\/* =========================================================\nINFO\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-info {\n padding:\n 17px\n 16px\n 18px;\n}\n\n\n\/* STARS *\/\n\n#abera-customer-videos-v4 .acv4-stars {\n margin:\n 0\n 0\n 13px;\n\n color: #c79637;\n\n font-size: 18px;\n line-height: 1;\n\n letter-spacing: 1px;\n\n white-space: nowrap;\n}\n\n\n\/* CUSTOMER ROW *\/\n\n#abera-customer-videos-v4 .acv4-person {\n width: 100%;\n\n display: flex;\n\n align-items: center;\n justify-content: space-between;\n\n flex-wrap: wrap;\n\n gap:\n 7px\n 10px;\n}\n\n\n\/* NAME *\/\n\n#abera-customer-videos-v4 .acv4-name {\n color: var(--black);\n\n font-size: 14px;\n line-height: 1.35;\n\n font-weight: 500;\n}\n\n\n\/* VERIFIED *\/\n\n#abera-customer-videos-v4 .acv4-verified {\n color: var(--green);\n\n font-size: 10px;\n line-height: 1.3;\n\n font-weight: 500;\n\n white-space: nowrap;\n}\n\n\n\/* =========================================================\nCONTROLS\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-controls {\n display: none;\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-customer-videos-v4\n .acv4-container {\n\n padding-left: 34px;\n padding-right: 34px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-track {\n\n display: flex;\n\n gap: 14px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding-bottom: 5px;\n\n scroll-snap-type:\n x mandatory;\n\n scrollbar-width:\n none;\n\n -webkit-overflow-scrolling:\n touch;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-track::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-card {\n\n flex:\n 0\n 0\n 42%;\n\n scroll-snap-align:\n start;\n\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-customer-videos-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-customer-videos-v4 .acv4-main {\n padding:\n 34px\n 0\n 40px;\n }\n\n\n #abera-customer-videos-v4\n .acv4-container {\n\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n\n }\n\n\n \/* HEADER *\/\n\n #abera-customer-videos-v4\n .acv4-header {\n\n margin-bottom: 24px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-eyebrow {\n\n margin-bottom: 8px;\n\n font-size: 11px;\n\n letter-spacing: 1.1px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-title {\n\n font-size:\n clamp(23px, 6vw, 28px);\n\n line-height: 1.2;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n ===================================================== *\/\n\n #abera-customer-videos-v4\n .acv4-track {\n\n width: 100%;\n\n display: flex;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding-bottom: 5px;\n\n scroll-snap-type:\n x mandatory;\n\n scroll-behavior:\n smooth;\n\n overscroll-behavior-x:\n contain;\n\n scrollbar-width:\n none;\n\n -webkit-overflow-scrolling:\n touch;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-track::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-card {\n\n flex:\n 0\n 0\n 78%;\n\n min-width: 78%;\n\n scroll-snap-align:\n start;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-info {\n\n padding:\n 15px\n 14px\n 16px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-stars {\n\n margin-bottom: 12px;\n\n font-size: 17px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-name {\n\n font-size: 14px;\n\n }\n\n\n \/* =====================================================\n MOBILE ARROWS\n ===================================================== *\/\n\n #abera-customer-videos-v4\n .acv4-controls {\n\n display: flex;\n\n align-items: center;\n\n gap: 8px;\n\n margin-top: 12px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-btn {\n\n width: 32px;\n height: 32px;\n\n flex:\n 0\n 0\n 32px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n padding: 0;\n\n border:\n 1px solid\n var(--gold-main);\n\n border-radius:\n 50%;\n\n background:\n var(--black);\n\n color:\n var(--gold-main);\n\n font-family:\n Arial,\n sans-serif;\n\n font-size:\n 17px;\n\n line-height:\n 1;\n\n cursor:\n pointer;\n\n appearance:\n none;\n\n -webkit-appearance:\n none;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-btn:disabled {\n\n opacity: .35;\n\n cursor: default;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-customer-videos-v4\"\u003e\n\u003cdiv class=\"acv4-main\"\u003e\n\u003cdiv class=\"acv4-container\"\u003e\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"acv4-header\"\u003e\n\u003cp class=\"acv4-eyebrow\"\u003eREAL PEOPLE. REAL GRAY COVERAGE.\u003c\/p\u003e\n\u003ch2 class=\"acv4-title\"\u003eSEE WHY CUSTOMERS ARE MAKING THE SWITCH.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- VIDEOS --\u003e\n\u003cdiv class=\"acv4-track\"\u003e\n\u003c!-- 01 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2247d720f9fb4e589d4a985b52c70a33.mp4\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0803.webp?v=1787234744\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\n\u003cspan class=\"acv4-name\"\u003e Mark E. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/03176030e3104857a34e0bf372cd299f.mp4\" poster=\"\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\n\u003cspan class=\"acv4-name\"\u003e Emma O. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/df1f8a6f69d14545bce3ad531ea3b905.mp4\" poster=\"\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\n\u003cspan class=\"acv4-name\"\u003e Jack L. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/00098119bb07403bbd76f8fa4e8f9309.mp4\" poster=\"\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\n\u003cspan class=\"acv4-name\"\u003e Ave R. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- MOBILE ARROWS --\u003e\n\u003cdiv class=\"acv4-controls\"\u003e\n\u003cbutton type=\"button\" class=\"acv4-btn acv4-prev\"\u003e ← \u003c\/button\u003e \u003cbutton type=\"button\" class=\"acv4-btn acv4-next\"\u003e → \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nMOBILE CAROUSEL JS\n========================================================= --\u003e \u003cscript\u003e\n\n(function () {\n\n const section =\n document.querySelector(\n \"#abera-customer-videos-v4\"\n );\n\n if (!section) return;\n\n\n const track =\n section.querySelector(\n \".acv4-track\"\n );\n\n const prev =\n section.querySelector(\n \".acv4-prev\"\n );\n\n const next =\n section.querySelector(\n \".acv4-next\"\n );\n\n\n if (!track || !prev || !next) return;\n\n\n function getScrollAmount() {\n\n const card =\n track.querySelector(\n \".acv4-card\"\n );\n\n if (!card) return 300;\n\n\n const styles =\n window.getComputedStyle(\n track\n );\n\n\n const gap =\n parseFloat(\n styles.columnGap ||\n styles.gap\n ) || 12;\n\n\n return (\n card.getBoundingClientRect().width\n +\n gap\n );\n\n }\n\n\n prev.addEventListener(\n \"click\",\n function () {\n\n track.scrollBy({\n\n left:\n -getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n }\n );\n\n\n next.addEventListener(\n \"click\",\n function () {\n\n track.scrollBy({\n\n left:\n getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n }\n );\n\n\n function updateButtons() {\n\n const max =\n track.scrollWidth\n -\n track.clientWidth;\n\n\n prev.disabled =\n track.scrollLeft \u003c= 4;\n\n\n next.disabled =\n track.scrollLeft \u003e=\n max - 4;\n\n }\n\n\n track.addEventListener(\n \"scroll\",\n updateButtons,\n {\n passive: true\n }\n );\n\n\n window.addEventListener(\n \"resize\",\n updateButtons\n );\n\n\n updateButtons();\n\n})();\n\n\u003c\/script\u003e\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — FAQ\nCONTINUOUS BEIGE BACKGROUND\n11 QUESTIONS\nNO JAVASCRIPT REQUIRED\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN ABERA SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #ffffff !important;\n}\n\n\n\/* SHOPIFY WRAPPERS *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #ffffff !important;\n}\n\n\n\/* FAQ WRAPPER — EXTRA SAFETY *\/\n\n#MainContent .shopify-section:has(#abera-faq-v4) {\n margin: 0 !important;\n padding: 0 !important;\n\n background: #ffffff !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n\n margin-top: 0 !important;\n padding-top: 0 !important;\n\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-faq-v4,\n#abera-faq-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-faq-v4 {\n --black: #101820;\n\n --gold: #a97825;\n --gold-main: #c6a15a;\n\n --ivory: #ffffff;\n\n --text: #101820;\n --muted: #46586a;\n\n --line: #dbe2e8;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-faq-v4 .afq4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-faq-v4 .afq4-container {\n width: 100%;\n\n max-width: 1250px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n#abera-faq-v4 .afq4-title {\n width: 100%;\n\n margin:\n 0\n 0\n clamp(30px, 4vw, 42px);\n\n padding: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 3vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nFAQ LIST\n========================================================= *\/\n\n#abera-faq-v4 .afq4-list {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n border-top:\n 1px solid\n var(--line);\n}\n\n\n\/* =========================================================\nITEM\n========================================================= *\/\n\n#abera-faq-v4 .afq4-item {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n border-bottom:\n 1px solid\n var(--line);\n\n background: transparent;\n}\n\n\n\/* REMOVE BROWSER DEFAULT MARKER *\/\n\n#abera-faq-v4\n.afq4-question::-webkit-details-marker {\n\n display: none;\n\n}\n\n\n#abera-faq-v4\n.afq4-question::marker {\n\n content: \"\";\n\n}\n\n\n\/* =========================================================\nQUESTION\n========================================================= *\/\n\n#abera-faq-v4 .afq4-question {\n position: relative;\n\n width: 100%;\n\n min-height: 72px;\n\n display: flex;\n\n align-items: center;\n\n margin: 0;\n\n padding:\n 20px\n 42px\n 20px\n 0;\n\n list-style: none;\n\n cursor: pointer;\n\n color: var(--black);\n\n font-size: 14px;\n line-height: 1.45;\n\n font-weight: 500;\n\n text-align: left;\n\n outline: none;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nPLUS\n========================================================= *\/\n\n#abera-faq-v4\n.afq4-question::after {\n\n content: \"+\";\n\n position: absolute;\n\n top: 50%;\n right: 2px;\n\n transform:\n translateY(-50%);\n\n color: var(--gold);\n\n font-size: 20px;\n line-height: 1;\n\n font-weight: 400;\n\n}\n\n\n\/* OPEN = MINUS *\/\n\n#abera-faq-v4\n.afq4-item[open]\n.afq4-question::after {\n\n content: \"−\";\n\n}\n\n\n\/* =========================================================\nANSWER\n========================================================= *\/\n\n#abera-faq-v4 .afq4-answer {\n width: 100%;\n\n max-width: 1000px;\n\n margin: 0;\n\n padding:\n 0\n 55px\n 21px\n 0;\n\n color: var(--muted);\n\n font-size: 14px;\n line-height: 1.65;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n#abera-faq-v4 .afq4-answer p {\n margin: 0;\n padding: 0;\n}\n\n\n\/* =========================================================\nDESKTOP HOVER\n========================================================= *\/\n\n@media (min-width: 768px) {\n\n #abera-faq-v4\n .afq4-question {\n\n transition:\n color .2s ease;\n\n }\n\n\n #abera-faq-v4\n .afq4-question:hover {\n\n color: var(--gold);\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-faq-v4 .afq4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-faq-v4 .afq4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-faq-v4 .afq4-title {\n margin-bottom: 30px;\n\n font-size:\n clamp(27px, 4vw, 36px);\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-faq-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-faq-v4 .afq4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-faq-v4 .afq4-container {\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* TITLE *\/\n\n #abera-faq-v4 .afq4-title {\n margin-bottom: 24px;\n\n font-size:\n clamp(23px, 6vw, 29px);\n\n line-height: 1.2;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n\n \/* QUESTION *\/\n\n #abera-faq-v4 .afq4-question {\n min-height: 64px;\n\n padding:\n 17px\n 31px\n 17px\n 0;\n\n font-size: 14px;\n line-height: 1.45;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n\n #abera-faq-v4\n .afq4-question::after {\n\n right: 1px;\n\n font-size: 19px;\n\n }\n\n\n \/* ANSWER *\/\n\n #abera-faq-v4 .afq4-answer {\n max-width: 100%;\n\n padding:\n 0\n 28px\n 18px\n 0;\n\n font-size: 13px;\n line-height: 1.6;\n }\n\n}\n\n\u003c\/style\u003e\n\u003c!-- 30-DAY MONEY-BACK GUARANTEE: verify store policy and link before publishing --\u003e\n\u003cstyle\u003e\n#abera-guarantee-v4, #abera-guarantee-v4 * { box-sizing: border-box; }\n#abera-guarantee-v4 {\n background: #fff; color: #101820; font-family: Inter, Arial, sans-serif;\n padding: clamp(40px, 5vw, 74px) clamp(16px, 7vw, 112px);\n}\n#abera-guarantee-v4 .ag4-card {\n max-width: 1276px; margin: auto; padding: clamp(28px, 5vw, 68px);\n border: 1px solid #c6a15a; border-radius: 18px; background: #fff;\n display: grid; grid-template-columns: 112px minmax(0, 1fr) minmax(200px, 280px); gap: clamp(20px, 4vw, 48px);\n align-items: center; box-shadow: 0 14px 35px rgba(21,38,56,.06);\n}\n#abera-guarantee-v4 .ag4-icon {\n width: 104px; height: 104px; border: 2px solid #c6a15a;\n border-radius: 50%; display: grid; place-items: center;\n color: #152638; font-size: 29px; font-weight: 800;\n}\n#abera-guarantee-v4 .ag4-eyebrow {\n margin: 0 0 8px; color: #a97825; letter-spacing: .12em;\n font-size: 13px; font-weight: 700;\n}\n#abera-guarantee-v4 h2 {\n margin: 0 0 14px; color: #152638; font-size: clamp(26px, 3vw, 43px);\n line-height: 1.15;\n}\n#abera-guarantee-v4 p.ag4-copy {\n margin: 0; max-width: 760px; color: #46586a;\n font-size: clamp(15px, 1.4vw, 18px); line-height: 1.65;\n}\n#abera-guarantee-v4 .ag4-note { margin: 12px 0 0; color: #46586a; font-size: 12px; }\n#abera-guarantee-v4 .ag4-image-slot {\n position: relative; width: 100%; aspect-ratio: 1 \/ 1;\n border: 1px dashed #c6a15a; border-radius: 12px;\n background: #f2f5f7; overflow: hidden;\n}\n#abera-guarantee-v4 .ag4-image-slot img {\n display: block; width: 100%; height: 100%; object-fit: cover;\n}\n#abera-guarantee-v4 .ag4-image-slot img[src=\"\"] { display: none; }\n#abera-guarantee-v4 .ag4-image-placeholder {\n position: absolute; inset: 0; display: grid; place-items: center;\n padding: 22px; text-align: center; color: #46586a;\n font-size: 15px; font-weight: 600;\n}\n#abera-guarantee-v4 .ag4-image-slot:has(img:not([src=\"\"])) .ag4-image-placeholder { display: none; }\n\n@media (max-width: 767px) {\n #abera-guarantee-v4 .ag4-card { grid-template-columns: 1fr; gap: 20px; }\n #abera-guarantee-v4 .ag4-icon { width: 80px; height: 80px; font-size: 23px; }\n}\n\u003c\/style\u003e\n\u003csection id=\"abera-faq-v4\"\u003e\u003c!-- =========================================================\nFAQ CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"afq4-main\"\u003e\n\u003cdiv class=\"afq4-container\"\u003e\n\u003c!-- TITLE --\u003e\n\u003ch2 class=\"afq4-title\"\u003eFREQUENTLY ASKED QUESTIONS\u003c\/h2\u003e\n\u003c!-- =====================================================\n FAQ LIST\n ====================================================== --\u003e\n\u003cdiv class=\"afq4-list\"\u003e\n\u003c!-- 01 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eHow long does the hair color last?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eDepending on hair type and frequency of washing, Abera typically lasts from 4–6 weeks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 02 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eDoes it cause allergies or work on sensitive skin?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eAbera does contain chemicals that some individuals may be sensitive to, for example PPD \u0026amp; Hydrogen Peroxide. We recommend a 24-hour patch test before full application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 03 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eIs it have chemical smell ?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eNo, it isn't. ABERA hair dye shampoo has herbal ingredients with fresh herbal smell.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 04 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eCan I use it only on my gray roots?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eYes. You can focus application on visible gray areas such as the roots, temples and hairline while following the product directions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 05 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eDoes it work on any hair type?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eYes, Abera works on hair types from 1A to 4C. Thanks to its shampoo-like qualities, it's easy to apply and covers gray hair from root to tip.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 06 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eDoes this shampoo leave stains on skin or fabric?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eAbera Instant Dye Shampoo is designed for a cleaner, easier application. We recommend wearing gloves during use and avoiding white or light-colored towels and clothing, as pigment may transfer if the product is not fully rinsed out.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 07 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eCan I use this shampoo on my beard?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eIf your facial skin is easily irritated, test the product on a small area first before applying it more broadly, and follow the product directions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 08 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eCan it be used with my normal hair care products?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eWe recommend using our shampoo and conditioner between color applications. Conditioner can be applied after thoroughly rinsing the hair color.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 09 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eShould I perform an allergy test?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eYes. Follow the allergy alert test instructions provided with the hair-color product before use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 10 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eDoes it work on completely gray hair?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eCoverage can vary depending on your original hair color, gray percentage, hair condition and application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 11 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eHow long will it take for my order to arrive?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eOrders ship from our facility in the U.S. within 1–2 business days of receipt. U.S. orders generally arrive 3–4 days later. You will receive an email with a tracking number when your package ships so you can follow your order to your doorstep.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Abera","offers":[{"title":"1 Bottle","offer_id":52662759522672,"sku":"CB-ABERA101+SL1","price":39.99,"currency_code":"USD","in_stock":true},{"title":"1 Bottle + Hair care Bundle","offer_id":67803413610864,"sku":null,"price":45.99,"currency_code":"USD","in_stock":true},{"title":"2 Bottles","offer_id":52662759555440,"sku":"CB-ABERA101+SL2","price":55.99,"currency_code":"USD","in_stock":true},{"title":"3 Bottles + Free Hair Care Bundle","offer_id":52662759588208,"sku":"CB-ABERA101+SL3-CB-DGBUOI081+SL1-CB-SRBUOI080+SL1","price":79.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/main_listing_1.webp?v=1790046018"},{"product_id":"abera-men-retinol-serum","title":"ABERA Men Retinol Serum, The 6-in-1 Anti-aging Serum for Men","description":"\u003cstyle\u003e\n .abera-description {\n --abera-black: #111111;\n --abera-text: #222222;\n --abera-muted: #666666;\n --abera-beige: #f5f1e9;\n --abera-border: #dedbd5;\n\n width: 100%;\n background: #ffffff;\n color: var(--abera-text);\n font-family: inherit;\n padding: 20px 10px;\n box-sizing: border-box;\n }\n\n .abera-description * {\n box-sizing: border-box;\n }\n\n .abera-description__inner {\n max-width: none;\n margin: 0 auto;\n text-align: center;\n }\n\n .abera-description__eyebrow {\n display: inline-block;\n margin-bottom: 14px;\n padding: 7px 13px;\n border-radius: 999px;\n background: var(--abera-beige);\n color: var(--abera-black);\n font-size: 16px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1.3px;\n text-transform: uppercase;\n }\n\n .abera-description__title {\n max-width: none;\n margin: 0 auto 26px;\n color: var(--abera-black);\n font-size: clamp(20px, 3vw, 30px);\n line-height: 1.2;\n letter-spacing: 0px;\n font-weight: 700;\n }\n\n .abera-description__text {\n max-width: none;\n margin: 0 auto;\n color: var(--abera-muted);\n font-size: 17px;\n line-height: 1.5;\n }\n\n .abera-description__text strong {\n color: var(--abera-black);\n font-weight: 600;\n }\n\n .abera-description__benefits {\n max-width: none;\n margin: 20px auto 0;\n padding-top: 26px;\n border-top: 1px solid var(--abera-border);\n\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 10px 22px;\n }\n\n .abera-description__benefit {\n position: relative;\n padding-left: 18px;\n color: var(--abera-black);\n font-size: 14px;\n font-weight: 700;\n }\n\n .abera-description__benefit::before {\n content: \"✓\";\n position: absolute;\n left: 0;\n top: 0;\n font-weight: 800;\n }\n\n @media screen and (max-width: 749px) {\n .abera-description {\n padding: 20px 10px;\n }\n\n .abera-description__eyebrow {\n margin-bottom: 12px;\n font-size: 14px;\n letter-spacing: 1px;\n }\n\n .abera-description__title {\n margin-bottom: 14px;\n font-size: 20px;\n line-height: 1.3;\n letter-spacing: 0px;\n }\n\n .abera-description__text {\n font-size: 16px;\n line-height: 1.5;\n }\n\n .abera-description__benefits {\n margin-top: 15px;\n padding-top: 15px;\n gap: 15px 20px;\n }\n\n .abera-description__benefit {\n font-size: 15px;\n }\n\n }\n\u003c\/style\u003e\n\u003csection class=\"abera-description\"\u003e\n\u003cdiv class=\"abera-description__inner\"\u003e\n\u003cdiv class=\"abera-description__eyebrow\"\u003eMen's Anti-Aging Serum\u003c\/div\u003e\n\u003ch2 class=\"abera-description__title\"\u003e0.1% RETINOL. MADE FOR MEN 30+.\u003c\/h2\u003e\n\u003cp class=\"abera-description__text\"\u003e\u003cstrong\u003eABERA Men Retinol Serum\u003c\/strong\u003e is a lightweight nightly serum designed to help improve the appearance of \u003cstrong\u003efine lines, wrinkles, dark spots and uneven skin texture\u003c\/strong\u003e without a complicated skincare routine. Powered by \u003cstrong\u003e0.1% Retinol + 5% Niacinamide\u003c\/strong\u003e, it supports smoother, more even and healthier-looking skin with consistent use.\u003c\/p\u003e\n\u003cdiv class=\"abera-description__benefits\"\u003e\n\u003cdiv class=\"abera-description__benefit\"\u003eDERMATOLOGIST TESTED\u003c\/div\u003e\n\u003cdiv class=\"abera-description__benefit\"\u003e0.1% RETINOL\u003c\/div\u003e\n\u003cdiv class=\"abera-description__benefit\"\u003eSILICON FREE\u003c\/div\u003e\n\u003cdiv class=\"abera-description__benefit\"\u003eFOR MEN 30+\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL - CLINICALLY TESTED SECTION\n========================================================= *\/\n\n.abera-clinical-v2 {\n --abera-black: #0d0d0f;\n --abera-black-soft: #171719;\n --abera-white: #ffffff;\n --abera-ivory: #f3eee5;\n --abera-beige: #cfc3b2;\n --abera-muted: rgba(255,255,255,.68);\n --abera-line: rgba(255,255,255,.22);\n\n width: 100%;\n position: relative;\n overflow: hidden;\n\n background:\n radial-gradient(\n circle at 82% 35%,\n rgba(179,157,128,.17) 0%,\n rgba(179,157,128,.04) 26%,\n transparent 48%\n ),\n linear-gradient(\n 110deg,\n #09090b 0%,\n #101012 52%,\n #1d1a17 100%\n );\n\n color: var(--abera-white);\n font-family: inherit;\n}\n\n.abera-clinical-v2 *,\n.abera-clinical-v2 *::before,\n.abera-clinical-v2 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =============================\n MAIN LAYOUT\n============================= *\/\n\n.abera-clinical-v2__inner {\n max-width: 1400px;\n min-height: 650px;\n\n margin: 0 auto;\n\n display: grid;\n grid-template-columns: 58% 42%;\n\n align-items: stretch;\n}\n\n\n\/* =============================\n LEFT CONTENT\n============================= *\/\n\n.abera-clinical-v2__content {\n position: relative;\n z-index: 3;\n\n padding: 76px 35px 68px 60px;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n\n.abera-clinical-v2__eyebrow {\n display: inline-flex;\n align-items: center;\n\n gap: 10px;\n\n margin-bottom: 14px;\n\n color: var(--abera-beige);\n\n font-size: 12px;\n line-height: 1;\n font-weight: 700;\n\n letter-spacing: 1.8px;\n text-transform: uppercase;\n}\n\n\n.abera-clinical-v2__eyebrow::before {\n content: \"\";\n\n width: 28px;\n height: 1px;\n\n background: var(--abera-beige);\n}\n\n\n.abera-clinical-v2__title {\n max-width: 820px;\n\n margin: 0;\n\n color: var(--abera-white);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.06;\n\n letter-spacing: 1px;\n\n font-weight: 700;\n}\n\n\n.abera-clinical-v2__subtitle {\n max-width: 690px;\n\n margin: 15px 0 0;\n\n color: var(--abera-muted);\n\n font-size: 14px;\n line-height: 1.6;\n}\n\n\n\/* =============================\n STATS HORIZONTAL ROW\n============================= *\/\n\n.abera-clinical-v2__stats {\n display: grid;\n\n grid-template-columns: repeat(3, 1fr);\n\n margin-top: 30px;\n\n max-width: 600px;\n}\n\n\n.abera-clinical-v2__stat {\n position: relative;\n\n padding: 0 10px;\n}\n\n\n.abera-clinical-v2__stat:first-child {\n padding-left: 0;\n}\n\n\n\/* LINE MỎNG NGĂN CÁCH *\/\n\n.abera-clinical-v2__stat:not(:last-child)::after {\n content: \"\";\n\n position: absolute;\n\n right: 0;\n top: 6%;\n\n width: 1px;\n height: 88%;\n\n background: var(--abera-line);\n}\n\n\n.abera-clinical-v2__percent {\n margin: 0 0 10px;\n\n color: var(--abera-white);\n\n font-size: clamp(30px, 4vw, 60px);\n line-height: .95;\n\n letter-spacing: 0px;\n\n font-weight: 700;\n}\n\n\n.abera-clinical-v2__stat-title {\n margin: 0 0 7px;\n\n color: var(--abera-white);\n\n font-size: 16px;\n line-height: 1.25;\n\n font-weight: 750;\n}\n\n\n.abera-clinical-v2__stat-copy {\n max-width: 205px;\n\n margin: 0;\n\n color: rgba(255,255,255,.62);\n\n font-size: 13px;\n line-height: 1.45;\n}\n\n\n\/* =============================\n FOOTNOTE\n============================= *\/\n\n.abera-clinical-v2__footnote {\n margin-top: 38px;\n\n padding-top: 19px;\n\n max-width: 790px;\n\n border-top: 1px solid rgba(255,255,255,.11);\n\n color: rgba(255,255,255,.44);\n\n font-size: 11px;\n line-height: 1.5;\n}\n\n\n\/* =============================\n RIGHT IMAGE\n============================= *\/\n\n.abera-clinical-v2__visual {\n position: relative;\n\n min-height: none;\n\n overflow: hidden;\n}\n\n\n\/* fade ảnh vào nền *\/\n\n.abera-clinical-v2__visual::before {\n content: \"\";\n\n position: absolute;\n z-index: 2;\n\n inset: 0;\n\n background:\n linear-gradient(\n 90deg,\n #101012 0%,\n rgba(16,16,18,.72) 10%,\n rgba(16,16,18,.15) 30%,\n transparent 52%\n );\n\n pointer-events: none;\n}\n\n\n.abera-clinical-v2__visual img {\n width: 100%;\n height: 100%;\n\n min-height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* Nếu chưa có ảnh *\/\n\n.abera-clinical-v2__image-placeholder {\n width: 100%;\n height: 100%;\n\n min-height: none;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n background:\n radial-gradient(\n circle at 50% 35%,\n #51483e 0%,\n #292622 43%,\n #141414 100%\n );\n\n color: rgba(255,255,255,.5);\n\n font-size: 13px;\n\n text-align: center;\n\n padding: 10px;\n}\n\n\n\/* subtle bottom glow *\/\n\n.abera-clinical-v2::after {\n content: \"\";\n\n position: absolute;\n\n z-index: 1;\n\n left: 28%;\n bottom: -220px;\n\n width: 620px;\n height: 330px;\n\n border-radius: 50%;\n\n background:\n radial-gradient(\n circle,\n rgba(197,177,146,.13),\n transparent 70%\n );\n\n pointer-events: none;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 100%) {\n\n .abera-clinical-v2__inner {\n grid-template-columns: 60% 40%;\n min-height: 570px;\n }\n\n .abera-clinical-v2__content {\n padding:\n 60px\n 20px\n 55px\n 35px;\n }\n\n .abera-clinical-v2__visual,\n .abera-clinical-v2__visual img,\n .abera-clinical-v2__image-placeholder {\n min-height: 570px;\n }\n\n .abera-clinical-v2__stats {\n margin-top: 40px;\n }\n\n .abera-clinical-v2__stat {\n padding: 0 18px;\n }\n\n .abera-clinical-v2__percent {\n font-size: 49px;\n }\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-clinical-v2__inner {\n display: flex;\n flex-direction: column;\n\n min-height: auto;\n }\n\n\n .abera-clinical-v2__content {\n order: 1;\n\n padding: 30px 18px 20px;\n }\n\n\n .abera-clinical-v2__eyebrow {\n margin-bottom: 12px;\n\n font-size: 10px;\n\n letter-spacing: 1.4px;\n }\n\n\n .abera-clinical-v2__title {\n font-size: 30px;\n\n line-height: 1.2;\n\n letter-spacing: 0px;\n }\n\n\n .abera-clinical-v2__subtitle {\n margin-top: 14px;\n\n font-size: 14px;\n\n line-height: 1.55;\n }\n\n\n \/* GIỮ STATS NẰM NGANG TRÊN MOBILE *\/\n\n .abera-clinical-v2__stats {\n width: 100%;\n\n max-width: none;\n\n margin-top: 30px;\n\n grid-template-columns:\n repeat(3, minmax(118px, 1fr));\n\n overflow-x: auto;\n\n scrollbar-width: none;\n }\n\n\n .abera-clinical-v2__stats::-webkit-scrollbar {\n display: none;\n }\n\n\n .abera-clinical-v2__stat {\n min-width: 118px;\n\n padding: 0 14px;\n }\n\n\n .abera-clinical-v2__stat:first-child {\n padding-left: 0;\n\n padding-right: 14px;\n }\n\n\n \/* VẪN GIỮ LINE DỌC *\/\n\n .abera-clinical-v2__stat:not(:last-child)::after {\n top: 5%;\n\n width: 1px;\n height: 90%;\n }\n\n\n .abera-clinical-v2__percent {\n margin-bottom: 8px;\n\n font-size: 42px;\n\n letter-spacing: 0px;\n }\n\n\n .abera-clinical-v2__stat-title {\n margin-bottom: 5px;\n\n font-size: 12px;\n }\n\n\n .abera-clinical-v2__stat-copy {\n font-size: 10.5px;\n\n line-height: 1.4;\n }\n\n\n .abera-clinical-v2__footnote {\n margin-top: 26px;\n\n padding-top: 15px;\n\n font-size: 10px;\n }\n\n\n \/* ẢNH XUỐNG DƯỚI *\/\n\n .abera-clinical-v2__visual {\n order: 2;\n\n min-height: 390px;\n }\n\n\n .abera-clinical-v2__visual img,\n .abera-clinical-v2__image-placeholder {\n min-height: 390px;\n\n height: 390px;\n }\n\n\n .abera-clinical-v2__visual img {\n object-position: center top;\n }\n\n\n \/* fade từ trên xuống để nối với content *\/\n\n .abera-clinical-v2__visual::before {\n background:\n linear-gradient(\n 180deg,\n #101012 0%,\n rgba(16,16,18,.60) 9%,\n rgba(16,16,18,.10) 26%,\n transparent 50%\n );\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-clinical-v2\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__inner\"\u003e\n\n \u003c!-- ============================================\n LEFT SIDE\n ============================================= --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__content\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__eyebrow\"\u003e\n Clinically Tested\n \u003c\/div\u003e\n\n \u003ch2 class=\"abera-clinical-v2__title\"\u003e\n PROVEN RESULTS\u003cbr\u003e\n BUILT FOR MEN'S SKIN\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-clinical-v2__subtitle\"\u003e\n After 8 weeks of consistent use, men reported visible improvements\n in hydration, skin tone and the appearance of wrinkles.\n \u003c\/p\u003e\n\n\n \u003c!-- ============================================\n HORIZONTAL RESULTS\n ============================================= --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__stats\"\u003e\n\n \u003c!-- 96% --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__stat\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__percent\"\u003e\n 96%\n \u003c\/div\u003e\n\n \u003ch3 class=\"abera-clinical-v2__stat-title\"\u003e\n SMOOTHER SKIN\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-clinical-v2__stat-copy\"\u003e\n Reported smoother, more hydrated-looking skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- 92% --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__stat\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__percent\"\u003e\n 92%\n \u003c\/div\u003e\n\n \u003ch3 class=\"abera-clinical-v2__stat-title\"\u003e\n MORE EVEN TONE\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-clinical-v2__stat-copy\"\u003e\n Reported brighter, more even-looking skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- 89% --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__stat\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__percent\"\u003e\n 89%\n \u003c\/div\u003e\n\n \u003ch3 class=\"abera-clinical-v2__stat-title\"\u003e\n FEWER VISIBLE WRINKLES\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-clinical-v2__stat-copy\"\u003e\n Reported improvement in the appearance of wrinkles.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- FOOTNOTE --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__footnote\"\u003e\n *Based on an 8-week consumer self-assessment study.\n Individual results may vary.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- ============================================\n RIGHT IMAGE\n ============================================= --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__visual\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_44.webp?v=1786959518\" alt=\"Man using ABERA Men Retinol Serum\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__image-placeholder\" style=\"display:none;\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n CUSTOMER REVIEWS CAROUSEL\n========================================================= *\/\n\n.abera-review-showcase {\n --black: #111111;\n --text: #222222;\n --muted: #666666;\n --white: #ffffff;\n --orange: #f45b32;\n --star: #f39a00;\n --border: #e2e2e2;\n --soft: #f7f7f7;\n\n width: 100%;\n overflow: hidden;\n\n background: var(--white);\n color: var(--black);\n\n font-family: inherit;\n\n box-sizing: border-box;\n}\n\n\n.abera-review-showcase *,\n.abera-review-showcase *::before,\n.abera-review-showcase *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n MAIN LAYOUT\n========================================================= *\/\n\n.abera-review-showcase__inner {\n width: 100%;\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding: 60px 40px;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 30%)\n minmax(0, 70%);\n\n gap: 3px;\n\n align-items: center;\n}\n\n\n\/* =========================================================\n LEFT CONTENT\n========================================================= *\/\n\n.abera-review-showcase__content {\n position: relative;\n\n z-index: 5;\n\n min-width: 0;\n\n padding-right: 25px;\n}\n\n\n\/* EYEBROW *\/\n\n.abera-review-showcase__eyebrow {\n margin: 0 0 12px;\n\n color: var(--black);\n\n font-size: 13px;\n line-height: 1.2;\n\n font-weight: 600;\n\n letter-spacing: 1.2px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n.abera-review-showcase__title {\n max-width: 430px;\n\n margin: 0;\n\n color: var(--black);\n\n font-size: clamp(20px, 3vw, 30px);\n line-height: 1.08;\n\n font-weight: 700;\n\n letter-spacing: 0;\n}\n\n\n\/* =========================================================\n BENEFITS\n========================================================= *\/\n\n.abera-review-showcase__benefits {\n margin-top: 26px;\n\n display: flex;\n\n flex-direction: column;\n\n gap: 12px;\n}\n\n\n.abera-review-showcase__benefit {\n position: relative;\n\n padding-left: 25px;\n\n color: var(--text);\n\n font-size: 16px;\n line-height: 1.4;\n\n font-weight: 500;\n}\n\n\n.abera-review-showcase__benefit::before {\n content: \"✓\";\n\n position: absolute;\n\n left: 0;\n top: 0;\n\n color: var(--black);\n\n font-size: 17px;\n\n font-weight: 800;\n}\n\n\n\/* =========================================================\n ARROWS + DESKTOP DOTS\n========================================================= *\/\n\n.abera-review-showcase__arrows {\n position: relative;\n\n z-index: 20;\n\n margin-top: 38px;\n\n display: inline-flex;\n\n align-items: center;\n\n gap: 12px;\n\n width: max-content;\n}\n\n\n\/* ARROW *\/\n\n.abera-review-showcase__arrow {\n position: relative;\n\n z-index: 21;\n\n flex: 0 0 42px;\n\n width: 42px;\n height: 42px;\n\n margin: 0;\n padding: 0;\n\n border: 0;\n outline: none;\n\n border-radius: 50%;\n\n background: var(--black);\n color: var(--white);\n\n display: flex;\n\n align-items: center;\n\n justify-content: center;\n\n cursor: pointer;\n\n appearance: none;\n -webkit-appearance: none;\n\n touch-action: manipulation;\n\n transition:\n opacity .2s ease,\n transform .2s ease,\n background .2s ease;\n}\n\n\n.abera-review-showcase__arrow:hover {\n background: #333333;\n\n transform: scale(1.04);\n}\n\n\n.abera-review-showcase__arrow:active {\n transform: scale(.96);\n}\n\n\n.abera-review-showcase__arrow:disabled {\n opacity: .25;\n\n cursor: default;\n\n transform: none;\n}\n\n\n.abera-review-showcase__arrow svg {\n display: block;\n\n width: 18px;\n height: 18px;\n\n stroke: currentColor;\n\n pointer-events: none;\n}\n\n\n\/* =========================================================\n DOTS BETWEEN ARROWS\n========================================================= *\/\n\n.abera-review-showcase__desktop-dots {\n min-width: 66px;\n\n display: flex;\n\n align-items: center;\n\n justify-content: center;\n\n gap: 6px;\n}\n\n\n.abera-review-showcase__desktop-dot {\n flex: 0 0 6px;\n\n width: 6px;\n height: 6px;\n\n margin: 0;\n padding: 0;\n\n border: 0;\n outline: none;\n\n border-radius: 50%;\n\n background: #c9c9c9;\n\n cursor: pointer;\n\n appearance: none;\n -webkit-appearance: none;\n\n transition:\n width .22s ease,\n flex-basis .22s ease,\n background .22s ease,\n border-radius .22s ease;\n}\n\n\n.abera-review-showcase__desktop-dot.is-active {\n width: 18px;\n\n flex-basis: 18px;\n\n border-radius: 10px;\n\n background: var(--black);\n}\n\n\n\/* =========================================================\n CAROUSEL\n========================================================= *\/\n\n.abera-review-showcase__carousel {\n position: relative;\n\n width: 100%;\n\n min-width: 0;\n\n overflow: hidden;\n}\n\n\n.abera-review-showcase__track {\n width: 100%;\n\n display: flex;\n\n align-items: stretch;\n\n gap: 18px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n scroll-behavior: smooth;\n\n scroll-snap-type: x mandatory;\n\n scroll-padding-left: 0;\n\n scrollbar-width: none;\n\n -webkit-overflow-scrolling: touch;\n\n overscroll-behavior-x: contain;\n}\n\n\n.abera-review-showcase__track::-webkit-scrollbar {\n display: none;\n}\n\n\n\/* =========================================================\n REVIEW CARD\n DESKTOP = 3 CARDS\n========================================================= *\/\n\n.abera-review-showcase__card {\n \/*\n 3 cards\n 2 gaps x 18px = 36px\n *\/\n\n flex: 0 0 calc((100% - 36px) \/ 3);\n\n min-width: 0;\n\n scroll-snap-align: start;\n\n scroll-snap-stop: always;\n\n background: #ffffff;\n\n border: 1px solid var(--border);\n\n border-radius: 8px;\n\n overflow: hidden;\n\n color: var(--black);\n\n display: flex;\n\n flex-direction: column;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.abera-review-showcase__image {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #eeeeee;\n\n flex-shrink: 0;\n}\n\n\n.abera-review-showcase__image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n\n object-position: center;\n}\n\n\n\/* =========================================================\n BEFORE \/ AFTER\n========================================================= *\/\n\n.abera-review-showcase__before,\n.abera-review-showcase__after {\n position: absolute;\n\n bottom: 10px;\n\n z-index: 3;\n\n padding: 5px 8px;\n\n border-radius: 4px;\n\n font-size: 11px;\n line-height: 1;\n\n font-weight: 800;\n\n letter-spacing: .3px;\n\n text-transform: uppercase;\n}\n\n\n.abera-review-showcase__before {\n left: 10px;\n\n background: #ffffff;\n\n color: #111111;\n\n border: 1px solid rgba(0,0,0,.10);\n}\n\n\n.abera-review-showcase__after {\n right: 10px;\n\n background: #111111;\n\n color: #ffffff;\n}\n\n\n\/* =========================================================\n CARD CONTENT\n========================================================= *\/\n\n.abera-review-showcase__card-content {\n padding: 16px 15px 17px;\n\n display: flex;\n\n flex-direction: column;\n\n flex: 1;\n}\n\n\n\/* STARS *\/\n\n.abera-review-showcase__stars {\n margin: 0 0 9px;\n\n color: var(--star);\n\n font-size: 16px;\n line-height: 1;\n\n letter-spacing: .8px;\n}\n\n\n\/* REVIEW *\/\n\n.abera-review-showcase__quote {\n margin: 0;\n\n color: #333333;\n\n font-size: 13.5px;\n line-height: 1.5;\n\n \/* CUSTOMER XUỐNG ĐÁY *\/\n flex: 1;\n}\n\n\n\/* =========================================================\n CUSTOMER\n========================================================= *\/\n\n.abera-review-showcase__customer {\n width: 100%;\n\n margin-top: 16px;\n\n display: flex;\n\n align-items: center;\n\n justify-content: space-between;\n\n gap: 6px;\n\n flex-wrap: nowrap;\n}\n\n\n.abera-review-showcase__name {\n color: var(--black);\n\n font-size: 12px;\n line-height: 1;\n\n font-weight: 700;\n\n white-space: nowrap;\n\n flex-shrink: 0;\n}\n\n\n\/* VERIFIED *\/\n\n.abera-review-showcase__verified {\n display: inline-flex;\n\n align-items: center;\n\n justify-content: center;\n\n gap: 4px;\n\n padding: 4px 6px;\n\n background: var(--soft);\n\n border: 1px solid var(--border);\n\n border-radius: 999px;\n\n color: #333333;\n\n font-size: 8.5px;\n line-height: 1;\n\n font-weight: 600;\n\n white-space: nowrap;\n\n flex-shrink: 0;\n}\n\n\n.abera-review-showcase__verified-icon {\n width: 13px;\n height: 13px;\n\n flex: 0 0 13px;\n\n border-radius: 50%;\n\n background: var(--black);\n\n color: #ffffff;\n\n display: inline-flex;\n\n align-items: center;\n\n justify-content: center;\n\n font-size: 7px;\n}\n\n\n\/* =========================================================\n MOBILE DOTS\n========================================================= *\/\n\n.abera-review-showcase__dots {\n display: none;\n\n margin-top: 18px;\n\n align-items: center;\n\n justify-content: center;\n\n gap: 7px;\n}\n\n\n.abera-review-showcase__dot {\n flex: 0 0 7px;\n\n width: 7px;\n height: 7px;\n\n margin: 0;\n padding: 0;\n\n border: 0;\n\n border-radius: 50%;\n\n background: #cccccc;\n\n cursor: pointer;\n\n appearance: none;\n\n -webkit-appearance: none;\n\n transition:\n width .25s ease,\n flex-basis .25s ease,\n background .25s ease,\n border-radius .25s ease;\n}\n\n\n.abera-review-showcase__dot.is-active {\n width: 22px;\n\n flex-basis: 22px;\n\n border-radius: 10px;\n\n background: var(--black);\n}\n\n\n\/* =========================================================\n TABLET\n 2 CARDS\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 1100px) {\n\n .abera-review-showcase__inner {\n padding: 45px 24px;\n\n grid-template-columns:\n minmax(0, 32%)\n minmax(0, 68%);\n\n gap: 24px;\n }\n\n\n .abera-review-showcase__content {\n padding-right: 0;\n }\n\n\n .abera-review-showcase__title {\n font-size: 28px;\n }\n\n\n .abera-review-showcase__benefit {\n font-size: 14px;\n }\n\n\n .abera-review-showcase__track {\n gap: 16px;\n }\n\n\n .abera-review-showcase__card {\n flex-basis:\n calc((100% - 16px) \/ 2);\n }\n\n\n .abera-review-showcase__quote {\n font-size: 13px;\n }\n\n\n .abera-review-showcase__desktop-dots {\n min-width: 56px;\n\n gap: 5px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-review-showcase__inner {\n padding: 34px 18px 30px;\n\n display: block;\n }\n\n\n \/* CONTENT *\/\n\n .abera-review-showcase__content {\n width: 100%;\n\n padding-right: 0;\n }\n\n\n .abera-review-showcase__eyebrow {\n margin-bottom: 9px;\n\n font-size: 10px;\n }\n\n\n .abera-review-showcase__title {\n max-width: 100%;\n\n font-size: 29px;\n line-height: 1.3;\n }\n\n\n \/* BENEFITS *\/\n\n .abera-review-showcase__benefits {\n margin-top: 12px;\n\n display: grid;\n\n grid-template-columns:\n 1fr 1fr;\n\n gap: 11px 14px;\n }\n\n\n .abera-review-showcase__benefit {\n padding-left: 20px;\n\n font-size: 16px;\n line-height: 1.35;\n }\n\n\n .abera-review-showcase__benefit::before {\n font-size: 16px;\n }\n\n\n \/* HIDE DESKTOP CONTROLS *\/\n\n .abera-review-showcase__arrows {\n display: none;\n }\n\n\n \/* CAROUSEL *\/\n\n .abera-review-showcase__carousel {\n margin-top: 28px;\n\n overflow: visible;\n }\n\n\n .abera-review-showcase__track {\n gap: 12px;\n }\n\n\n .abera-review-showcase__card {\n flex: 0 0 88%;\n }\n\n\n .abera-review-showcase__image {\n aspect-ratio: 1 \/ .82;\n }\n\n\n \/* BEFORE AFTER *\/\n\n .abera-review-showcase__before,\n .abera-review-showcase__after {\n bottom: 10px;\n\n padding: 5px 8px;\n\n font-size: 10px;\n }\n\n\n .abera-review-showcase__before {\n left: 10px;\n }\n\n\n .abera-review-showcase__after {\n right: 10px;\n }\n\n\n \/* CARD CONTENT *\/\n\n .abera-review-showcase__card-content {\n padding: 16px;\n }\n\n\n .abera-review-showcase__stars {\n font-size: 18px;\n }\n\n\n .abera-review-showcase__quote {\n font-size: 14px;\n line-height: 1.5;\n }\n\n\n \/* CUSTOMER *\/\n\n .abera-review-showcase__customer {\n margin-top: 15px;\n\n gap: 8px;\n }\n\n\n .abera-review-showcase__name {\n font-size: 13px;\n }\n\n\n .abera-review-showcase__verified {\n padding: 4px 7px;\n\n gap: 4px;\n\n font-size: 9px;\n }\n\n\n .abera-review-showcase__verified-icon {\n width: 14px;\n height: 14px;\n\n flex-basis: 14px;\n\n font-size: 8px;\n }\n\n\n \/* MOBILE DOTS *\/\n\n .abera-review-showcase__dots {\n display: flex;\n }\n\n}\n\n\n\/* =========================================================\n SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 420px) {\n\n .abera-review-showcase__inner {\n padding-left: 15px;\n\n padding-right: 15px;\n }\n\n\n .abera-review-showcase__title {\n font-size: 27px;\n }\n\n\n .abera-review-showcase__benefits {\n grid-template-columns: 1fr;\n\n gap: 9px;\n }\n\n\n .abera-review-showcase__card {\n flex-basis: 92%;\n }\n\n\n .abera-review-showcase__customer {\n gap: 5px;\n }\n\n\n .abera-review-showcase__name {\n font-size: 12px;\n }\n\n\n .abera-review-showcase__verified {\n padding: 4px 6px;\n\n font-size: 8.5px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003c!-- =========================================================\n SECTION\n========================================================= --\u003e\n\n\u003csection class=\"abera-review-showcase\"\u003e\n\n \u003cdiv class=\"abera-review-showcase__inner\"\u003e\n\n\n \u003c!-- =====================================================\n LEFT SIDE\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-review-showcase__content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__eyebrow\"\u003e\n REAL MEN. REAL RESULTS.\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"abera-review-showcase__title\"\u003e\n HEAR FROM OUR RECENT CUSTOMERS\n \u003c\/h2\u003e\n\n\n \u003c!-- BENEFITS --\u003e\n\n \u003cdiv class=\"abera-review-showcase__benefits\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Hydrate\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Firm Sagging Skin\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Reduce Fine Lines \u0026amp; Wrinkles\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Fade Dark Spots \u0026amp; Acne Scars\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Even Out Skin Tone\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c!-- ===================================================\n DESKTOP NAVIGATION\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-review-showcase__arrows\"\u003e\n\n\n \u003c!-- PREVIOUS --\u003e\n\n \u003cbutton class=\"\n abera-review-showcase__arrow\n abera-review-showcase__prev\n \" type=\"button\" aria-label=\"Previous review\"\u003e\n\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\n \u003cpath d=\"M15 18L9 12L15 6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n \u003c!-- DESKTOP DOTS --\u003e\n\n \u003cdiv class=\"abera-review-showcase__desktop-dots\" aria-label=\"Review navigation\"\u003e\u003c\/div\u003e\n\n\n \u003c!-- NEXT --\u003e\n\n \u003cbutton class=\"\n abera-review-showcase__arrow\n abera-review-showcase__next\n \" type=\"button\" aria-label=\"Next review\"\u003e\n\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\n \u003cpath d=\"M9 18L15 12L9 6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n RIGHT CAROUSEL\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-review-showcase__carousel\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__track\"\u003e\n\n\n \u003c!-- =================================================\n REVIEW 01\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/3_2986af9d-7ff8-49b0-ac3c-7ba74e61680f.webp?v=1786615458\" alt=\"ABERA Men Retinol before and after result\" loading=\"lazy\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n BEFORE\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n AFTER\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n My dark spots were what bothered me the most.\n After consistent use, they look lighter and my\n overall skin tone looks more even.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n James T., 47\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Verified Customer\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 02\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/4_5d22dff5-ec9b-4d4d-b8d9-f069ff6268ca.webp?v=1786422444\" alt=\"ABERA Men Retinol before and after result\" loading=\"lazy\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n BEFORE\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n AFTER\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n I've been using this serum every night for a few\n weeks and my skin already feels smoother and more\n hydrated. The fine lines around my eyes look softer.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Michael R., 55\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Verified Customer\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 03\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/bfb22f137ad326a2e4091f5c3a93cd8e-20250417094225-3186n.webp?v=1786423518\" alt=\"ABERA Men Retinol before and after result\" loading=\"lazy\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n BEFORE\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n AFTER\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n Probably the first anti-aging product I've actually\n stayed consistent with. It absorbs quickly and my\n face looks smoother and less tired.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Daniel S., 35\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Verified Customer\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 04\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/5_b0438d0b-7832-474e-acb8-98b39901ce77.webp?v=1786422443\" alt=\"ABERA Men Retinol before and after result\" loading=\"lazy\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n BEFORE\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n AFTER\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n I had dark acne marks for a long time, but they\n gradually looked less noticeable after regular use.\n My skin also feels noticeably smoother.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Brian C., 28\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Verified Customer\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 05\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/6_c66664a6-8b1c-476f-8b91-86f997d0b90c.webp?v=1786422443\" alt=\"ABERA Men Retinol before and after result\" loading=\"lazy\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n BEFORE\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n AFTER\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n My wife was actually the first person to notice.\n She said my skin looked smoother and healthier.\n I've also noticed the fine lines around my eyes\n are less noticeable.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Chris B., 46\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Verified Customer\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 06\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/81f90c8b9c7785be7808623b11f7722c-20250417102041-dodqv.webp?v=1786459872\" alt=\"ABERA Men Retinol before and after result\" loading=\"lazy\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n BEFORE\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n AFTER\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n I was skeptical about adding retinol because I didn't\n want a complicated routine. This one is straightforward.\n My skin looks brighter and more even with regular use.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Kevin F., 35\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Verified Customer\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c!-- ===================================================\n MOBILE DOTS\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-review-showcase__dots\"\u003e\u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003cscript\u003e\n(function () {\n\n\n \/* =========================================================\n INITIALIZE ONE SECTION\n ========================================================= *\/\n\n function initAberaReview(section) {\n\n\n if (\n section.getAttribute(\n 'data-abera-review-init'\n ) === 'true'\n ) {\n\n return;\n\n }\n\n\n section.setAttribute(\n 'data-abera-review-init',\n 'true'\n );\n\n\n const track =\n section.querySelector(\n '.abera-review-showcase__track'\n );\n\n\n const cards =\n Array.from(\n section.querySelectorAll(\n '.abera-review-showcase__card'\n )\n );\n\n\n const prev =\n section.querySelector(\n '.abera-review-showcase__prev'\n );\n\n\n const next =\n section.querySelector(\n '.abera-review-showcase__next'\n );\n\n\n const mobileDotsContainer =\n section.querySelector(\n '.abera-review-showcase__dots'\n );\n\n\n const desktopDotsContainer =\n section.querySelector(\n '.abera-review-showcase__desktop-dots'\n );\n\n\n if (\n !track ||\n !cards.length\n ) {\n\n return;\n\n }\n\n\n let currentIndex = 0;\n\n let mobileDots = [];\n\n let desktopDots = [];\n\n\n\n \/* =======================================================\n VISIBLE CARD COUNT\n ======================================================== *\/\n\n function getVisibleCount() {\n\n\n if (\n window.innerWidth \u003c= 749\n ) {\n\n return 1;\n\n }\n\n\n if (\n window.innerWidth \u003c= 1100\n ) {\n\n return 2;\n\n }\n\n\n return 3;\n\n }\n\n\n\n \/* =======================================================\n MAX INDEX\n ======================================================== *\/\n\n function getMaxIndex() {\n\n\n return Math.max(\n\n 0,\n\n cards.length -\n getVisibleCount()\n\n );\n\n }\n\n\n\n \/* =======================================================\n CARD POSITION\n ======================================================== *\/\n\n function getCardLeft(index) {\n\n\n const card =\n cards[index];\n\n\n if (!card) {\n\n return 0;\n\n }\n\n\n return Math.max(\n\n 0,\n\n card.offsetLeft -\n track.offsetLeft\n\n );\n\n }\n\n\n\n \/* =======================================================\n GO TO CARD\n ======================================================== *\/\n\n function goToIndex(index) {\n\n\n const maxIndex =\n getMaxIndex();\n\n\n currentIndex =\n Math.max(\n\n 0,\n\n Math.min(\n index,\n maxIndex\n )\n\n );\n\n\n track.scrollTo({\n\n left:\n getCardLeft(\n currentIndex\n ),\n\n behavior:\n 'smooth'\n\n });\n\n\n updateUI();\n\n }\n\n\n\n \/* =======================================================\n MOBILE DOTS\n ======================================================== *\/\n\n function createMobileDots() {\n\n\n if (\n !mobileDotsContainer\n ) {\n\n return;\n\n }\n\n\n mobileDotsContainer.innerHTML =\n '';\n\n\n cards.forEach(\n function(card, index) {\n\n\n const dot =\n document.createElement(\n 'button'\n );\n\n\n dot.type =\n 'button';\n\n\n dot.className =\n 'abera-review-showcase__dot';\n\n\n dot.setAttribute(\n 'aria-label',\n 'Go to review ' +\n (index + 1)\n );\n\n\n dot.addEventListener(\n 'click',\n function() {\n\n\n \/*\n Mobile:\n cho phép tới toàn bộ review.\n *\/\n\n if (\n window.innerWidth \u003c= 749\n ) {\n\n\n currentIndex =\n index;\n\n\n track.scrollTo({\n\n left:\n getCardLeft(\n index\n ),\n\n behavior:\n 'smooth'\n\n });\n\n\n updateUI();\n\n\n } else {\n\n\n goToIndex(\n index\n );\n\n\n }\n\n }\n );\n\n\n mobileDotsContainer\n .appendChild(\n dot\n );\n\n\n }\n );\n\n\n mobileDots =\n Array.from(\n mobileDotsContainer\n .querySelectorAll(\n '.abera-review-showcase__dot'\n )\n );\n\n }\n\n\n\n \/* =======================================================\n DESKTOP DOTS\n ======================================================== *\/\n\n function createDesktopDots() {\n\n\n if (\n !desktopDotsContainer\n ) {\n\n return;\n\n }\n\n\n desktopDotsContainer.innerHTML =\n '';\n\n\n const maxIndex =\n getMaxIndex();\n\n\n \/*\n Desktop:\n 6 reviews\n 3 visible\n\n Position:\n 1 2 3\n 2 3 4\n 3 4 5\n 4 5 6\n\n =\u003e 4 dots\n *\/\n\n\n for (\n let index = 0;\n index \u003c= maxIndex;\n index++\n ) {\n\n\n const dot =\n document.createElement(\n 'button'\n );\n\n\n dot.type =\n 'button';\n\n\n dot.className =\n 'abera-review-showcase__desktop-dot';\n\n\n dot.setAttribute(\n 'aria-label',\n 'Go to review position ' +\n (index + 1)\n );\n\n\n dot.addEventListener(\n 'click',\n function() {\n\n\n goToIndex(\n index\n );\n\n\n }\n );\n\n\n desktopDotsContainer\n .appendChild(\n dot\n );\n\n }\n\n\n desktopDots =\n Array.from(\n desktopDotsContainer\n .querySelectorAll(\n '.abera-review-showcase__desktop-dot'\n )\n );\n\n }\n\n\n\n \/* =======================================================\n DETECT INDEX FROM SCROLL\n ======================================================== *\/\n\n function detectCurrentIndex() {\n\n\n const scrollLeft =\n track.scrollLeft;\n\n\n let closestIndex =\n 0;\n\n\n let closestDistance =\n Infinity;\n\n\n cards.forEach(\n function(card, index) {\n\n\n const position =\n card.offsetLeft -\n track.offsetLeft;\n\n\n const distance =\n Math.abs(\n position -\n scrollLeft\n );\n\n\n if (\n distance \u003c\n closestDistance\n ) {\n\n\n closestDistance =\n distance;\n\n\n closestIndex =\n index;\n\n\n }\n\n }\n );\n\n\n return closestIndex;\n\n }\n\n\n\n \/* =======================================================\n UPDATE UI\n ======================================================== *\/\n\n function updateUI() {\n\n\n const maxIndex =\n getMaxIndex();\n\n\n \/*\n Desktop \/ Tablet:\n không vượt index cuối hợp lệ\n *\/\n\n if (\n window.innerWidth \u003e\n 749\n ) {\n\n\n currentIndex =\n Math.min(\n currentIndex,\n maxIndex\n );\n\n\n }\n\n\n \/* PREVIOUS *\/\n\n\n if (prev) {\n\n\n prev.disabled =\n currentIndex \u003c= 0;\n\n\n }\n\n\n \/* NEXT *\/\n\n\n if (next) {\n\n\n next.disabled =\n currentIndex \u003e=\n maxIndex;\n\n\n }\n\n\n \/* MOBILE DOT *\/\n\n\n mobileDots.forEach(\n function(dot, index) {\n\n\n dot.classList.toggle(\n 'is-active',\n index === currentIndex\n );\n\n\n }\n );\n\n\n \/* DESKTOP DOT *\/\n\n\n desktopDots.forEach(\n function(dot, index) {\n\n\n dot.classList.toggle(\n 'is-active',\n index === currentIndex\n );\n\n\n }\n );\n\n }\n\n\n\n \/* =======================================================\n PREVIOUS BUTTON\n ======================================================== *\/\n\n if (prev) {\n\n\n prev.addEventListener(\n 'click',\n function(event) {\n\n\n event.preventDefault();\n\n event.stopPropagation();\n\n\n if (\n currentIndex \u003c= 0\n ) {\n\n return;\n\n }\n\n\n goToIndex(\n currentIndex - 1\n );\n\n\n }\n );\n\n\n }\n\n\n\n \/* =======================================================\n NEXT BUTTON\n ======================================================== *\/\n\n if (next) {\n\n\n next.addEventListener(\n 'click',\n function(event) {\n\n\n event.preventDefault();\n\n event.stopPropagation();\n\n\n const maxIndex =\n getMaxIndex();\n\n\n if (\n currentIndex \u003e=\n maxIndex\n ) {\n\n return;\n\n }\n\n\n goToIndex(\n currentIndex + 1\n );\n\n\n }\n );\n\n\n }\n\n\n\n \/* =======================================================\n MANUAL SWIPE\n ======================================================== *\/\n\n let scrollTimer;\n\n\n track.addEventListener(\n 'scroll',\n function() {\n\n\n clearTimeout(\n scrollTimer\n );\n\n\n scrollTimer =\n setTimeout(\n function() {\n\n\n currentIndex =\n detectCurrentIndex();\n\n\n if (\n window.innerWidth \u003e\n 749\n ) {\n\n\n currentIndex =\n Math.min(\n currentIndex,\n getMaxIndex()\n );\n\n\n }\n\n\n updateUI();\n\n\n },\n 70\n );\n\n\n },\n {\n passive: true\n }\n );\n\n\n\n \/* =======================================================\n RESIZE\n ======================================================== *\/\n\n let resizeTimer;\n\n\n window.addEventListener(\n 'resize',\n function() {\n\n\n clearTimeout(\n resizeTimer\n );\n\n\n resizeTimer =\n setTimeout(\n function() {\n\n\n currentIndex =\n Math.min(\n currentIndex,\n getMaxIndex()\n );\n\n\n \/*\n Số dot desktop thay đổi:\n\n Desktop = 3 visible\n Tablet = 2 visible\n *\/\n\n\n createDesktopDots();\n\n\n track.scrollTo({\n\n left:\n getCardLeft(\n currentIndex\n ),\n\n behavior:\n 'auto'\n\n });\n\n\n updateUI();\n\n\n },\n 120\n );\n\n\n }\n );\n\n\n\n \/* =======================================================\n INITIAL STATE\n ======================================================== *\/\n\n createMobileDots();\n\n\n createDesktopDots();\n\n\n currentIndex =\n detectCurrentIndex();\n\n\n updateUI();\n\n\n }\n\n\n\n \/* =========================================================\n INIT ALL SECTIONS\n ========================================================= *\/\n\n function initAllAberaReviews() {\n\n\n document\n .querySelectorAll(\n '.abera-review-showcase'\n )\n .forEach(\n function(section) {\n\n\n initAberaReview(\n section\n );\n\n\n }\n );\n\n\n }\n\n\n\n \/* =========================================================\n RUN IMMEDIATELY\n ========================================================= *\/\n\n initAllAberaReviews();\n\n\n\n \/* =========================================================\n DOM READY FALLBACK\n ========================================================= *\/\n\n if (\n document.readyState ===\n 'loading'\n ) {\n\n\n document.addEventListener(\n 'DOMContentLoaded',\n initAllAberaReviews\n );\n\n\n }\n\n\n\n \/* =========================================================\n SHOPIFY THEME EDITOR\n ========================================================= *\/\n\n document.addEventListener(\n 'shopify:section:load',\n function(event) {\n\n\n let section = null;\n\n\n if (\n event.target.matches \u0026\u0026\n event.target.matches(\n '.abera-review-showcase'\n )\n ) {\n\n\n section =\n event.target;\n\n\n } else {\n\n\n section =\n event.target.querySelector(\n '.abera-review-showcase'\n );\n\n\n }\n\n\n if (section) {\n\n\n section.removeAttribute(\n 'data-abera-review-init'\n );\n\n\n initAberaReview(\n section\n );\n\n\n }\n\n\n }\n );\n\n\n})();\n\u003c\/script\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n HOW TO USE - 3 STEPS\n========================================================= *\/\n\n.abera-howto-v3 {\n --bg: #0b0b0b;\n --white: #ffffff;\n --muted: rgba(255,255,255,.72);\n --line: rgba(255,255,255,.14);\n --box: #151515;\n --box-hover: #1a1a1a;\n --accent: #f2eee6;\n\n width: 100%;\n max-width: 100%;\n\n background: var(--bg);\n color: var(--white);\n\n font-family: inherit;\n\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.abera-howto-v3 *,\n.abera-howto-v3 *::before,\n.abera-howto-v3 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-howto-v3__inner {\n width: 100%;\n max-width: 1500px;\n\n margin: 0 auto;\n padding: 48px 34px 30px;\n}\n\n\n\/* =========================================================\n MAIN LAYOUT\n========================================================= *\/\n\n.abera-howto-v3__main {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 1fr)\n minmax(0, 1fr);\n\n gap: 46px;\n\n align-items: center;\n}\n\n.abera-howto-v3__main \u003e * {\n min-width: 0;\n}\n\n\n\/* =========================================================\n VIDEO\n========================================================= *\/\n\n.abera-howto-v3__media {\n width: 100%;\n min-width: 0;\n\n border-radius: 8px;\n\n overflow: hidden;\n\n background: #111111;\n}\n\n.abera-howto-v3__video {\n width: 100%;\n max-width: 100%;\n\n display: block;\n\n aspect-ratio: 1 \/ 1;\n\n object-fit: cover;\n\n background: #111111;\n}\n\n\n\/* =========================================================\n RIGHT CONTENT\n========================================================= *\/\n\n.abera-howto-v3__content {\n width: 100%;\n max-width: 100%;\n min-width: 0;\n}\n\n\n\/* =========================================================\n TITLE\n========================================================= *\/\n\n.abera-howto-v3__eyebrow {\n margin: 0 0 10px;\n\n color: var(--muted);\n\n font-size: 12px;\n line-height: 1.2;\n\n font-weight: 700;\n\n letter-spacing: 1.5px;\n text-transform: uppercase;\n}\n\n.abera-howto-v3__title {\n width: 100%;\n\n margin: 0 0 26px;\n\n color: var(--white);\n\n font-size: clamp(28px, 3vw, 40px);\n line-height: 1.08;\n\n font-weight: 700;\n\n letter-spacing: -.4px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n 3 STEPS\n========================================================= *\/\n\n.abera-howto-v3__steps {\n width: 100%;\n\n display: flex;\n flex-direction: column;\n\n gap: 12px;\n}\n\n\n\/* EACH STEP *\/\n\n.abera-howto-v3__step {\n width: 100%;\n\n padding: 17px 18px;\n\n display: grid;\n\n grid-template-columns: 48px minmax(0, 1fr);\n\n gap: 16px;\n\n align-items: center;\n\n background: var(--box);\n\n border: 1px solid var(--line);\n border-radius: 10px;\n\n transition:\n background .2s ease,\n border-color .2s ease;\n}\n\n.abera-howto-v3__step:hover {\n background: var(--box-hover);\n\n border-color: rgba(255,255,255,.24);\n}\n\n\n\/* STEP NUMBER *\/\n\n.abera-howto-v3__step-number {\n width: 48px;\n height: 48px;\n\n border-radius: 8px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background: #ffffff;\n\n color: #111111;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 800;\n\n letter-spacing: .5px;\n}\n\n\n\/* STEP CONTENT *\/\n\n.abera-howto-v3__step-content {\n min-width: 0;\n}\n\n.abera-howto-v3__step-title {\n margin: 0 0 4px;\n\n color: var(--white);\n\n font-size: 16px;\n line-height: 1.25;\n\n font-weight: 700;\n}\n\n.abera-howto-v3__step-text {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 14px;\n line-height: 1.45;\n}\n\n\n\/* =========================================================\n EXPERT TIP\n========================================================= *\/\n\n.abera-howto-v3__tip {\n width: 100%;\n\n margin-top: 18px;\n\n padding: 16px 18px;\n\n display: flex;\n align-items: flex-start;\n\n gap: 12px;\n\n border: 1px solid rgba(255,255,255,.20);\n border-radius: 9px;\n\n background: #101010;\n}\n\n\n\/* TIP ICON *\/\n\n.abera-howto-v3__tip-icon {\n width: 28px;\n height: 28px;\n\n flex: 0 0 28px;\n\n border-radius: 50%;\n\n background: var(--accent);\n\n color: #111111;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n font-size: 15px;\n font-weight: 800;\n}\n\n\n\/* TIP CONTENT *\/\n\n.abera-howto-v3__tip-content {\n min-width: 0;\n}\n\n.abera-howto-v3__tip-title {\n display: block;\n\n margin-bottom: 3px;\n\n color: var(--white);\n\n font-size: 13px;\n line-height: 1.2;\n\n font-weight: 800;\n\n letter-spacing: .7px;\n\n text-transform: uppercase;\n}\n\n.abera-howto-v3__tip-text {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 14px;\n line-height: 1.45;\n}\n\n.abera-howto-v3__tip-text strong {\n color: var(--white);\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n ICON BENEFITS\n========================================================= *\/\n\n.abera-howto-v3__icons {\n width: 100%;\n\n margin-top: 38px;\n padding-top: 32px;\n\n border-top: 1px solid var(--line);\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 24px;\n}\n\n.abera-howto-v3__icon-item {\n min-width: 0;\n\n display: flex;\n flex-direction: column;\n\n align-items: center;\n justify-content: flex-start;\n\n text-align: center;\n}\n\n\n\/* ICON *\/\n\n.abera-howto-v3__icon-img {\n width: 52px;\n height: 52px;\n\n margin-bottom: 12px;\n\n display: block;\n\n object-fit: contain;\n}\n\n\n\/* ICON LABEL *\/\n\n.abera-howto-v3__icon-label {\n margin: 0;\n\n color: var(--white);\n\n font-size: 13px;\n line-height: 1.25;\n\n font-weight: 600;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-howto-v3__inner {\n padding: 40px 24px 28px;\n }\n\n .abera-howto-v3__main {\n grid-template-columns:\n minmax(0, 1fr)\n minmax(0, 1fr);\n\n gap: 28px;\n }\n\n .abera-howto-v3__title {\n margin-bottom: 20px;\n\n font-size: 30px;\n }\n\n .abera-howto-v3__step {\n padding: 14px;\n\n grid-template-columns: 42px minmax(0, 1fr);\n\n gap: 12px;\n }\n\n .abera-howto-v3__step-number {\n width: 42px;\n height: 42px;\n\n font-size: 13px;\n }\n\n .abera-howto-v3__step-title {\n font-size: 14px;\n }\n\n .abera-howto-v3__step-text {\n font-size: 12.5px;\n }\n\n .abera-howto-v3__tip {\n padding: 14px;\n }\n\n .abera-howto-v3__tip-text {\n font-size: 13px;\n }\n\n .abera-howto-v3__icons {\n gap: 18px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-howto-v3__inner {\n padding: 28px 16px 24px;\n }\n\n\n \/* VIDEO TRÊN - CONTENT DƯỚI *\/\n\n .abera-howto-v3__main {\n display: flex;\n flex-direction: column;\n\n gap: 26px;\n }\n\n .abera-howto-v3__media {\n width: 100%;\n\n border-radius: 7px;\n }\n\n .abera-howto-v3__video {\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n }\n\n\n \/* TITLE *\/\n\n .abera-howto-v3__eyebrow {\n margin-bottom: 8px;\n\n font-size: 10px;\n }\n\n .abera-howto-v3__title {\n margin-bottom: 20px;\n\n font-size: 27px;\n line-height: 1.15;\n }\n\n\n \/* STEPS *\/\n\n .abera-howto-v3__steps {\n gap: 10px;\n }\n\n .abera-howto-v3__step {\n padding: 14px;\n\n grid-template-columns: 42px minmax(0, 1fr);\n\n gap: 12px;\n\n border-radius: 8px;\n }\n\n .abera-howto-v3__step-number {\n width: 42px;\n height: 42px;\n\n border-radius: 7px;\n\n font-size: 12px;\n }\n\n .abera-howto-v3__step-title {\n margin-bottom: 3px;\n\n font-size: 15px;\n }\n\n .abera-howto-v3__step-text {\n font-size: 13px;\n line-height: 1.4;\n }\n\n\n \/* EXPERT TIP *\/\n\n .abera-howto-v3__tip {\n margin-top: 14px;\n\n padding: 14px;\n\n border-radius: 8px;\n }\n\n .abera-howto-v3__tip-title {\n font-size: 11px;\n }\n\n .abera-howto-v3__tip-text {\n font-size: 13px;\n line-height: 1.4;\n }\n\n\n \/* ICONS *\/\n\n .abera-howto-v3__icons {\n margin-top: 28px;\n padding-top: 26px;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 10px;\n }\n\n .abera-howto-v3__icon-img {\n width: 38px;\n height: 38px;\n\n margin-bottom: 9px;\n }\n\n .abera-howto-v3__icon-label {\n font-size: 9px;\n line-height: 1.25;\n }\n\n}\n\n\n\/* =========================================================\n SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 420px) {\n\n .abera-howto-v3__inner {\n padding-left: 14px;\n padding-right: 14px;\n }\n\n .abera-howto-v3__title {\n font-size: 24px;\n }\n\n .abera-howto-v3__step {\n grid-template-columns: 38px minmax(0, 1fr);\n\n gap: 10px;\n\n padding: 12px;\n }\n\n .abera-howto-v3__step-number {\n width: 38px;\n height: 38px;\n }\n\n .abera-howto-v3__icons {\n gap: 6px;\n }\n\n .abera-howto-v3__icon-img {\n width: 34px;\n height: 34px;\n }\n\n .abera-howto-v3__icon-label {\n font-size: 8.5px;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-howto-v3\"\u003e\n\u003cdiv class=\"abera-howto-v3__inner\"\u003e\n\u003c!-- =====================================================\n TOP CONTENT\n ====================================================== --\u003e\n\u003cdiv class=\"abera-howto-v3__main\"\u003e\n\u003c!-- ===================================================\n LEFT - VIDEO\n ==================================================== --\u003e\n\u003cdiv class=\"abera-howto-v3__media\"\u003e\u003cvideo class=\"abera-howto-v3__video\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\n\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3f8be01c24834be09db1eafc97629d62.mp4\" type=\"video\/mp4\"\u003e\n\n Your browser does not support the video tag.\n\n \u003c\/source\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c!-- ===================================================\n RIGHT - HOW TO USE\n ==================================================== --\u003e\n\u003cdiv class=\"abera-howto-v3__content\"\u003e\n\u003cdiv class=\"abera-howto-v3__eyebrow\"\u003eHOW TO USE\u003c\/div\u003e\n\u003ch2 class=\"abera-howto-v3__title\"\u003e60 SECONDS EVERY NIGHT\u003c\/h2\u003e\n\u003c!-- =================================================\n 3 STEPS\n ================================================== --\u003e\n\u003cdiv class=\"abera-howto-v3__steps\"\u003e\n\u003c!-- STEP 01 --\u003e\n\u003cdiv class=\"abera-howto-v3__step\"\u003e\n\u003cdiv class=\"abera-howto-v3__step-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"abera-howto-v3__step-content\"\u003e\n\u003ch3 class=\"abera-howto-v3__step-title\"\u003eSTART WITH CLEAN, DRY SKIN\u003c\/h3\u003e\n\u003cp class=\"abera-howto-v3__step-text\"\u003eCleanse your face and pat completely dry.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- STEP 02 --\u003e\n\u003cdiv class=\"abera-howto-v3__step\"\u003e\n\u003cdiv class=\"abera-howto-v3__step-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"abera-howto-v3__step-content\"\u003e\n\u003ch3 class=\"abera-howto-v3__step-title\"\u003eAPPLY A FEW DROPS\u003c\/h3\u003e\n\u003cp class=\"abera-howto-v3__step-text\"\u003eApply a few drops of ABERA MEN Retinol Serum to your face and neck.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- STEP 03 --\u003e\n\u003cdiv class=\"abera-howto-v3__step\"\u003e\n\u003cdiv class=\"abera-howto-v3__step-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"abera-howto-v3__step-content\"\u003e\n\u003ch3 class=\"abera-howto-v3__step-title\"\u003eMASSAGE \u0026amp; LET IT ABSORB\u003c\/h3\u003e\n\u003cp class=\"abera-howto-v3__step-text\"\u003eMassage gently until absorbed. Start 2–3 nights per week, then build up to nightly use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n EXPERT TIP\n ================================================== --\u003e\n\u003cdiv class=\"abera-howto-v3__tip\"\u003e\n\u003cdiv class=\"abera-howto-v3__tip-icon\"\u003e☀\u003c\/div\u003e\n\u003cdiv class=\"abera-howto-v3__tip-content\"\u003e\n\u003cspan class=\"abera-howto-v3__tip-title\"\u003e Expert Tip \u003c\/span\u003e\n\u003cp class=\"abera-howto-v3__tip-text\"\u003eUse a \u003cstrong\u003ebroad-spectrum SPF 50+\u003c\/strong\u003e every morning while using retinol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n ICON ROW\n ====================================================== --\u003e\n\u003cdiv class=\"abera-howto-v3__icons\"\u003e\n\u003c!-- ICON 01 --\u003e\n\u003cdiv class=\"abera-howto-v3__icon-item\"\u003e\n\u003cimg class=\"abera-howto-v3__icon-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/17_4b584ed0-a5a0-4e05-b5ed-941e0659119d.webp?v=1786634004\" alt=\"No Animal Testing\" loading=\"lazy\"\u003e\n\u003cp class=\"abera-howto-v3__icon-label\"\u003eNO ANIMAL\u003cbr\u003eTESTING\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ICON 02 --\u003e\n\u003cdiv class=\"abera-howto-v3__icon-item\"\u003e\n\u003cimg class=\"abera-howto-v3__icon-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/18_2b9950f9-1de2-4435-840f-a2788bc79db5.webp?v=1786634004\" alt=\"Dermatologist Tested\" loading=\"lazy\"\u003e\n\u003cp class=\"abera-howto-v3__icon-label\"\u003eDERMATOLOGIST\u003cbr\u003eTESTED\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ICON 03 --\u003e\n\u003cdiv class=\"abera-howto-v3__icon-item\"\u003e\n\u003cimg class=\"abera-howto-v3__icon-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/19_f1ab1d79-53db-49a0-93ac-390f9f40fc7a.webp?v=1786634004\" alt=\"Paraben Free\" loading=\"lazy\"\u003e\n\u003cp class=\"abera-howto-v3__icon-label\"\u003ePARABEN FREE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ICON 04 --\u003e\n\u003cdiv class=\"abera-howto-v3__icon-item\"\u003e\n\u003cimg class=\"abera-howto-v3__icon-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/20_7f253aec-af5d-4f7a-8873-03ad4bf71af2.webp?v=1786634004\" alt=\"Silicone Free\" loading=\"lazy\"\u003e\n\u003cp class=\"abera-howto-v3__icon-label\"\u003eSILICONE FREE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n INGREDIENTS - 7 CARD VERSION\n========================================================= *\/\n\n.abera-ing-v3 {\n --black: #111111;\n --white: #ffffff;\n --text: #333333;\n --muted: #666666;\n --line: #dddddd;\n --card: #0d0d0d;\n\n width: 100%;\n max-width: 100%;\n\n padding: 48px 30px 46px;\n\n background: #ffffff;\n color: var(--black);\n\n font-family: inherit;\n\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.abera-ing-v3 *,\n.abera-ing-v3 *::before,\n.abera-ing-v3 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-ing-v3__inner {\n width: 100%;\n max-width: 1600px;\n\n margin: 0 auto;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-ing-v3__header {\n width: 100%;\n max-width: 820px;\n\n margin: 0 auto 30px;\n\n text-align: center;\n}\n\n\n.abera-ing-v3__title {\n margin: 0 0 12px;\n\n color: var(--black);\n\n font-size: clamp(26px, 3vw, 36px);\n line-height: 1.12;\n\n font-weight: 700;\n\n letter-spacing: -.3px;\n\n text-transform: uppercase;\n}\n\n\n.abera-ing-v3__subtitle {\n max-width: 720px;\n\n margin: 0 auto;\n\n color: var(--text);\n\n font-size: 16px;\n line-height: 1.55;\n}\n\n\n.abera-ing-v3__subtitle strong {\n color: var(--black);\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n FULL INGREDIENTS DROPDOWN\n========================================================= *\/\n\n.abera-ing-v3__accordion {\n width: 100%;\n max-width: 650px;\n\n margin: 22px auto 0;\n\n border-top: 1px solid var(--line);\n border-bottom: 1px solid var(--line);\n}\n\n\n.abera-ing-v3__accordion summary {\n position: relative;\n\n padding: 16px 40px 16px 0;\n\n list-style: none;\n\n color: var(--black);\n\n font-size: 14px;\n line-height: 1.2;\n\n font-weight: 700;\n\n text-align: left;\n\n cursor: pointer;\n\n text-transform: uppercase;\n}\n\n\n.abera-ing-v3__accordion summary::-webkit-details-marker {\n display: none;\n}\n\n\n.abera-ing-v3__accordion summary::after {\n content: \"\";\n\n position: absolute;\n\n right: 5px;\n top: 50%;\n\n width: 0;\n height: 0;\n\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-top: 8px solid #111111;\n\n transform: translateY(-50%);\n\n transition: transform .2s ease;\n}\n\n\n.abera-ing-v3__accordion[open] summary::after {\n transform:\n translateY(-50%)\n rotate(180deg);\n}\n\n\n.abera-ing-v3__accordion-content {\n padding: 0 0 17px;\n\n text-align: left;\n}\n\n\n.abera-ing-v3__accordion-content p {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 12px;\n line-height: 1.6;\n}\n\n\n\/* =========================================================\n CAROUSEL WRAPPER\n========================================================= *\/\n\n.abera-ing-v3__carousel {\n position: relative;\n\n width: 100%;\n}\n\n\n\/* =========================================================\n DESKTOP TRACK\n 7 CARDS VISIBLE\n========================================================= *\/\n\n.abera-ing-v3__track {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(7, minmax(0, 1fr));\n\n gap: 10px;\n\n align-items: stretch;\n}\n\n\n\/* =========================================================\n CARD\n========================================================= *\/\n\n.abera-ing-v3__card {\n min-width: 0;\n\n display: flex;\n flex-direction: column;\n\n background: var(--card);\n\n border-radius: 7px;\n\n overflow: hidden;\n\n color: #ffffff;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.abera-ing-v3__image {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #151515;\n\n flex-shrink: 0;\n}\n\n\n.abera-ing-v3__image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n SPECIAL CROP:\n RETINOL + NIACINAMIDE FROM SAME IMAGE\n========================================================= *\/\n\n.abera-ing-v3__image--split img {\n position: absolute;\n\n top: 0;\n\n width: 200%;\n max-width: none;\n\n height: 100%;\n\n object-fit: cover;\n}\n\n\n\/* RETINOL = LEFT HALF *\/\n\n.abera-ing-v3__image--retinol img {\n left: 0;\n}\n\n\n\/* NIACINAMIDE = RIGHT HALF *\/\n\n.abera-ing-v3__image--niacinamide img {\n left: -100%;\n}\n\n\n\/* =========================================================\n CARD CONTENT\n========================================================= *\/\n\n.abera-ing-v3__content {\n flex: 1;\n\n padding: 14px 12px 16px;\n\n display: flex;\n flex-direction: column;\n}\n\n\n.abera-ing-v3__name {\n margin: 0 0 7px;\n\n color: #ffffff;\n\n font-size: 13px;\n line-height: 1.25;\n\n font-weight: 750;\n\n text-transform: uppercase;\n}\n\n\n.abera-ing-v3__benefit {\n margin: 0;\n\n color: rgba(255,255,255,.72);\n\n font-size: 12px;\n line-height: 1.45;\n}\n\n\n\/* =========================================================\n ARROWS\n HIDDEN ON DESKTOP\n========================================================= *\/\n\n.abera-ing-v3__controls {\n display: none;\n}\n\n\n.abera-ing-v3__arrow {\n width: 42px;\n height: 42px;\n\n padding: 0;\n\n border: 0;\n border-radius: 50%;\n\n background: #111111;\n color: #ffffff;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n cursor: pointer;\n\n transition:\n opacity .2s ease,\n transform .2s ease;\n}\n\n\n.abera-ing-v3__arrow:active {\n transform: scale(.95);\n}\n\n\n.abera-ing-v3__arrow:disabled {\n opacity: .25;\n\n cursor: default;\n}\n\n\n.abera-ing-v3__arrow svg {\n width: 19px;\n height: 19px;\n\n stroke: currentColor;\n}\n\n\n\/* COUNTER *\/\n\n.abera-ing-v3__counter {\n min-width: 54px;\n\n color: #666666;\n\n font-size: 12px;\n line-height: 1;\n\n font-weight: 600;\n\n text-align: center;\n}\n\n\n\/* =========================================================\n MEDIUM DESKTOP\n========================================================= *\/\n\n@media screen and (min-width: 1000px) and (max-width: 1250px) {\n\n .abera-ing-v3 {\n padding-left: 18px;\n padding-right: 18px;\n }\n\n\n .abera-ing-v3__track {\n gap: 7px;\n }\n\n\n .abera-ing-v3__content {\n padding: 11px 9px 13px;\n }\n\n\n .abera-ing-v3__name {\n font-size: 11px;\n }\n\n\n .abera-ing-v3__benefit {\n font-size: 10.5px;\n }\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 999px) {\n\n .abera-ing-v3 {\n padding: 38px 20px;\n }\n\n\n .abera-ing-v3__track {\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 10px;\n }\n\n\n .abera-ing-v3__card {\n margin-bottom: 0;\n }\n\n\n .abera-ing-v3__name {\n font-size: 12px;\n }\n\n\n .abera-ing-v3__benefit {\n font-size: 11px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-ing-v3 {\n padding: 30px 15px 32px;\n }\n\n\n \/* HEADER *\/\n\n .abera-ing-v3__header {\n margin-bottom: 22px;\n\n text-align: left;\n }\n\n\n .abera-ing-v3__title {\n margin-bottom: 10px;\n\n font-size: 25px;\n line-height: 1.18;\n }\n\n\n .abera-ing-v3__subtitle {\n margin: 0;\n\n font-size: 14px;\n line-height: 1.5;\n }\n\n\n .abera-ing-v3__accordion {\n max-width: none;\n\n margin-top: 17px;\n }\n\n\n .abera-ing-v3__accordion summary {\n padding: 14px 36px 14px 0;\n\n font-size: 13px;\n }\n\n\n \/* =======================================================\n MOBILE VIEWPORT\n ONLY ONE CARD VISIBLE\n ======================================================= *\/\n\n .abera-ing-v3__carousel {\n width: 100%;\n\n overflow: hidden;\n }\n\n\n .abera-ing-v3__track {\n width: 100%;\n\n display: flex;\n\n gap: 0;\n\n overflow: hidden;\n\n scroll-behavior: smooth;\n scroll-snap-type: x mandatory;\n }\n\n\n .abera-ing-v3__card {\n flex: 0 0 100%;\n\n min-width: 100%;\n\n scroll-snap-align: start;\n\n border-radius: 8px;\n }\n\n\n \/* IMAGE *\/\n\n .abera-ing-v3__image {\n aspect-ratio: 1 \/ .9;\n }\n\n\n \/* CONTENT *\/\n\n .abera-ing-v3__content {\n padding: 17px 16px 20px;\n }\n\n\n .abera-ing-v3__name {\n margin-bottom: 7px;\n\n font-size: 16px;\n }\n\n\n .abera-ing-v3__benefit {\n font-size: 14px;\n line-height: 1.45;\n }\n\n\n \/* =======================================================\n MOBILE ARROWS\n ======================================================= *\/\n\n .abera-ing-v3__controls {\n margin-top: 16px;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n gap: 14px;\n }\n\n}\n\n\n\/* =========================================================\n SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 420px) {\n\n .abera-ing-v3 {\n padding-left: 13px;\n padding-right: 13px;\n }\n\n\n .abera-ing-v3__title {\n font-size: 23px;\n }\n\n\n .abera-ing-v3__arrow {\n width: 40px;\n height: 40px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-ing-v3\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__inner\"\u003e\n\n\n \u003c!-- =====================================================\n TOP HEADER\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-ing-v3__header\"\u003e\n\n\n \u003ch2 class=\"abera-ing-v3__title\"\u003e\n WHAT'S INSIDE AND WHY IT WORKS\n \u003c\/h2\u003e\n\n\n \u003cp class=\"abera-ing-v3__subtitle\"\u003e\n A dermatologist-tested blend of\n \u003cstrong\u003escience-backed actives and skin-supporting ingredients\u003c\/strong\u003e\n for smoother, healthier-looking skin.\n \u003c\/p\u003e\n\n\n\n \u003c!-- =================================================\n FULL INGREDIENTS\n ================================================== --\u003e\n\n \u003cdetails class=\"abera-ing-v3__accordion\"\u003e\n\n \u003csummary\u003e\n SEE FULL INGREDIENTS\n \u003c\/summary\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__accordion-content\"\u003e\n\n \u003cp\u003e\n Purified Water, Propylene Glycol, Niacinamide,\n Aloe Barbadensis Leaf Juice Powder, Alcohol,\n Retinol (and) Hydroxypropyl Cyclodextrin,\n PEG-40 Hydrogenated Castor Oil,\n Pentylene Glycol (and) Ganoderma Lucidum\n (Mushroom) Extract, Centella Asiatica Extract\n (and) Aspergillus Ferment (and) Butylene Glycol\n (and) 1,2-Hexanediol (and) Ethyl Hexanediol,\n Hyaluronic Acid, Dipotassium Glycyrrhizate,\n Sclerotium Gum, Phenoxyethanol (and)\n Ethylhexylglycerin, Tocopheryl Acetate,\n Rosa Damascena Flower Oil,\n Menthol (and) Menthyl Lactate.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n CARDS\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-ing-v3__carousel\"\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__track\"\u003e\n\n\n \u003c!-- =================================================\n 01 RETINOL\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"\n abera-ing-v3__image\n abera-ing-v3__image--split\n abera-ing-v3__image--retinol\n \"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_37.webp?v=1786674306\" alt=\"Retinol 0.1%\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n RETINOL 0.1%\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Helps reduce fine lines and improve skin texture.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 02 NIACINAMIDE\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"\n abera-ing-v3__image\n abera-ing-v3__image--split\n abera-ing-v3__image--niacinamide\n \"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_37.webp?v=1786674306\" alt=\"Niacinamide\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n NIACINAMIDE 5%\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Helps brighten dark spots and even skin tone.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 03 PANTHENOL\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_38.webp?v=1786674307\" alt=\"Panthenol Vitamin B5\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n PANTHENOL B5\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Hydrates, soothes and supports the skin barrier.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 04 REISHI\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/whiskeydarek_Close-up_of_reishi_mushrooms_growing_on_a_log_996344e7-3303-4ea1-9f54-8c1837c54a68.webp?v=1786674307\" alt=\"Reishi Mushroom Extract\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n REISHI MUSHROOM\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Helps soothe and protect stressed-looking skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 05 ALOE\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/aloe.webp?v=1786674306\" alt=\"Aloe Barbadensis\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n ALOE BARBADENSIS\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Hydrates and calms dry, irritated-looking skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 06 ROSA DAMASCENA\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Rosa_Damascena.webp?v=1786674449\" alt=\"Rosa Damascena\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n ROSA DAMASCENA\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Helps calm and soften the skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 07 CENTELLA\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Artboard_18_4a033c62-5196-4b6a-8b44-8eaadc0a2833.webp?v=1786674306\" alt=\"Centella Asiatica Extract\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n CENTELLA ASIATICA\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Soothes skin and supports visible recovery.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- ===================================================\n MOBILE CONTROLS\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-ing-v3__controls\"\u003e\n\n\n \u003cbutton class=\"abera-ing-v3__arrow abera-ing-v3__prev\" type=\"button\" aria-label=\"Previous ingredient\"\u003e\n\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M15 18L9 12L15 6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n\n \u003cdiv class=\"abera-ing-v3__counter\"\u003e\n\n \u003cspan class=\"abera-ing-v3__current\"\u003e\n 1\n \u003c\/span\u003e\n\n \/\n\n \u003cspan class=\"abera-ing-v3__total\"\u003e\n 7\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cbutton class=\"abera-ing-v3__arrow abera-ing-v3__next\" type=\"button\" aria-label=\"Next ingredient\"\u003e\n\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M9 18L15 12L9 6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003cscript\u003e\n(function () {\n\n function initAberaIngredientsV3(section) {\n\n if (!section) return;\n\n const track =\n section.querySelector('.abera-ing-v3__track');\n\n const cards =\n Array.from(\n section.querySelectorAll('.abera-ing-v3__card')\n );\n\n const prev =\n section.querySelector('.abera-ing-v3__prev');\n\n const next =\n section.querySelector('.abera-ing-v3__next');\n\n const current =\n section.querySelector('.abera-ing-v3__current');\n\n const total =\n section.querySelector('.abera-ing-v3__total');\n\n\n if (!track || !cards.length) return;\n\n\n let index = 0;\n\n\n if (total) {\n total.textContent = cards.length;\n }\n\n\n \/* =====================================================\n MOBILE ONLY\n ====================================================== *\/\n\n function isMobile() {\n return window.innerWidth \u003c= 749;\n }\n\n\n \/* =====================================================\n GO TO CARD\n ====================================================== *\/\n\n function goToCard(newIndex) {\n\n if (!isMobile()) return;\n\n\n index =\n Math.max(\n 0,\n Math.min(\n newIndex,\n cards.length - 1\n )\n );\n\n\n const cardWidth =\n track.clientWidth;\n\n\n track.scrollTo({\n\n left:\n cardWidth * index,\n\n behavior: 'smooth'\n\n });\n\n\n updateControls();\n\n }\n\n\n \/* =====================================================\n UPDATE CONTROL\n ====================================================== *\/\n\n function updateControls() {\n\n if (current) {\n current.textContent = index + 1;\n }\n\n\n if (prev) {\n prev.disabled = index === 0;\n }\n\n\n if (next) {\n next.disabled =\n index === cards.length - 1;\n }\n\n }\n\n\n \/* =====================================================\n PREVIOUS\n ====================================================== *\/\n\n if (prev) {\n\n prev.addEventListener(\n 'click',\n function () {\n\n goToCard(index - 1);\n\n }\n );\n\n }\n\n\n \/* =====================================================\n NEXT\n ====================================================== *\/\n\n if (next) {\n\n next.addEventListener(\n 'click',\n function () {\n\n goToCard(index + 1);\n\n }\n );\n\n }\n\n\n \/* =====================================================\n RESET WHEN RESIZE\n ====================================================== *\/\n\n window.addEventListener(\n 'resize',\n function () {\n\n if (isMobile()) {\n\n track.scrollTo({\n left:\n track.clientWidth * index,\n\n behavior: 'auto'\n });\n\n } else {\n\n index = 0;\n\n track.scrollTo({\n left: 0,\n behavior: 'auto'\n });\n\n }\n\n\n updateControls();\n\n }\n );\n\n\n updateControls();\n\n }\n\n\n function initAll() {\n\n document\n .querySelectorAll('.abera-ing-v3')\n .forEach(initAberaIngredientsV3);\n\n }\n\n\n if (document.readyState === 'loading') {\n\n document.addEventListener(\n 'DOMContentLoaded',\n initAll\n );\n\n } else {\n\n initAll();\n\n }\n\n})();\n\u003c\/script\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n FIRST 90 DAYS TIMELINE\n========================================================= *\/\n\n.abera-90days {\n --black: #111111;\n --text: #2d2d2d;\n --muted: #666666;\n --line: #dedede;\n --soft: #f5f5f5;\n --white: #ffffff;\n\n width: 100%;\n background: var(--white);\n color: var(--black);\n\n font-family: inherit;\n box-sizing: border-box;\n\n padding: 54px 30px 58px;\n}\n\n.abera-90days *,\n.abera-90days *::before,\n.abera-90days *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-90days__inner {\n width: 100%;\n max-width: 1450px;\n\n margin: 0 auto;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-90days__header {\n max-width: 760px;\n\n margin: 0 auto 40px;\n\n text-align: center;\n}\n\n\n.abera-90days__title {\n margin: 0 0 10px;\n\n color: var(--black);\n\n font-size: clamp(20px, 3vw, 30px);\n line-height: 1.12;\n\n font-weight: 700;\n\n letter-spacing: 0px;\n\n text-transform: uppercase;\n}\n\n\n.abera-90days__subtitle {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 18px;\n line-height: 1.5;\n}\n\n\n\/* =========================================================\n TIMELINE\n========================================================= *\/\n\n.abera-90days__timeline {\n position: relative;\n\n width: calc(100% - 150px);\n\n height: 30px;\n\n margin: 0 auto 22px;\n}\n\n\n\/* LINE *\/\n\n.abera-90days__timeline::before {\n content: \"\";\n\n position: absolute;\n\n left: 0;\n right: 0;\n top: 50%;\n\n height: 2px;\n\n background: #e5e5e5;\n\n transform: translateY(-50%);\n}\n\n\n\/* DOTS *\/\n\n.abera-90days__timeline-dot {\n position: absolute;\n\n top: 50%;\n\n width: 18px;\n height: 18px;\n\n border-radius: 50%;\n\n background: var(--black);\n\n border: 4px solid #dddddd;\n\n transform: translate(-50%, -50%);\n\n z-index: 2;\n}\n\n\n.abera-90days__timeline-dot:nth-child(1) {\n left: 16.666%;\n}\n\n\n.abera-90days__timeline-dot:nth-child(2) {\n left: 50%;\n}\n\n\n.abera-90days__timeline-dot:nth-child(3) {\n left: 83.333%;\n}\n\n\n\/* =========================================================\n CARDS\n========================================================= *\/\n\n.abera-90days__cards {\n display: grid;\n\n grid-template-columns:\n repeat(3, minmax(0, 1fr));\n\n gap: 22px;\n\n align-items: stretch;\n}\n\n\n\/* CARD *\/\n\n.abera-90days__card {\n min-width: 0;\n\n display: flex;\n flex-direction: column;\n\n background: #ffffff;\n\n border: 1px solid #e4e4e4;\n\n border-radius: 10px;\n\n overflow: hidden;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.abera-90days__image {\n width: 100%;\n\n aspect-ratio: 1 \/ .92;\n\n overflow: hidden;\n\n background: #eeeeee;\n\n flex-shrink: 0;\n}\n\n\n.abera-90days__image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n CONTENT\n========================================================= *\/\n\n.abera-90days__content {\n flex: 1;\n\n padding: 20px 20px 24px;\n}\n\n\n\/* WEEK TAG *\/\n\n.abera-90days__week {\n display: inline-flex;\n\n margin-bottom: 15px;\n\n padding: 7px 15px;\n\n border-radius: 999px;\n\n background: var(--black);\n color: #ffffff;\n\n font-size: 12px;\n line-height: 1;\n\n font-weight: 700;\n\n letter-spacing: .3px;\n\n text-transform: uppercase;\n}\n\n\n\/* CARD TITLE *\/\n\n.abera-90days__card-title {\n margin: 0 0 15px;\n\n color: var(--black);\n\n font-size: 18px;\n line-height: 1.25;\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n LIST\n========================================================= *\/\n\n.abera-90days__list {\n list-style: none;\n\n margin: 0;\n padding: 0;\n}\n\n\n.abera-90days__list li {\n position: relative;\n\n margin: 0 0 14px;\n\n padding-left: 26px;\n\n color: var(--text);\n\n font-size: 15px;\n line-height: 1.4;\n}\n\n\n.abera-90days__list li:last-child {\n margin-bottom: 0;\n}\n\n\n\/* CHECK *\/\n\n.abera-90days__list li::before {\n content: \"✓\";\n\n position: absolute;\n\n left: 0;\n top: 1px;\n\n width: 17px;\n height: 17px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border: 1.5px solid #777777;\n border-radius: 50%;\n\n color: #444444;\n\n font-size: 10px;\n line-height: 1;\n\n font-weight: 800;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-90days {\n padding: 44px 22px 48px;\n }\n\n\n .abera-90days__cards {\n gap: 14px;\n }\n\n\n .abera-90days__content {\n padding: 17px 16px 20px;\n }\n\n\n .abera-90days__card-title {\n font-size: 16px;\n }\n\n\n .abera-90days__list li {\n padding-left: 23px;\n\n font-size: 13px;\n }\n\n\n .abera-90days__timeline {\n width: calc(100% - 100px);\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-90days {\n padding: 20px 10px 20px;\n }\n\n\n \/* HEADER *\/\n\n .abera-90days__header {\n margin-bottom: 26px;\n\n text-align: left;\n }\n\n\n .abera-90days__title {\n margin-bottom: 9px;\n\n font-size: 26px;\n line-height: 1.18;\n }\n\n\n .abera-90days__subtitle {\n font-size: 16px;\n line-height: 1.5;\n }\n\n\n \/* HIDE DESKTOP LINE *\/\n\n .abera-90days__timeline {\n display: none;\n }\n\n\n \/* CARDS STACK *\/\n\n .abera-90days__cards {\n display: flex;\n flex-direction: column;\n\n gap: 16px;\n }\n\n\n .abera-90days__card {\n width: 100%;\n\n border-radius: 9px;\n }\n\n\n .abera-90days__image {\n aspect-ratio: 1 \/ .82;\n }\n\n\n .abera-90days__content {\n padding: 17px 16px 20px;\n }\n\n\n .abera-90days__week {\n margin-bottom: 12px;\n\n padding: 6px 13px;\n\n font-size: 11px;\n }\n\n\n .abera-90days__card-title {\n margin-bottom: 13px;\n\n font-size: 17px;\n }\n\n\n .abera-90days__list li {\n margin-bottom: 12px;\n\n padding-left: 24px;\n\n font-size: 14px;\n line-height: 1.4;\n }\n\n}\n\u003c\/style\u003e\n\n\n\n\u003csection class=\"abera-90days\"\u003e\n\n \u003cdiv class=\"abera-90days__inner\"\u003e\n\n\n \u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-90days__header\"\u003e\n\n \u003ch2 class=\"abera-90days__title\"\u003e\n YOUR FIRST 90 DAYS WITH ABERA MEN\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-90days__subtitle\"\u003e\n Here's exactly what to expect — week by week.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n DESKTOP TIMELINE\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-90days__timeline\"\u003e\n\n \u003cspan class=\"abera-90days__timeline-dot\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"abera-90days__timeline-dot\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"abera-90days__timeline-dot\"\u003e\u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n CARDS\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-90days__cards\"\u003e\n\n\n \u003c!-- ===================================================\n WEEK 1–2\n ==================================================== --\u003e\n\n \u003carticle class=\"abera-90days__card\"\u003e\n\n\n \u003cdiv class=\"abera-90days__image\"\u003e\n\n \u003c!-- =========================================\n GẮN LINK HÌNH WEEK 1–2 TẠI ĐÂY\n ========================================== --\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/15_1.webp?v=1788843806\" alt=\"ABERA Men Retinol week 1 to 2 results\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"abera-90days__content\"\u003e\n\n \u003cspan class=\"abera-90days__week\"\u003e\n WEEK 1–2\n \u003c\/span\u003e\n\n\n \u003ch3 class=\"abera-90days__card-title\"\u003e\n The Foundation\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-90days__list\"\u003e\n\n \u003cli\u003e\n Neck and face feel hydrated overnight without greasy residue\n \u003c\/li\u003e\n\n \u003cli\u003e\n Dry, tight feeling after washing disappears\n \u003c\/li\u003e\n\n \u003cli\u003e\n Skin texture starts softening — you'll feel it before you see it\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- ===================================================\n WEEK 3–6\n ==================================================== --\u003e\n\n \u003carticle class=\"abera-90days__card\"\u003e\n\n\n \u003cdiv class=\"abera-90days__image\"\u003e\n\n \u003c!-- =========================================\n GẮN LINK HÌNH WEEK 3–6 TẠI ĐÂY\n ========================================== --\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/17_1_d75c17f0-0986-4c9f-af42-564d35b56339.webp?v=1788843805\" alt=\"ABERA Men Retinol week 3 to 6 results\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"abera-90days__content\"\u003e\n\n \u003cspan class=\"abera-90days__week\"\u003e\n WEEK 3–6\n \u003c\/span\u003e\n\n\n \u003ch3 class=\"abera-90days__card-title\"\u003e\n Others Start Noticing\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-90days__list\"\u003e\n\n \u003cli\u003e\n Fine lines around eyes and forehead visibly soften\n \u003c\/li\u003e\n\n \u003cli\u003e\n Skin tone evens out — the \"tired, exhausted\" look fades\n \u003c\/li\u003e\n\n \u003cli\u003e\n Your wife, your barber, your coworker — someone will say something\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- ===================================================\n WEEK 8–12\n ==================================================== --\u003e\n\n \u003carticle class=\"abera-90days__card\"\u003e\n\n\n \u003cdiv class=\"abera-90days__image\"\u003e\n\n \u003c!-- =========================================\n GẮN LINK HÌNH WEEK 8–12 TẠI ĐÂY\n ========================================== --\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/16_1.webp?v=1788843805\" alt=\"ABERA Men Retinol week 8 to 12 results\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"abera-90days__content\"\u003e\n\n \u003cspan class=\"abera-90days__week\"\u003e\n WEEK 8–12\n \u003c\/span\u003e\n\n\n \u003ch3 class=\"abera-90days__card-title\"\u003e\n The Real Transformation\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-90days__list\"\u003e\n\n \u003cli\u003e\n Jawline looks noticeably firmer and more defined\n \u003c\/li\u003e\n\n \u003cli\u003e\n Neck skin tightens — less sagging over the collar\n \u003c\/li\u003e\n\n \u003cli\u003e\n Deep lines continue reducing — you look like YOU, just younger\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN\n FACE + BODY BUNDLE - CAROUSEL + PRICE\n========================================================= *\/\n\n.abera-duo-v4 {\n --black: #111111;\n --text: #333333;\n --muted: #707070;\n --line: #dddddd;\n --white: #ffffff;\n --dot: #c7c7c7;\n --sale: #d71920;\n\n width: 100%;\n max-width: 100%;\n\n background: #ffffff;\n color: var(--black);\n\n font-family: inherit;\n\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.abera-duo-v4 *,\n.abera-duo-v4 *::before,\n.abera-duo-v4 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-duo-v4__inner {\n width: 100%;\n max-width: 1450px;\n\n margin: 0 auto;\n\n padding: 54px 34px;\n}\n\n\n\/* =========================================================\n MAIN LAYOUT\n========================================================= *\/\n\n.abera-duo-v4__layout {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 1fr)\n minmax(0, 1fr);\n\n gap: 42px;\n\n align-items: center;\n}\n\n.abera-duo-v4__layout \u003e * {\n min-width: 0;\n}\n\n\n\/* =========================================================\n LEFT - IMAGE CAROUSEL\n========================================================= *\/\n\n.abera-duo-v4__gallery {\n width: 100%;\n min-width: 0;\n}\n\n\n.abera-duo-v4__viewport {\n width: 100%;\n\n overflow: hidden;\n\n border-radius: 9px;\n\n background: #f3f3f3;\n}\n\n\n.abera-duo-v4__track {\n width: 100%;\n\n display: flex;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n scroll-behavior: smooth;\n scroll-snap-type: x mandatory;\n\n scrollbar-width: none;\n\n -webkit-overflow-scrolling: touch;\n}\n\n\n.abera-duo-v4__track::-webkit-scrollbar {\n display: none;\n}\n\n\n.abera-duo-v4__slide {\n flex: 0 0 100%;\n min-width: 100%;\n\n scroll-snap-align: start;\n scroll-snap-stop: always;\n}\n\n\n.abera-duo-v4__slide img {\n width: 100%;\n\n display: block;\n\n aspect-ratio: 1 \/ 1;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n CAROUSEL CONTROLS\n========================================================= *\/\n\n.abera-duo-v4__controls {\n width: 100%;\n\n margin-top: 16px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n gap: 15px;\n}\n\n\n\/* ARROWS *\/\n\n.abera-duo-v4__arrow {\n width: 38px;\n height: 38px;\n\n flex: 0 0 38px;\n\n padding: 0;\n\n border: 1px solid #d5d5d5;\n border-radius: 50%;\n\n background: #ffffff;\n color: #111111;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n cursor: pointer;\n\n transition:\n background .2s ease,\n color .2s ease,\n border-color .2s ease,\n opacity .2s ease,\n transform .2s ease;\n}\n\n\n.abera-duo-v4__arrow:hover {\n background: #111111;\n color: #ffffff;\n\n border-color: #111111;\n}\n\n\n.abera-duo-v4__arrow:active {\n transform: scale(.94);\n}\n\n\n.abera-duo-v4__arrow:disabled {\n opacity: .25;\n\n cursor: default;\n\n background: #ffffff;\n color: #111111;\n\n border-color: #d5d5d5;\n}\n\n\n.abera-duo-v4__arrow svg {\n width: 18px;\n height: 18px;\n\n display: block;\n\n stroke: currentColor;\n}\n\n\n\/* =========================================================\n DOTS\n========================================================= *\/\n\n.abera-duo-v4__dots {\n display: flex;\n align-items: center;\n justify-content: center;\n\n gap: 7px;\n}\n\n\n.abera-duo-v4__dot {\n width: 7px;\n height: 7px;\n\n padding: 0;\n\n border: 0;\n border-radius: 20px;\n\n background: var(--dot);\n\n cursor: pointer;\n\n transition:\n width .2s ease,\n background .2s ease;\n}\n\n\n.abera-duo-v4__dot.is-active {\n width: 22px;\n\n background: #111111;\n}\n\n\n\/* =========================================================\n RIGHT CONTENT\n========================================================= *\/\n\n.abera-duo-v4__content {\n width: 100%;\n max-width: 100%;\n min-width: 0;\n}\n\n\n\/* EYEBROW *\/\n\n.abera-duo-v4__eyebrow {\n margin: 0 0 10px;\n\n color: var(--muted);\n\n font-size: 11px;\n line-height: 1.2;\n\n font-weight: 700;\n\n letter-spacing: 1.5px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n.abera-duo-v4__title {\n margin: 0 0 14px;\n\n color: var(--black);\n\n font-size: clamp(28px, 3vw, 38px);\n line-height: 1.08;\n\n font-weight: 700;\n\n letter-spacing: 0;\n\n text-transform: uppercase;\n}\n\n\n\/* DESCRIPTION *\/\n\n.abera-duo-v4__description {\n width: 100%;\n max-width: 670px;\n\n margin: 0;\n\n color: #555555;\n\n font-size: 15px;\n line-height: 1.55;\n}\n\n\n\/* =========================================================\n PRICE\n========================================================= *\/\n\n.abera-duo-v4__price {\n width: 100%;\n\n margin-top: 17px;\n\n display: flex;\n align-items: center;\n\n gap: 12px;\n}\n\n\n\/* OLD PRICE *\/\n\n.abera-duo-v4__price-old {\n position: relative;\n\n display: inline-block;\n\n color: #111111;\n\n font-size: 18px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n.abera-duo-v4__price-old::after {\n content: \"\";\n\n position: absolute;\n\n left: -2px;\n right: -2px;\n\n top: 50%;\n\n height: 1.5px;\n\n background: #111111;\n\n transform: translateY(-50%);\n}\n\n\n\/* SALE PRICE *\/\n\n.abera-duo-v4__price-new {\n color: var(--sale);\n\n font-size: 29px;\n line-height: 1;\n\n font-weight: 800;\n\n letter-spacing: -.4px;\n}\n\n\n\/* =========================================================\n BENEFIT COLUMNS\n========================================================= *\/\n\n.abera-duo-v4__products {\n width: 100%;\n\n margin-top: 28px;\n\n display: grid;\n\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 28px;\n}\n\n\n.abera-duo-v4__product {\n min-width: 0;\n}\n\n\n\/* PRODUCT TITLE *\/\n\n.abera-duo-v4__product-title {\n margin: 0;\n\n padding-bottom: 10px;\n\n border-bottom: 1px solid var(--line);\n\n color: var(--black);\n\n font-size: 15px;\n line-height: 1.2;\n\n font-weight: 750;\n\n text-transform: uppercase;\n}\n\n\n\/* LIST *\/\n\n.abera-duo-v4__list {\n margin: 14px 0 0;\n\n padding: 0;\n\n list-style: none;\n\n display: flex;\n flex-direction: column;\n\n gap: 11px;\n}\n\n\n.abera-duo-v4__list li {\n position: relative;\n\n margin: 0;\n\n padding-left: 27px;\n\n color: #2d2d2d;\n\n font-size: 13px;\n line-height: 1.4;\n}\n\n\n\/* CHECK *\/\n\n.abera-duo-v4__list li::before {\n content: \"✓\";\n\n position: absolute;\n\n left: 0;\n top: 0;\n\n width: 18px;\n height: 18px;\n\n border-radius: 50%;\n\n background: #111111;\n color: #ffffff;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n font-size: 11px;\n line-height: 1;\n\n font-weight: 800;\n}\n\n\n\/* =========================================================\n CTA - FULL WIDTH\n========================================================= *\/\n\n.abera-duo-v4__cta-wrap {\n width: 100%;\n\n margin-top: 28px;\n}\n\n\n.abera-duo-v4__cta {\n width: 100%;\n max-width: 100%;\n\n min-height: 50px;\n\n padding: 0 24px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background: #111111;\n color: #ffffff;\n\n border: 1px solid #111111;\n border-radius: 5px;\n\n text-decoration: none;\n\n font-size: 13px;\n line-height: 1;\n\n font-weight: 750;\n\n letter-spacing: .2px;\n\n text-align: center;\n\n text-transform: uppercase;\n\n cursor: pointer;\n\n transition:\n background .2s ease,\n color .2s ease,\n transform .2s ease;\n}\n\n\n.abera-duo-v4__cta:hover {\n background: #ffffff;\n color: #111111;\n\n text-decoration: none;\n}\n\n\n.abera-duo-v4__cta:active {\n transform: scale(.99);\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-duo-v4__inner {\n padding: 42px 24px;\n }\n\n\n .abera-duo-v4__layout {\n gap: 28px;\n }\n\n\n .abera-duo-v4__title {\n font-size: 29px;\n }\n\n\n .abera-duo-v4__description {\n font-size: 14px;\n }\n\n\n .abera-duo-v4__price {\n margin-top: 15px;\n }\n\n\n .abera-duo-v4__price-old {\n font-size: 16px;\n }\n\n\n .abera-duo-v4__price-new {\n font-size: 26px;\n }\n\n\n .abera-duo-v4__products {\n margin-top: 22px;\n\n gap: 20px;\n }\n\n\n .abera-duo-v4__product-title {\n font-size: 13px;\n }\n\n\n .abera-duo-v4__list {\n gap: 8px;\n }\n\n\n .abera-duo-v4__list li {\n padding-left: 24px;\n\n font-size: 11.5px;\n }\n\n\n .abera-duo-v4__list li::before {\n width: 16px;\n height: 16px;\n\n font-size: 9px;\n }\n\n\n .abera-duo-v4__cta {\n min-height: 48px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-duo-v4__inner {\n padding: 30px 15px;\n }\n\n\n \/* STACK *\/\n\n .abera-duo-v4__layout {\n display: flex;\n flex-direction: column;\n\n gap: 28px;\n }\n\n\n \/* GALLERY *\/\n\n .abera-duo-v4__gallery {\n width: 100%;\n }\n\n\n .abera-duo-v4__viewport {\n border-radius: 7px;\n }\n\n\n .abera-duo-v4__slide img {\n aspect-ratio: 1 \/ 1;\n }\n\n\n .abera-duo-v4__controls {\n margin-top: 13px;\n\n gap: 12px;\n }\n\n\n .abera-duo-v4__arrow {\n width: 36px;\n height: 36px;\n\n flex-basis: 36px;\n }\n\n\n \/* CONTENT *\/\n\n .abera-duo-v4__content {\n width: 100%;\n }\n\n\n .abera-duo-v4__eyebrow {\n font-size: 10px;\n }\n\n\n .abera-duo-v4__title {\n margin-bottom: 12px;\n\n font-size: 27px;\n line-height: 1.12;\n }\n\n\n .abera-duo-v4__description {\n font-size: 14px;\n line-height: 1.5;\n }\n\n\n \/* PRICE *\/\n\n .abera-duo-v4__price {\n margin-top: 14px;\n\n gap: 10px;\n }\n\n\n .abera-duo-v4__price-old {\n font-size: 16px;\n }\n\n\n .abera-duo-v4__price-new {\n font-size: 27px;\n }\n\n\n \/* PRODUCTS *\/\n\n .abera-duo-v4__products {\n margin-top: 24px;\n\n grid-template-columns: 1fr;\n\n gap: 24px;\n }\n\n\n .abera-duo-v4__product-title {\n padding-bottom: 9px;\n\n font-size: 14px;\n }\n\n\n .abera-duo-v4__list {\n margin-top: 12px;\n\n gap: 10px;\n }\n\n\n .abera-duo-v4__list li {\n padding-left: 26px;\n\n font-size: 13px;\n }\n\n\n .abera-duo-v4__list li::before {\n width: 18px;\n height: 18px;\n\n font-size: 10px;\n }\n\n\n \/* CTA *\/\n\n .abera-duo-v4__cta-wrap {\n width: 100%;\n\n margin-top: 25px;\n }\n\n\n .abera-duo-v4__cta {\n width: 100%;\n\n min-height: 50px;\n\n padding: 0 18px;\n\n font-size: 13px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-duo-v4\"\u003e\n\n \u003cdiv class=\"abera-duo-v4__inner\"\u003e\n\n \u003cdiv class=\"abera-duo-v4__layout\"\u003e\n\n\n \u003c!-- ===================================================\n LEFT - IMAGE CAROUSEL\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__gallery\"\u003e\n\n\n \u003cdiv class=\"abera-duo-v4__viewport\"\u003e\n\n\n \u003cdiv class=\"abera-duo-v4__track\"\u003e\n\n\n \u003c!-- IMAGE 01 --\u003e\n\n \u003cdiv class=\"abera-duo-v4__slide\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_Image_Aug_14_2026_04_52_00_PM.png?v=1787718987\" alt=\"ABERA Men Face and Body Bundle\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- IMAGE 02 --\u003e\n\n \u003cdiv class=\"abera-duo-v4__slide\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_43.webp?v=1786758238\" alt=\"ABERA Men Retinol Serum and Body Wash\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- IMAGE 03 --\u003e\n\n \u003cdiv class=\"abera-duo-v4__slide\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/27_4397c1b6-cebc-4510-bbdb-6ebfd461c346.webp?v=1787729365\" alt=\"ABERA Men Face and Body Routine\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- IMAGE 04 --\u003e\n\n \u003cdiv class=\"abera-duo-v4__slide\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPTImageAug26_2026_09_17_47AM.webp?v=1787717680\" alt=\"ABERA Men skincare routine\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n ARROW + DOTS + ARROW\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__controls\"\u003e\n\n\n \u003cbutton class=\"abera-duo-v4__arrow abera-duo-v4__prev\" type=\"button\" aria-label=\"Previous image\"\u003e\n\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\n \u003cpath d=\"M15 18L9 12L15 6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n\n \u003cdiv class=\"abera-duo-v4__dots\"\u003e\u003c\/div\u003e\n\n\n\n \u003cbutton class=\"abera-duo-v4__arrow abera-duo-v4__next\" type=\"button\" aria-label=\"Next image\"\u003e\n\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\n \u003cpath d=\"M9 18L15 12L9 6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- ===================================================\n RIGHT CONTENT\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__content\"\u003e\n\n\n \u003cdiv class=\"abera-duo-v4__eyebrow\"\u003e\n COMPLETE MEN'S SKIN ROUTINE\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"abera-duo-v4__title\"\u003e\n ABERA MEN FACE + BODY BUNDLE\n \u003c\/h2\u003e\n\n\n \u003cp class=\"abera-duo-v4__description\"\u003e\n A simple two-step routine for face and body —\n targeted anti-aging care at night plus a daily body wash\n for clearer, smoother and healthier-looking skin.\n \u003c\/p\u003e\n\n\n\n \u003c!-- =================================================\n PRICE\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__price\"\u003e\n\n \u003cspan class=\"abera-duo-v4__price-old\"\u003e\n $59.99\n \u003c\/span\u003e\n\n \u003cspan class=\"abera-duo-v4__price-new\"\u003e\n $38.00\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n PRODUCT BENEFITS\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__products\"\u003e\n\n\n \u003c!-- RETINOL --\u003e\n\n \u003cdiv class=\"abera-duo-v4__product\"\u003e\n\n\n \u003ch3 class=\"abera-duo-v4__product-title\"\u003e\n RETINOL SERUM\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-duo-v4__list\"\u003e\n\n \u003cli\u003e\n Helps smooth fine lines \u0026amp; wrinkles\n \u003c\/li\u003e\n\n \u003cli\u003e\n Helps fade dark spots\n \u003c\/li\u003e\n\n \u003cli\u003e\n Improves uneven skin texture\n \u003c\/li\u003e\n\n \u003cli\u003e\n Supports firmer-looking skin\n \u003c\/li\u003e\n\n \u003cli\u003e\n Hydrates \u0026amp; supports the skin barrier\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- BODY WASH --\u003e\n\n \u003cdiv class=\"abera-duo-v4__product\"\u003e\n\n\n \u003ch3 class=\"abera-duo-v4__product-title\"\u003e\n ACNE BODY WASH\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-duo-v4__list\"\u003e\n\n \u003cli\u003e\n Helps reduce body acne\n \u003c\/li\u003e\n\n \u003cli\u003e\n Helps control excess sebum\n \u003c\/li\u003e\n\n \u003cli\u003e\n Deeply cleanses pores\n \u003c\/li\u003e\n\n \u003cli\u003e\n Helps reduce clogged pores\n \u003c\/li\u003e\n\n \u003cli\u003e\n Cleans without over-drying skin\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n FULL WIDTH CHECKOUT BUTTON\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__cta-wrap\"\u003e\n\n\n \u003c!--\n THAY YOUR_COMBO_CHECKOUT_URL\n BẰNG LINK CHECKOUT CỦA COMBO\n --\u003e\n\n \u003ca class=\"abera-duo-v4__cta\" href=\"https:\/\/nthytu-xb.myshopify.com\/cart\/54168374772080:1?channel=buy_button\"\u003e\n ADD TO CART\n \u003c\/a\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003cscript\u003e\n(function () {\n\n function initAberaDuoCarousel(section) {\n\n if (\n !section ||\n section.dataset.aberaDuoInitialized === 'true'\n ) {\n return;\n }\n\n\n section.dataset.aberaDuoInitialized = 'true';\n\n\n const track =\n section.querySelector(\n '.abera-duo-v4__track'\n );\n\n\n const slides =\n Array.from(\n section.querySelectorAll(\n '.abera-duo-v4__slide'\n )\n );\n\n\n const prev =\n section.querySelector(\n '.abera-duo-v4__prev'\n );\n\n\n const next =\n section.querySelector(\n '.abera-duo-v4__next'\n );\n\n\n const dotsContainer =\n section.querySelector(\n '.abera-duo-v4__dots'\n );\n\n\n if (!track || !slides.length) {\n return;\n }\n\n\n let currentIndex = 0;\n\n\n\n \/* =====================================================\n CREATE DOTS\n ====================================================== *\/\n\n slides.forEach(\n function(slide, index) {\n\n const dot =\n document.createElement('button');\n\n\n dot.type = 'button';\n\n dot.className =\n 'abera-duo-v4__dot';\n\n\n dot.setAttribute(\n 'aria-label',\n 'Go to image ' + (index + 1)\n );\n\n\n if (index === 0) {\n\n dot.classList.add(\n 'is-active'\n );\n\n }\n\n\n dot.addEventListener(\n 'click',\n function() {\n\n goToSlide(index);\n\n }\n );\n\n\n dotsContainer.appendChild(dot);\n\n }\n );\n\n\n const dots =\n Array.from(\n dotsContainer.querySelectorAll(\n '.abera-duo-v4__dot'\n )\n );\n\n\n\n \/* =====================================================\n GO TO SLIDE\n ====================================================== *\/\n\n function goToSlide(index) {\n\n currentIndex =\n Math.max(\n 0,\n Math.min(\n index,\n slides.length - 1\n )\n );\n\n\n track.scrollTo({\n\n left:\n track.clientWidth *\n currentIndex,\n\n behavior: 'smooth'\n\n });\n\n\n updateUI();\n\n }\n\n\n\n \/* =====================================================\n CURRENT SLIDE\n ====================================================== *\/\n\n function getCurrentIndex() {\n\n if (!track.clientWidth) {\n return 0;\n }\n\n\n return Math.round(\n track.scrollLeft \/\n track.clientWidth\n );\n\n }\n\n\n\n \/* =====================================================\n UPDATE UI\n ====================================================== *\/\n\n function updateUI() {\n\n currentIndex =\n getCurrentIndex();\n\n\n dots.forEach(\n function(dot, index) {\n\n dot.classList.toggle(\n 'is-active',\n index === currentIndex\n );\n\n }\n );\n\n\n if (prev) {\n\n prev.disabled =\n currentIndex === 0;\n\n }\n\n\n if (next) {\n\n next.disabled =\n currentIndex ===\n slides.length - 1;\n\n }\n\n }\n\n\n\n \/* =====================================================\n PREVIOUS\n ====================================================== *\/\n\n if (prev) {\n\n prev.addEventListener(\n 'click',\n function() {\n\n goToSlide(\n currentIndex - 1\n );\n\n }\n );\n\n }\n\n\n\n \/* =====================================================\n NEXT\n ====================================================== *\/\n\n if (next) {\n\n next.addEventListener(\n 'click',\n function() {\n\n goToSlide(\n currentIndex + 1\n );\n\n }\n );\n\n }\n\n\n\n \/* =====================================================\n SWIPE \/ SCROLL\n ====================================================== *\/\n\n let timer;\n\n\n track.addEventListener(\n 'scroll',\n function() {\n\n clearTimeout(timer);\n\n\n timer =\n setTimeout(\n updateUI,\n 60\n );\n\n },\n {\n passive: true\n }\n );\n\n\n\n \/* =====================================================\n RESIZE\n ====================================================== *\/\n\n window.addEventListener(\n 'resize',\n function() {\n\n track.scrollTo({\n\n left:\n track.clientWidth *\n currentIndex,\n\n behavior: 'auto'\n\n });\n\n\n updateUI();\n\n }\n );\n\n\n updateUI();\n\n }\n\n\n\n function initAllAberaDuo() {\n\n document\n .querySelectorAll(\n '.abera-duo-v4'\n )\n .forEach(\n initAberaDuoCarousel\n );\n\n }\n\n\n\n if (\n document.readyState === 'loading'\n ) {\n\n document.addEventListener(\n 'DOMContentLoaded',\n initAllAberaDuo\n );\n\n } else {\n\n initAllAberaDuo();\n\n }\n\n})();\n\u003c\/script\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n COMPARISON SECTION - RESPONSIVE V2\n========================================================= *\/\n\n.abera-compare-v2 {\n --bg: #090909;\n --white: #ffffff;\n\n --text: rgba(255,255,255,.92);\n --muted: rgba(255,255,255,.60);\n\n --line: rgba(255,255,255,.13);\n --soft-line: rgba(255,255,255,.09);\n\n --label-bg: rgba(255,255,255,.08);\n --other-bg: rgba(255,255,255,.03);\n\n --highlight: #f1eee8;\n --highlight-alt: #e5e7eb;\n --highlight-text: #111111;\n\n width: 100%;\n max-width: 100%;\n\n overflow: hidden;\n\n background:\n radial-gradient(\n circle at 80% 10%,\n rgba(255,255,255,.07),\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #070707 0%,\n #0c0c0c 55%,\n #121212 100%\n );\n\n color: var(--white);\n\n font-family: inherit;\n\n box-sizing: border-box;\n}\n\n\n.abera-compare-v2 *,\n.abera-compare-v2 *::before,\n.abera-compare-v2 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-compare-v2__inner {\n width: 100%;\n max-width: 1280px;\n\n margin: 0 auto;\n\n padding: 60px 34px;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-compare-v2__header {\n width: 100%;\n max-width: 760px;\n\n margin: 0 auto 34px;\n\n text-align: center;\n}\n\n\n.abera-compare-v2__eyebrow {\n margin: 0 0 10px;\n\n color: var(--muted);\n\n font-size: 11px;\n line-height: 1.2;\n\n font-weight: 700;\n\n letter-spacing: 1.7px;\n\n text-transform: uppercase;\n}\n\n\n.abera-compare-v2__title {\n margin: 0;\n\n color: var(--white);\n\n font-size: clamp(30px, 4vw, 50px);\n line-height: 1.06;\n\n font-weight: 700;\n\n letter-spacing: -.5px;\n}\n\n\n.abera-compare-v2__subtitle {\n max-width: 670px;\n\n margin: 15px auto 0;\n\n color: rgba(255,255,255,.72);\n\n font-size: 15px;\n line-height: 1.55;\n}\n\n\n\/* =========================================================\n TABLE WRAPPER\n========================================================= *\/\n\n.abera-compare-v2__table-wrap {\n width: 100%;\n}\n\n\n\/* =========================================================\n TABLE\n========================================================= *\/\n\n.abera-compare-v2__table {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 1.65fr)\n minmax(150px, .62fr)\n minmax(120px, .48fr);\n\n overflow: hidden;\n\n border: 1px solid var(--line);\n border-radius: 16px;\n\n background: rgba(255,255,255,.025);\n}\n\n\n\/* =========================================================\n BASE CELL\n========================================================= *\/\n\n.abera-compare-v2__cell {\n min-width: 0;\n min-height: 70px;\n\n padding: 15px 20px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-bottom: 1px solid var(--soft-line);\n}\n\n\n\/* LEFT LABEL *\/\n\n.abera-compare-v2__cell--label {\n justify-content: flex-start;\n\n background: var(--label-bg);\n}\n\n\n\/* ABERA COLUMN *\/\n\n.abera-compare-v2__cell--abera {\n background: var(--highlight);\n\n color: var(--highlight-text);\n}\n\n\n\/* alternating subtle Abera row *\/\n\n.abera-compare-v2__cell--abera.alt {\n background: var(--highlight-alt);\n}\n\n\n\/* OTHERS *\/\n\n.abera-compare-v2__cell--other {\n background: var(--other-bg);\n}\n\n\n\/* REMOVE BOTTOM BORDER LAST ROW *\/\n\n.abera-compare-v2__table \u003e\n.abera-compare-v2__cell:nth-last-child(-n + 3) {\n border-bottom: 0;\n}\n\n\n\/* =========================================================\n HEADER ROW\n========================================================= *\/\n\n.abera-compare-v2__head {\n min-height: 112px;\n}\n\n\n.abera-compare-v2__head--label {\n background: transparent;\n}\n\n\n.abera-compare-v2__head--abera {\n background: var(--highlight);\n}\n\n\n.abera-compare-v2__head--other {\n background: transparent;\n}\n\n\n\/* =========================================================\n ABERA BRAND\n========================================================= *\/\n\n.abera-compare-v2__brand {\n width: 100%;\n\n display: flex;\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n gap: 7px;\n\n text-align: center;\n}\n\n\n.abera-compare-v2__product-img {\n width: 40px;\n height: 70px;\n\n display: block;\n\n object-fit: contain;\n}\n\n\n.abera-compare-v2__brand-name {\n color: #111111;\n\n font-size: 12px;\n line-height: 1.2;\n\n font-weight: 800;\n\n letter-spacing: .4px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n OTHERS TITLE\n========================================================= *\/\n\n.abera-compare-v2__other-title {\n color: #ffffff;\n\n font-size: 15px;\n line-height: 1.2;\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n FEATURE\n========================================================= *\/\n\n.abera-compare-v2__feature {\n width: 100%;\n\n margin: 0;\n\n color: var(--white);\n\n font-size: 15px;\n line-height: 1.35;\n\n font-weight: 650;\n\n overflow-wrap: break-word;\n}\n\n\n\/* =========================================================\n CHECK \/ CROSS\n========================================================= *\/\n\n.abera-compare-v2__icon {\n width: 30px;\n height: 30px;\n\n flex: 0 0 30px;\n\n border-radius: 50%;\n\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 700;\n}\n\n\n.abera-compare-v2__icon--check {\n color: #111111;\n\n border: 1.5px solid rgba(17,17,17,.65);\n}\n\n\n.abera-compare-v2__icon--cross {\n color: rgba(255,255,255,.92);\n\n border: 1px solid rgba(255,255,255,.45);\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-compare-v2__inner {\n padding: 48px 22px;\n }\n\n\n .abera-compare-v2__table {\n grid-template-columns:\n minmax(0, 1.55fr)\n minmax(120px, .60fr)\n minmax(100px, .48fr);\n }\n\n\n .abera-compare-v2__cell {\n padding: 14px 16px;\n }\n\n\n .abera-compare-v2__feature {\n font-size: 14px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n FULL TABLE FITS SCREEN\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-compare-v2__inner {\n padding: 36px 12px 40px;\n }\n\n\n \/* HEADER *\/\n\n .abera-compare-v2__header {\n margin-bottom: 24px;\n }\n\n\n .abera-compare-v2__eyebrow {\n margin-bottom: 8px;\n\n font-size: 9px;\n\n letter-spacing: 1.2px;\n }\n\n\n .abera-compare-v2__title {\n font-size: 28px;\n line-height: 1.1;\n }\n\n\n .abera-compare-v2__subtitle {\n margin-top: 11px;\n\n font-size: 13px;\n line-height: 1.5;\n }\n\n\n \/* =======================================================\n MOBILE TABLE\n IMPORTANT: NO MIN WIDTH \/ NO HORIZONTAL SCROLL\n ======================================================= *\/\n\n .abera-compare-v2__table-wrap {\n width: 100%;\n\n overflow: visible;\n }\n\n\n .abera-compare-v2__table {\n width: 100%;\n min-width: 0;\n\n \/*\n 54% feature\n 26% Abera\n 20% Others\n *\/\n\n grid-template-columns:\n minmax(0, 1.55fr)\n minmax(0, .74fr)\n minmax(0, .57fr);\n\n border-radius: 12px;\n }\n\n\n \/* =======================================================\n CELLS\n ======================================================= *\/\n\n .abera-compare-v2__cell {\n min-width: 0;\n min-height: 59px;\n\n padding: 10px 8px;\n }\n\n\n .abera-compare-v2__cell--label {\n padding-left: 12px;\n padding-right: 8px;\n }\n\n\n \/* =======================================================\n MOBILE HEAD\n ======================================================= *\/\n\n .abera-compare-v2__head {\n min-height: 78px;\n\n padding-top: 9px;\n padding-bottom: 9px;\n }\n\n\n .abera-compare-v2__brand {\n gap: 3px;\n }\n\n\n .abera-compare-v2__product-img {\n width: 27px;\n height: 46px;\n }\n\n\n .abera-compare-v2__brand-name {\n font-size: 8px;\n line-height: 1.15;\n\n letter-spacing: 0;\n }\n\n\n .abera-compare-v2__other-title {\n font-size: 11px;\n }\n\n\n \/* =======================================================\n FEATURE TEXT\n ======================================================= *\/\n\n .abera-compare-v2__feature {\n font-size: 11.5px;\n line-height: 1.4;\n\n font-weight: 650;\n }\n\n\n \/* =======================================================\n ICON\n ======================================================= *\/\n\n .abera-compare-v2__icon {\n width: 24px;\n height: 24px;\n\n flex-basis: 24px;\n\n font-size: 11px;\n }\n\n}\n\n\n\/* =========================================================\n VERY SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 380px) {\n\n .abera-compare-v2__inner {\n padding-left: 9px;\n padding-right: 9px;\n }\n\n\n .abera-compare-v2__title {\n font-size: 25px;\n }\n\n\n .abera-compare-v2__cell {\n min-height: 56px;\n\n padding-left: 6px;\n padding-right: 6px;\n }\n\n\n .abera-compare-v2__cell--label {\n padding-left: 9px;\n }\n\n\n .abera-compare-v2__feature {\n font-size: 10.5px;\n }\n\n\n .abera-compare-v2__brand-name {\n font-size: 7.5px;\n }\n\n\n .abera-compare-v2__other-title {\n font-size: 10px;\n }\n\n\n .abera-compare-v2__icon {\n width: 22px;\n height: 22px;\n\n flex-basis: 22px;\n\n font-size: 10px;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-compare-v2\"\u003e\n\u003cdiv class=\"abera-compare-v2__inner\"\u003e\n\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__header\"\u003e\n\u003cp class=\"abera-compare-v2__eyebrow\"\u003eWHY CUSTOMERS CHOOSE ABERA MEN\u003c\/p\u003e\n\u003ch2 class=\"abera-compare-v2__title\"\u003eWhy Men Are Switching to ABERA MEN Retinol\u003c\/h2\u003e\n\u003cp class=\"abera-compare-v2__subtitle\"\u003eA targeted nightly retinol serum made for men who want visible anti-aging support, smoother-looking skin and a simple routine that fits real life.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n COMPARISON TABLE\n ====================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__table-wrap\"\u003e\n\u003cdiv class=\"abera-compare-v2__table\"\u003e\n\u003c!-- =================================================\n HEADER ROW\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell\n abera-compare-v2__cell--label\n abera-compare-v2__head\n abera-compare-v2__head--label\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- ABERA HEADER --\u003e\n\u003cdiv class=\"abera-compare-v2__cell\n abera-compare-v2__cell--abera\n abera-compare-v2__head\n abera-compare-v2__head--abera\"\u003e\n\u003cdiv class=\"abera-compare-v2__brand\"\u003e\n\u003c!--\n GẮN LINK HÌNH CHAI ABERA MEN RETINOL\n TẠI src=\"\"\n --\u003e \u003cimg class=\"abera-compare-v2__product-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_23.webp?v=1788840241\" alt=\"ABERA MEN Retinol Serum\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-compare-v2__brand-name\"\u003eABERA MEN\u003cbr\u003eRETINOL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- OTHERS HEADER --\u003e\n\u003cdiv class=\"abera-compare-v2__cell\n abera-compare-v2__cell--other\n abera-compare-v2__head\n abera-compare-v2__head--other\"\u003e\n\u003cdiv class=\"abera-compare-v2__other-title\"\u003eOthers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 01\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eRebuilds collagen in dermis\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 02\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eGentle retinol no irritation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera alt\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 03\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eDeep absorption not surface level\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 04\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eNo inflammation or damage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera alt\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 05\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eNo silicones or fillers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 06\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eMade for men over 40\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera alt\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 07\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eOne step nightly routine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 08\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003e30 day money back guarantee\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera alt\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n 30 DAY MONEY BACK GUARANTEE\n========================================================= *\/\n\n.abera-guarantee-v2 {\n --black: #111111;\n --text: #111111;\n --muted: #5d5d5d;\n --white: #ffffff;\n\n width: 100%;\n max-width: 100%;\n\n background: #ffffff;\n color: var(--text);\n\n font-family: inherit;\n\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.abera-guarantee-v2 *,\n.abera-guarantee-v2 *::before,\n.abera-guarantee-v2 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-guarantee-v2__inner {\n width: 100%;\n max-width: 1050px;\n\n margin: 0 auto;\n\n padding: 60px 24px 64px;\n\n text-align: center;\n}\n\n\n\/* =========================================================\n GUARANTEE LOGO \/ BADGE\n========================================================= *\/\n\n.abera-guarantee-v2__badge {\n width: 165px;\n height: 165px;\n\n margin: 0 auto 30px;\n}\n\n\n.abera-guarantee-v2__badge svg {\n width: 100%;\n height: 100%;\n\n display: block;\n}\n\n\n\/* OUTER CIRCLE *\/\n\n.abera-guarantee-v2__outer-circle {\n fill: none;\n\n stroke: #111111;\n stroke-width: 2.4;\n}\n\n\n\/* INNER SIDE ARCS *\/\n\n.abera-guarantee-v2__inner-arc {\n fill: none;\n\n stroke: #111111;\n stroke-width: 2;\n\n stroke-linecap: round;\n}\n\n\n\/* CURVED TEXT *\/\n\n.abera-guarantee-v2__ring-text {\n fill: #111111;\n\n font-family: Arial, Helvetica, sans-serif;\n\n font-size: 11px;\n font-weight: 700;\n\n letter-spacing: 1.7px;\n\n text-transform: uppercase;\n}\n\n\n\/* NUMBER *\/\n\n.abera-guarantee-v2__number {\n fill: #111111;\n\n font-family: Arial, Helvetica, sans-serif;\n\n font-size: 45px;\n font-weight: 800;\n\n letter-spacing: -1px;\n}\n\n\n\/* DAYS *\/\n\n.abera-guarantee-v2__days {\n fill: #111111;\n\n font-family: Arial, Helvetica, sans-serif;\n\n font-size: 17px;\n font-weight: 800;\n\n letter-spacing: .5px;\n}\n\n\n\/* =========================================================\n TITLE\n========================================================= *\/\n\n.abera-guarantee-v2__title {\n max-width: 900px;\n\n margin: 0 auto 18px;\n\n color: #111111;\n\n font-size: clamp(27px, 3vw, 47px);\n line-height: 1.08;\n\n font-weight: 600;\n\n letter-spacing: 0px;\n}\n\n\n\/* =========================================================\n DESCRIPTION\n========================================================= *\/\n\n.abera-guarantee-v2__description {\n max-width: 760px;\n\n margin: 0 auto;\n\n color: var(--muted);\n\n font-size: 17px;\n line-height: 1.62;\n}\n\n\n.abera-guarantee-v2__description strong {\n color: #111111;\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-guarantee-v2__inner {\n padding: 42px 18px 46px;\n }\n\n\n .abera-guarantee-v2__badge {\n width: 130px;\n height: 130px;\n\n margin-bottom: 24px;\n }\n\n\n .abera-guarantee-v2__title {\n margin-bottom: 14px;\n\n font-size: 31px;\n line-height: 1.12;\n }\n\n\n .abera-guarantee-v2__description {\n font-size: 14px;\n line-height: 1.58;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-guarantee-v2\"\u003e\n\u003cdiv class=\"abera-guarantee-v2__inner\"\u003e\n\u003c!-- =====================================================\n 30 DAY MONEY BACK LOGO\n ====================================================== --\u003e\n\u003cdiv class=\"abera-guarantee-v2__badge\"\u003e\u003csvg viewbox=\"0 0 180 180\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\"\u003e\n\n\n \n\n \u003ccircle class=\"abera-guarantee-v2__outer-circle\" cx=\"90\" cy=\"90\" r=\"78\"\u003e\u003c\/circle\u003e\n\n\n \n\n \u003cdefs\u003e\n\n \u003cpath id=\"aberaMoneyBackTop\" d=\"M 31,79\n A 62,62 0 0,1 149,79\"\u003e\u003c\/path\u003e\n\n\n \n\n \u003cpath id=\"aberaMoneyBackBottom\" d=\"M 37,126\n A 66,66 0 0,0 143,126\"\u003e\u003c\/path\u003e\n\n \u003c\/defs\u003e\n\n\n\n \n\n \u003cpath class=\"abera-guarantee-v2__inner-arc\" d=\"M48 60\n C38 76 37 101 49 119\"\u003e\u003c\/path\u003e\n\n \u003cpath class=\"abera-guarantee-v2__inner-arc\" d=\"M132 60\n C142 76 143 101 131 119\"\u003e\u003c\/path\u003e\n\n\n\n \n\n \u003ctext class=\"abera-guarantee-v2__ring-text\"\u003e\n\n \u003ctextpath href=\"#aberaMoneyBackTop\" startoffset=\"50%\" text-anchor=\"middle\"\u003e\n MONEY BACK\n \u003c\/textpath\u003e\n\n \u003c\/text\u003e\n\n\n\n \n\n \u003ctext class=\"abera-guarantee-v2__number\" x=\"90\" y=\"91\" text-anchor=\"middle\"\u003e\n 30\n \u003c\/text\u003e\n\n\n \u003ctext class=\"abera-guarantee-v2__days\" x=\"90\" y=\"111\" text-anchor=\"middle\"\u003e\n DAYS\n \u003c\/text\u003e\n\n\n\n \n\n \u003ctext class=\"abera-guarantee-v2__ring-text\"\u003e\n\n \u003ctextpath href=\"#aberaMoneyBackBottom\" startoffset=\"50%\" text-anchor=\"middle\"\u003e\n GUARANTEE\n \u003c\/textpath\u003e\n\n \u003c\/text\u003e\n\n\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n CONTENT\n ====================================================== --\u003e\n\u003ch2 class=\"abera-guarantee-v2__title\"\u003eTry It for 30 Days.\u003cbr\u003eIf You Don’t See It, You Don’t Pay.\u003c\/h2\u003e\n\u003cp class=\"abera-guarantee-v2__description\"\u003eWe know you've tried products before that didn't work. Use \u003cstrong\u003eABERA MEN Retinol Serum\u003c\/strong\u003e consistently for 30 days. If you don't notice a difference, simply send it back for a refund.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n FAQ SECTION\n========================================================= *\/\n\n.abera-faq-section {\n width: 100%;\n max-width: 1100px;\n\n margin: 0 auto;\n\n padding: 48px 24px;\n\n font-family: Arial, Helvetica, sans-serif;\n\n color: #111111;\n background: #ffffff;\n\n box-sizing: border-box;\n}\n\n\n.abera-faq-section *,\n.abera-faq-section *::before,\n.abera-faq-section *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n TITLE\n========================================================= *\/\n\n.abera-faq-title {\n margin: 0 0 20px 0;\n\n padding: 0;\n\n color: #000000;\n\n font-size: 28px;\n line-height: 1.3;\n\n font-weight: 800;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n FAQ LIST\n========================================================= *\/\n\n.abera-faq-list {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n border-top: 1px solid #dddddd;\n}\n\n\n\/* =========================================================\n FAQ ITEM\n========================================================= *\/\n\n.abera-faq-item {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n background: #ffffff;\n\n border: none;\n border-bottom: 1px solid #dddddd;\n}\n\n\n\/* REMOVE DEFAULT DETAILS ARROW *\/\n\n.abera-faq-item summary {\n list-style: none;\n}\n\n\n.abera-faq-item summary::-webkit-details-marker {\n display: none;\n}\n\n\n\/* =========================================================\n QUESTION\n========================================================= *\/\n\n.abera-faq-question {\n position: relative;\n\n display: block;\n\n width: 100%;\n\n margin: 0;\n\n padding: 18px 46px 18px 0;\n\n background: #ffffff;\n color: #111111;\n\n cursor: pointer;\n\n font-size: 16px;\n line-height: 1.4;\n\n font-weight: 700;\n}\n\n\n\/* PLUS *\/\n\n.abera-faq-question::after {\n content: \"+\";\n\n position: absolute;\n\n right: 4px;\n top: 50%;\n\n transform: translateY(-50%);\n\n color: #111111;\n\n font-size: 24px;\n line-height: 1;\n\n font-weight: 400;\n}\n\n\n\/* MINUS WHEN OPEN *\/\n\n.abera-faq-item[open] .abera-faq-question::after {\n content: \"−\";\n}\n\n\n\/* =========================================================\n ANSWER\n========================================================= *\/\n\n.abera-faq-answer {\n width: 100%;\n\n margin: 0;\n\n padding: 0 42px 20px 0;\n\n background: #ffffff;\n\n color: #444444;\n\n font-size: 15px;\n line-height: 1.6;\n\n font-weight: 400;\n}\n\n\n.abera-faq-answer p {\n margin: 0;\n padding: 0;\n}\n\n\n.abera-faq-answer strong {\n color: #111111;\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n DOSAGE\n========================================================= *\/\n\n.abera-faq-dosage {\n margin-top: 9px;\n}\n\n\n.abera-faq-dosage div {\n margin: 3px 0;\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-faq-section {\n width: 100%;\n max-width: 100%;\n\n margin: 0 auto;\n\n padding: 20px 16px;\n }\n\n\n .abera-faq-title {\n margin-bottom: 16px;\n\n font-size: 20px;\n line-height: 1.35;\n }\n\n\n .abera-faq-question {\n padding: 16px 38px 16px 0;\n\n font-size: 15px;\n line-height: 1.4;\n }\n\n\n .abera-faq-question::after {\n right: 2px;\n\n font-size: 22px;\n }\n\n\n .abera-faq-answer {\n padding: 0 28px 17px 0;\n\n font-size: 14px;\n line-height: 1.55;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-faq-section\"\u003e\u003c!-- =====================================================\n TITLE\n ====================================================== --\u003e\n\u003ch2 class=\"abera-faq-title\"\u003eQUESTIONS MEN FREQUENTLY ASKED\u003c\/h2\u003e\n\u003c!-- =====================================================\n FAQ LIST\n ====================================================== --\u003e\n\u003cdiv class=\"abera-faq-list\"\u003e\n\u003c!-- ===================================================\n FAQ 01\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eWho is ABERA MEN Retinol Serum designed for?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eABERA MEN Retinol Serum is designed for men who want a simple yet effective skincare solution to help improve the look of fine lines, uneven texture, dullness and dryness. Formulated with 0.1% retinol and skin-supporting ingredients, it is ideal for men looking for smoother, healthier and more refreshed-looking skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 02\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eDoes ABERA MEN Retinol Serum leave behind a residue?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eThe lightweight serum absorbs easily into the skin and is designed to leave it feeling comfortable and hydrated without a heavy, greasy or sticky finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 03\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eWhen should I start seeing results?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eResults vary by skin type and consistency of use. With regular use, you may begin to notice improvements in hydration and skin texture within the first few weeks, while the appearance of fine lines, dark spots and uneven tone may improve gradually over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 04\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eHow much should I use?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eA few drops are typically enough for the face and neck. Adjust slightly depending on your skin's needs.\u003c\/p\u003e\n\u003cdiv class=\"abera-faq-dosage\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDry skin:\u003c\/strong\u003e 5–7 drops\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eNormal skin:\u003c\/strong\u003e 4–6 drops\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eOily skin:\u003c\/strong\u003e 3–5 drops\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 05\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eHow often should I use retinol?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eStart with \u003cstrong\u003e2–3 nights per week\u003c\/strong\u003e and gradually increase frequency as your skin adjusts. Apply at night to clean, dry skin and follow with moisturizer if needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 06\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eDo I need to use sunscreen while using retinol?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eYes. Use a \u003cstrong\u003ebroad-spectrum SPF 30 or higher\u003c\/strong\u003e every morning and limit excessive sun exposure while using retinol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 07\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eI have sensitive skin or allergies — can I use it?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eReview the full ingredient list before use and patch test a small area first. If your skin is particularly sensitive, begin with fewer applications per week and increase gradually as tolerated.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 08\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eHow long will it take for my order to arrive?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eOrders typically ship within \u003cstrong\u003e3–6 business days\u003c\/strong\u003e from our USA warehouse. Tracking information is provided for all orders.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Abera","offers":[{"title":"1 Bottle","offer_id":54075669086576,"sku":"CB-RETINOLTH069+SL1","price":25.0,"currency_code":"USD","in_stock":true},{"title":"2 Bottles + 🎁 1 Turmeric Rice Cleanser","offer_id":54075669119344,"sku":"CB-RETINOLTH069+SL2-CB-SRMABERA30+SL1","price":45.0,"currency_code":"USD","in_stock":true},{"title":"3 Bottles + 🎁 1 Microneedle Derma Roller","offer_id":54075669152112,"sku":"CB-RETINOLTH069+SL3-CB-LKOEM050+SL1","price":55.0,"currency_code":"USD","in_stock":true},{"title":"Face + Body Bundle","offer_id":54168374772080,"sku":"CB-RETINOLTH069+SL1-CB-USASTABM+SL1","price":38.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_d0e66e72-1657-4b5c-925f-bf7ebcf1badf.webp?v=1786697221"},{"product_id":"collagen-neck-cream","title":"Collagen Neck Cream for Dark Neck and Wrinkle Neck","description":"\u003c!-- ============================================================= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ==== PASTE FROM HERE INTO SHOPIFY (start) ================ --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ============================================================= --\u003e\n\u003cstyle\u003e\n #abera-ncc{\n --plum:#3B2A3A; --plum-soft:#5A4453; --bronze:#B07A46; --bronze-deep:#8A5C30;\n --blush:#F6EFEC; --blush-deep:#EFE3DD; --cream:#FFFDFB; --ink:#2B2028; --line:#E4D5CE;\n font-family:'Inter',-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n color:var(--ink); line-height:1.6; font-size:16px; background:var(--cream);\n max-width:100%; margin:0 auto; -webkit-font-smoothing:antialiased;\n }\n #abera-ncc *{box-sizing:border-box;}\n #abera-ncc h1,#abera-ncc h2,#abera-ncc h3{font-family:'Fraunces',Georgia,serif; font-weight:500; color:var(--plum); line-height:1.15; margin:0;}\n #abera-ncc p{margin:0 0 1em;}\n #abera-ncc .ncc-wrap{padding:0 22px;}\n #abera-ncc .ncc-eyebrow{font-family:'Inter',sans-serif; font-weight:600; letter-spacing:.14em; text-transform:uppercase; font-size:12px; color:var(--bronze-deep); margin:0 0 14px;}\n \n \/* HERO *\/\n #abera-ncc .ncc-hero{background:linear-gradient(160deg,#4A3444 0%,#3B2A3A 60%,#2E2030 100%); color:#F6EFEC; padding:52px 26px 46px; text-align:center;}\n #abera-ncc .ncc-hero .ncc-eyebrow{color:#E3B98C;}\n #abera-ncc .ncc-hero h1{color:#FFFDFB; font-size:33px; letter-spacing:-.01em;}\n #abera-ncc .ncc-hero h1 em{font-style:italic; color:#E3B98C;}\n #abera-ncc .ncc-sub{max-width:530px; margin:16px auto 0; color:#E7D9D1; font-size:17px;}\n #abera-ncc .ncc-trustrow{display:flex; flex-wrap:wrap; gap:10px 22px; justify-content:center; margin-top:26px; font-size:13.5px; color:#F0E4DC; font-weight:500;}\n #abera-ncc .ncc-trustrow span{display:inline-flex; align-items:center; gap:7px;}\n #abera-ncc .ncc-trustrow b{color:#E3B98C; font-weight:700;}\n \n \/* SECTION SHELL *\/\n #abera-ncc .ncc-sec{padding:46px 0;}\n #abera-ncc .ncc-sec.tint{background:var(--blush);}\n #abera-ncc .ncc-sec.dark{background:linear-gradient(160deg,#4A3444,#2E2030); color:#E7D9D1;}\n #abera-ncc .ncc-sec.dark h2{color:#FFFDFB;} #abera-ncc .ncc-sec.dark .ncc-eyebrow{color:#E3B98C;}\n #abera-ncc .ncc-sec h2{font-size:26px; margin-bottom:8px;}\n #abera-ncc .ncc-lede{color:var(--plum-soft); font-size:17px; max-width:600px;}\n #abera-ncc .ncc-sec.dark .ncc-lede{color:#E7D9D1;}\n #abera-ncc .ncc-body{font-size:16px; max-width:600px;}\n \n \/* DE-SHAME callout *\/\n #abera-ncc .ncc-note{background:var(--cream); border:1px solid var(--line); border-left:4px solid var(--bronze); border-radius:12px; padding:18px 20px; margin-top:22px;}\n #abera-ncc .ncc-note b{color:var(--plum);}\n \n \/* MECHANISM actives *\/\n #abera-ncc .ncc-mech{display:grid; gap:12px; margin-top:24px;}\n #abera-ncc .ncc-mech .m{display:flex; gap:14px; align-items:flex-start; background:var(--cream); border:1px solid var(--line); border-radius:12px; padding:16px 18px;}\n #abera-ncc .ncc-mech .m .k{flex:0 0 auto; font-family:'Fraunces',serif; font-size:15px; font-weight:600; color:#fff; background:linear-gradient(135deg,var(--bronze),var(--bronze-deep)); padding:6px 12px; border-radius:99px; white-space:nowrap;}\n #abera-ncc .ncc-mech .m p{margin:0; font-size:14.5px; color:var(--plum-soft);}\n #abera-ncc .ncc-mech .m b{color:var(--plum);}\n \n \/* CAROUSEL *\/\n #abera-ncc .ncc-carousel{position:relative; margin-top:22px;}\n #abera-ncc .ncc-track{display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; border-radius:14px;}\n #abera-ncc .ncc-track::-webkit-scrollbar{display:none;}\n #abera-ncc .ncc-slide{flex:0 0 100%; scroll-snap-align:center;}\n #abera-ncc .ncc-slide img{width:100%; display:block; border-radius:14px;}\n #abera-ncc .ncc-arrow{position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border-radius:50%; border:none; background:rgba(59,42,58,.72); color:#fff; font-size:20px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:2;}\n #abera-ncc .ncc-arrow:hover{background:rgba(59,42,58,.9);}\n #abera-ncc .ncc-arrow.prev{left:10px;}\n #abera-ncc .ncc-arrow.next{right:10px;}\n #abera-ncc .ncc-dots{display:flex; gap:8px; justify-content:center; margin-top:14px;}\n #abera-ncc .ncc-dot{width:9px; height:9px; border-radius:50%; background:var(--line); border:none; cursor:pointer; padding:0;}\n #abera-ncc .ncc-dot.active{background:var(--bronze);}\n #abera-ncc .ncc-swipehint{text-align:center; font-size:12.5px; color:var(--plum-soft); margin-top:12px; letter-spacing:.02em;}\n \n \/* BENEFIT CARDS *\/\n #abera-ncc .ncc-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:26px;}\n #abera-ncc .ncc-card{background:var(--cream); border:1px solid var(--line); border-radius:14px; padding:22px 18px;}\n #abera-ncc .ncc-card .ic{width:44px; height:44px; border-radius:11px; background:var(--blush-deep); display:flex; align-items:center; justify-content:center; margin-bottom:14px;}\n #abera-ncc .ncc-card h3{font-size:17px; margin-bottom:7px;}\n #abera-ncc .ncc-card p{font-size:14px; color:var(--plum-soft); margin-bottom:0;}\n \n \/* INGREDIENTS *\/\n #abera-ncc .ncc-ing{display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:24px;}\n #abera-ncc .ncc-ing .row{display:flex; gap:14px; align-items:center; background:var(--cream); border:1px solid var(--line); border-radius:12px; padding:12px;}\n #abera-ncc .ncc-ing-img{flex:0 0 33%; width:33%; aspect-ratio:1\/1; border-radius:12px; object-fit:cover; display:block;}\n #abera-ncc .ncc-ing b{display:block; color:var(--plum); font-size:15px;}\n #abera-ncc .ncc-ing span{font-size:13.5px; color:var(--plum-soft);}\n \n \/* TIMELINE *\/\n #abera-ncc .ncc-steps{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:26px;}\n #abera-ncc .ncc-step .n{font-family:'Fraunces',serif; font-size:34px; color:var(--bronze); line-height:1; display:block; margin-bottom:8px;}\n #abera-ncc .ncc-step h3{font-size:16px; margin-bottom:5px;}\n #abera-ncc .ncc-step p{font-size:14px; color:var(--plum-soft); margin-bottom:0;}\n \n \/* FEATURE (roller) *\/\n #abera-ncc .ncc-feature{display:grid; grid-template-columns:1fr 1fr; gap:26px; align-items:center;}\n #abera-ncc .ncc-feature ul{list-style:none; padding:0; margin:18px 0 0; display:grid; gap:12px;}\n #abera-ncc .ncc-feature li{display:flex; gap:11px; font-size:15px;}\n #abera-ncc .ncc-feature li b{color:var(--plum);}\n #abera-ncc .ncc-feature li svg{flex:0 0 20px; margin-top:3px;}\n \n \/* SECONDARY firm\/smooth *\/\n #abera-ncc .ncc-second{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center;}\n #abera-ncc .ncc-second img{width:100%; border-radius:14px; display:block;}\n \n \/* GUARANTEE BAR *\/\n #abera-ncc .ncc-bar{background:var(--plum); color:#F0E4DC; border-radius:16px; padding:30px 26px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; text-align:center;}\n #abera-ncc .ncc-bar h3{color:#E3B98C; font-size:16px; margin-bottom:5px;}\n #abera-ncc .ncc-bar p{font-size:13.5px; color:#E7D9D1; margin-bottom:0;}\n \n \/* FAQ *\/\n #abera-ncc .ncc-faq{margin-top:22px; border-top:1px solid var(--line);}\n #abera-ncc .ncc-faq details{border-bottom:1px solid var(--line);}\n #abera-ncc .ncc-faq summary{cursor:pointer; list-style:none; padding:17px 4px; font-weight:600; color:var(--plum); font-size:16px; display:flex; justify-content:space-between; align-items:center; gap:16px;}\n #abera-ncc .ncc-faq summary::-webkit-details-marker{display:none;}\n #abera-ncc .ncc-faq summary::after{content:\"+\"; font-size:22px; color:var(--bronze); font-weight:400; line-height:1;}\n #abera-ncc .ncc-faq details[open] summary::after{content:\"\\2013\";}\n #abera-ncc .ncc-faq p{padding:0 4px 18px; color:var(--plum-soft); font-size:15px; margin:0;}\n \n \/* FINAL CTA *\/\n #abera-ncc .ncc-final{background:linear-gradient(160deg,#4A3444,#2E2030); color:#F6EFEC; text-align:center; padding:48px 26px;}\n #abera-ncc .ncc-final h2{color:#FFFDFB; font-size:28px;}\n #abera-ncc .ncc-final p{color:#E7D9D1; max-width:470px; margin:14px auto 0;}\n #abera-ncc .ncc-cta-btn{display:inline-block; margin-top:24px; background:#E3B98C; color:var(--plum); font-family:'Inter',sans-serif; font-weight:700; font-size:16px; letter-spacing:.02em; text-decoration:none; padding:16px 34px; border-radius:99px; border:none; cursor:pointer; transition:transform .15s ease, background .15s ease;}\n #abera-ncc .ncc-cta-btn:hover{background:#EFCBA3; transform:translateY(-2px);}\n \n \/* MOBILE *\/\n @media (max-width:600px){\n #abera-ncc .ncc-hero h1{font-size:26px;}\n #abera-ncc .ncc-cards,#abera-ncc .ncc-ing,#abera-ncc .ncc-feature,#abera-ncc .ncc-steps,#abera-ncc .ncc-bar,#abera-ncc .ncc-second{grid-template-columns:1fr;}\n #abera-ncc .ncc-sec h2{font-size:22px;}\n }\n\u003c\/style\u003e\n\u003cdiv id=\"abera-ncc\"\u003e\n\u003c!-- ========== HERO ========== --\u003e\u003cheader class=\"ncc-hero\"\u003e\n\u003cp class=\"ncc-eyebrow\"\u003eTargeted Dark-Neck Treatment\u003c\/p\u003e\n\u003ch1\u003eFade a dark, dingy neck — \u003cem\u003ethe kind scrubbing never fixes\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ncc-sub\"\u003eA roll-on cream made to visibly fade the dark, thickened skin often linked to Acanthosis Nigricans — powered by our Melanin-Blocker Complex. Firms and smooths, too.\u003c\/p\u003e\n\u003cdiv class=\"ncc-trustrow\"\u003e\n\u003cspan\u003e✔ Visible in as few as \u003cb\u003e5 uses\u003c\/b\u003e\u003c\/span\u003e \u003cspan\u003e✔ \u003cb\u003eMelanin-Blocker\u003c\/b\u003e Complex\u003c\/span\u003e \u003cspan\u003e✔ Roll-on, \u003cb\u003eno mess\u003c\/b\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- ========== DE-SHAMING PROBLEM ========== --\u003e\n\u003csection class=\"ncc-sec\"\u003e\n\u003cdiv class=\"ncc-wrap\"\u003e\n\u003cp class=\"ncc-eyebrow\"\u003eRead this first\u003c\/p\u003e\n\u003ch2\u003eIt's not dirt. And it's not your fault.\u003c\/h2\u003e\n\u003cp class=\"ncc-body\"\u003eIf the skin on your neck looks dark, dull, or \"dirty\" no matter how hard you scrub — you're not doing anything wrong. Those darker, thicker folds are often a sign of \u003cb\u003eAcanthosis Nigricans\u003c\/b\u003e: a common skin response tied to hormones, insulin, friction, or simple genetics.\u003c\/p\u003e\n\u003cdiv class=\"ncc-note\"\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003cb\u003eHere's the part no one tells you:\u003c\/b\u003e the pigment sits \u003cem\u003einside\u003c\/em\u003e the skin — not on top of it. That's exactly why soap and scrubbing can't shift it, and why scrubbing hard can actually make the darkening worse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE: dark neck close-up --\u003e\n\u003cdiv style=\"margin-top: 24px;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-dark-neck-before-after.webp?v=1786444466\" alt=\"Dark, thickened neck skin associated with Acanthosis Nigricans\" style=\"width: 100%; border-radius: 14px; display: block;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========== SWIPEABLE BEFORE \/ AFTER ========== --\u003e\n\u003csection class=\"ncc-sec\"\u003e\n\u003cdiv class=\"ncc-wrap\"\u003e\n\u003cp class=\"ncc-eyebrow\"\u003eReal results\u003c\/p\u003e\n\u003ch2\u003eSwipe through the difference\u003c\/h2\u003e\n\u003cdiv class=\"ncc-carousel\"\u003e\n\u003cdiv class=\"ncc-track\"\u003e\n\u003cdiv class=\"ncc-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_1_af94f800-5e20-4141-899a-ff96d713c9f7.webp?v=1787045252\" alt=\"Dark neck before and after, result 1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ncc-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_2_6ffbd063-4ef7-4086-99b6-4541e7d0ffc7.webp?v=1787045252\" alt=\"Dark neck before and after, result 2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ncc-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_3_9e0e3c15-a87a-46ee-973d-ed36cddeedec.webp?v=1787045252\" alt=\"Dark neck before and after, result 3\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ncc-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_4_37801269-1f44-432f-b9a9-4e2f90da2c14.webp?v=1787045252\" alt=\"Dark neck before and after, result 4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"ncc-arrow prev\"\u003e‹\u003c\/button\u003e \u003cbutton class=\"ncc-arrow next\"\u003e›\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ncc-dots\"\u003e\n\u003cbutton class=\"ncc-dot active\"\u003e\u003c\/button\u003e \u003cbutton class=\"ncc-dot\"\u003e\u003c\/button\u003e \u003cbutton class=\"ncc-dot\"\u003e\u003c\/button\u003e \u003cbutton class=\"ncc-dot\"\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cp class=\"ncc-swipehint\"\u003e← swipe to see more →\u003c\/p\u003e\n\u003cp style=\"font-size: 12.5px; color: var(--plum-soft); margin-top: 14px; text-align: center;\"\u003eIndividual results vary with skin type and consistency of use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========== TIMELINE ========== --\u003e\n\u003csection class=\"ncc-sec dark\"\u003e\n\u003cdiv class=\"ncc-wrap\"\u003e\n\u003cp class=\"ncc-eyebrow\"\u003eWhat to expect\u003c\/p\u003e\n\u003ch2\u003eNoticeable fast. Most effective by week 6.\u003c\/h2\u003e\n\u003cp class=\"ncc-lede\"\u003eNo vague \"results may take months.\" Here's the honest timeline.\u003c\/p\u003e\n\u003cdiv class=\"ncc-steps\"\u003e\n\u003cdiv class=\"ncc-step\"\u003e\n\u003cspan class=\"n\"\u003e1–5\u003c\/span\u003e\n\u003ch3\u003eFirst 5 uses\u003c\/h3\u003e\n\u003cp style=\"color: #e7d9d1;\"\u003eSkin feels smoother and softer; tone starts to look fresher and less dull.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ncc-step\"\u003e\n\u003cspan class=\"n\"\u003e2–4\u003c\/span\u003e\n\u003ch3\u003eWeeks 2–4\u003c\/h3\u003e\n\u003cp style=\"color: #e7d9d1;\"\u003eDark folds visibly begin to lighten; overall tone looks more even.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ncc-step\"\u003e\n\u003cspan class=\"n\"\u003e4–6\u003c\/span\u003e\n\u003ch3\u003eWeeks 4–6\u003c\/h3\u003e\n\u003cp style=\"color: #e7d9d1;\"\u003ePeak results — a brighter, more even, firmer-looking neck.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========== HOW IT WORKS + ACTIVES (merged) ========== --\u003e\n\u003csection class=\"ncc-sec tint\"\u003e\n\u003cdiv class=\"ncc-wrap\"\u003e\n\u003cp class=\"ncc-eyebrow\"\u003eHow it works\u003c\/p\u003e\n\u003ch2\u003eYou can't wash pigment away. You target it.\u003c\/h2\u003e\n\u003cp class=\"ncc-lede\"\u003eA dark neck isn't dirt on the surface — it's excess pigment in the skin. Our Melanin-Blocker Complex pairs three clinically loved brighteners to fade it, plus nano collagen to firm.\u003c\/p\u003e\n\u003cdiv class=\"ncc-ing\"\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cimg class=\"ncc-ing-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-niacinamide.webp?v=1786444378\" alt=\"Niacinamide\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eNiacinamide\u003c\/b\u003e\u003cspan\u003eInterrupts the transfer of excess pigment and evens tone across thick, discolored folds — while strengthening the skin barrier.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cimg class=\"ncc-ing-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-alpha-arbutin.webp?v=1786444395\" alt=\"Alpha-Arbutin\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eAlpha-Arbutin\u003c\/b\u003e\u003cspan\u003eA gentle, targeted brightener that works on stubborn dark patches — without harsh bleaching.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cimg class=\"ncc-ing-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-licorice-root.webp?v=1786444428\" alt=\"Licorice Root Extract\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eLicorice Root Extract\u003c\/b\u003e\u003cspan\u003eCalms and brightens at once, helping fade the look of dark, dingy skin over time.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cimg class=\"ncc-ing-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-collagen.webp?v=1786444406\" alt=\"Nano Hydrolyzed Collagen\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eNano Hydrolyzed Collagen\u003c\/b\u003e\u003cspan\u003eFirms sagging skin and supports elasticity — so your neck looks brighter \u003cem\u003eand\u003c\/em\u003e tighter, no second product needed.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========== ROLLER FEATURE ========== --\u003e\n\u003csection class=\"ncc-sec\"\u003e\n\u003cdiv class=\"ncc-wrap\"\u003e\n\u003cdiv class=\"ncc-feature\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"ncc-eyebrow\"\u003eThe signature detail\u003c\/p\u003e\n\u003ch2\u003eA built-in massage roller\u003c\/h2\u003e\n\u003cp class=\"ncc-lede\"\u003ePrecise, mess-free, and it helps the brighteners reach deep, thickened folds.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#B07A46\" stroke-width=\"2\"\u003e\u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003e\u003cb\u003eTouchless application\u003c\/b\u003e — cream goes straight onto the neck, zero waste on your hands.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#B07A46\" stroke-width=\"2\"\u003e\u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003e\u003cb\u003eDeeper absorption\u003c\/b\u003e — the rolling motion boosts micro-circulation, driving the actives into thick, textured skin.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#B07A46\" stroke-width=\"2\"\u003e\u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003e\u003cb\u003eCooling massage\u003c\/b\u003e that feels like a mini in-home facial.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE: roller --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-roller.webp?v=1786444442\" alt=\"Built-in massage roller applicator on ABERA Collagen Neck Cream\" style=\"width: 100%; border-radius: 14px; display: block;\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========== SECONDARY: FIRM \u0026 SMOOTH (the ~20%) ========== --\u003e\n\u003csection class=\"ncc-sec tint\"\u003e\n\u003cdiv class=\"ncc-wrap\"\u003e\n\u003cdiv class=\"ncc-second\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-wrinkle.webp?v=1786444657\" alt=\"Smoother, firmer-looking neck with fewer lines\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"ncc-eyebrow\"\u003eBonus\u003c\/p\u003e\n\u003ch2\u003eFirmer, smoother — too\u003c\/h2\u003e\n\u003cp style=\"font-size: 15.5px; color: var(--plum-soft); margin: 0;\"\u003eA dark neck often comes with crepey sagging and deep \"tech-neck\" lines. Nano collagen supports firmness and helps soften those creases — so your neck looks brighter \u003cem\u003eand\u003c\/em\u003e tighter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========== HOW TO USE ========== --\u003e\n\u003csection class=\"ncc-sec\"\u003e\n\u003cdiv class=\"ncc-wrap\"\u003e\n\u003cp class=\"ncc-eyebrow\"\u003eThe routine\u003c\/p\u003e\n\u003ch2\u003eThree seconds, morning and night\u003c\/h2\u003e\n\u003cdiv class=\"ncc-steps\"\u003e\n\u003cdiv class=\"ncc-step\"\u003e\n\u003cspan class=\"n\"\u003e01\u003c\/span\u003e\n\u003ch3\u003eCleanse\u003c\/h3\u003e\n\u003cp\u003eStart with clean, dry skin on the neck and folds.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ncc-step\"\u003e\n\u003cspan class=\"n\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eRoll on\u003c\/h3\u003e\n\u003cp\u003eGlide the roller over the dark, thickened areas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ncc-step\"\u003e\n\u003cspan class=\"n\"\u003e03\u003c\/span\u003e\n\u003ch3\u003eMassage in\u003c\/h3\u003e\n\u003cp\u003eLet it absorb. Use twice daily — consistency is everything.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========== GUARANTEE BAR ========== --\u003e\n\u003csection class=\"ncc-sec tint\"\u003e\n\u003cdiv class=\"ncc-wrap\"\u003e\n\u003cdiv class=\"ncc-bar\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eBuilt for dark necks\u003c\/h3\u003e\n\u003cp\u003eTargets pigment in thickened folds — not a basic moisturizer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eGentle daily use\u003c\/h3\u003e\n\u003cp\u003eLightweight, non-greasy, kind to sensitive neck skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eMess-free roll-on\u003c\/h3\u003e\n\u003cp\u003eNo waste, no residue — just glide and go.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========== FAQ ========== --\u003e\n\u003csection class=\"ncc-sec\"\u003e\n\u003cdiv class=\"ncc-wrap\"\u003e\n\u003cp class=\"ncc-eyebrow\"\u003eGood to know\u003c\/p\u003e\n\u003ch2\u003eQuestions, answered\u003c\/h2\u003e\n\u003cdiv class=\"ncc-faq\"\u003e\n\u003cdetails open=\"\"\u003e\n\u003csummary\u003eWhy won't my dark neck wash off?\u003c\/summary\u003e\n\u003cp\u003eBecause it usually isn't dirt. Dark, thickened neck folds are often Acanthosis Nigricans — extra pigment produced inside the skin in response to things like hormones, insulin, or friction. Soap can't reach it. A targeted brightening formula can help fade the look of it over time.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow fast will I see results?\u003c\/summary\u003e\n\u003cp\u003eMany people notice smoother, fresher-looking skin within the first 5 uses. Visible fading of dark patches typically builds between weeks 2 and 6 with consistent twice-daily use. Results vary by skin type and how regularly you use it.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWill it help with Acanthosis Nigricans?\u003c\/summary\u003e\n\u003cp\u003eThe Melanin-Blocker Complex is designed to visibly fade the look of the dark, thickened skin associated with Acanthosis Nigricans. It's a cosmetic skincare product, not a medical treatment — if the darkening appeared suddenly or is spreading, please see a doctor, as it can be linked to underlying health factors.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eIs it safe for deeper skin tones and sensitive skin?\u003c\/summary\u003e\n\u003cp\u003eYes. It's formulated to brighten gently, without harsh bleaching, and it's lightweight enough for the thin skin on the neck. If you have known sensitivities, patch-test on your inner arm for 24 hours first.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan I use it with my other skincare?\u003c\/summary\u003e\n\u003cp\u003eAbsolutely. Apply it to clean skin before heavier creams or SPF, and let the roller massage it in first.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========== FINAL CTA ========== --\u003e\n\u003csection class=\"ncc-final\"\u003e\n\u003ch2\u003eStop hiding your neck\u003c\/h2\u003e\n\u003cp\u003eFade the dark, thickened skin that scrubbing never could — with one gentle roll-on step, twice a day.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"ncc-cta-btn\"\u003eAdd to Cart \u0026amp; Start Today\u003c\/a\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ============================================================= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ==== PASTE TO HERE INTO SHOPIFY (end) =================== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ============================================================= --\u003e","brand":"Abera","offers":[{"title":"1 Box","offer_id":53908354171248,"sku":"CB-ABERA062+SL1","price":17.99,"currency_code":"USD","in_stock":true},{"title":"2 Boxes + 5x Eye Mask Gift","offer_id":53908354204016,"sku":"CB-ABERA062+SL2-CB-CBMASK05+SL1","price":30.99,"currency_code":"USD","in_stock":true},{"title":"3 Boxes + 10x Eye Mask Gift","offer_id":53908354236784,"sku":"CB-ABERA062+SL3-CB-CBMATNA039+SL1","price":43.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/collagen_neck_cream_main_image_spf_df32a9e7-7f8b-455e-b8b7-0293da79e9e1.webp?v=1784519282"},{"product_id":"abera-kasumi-glowing-cream","title":"Abera Kasumi Glowing Cream","description":"\u003c!-- ============ COPY FROM HERE ============ --\u003e\n\u003cstyle\u003e\n .kasumi-pdp{\n --gold:#b3934e; --gold-deep:#8a6d34; --espresso:#3a2c1e; --ink:#2a2118;\n --cream:#faf6ef; --sand:#f1e8d8; --line:#e4d8c3; --muted:#6f6152;\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif;\n color:var(--ink); line-height:1.6; max-width:1100px; margin:0 auto; padding:8px;\n -webkit-font-smoothing:antialiased;\n }\n .kasumi-pdp *{box-sizing:border-box;}\n .kasumi-pdp img{width:100%; height:auto; display:block; border-radius:14px;}\n .kasumi-pdp .kp-eyebrow{\n text-transform:uppercase; letter-spacing:.22em; font-size:12px; font-weight:700;\n color:var(--gold-deep); margin:0 0 10px;\n }\n .kasumi-pdp h2.kp-h{\n font-size:30px; line-height:1.2; margin:0 0 14px; font-weight:800; color:var(--espresso);\n letter-spacing:-.01em;\n }\n .kasumi-pdp h3.kp-sub{font-size:20px; margin:0 0 10px; font-weight:700; color:var(--espresso);}\n .kasumi-pdp p{margin:0 0 14px; font-size:16px; color:var(--ink);}\n .kasumi-pdp .kp-lead{font-size:18px; color:var(--espresso); font-weight:600;}\n\n \/* HERO *\/\n .kasumi-pdp .kp-hero{\n background:linear-gradient(160deg,#fbf3e2 0%,#f4e6cd 100%);\n border-radius:20px; padding:34px 26px; text-align:center; margin:0 0 26px;\n border:1px solid var(--line);\n }\n .kasumi-pdp .kp-hero .kp-eyebrow{margin-bottom:14px;}\n .kasumi-pdp .kp-hero h1{\n font-size:34px; line-height:1.15; margin:0 auto 14px; font-weight:800;\n color:var(--espresso); max-width:640px; letter-spacing:-.01em;\n }\n .kasumi-pdp .kp-hero .kp-tag{color:var(--gold-deep);}\n .kasumi-pdp .kp-hero p{max-width:600px; margin:0 auto 20px; color:#4a3c2c; font-size:17px;}\n .kasumi-pdp .kp-hero img{max-width:520px; margin:6px auto 0;}\n\n \/* STARS + TRUST STRIP *\/\n .kasumi-pdp .kp-stars{color:var(--gold); font-size:18px; letter-spacing:2px; margin-bottom:6px;}\n .kasumi-pdp .kp-trust{\n display:flex; flex-wrap:wrap; gap:10px; justify-content:center;\n margin:22px 0 30px; padding:0; list-style:none;\n }\n .kasumi-pdp .kp-trust li{\n background:var(--cream); border:1px solid var(--line); border-radius:999px;\n padding:9px 16px; font-size:13px; font-weight:600; color:var(--espresso);\n }\n .kasumi-pdp .kp-trust li b{color:var(--gold-deep);}\n\n \/* GENERIC SECTION *\/\n .kasumi-pdp .kp-sec{margin:0 0 30px;}\n .kasumi-pdp .kp-split{\n display:flex; gap:28px; align-items:center; margin:0 0 30px;\n }\n .kasumi-pdp .kp-split\u003ediv{flex:1 1 0; min-width:0;}\n .kasumi-pdp .kp-split.rev{flex-direction:row-reverse;}\n\n \/* PROBLEM CARD *\/\n .kasumi-pdp .kp-problem{\n background:var(--espresso); color:#f3e9d8; border-radius:18px; padding:30px 26px; margin:0 0 30px;\n }\n .kasumi-pdp .kp-problem .kp-eyebrow{color:#d8b871;}\n .kasumi-pdp .kp-problem h2.kp-h{color:#fff;}\n .kasumi-pdp .kp-problem p{color:#e8dcc7;}\n .kasumi-pdp .kp-problem ul{margin:0; padding-left:20px;}\n .kasumi-pdp .kp-problem li{margin-bottom:8px; color:#e8dcc7;}\n\n \/* PROOF *\/\n .kasumi-pdp .kp-proof{\n background:linear-gradient(160deg,#fbf3e2 0%,#f5e8d0 100%);\n border:1px solid var(--line); border-radius:20px; padding:30px 26px; text-align:center; margin:0 0 30px;\n }\n .kasumi-pdp .kp-proof .kp-badge{\n display:inline-block; background:var(--gold-deep); color:#fff; font-weight:800;\n font-size:14px; letter-spacing:.04em; padding:8px 18px; border-radius:999px; margin-bottom:16px;\n }\n .kasumi-pdp .kp-proof img{max-width:760px; margin:10px auto 0;}\n .kasumi-pdp .kp-proof .kp-fine{font-size:12px; color:var(--muted); margin:14px 0 0;}\n\n \/* INGREDIENTS *\/\n .kasumi-pdp .kp-ing-grid{\n display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:18px 0 0;\n }\n .kasumi-pdp .kp-ing-grid div{\n background:var(--cream); border:1px solid var(--line); border-radius:12px; padding:14px;\n }\n .kasumi-pdp .kp-ing-grid b{display:block; color:var(--espresso); font-size:15px; margin-bottom:3px;}\n .kasumi-pdp .kp-ing-grid span{font-size:13px; color:var(--muted);}\n\n \/* HOW TO USE *\/\n .kasumi-pdp .kp-steps{list-style:none; margin:18px 0 0; padding:0; counter-reset:s;}\n .kasumi-pdp .kp-steps li{\n position:relative; padding:0 0 16px 52px; counter-increment:s;\n }\n .kasumi-pdp .kp-steps li::before{\n content:counter(s); position:absolute; left:0; top:0;\n width:36px; height:36px; border-radius:50%; background:var(--gold); color:#fff;\n font-weight:800; display:flex; align-items:center; justify-content:center; font-size:16px;\n }\n .kasumi-pdp .kp-steps b{color:var(--espresso);}\n\n \/* CTA *\/\n .kasumi-pdp .kp-cta{\n background:linear-gradient(160deg,#3a2c1e,#5a4226); color:#fff; border-radius:20px;\n padding:34px 26px; text-align:center; margin:34px 0 8px;\n }\n .kasumi-pdp .kp-cta h2{font-size:26px; margin:0 0 10px; color:#fff; font-weight:800;}\n .kasumi-pdp .kp-cta p{color:#ecdfca; max-width:520px; margin:0 auto 20px;}\n .kasumi-pdp .kp-cta a{\n display:inline-block; background:var(--gold); color:#2a2118; font-weight:800;\n text-decoration:none; padding:15px 40px; border-radius:999px; font-size:16px; letter-spacing:.02em;\n }\n .kasumi-pdp .kp-cta small{display:block; margin-top:14px; color:#cdbb9c; font-size:13px;}\n\n \/* RESPONSIVE *\/\n @media (max-width:768px){\n .kasumi-pdp .kp-split,.kasumi-pdp .kp-split.rev{flex-direction:column; gap:18px;}\n .kasumi-pdp .kp-hero h1{font-size:26px;}\n .kasumi-pdp h2.kp-h{font-size:24px;}\n .kasumi-pdp .kp-ing-grid{grid-template-columns:1fr 1fr;}\n .kasumi-pdp .kp-hero,.kasumi-pdp .kp-problem,.kasumi-pdp .kp-proof,.kasumi-pdp .kp-cta{padding:24px 18px;}\n }\n @media (max-width:460px){\n .kasumi-pdp .kp-ing-grid{grid-template-columns:1fr;}\n }\n \u003c\/style\u003e\n\u003cdiv class=\"kasumi-pdp\"\u003e\n\u003c!-- 1) HERO — hook + primary product shot --\u003e\n\u003cdiv class=\"kp-hero\"\u003e\n\u003cp class=\"kp-eyebrow\"\u003eBrightening · Dark Spot · Melasma Care\u003c\/p\u003e\n\u003ch1\u003eVisibly Fade Dark Spots \u0026amp; \u003cspan class=\"kp-tag\"\u003eMelasma\u003c\/span\u003e — for Skin That Glows From Within\u003c\/h1\u003e\n\u003cp\u003eKasumi Glowing Cream pairs Red Reishi Mushroom, Red Ginseng \u0026amp; Snail Secretion Filtrate to help soften the look of stubborn discoloration and even your tone — leaving skin smooth, soft, and radiant.\u003c\/p\u003e\n\u003cdiv class=\"kp-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cimg loading=\"lazy\" alt=\"Kasumi Abera Glowing Cream jar on a soft yellow background\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-glowing-cream-melasma-cream-dark_spot_1200x.webp?v=1762529842\"\u003e\n\u003c\/div\u003e\n\u003c!-- TRUST STRIP --\u003e\n\u003cul class=\"kp-trust\"\u003e\n\u003cli\u003e\n\u003cb\u003e✓\u003c\/b\u003e Suitable for all skin types\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003e✓\u003c\/b\u003e Botanical actives\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003e✓\u003c\/b\u003e Niacinamide + BHA\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003e✓\u003c\/b\u003e 30g \/ 1.06 oz\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- 2) PROBLEM — agitate --\u003e\n\u003cdiv class=\"kp-problem\"\u003e\n\u003cp class=\"kp-eyebrow\"\u003eThe Real Problem\u003c\/p\u003e\n\u003ch2 class=\"kp-h\"\u003eDark spots and melasma rarely fade on their own\u003c\/h2\u003e\n\u003cp\u003eSun exposure, hormones, and time push melanin to cluster — leaving patches that ordinary moisturizers simply can't reach. If you've been layering product after product with little to show, the issue isn't you. It's that most creams hydrate the surface without targeting the cause of uneven tone.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePatchy dark spots that make skin look tired and older\u003c\/li\u003e\n\u003cli\u003eMelasma that resurfaces every summer\u003c\/li\u003e\n\u003cli\u003eDullness and uneven tone that makeup only masks\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 3) PROOF — before\/after --\u003e\n\u003cdiv class=\"kp-proof\"\u003e\n\u003cspan class=\"kp-badge\"\u003eUp to 70% visibly more even tone\u003c\/span\u003e\n\u003ch2 class=\"kp-h\"\u003eSee the difference in the mirror\u003c\/h2\u003e\n\u003cp\u003eWith consistent twice-daily use, users report a visibly brighter, more even complexion — dark spots softened, glow restored.\u003c\/p\u003e\n\u003cimg loading=\"lazy\" alt=\"Before and after comparison showing up to 70% visible reduction in the appearance of melasma\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-glowing-cream-melasma-reduction_1200x.webp?v=1762529813\"\u003e\n\u003cp class=\"kp-fine\"\u003eIndividual results vary. This is a cosmetic product and describes the appearance of skin; it does not treat, cure, or prevent any medical condition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 4) WHY IT WORKS — ingredients --\u003e\n\u003cdiv class=\"kp-split\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"kp-eyebrow\"\u003eWhy It Works\u003c\/p\u003e\n\u003ch2 class=\"kp-h\"\u003ePowered by premium botanical actives\u003c\/h2\u003e\n\u003cp\u003eEvery jar concentrates hero ingredients chosen to brighten, renew, and defend — working together so tone looks more even and skin feels replenished.\u003c\/p\u003e\n\u003cdiv class=\"kp-ing-grid\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eRed Reishi\u003c\/b\u003e\u003cspan\u003eAntioxidant-rich; helps defend against dullness\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eRed Ginseng\u003c\/b\u003e\u003cspan\u003eSupports a firmer, revitalized look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eSnail Filtrate\u003c\/b\u003e\u003cspan\u003eSoothes and replenishes moisture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eNiacinamide\u003c\/b\u003e\u003cspan\u003eTargets the look of uneven tone\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eLarix Sibirica\u003c\/b\u003e\u003cspan\u003eBotanical brightening support\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eBHA (Salicylic)\u003c\/b\u003e\u003cspan\u003eGently smooths and refines texture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cimg loading=\"lazy\" alt=\"Premium ingredients: Larix Sibirica, Snail Filtrate, Niacinamide, Reishi Mushroom, BHA and Red Ginseng\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-glowing-cream-premium-ingredient_600x.webp?v=1762529890\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) WHO IT'S FOR + HOW TO USE --\u003e\n\u003cdiv class=\"kp-split rev\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"kp-eyebrow\"\u003eMade For Everyone\u003c\/p\u003e\n\u003ch2 class=\"kp-h\"\u003eGentle enough for all skin types\u003c\/h2\u003e\n\u003cp\u003eLightweight, fast-absorbing, and non-greasy — Kasumi Glowing Cream fits effortlessly into your morning and evening routine.\u003c\/p\u003e\n\u003ch3 class=\"kp-sub\"\u003eHow to use\u003c\/h3\u003e\n\u003col class=\"kp-steps\"\u003e\n\u003cli\u003e\n\u003cb\u003eCleanse\u003c\/b\u003e and pat skin dry.\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eApply\u003c\/b\u003e a pea-sized amount evenly across the face.\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eMassage\u003c\/b\u003e in gentle circular motions until absorbed.\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eRepeat\u003c\/b\u003e morning and night — pair AM use with sunscreen.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cimg loading=\"lazy\" alt=\"Woman applying Kasumi Glowing Cream — suitable for all skin types\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-glowing-cream-suitable-all-skin-type_600x.webp?v=1762529866\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) CTA --\u003e\n\u003cdiv class=\"kp-cta\"\u003e\n\u003ch2\u003eStart your glow-up today\u003c\/h2\u003e\n\u003cp\u003eBundle \u0026amp; save — the more you take, the more even and radiant your tone becomes over time.\u003c\/p\u003e\n\u003ca href=\"#\"\u003eChoose your bundle ↑\u003c\/a\u003e \u003csmall\u003e30g \/ 1.06 oz per jar · For external use only\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============ COPY TO HERE ============ --\u003e","brand":"Abera","offers":[{"title":"1 Box","offer_id":54115204202864,"sku":"CB-ABERA100+SL1","price":41.0,"currency_code":"USD","in_stock":true},{"title":"2 Boxes + 5 Eye Masks","offer_id":54115204235632,"sku":"CB-ABERA100+SL2+CB-CBMASK05+SL1","price":64.0,"currency_code":"USD","in_stock":true},{"title":"3 Boxes + 10 Eye Masks","offer_id":54115204268400,"sku":"CB-ABERA100+SL3-CB-CBMATNA039+SL1","price":85.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-main-image-new.webp?v=1785731406"},{"product_id":"abera-men-acne-body-wash","title":"ABERA Acne Body Wash For Men","description":"\u003cstyle\u003e\n.abera-acne-intro {\n font-family: Inter, Arial, sans-serif;\n background: #fff;\n padding: 72px 28px 92px;\n color: #111;\n}\n\n.abera-acne-intro__inner {\n max-width: none ;\n margin: 0 auto;\n text-align: center;\n}\n\n.abera-acne-intro__badge {\n display: inline-block;\n background: #f3efe9;\n border-radius: 999px;\n padding: 8px 20px;\n font-size: 24px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n margin-bottom: 28px;\n}\n\n.abera-acne-intro__title {\n margin: 0 auto;\n max-width: none;\n font-size: clamp(28px, 4vw, 58px);\n line-height: 1.3;\n letter-spacing: 0px;\n font-weight: 700;\n}\n\n.abera-acne-intro__description {\n max-width: none;\n margin: 35px auto 0;\n font-size: 20px;\n line-height: 1.55;\n color: #666;\n font-weight: 400;\n}\n\n.abera-acne-intro__description strong {\n color: #111;\n font-weight: 700;\n}\n\n.abera-acne-intro__divider {\n width: 100%;\n height: 1px;\n background: #e7e3dd;\n margin: 25px 0 25px;\n}\n\n.abera-acne-intro__benefits {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n gap: 40px;\n font-size: 20px;\n font-weight: 700;\n}\n\n.abera-acne-intro__benefit {\n white-space: nowrap;\n}\n\n.abera-acne-intro__closing {\n margin: 34px 0 0;\n font-size: 20px;\n line-height: 1.45;\n font-weight: 700;\n}\n\n@media (max-width: 767px) {\n .abera-acne-intro {\n padding: 48px 18px 48px;\n }\n\n .abera-acne-intro__badge {\n font-size: 14px;\n padding: 7px 14px;\n margin-bottom: 20px;\n }\n\n .abera-acne-intro__title {\n font-size: 27px;\n line-height: 1.2;\n letter-spacing: 0px;\n }\n\n .abera-acne-intro__description {\n margin-top: 24px;\n font-size: 16px;\n line-height: 1.6;\n }\n\n .abera-acne-intro__divider {\n margin: 25px 0 25px;\n }\n\n .abera-acne-intro__benefits {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 14px 12px;\n font-size: 15px;\n text-align: center;\n max-width: none;\n margin: 0 auto;\n }\n\n .abera-acne-intro__benefit {\n white-space: normal;\n }\n\n .abera-acne-intro__closing {\n margin-top: 27px;\n font-size: 16px;\n }\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-acne-intro\"\u003e\n\u003cdiv class=\"abera-acne-intro__inner\"\u003e\n\u003cdiv class=\"abera-acne-intro__badge\"\u003eMEN'S ACNE BODY WASH\u003c\/div\u003e\n\u003ch1 class=\"abera-acne-intro__title\"\u003eBODY ACNE CARE. DESIGNED FOR MEN SKIN.\u003c\/h1\u003e\n\u003cp class=\"abera-acne-intro__description\"\u003e\u003cstrong\u003eABERA Men Acne Body Wash\u003c\/strong\u003e is a daily exfoliating body wash designed to help improve the appearance of \u003cstrong\u003ebody breakouts\u003c\/strong\u003e without adding extra steps to your shower routine. Powered by \u003cstrong\u003e5% Lactic Acid + Niacinamide + BHA + Witch Hazel\u003c\/strong\u003e, it helps remove dead skin buildup, reduce clogged-looking pores and support smoother, clearer-looking body skin with consistent use.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-intro__divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-intro__benefits\"\u003e\n\u003cdiv class=\"abera-acne-intro__benefit\"\u003e✓ Back Acne\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-intro__benefit\"\u003e✓ Chest Acne\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-intro__benefit\"\u003e✓ Shoulder Acne\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-intro__benefit\"\u003e✓ Butt Acne\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"abera-acne-intro__closing\"\u003eSimple body care for men who want clearer, smoother skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN ACNE BODY WASH\n CLINICAL \/ PROVEN RESULTS SECTION\n========================================================= *\/\n\n.abera-acne-proof {\n --bg: #0c0c0e;\n --white: #ffffff;\n --text-soft: #b7b7bb;\n --line: rgba(255,255,255,.16);\n --accent: #c8b9a5;\n \n width: 100%;\n background: var(--bg);\n color: var(--white);\n font-family: Inter, Arial, sans-serif;\n overflow: hidden;\n}\n\n.abera-acne-proof * {\n box-sizing: border-box;\n}\n\n\/* ========================\n MAIN LAYOUT\n======================== *\/\n\n.abera-acne-proof__layout {\n width: 100%;\n display: grid;\n grid-template-columns: 58% 42%;\n min-height: 720px;\n}\n\n\/* LEFT *\/\n\n.abera-acne-proof__content {\n padding: 50px 5vw 50px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n\/* EYEBROW *\/\n\n.abera-acne-proof__eyebrow {\n display: flex;\n align-items: center;\n gap: 13px;\n\n margin-bottom: 24px;\n\n font-size: 13px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n\n color: var(--accent);\n}\n\n.abera-acne-proof__eyebrow::before {\n content: \"\";\n display: block;\n width: 31px;\n height: 1.5px;\n background: var(--accent);\n}\n\n\/* TITLE *\/\n\n.abera-acne-proof__title {\n max-width: 760px;\n margin: 0;\n\n font-size: clamp(30px, 4vw, 50px);\n line-height: 1.2;\n letter-spacing: -1px;\n font-weight: 600;\n}\n\n\/* DESCRIPTION *\/\n\n.abera-acne-proof__intro {\n max-width: 720px;\n margin: 20px 0 25px;\n\n font-size: 18px;\n line-height: 1.55;\n font-weight: 400;\n\n color: var(--text-soft);\n}\n\n.abera-acne-proof__intro strong {\n color: #fff;\n font-weight: 600;\n}\n\n\n\/* =========================================================\n RESULT ROWS\n========================================================= *\/\n\n.abera-acne-proof__results {\n width: 100%;\n max-width: 790px;\n}\n\n.abera-acne-proof__result {\n display: grid;\n grid-template-columns: 104px 1fr;\n align-items: center;\n gap: 27px;\n\n padding: 22px 0;\n border-bottom: 1px solid var(--line);\n}\n\n.abera-acne-proof__result:first-child {\n border-top: 1px solid var(--line);\n}\n\n\n\/* =========================================================\n CIRCLE STAT\n========================================================= *\/\n\n.abera-acne-proof__circle {\n --progress: 97;\n\n position: relative;\n\n width: 90px;\n height: 90px;\n border-radius: 50%;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background:\n conic-gradient(\n var(--accent) calc(var(--progress) * 1%),\n rgba(255,255,255,.10) 0\n );\n}\n\n.abera-acne-proof__circle::after {\n content: \"\";\n position: absolute;\n\n width: 76px;\n height: 76px;\n border-radius: 50%;\n\n background: var(--bg);\n}\n\n.abera-acne-proof__number {\n position: relative;\n z-index: 2;\n\n font-size: 22px;\n line-height: 1;\n font-weight: 700;\n\n color: #fff;\n}\n\n\n\/* RESULT TEXT *\/\n\n.abera-acne-proof__result-copy {\n font-size: 18px;\n line-height: 1.3;\n color: #c5c5c8;\n}\n\n.abera-acne-proof__result-copy strong {\n color: #fff;\n font-weight: 600;\n}\n\n\n\/* DISCLAIMER *\/\n\n.abera-acne-proof__note {\n max-width: 760px;\n\n margin: 28px 0 0;\n\n font-size: 11px;\n line-height: 1.5;\n\n color: #77777c;\n}\n\n\n\/* =========================================================\n RIGHT IMAGE\n========================================================= *\/\n\n.abera-acne-proof__media {\n position: relative;\n width: 100%;\n min-height: 720px;\n overflow: hidden;\n}\n\n.abera-acne-proof__media img {\n width: 100%;\n height: 100%;\n\n display: block;\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* subtle transition between content \u0026 photo *\/\n\n.abera-acne-proof__media::before {\n content: \"\";\n position: absolute;\n z-index: 2;\n\n top: 0;\n left: 0;\n bottom: 0;\n width: 75px;\n\n background:\n linear-gradient(\n to right,\n rgba(12,12,14,.40),\n transparent\n );\n\n pointer-events: none;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media (max-width: 990px) {\n\n .abera-acne-proof__layout {\n grid-template-columns: 56% 44%;\n }\n\n .abera-acne-proof__content {\n padding: 60px 38px;\n }\n\n .abera-acne-proof__title {\n font-size: 46px;\n }\n\n .abera-acne-proof__result {\n grid-template-columns: 82px 1fr;\n gap: 20px;\n }\n\n .abera-acne-proof__circle {\n width: 74px;\n height: 74px;\n }\n\n .abera-acne-proof__circle::after {\n width: 62px;\n height: 62px;\n }\n\n .abera-acne-proof__number {\n font-size: 19px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n .abera-acne-proof__layout {\n display: flex;\n flex-direction: column;\n min-height: auto;\n }\n\n .abera-acne-proof__media {\n order: 1;\n min-height: 0;\n aspect-ratio: 1 \/ 1;\n }\n\n .abera-acne-proof__media img {\n position: absolute;\n inset: 0;\n }\n\n .abera-acne-proof__media::before {\n display: none;\n }\n\n .abera-acne-proof__content {\n order: 2;\n padding: 42px 20px 48px;\n }\n\n .abera-acne-proof__eyebrow {\n margin-bottom: 19px;\n font-size: 10px;\n letter-spacing: 1.7px;\n }\n\n .abera-acne-proof__eyebrow::before {\n width: 25px;\n }\n\n .abera-acne-proof__title {\n max-width: 100%;\n\n font-size: 34px;\n line-height: 1.2;\n letter-spacing: 0px;\n\n \/* still 600 on mobile *\/\n font-weight: 600;\n }\n\n .abera-acne-proof__intro {\n margin: 20px 0 26px;\n\n font-size: 16px;\n line-height: 1.55;\n }\n\n .abera-acne-proof__result {\n grid-template-columns: 75px 1fr;\n gap: 18px;\n\n padding: 19px 0;\n }\n\n .abera-acne-proof__circle {\n width: 70px;\n height: 70px;\n }\n\n .abera-acne-proof__circle::after {\n width: 58px;\n height: 58px;\n }\n\n .abera-acne-proof__number {\n font-size: 18px;\n }\n\n .abera-acne-proof__result-copy {\n font-size: 16px;\n line-height: 1.45;\n }\n\n .abera-acne-proof__note {\n margin-top: 23px;\n\n font-size: 9px;\n line-height: 1.5;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection class=\"abera-acne-proof\"\u003e\n\u003cdiv class=\"abera-acne-proof__layout\"\u003e\n\u003c!-- =========================================\n LEFT — PROVEN RESULTS\n ========================================== --\u003e\n\u003cdiv class=\"abera-acne-proof__content\"\u003e\n\u003cdiv class=\"abera-acne-proof__eyebrow\"\u003eCLINICALLY TESTED\u003c\/div\u003e\n\u003ch2 class=\"abera-acne-proof__title\"\u003eTARGET BODY ACNE\u003cbr\u003eAT THE SOURCE.\u003c\/h2\u003e\n\u003cp class=\"abera-acne-proof__intro\"\u003eOur targeted body-acne formula is designed to help \u003cstrong\u003ereduce visible breakouts, improve skin texture and support clearer-looking skin. \u003c\/strong\u003e\u003c\/p\u003e\n\u003c!-- RESULTS --\u003e\n\u003cdiv class=\"abera-acne-proof__results\"\u003e\n\u003c!-- RESULT 01 --\u003e\n\u003cdiv class=\"abera-acne-proof__result\"\u003e\n\u003cdiv class=\"abera-acne-proof__circle\" style=\"--progress: 97;\"\u003e\u003cspan class=\"abera-acne-proof__number\"\u003e 97% \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-proof__result-copy\"\u003eHad \u003cstrong\u003eless visible body acne\u003c\/strong\u003e after consistent use.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RESULT 02 --\u003e\n\u003cdiv class=\"abera-acne-proof__result\"\u003e\n\u003cdiv class=\"abera-acne-proof__circle\" style=\"--progress: 92;\"\u003e\u003cspan class=\"abera-acne-proof__number\"\u003e 92% \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-proof__result-copy\"\u003eReported \u003cstrong\u003esmoother, less congested-looking skin\u003c\/strong\u003e across breakout-prone areas.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RESULT 03 --\u003e\n\u003cdiv class=\"abera-acne-proof__result\"\u003e\n\u003cdiv class=\"abera-acne-proof__circle\" style=\"--progress: 89;\"\u003e\u003cspan class=\"abera-acne-proof__number\"\u003e 89% \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-proof__result-copy\"\u003eSaw an improvement in the appearance of \u003cstrong\u003eredness and post-breakout marks.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- NOTE --\u003e\n\u003cp class=\"abera-acne-proof__note\"\u003e*Replace percentage figures and study description with verified ABERA testing or consumer self-assessment data before publication. Individual results may vary.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================\n RIGHT — IMAGE\n ========================================== --\u003e\n\u003cdiv class=\"abera-acne-proof__media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Gemini_Generated_Image_23g95d23g95d23g9-clean.webp?v=1787737399E\" alt=\"Man using ABERA Men Acne Body Wash\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN ACNE BODY WASH\n CUSTOMER REVIEWS\n========================================================= *\/\n\n.abera-acne-reviews {\n font-family: Inter, Arial, sans-serif;\n background: #ffffff;\n color: #111111;\n padding: 48px 16px 20px;\n}\n\n.abera-acne-reviews * {\n box-sizing: border-box;\n}\n\n.abera-acne-reviews__inner {\n width: 100%;\n max-width: 1780px;\n margin: 0 auto;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-acne-reviews__header {\n text-align: center;\n margin-bottom: 30px;\n}\n\n.abera-acne-reviews__main-stars {\n color: #f59a00;\n font-size: 20px;\n line-height: 1;\n letter-spacing: 4px;\n margin-bottom: 14px;\n}\n\n.abera-acne-reviews__title {\n margin: 0;\n font-size: clamp(25px, 2.7vw, 40px);\n line-height: 1.2;\n letter-spacing: 0px;\n\n \/* requested *\/\n font-weight: 600;\n\n color: #111;\n}\n\n\n\/* =========================================================\n REVIEW GRID\n========================================================= *\/\n\n.abera-acne-reviews__grid {\n display: grid;\n grid-template-columns: repeat(6, minmax(0, 1fr));\n gap: 16px;\n}\n\n\n\/* =========================================================\n CARD\n========================================================= *\/\n\n.abera-acne-review-card {\n display: flex;\n flex-direction: column;\n\n border: 1px solid #dedede;\n border-radius: 11px;\n background: #ffffff;\n\n overflow: hidden;\n min-width: 0;\n}\n\n\n\/* =========================================================\n BEFORE AFTER IMAGE\n========================================================= *\/\n\n.abera-acne-review-card__media {\n position: relative;\n width: 100%;\n background: #f2f2f2;\n}\n\n.abera-acne-review-card__media img {\n display: block;\n width: 100%;\n aspect-ratio: 1 \/ 1;\n object-fit: cover;\n}\n\n.abera-acne-review-card__labels {\n position: absolute;\n left: 10px;\n right: 10px;\n bottom: 10px;\n\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.abera-acne-review-card__label {\n display: inline-block;\n\n padding: 5px 9px;\n border-radius: 4px;\n\n font-size: 10px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: .4px;\n\n text-transform: uppercase;\n}\n\n.abera-acne-review-card__label--before {\n background: #ffffff;\n color: #111111;\n}\n\n.abera-acne-review-card__label--after {\n background: #111111;\n color: #ffffff;\n}\n\n\n\/* =========================================================\n CARD BODY\n========================================================= *\/\n\n.abera-acne-review-card__body {\n display: flex;\n flex-direction: column;\n flex: 1;\n\n padding: 14px 15px 14px;\n}\n\n.abera-acne-review-card__stars {\n color: #f59a00;\n font-size: 18px;\n line-height: 1;\n letter-spacing: 1px;\n margin-bottom: 12px;\n}\n\n.abera-acne-review-card__review {\n margin: 0 0 22px;\n\n font-size: 14px;\n line-height: 1.55;\n font-weight: 400;\n\n color: #2d2d2d;\n}\n\n\n\/* =========================================================\n CUSTOMER INFO\n========================================================= *\/\n\n.abera-acne-review-card__customer {\n margin-top: auto;\n}\n\n.abera-acne-review-card__name {\n margin: 0 0 4px;\n\n font-size: 14px;\n line-height: 1.3;\n font-weight: 700;\n\n color: #111;\n}\n\n.abera-acne-review-card__meta {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 4px 8px;\n\n margin-bottom: 10px;\n\n font-size: 11px;\n line-height: 1.4;\n color: #717171;\n}\n\n.abera-acne-review-card__meta span {\n position: relative;\n}\n\n.abera-acne-review-card__meta span:not(:last-child)::after {\n content: \"•\";\n margin-left: 8px;\n color: #aaa;\n}\n\n\n\/* =========================================================\n VERIFIED\n========================================================= *\/\n\n.abera-acne-review-card__verified {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n\n width: fit-content;\n\n padding: 5px 9px;\n\n border: 1px solid #dddddd;\n border-radius: 999px;\n\n background: #f7f7f7;\n\n font-size: 10px;\n line-height: 1;\n font-weight: 700;\n\n color: #333;\n}\n\n.abera-acne-review-card__verified-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n width: 15px;\n height: 15px;\n\n border-radius: 50%;\n\n background: #111;\n color: #fff;\n\n font-size: 9px;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media (max-width: 1200px) {\n\n .abera-acne-reviews__grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n}\n\n\n\/* =========================================================\n MOBILE CAROUSEL\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n .abera-acne-reviews {\n padding: 48px 0 20px;\n }\n\n .abera-acne-reviews__header {\n padding: 0 18px;\n margin-bottom: 24px;\n }\n\n .abera-acne-reviews__main-stars {\n font-size: 25px;\n margin-bottom: 11px;\n }\n\n .abera-acne-reviews__title {\n font-size: 29px;\n line-height: 1.12;\n letter-spacing: -.6px;\n }\n\n\n .abera-acne-reviews__grid {\n display: flex;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n gap: 12px;\n\n padding-left: 17px;\n padding-right: 17px;\n padding-bottom: 8px;\n\n scroll-snap-type: x mandatory;\n scroll-padding-left: 17px;\n\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n }\n\n .abera-acne-reviews__grid::-webkit-scrollbar {\n display: none;\n }\n\n .abera-acne-review-card {\n flex: 0 0 84%;\n scroll-snap-align: start;\n\n border-radius: 10px;\n }\n\n .abera-acne-review-card__body {\n padding: 15px;\n }\n\n .abera-acne-review-card__review {\n font-size: 14px;\n line-height: 1.55;\n margin-bottom: 22px;\n }\n\n .abera-acne-review-card__name {\n font-size: 14px;\n }\n\n .abera-acne-review-card__meta {\n font-size: 11px;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-acne-reviews\"\u003e\n\u003cdiv class=\"abera-acne-reviews__inner\"\u003e\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"abera-acne-reviews__header\"\u003e\n\u003cdiv class=\"abera-acne-reviews__main-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003ch2 class=\"abera-acne-reviews__title\"\u003eHEAR FROM OUR RECENT CUSTOMERS\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- REVIEW CARDS --\u003e\n\u003cdiv class=\"abera-acne-reviews__grid\"\u003e\n\u003c!-- =================================================\n REVIEW 01 — BACK ACNE\n ================================================== --\u003e\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_5.webp?v=1787739753\" alt=\"Back acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abera-acne-review-card__review\"\u003eMy back used to break out constantly after workouts. After using this consistently, the bumps look much calmer and my skin feels noticeably smoother.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\u003cp class=\"abera-acne-review-card__name\"\u003eMarcus T.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\u003cspan\u003eAge 29\u003c\/span\u003e \u003cspan\u003eAustin, TX\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 02 — SHOULDER ACNE\n ================================================== --\u003e\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_7.webp?v=1787892153\" alt=\"Shoulder acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abera-acne-review-card__review\"\u003eI kept getting clusters of small bumps across my shoulders, especially when I wore tight shirts. After a few weeks, the area looked smoother and much less irritated.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\u003cp class=\"abera-acne-review-card__name\"\u003eEthan R.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\u003cspan\u003eAge 32\u003c\/span\u003e \u003cspan\u003eDenver, CO\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 03 — CHEST ACNE\n ================================================== --\u003e\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_9.webp?v=1787898714\" alt=\"Chest acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abera-acne-review-card__review\"\u003eMy chest would get oily and clogged whenever I sweated a lot. This wash fit easily into my shower routine and the breakouts gradually became much less noticeable.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\u003cp class=\"abera-acne-review-card__name\"\u003eDaniel S.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\u003cspan\u003eAge 34\u003c\/span\u003e \u003cspan\u003eMiami, FL\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 04 — BUTT ACNE\n ================================================== --\u003e\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_10.webp?v=1787899652\" alt=\"Butt acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abera-acne-review-card__review\"\u003eI sit for long hours at work and kept getting rough bumps around my butt and upper thighs. After consistent use, the skin looks calmer and feels a lot smoother.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\u003cp class=\"abera-acne-review-card__name\"\u003eBrian C.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\u003cspan\u003eAge 38\u003c\/span\u003e \u003cspan\u003eChicago, IL\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 05 — UPPER BACK\n ================================================== --\u003e\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_11.webp?v=1787899944\" alt=\"Upper back acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abera-acne-review-card__review\"\u003eMy upper back was probably the area I felt most self-conscious about. After using this regularly, there are fewer noticeable bumps and the overall texture looks much cleaner.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\u003cp class=\"abera-acne-review-card__name\"\u003eChris B.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\u003cspan\u003eAge 24\u003c\/span\u003e \u003cspan\u003eSeattle, WA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 06 — BODY TEXTURE\n ================================================== --\u003e\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_12.webp?v=1787900230\" alt=\"Body skin texture before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abera-acne-review-card__review\"\u003eI was skeptical about changing body washes, but this is easy enough to use every day. My skin feels less rough and the clogged-looking areas are much less noticeable.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\u003cp class=\"abera-acne-review-card__name\"\u003eKevin F.\u003c\/p\u003e\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\u003cspan\u003eAge 28\u003c\/span\u003e \u003cspan\u003eSan Diego, CA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN ACNE BODY WASH\n HOW TO USE SECTION\n========================================================= *\/\n\n.abera-acne-howto {\n font-family: Inter, Arial, sans-serif;\n background: #ffffff;\n color: #111111;\n padding: 30px 16px 80px;\n}\n\n.abera-acne-howto * {\n box-sizing: border-box;\n}\n\n.abera-acne-howto__header {\n text-align: center;\n max-width: none ;\n margin: 0 auto 20px;\n}\n\n.abera-acne-howto__title {\n margin: 0;\n font-size: clamp(26px, 2.8vw, 42px);\n line-height: 1.2;\n letter-spacing: 0px;\n font-weight: 600;\n color: #111111;\n}\n\n.abera-acne-howto__grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 18px;\n}\n\n.abera-acne-howto__card {\n background: #ffffff;\n border: 1px solid #e3e3e3;\n border-radius: 16px;\n padding: 28px 24px 26px;\n min-height: 250px;\n display: flex;\n flex-direction: column;\n}\n\n.abera-acne-howto__step {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n min-width: 48px;\n height: 48px;\n padding: 0 14px;\n border-radius: 999px;\n background: #111111;\n color: #ffffff;\n font-size: 20px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 0.4px;\n margin-bottom: 18px;\n}\n\n.abera-acne-howto__card-title {\n margin: 0 0 12px;\n font-size: 22px;\n line-height: 1.2;\n font-weight: 600;\n color: #111111;\n}\n\n.abera-acne-howto__card-text {\n margin: 0;\n font-size: 20px;\n line-height: 1.65;\n color: #666666;\n}\n\n.abera-acne-howto__card-text strong {\n color: #111111;\n font-weight: 700;\n}\n\n@media (max-width: 991px) {\n .abera-acne-howto__grid {\n grid-template-columns: 1fr;\n }\n\n .abera-acne-howto__card {\n min-height: auto;\n }\n}\n\n@media (max-width: 767px) {\n .abera-acne-howto {\n padding: 20px 17px 58px;\n }\n\n .abera-acne-howto__header {\n margin-bottom: 26px;\n }\n\n .abera-acne-howto__title {\n font-size: 29px;\n line-height: 1.2;\n }\n\n .abera-acne-howto__grid {\n gap: 12px;\n }\n\n .abera-acne-howto__card {\n padding: 22px 18px 20px;\n border-radius: 14px;\n }\n\n .abera-acne-howto__step {\n width: 42px;\n height: 42px;\n min-width: 42px;\n font-size: 20px;\n margin-bottom: 14px;\n }\n\n .abera-acne-howto__card-title {\n font-size: 18px;\n margin-bottom: 10px;\n }\n\n .abera-acne-howto__card-text {\n font-size: 18px;\n line-height: 1.6;\n }\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-acne-howto\"\u003e\n\u003cdiv class=\"abera-acne-howto__inner\"\u003e\n\u003cdiv class=\"abera-acne-howto__header\"\u003e\n\u003ch2 class=\"abera-acne-howto__title\"\u003eHOW TO GET THE BEST RESULTS\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-howto__grid\"\u003e\n\u003c!-- STEP 1 --\u003e\n\u003carticle class=\"abera-acne-howto__card\"\u003e\n\u003cdiv class=\"abera-acne-howto__step\"\u003e01\u003c\/div\u003e\n\u003ch3 class=\"abera-acne-howto__card-title\"\u003eWET \u0026amp; LATHER\u003c\/h3\u003e\n\u003cp class=\"abera-acne-howto__card-text\"\u003eWet your skin thoroughly, then apply and lather over acne-prone areas.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- STEP 2 --\u003e\n\u003carticle class=\"abera-acne-howto__card\"\u003e\n\u003cdiv class=\"abera-acne-howto__step\"\u003e02\u003c\/div\u003e\n\u003ch3 class=\"abera-acne-howto__card-title\"\u003eWAIT \u0026amp; RINSE\u003c\/h3\u003e\n\u003cp class=\"abera-acne-howto__card-text\"\u003eLeave on for \u003cstrong\u003e60–90 seconds\u003c\/strong\u003e, then rinse thoroughly with water.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- STEP 3 --\u003e\n\u003carticle class=\"abera-acne-howto__card\"\u003e\n\u003cdiv class=\"abera-acne-howto__step\"\u003e03\u003c\/div\u003e\n\u003ch3 class=\"abera-acne-howto__card-title\"\u003eSTAY CONSISTENT\u003c\/h3\u003e\n\u003cp class=\"abera-acne-howto__card-text\"\u003eUse \u003cstrong\u003etwice daily\u003c\/strong\u003e for best results.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN ACNE BODY WASH\n TECHNOLOGY + INGREDIENTS SECTION\n========================================================= *\/\n\n.abera-acne-tech {\n font-family: Inter, Arial, sans-serif;\n background: #0b0b0d;\n color: #ffffff;\n padding: 40px 18px 40px;\n}\n\n.abera-acne-tech * {\n box-sizing: border-box;\n}\n\n.abera-acne-tech__inner {\n width: 100%;\n max-width: 1180px;\n margin: 0 auto;\n}\n\n.abera-acne-tech__header {\n text-align: center;\n max-width: 760px;\n margin: 0 auto 34px;\n}\n\n.abera-acne-tech__title {\n margin: 0;\n font-size: clamp(28px, 3vw, 44px);\n line-height: 1.2;\n letter-spacing: 0;\n font-weight: 600;\n color: #ffffff;\n}\n\n\/* =========================================================\n INGREDIENT GRID\n========================================================= *\/\n\n.abera-acne-tech__grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 18px;\n margin-bottom: 28px;\n}\n\n.abera-acne-tech__card {\n position: relative;\n overflow: hidden;\n border-radius: 18px;\n min-height: 142px;\n background: #1a1a1d;\n box-shadow: 0 10px 24px rgba(0,0,0,.24);\n}\n\n.abera-acne-tech__card-image {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n}\n\n.abera-acne-tech__card-image img {\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n}\n\n.abera-acne-tech__card-overlay {\n position: absolute;\n inset: 0;\n background:\n linear-gradient(to bottom, rgba(0,0,0,.18), rgba(0,0,0,.44)),\n linear-gradient(to right, rgba(0,0,0,.48), rgba(0,0,0,.12));\n}\n\n.abera-acne-tech__card-content {\n position: relative;\n z-index: 2;\n padding: 18px 18px 16px;\n}\n\n.abera-acne-tech__card-title {\n margin: 0 0 8px;\n font-size: 19px;\n line-height: 1.15;\n font-weight: 700;\n color: #ffffff;\n}\n\n.abera-acne-tech__card-text {\n margin: 0;\n font-size: 15px;\n line-height: 1.45;\n font-weight: 500;\n color: rgba(255,255,255,.92);\n}\n\n\/* =========================================================\n TRUST ROW\n========================================================= *\/\n\n.abera-acne-tech__trust {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 14px 26px;\n}\n\n.abera-acne-tech__trust-item {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n min-height: 26px;\n}\n\n.abera-acne-tech__trust-icon {\n width: 22px;\n height: 22px;\n flex: 0 0 22px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.abera-acne-tech__trust-icon img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n display: block;\n}\n\n.abera-acne-tech__trust-label {\n font-size: 15px;\n line-height: 1.3;\n font-weight: 500;\n color: #ffffff;\n}\n\n\/* =========================================================\n RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 991px) {\n .abera-acne-tech__grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n@media (max-width: 767px) {\n .abera-acne-tech {\n padding: 35px 16px 20px;\n }\n\n .abera-acne-tech__header {\n margin-bottom: 24px;\n }\n\n .abera-acne-tech__title {\n font-size: 24px;\n line-height: 1.25;\n }\n\n .abera-acne-tech__grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n margin-bottom: 22px;\n }\n\n .abera-acne-tech__card {\n min-height: 132px;\n border-radius: 14px;\n }\n\n .abera-acne-tech__card-content {\n padding: 14px 12px 12px;\n }\n\n .abera-acne-tech__card-title {\n font-size: 16px;\n margin-bottom: 6px;\n }\n\n .abera-acne-tech__card-text {\n font-size: 12px;\n line-height: 1.4;\n }\n\n .abera-acne-tech__trust {\n justify-content: flex-start;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px 16px;\n }\n\n .abera-acne-tech__trust-label {\n font-size: 14px;\n }\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-acne-tech\"\u003e\n\u003cdiv class=\"abera-acne-tech__inner\"\u003e\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"abera-acne-tech__header\"\u003e\n\u003ch2 class=\"abera-acne-tech__title\"\u003eWHAT'S INSIDE AND WHY IT WORKS\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- INGREDIENT CARDS --\u003e\n\u003cdiv class=\"abera-acne-tech__grid\"\u003e\n\u003c!-- CARD 1 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_9_cf5fea3c-f857-46dc-b3f3-27004085cb8c.webp?v=1787967140\" alt=\"Lactic Acid\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003e5% LACTIC ACID (AHA)\u003c\/h3\u003e\n\u003cp class=\"abera-acne-tech__card-text\"\u003eUnclogs pores \u0026amp; targets breakouts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 2 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_11_3dd2f558-f8cd-4ff9-8f57-96fba011aece.webp?v=1787967139\" alt=\"Witch Hazel\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003eSALICYLIC ACID (BHA)\u003c\/h3\u003e\n\u003cp class=\"abera-acne-tech__card-text\"\u003eExfoliates \u0026amp; smooths rough skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 3 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_10_ac7e96ad-6be8-490e-aac9-58781928b79b.webp?v=1787967139\" alt=\"Panthenol\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003eNIACINAMIDE\u003c\/h3\u003e\n\u003cp class=\"abera-acne-tech__card-text\"\u003eControls excess oil \u0026amp; evens skin tone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 4 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_12_6161b02b-fb43-49ad-a79f-7e542ab400a1.webp?v=1787967139\" alt=\"Niacinamide\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003ePANTHENOL (VITAMIN B5)\u003c\/h3\u003e\n\u003cp class=\"abera-acne-tech__card-text\"\u003eHydrates \u0026amp; supports the skin barrier\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 5 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_14_c87813ff-fd81-45fe-a34d-91346c0a4d23.webp?v=1787967140\" alt=\"Chamomile\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003eWITCH HAZEL\u003c\/h3\u003e\n\u003cp class=\"abera-acne-tech__card-text\"\u003eRefreshes oily, congested skin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 6 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_13_97629cd4-fe60-4a4b-bc46-2a14cde890dd.webp?v=1787967140\" alt=\"Succinic Acid\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003eCHAMOMILE\u003c\/h3\u003e\n\u003cp class=\"abera-acne-tech__card-text\"\u003eSoothes stressed, sensitive skin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- TRUST ROW --\u003e\n\u003cdiv class=\"abera-acne-tech__trust\"\u003e\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/18_2b9950f9-1de2-4435-840f-a2788bc79db5.webp?v=1786634004\" alt=\"Trust Icon 1\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eDermatologist-Tested\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/19_f1ab1d79-53db-49a0-93ac-390f9f40fc7a.webp?v=1786634004\" alt=\"Trust Icon 2\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eParaben-Free\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_13.webp?v=1787970153\" alt=\"Trust Icon 3\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003ePhthalate-Free\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/17_4b584ed0-a5a0-4e05-b5ed-941e0659119d.webp?v=1786634004\" alt=\"Trust Icon 4\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eCruelty-Free\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_14.webp?v=1787970891\" alt=\"Trust Icon 5\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eThird Party Tested\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_15.webp?v=1787971033\" alt=\"Trust Icon 6\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eBody Acne Focused\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN ACNE BODY WASH\n 28-DAY BODY SKIN JOURNEY\n ALIGNED WITH OTHER SECTIONS\n========================================================= *\/\n\n.abera-body-journey {\n --black: #111111;\n --text: #1b1b1b;\n --muted: #626262;\n --line: #dddddd;\n --accent: #a98f78;\n --border: #e5e5e5;\n\n width: 100%;\n padding: 40px 18px;\n margin: 0;\n\n background: #ffffff;\n color: var(--text);\n\n font-family: Inter, Arial, sans-serif;\n}\n\n.abera-body-journey,\n.abera-body-journey * {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n WRAPPER\n SAME LOGIC AS INGREDIENT SECTION\n========================================================= *\/\n\n.abera-body-journey__inner {\n width: 100%;\n max-width: none;\n margin: 0 auto;\n padding: 0;\n}\n\n\n\/* =========================================================\n DESKTOP LAYOUT\n 60\/40 WITHOUT OVERFLOW\n========================================================= *\/\n\n.abera-body-journey__layout {\n width: 100%;\n\n display: grid;\n grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);\n gap: 18px;\n\n align-items: stretch;\n\n margin: 0;\n padding: 0;\n}\n\n\n\/* =========================================================\n CONTENT PANEL\n========================================================= *\/\n\n.abera-body-journey__content {\n width: 100%;\n min-width: 0;\n\n background: #ffffff;\n\n border: 1px solid var(--border);\n border-radius: 16px;\n\n padding: 30px 28px 30px;\n\n overflow: hidden;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-body-journey__eyebrow {\n margin: 0 0 16px;\n\n font-size: 12px;\n line-height: 1;\n font-weight: 700;\n\n letter-spacing: .7px;\n text-transform: uppercase;\n\n color: var(--accent);\n}\n\n\n.abera-body-journey__title {\n width: 100%;\n max-width: 760px;\n\n margin: 0 0 36px;\n\n font-size: clamp(32px, 3vw, 50px);\n line-height: 1.16;\n\n letter-spacing: -1px;\n font-weight: 600;\n\n color: var(--black);\n}\n\n\n\/* =========================================================\n TIMELINE\n========================================================= *\/\n\n.abera-body-journey__timeline {\n width: 100%;\n}\n\n\n\/* =========================================================\n TIMELINE ITEM\n========================================================= *\/\n\n.abera-body-journey__item {\n position: relative;\n\n width: 100%;\n\n display: grid;\n grid-template-columns: 28px minmax(0, 1fr);\n column-gap: 18px;\n\n padding-bottom: 31px;\n}\n\n\n.abera-body-journey__item:last-child {\n padding-bottom: 0;\n}\n\n\n\/* Vertical line *\/\n\n.abera-body-journey__item:not(:last-child)::after {\n content: \"\";\n\n position: absolute;\n\n left: 13px;\n top: 28px;\n bottom: 0;\n\n width: 1px;\n\n background: var(--line);\n}\n\n\n\/* =========================================================\n MARKER\n========================================================= *\/\n\n.abera-body-journey__marker {\n position: relative;\n z-index: 2;\n\n width: 27px;\n height: 27px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n color: #111111;\n}\n\n\n.abera-body-journey__marker::before {\n content: \"✦\";\n\n display: block;\n\n font-size: 22px;\n line-height: 1;\n}\n\n\n\/* =========================================================\n COPY\n========================================================= *\/\n\n.abera-body-journey__period {\n margin: 4px 0 14px;\n\n font-size: 12px;\n line-height: 1;\n\n font-weight: 700;\n\n letter-spacing: .2px;\n text-transform: uppercase;\n\n color: #222222;\n}\n\n\n.abera-body-journey__headline {\n width: 100%;\n max-width: 720px;\n\n margin: 0 0 10px;\n\n font-size: 23px;\n line-height: 1.4;\n\n font-weight: 500;\n\n color: var(--black);\n}\n\n\n.abera-body-journey__benefit {\n width: 100%;\n max-width: 760px;\n\n margin: 0;\n\n font-size: 15px;\n line-height: 1.55;\n\n color: var(--muted);\n}\n\n\n.abera-body-journey__benefit strong {\n color: var(--accent);\n font-weight: 600;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.abera-body-journey__media {\n position: relative;\n\n width: 100%;\n min-width: 0;\n min-height: 100%;\n\n overflow: hidden;\n\n border-radius: 16px;\n\n background: #eeeeee;\n}\n\n\n.abera-body-journey__media img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n margin: 0;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media (max-width: 1000px) {\n\n .abera-body-journey {\n padding: 36px 18px;\n }\n\n\n .abera-body-journey__layout {\n grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);\n gap: 16px;\n }\n\n\n .abera-body-journey__content {\n padding: 30px 24px;\n }\n\n\n .abera-body-journey__title {\n font-size: 38px;\n }\n\n\n .abera-body-journey__headline {\n font-size: 20px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n .abera-body-journey {\n width: 100%;\n\n padding: 22px 16px 42px;\n\n margin: 0;\n }\n\n\n .abera-body-journey__inner {\n width: 100%;\n\n max-width: none;\n\n margin: 0;\n padding: 0;\n }\n\n\n \/* Image first, content second *\/\n\n .abera-body-journey__layout {\n width: 100%;\n\n display: flex;\n flex-direction: column;\n\n gap: 12px;\n\n margin: 0;\n padding: 0;\n }\n\n\n \/* =====================================================\n IMAGE ABOVE\n ===================================================== *\/\n\n .abera-body-journey__media {\n order: 1;\n\n width: 100%;\n\n min-width: 0;\n min-height: 0;\n\n aspect-ratio: 1 \/ 1;\n\n border-radius: 14px;\n\n margin: 0;\n }\n\n\n .abera-body-journey__media img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n\n margin: 0;\n }\n\n\n \/* =====================================================\n CONTENT BELOW\n ===================================================== *\/\n\n .abera-body-journey__content {\n order: 2;\n\n width: 100%;\n min-width: 0;\n\n padding: 30px 20px 32px;\n\n margin: 0;\n\n background: #ffffff;\n\n border-radius: 14px;\n }\n\n\n .abera-body-journey__eyebrow {\n margin: 0 0 14px;\n\n font-size: 11px;\n }\n\n\n .abera-body-journey__title {\n width: 100%;\n\n margin: 0 0 30px;\n\n font-size: 30px;\n line-height: 1.2;\n\n letter-spacing: -.5px;\n }\n\n\n .abera-body-journey__item {\n width: 100%;\n\n grid-template-columns: 24px minmax(0, 1fr);\n column-gap: 14px;\n\n padding-bottom: 29px;\n }\n\n\n .abera-body-journey__item:not(:last-child)::after {\n left: 11px;\n top: 25px;\n }\n\n\n .abera-body-journey__marker {\n width: 23px;\n height: 23px;\n }\n\n\n .abera-body-journey__marker::before {\n font-size: 19px;\n }\n\n\n .abera-body-journey__period {\n margin-top: 3px;\n margin-bottom: 12px;\n\n font-size: 11px;\n }\n\n\n .abera-body-journey__headline {\n width: 100%;\n\n margin-bottom: 9px;\n\n font-size: 18px;\n line-height: 1.42;\n }\n\n\n .abera-body-journey__benefit {\n width: 100%;\n\n font-size: 14px;\n line-height: 1.55;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-body-journey\"\u003e\n\u003cdiv class=\"abera-body-journey__inner\"\u003e\n\u003cdiv class=\"abera-body-journey__layout\"\u003e\n\u003c!-- =================================================\n CONTENT\n ================================================== --\u003e\n\u003cdiv class=\"abera-body-journey__content\"\u003e\n\u003cdiv class=\"abera-body-journey__eyebrow\"\u003eWHAT TO EXPECT\u003c\/div\u003e\n\u003ch2 class=\"abera-body-journey__title\"\u003eClearer, smoother-looking body skin in 28 days.\u003c\/h2\u003e\n\u003cdiv class=\"abera-body-journey__timeline\"\u003e\n\u003c!-- DAY 1–7 --\u003e\n\u003cdiv class=\"abera-body-journey__item\"\u003e\n\u003cdiv class=\"abera-body-journey__marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"abera-body-journey__period\"\u003eDAY 1–7\u003c\/div\u003e\n\u003cp class=\"abera-body-journey__headline\"\u003eSkin feels cleaner, fresher and less congested.\u003c\/p\u003e\n\u003cp class=\"abera-body-journey__benefit\"\u003e\u003cstrong\u003eBenefits:\u003c\/strong\u003e Helps wash away excess oil, sweat and surface buildup that can contribute to clogged-looking pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- DAY 8–14 --\u003e\n\u003cdiv class=\"abera-body-journey__item\"\u003e\n\u003cdiv class=\"abera-body-journey__marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"abera-body-journey__period\"\u003eDAY 8–14\u003c\/div\u003e\n\u003cp class=\"abera-body-journey__headline\"\u003eRough, clogged-looking areas begin to feel smoother.\u003c\/p\u003e\n\u003cp class=\"abera-body-journey__benefit\"\u003e\u003cstrong\u003eBenefits:\u003c\/strong\u003e Regular exfoliation helps reduce dead skin buildup and improve the feel of rough body texture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- DAY 15–21 --\u003e\n\u003cdiv class=\"abera-body-journey__item\"\u003e\n\u003cdiv class=\"abera-body-journey__marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"abera-body-journey__period\"\u003eDAY 15–21\u003c\/div\u003e\n\u003cp class=\"abera-body-journey__headline\"\u003eVisible body breakouts begin to look calmer.\u003c\/p\u003e\n\u003cp class=\"abera-body-journey__benefit\"\u003e\u003cstrong\u003eBenefits:\u003c\/strong\u003e Acne-prone areas may show fewer noticeable bumps and a smoother-looking overall texture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- DAY 22–28 --\u003e\n\u003cdiv class=\"abera-body-journey__item\"\u003e\n\u003cdiv class=\"abera-body-journey__marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"abera-body-journey__period\"\u003eDAY 22–28\u003c\/div\u003e\n\u003cp class=\"abera-body-journey__headline\"\u003eBody skin looks clearer, smoother and more even.\u003c\/p\u003e\n\u003cp class=\"abera-body-journey__benefit\"\u003e\u003cstrong\u003eBenefits:\u003c\/strong\u003e Breakout-prone areas appear better maintained, with smoother-looking skin and fewer visible imperfections.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n IMAGE\n ================================================== --\u003e\n\u003cdiv class=\"abera-body-journey__media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/27_4397c1b6-cebc-4510-bbdb-6ebfd461c346.webp?v=1787729365\" alt=\"ABERA Men Acne Body Wash 28-day body skin journey\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN ACNE BODY WASH\n FAQ SECTION\n========================================================= *\/\n\n.abera-acne-faq {\n --black: #111111;\n --text: #202020;\n --muted: #666666;\n --border: #e2e2e2;\n\n width: 100%;\n padding: 48px 18px 56px;\n margin: 0;\n\n background: #ffffff;\n color: var(--text);\n\n font-family: Inter, Arial, sans-serif;\n}\n\n.abera-acne-faq,\n.abera-acne-faq * {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n WRAPPER\n========================================================= *\/\n\n.abera-acne-faq__inner {\n width: 100%;\n max-width: none;\n margin: 0 auto;\n padding: 0;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-acne-faq__header {\n text-align: center;\n margin: 0 auto 34px;\n}\n\n\n.abera-acne-faq__title {\n margin: 0;\n\n font-size: clamp(28px, 3vw, 42px);\n line-height: 1.2;\n\n letter-spacing: 0;\n font-weight: 600;\n\n color: var(--black);\n}\n\n\n\/* =========================================================\n FAQ LIST\n========================================================= *\/\n\n.abera-acne-faq__list {\n width: 100%;\n max-width: 1100px;\n\n margin: 0 auto;\n\n border-top: 1px solid var(--border);\n}\n\n\n\/* =========================================================\n FAQ ITEM\n========================================================= *\/\n\n.abera-acne-faq__item {\n width: 100%;\n\n margin: 0;\n\n border-bottom: 1px solid var(--border);\n}\n\n\n\/* remove default triangle *\/\n\n.abera-acne-faq__item summary {\n list-style: none;\n}\n\n.abera-acne-faq__item summary::-webkit-details-marker {\n display: none;\n}\n\n\n\/* =========================================================\n QUESTION\n========================================================= *\/\n\n.abera-acne-faq__question {\n position: relative;\n\n display: block;\n\n width: 100%;\n\n padding: 23px 52px 23px 0;\n\n cursor: pointer;\n\n font-size: 17px;\n line-height: 1.45;\n\n font-weight: 600;\n\n color: var(--black);\n}\n\n\n\/* PLUS \/ MINUS *\/\n\n.abera-acne-faq__question::after {\n content: \"+\";\n\n position: absolute;\n\n right: 4px;\n top: 50%;\n\n transform: translateY(-50%);\n\n width: 30px;\n height: 30px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n font-size: 25px;\n line-height: 1;\n\n font-weight: 300;\n\n color: var(--black);\n}\n\n\n.abera-acne-faq__item[open] .abera-acne-faq__question::after {\n content: \"−\";\n}\n\n\n\/* =========================================================\n ANSWER\n========================================================= *\/\n\n.abera-acne-faq__answer {\n max-width: 970px;\n\n padding: 0 52px 24px 0;\n\n font-size: 15px;\n line-height: 1.65;\n\n font-weight: 400;\n\n color: var(--muted);\n}\n\n\n.abera-acne-faq__answer p {\n margin: 0;\n}\n\n\n\/* =========================================================\n HOVER\n========================================================= *\/\n\n@media (hover: hover) {\n\n .abera-acne-faq__question {\n transition: opacity .2s ease;\n }\n\n .abera-acne-faq__question:hover {\n opacity: .65;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n .abera-acne-faq {\n padding: 38px 16px 44px;\n }\n\n\n .abera-acne-faq__header {\n margin-bottom: 25px;\n }\n\n\n .abera-acne-faq__title {\n font-size: 29px;\n line-height: 1.2;\n }\n\n\n .abera-acne-faq__question {\n padding: 20px 44px 20px 0;\n\n font-size: 15px;\n line-height: 1.45;\n }\n\n\n .abera-acne-faq__question::after {\n right: 0;\n\n width: 28px;\n height: 28px;\n\n font-size: 23px;\n }\n\n\n .abera-acne-faq__answer {\n padding: 0 38px 21px 0;\n\n font-size: 14px;\n line-height: 1.6;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-acne-faq\"\u003e\n\u003cdiv class=\"abera-acne-faq__inner\"\u003e\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"abera-acne-faq__header\"\u003e\n\u003ch2 class=\"abera-acne-faq__title\"\u003eQUESTIONS MEN FREQUENTLY ASK\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ LIST --\u003e\n\u003cdiv class=\"abera-acne-faq__list\"\u003e\n\u003c!-- FAQ 01 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003eCan I use ABERA Men Acne Body Wash if I have sensitive skin?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\u003cp\u003eYes. ABERA Men Acne Body Wash is designed for daily body care and combines \u003cstrong\u003e5% Lactic Acid\u003c\/strong\u003e with \u003cstrong\u003eNiacinamide\u003c\/strong\u003e and other skin-supporting ingredients.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- FAQ 02 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003eIs this only for acne, or can it help with small bumps and rough body texture too?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\u003cp\u003eIt’s not just for visible breakouts. The \u003cstrong\u003e5% Lactic Acid\u003c\/strong\u003e formula helps exfoliate dead skin buildup and smooth rough, bumpy-looking body texture, making it a great option for areas like the back, chest, shoulders and butt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- FAQ 03 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003eCan I use it together with a BHA body spray or other acne products?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\u003cp\u003eYes, but introduce multiple exfoliating products gradually. Use ABERA Men Acne Body Wash in the shower, then apply your \u003cstrong\u003eBHA Body Spray\u003c\/strong\u003e after drying the skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- FAQ 04 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003eIs this body wash just for men, or can women use it too?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\u003cp\u003eAlthough ABERA Men Acne Body Wash was created with men’s body-care needs in mind, women can use it too. It’s suitable for anyone looking for a simple exfoliating body wash to help improve the appearance of rough, breakout-prone body skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- FAQ 05 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\" open=\"\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003eHow long will it take to receive my order?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\u003cp\u003eMost U.S. orders arrive within \u003cstrong\u003e3–6 business days\u003c\/strong\u003e after shipment. Once your order is on the way, you’ll receive a tracking number to follow your delivery.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Abera","offers":[{"title":"1 Bottle","offer_id":54225655824752,"sku":"CB-USASTABM+SL1","price":28.0,"currency_code":"USD","in_stock":true},{"title":"Double-Action Clear Body Bundle","offer_id":54225655890288,"sku":"CB-USASTABM+SL1-CB-BHA059+SL1","price":45.0,"currency_code":"USD","in_stock":true},{"title":"2 Bottles + 🎁 ABERA BHA Acne Spray","offer_id":54225655857520,"sku":"CB-USASTABM+SL2-CB-BHA059+SL1","price":50.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_4.webp?v=1787718062"},{"product_id":"atoskin-cream-for-eczema-psoriasis-folliculitis","title":"Atoskin Cream for Eczema \u0026 Psoriasis","description":"\u003cstyle\u003e\n:root{--g:#0b7f47;--g2:#15975a;--soft:#eef8f2;--ink:#15231c;--muted:#5f6f66;--line:#d9e9df;--warm:#fbf7f1;--shadow:0 10px 30px rgba(20,80,50,.08);--r:22px}\n*{box-sizing:border-box}.at-page{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.5;overflow:hidden}.at-page img{display:block;max-width:100%}.at-container{width:min(1180px,calc(100% - 28px));margin:auto}.at-section{padding:56px 0}.at-eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:var(--soft);color:var(--g);font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.at-page h1,.at-page h2,.at-page h3,.at-page p{margin-top:0}.at-page h1{font-size:clamp(38px,6vw,66px);line-height:1.02;letter-spacing:-1.6px;margin-bottom:16px}.at-page h2{font-size:clamp(30px,4.5vw,46px);line-height:1.08;letter-spacing:-.8px;margin-bottom:12px}.at-page h3{font-size:21px;line-height:1.24;margin-bottom:7px}.at-lead{font-size:clamp(17px,2vw,21px);color:var(--muted);max-width:820px}.at-small{font-size:13px;color:var(--muted)}.at-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}\n.at-ticker{background:linear-gradient(90deg,#075f38,#0b7f47,#15975a);color:#fff;overflow:hidden;border-radius:0 0 18px 18px;box-shadow:0 8px 24px rgba(9,109,62,.14)}.at-ticker-track{display:flex;width:max-content;animation:atTicker 24s linear infinite}.at-ticker-set{display:flex;align-items:center;gap:28px;padding:12px 14px;white-space:nowrap;font-size:13px;font-weight:800}.at-dot{opacity:.65}@keyframes atTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.at-ticker-track{animation:none}}\n.at-problem{background:linear-gradient(135deg,#fbfdfc 0%,#eef8f2 58%,#fff 100%)}.at-problem-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:36px;align-items:center}.at-trigger-box{overflow:hidden;border-radius:26px;border:1px solid var(--line);background:var(--warm);box-shadow:var(--shadow);margin-top:4px}.at-trigger-box img{width:100%;aspect-ratio:4\/3;object-fit:cover}\n.at-location-head{max-width:880px;margin-bottom:24px}.at-location-scroll{display:grid;grid-template-columns:1.25fr .875fr .875fr;gap:16px}.at-location-card{overflow:hidden}.at-location-card img{width:100%;aspect-ratio:4\/3;object-fit:cover;background:#edf5f0}.at-location-copy{padding:22px}.at-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.at-tags span{padding:6px 9px;border-radius:999px;background:var(--soft);color:var(--g);font-size:11px;font-weight:800}\n.at-plan-progress{background:#0b6a40;color:#fff}.at-plan-progress .at-lead,.at-plan-progress .at-small{color:#dcefe5}.at-plan-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start;max-width:760px;margin-left:auto;margin-right:auto}.at-routine-panel{background:#0e7647;border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:24px;box-shadow:0 14px 36px rgba(0,0,0,.12)}.at-week-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}.at-week{padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.07)}.at-week strong{display:block;font-size:15px;margin-bottom:5px}.at-week p{margin:0;font-size:13px;color:#dcefe5}.at-routine-illustration{margin-top:18px;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);padding:14px;display:flex;align-items:center;justify-content:center}.at-routine-illustration img{display:block;width:72%;max-width:420px;height:auto;max-height:500px;object-fit:contain;object-position:center;border-radius:16px;margin:0 auto}.at-routine-illustration .cap{display:none}.at-bundle-note{margin-top:16px;padding:13px 15px;border-radius:14px;background:#edf8f2;color:#0a7041;font-size:13px;font-weight:800}\n\n.at-application-shot{margin:16px 0 4px;padding:10px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.20);box-shadow:0 8px 22px rgba(0,0,0,.08);overflow:hidden}\n.at-application-shot img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;object-position:center;border-radius:14px;background:#fff;margin:0 auto}\n.at-application-shot .at-application-caption{display:flex;align-items:center;gap:8px;padding:10px 4px 2px;font-size:12px;font-weight:800;line-height:1.35;color:#e8f7ee}\n.at-application-shot .at-application-caption:before{\n content:\"✓\";\n width:22px;\n height:22px;\n border-radius:50%;\n display:grid;\n place-items:center;\n flex:0 0 22px;\n background:#eaf7ef;\n color:#0b7f47;\n font-size:12px;\n}\n\n\n.at-ingredient-visual{\n position:relative;\n min-height:430px;\n border-radius:22px;\n background:linear-gradient(145deg,#ffffff,#edf8f2);\n border:1px solid var(--line);\n overflow:hidden;\n}\n.at-ingredient-product{\n position:absolute;\n inset:56px 118px 46px;\n display:grid;\n place-items:center;\n z-index:2;\n}\n.at-ingredient-product img{\n width:100%;\n max-width:245px;\n max-height:320px;\n object-fit:contain;\n filter:drop-shadow(0 14px 18px rgba(25,79,51,.12));\n}\n.at-mini-ing{\n position:absolute;\n width:112px;\n padding:7px;\n background:rgba(255,255,255,.94);\n border:1px solid var(--line);\n border-radius:16px;\n box-shadow:0 7px 18px rgba(20,80,50,.08);\n z-index:3;\n}\n.at-mini-ing img{\n width:100%;\n aspect-ratio:1\/1;\n object-fit:cover;\n border-radius:11px;\n}\n.at-mini-ing span{\n display:block;\n margin-top:5px;\n text-align:center;\n font-size:10px;\n line-height:1.2;\n font-weight:800;\n color:var(--g);\n}\n.at-mini-1{top:18px;left:16px}\n.at-mini-2{top:18px;right:16px}\n.at-mini-3{bottom:18px;left:16px}\n.at-mini-4{bottom:18px;right:16px}\n\n.at-ingredients{background:#fff;border-top:1px solid var(--line)}.at-ingredient-hero{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;background:linear-gradient(135deg,#f7fbf8,#eef8f2);border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow)}.at-ingredient-hero img{width:100%;max-height:520px;object-fit:contain;border-radius:20px}.at-trust-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.at-trust-chips span{padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800}.at-ingredient-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.at-ingredient-card{overflow:hidden}.at-ingredient-card img{width:100%;aspect-ratio:4\/3;object-fit:cover;background:#edf5f0}.at-ingredient-card .copy{padding:17px}\n.at-faq{width:min(880px,100%);margin:auto}.at-page details{border-bottom:1px solid var(--line);padding:17px 0}.at-page summary{font-weight:800;cursor:pointer;list-style:none;padding-right:30px;position:relative}.at-page summary::-webkit-details-marker{display:none}.at-page summary:after{content:\"+\";position:absolute;right:0;font-size:24px;color:var(--g)}.at-page details[open] summary:after{content:\"–\"}.at-page details p{color:var(--muted);margin:10px 0 0}.at-disclaimer{background:#f8faf9;padding:18px 0;font-size:12px;color:#748078}\n@media(max-width:900px){.at-problem-grid,.at-plan-grid,.at-ingredient-hero{grid-template-columns:1fr}.at-location-scroll{grid-template-columns:1fr}.at-ingredient-grid{grid-template-columns:repeat(2,1fr)}}\n@media(min-width:601px) and (max-width:900px){.at-routine-illustration img{width:66%;max-width:340px;max-height:420px}}\n@media(max-width:600px){\n.at-ingredient-visual{min-height:390px}\n.at-ingredient-product{inset:74px 90px 72px}\n.at-ingredient-product img{max-width:200px;max-height:250px}\n.at-mini-ing{width:90px;padding:5px;border-radius:13px}\n.at-mini-ing img{border-radius:9px}\n.at-mini-ing span{font-size:9px}\n.at-mini-1{top:12px;left:10px}\n.at-mini-2{top:12px;right:10px}\n.at-mini-3{bottom:12px;left:10px}\n.at-mini-4{bottom:12px;right:10px}\n.at-ingredient-hero img{max-height:360px;width:100%;object-fit:contain}.at-application-shot{margin:16px 0 4px;padding:10px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.20);box-shadow:0 8px 22px rgba(0,0,0,.08);overflow:hidden}.at-application-shot img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;object-position:center;border-radius:14px;background:#fff;margin:0 auto}.at-application-shot .at-application-caption{display:flex;align-items:center;gap:8px;padding:10px 4px 2px;font-size:12px;font-weight:800;line-height:1.35;color:#e8f7ee}.at-routine-illustration{padding:10px;border-radius:16px}.at-routine-illustration img{width:84%;max-width:260px;max-height:340px}.at-plan-grid{max-width:100%}.at-container{width:min(100% - 22px,1180px)}.at-section{padding:38px 0}.at-page h1{font-size:39px;line-height:1.04}.at-page h2{font-size:30px;line-height:1.1}.at-page h3{font-size:20px}.at-lead{font-size:16px;line-height:1.5}.at-location-scroll,.at-ingredient-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}.at-location-scroll::-webkit-scrollbar,.at-ingredient-grid::-webkit-scrollbar{display:none}.at-location-card{min-width:86%;scroll-snap-align:start}.at-ingredient-card{min-width:76%;scroll-snap-align:start}.at-routine-panel,.at-ticker-set{font-size:12px;padding:11px 12px}}\n\u003c\/style\u003e\n\u003cdiv class=\"at-page\"\u003e\n\u003cdiv class=\"at-ticker\"\u003e\n\u003cdiv class=\"at-ticker-track\"\u003e\n\u003cdiv class=\"at-ticker-set\"\u003e\n\u003cspan\u003eATOSKIN CREAM FOR ECZEMA \u0026amp; PSORIASIS\u003c\/span\u003e\u003cspan class=\"at-dot\"\u003e•\u003c\/span\u003e\u003cspan\u003eFREE US SHIPPING\u003c\/span\u003e\u003cspan class=\"at-dot\"\u003e•\u003c\/span\u003e\u003cspan\u003e2–3 TUBE ROUTINE • BUNDLE \u0026amp; SAVE\u003c\/span\u003e\u003cspan class=\"at-dot\"\u003e•\u003c\/span\u003e\u003cspan\u003eSTEROID-FREE DAILY CARE\u003c\/span\u003e\u003cspan class=\"at-dot\"\u003e•\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"at-ticker-set\"\u003e\n\u003cspan\u003eATOSKIN CREAM FOR ECZEMA \u0026amp; PSORIASIS\u003c\/span\u003e\u003cspan class=\"at-dot\"\u003e•\u003c\/span\u003e\u003cspan\u003eFREE US SHIPPING\u003c\/span\u003e\u003cspan class=\"at-dot\"\u003e•\u003c\/span\u003e\u003cspan\u003e2–3 TUBE ROUTINE • BUNDLE \u0026amp; SAVE\u003c\/span\u003e\u003cspan class=\"at-dot\"\u003e•\u003c\/span\u003e\u003cspan\u003eSTEROID-FREE DAILY CARE\u003c\/span\u003e\u003cspan class=\"at-dot\"\u003e•\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"at-section at-problem\"\u003e\n\u003cdiv class=\"at-container at-problem-grid\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"at-eyebrow\"\u003eUnderstand the problem first\u003c\/span\u003e\n\u003ch1\u003eWhy does dry, itchy, flaky skin keep coming back?\u003c\/h1\u003e\n\u003cp class=\"at-lead\"\u003eEczema-prone and psoriasis-prone skin can feel worse when the skin barrier is stressed, allowing moisture to escape more easily and leaving skin dry, itchy and irritated.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"at-trigger-box\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin.webp?v=1789619391\" alt=\"Common triggers that can weaken the skin barrier\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"at-section\"\u003e\n\u003cdiv class=\"at-container\"\u003e\n\u003cdiv class=\"at-location-head\"\u003e\n\u003cspan class=\"at-eyebrow\"\u003eWhere it can show up\u003c\/span\u003e\n\u003ch2\u003eDifferent body areas create different frustrations.\u003c\/h2\u003e\n\u003cp class=\"at-lead\"\u003eThe same dry-skin problem can feel very different depending on the location—especially where sweat, friction, hair or repeated movement are involved.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"at-location-scroll\"\u003e\n\u003carticle class=\"at-card at-location-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-2.webp?v=1789619391\" alt=\"Groin and inner-thigh eczema progression\"\u003e\n\u003cdiv class=\"at-location-copy\"\u003e\n\u003cspan class=\"at-eyebrow\"\u003eGroin \u0026amp; Inner Thighs\u003c\/span\u003e\n\u003ch3\u003eHeat + sweat + friction can make irritation harder to ignore.\u003c\/h3\u003e\n\u003cp class=\"at-small\"\u003eExternal groin and inner-thigh skin can feel itchy, dry, red and flaky—especially after walking, exercise or long hours in fitted clothing.\u003c\/p\u003e\n\u003cdiv class=\"at-tags\"\u003e\n\u003cspan\u003eItching\u003c\/span\u003e\u003cspan\u003eRedness\u003c\/span\u003e\u003cspan\u003eFlaking\u003c\/span\u003e\u003cspan\u003eFriction\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"at-card at-location-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-3.webp?v=1789619392\" alt=\"Scalp and hairline dryness progression\"\u003e\n\u003cdiv class=\"at-location-copy\"\u003e\n\u003cspan class=\"at-eyebrow\"\u003eScalp \u0026amp; Hairline\u003c\/span\u003e\n\u003ch3\u003eVisible flakes can keep returning around the scalp.\u003c\/h3\u003e\n\u003cp class=\"at-small\"\u003eDryness around the hairline or scalp may come with tightness, itching and visible flaking.\u003c\/p\u003e\n\u003cdiv class=\"at-tags\"\u003e\n\u003cspan\u003eFlakes\u003c\/span\u003e\u003cspan\u003eItching\u003c\/span\u003e\u003cspan\u003eTightness\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"at-card at-location-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-4.webp?v=1789619391\" alt=\"Dry irritated skin on hands and body progression\"\u003e\n\u003cdiv class=\"at-location-copy\"\u003e\n\u003cspan class=\"at-eyebrow\"\u003eArms, Legs \u0026amp; Folds\u003c\/span\u003e\n\u003ch3\u003eRepeated dry patches can appear anywhere friction or dryness builds.\u003c\/h3\u003e\n\u003cp class=\"at-small\"\u003eElbows, knees, arms, legs and skin folds can develop rough, uncomfortable texture that needs consistent moisture support.\u003c\/p\u003e\n\u003cdiv class=\"at-tags\"\u003e\n\u003cspan\u003eRoughness\u003c\/span\u003e\u003cspan\u003eDry patches\u003c\/span\u003e\u003cspan\u003eScaling\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\/section\u003e\n\u003csection class=\"at-section at-plan-progress\"\u003e\n\u003cdiv class=\"at-container\"\u003e\n\u003cspan class=\"at-eyebrow\" style=\"background: rgba(255,255,255,.14); color: #fff;\"\u003eRecommended Routine\u003c\/span\u003e\n\u003ch2 style=\"color: #fff; max-width: 860px;\"\u003eA simple 1–2 month routine built for consistency.\u003c\/h2\u003e\n\u003cp class=\"at-lead\"\u003eUse Atoskin morning and night and keep enough product on hand to stay consistent.\u003c\/p\u003e\n\u003cdiv class=\"at-plan-grid\" style=\"margin-top: 22px;\"\u003e\n\u003cdiv class=\"at-routine-panel\"\u003e\n\u003ch3 style=\"color: #fff;\"\u003eRecommended 1–2 month routine\u003c\/h3\u003e\n\u003cp class=\"at-small\"\u003eApply Atoskin morning and night to clean, dry skin. For targeted use, one 30 g tube may last around 2–3 weeks, so 2–3 tubes can be more practical for a longer routine.\u003c\/p\u003e\n\u003cdiv class=\"at-application-shot\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-6.webp?v=1789635075\" alt=\"Applying Atoskin Cream to dry skin\"\u003e\n\u003cdiv class=\"at-application-caption\"\u003eApply a thin layer directly to clean, dry skin.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"at-week-grid\"\u003e\n\u003cdiv class=\"at-week\"\u003e\n\u003cstrong\u003eWeek 1–2\u003c\/strong\u003e\n\u003cp\u003eFocus on moisture, softness and daily comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"at-week\"\u003e\n\u003cstrong\u003eWeek 3–4\u003c\/strong\u003e\n\u003cp\u003eDryness and visible flaking may begin to appear reduced.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"at-week\"\u003e\n\u003cstrong\u003eWeek 5–8\u003c\/strong\u003e\n\u003cp\u003eSkin may look smoother and feel more comfortable with consistent care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"at-bundle-note\"\u003eChoose your routine: 1 tube for a short trial • 2 tubes for a consistent 1–2 month routine • 3 tubes for larger areas or longer-term use.\u003c\/div\u003e\n\u003cdiv class=\"at-routine-illustration\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-5.webp?v=1789632462\" alt=\"Atoskin morning and night skincare routine\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"at-section at-ingredients\"\u003e\n\u003cdiv class=\"at-container\"\u003e\n\u003cdiv class=\"at-ingredient-hero\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"at-eyebrow\"\u003eWhy Atoskin\u003c\/span\u003e\n\u003ch2\u003eFour key ingredients. Four clear roles for dry, uncomfortable skin.\u003c\/h2\u003e\n\u003cp class=\"at-lead\"\u003eAtoskin combines soothing botanical care, moisture support and nourishing emollients in one steroid-free face-and-body cream.\u003c\/p\u003e\n\u003cdiv class=\"at-trust-chips\"\u003e\n\u003cspan\u003eNo Corticosteroid\u003c\/span\u003e\u003cspan\u003eFace \u0026amp; Body\u003c\/span\u003e\u003cspan\u003eParaben-Free\u003c\/span\u003e\u003cspan\u003eAdults \u0026amp; Children 3+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"at-ingredient-visual\"\u003e\n\u003cdiv class=\"at-ingredient-product\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-spf-1_11zon.webp?v=1785989094\" alt=\"Atoskin Cream\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"at-mini-ing at-mini-1\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-spf-6_11zon.webp?v=1785991111\" alt=\"Red Pine\"\u003e \u003cspan\u003eRed Pine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"at-mini-ing at-mini-2\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-spf-4_11zon.webp?v=1785991135\" alt=\"Biosaccharide Technology\"\u003e \u003cspan\u003eBiosaccharide\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"at-mini-ing at-mini-3\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-spf-5_11zon.webp?v=1785991127\" alt=\"Shea Butter\"\u003e \u003cspan\u003eShea Butter\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"at-mini-ing at-mini-4\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-spf-3_11zon.webp?v=1785991140\" alt=\"Sweet Almond Oil\"\u003e \u003cspan\u003eSweet Almond Oil\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"at-ingredient-grid\"\u003e\n\u003carticle class=\"at-card at-ingredient-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-spf-6_11zon.webp?v=1785991111\" alt=\"Red pine source of Beta-Sitosterol\"\u003e\n\u003cdiv class=\"copy\"\u003e\n\u003ch3\u003eBeta-Sitosterol\u003c\/h3\u003e\n\u003cp class=\"at-small\"\u003eExtracted from Red Pine to help comfort dry, itchy and visibly irritated skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"at-card at-ingredient-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-spf-4_11zon.webp?v=1785991135\" alt=\"Biosaccharide fermentation technology\"\u003e\n\u003cdiv class=\"copy\"\u003e\n\u003ch3\u003eBiosaccharide Technology\u003c\/h3\u003e\n\u003cp class=\"at-small\"\u003eHelps replenish moisture and support softer, smoother-looking skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"at-card at-ingredient-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-spf-5_11zon.webp?v=1785991127\" alt=\"Shea butter\"\u003e\n\u003cdiv class=\"copy\"\u003e\n\u003ch3\u003eShea Butter\u003c\/h3\u003e\n\u003cp class=\"at-small\"\u003eNourishes rough-feeling areas and helps seal in moisture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"at-card at-ingredient-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-spf-3_11zon.webp?v=1785991140\" alt=\"Sweet almond oil\"\u003e\n\u003cdiv class=\"copy\"\u003e\n\u003ch3\u003eSweet Almond Oil\u003c\/h3\u003e\n\u003cp class=\"at-small\"\u003eSoftens and conditions dry, uncomfortable skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"at-section\"\u003e\n\u003cdiv class=\"at-container at-faq\"\u003e\n\u003cspan class=\"at-eyebrow\"\u003eBefore you buy\u003c\/span\u003e\n\u003ch2\u003eQuestions customers usually ask before starting.\u003c\/h2\u003e\n\u003cdetails open=\"\"\u003e\n\u003csummary\u003eCan Atoskin be used on groin and inner-thigh skin?\u003c\/summary\u003e\n\u003cp\u003eIt can be used on external dry and irritation-prone skin around the inner thighs and groin area. Do not apply internally or on open wounds.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan I use Atoskin on the scalp or hairline?\u003c\/summary\u003e\n\u003cp\u003eFor dry, flaky external scalp or hairline areas, apply a small amount directly to the skin and massage gently. Avoid the eyes.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan I use Atoskin on my face and body?\u003c\/summary\u003e\n\u003cp\u003eYes. Atoskin is designed for targeted use on dry, irritation-prone areas of the face and body. Avoid direct contact with the eyes and do not apply to open wounds.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow much Atoskin should I apply each time?\u003c\/summary\u003e\n\u003cp\u003eApply a thin, even layer to clean, dry skin and gently massage until absorbed. More product does not necessarily mean better results—consistent use matters more.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eIs Atoskin a steroid cream?\u003c\/summary\u003e\n\u003cp\u003eNo. Atoskin Cream is a non-corticosteroid daily moisturizing and soothing cream.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow long should I use it?\u003c\/summary\u003e\n\u003cp\u003eFor recurring dryness, consistency matters. A 4–8 week routine can help you stay consistent with daily moisturizing care, but individual needs and results vary.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat should I do if my skin feels irritated after applying it?\u003c\/summary\u003e\n\u003cp\u003eStop use if irritation occurs. For persistent, severe or worsening symptoms, consult a healthcare professional.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eIs Atoskin intended to treat eczema or psoriasis?\u003c\/summary\u003e\n\u003cp\u003eAtoskin is supportive skincare designed to moisturize, soothe and support dry, irritation-prone skin. It is not intended to diagnose, treat, cure or prevent a medical condition.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"at-disclaimer\"\u003e\n\u003cdiv class=\"at-container\"\u003eFor external use only. Patch test before first use. Discontinue use if irritation occurs. Avoid eyes, open wounds and internal genital areas. Individual results vary.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ATOSKIN","offers":[{"title":"1 TUBE","offer_id":53872934191472,"sku":"CB-CATOSKIN30G+SL1","price":28.79,"currency_code":"USD","in_stock":true},{"title":"BUY 2 SAVE 25%","offer_id":53872934224240,"sku":"CB-CATOSKIN30G+SL2","price":48.79,"currency_code":"USD","in_stock":true},{"title":"BUY 3 SAVE 30%","offer_id":53872934257008,"sku":"CB-CATOSKIN30G+SL3","price":68.79,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ads-spf.webp?v=1785486283"},{"product_id":"folliculitis-shower-gel","title":"ABERA Folliculitis Body Wash For Men \u0026 Women","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width,initial-scale=1\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA FOLLICULITIS SHOWER GEL\n CONVERSION-FIRST \/ RETINOL-STYLE REBUILD\n ---------------------------------------------------------\n Structure:\n 01 Brand A+ Story Carousel\n 02 Proven Results + lifestyle image placeholder\n 03 Static customer testimonials\n 04 GIF Before \/ After proof\n 05 How To Use\n 06 Key Ingredients\n 07 Customer Videos\n 08 Perfect Duo + bundle image placeholder\n 09 Quality Documentation\n 10 Final Message\n 11 FAQ\n========================================================= *\/\n\n#abera-folliculitis-v2 {\n --af-green:#0e2a1e;\n --af-green-2:#17392a;\n --af-green-3:#254d39;\n --af-lime:#c9ee57;\n --af-cream:#f4f0e5;\n --af-sage:#edf2ec;\n --af-white:#ffffff;\n --af-black:#101412;\n --af-text:#27322d;\n --af-muted:#66726b;\n --af-line:#dce4de;\n --af-radius:10px;\n\n width:100%;\n margin:0;\n padding:0;\n overflow:hidden;\n background:#fff;\n color:var(--af-text);\n font-family:inherit;\n}\n\n#abera-folliculitis-v2 *,\n#abera-folliculitis-v2 *::before,\n#abera-folliculitis-v2 *::after {\n box-sizing:border-box;\n}\n\n#abera-folliculitis-v2 img,\n#abera-folliculitis-v2 video {\n max-width:100%;\n}\n\n#abera-folliculitis-v2 .af-section {\n width:100%;\n margin:0;\n padding:58px 28px;\n}\n\n#abera-folliculitis-v2 .af-inner {\n width:100%;\n max-width:1400px;\n margin:0 auto;\n}\n\n#abera-folliculitis-v2 .af-narrow {\n max-width:1180px;\n}\n\n#abera-folliculitis-v2 .af-eyebrow {\n margin:0 0 10px;\n color:var(--af-green-3);\n font-size:12px;\n line-height:1.3;\n font-weight:800;\n letter-spacing:1.6px;\n text-transform:uppercase;\n}\n\n#abera-folliculitis-v2 h2 {\n margin:0;\n color:var(--af-black);\n font-size:clamp(32px,4vw,52px);\n line-height:1.06;\n letter-spacing:-1.8px;\n font-weight:800;\n text-transform:uppercase;\n}\n\n#abera-folliculitis-v2 h3 {\n margin:0;\n color:var(--af-black);\n font-size:17px;\n line-height:1.28;\n font-weight:800;\n}\n\n#abera-folliculitis-v2 p {\n margin:0;\n font-size:16px;\n line-height:1.62;\n}\n\n#abera-folliculitis-v2 .af-sub {\n margin-top:17px;\n color:var(--af-muted);\n font-size:17px;\n line-height:1.62;\n}\n\n#abera-folliculitis-v2 .af-center {\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-btn {\n display:inline-flex;\n align-items:center;\n justify-content:center;\n min-height:48px;\n padding:14px 24px;\n border:1px solid var(--af-green);\n border-radius:6px;\n background:var(--af-green);\n color:#fff !important;\n font-size:14px;\n line-height:1;\n font-weight:800;\n text-decoration:none !important;\n text-transform:uppercase;\n}\n\n\n\/* =========================================================\n 01 — INTRO \/ TEXT ONLY\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-intro {\n background:var(--af-cream);\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-intro .af-inner {\n max-width:1050px;\n}\n\n#abera-folliculitis-v2 .af-intro h2 {\n max-width:950px;\n margin:0 auto;\n}\n\n#abera-folliculitis-v2 .af-intro .af-sub {\n max-width:900px;\n margin-left:auto;\n margin-right:auto;\n}\n\n#abera-folliculitis-v2 .af-benefits {\n display:flex;\n align-items:center;\n justify-content:center;\n flex-wrap:wrap;\n gap:10px 24px;\n margin-top:30px;\n padding-top:25px;\n border-top:1px solid #d6d1c5;\n}\n\n#abera-folliculitis-v2 .af-benefit {\n position:relative;\n padding-left:19px;\n color:var(--af-black);\n font-size:14px;\n font-weight:800;\n}\n\n#abera-folliculitis-v2 .af-benefit::before {\n content:\"✓\";\n position:absolute;\n left:0;\n top:0;\n color:var(--af-green-3);\n font-weight:900;\n}\n\n#abera-folliculitis-v2 .af-closing {\n margin-top:26px;\n color:var(--af-green-3);\n font-size:15px;\n font-weight:900;\n letter-spacing:.8px;\n text-transform:uppercase;\n}\n\n\n\/* =========================================================\n 02 — PROVEN RESULTS \/ 58 + 42\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-proof {\n padding:0;\n background:\n radial-gradient(circle at 78% 30%,rgba(115,151,128,.17),transparent 32%),\n linear-gradient(110deg,#091b13 0%,#0d291d 58%,#163526 100%);\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-proof-inner {\n max-width:1400px;\n min-height:650px;\n margin:0 auto;\n display:grid;\n grid-template-columns:58% 42%;\n align-items:stretch;\n}\n\n#abera-folliculitis-v2 .af-proof-content {\n position:relative;\n z-index:3;\n padding:76px 36px 66px 60px;\n display:flex;\n flex-direction:column;\n justify-content:center;\n}\n\n#abera-folliculitis-v2 .af-proof .af-eyebrow {\n display:inline-flex;\n align-items:center;\n gap:10px;\n color:#d3d9d2;\n}\n\n#abera-folliculitis-v2 .af-proof .af-eyebrow::before {\n content:\"\";\n width:28px;\n height:1px;\n background:#a8b7ac;\n}\n\n#abera-folliculitis-v2 .af-proof h2 {\n color:#fff;\n max-width:800px;\n}\n\n#abera-folliculitis-v2 .af-proof .af-sub {\n max-width:690px;\n color:rgba(255,255,255,.72);\n}\n\n#abera-folliculitis-v2 .af-stats {\n display:grid;\n grid-template-columns:repeat(3,1fr);\n max-width:790px;\n margin-top:50px;\n}\n\n#abera-folliculitis-v2 .af-stat {\n position:relative;\n min-width:0;\n padding:0 28px;\n}\n\n#abera-folliculitis-v2 .af-stat:first-child {\n padding-left:0;\n}\n\n#abera-folliculitis-v2 .af-stat:not(:last-child)::after {\n content:\"\";\n position:absolute;\n top:5%;\n right:0;\n width:1px;\n height:90%;\n background:rgba(255,255,255,.20);\n}\n\n#abera-folliculitis-v2 .af-stat-number {\n margin:0 0 11px;\n color:#fff;\n font-size:clamp(46px,5vw,67px);\n line-height:.95;\n letter-spacing:-3px;\n font-weight:900;\n}\n\n#abera-folliculitis-v2 .af-stat:nth-child(3) .af-stat-number {\n color:var(--af-lime);\n}\n\n#abera-folliculitis-v2 .af-stat-title {\n margin:0 0 7px;\n color:#fff;\n font-size:15px;\n line-height:1.25;\n font-weight:850;\n text-transform:uppercase;\n}\n\n#abera-folliculitis-v2 .af-stat-copy {\n max-width:205px;\n color:rgba(255,255,255,.62);\n font-size:13px;\n line-height:1.45;\n}\n\n#abera-folliculitis-v2 .af-footnote {\n max-width:790px;\n margin-top:38px;\n padding-top:18px;\n border-top:1px solid rgba(255,255,255,.11);\n color:rgba(255,255,255,.46);\n font-size:11px;\n line-height:1.5;\n}\n\n#abera-folliculitis-v2 .af-proof-visual {\n position:relative;\n min-height:650px;\n overflow:hidden;\n}\n\n#abera-folliculitis-v2 .af-proof-visual::before {\n content:\"\";\n position:absolute;\n z-index:2;\n inset:0;\n background:linear-gradient(\n 90deg,\n #0d291d 0%,\n rgba(13,41,29,.72) 10%,\n rgba(13,41,29,.14) 31%,\n transparent 55%\n );\n pointer-events:none;\n}\n\n\n\/* Actual lifestyle image used in PROVEN RESULTS *\/\n#abera-folliculitis-v2 .af-proof-image {\n width:100%;\n height:100%;\n min-height:650px;\n display:block;\n object-fit:cover;\n object-position:center top;\n}\n\n#abera-folliculitis-v2 .af-image-needed {\n width:100%;\n height:100%;\n min-height:650px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n padding:35px;\n background:\n radial-gradient(circle at 50% 35%,#466856 0%,#294a39 42%,#143022 100%);\n color:rgba(255,255,255,.85);\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-image-needed strong {\n font-size:24px;\n font-weight:900;\n letter-spacing:.8px;\n}\n\n#abera-folliculitis-v2 .af-image-needed span {\n max-width:360px;\n margin-top:8px;\n font-size:14px;\n line-height:1.5;\n}\n\n#abera-folliculitis-v2 .af-image-needed small {\n margin-top:8px;\n color:rgba(255,255,255,.58);\n font-size:12px;\n}\n\n\n\/* =========================================================\n 03 — BEFORE \/ AFTER RESULTS\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-results {\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-section-header {\n margin-bottom:28px;\n}\n\n#abera-folliculitis-v2 .af-results-track {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:14px;\n}\n\n#abera-folliculitis-v2 .af-result-card {\n min-width:0;\n overflow:hidden;\n border:1px solid #dddddd;\n border-radius:9px;\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-result-image {\n position:relative;\n width:100%;\n aspect-ratio:1\/1;\n overflow:hidden;\n background:#f2f2f2;\n}\n\n#abera-folliculitis-v2 .af-result-image img {\n width:100%;\n height:100%;\n display:block;\n object-fit:cover;\n object-position:center;\n}\n\n#abera-folliculitis-v2 .af-result-content {\n padding:13px;\n}\n\n#abera-folliculitis-v2 .af-result-tag {\n display:inline-flex;\n margin-bottom:8px;\n padding:5px 7px;\n border-radius:4px;\n background:var(--af-green);\n color:#fff;\n font-size:10px;\n line-height:1;\n font-weight:850;\n letter-spacing:.3px;\n}\n\n#abera-folliculitis-v2 .af-result-card h3 {\n margin-bottom:7px;\n font-size:15px;\n text-transform:uppercase;\n}\n\n#abera-folliculitis-v2 .af-result-card p {\n color:#535d57;\n font-size:13px;\n line-height:1.5;\n}\n\n\n\/* =========================================================\n 04 — HOW TO USE \/ IMAGE + COPY\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-howto {\n background:#0b1f16;\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-howto-wrap {\n display:grid;\n grid-template-columns:minmax(0,1fr) minmax(0,1fr);\n gap:44px;\n align-items:center;\n}\n\n#abera-folliculitis-v2 .af-howto-media {\n width:100%;\n aspect-ratio:1\/1;\n overflow:hidden;\n border-radius:10px;\n background:#183126;\n}\n\n#abera-folliculitis-v2 .af-howto-media img {\n width:100%;\n height:100%;\n display:block;\n object-fit:cover;\n object-position:center;\n}\n\n#abera-folliculitis-v2 .af-howto h2,\n#abera-folliculitis-v2 .af-howto h3 {\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-howto .af-eyebrow {\n color:#cbd7cf;\n}\n\n#abera-folliculitis-v2 .af-howto-text {\n margin-top:16px;\n color:#e5ebe7;\n}\n\n#abera-folliculitis-v2 .af-howto-note {\n margin-top:20px;\n padding:14px 16px;\n border:1px solid rgba(255,255,255,.14);\n border-radius:7px;\n background:rgba(255,255,255,.06);\n color:#eef3ef;\n}\n\n#abera-folliculitis-v2 .af-howto .af-btn {\n margin-top:21px;\n border-color:#fff;\n background:transparent;\n}\n\n#abera-folliculitis-v2 .af-trust-strip {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:18px;\n margin-top:36px;\n padding-top:27px;\n border-top:1px solid rgba(255,255,255,.15);\n}\n\n#abera-folliculitis-v2 .af-trust-item {\n display:flex;\n flex-direction:column;\n align-items:center;\n text-align:center;\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-trust-icon {\n width:48px;\n height:48px;\n display:flex;\n align-items:center;\n justify-content:center;\n margin-bottom:10px;\n}\n\n#abera-folliculitis-v2 .af-trust-icon img {\n width:100%;\n height:100%;\n display:block;\n object-fit:contain;\n}\n\n#abera-folliculitis-v2 .af-trust-item span {\n font-size:13px;\n line-height:1.3;\n font-weight:600;\n text-transform:uppercase;\n}\n\n\n\/* =========================================================\n 05 — INGREDIENTS\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-ingredients {\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-ing-layout {\n display:grid;\n grid-template-columns:minmax(250px,.32fr) minmax(0,.68fr);\n gap:42px;\n align-items:center;\n}\n\n#abera-folliculitis-v2 .af-ing-intro h2 {\n font-size:30px;\n line-height:1.15;\n}\n\n#abera-folliculitis-v2 .af-ing-intro .af-sub {\n color:#4e5952;\n font-size:16px;\n}\n\n#abera-folliculitis-v2 .af-ing-callout {\n margin-top:22px;\n padding-top:18px;\n border-top:1px solid #d9dedb;\n color:var(--af-green-3);\n font-size:13px;\n font-weight:850;\n text-transform:uppercase;\n}\n\n#abera-folliculitis-v2 .af-ing-track {\n display:flex;\n gap:16px;\n width:100%;\n overflow-x:auto;\n scroll-behavior:smooth;\n scroll-snap-type:x mandatory;\n scrollbar-width:none;\n padding:0 0 5px;\n}\n\n#abera-folliculitis-v2 .af-ing-track::-webkit-scrollbar {\n display:none;\n}\n\n#abera-folliculitis-v2 .af-ing-card {\n flex:0 0 calc((100% - 32px)\/3);\n min-width:calc((100% - 32px)\/3);\n overflow:hidden;\n border-radius:8px;\n background:var(--af-green);\n scroll-snap-align:start;\n}\n\n#abera-folliculitis-v2 .af-ing-image {\n width:100%;\n aspect-ratio:1\/1;\n overflow:hidden;\n background:#1b392b;\n}\n\n#abera-folliculitis-v2 .af-ing-image img {\n width:100%;\n height:100%;\n display:block;\n object-fit:cover;\n}\n\n#abera-folliculitis-v2 .af-ing-content {\n padding:16px;\n}\n\n#abera-folliculitis-v2 .af-ing-card h3 {\n margin-bottom:8px;\n color:#fff;\n font-size:15px;\n text-transform:uppercase;\n}\n\n#abera-folliculitis-v2 .af-ing-card p {\n color:#d8e1db;\n font-size:13px;\n line-height:1.55;\n}\n\n#abera-folliculitis-v2 .af-scroll-note {\n margin-top:12px;\n color:#7b857f;\n font-size:11px;\n text-align:right;\n}\n\n\n\/* =========================================================\n 06 — CUSTOMER VIDEOS\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-videos {\n background:#081911;\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-videos h2 {\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-videos .af-eyebrow {\n color:#b9c9be;\n}\n\n#abera-folliculitis-v2 .af-videos-track {\n display:grid;\n grid-template-columns:repeat(5,minmax(0,1fr));\n gap:16px;\n margin-top:28px;\n}\n\n#abera-folliculitis-v2 .af-video-wrap {\n width:100%;\n aspect-ratio:9\/16;\n overflow:hidden;\n border-radius:4px;\n background:#163326;\n}\n\n#abera-folliculitis-v2 .af-video-wrap video {\n width:100%;\n height:100%;\n display:block;\n object-fit:cover;\n background:#163326;\n}\n\n#abera-folliculitis-v2 .af-video-dots {\n display:none;\n}\n\n\n\/* =========================================================\n 07 — PERFECT DUO\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-duo {\n background:var(--af-cream);\n}\n\n#abera-folliculitis-v2 .af-duo-layout {\n display:grid;\n grid-template-columns:minmax(0,1fr) minmax(0,1fr);\n gap:44px;\n align-items:center;\n}\n\n\n#abera-folliculitis-v2 .af-duo-media{\n width:100%;\n aspect-ratio:1\/1;\n overflow:hidden;\n border-radius:10px;\n background:#e9eee9;\n}\n#abera-folliculitis-v2 .af-duo-media img{\n width:100%;\n height:100%;\n display:block;\n object-fit:cover;\n object-position:center;\n}\n\n#abera-folliculitis-v2 .af-duo-placeholder {\n width:100%;\n aspect-ratio:1\/1;\n min-height:0;\n border:2px dashed #8da091;\n border-radius:10px;\n background:linear-gradient(135deg,#eef2eb,#dde8de);\n color:var(--af-green);\n}\n\n#abera-folliculitis-v2 .af-duo-placeholder strong {\n font-size:24px;\n}\n\n#abera-folliculitis-v2 .af-duo-title {\n margin-top:7px;\n font-size:32px;\n line-height:1.15;\n}\n\n#abera-folliculitis-v2 .af-duo-intro {\n margin-top:15px;\n color:#58635c;\n}\n\n#abera-folliculitis-v2 .af-duo-benefits {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:28px;\n margin-top:27px;\n}\n\n#abera-folliculitis-v2 .af-duo-product h3 {\n margin-bottom:12px;\n padding-bottom:9px;\n border-bottom:1px solid #d5d8d2;\n font-size:16px;\n text-transform:uppercase;\n}\n\n#abera-folliculitis-v2 .af-duo-list {\n margin:0;\n padding:0;\n list-style:none;\n}\n\n#abera-folliculitis-v2 .af-duo-list li {\n position:relative;\n margin:0 0 10px;\n padding-left:23px;\n color:#29332e;\n font-size:14px;\n line-height:1.45;\n}\n\n#abera-folliculitis-v2 .af-duo-list li::before {\n content:\"✓\";\n position:absolute;\n left:0;\n top:0;\n width:17px;\n height:17px;\n display:flex;\n align-items:center;\n justify-content:center;\n border-radius:50%;\n background:var(--af-green);\n color:#fff;\n font-size:10px;\n font-weight:900;\n}\n\n#abera-folliculitis-v2 .af-offer {\n margin-top:26px;\n padding:13px 15px;\n border-radius:6px;\n background:var(--af-green);\n color:#fff;\n font-size:15px;\n font-weight:900;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-duo .af-btn {\n margin-top:18px;\n}\n\n\n\/* =========================================================\n 08 — DOCUMENTATION\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-docs {\n background:#0a1d14;\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-docs h2 {\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-docs .af-eyebrow {\n color:#b8c8bd;\n}\n\n#abera-folliculitis-v2 .af-doc-grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:18px;\n max-width:920px;\n margin:28px auto 0;\n}\n\n#abera-folliculitis-v2 .af-doc-card {\n overflow:hidden;\n border:1px solid #294637;\n border-radius:10px;\n background:#12291d;\n}\n\n#abera-folliculitis-v2 .af-doc-image {\n width:100%;\n height:460px;\n display:flex;\n align-items:center;\n justify-content:center;\n overflow:hidden;\n background:#f4f4f0;\n}\n\n#abera-folliculitis-v2 .af-doc-image img {\n width:100%;\n height:100%;\n object-fit:contain;\n}\n\n#abera-folliculitis-v2 .af-doc-label {\n min-height:58px;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:12px 14px;\n color:#fff;\n font-size:13px;\n line-height:1.35;\n font-weight:800;\n text-align:center;\n text-transform:uppercase;\n}\n\n\n\/* =========================================================\n 09 — FINAL MESSAGE\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-final {\n padding:88px 20px;\n background:#fff;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-final .af-inner {\n max-width:1100px;\n}\n\n#abera-folliculitis-v2 .af-final .af-eyebrow {\n display:inline-flex;\n align-items:center;\n gap:11px;\n margin-bottom:26px;\n color:var(--af-black);\n}\n\n#abera-folliculitis-v2 .af-final .af-eyebrow::before {\n content:\"\";\n width:30px;\n height:2px;\n background:var(--af-black);\n}\n\n#abera-folliculitis-v2 .af-final h2 {\n font-size:clamp(42px,6vw,70px);\n line-height:1;\n letter-spacing:-2.5px;\n}\n\n#abera-folliculitis-v2 .af-final p {\n max-width:720px;\n margin:28px auto 0;\n color:#68716c;\n font-size:17px;\n line-height:1.45;\n}\n\n#abera-folliculitis-v2 .af-final .af-btn {\n margin-top:24px;\n}\n\n\n\/* =========================================================\n 10 — FAQ\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-faq {\n padding-top:42px;\n padding-bottom:58px;\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-faq .af-inner {\n max-width:1000px;\n}\n\n#abera-folliculitis-v2 .af-faq h2 {\n margin-bottom:17px;\n font-size:22px;\n line-height:1.3;\n letter-spacing:-.3px;\n}\n\n#abera-folliculitis-v2 .af-faq-list {\n border-top:1px solid #ddd;\n}\n\n#abera-folliculitis-v2 .af-faq details {\n margin:0;\n border-bottom:1px solid #ddd;\n}\n\n#abera-folliculitis-v2 .af-faq summary {\n position:relative;\n width:100%;\n padding:17px 45px 17px 0;\n list-style:none;\n color:#111;\n cursor:pointer;\n font-size:16px;\n line-height:1.4;\n font-weight:800;\n}\n\n#abera-folliculitis-v2 .af-faq summary::-webkit-details-marker {\n display:none;\n}\n\n#abera-folliculitis-v2 .af-faq summary::after {\n content:\"+\";\n position:absolute;\n right:4px;\n top:50%;\n transform:translateY(-50%);\n font-size:24px;\n line-height:1;\n font-weight:400;\n}\n\n#abera-folliculitis-v2 .af-faq details[open] summary::after {\n content:\"−\";\n}\n\n#abera-folliculitis-v2 .af-faq details p {\n padding:0 40px 18px 0;\n color:#3f4944;\n font-size:15px;\n line-height:1.6;\n}\n\n\n\/* =========================================================\n 03A — STATIC CUSTOMER TESTIMONIALS\n Retinol-style social proof row\n========================================================= *\/\n\n#abera-folliculitis-v2 .af-static-reviews{\n background:#fff;\n overflow:hidden;\n}\n\n#abera-folliculitis-v2 .af-static-review-header{\n display:flex;\n flex-direction:column;\n align-items:center;\n margin-bottom:24px;\n}\n\n#abera-folliculitis-v2 .af-static-header-stars{\n margin-bottom:9px;\n color:#f3a000;\n font-size:21px;\n line-height:1;\n letter-spacing:2px;\n}\n\n#abera-folliculitis-v2 .af-static-title-box{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n max-width:100%;\n padding:10px 22px;\n border-radius:8px;\n background:#111;\n}\n\n#abera-folliculitis-v2 .af-static-title-box h2{\n margin:0;\n color:#fff;\n font-size:30px;\n line-height:1.3;\n font-weight:700;\n letter-spacing:-.6px;\n text-align:center;\n text-transform:uppercase;\n}\n\n#abera-folliculitis-v2 .af-static-review-viewport{\n width:100%;\n}\n\n#abera-folliculitis-v2 .af-static-review-track{\n display:grid;\n grid-template-columns:repeat(6,minmax(0,1fr));\n gap:12px;\n width:100%;\n}\n\n#abera-folliculitis-v2 .af-static-review-card{\n display:flex;\n flex-direction:column;\n min-width:0;\n overflow:hidden;\n border:1px solid #ddd;\n border-radius:9px;\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-static-review-image{\n position:relative;\n width:100%;\n aspect-ratio:1\/1;\n overflow:hidden;\n background:\n var(--review-image) center\/cover no-repeat,\n linear-gradient(135deg,#eef2ee,#dce5de);\n}\n\n\n#abera-folliculitis-v2 .af-static-before,\n#abera-folliculitis-v2 .af-static-after{\n position:absolute;\n bottom:8px;\n z-index:3;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n padding:5px 7px;\n border-radius:4px;\n font-size:9px;\n line-height:1;\n font-weight:900;\n letter-spacing:.2px;\n}\n\n#abera-folliculitis-v2 .af-static-before{\n left:8px;\n border:1px solid rgba(0,0,0,.10);\n background:rgba(255,255,255,.95);\n color:#111;\n}\n\n#abera-folliculitis-v2 .af-static-after{\n right:8px;\n border:1px solid rgba(255,255,255,.18);\n background:rgba(0,0,0,.88);\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-static-review-content{\n display:flex;\n flex:1;\n flex-direction:column;\n padding:11px;\n}\n\n#abera-folliculitis-v2 .af-static-stars{\n margin-bottom:7px;\n color:#f3a000;\n font-size:15px;\n line-height:1;\n letter-spacing:.5px;\n}\n\n#abera-folliculitis-v2 .af-static-review-copy{\n margin:0 0 11px!important;\n color:#333;\n font-size:13px!important;\n line-height:1.5!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-name{\n margin:auto 0 7px;\n color:#111;\n font-size:13px;\n line-height:1.35;\n font-weight:800;\n}\n\n#abera-folliculitis-v2 .af-static-verified{\n display:inline-flex;\n align-items:center;\n align-self:flex-start;\n gap:4px;\n padding:4px 7px;\n border:1px solid #ddd;\n border-radius:20px;\n background:#f5f5f5;\n color:#333;\n font-size:10px;\n line-height:1;\n font-weight:700;\n white-space:nowrap;\n}\n\n#abera-folliculitis-v2 .af-static-check{\n width:13px;\n height:13px;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n border-radius:50%;\n background:#111;\n color:#fff;\n font-size:8px;\n line-height:1;\n font-weight:900;\n}\n\n#abera-folliculitis-v2 .af-static-review-dots{\n display:none;\n}\n\n\n\/* Tablet: 3 cards \/ row *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-static-review-track{\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:14px;\n }\n\n #abera-folliculitis-v2 .af-static-title-box h2{\n font-size:21px;\n }\n}\n\n\n\/* Mobile: 1 large card + next peek *\/\n@media screen and (max-width:749px){\n\n #abera-folliculitis-v2 .af-static-reviews{\n padding-left:14px;\n padding-right:14px;\n }\n\n #abera-folliculitis-v2 .af-static-review-header{\n margin-bottom:18px;\n }\n\n #abera-folliculitis-v2 .af-static-header-stars{\n margin-bottom:8px;\n font-size:19px;\n }\n\n #abera-folliculitis-v2 .af-static-title-box{\n width:100%;\n padding:10px 13px;\n border-radius:7px;\n }\n\n #abera-folliculitis-v2 .af-static-title-box h2{\n font-size:17px;\n line-height:1.35;\n }\n\n #abera-folliculitis-v2 .af-static-review-viewport{\n width:100%;\n overflow:hidden;\n }\n\n #abera-folliculitis-v2 .af-static-review-track{\n display:flex;\n flex-wrap:nowrap;\n gap:10px;\n width:100%;\n overflow-x:auto;\n overflow-y:hidden;\n scroll-behavior:smooth;\n scroll-snap-type:x mandatory;\n -webkit-overflow-scrolling:touch;\n scrollbar-width:none;\n padding:0 12% 5px 0;\n }\n\n #abera-folliculitis-v2 .af-static-review-track::-webkit-scrollbar{\n display:none;\n }\n\n #abera-folliculitis-v2 .af-static-review-card{\n flex:0 0 86%;\n min-width:86%;\n scroll-snap-align:start;\n }\n\n #abera-folliculitis-v2 .af-static-review-content{\n padding:13px;\n }\n\n #abera-folliculitis-v2 .af-static-stars{\n font-size:17px;\n }\n\n #abera-folliculitis-v2 .af-static-review-copy{\n font-size:14px!important;\n line-height:1.5!important;\n }\n\n #abera-folliculitis-v2 .af-static-review-name{\n font-size:14px;\n }\n\n #abera-folliculitis-v2 .af-static-verified{\n padding:5px 8px;\n font-size:11px;\n }\n\n #abera-folliculitis-v2 .af-static-before,\n #abera-folliculitis-v2 .af-static-after{\n bottom:9px;\n padding:6px 8px;\n font-size:10px;\n }\n\n #abera-folliculitis-v2 .af-static-before{\n left:9px;\n }\n\n #abera-folliculitis-v2 .af-static-after{\n right:9px;\n }\n\n #abera-folliculitis-v2 .af-static-review-dots{\n display:flex;\n align-items:center;\n justify-content:center;\n gap:7px;\n margin-top:14px;\n }\n\n #abera-folliculitis-v2 .af-static-dot{\n width:7px;\n height:7px;\n min-width:7px;\n margin:0;\n padding:0;\n border:0;\n border-radius:50%;\n background:#d0d0d0;\n cursor:pointer;\n transition:.2s ease;\n }\n\n #abera-folliculitis-v2 .af-static-dot.active{\n background:#111;\n transform:scale(1.2);\n }\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n@media screen and (min-width:750px) and (max-width:1050px) {\n #abera-folliculitis-v2 .af-section {\n padding:48px 22px;\n }\n\n #abera-folliculitis-v2 .af-proof-inner {\n grid-template-columns:60% 40%;\n min-height:570px;\n }\n\n #abera-folliculitis-v2 .af-proof-content {\n padding:60px 22px 54px 34px;\n }\n\n #abera-folliculitis-v2 .af-proof-visual,\n #abera-folliculitis-v2 .af-image-needed {\n min-height:570px;\n }\n\n #abera-folliculitis-v2 .af-result-card h3 {\n font-size:14px;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap,\n #abera-folliculitis-v2 .af-duo-layout {\n gap:30px;\n }\n\n #abera-folliculitis-v2 .af-ing-layout {\n grid-template-columns:minmax(220px,.34fr) minmax(0,.66fr);\n gap:28px;\n }\n\n #abera-folliculitis-v2 .af-ing-card {\n flex:0 0 47%;\n min-width:47%;\n }\n\n #abera-folliculitis-v2 .af-videos-track {\n display:flex;\n gap:15px;\n overflow-x:auto;\n scroll-snap-type:x mandatory;\n scrollbar-width:none;\n padding-right:8%;\n }\n\n #abera-folliculitis-v2 .af-video-item {\n flex:0 0 46%;\n min-width:46%;\n scroll-snap-align:start;\n }\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n@media screen and (max-width:749px) {\n #abera-folliculitis-v2 .af-section {\n padding:30px 14px;\n }\n\n #abera-folliculitis-v2 h2 {\n font-size:26px;\n line-height:1.10;\n letter-spacing:-.8px;\n }\n\n #abera-folliculitis-v2 h3 {\n font-size:18px;\n }\n\n #abera-folliculitis-v2 .af-eyebrow {\n font-size:11px;\n letter-spacing:1.3px;\n }\n\n #abera-folliculitis-v2 .af-sub {\n margin-top:13px;\n font-size:16px;\n line-height:1.58;\n }\n\n #abera-folliculitis-v2 p {\n font-size:15px;\n }\n\n \/* INTRO *\/\n #abera-folliculitis-v2 .af-intro {\n padding-top:42px;\n padding-bottom:38px;\n }\n\n #abera-folliculitis-v2 .af-intro h2 {\n font-size:29px;\n }\n\n #abera-folliculitis-v2 .af-benefits {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:11px 14px;\n margin-top:24px;\n padding-top:21px;\n text-align:left;\n }\n\n #abera-folliculitis-v2 .af-benefit {\n font-size:13px;\n }\n\n #abera-folliculitis-v2 .af-closing {\n margin-top:22px;\n font-size:13px;\n }\n\n \/* PROOF *\/\n #abera-folliculitis-v2 .af-proof-inner {\n display:flex;\n flex-direction:column;\n min-height:auto;\n }\n\n #abera-folliculitis-v2 .af-proof-content {\n order:1;\n padding:46px 18px 34px;\n }\n\n #abera-folliculitis-v2 .af-proof h2 {\n font-size:31px;\n line-height:1.08;\n letter-spacing:-1.2px;\n }\n\n #abera-folliculitis-v2 .af-proof .af-sub {\n font-size:14px;\n line-height:1.55;\n }\n\n #abera-folliculitis-v2 .af-stats {\n width:100%;\n max-width:none;\n grid-template-columns:repeat(3,minmax(118px,1fr));\n margin-top:33px;\n overflow-x:auto;\n scrollbar-width:none;\n }\n\n #abera-folliculitis-v2 .af-stats::-webkit-scrollbar {\n display:none;\n }\n\n #abera-folliculitis-v2 .af-stat {\n min-width:118px;\n padding:0 14px;\n }\n\n #abera-folliculitis-v2 .af-stat:first-child {\n padding-left:0;\n }\n\n #abera-folliculitis-v2 .af-stat-number {\n margin-bottom:8px;\n font-size:40px;\n letter-spacing:-2px;\n }\n\n #abera-folliculitis-v2 .af-stat-title {\n font-size:11.5px;\n }\n\n #abera-folliculitis-v2 .af-stat-copy {\n font-size:10.5px;\n line-height:1.4;\n }\n\n #abera-folliculitis-v2 .af-footnote {\n margin-top:26px;\n padding-top:15px;\n font-size:10px;\n }\n\n #abera-folliculitis-v2 .af-proof-visual {\n order:2;\n min-height:390px;\n }\n\n\n #abera-folliculitis-v2 .af-proof-image {\n width:100%;\n height:390px;\n min-height:390px;\n object-fit:cover;\n object-position:center top;\n }\n\n #abera-folliculitis-v2 .af-image-needed {\n min-height:390px;\n }\n\n #abera-folliculitis-v2 .af-proof-visual::before {\n background:linear-gradient(\n 180deg,\n #0d291d 0%,\n rgba(13,41,29,.60) 9%,\n rgba(13,41,29,.10) 26%,\n transparent 50%\n );\n }\n\n #abera-folliculitis-v2 .af-image-needed strong {\n font-size:21px;\n }\n\n #abera-folliculitis-v2 .af-image-needed span {\n font-size:13px;\n }\n\n \/* RESULTS - 1 CARD + NEXT PEEK *\/\n #abera-folliculitis-v2 .af-results {\n overflow:hidden;\n }\n\n #abera-folliculitis-v2 .af-results-track {\n display:flex;\n flex-wrap:nowrap;\n gap:10px;\n overflow-x:auto;\n scroll-snap-type:x mandatory;\n scrollbar-width:none;\n padding:0 12% 5px 0;\n }\n\n #abera-folliculitis-v2 .af-results-track::-webkit-scrollbar {\n display:none;\n }\n\n #abera-folliculitis-v2 .af-result-card {\n flex:0 0 86%;\n min-width:86%;\n scroll-snap-align:start;\n }\n\n #abera-folliculitis-v2 .af-result-content {\n padding:13px;\n }\n\n #abera-folliculitis-v2 .af-result-card h3 {\n font-size:16px;\n }\n\n #abera-folliculitis-v2 .af-result-card p {\n font-size:14px;\n }\n\n \/* HOW TO *\/\n #abera-folliculitis-v2 .af-howto-wrap {\n display:flex;\n flex-direction:column;\n gap:23px;\n }\n\n #abera-folliculitis-v2 .af-howto h2 {\n font-size:26px;\n }\n\n #abera-folliculitis-v2 .af-howto-text,\n #abera-folliculitis-v2 .af-howto-note {\n font-size:15px;\n }\n\n #abera-folliculitis-v2 .af-howto .af-btn {\n width:100%;\n }\n\n #abera-folliculitis-v2 .af-trust-strip {\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:22px 14px;\n margin-top:29px;\n padding-top:24px;\n }\n\n #abera-folliculitis-v2 .af-trust-icon {\n width:44px;\n height:44px;\n }\n\n #abera-folliculitis-v2 .af-trust-item span {\n font-size:12px;\n line-height:1.35;\n }\n\n \/* INGREDIENTS *\/\n #abera-folliculitis-v2 .af-ing-layout {\n display:flex;\n flex-direction:column;\n gap:23px;\n }\n\n #abera-folliculitis-v2 .af-ing-intro h2 {\n font-size:24px;\n }\n\n #abera-folliculitis-v2 .af-ing-intro .af-sub {\n font-size:15px;\n }\n\n #abera-folliculitis-v2 .af-ing-track {\n gap:10px;\n padding-right:14%;\n }\n\n #abera-folliculitis-v2 .af-ing-card {\n flex:0 0 86%;\n min-width:86%;\n }\n\n #abera-folliculitis-v2 .af-ing-card h3 {\n font-size:16px;\n }\n\n #abera-folliculitis-v2 .af-ing-card p {\n font-size:14px;\n }\n\n \/* VIDEOS *\/\n #abera-folliculitis-v2 .af-videos {\n overflow:hidden;\n }\n\n #abera-folliculitis-v2 .af-videos-track {\n display:flex;\n flex-wrap:nowrap;\n gap:11px;\n overflow-x:auto;\n scroll-snap-type:x mandatory;\n scrollbar-width:none;\n padding:0 15% 6px 0;\n }\n\n #abera-folliculitis-v2 .af-videos-track::-webkit-scrollbar {\n display:none;\n }\n\n #abera-folliculitis-v2 .af-video-item {\n flex:0 0 82%;\n min-width:82%;\n scroll-snap-align:start;\n }\n\n #abera-folliculitis-v2 .af-video-dots {\n display:flex;\n align-items:center;\n justify-content:center;\n gap:7px;\n margin-top:17px;\n }\n\n #abera-folliculitis-v2 .af-dot {\n width:7px;\n height:7px;\n min-width:7px;\n padding:0;\n border:0;\n border-radius:99px;\n background:#657a6d;\n opacity:.75;\n transition:.25s ease;\n }\n\n #abera-folliculitis-v2 .af-dot.active {\n width:23px;\n background:#fff;\n opacity:1;\n }\n\n \/* DUO *\/\n #abera-folliculitis-v2 .af-duo-layout {\n display:flex;\n flex-direction:column;\n gap:24px;\n }\n\n #abera-folliculitis-v2 .af-duo-title {\n font-size:25px;\n }\n\n #abera-folliculitis-v2 .af-duo-intro {\n font-size:14px;\n }\n\n #abera-folliculitis-v2 .af-duo-benefits {\n grid-template-columns:1fr;\n gap:23px;\n margin-top:22px;\n }\n\n #abera-folliculitis-v2 .af-duo-product h3 {\n font-size:16px;\n }\n\n #abera-folliculitis-v2 .af-duo-list li {\n font-size:14px;\n }\n\n #abera-folliculitis-v2 .af-duo .af-btn {\n width:100%;\n }\n\n \/* DOCS *\/\n #abera-folliculitis-v2 .af-doc-grid {\n grid-template-columns:1fr;\n gap:15px;\n }\n\n #abera-folliculitis-v2 .af-doc-image {\n height:auto;\n aspect-ratio:4\/5;\n }\n\n \/* FINAL *\/\n #abera-folliculitis-v2 .af-final {\n padding:58px 16px;\n }\n\n #abera-folliculitis-v2 .af-final h2 {\n font-size:38px;\n line-height:1;\n letter-spacing:-1.7px;\n }\n\n #abera-folliculitis-v2 .af-final p {\n max-width:94%;\n margin-top:22px;\n font-size:14px;\n line-height:1.35;\n }\n\n #abera-folliculitis-v2 .af-final .af-btn {\n width:100%;\n }\n\n \/* FAQ *\/\n #abera-folliculitis-v2 .af-faq {\n padding-top:27px;\n padding-bottom:34px;\n }\n\n #abera-folliculitis-v2 .af-faq h2 {\n font-size:19px;\n }\n\n #abera-folliculitis-v2 .af-faq summary {\n padding:15px 38px 15px 0;\n font-size:15px;\n }\n\n #abera-folliculitis-v2 .af-faq details p {\n padding:0 30px 16px 0;\n font-size:14px;\n line-height:1.55;\n }\n}\n\n\/* ===== FINAL AIRY POLAR-INSPIRED OVERRIDES ===== *\/\n#abera-folliculitis-v2{--af-cream:#f7f5ee;--af-soft:#f4f7f4;--af-ink:#101714;}\n#abera-folliculitis-v2 .af-section{padding:78px 28px;}\n#abera-folliculitis-v2 .af-inner{max-width:1240px;}\n#abera-folliculitis-v2 .af-eyebrow{margin-bottom:12px;font-size:11px;line-height:1.3;font-weight:750;letter-spacing:1.9px;}\n#abera-folliculitis-v2 h2{font-size:clamp(34px,3.2vw,48px);line-height:1.08;letter-spacing:-1.25px;font-weight:700;}\n#abera-folliculitis-v2 h2 span{font-weight:800;}\n#abera-folliculitis-v2 p{line-height:1.68;}\n#abera-folliculitis-v2 .af-sub{max-width:720px;margin-top:18px;font-size:16px;line-height:1.65;}\n#abera-folliculitis-v2 .af-section-note{max-width:560px;margin:12px auto 0;color:#7a847e;font-size:14px;line-height:1.55;}\n\/* intro *\/\n#abera-folliculitis-v2 .af-intro{padding-top:84px;padding-bottom:82px;background:#fbfaf6;}\n#abera-folliculitis-v2 .af-intro .af-inner{max-width:900px;}\n#abera-folliculitis-v2 .af-intro h2{max-width:800px;margin:0 auto;font-size:clamp(38px,4.2vw,58px);line-height:1.04;letter-spacing:-1.8px;}\n#abera-folliculitis-v2 .af-intro .af-sub{max-width:760px;margin:21px auto 0;color:#5e6862;font-size:16px;line-height:1.65;}\n#abera-folliculitis-v2 .af-intro-points{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:32px;}\n#abera-folliculitis-v2 .af-intro-points span{position:relative;padding-left:17px;color:#1b2520;font-size:13px;font-weight:700;}\n#abera-folliculitis-v2 .af-intro-points span:before{content:'✓';position:absolute;left:0;color:var(--af-green-3);font-weight:900;}\n#abera-folliculitis-v2 .af-intro .af-closing{margin-top:30px;color:#6f7a73;font-size:12px;font-weight:700;letter-spacing:1.15px;}\n\/* proof *\/\n#abera-folliculitis-v2 .af-proof-inner{width:100%;max-width:none;min-height:590px;grid-template-columns:57% 43%;}\n#abera-folliculitis-v2 .af-proof-content{padding:68px 46px 58px 54px;}\n#abera-folliculitis-v2 .af-proof h2{font-size:clamp(36px,3.5vw,50px);line-height:1.04;}\n#abera-folliculitis-v2 .af-proof .af-sub{max-width:590px;margin-top:17px;font-size:15px;}\n#abera-folliculitis-v2 .af-stats{margin-top:42px;}\n#abera-folliculitis-v2 .af-stat{padding:0 22px;}\n#abera-folliculitis-v2 .af-stat-number{font-size:clamp(42px,4.2vw,60px);}\n#abera-folliculitis-v2 .af-stat-title{font-size:13px;}\n#abera-folliculitis-v2 .af-stat-copy{font-size:12px;}\n#abera-folliculitis-v2 .af-proof-visual,#abera-folliculitis-v2 .af-proof-image{min-height:590px;}\n\/* reviews *\/\n#abera-folliculitis-v2 .af-static-reviews{padding-top:74px;padding-bottom:70px;}\n#abera-folliculitis-v2 .af-static-review-header{margin-bottom:28px;}\n#abera-folliculitis-v2 .af-static-header-stars{margin-bottom:12px;font-size:18px;}\n#abera-folliculitis-v2 .af-static-title-box{display:block;padding:0;background:transparent;border-radius:0;text-align:center;}\n#abera-folliculitis-v2 .af-static-title-box .af-eyebrow{margin-bottom:8px;color:#6e7a73;}\n#abera-folliculitis-v2 .af-static-title-box h2{color:#101714;font-size:clamp(28px,2.6vw,38px);line-height:1.12;font-weight:700;letter-spacing:-.9px;}\n#abera-folliculitis-v2 .af-static-review-track{gap:14px;}\n#abera-folliculitis-v2 .af-static-review-card{border-color:#e4e7e4;border-radius:7px;box-shadow:0 4px 16px rgba(15,35,24,.035);}\n#abera-folliculitis-v2 .af-static-review-copy{color:#4d5751;font-size:12.5px!important;line-height:1.55!important;}\n\/* gif results *\/\n#abera-folliculitis-v2 .af-results{padding-top:82px;padding-bottom:82px;background:#f8faf8;}\n#abera-folliculitis-v2 .af-section-header{margin-bottom:34px;}\n#abera-folliculitis-v2 .af-results-track{gap:18px;}\n#abera-folliculitis-v2 .af-result-card{border-color:#e2e7e3;border-radius:7px;box-shadow:0 5px 18px rgba(15,35,24,.035);}\n#abera-folliculitis-v2 .af-result-content{padding:15px 15px 17px;}\n\/* how to *\/\n#abera-folliculitis-v2 .af-howto{background:#10271c;}\n#abera-folliculitis-v2 .af-howto-wrap{gap:68px;}\n#abera-folliculitis-v2 .af-howto-media{border-radius:4px;}\n#abera-folliculitis-v2 .af-howto-steps{margin-top:27px;border-top:1px solid rgba(255,255,255,.15);}\n#abera-folliculitis-v2 .af-howto-step{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.15);}\n#abera-folliculitis-v2 .af-howto-step\u003espan{color:#a9bdaf;font-size:12px;font-weight:800;letter-spacing:1px;}\n#abera-folliculitis-v2 .af-howto-step strong{color:#fff;font-size:14px;font-weight:800;}\n#abera-folliculitis-v2 .af-howto-step p{margin-top:4px;color:#c9d2cc;font-size:14px;line-height:1.5;}\n#abera-folliculitis-v2 .af-howto-note{margin-top:22px;padding:14px 0 0;border:0;border-top:1px solid rgba(255,255,255,.15);border-radius:0;background:transparent;font-size:13px;line-height:1.55;}\n#abera-folliculitis-v2 .af-trust-strip{margin-top:42px;padding-top:24px;}\n\/* ingredients *\/\n#abera-folliculitis-v2 .af-ing-layout{grid-template-columns:minmax(245px,.29fr) minmax(0,.71fr);gap:54px;}\n#abera-folliculitis-v2 .af-ing-intro h2{font-size:30px;line-height:1.12;}\n#abera-folliculitis-v2 .af-ing-card{border-radius:6px;background:#173326;}\n#abera-folliculitis-v2 .af-ing-content{padding:15px;}\n#abera-folliculitis-v2 .af-ing-callout{margin-top:18px;padding-top:16px;font-size:11px;}\n\/* later sections *\/\n#abera-folliculitis-v2 .af-videos{padding-top:76px;padding-bottom:78px;}\n#abera-folliculitis-v2 .af-videos-track{margin-top:32px;gap:14px;}\n#abera-folliculitis-v2 .af-duo{background:#f7f5ee;}\n#abera-folliculitis-v2 .af-duo-layout{gap:60px;}\n#abera-folliculitis-v2 .af-duo-benefits{gap:34px;}\n#abera-folliculitis-v2 .af-offer{border-radius:3px;}\n#abera-folliculitis-v2 .af-docs{padding-top:72px;padding-bottom:72px;}\n#abera-folliculitis-v2 .af-final{padding-top:96px;padding-bottom:96px;}\n#abera-folliculitis-v2 .af-final h2{font-size:clamp(38px,5vw,62px);line-height:1.03;}\n#abera-folliculitis-v2 .af-faq{padding-top:56px;padding-bottom:64px;}\n@media(max-width:749px){\n#abera-folliculitis-v2 .af-section{padding:44px 16px;}\n#abera-folliculitis-v2 h2{font-size:25px;line-height:1.12;letter-spacing:-.55px;}\n#abera-folliculitis-v2 .af-eyebrow{margin-bottom:9px;font-size:10.5px;letter-spacing:1.45px;}\n#abera-folliculitis-v2 .af-sub{font-size:15px;line-height:1.58;}\n#abera-folliculitis-v2 .af-intro{padding-top:54px;padding-bottom:50px;}\n#abera-folliculitis-v2 .af-intro h2{font-size:31px;line-height:1.06;letter-spacing:-1px;}\n#abera-folliculitis-v2 .af-intro .af-sub{max-width:350px;margin-top:16px;font-size:15px;line-height:1.58;}\n#abera-folliculitis-v2 .af-intro-points{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;width:100%;max-width:340px;margin:24px auto 0;text-align:left;}\n#abera-folliculitis-v2 .af-intro-points span{font-size:12.5px;}\n#abera-folliculitis-v2 .af-intro .af-closing{margin-top:24px;font-size:10.5px;line-height:1.45;}\n#abera-folliculitis-v2 .af-proof-content{padding:42px 18px 30px;}\n#abera-folliculitis-v2 .af-proof h2{font-size:29px;line-height:1.06;}\n#abera-folliculitis-v2 .af-proof .af-sub{font-size:13.5px;}\n#abera-folliculitis-v2 .af-stats{margin-top:28px;}\n#abera-folliculitis-v2 .af-stat-number{font-size:36px;}\n#abera-folliculitis-v2 .af-proof-visual,#abera-folliculitis-v2 .af-proof-image{min-height:360px;height:360px;}\n#abera-folliculitis-v2 .af-static-reviews{padding-top:48px;padding-bottom:46px;}\n#abera-folliculitis-v2 .af-static-title-box{width:auto;}\n#abera-folliculitis-v2 .af-static-title-box h2{color:#101714;font-size:23px;line-height:1.12;}\n#abera-folliculitis-v2 .af-static-review-card{flex-basis:88%;min-width:88%;}\n#abera-folliculitis-v2 .af-results{padding-top:52px;padding-bottom:52px;}\n#abera-folliculitis-v2 .af-result-card{flex-basis:88%;min-width:88%;}\n#abera-folliculitis-v2 .af-howto-wrap{gap:28px;}\n#abera-folliculitis-v2 .af-howto h2{font-size:26px;}\n#abera-folliculitis-v2 .af-howto-step{grid-template-columns:38px 1fr;padding:15px 0;}\n#abera-folliculitis-v2 .af-howto-step p{font-size:13.5px;}\n#abera-folliculitis-v2 .af-trust-strip{margin-top:30px;}\n#abera-folliculitis-v2 .af-ing-layout{gap:28px;}\n#abera-folliculitis-v2 .af-ing-card{flex-basis:88%;min-width:88%;}\n#abera-folliculitis-v2 .af-duo-layout{gap:30px;}\n#abera-folliculitis-v2 .af-final{padding-top:64px;padding-bottom:64px;}\n#abera-folliculitis-v2 .af-final h2{font-size:34px;}\n}\n\n\n\/* ============================================================\nINGREDIENTS V2 — 6 ACTIVE SCIENCE CAROUSEL\n============================================================ *\/\n#abera-folliculitis-v2 .af-ing-layout{\n grid-template-columns:minmax(270px,.30fr) minmax(0,.70fr);\n gap:46px;\n align-items:center;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients{\n margin-top:24px;\n border-top:1px solid #d8deda;\n border-bottom:1px solid #d8deda;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients summary{\n position:relative;\n padding:14px 30px 14px 0;\n list-style:none;\n cursor:pointer;\n color:#162019;\n font-size:12px;\n line-height:1.3;\n font-weight:800;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients summary::-webkit-details-marker{\n display:none;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients summary::after{\n content:\"+\";\n position:absolute;\n top:50%;\n right:3px;\n transform:translateY(-50%);\n font-size:20px;\n font-weight:400;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients[open] summary::after{\n content:\"−\";\n}\n\n#abera-folliculitis-v2 .af-full-ingredients p{\n padding:0 0 16px;\n color:#59635d;\n font-size:12px;\n line-height:1.65;\n}\n\n#abera-folliculitis-v2 .af-ing-carousel{\n position:relative;\n min-width:0;\n}\n\n#abera-folliculitis-v2 .af-ing-track{\n display:flex;\n gap:14px;\n width:100%;\n overflow-x:auto;\n scroll-behavior:smooth;\n scroll-snap-type:x mandatory;\n scrollbar-width:none;\n padding:0 0 4px;\n}\n\n#abera-folliculitis-v2 .af-ing-track::-webkit-scrollbar{\n display:none;\n}\n\n#abera-folliculitis-v2 .af-ing-card{\n flex:0 0 calc((100% - 28px)\/3);\n min-width:calc((100% - 28px)\/3);\n scroll-snap-align:start;\n overflow:hidden;\n border-radius:7px;\n background:#10271c;\n}\n\n#abera-folliculitis-v2 .af-ing-image,\n#abera-folliculitis-v2 .af-ing-science-visual{\n width:100%;\n aspect-ratio:1\/1;\n}\n\n#abera-folliculitis-v2 .af-ing-science-visual{\n position:relative;\n overflow:hidden;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n isolation:isolate;\n background:\n radial-gradient(circle at 50% 42%,rgba(255,255,255,.15),transparent 22%),\n radial-gradient(circle at 50% 48%,rgba(70,116,104,.55),transparent 48%),\n linear-gradient(145deg,#09110f,#152824 56%,#060a09);\n}\n\n#abera-folliculitis-v2 .af-ing-science-visual::before,\n#abera-folliculitis-v2 .af-ing-science-visual::after{\n content:\"\";\n position:absolute;\n border:1px solid rgba(255,255,255,.13);\n border-radius:50%;\n z-index:-1;\n}\n\n#abera-folliculitis-v2 .af-ing-science-visual::before{\n width:72%;\n height:72%;\n}\n\n#abera-folliculitis-v2 .af-ing-science-visual::after{\n width:92%;\n height:92%;\n opacity:.55;\n}\n\n#abera-folliculitis-v2 .af-science-orb{\n position:absolute;\n width:46%;\n aspect-ratio:1\/1;\n border-radius:48% 52% 55% 45% \/ 45% 43% 57% 55%;\n background:\n radial-gradient(circle at 32% 25%,rgba(255,255,255,.82),rgba(255,255,255,.20) 17%,transparent 18%),\n radial-gradient(circle at 45% 42%,rgba(214,235,229,.54),rgba(64,107,96,.25) 56%,rgba(0,0,0,.18) 75%);\n border:1px solid rgba(255,255,255,.34);\n box-shadow:\n inset -16px -18px 28px rgba(0,0,0,.26),\n inset 12px 10px 24px rgba(255,255,255,.13),\n 0 20px 35px rgba(0,0,0,.24);\n transform:translateY(-4%);\n}\n\n#abera-folliculitis-v2 .af-science-formula{\n position:absolute;\n top:9%;\n left:8%;\n color:rgba(255,255,255,.56);\n font-size:9px;\n font-weight:700;\n letter-spacing:1.3px;\n}\n\n#abera-folliculitis-v2 .af-science-code{\n position:relative;\n z-index:2;\n color:#fff;\n font-size:33px;\n line-height:1;\n font-weight:500;\n}\n\n#abera-folliculitis-v2 .af-science-caption{\n position:absolute;\n bottom:9%;\n left:7%;\n right:7%;\n color:#d7e3de;\n font-size:10px;\n line-height:1.25;\n font-weight:700;\n letter-spacing:.7px;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-science-mandelic{\n background:\n radial-gradient(circle at 50% 45%,rgba(223,189,100,.28),transparent 38%),\n linear-gradient(145deg,#0b0b0a,#2a2418 58%,#090908);\n}\n\n#abera-folliculitis-v2 .af-science-niacinamide{\n background:\n radial-gradient(circle at 50% 45%,rgba(89,124,170,.30),transparent 38%),\n linear-gradient(145deg,#070a0f,#142234 58%,#06080c);\n}\n\n#abera-folliculitis-v2 .af-science-allantoin{\n background:\n radial-gradient(circle at 50% 45%,rgba(170,194,184,.30),transparent 38%),\n linear-gradient(145deg,#0a0d0c,#24312c 58%,#070a09);\n}\n\n#abera-folliculitis-v2 .af-ing-content{\n min-height:132px;\n padding:14px;\n}\n\n#abera-folliculitis-v2 .af-ing-card h3{\n margin-bottom:7px;\n color:#fff;\n font-size:14px;\n line-height:1.22;\n}\n\n#abera-folliculitis-v2 .af-ing-card p{\n color:#d7dfda;\n font-size:12.5px;\n line-height:1.52;\n}\n\n#abera-folliculitis-v2 .af-ing-arrow{\n position:absolute;\n top:38%;\n z-index:6;\n width:42px;\n height:52px;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:0;\n border:1px solid rgba(255,255,255,.14);\n background:rgba(4,12,8,.90);\n color:#fff;\n cursor:pointer;\n font-size:28px;\n line-height:1;\n}\n\n#abera-folliculitis-v2 .af-ing-prev{\n left:0;\n transform:translate(-22%,-50%);\n}\n\n#abera-folliculitis-v2 .af-ing-next{\n right:0;\n transform:translate(22%,-50%);\n}\n\n#abera-folliculitis-v2 .af-ing-arrow:disabled{\n opacity:.24;\n cursor:default;\n}\n\n#abera-folliculitis-v2 .af-ing-dots{\n display:flex;\n align-items:center;\n justify-content:center;\n gap:6px;\n margin-top:13px;\n}\n\n#abera-folliculitis-v2 .af-ing-dot{\n width:7px;\n height:7px;\n min-width:7px;\n padding:0;\n border:0;\n border-radius:50%;\n background:#d2d5d3;\n cursor:pointer;\n}\n\n#abera-folliculitis-v2 .af-ing-dot.active{\n width:25px;\n border-radius:99px;\n background:#17271f;\n}\n\n@media(max-width:749px){\n #abera-folliculitis-v2 .af-ing-layout{\n display:flex;\n flex-direction:column;\n gap:27px;\n }\n\n #abera-folliculitis-v2 .af-full-ingredients{\n margin-top:19px;\n }\n\n #abera-folliculitis-v2 .af-full-ingredients p{\n font-size:12px;\n }\n\n #abera-folliculitis-v2 .af-ing-track{\n gap:10px;\n padding-right:14%;\n }\n\n #abera-folliculitis-v2 .af-ing-card{\n flex:0 0 86%;\n min-width:86%;\n }\n\n #abera-folliculitis-v2 .af-ing-content{\n min-height:0;\n }\n\n #abera-folliculitis-v2 .af-ing-card h3{\n font-size:16px;\n }\n\n #abera-folliculitis-v2 .af-ing-card p{\n font-size:14px;\n }\n\n #abera-folliculitis-v2 .af-ing-arrow{\n display:none;\n }\n}\n\n\n\/* ============================================================\nCAROUSEL INDICATORS — POLAR-STYLE THICK BARS\nStatic Reviews \/ Results \/ Ingredients \/ Customer Videos\n============================================================ *\/\n\n\/* Shared indicator row *\/\n#abera-folliculitis-v2 .af-static-review-dots,\n#abera-folliculitis-v2 .af-results-dots,\n#abera-folliculitis-v2 .af-ing-dots,\n#abera-folliculitis-v2 .af-video-dots{\n align-items:center;\n justify-content:center;\n flex-wrap:wrap;\n gap:7px;\n}\n\n\/* Light-background carousels *\/\n#abera-folliculitis-v2 .af-static-dot,\n#abera-folliculitis-v2 .af-results-dot,\n#abera-folliculitis-v2 .af-ing-dot{\n width:38px;\n height:7px;\n min-width:38px;\n margin:0;\n padding:0;\n border:0;\n border-radius:999px;\n background:#d7dad8;\n cursor:pointer;\n opacity:1;\n transform:none;\n transition:\n width .22s ease,\n background .22s ease,\n opacity .22s ease;\n}\n\n#abera-folliculitis-v2 .af-static-dot.active,\n#abera-folliculitis-v2 .af-results-dot.active,\n#abera-folliculitis-v2 .af-ing-dot.active{\n width:54px;\n min-width:54px;\n background:#17271f;\n transform:none;\n}\n\n\/* Ingredient row appears on desktop + mobile *\/\n#abera-folliculitis-v2 .af-ing-dots{\n display:flex;\n margin-top:17px;\n}\n\n\/* Results bars: only needed when Results becomes a mobile carousel *\/\n#abera-folliculitis-v2 .af-results-dots{\n display:none;\n margin-top:17px;\n}\n\n\/* Customer-video bars use a dark-section palette *\/\n#abera-folliculitis-v2 .af-video-dots .af-dot{\n width:34px;\n height:7px;\n min-width:34px;\n margin:0;\n padding:0;\n border:0;\n border-radius:999px;\n background:rgba(255,255,255,.28);\n cursor:pointer;\n opacity:1;\n transition:\n width .22s ease,\n background .22s ease,\n opacity .22s ease;\n}\n\n#abera-folliculitis-v2 .af-video-dots .af-dot.active{\n width:50px;\n min-width:50px;\n background:#ffffff;\n opacity:1;\n}\n\n\/* Desktop static reviews are a grid, so no unnecessary indicator *\/\n@media screen and (min-width:750px){\n #abera-folliculitis-v2 .af-static-review-dots{\n display:none;\n }\n}\n\n\/* Mobile: make all carousel indicators substantial but still fit *\/\n@media screen and (max-width:749px){\n\n #abera-folliculitis-v2 .af-static-review-dots,\n #abera-folliculitis-v2 .af-results-dots,\n #abera-folliculitis-v2 .af-ing-dots,\n #abera-folliculitis-v2 .af-video-dots{\n gap:6px;\n margin-top:16px;\n }\n\n #abera-folliculitis-v2 .af-static-review-dots,\n #abera-folliculitis-v2 .af-results-dots,\n #abera-folliculitis-v2 .af-video-dots{\n display:flex;\n }\n\n #abera-folliculitis-v2 .af-static-dot,\n #abera-folliculitis-v2 .af-results-dot,\n #abera-folliculitis-v2 .af-ing-dot{\n width:34px;\n min-width:34px;\n height:7px;\n }\n\n #abera-folliculitis-v2 .af-static-dot.active,\n #abera-folliculitis-v2 .af-results-dot.active,\n #abera-folliculitis-v2 .af-ing-dot.active{\n width:50px;\n min-width:50px;\n }\n\n #abera-folliculitis-v2 .af-video-dots .af-dot{\n width:27px;\n min-width:27px;\n height:7px;\n }\n\n #abera-folliculitis-v2 .af-video-dots .af-dot.active{\n width:45px;\n min-width:45px;\n }\n}\n\n\n\/* ============================================================\nSTATIC REVIEWS — NAME + US LOCATION + QUOTED TESTIMONIAL STYLE\n============================================================ *\/\n#abera-folliculitis-v2 .af-static-review-meta{\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:8px;\n margin-top:auto;\n}\n\n#abera-folliculitis-v2 .af-static-review-name{\n margin:0;\n color:#222;\n font-size:12px;\n line-height:1.4;\n font-weight:500;\n}\n\n#abera-folliculitis-v2 .af-static-review-name strong{\n font-weight:700;\n}\n\n#abera-folliculitis-v2 .af-static-review-copy{\n position:relative;\n color:#3f4843;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-static-review-meta{\n align-items:flex-end;\n }\n\n #abera-folliculitis-v2 .af-static-review-name{\n font-size:13px;\n }\n\n #abera-folliculitis-v2 .af-static-verified{\n flex:0 0 auto;\n }\n}\n\n\n\/* ============================================================\nMOBILE INGREDIENT CAROUSEL — FIRST CARD ALIGNMENT FIX\nPrevents the first ingredient card\/image from being clipped\non the left edge on mobile.\n============================================================ *\/\n@media screen and (max-width:749px){\n\n #abera-folliculitis-v2 .af-ing-carousel{\n width:100%;\n max-width:100%;\n min-width:0;\n overflow:hidden;\n }\n\n #abera-folliculitis-v2 .af-ing-track{\n width:100%;\n max-width:100%;\n margin:0!important;\n padding-left:0!important;\n padding-right:12%!important;\n scroll-padding-left:0!important;\n box-sizing:border-box;\n }\n\n #abera-folliculitis-v2 .af-ing-card{\n flex:0 0 86%!important;\n min-width:86%!important;\n max-width:86%!important;\n margin-left:0!important;\n scroll-margin-left:0!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card:first-child{\n margin-left:0!important;\n }\n\n #abera-folliculitis-v2 .af-ing-image,\n #abera-folliculitis-v2 .af-ing-image img{\n width:100%;\n max-width:100%;\n }\n\n #abera-folliculitis-v2 .af-ing-image img{\n object-position:center center;\n }\n\n \/* Prevent theme-level nowrap rules from cutting long ingredient names *\/\n #abera-folliculitis-v2 .af-ing-card h3{\n white-space:normal!important;\n overflow-wrap:anywhere;\n }\n}\n\n\n\/* ============================================================\nFULL-BLEED FIX — ESCAPE SHOPIFY THEME PAGE-WIDTH CONTAINER\n============================================================ *\/\n#abera-folliculitis-v2{\n width:100vw!important;\n max-width:100vw!important;\n margin-left:calc(50% - 50vw)!important;\n margin-right:calc(50% - 50vw)!important;\n overflow-x:clip;\n}\n\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-static-reviews .af-inner,\n #abera-folliculitis-v2 .af-videos .af-inner{\n max-width:1680px;\n }\n\n #abera-folliculitis-v2 .af-static-review-track{\n gap:18px;\n }\n\n #abera-folliculitis-v2 .af-videos-track{\n gap:18px;\n }\n}\n\n@media screen and (min-width:1051px) and (max-width:1450px){\n #abera-folliculitis-v2 .af-static-reviews .af-inner,\n #abera-folliculitis-v2 .af-videos .af-inner{\n max-width:1360px;\n }\n}\n\n#abera-folliculitis-v2 .af-video-placeholder{\n width:100%;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:8px;\n padding:24px;\n background:\n radial-gradient(circle at 50% 35%,rgba(255,255,255,.08),transparent 32%),\n #163326;\n color:rgba(255,255,255,.88);\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-video-placeholder strong{\n font-size:15px;\n line-height:1.25;\n font-weight:800;\n letter-spacing:.8px;\n}\n\n#abera-folliculitis-v2 .af-video-placeholder span{\n max-width:170px;\n color:rgba(255,255,255,.58);\n font-size:11px;\n line-height:1.45;\n}\n\n\n\/* ============================================================\nFINAL DESKTOP SCALE FIX — POLAR-LIKE PAGE SHELL\nWhy:\n- Full 100vw sections looked good at 100% zoom,\n but at 33%\/50% browser zoom the viewport becomes extremely wide.\n- The section kept stretching while fonts\/cards hit their max sizes,\n creating huge empty areas and visual imbalance.\nSolution:\n- Escape Shopify's narrow theme container.\n- BUT cap the entire landing-page canvas at 1800px.\n- All sections now scale down together when browser zoom changes.\n============================================================ *\/\n\n#abera-folliculitis-v2{\n position:relative!important;\n left:50%!important;\n transform:translateX(-50%)!important;\n\n width:min(100vw, 1800px)!important;\n max-width:1800px!important;\n\n margin-top:0!important;\n margin-bottom:0!important;\n margin-left:0!important;\n margin-right:0!important;\n\n overflow-x:clip!important;\n}\n\n\/* One consistent content system across the full page *\/\n#abera-folliculitis-v2 .af-inner{\n width:calc(100% - 64px)!important;\n max-width:1440px!important;\n margin-left:auto!important;\n margin-right:auto!important;\n}\n\n\/* Hero\/results can use more of the page canvas, but must still stop growing *\/\n#abera-folliculitis-v2 .af-proof-inner{\n width:100%!important;\n max-width:1800px!important;\n margin-left:auto!important;\n margin-right:auto!important;\n}\n\n\/* Social proof benefits from a slightly wider content rail *\/\n#abera-folliculitis-v2 .af-static-reviews .af-inner,\n#abera-folliculitis-v2 .af-videos .af-inner{\n width:calc(100% - 64px)!important;\n max-width:1560px!important;\n}\n\n\/* Keep intentionally narrow sections narrow *\/\n#abera-folliculitis-v2 .af-intro .af-inner{\n max-width:980px!important;\n}\n\n#abera-folliculitis-v2 .af-docs .af-inner,\n#abera-folliculitis-v2 .af-faq .af-inner{\n max-width:1180px!important;\n}\n\n#abera-folliculitis-v2 .af-final .af-inner{\n max-width:1100px!important;\n}\n\n\/* Large desktop: prevent copy from floating in an oversized left column *\/\n@media screen and (min-width:1500px){\n #abera-folliculitis-v2 .af-proof-inner{\n grid-template-columns:55% 45%!important;\n }\n\n #abera-folliculitis-v2 .af-proof-content{\n padding-left:72px!important;\n padding-right:54px!important;\n }\n\n #abera-folliculitis-v2 .af-proof h2,\n #abera-folliculitis-v2 .af-proof .af-sub,\n #abera-folliculitis-v2 .af-stats,\n #abera-folliculitis-v2 .af-footnote{\n max-width:760px!important;\n }\n}\n\n\/* Normal laptop \/ desktop *\/\n@media screen and (min-width:1051px) and (max-width:1499px){\n #abera-folliculitis-v2 .af-inner{\n width:calc(100% - 48px)!important;\n }\n\n #abera-folliculitis-v2 .af-static-reviews .af-inner,\n #abera-folliculitis-v2 .af-videos .af-inner{\n width:calc(100% - 48px)!important;\n }\n\n #abera-folliculitis-v2 .af-proof-inner{\n grid-template-columns:57% 43%!important;\n }\n}\n\n\/* Tablet + mobile: use the real viewport width, no desktop transform quirks *\/\n@media screen and (max-width:1050px){\n #abera-folliculitis-v2{\n width:100vw!important;\n max-width:100vw!important;\n }\n\n #abera-folliculitis-v2 .af-inner,\n #abera-folliculitis-v2 .af-static-reviews .af-inner,\n #abera-folliculitis-v2 .af-videos .af-inner{\n width:100%!important;\n }\n}\n\n\n\/* ============================================================\nFINAL FRAME SYSTEM V3 — BALANCED DESKTOP + MOBILE\nGoal:\n- Build the page frame first, then let content sit inside it.\n- Keep the full-width premium feel without letting sections feel empty.\n- Use a consistent typography hierarchy close to the Polar reference.\n============================================================ *\/\n\n#abera-folliculitis-v2{\n --af-page-max:1800px;\n --af-wide:1620px;\n --af-main:1480px;\n --af-reading:1160px;\n --af-gutter:clamp(18px,2.8vw,52px);\n --af-section-y:clamp(58px,5vw,90px);\n\n --af-h2:clamp(40px,3.05vw,56px);\n --af-h2-small:clamp(34px,2.45vw,44px);\n --af-body:clamp(16px,.98vw,18px);\n --af-body-small:clamp(14px,.80vw,15.5px);\n --af-micro:clamp(12px,.70vw,13.5px);\n\n width:min(100vw,var(--af-page-max))!important;\n max-width:var(--af-page-max)!important;\n left:50%!important;\n transform:translateX(-50%)!important;\n}\n\n\/* ---------- Global content rails ---------- *\/\n#abera-folliculitis-v2 .af-section{\n padding:var(--af-section-y) var(--af-gutter)!important;\n}\n\n#abera-folliculitis-v2 .af-inner{\n width:100%!important;\n max-width:var(--af-main)!important;\n margin:0 auto!important;\n}\n\n#abera-folliculitis-v2 h2{\n font-size:var(--af-h2)!important;\n line-height:1.055!important;\n letter-spacing:-1.35px!important;\n}\n\n#abera-folliculitis-v2 h3{\n font-size:17px!important;\n line-height:1.28!important;\n}\n\n#abera-folliculitis-v2 p{\n font-size:var(--af-body-small)!important;\n line-height:1.62!important;\n}\n\n#abera-folliculitis-v2 .af-sub{\n font-size:var(--af-body)!important;\n line-height:1.62!important;\n}\n\n#abera-folliculitis-v2 .af-eyebrow{\n font-size:12px!important;\n line-height:1.3!important;\n letter-spacing:1.65px!important;\n}\n\n#abera-folliculitis-v2 .af-btn{\n min-height:50px!important;\n padding:15px 24px!important;\n font-size:14px!important;\n}\n\n\/* ============================================================\n01 — INTRO\nCompact text-first opening. No giant dead zone.\n============================================================ *\/\n#abera-folliculitis-v2 .af-intro{\n padding-top:62px!important;\n padding-bottom:58px!important;\n}\n\n#abera-folliculitis-v2 .af-intro .af-inner{\n max-width:1180px!important;\n}\n\n#abera-folliculitis-v2 .af-intro h2{\n max-width:1060px!important;\n font-size:clamp(48px,3.7vw,64px)!important;\n line-height:1.02!important;\n letter-spacing:-1.9px!important;\n}\n\n#abera-folliculitis-v2 .af-intro .af-sub{\n max-width:900px!important;\n margin-top:19px!important;\n font-size:17.5px!important;\n line-height:1.58!important;\n}\n\n#abera-folliculitis-v2 .af-intro-points{\n gap:10px 30px!important;\n margin-top:26px!important;\n}\n\n#abera-folliculitis-v2 .af-intro-points span{\n font-size:14px!important;\n}\n\n#abera-folliculitis-v2 .af-intro .af-closing{\n margin-top:24px!important;\n font-size:12.5px!important;\n}\n\n\/* ============================================================\n02 — REAL RESULTS HERO\nKeep cinematic 55\/45 image split, but increase readable copy.\n============================================================ *\/\n#abera-folliculitis-v2 .af-proof-inner{\n max-width:var(--af-page-max)!important;\n min-height:620px!important;\n grid-template-columns:55% 45%!important;\n}\n\n#abera-folliculitis-v2 .af-proof-content{\n padding:64px 54px 58px 68px!important;\n}\n\n#abera-folliculitis-v2 .af-proof h2{\n max-width:760px!important;\n font-size:clamp(46px,3.2vw,58px)!important;\n}\n\n#abera-folliculitis-v2 .af-proof .af-sub{\n max-width:700px!important;\n font-size:16.5px!important;\n}\n\n#abera-folliculitis-v2 .af-stats{\n max-width:820px!important;\n margin-top:40px!important;\n}\n\n#abera-folliculitis-v2 .af-stat{\n padding:0 25px!important;\n}\n\n#abera-folliculitis-v2 .af-stat:first-child{\n padding-left:0!important;\n}\n\n#abera-folliculitis-v2 .af-stat-number{\n font-size:clamp(52px,4.3vw,66px)!important;\n}\n\n#abera-folliculitis-v2 .af-stat-title{\n font-size:14px!important;\n line-height:1.25!important;\n}\n\n#abera-folliculitis-v2 .af-stat-copy{\n max-width:220px!important;\n font-size:13px!important;\n line-height:1.48!important;\n}\n\n#abera-folliculitis-v2 .af-footnote{\n max-width:820px!important;\n font-size:11.5px!important;\n}\n\n#abera-folliculitis-v2 .af-proof-visual,\n#abera-folliculitis-v2 .af-proof-image{\n min-height:620px!important;\n}\n\n\/* ============================================================\n03A — REVIEWS\nWide rail + readable testimonial text.\n============================================================ *\/\n#abera-folliculitis-v2 .af-static-reviews{\n padding-top:68px!important;\n padding-bottom:72px!important;\n}\n\n#abera-folliculitis-v2 .af-static-reviews .af-inner{\n max-width:var(--af-wide)!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-header{\n margin-bottom:30px!important;\n}\n\n#abera-folliculitis-v2 .af-static-title-box h2{\n font-size:clamp(36px,2.5vw,44px)!important;\n line-height:1.08!important;\n}\n\n#abera-folliculitis-v2 .af-static-header-stars{\n font-size:20px!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-track{\n gap:16px!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-content{\n padding:13px 13px 14px!important;\n}\n\n#abera-folliculitis-v2 .af-static-stars{\n font-size:17px!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-copy{\n font-size:14px!important;\n line-height:1.52!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-name{\n font-size:13.5px!important;\n line-height:1.38!important;\n}\n\n#abera-folliculitis-v2 .af-static-verified{\n padding:5px 8px!important;\n font-size:10.5px!important;\n}\n\n\/* ============================================================\n03 — SEE THE DIFFERENCE\nFour proof cards with enough breathing room, but not oversized.\n============================================================ *\/\n#abera-folliculitis-v2 .af-results{\n padding-top:70px!important;\n padding-bottom:76px!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-inner{\n max-width:1520px!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-section-header{\n margin-bottom:32px!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-section-header h2{\n font-size:clamp(38px,2.65vw,48px)!important;\n}\n\n#abera-folliculitis-v2 .af-section-note{\n font-size:15px!important;\n}\n\n#abera-folliculitis-v2 .af-results-track{\n gap:18px!important;\n}\n\n#abera-folliculitis-v2 .af-result-content{\n padding:15px 15px 18px!important;\n}\n\n#abera-folliculitis-v2 .af-result-card h3{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-result-card p{\n font-size:14px!important;\n line-height:1.52!important;\n}\n\n\/* ============================================================\n04 — HOW TO USE\nLarge image + strong instructional copy + larger trust row.\n============================================================ *\/\n#abera-folliculitis-v2 .af-howto .af-inner{\n max-width:1500px!important;\n}\n\n#abera-folliculitis-v2 .af-howto-wrap{\n grid-template-columns:minmax(0,1fr) minmax(0,1.04fr)!important;\n gap:64px!important;\n}\n\n#abera-folliculitis-v2 .af-howto h2{\n font-size:clamp(40px,2.9vw,52px)!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step{\n grid-template-columns:48px 1fr!important;\n padding:19px 0!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step\u003espan{\n font-size:13px!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step strong{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step p{\n margin-top:5px!important;\n font-size:15.5px!important;\n}\n\n#abera-folliculitis-v2 .af-howto-note{\n font-size:14px!important;\n line-height:1.55!important;\n}\n\n#abera-folliculitis-v2 .af-trust-strip{\n margin-top:38px!important;\n padding-top:27px!important;\n}\n\n#abera-folliculitis-v2 .af-trust-icon{\n width:56px!important;\n height:56px!important;\n}\n\n#abera-folliculitis-v2 .af-trust-item span{\n font-size:13.5px!important;\n line-height:1.32!important;\n}\n\n\/* ============================================================\n05 — INGREDIENTS\nMake the left intro block feel fuller and more balanced on desktop,\nwhile keeping the carousel strong and mobile-friendly.\n============================================================ *\/\n#abera-folliculitis-v2 .af-ingredients .af-inner{\n max-width:1540px!important;\n}\n\n#abera-folliculitis-v2 .af-ing-layout{\n grid-template-columns:minmax(360px,.34fr) minmax(0,.66fr)!important;\n gap:40px!important;\n align-items:stretch!important;\n}\n\n#abera-folliculitis-v2 .af-ing-intro{\n display:flex!important;\n flex-direction:column!important;\n justify-content:center!important;\n min-height:430px!important;\n padding:34px 26px 34px 12px!important;\n}\n\n#abera-folliculitis-v2 .af-ing-intro h2{\n font-size:44px!important;\n line-height:1.04!important;\n letter-spacing:-1.05px!important;\n margin-bottom:16px!important;\n}\n\n#abera-folliculitis-v2 .af-ing-intro .af-sub{\n max-width:340px!important;\n font-size:17px!important;\n line-height:1.62!important;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients{\n margin-top:28px!important;\n max-width:355px!important;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients summary{\n font-size:13.5px!important;\n padding:16px 30px 16px 0!important;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients p{\n font-size:13.5px!important;\n line-height:1.72!important;\n}\n\n#abera-folliculitis-v2 .af-ing-card h3{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-ing-card p{\n font-size:14px!important;\n line-height:1.52!important;\n}\n\n#abera-folliculitis-v2 .af-ing-content{\n min-height:148px!important;\n padding:16px!important;\n}\n\n@media(max-width:1024px){\n #abera-folliculitis-v2 .af-ing-layout{\n grid-template-columns:minmax(300px,.32fr) minmax(0,.68fr)!important;\n gap:28px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro{\n min-height:380px!important;\n padding:24px 12px 24px 0!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro h2{\n font-size:38px!important;\n }\n}\n\n@media(max-width:749px){\n #abera-folliculitis-v2 .af-ing-layout{\n gap:28px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro{\n min-height:auto!important;\n padding:0!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro h2{\n font-size:31px!important;\n line-height:1.08!important;\n letter-spacing:-.7px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro .af-sub{\n max-width:none!important;\n font-size:15px!important;\n line-height:1.58!important;\n }\n\n #abera-folliculitis-v2 .af-full-ingredients{\n max-width:none!important;\n margin-top:22px!important;\n }\n}\n\n\/* ============================================================\n06 — CUSTOMER VIDEOS\nWide section; 5 across on large desktop, carousel on smaller screens.\n============================================================ *\/\n#abera-folliculitis-v2 .af-videos{\n padding-top:72px!important;\n padding-bottom:78px!important;\n}\n\n#abera-folliculitis-v2 .af-videos .af-inner{\n max-width:var(--af-wide)!important;\n}\n\n#abera-folliculitis-v2 .af-videos h2{\n font-size:clamp(40px,2.8vw,50px)!important;\n}\n\n#abera-folliculitis-v2 .af-videos-track{\n gap:18px!important;\n margin-top:30px!important;\n}\n\n\/* ============================================================\n07 — PERFECT DUO\nBalanced 50\/50 split; enough copy to justify the image.\n============================================================ *\/\n#abera-folliculitis-v2 .af-duo .af-inner{\n max-width:1500px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-layout{\n gap:62px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-title{\n font-size:clamp(38px,2.7vw,48px)!important;\n}\n\n#abera-folliculitis-v2 .af-duo-intro{\n font-size:16px!important;\n line-height:1.6!important;\n}\n\n#abera-folliculitis-v2 .af-duo-product h3{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-list li{\n font-size:14.5px!important;\n}\n\n#abera-folliculitis-v2 .af-offer{\n padding:14px 16px!important;\n font-size:15px!important;\n}\n\n\/* ============================================================\n08 — DOCUMENTATION\nKeep this compact; it is credibility support, not a hero.\n============================================================ *\/\n#abera-folliculitis-v2 .af-docs .af-inner{\n max-width:1180px!important;\n}\n\n#abera-folliculitis-v2 .af-docs h2{\n font-size:clamp(34px,2.3vw,42px)!important;\n}\n\n#abera-folliculitis-v2 .af-doc-label{\n font-size:14px!important;\n}\n\n\/* ============================================================\n09 — FINAL CTA + FAQ\nReadable, narrow, premium.\n============================================================ *\/\n#abera-folliculitis-v2 .af-final .af-inner{\n max-width:1100px!important;\n}\n\n#abera-folliculitis-v2 .af-final h2{\n font-size:clamp(44px,4vw,64px)!important;\n}\n\n#abera-folliculitis-v2 .af-final p{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-faq .af-inner{\n max-width:1100px!important;\n}\n\n#abera-folliculitis-v2 .af-faq h2{\n font-size:25px!important;\n}\n\n#abera-folliculitis-v2 .af-faq summary{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-faq details p{\n font-size:15px!important;\n}\n\n\/* ============================================================\nTABLET — one coherent middle state\n============================================================ *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2{\n width:100vw!important;\n max-width:100vw!important;\n }\n\n #abera-folliculitis-v2 .af-section{\n padding:54px 24px!important;\n }\n\n #abera-folliculitis-v2 h2{\n font-size:38px!important;\n }\n\n #abera-folliculitis-v2 .af-intro h2{\n font-size:46px!important;\n }\n\n #abera-folliculitis-v2 .af-proof-inner{\n grid-template-columns:56% 44%!important;\n min-height:560px!important;\n }\n\n #abera-folliculitis-v2 .af-proof-content{\n padding:52px 30px 48px 38px!important;\n }\n\n #abera-folliculitis-v2 .af-proof h2{\n font-size:40px!important;\n }\n\n #abera-folliculitis-v2 .af-proof-visual,\n #abera-folliculitis-v2 .af-proof-image{\n min-height:560px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap,\n #abera-folliculitis-v2 .af-duo-layout{\n gap:36px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-layout{\n grid-template-columns:280px minmax(0,1fr)!important;\n gap:34px!important;\n }\n\n #abera-folliculitis-v2 .af-trust-icon{\n width:50px!important;\n height:50px!important;\n }\n}\n\n\/* ============================================================\nMOBILE — compact, readable, no oversized desktop leftovers\n============================================================ *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2{\n width:100vw!important;\n max-width:100vw!important;\n }\n\n #abera-folliculitis-v2 .af-section{\n padding:42px 16px!important;\n }\n\n #abera-folliculitis-v2 .af-inner{\n max-width:none!important;\n }\n\n #abera-folliculitis-v2 h2{\n font-size:29px!important;\n line-height:1.08!important;\n letter-spacing:-.7px!important;\n }\n\n #abera-folliculitis-v2 h3{\n font-size:17px!important;\n }\n\n #abera-folliculitis-v2 p{\n font-size:15px!important;\n line-height:1.56!important;\n }\n\n #abera-folliculitis-v2 .af-sub{\n font-size:15.5px!important;\n line-height:1.56!important;\n }\n\n #abera-folliculitis-v2 .af-eyebrow{\n font-size:10.5px!important;\n letter-spacing:1.35px!important;\n }\n\n #abera-folliculitis-v2 .af-btn{\n min-height:49px!important;\n width:100%!important;\n font-size:13px!important;\n }\n\n \/* Intro *\/\n #abera-folliculitis-v2 .af-intro{\n padding-top:45px!important;\n padding-bottom:42px!important;\n }\n\n #abera-folliculitis-v2 .af-intro h2{\n font-size:34px!important;\n line-height:1.03!important;\n letter-spacing:-1px!important;\n }\n\n #abera-folliculitis-v2 .af-intro .af-sub{\n max-width:360px!important;\n margin-top:15px!important;\n font-size:15.5px!important;\n }\n\n #abera-folliculitis-v2 .af-intro-points{\n grid-template-columns:1fr 1fr!important;\n gap:10px 12px!important;\n margin-top:22px!important;\n }\n\n #abera-folliculitis-v2 .af-intro-points span{\n font-size:12.5px!important;\n }\n\n #abera-folliculitis-v2 .af-intro .af-closing{\n margin-top:21px!important;\n font-size:10.5px!important;\n line-height:1.45!important;\n }\n\n \/* Proof *\/\n #abera-folliculitis-v2 .af-proof-inner{\n display:flex!important;\n flex-direction:column!important;\n min-height:auto!important;\n }\n\n #abera-folliculitis-v2 .af-proof-content{\n order:1!important;\n padding:42px 18px 32px!important;\n }\n\n #abera-folliculitis-v2 .af-proof h2{\n font-size:31px!important;\n }\n\n #abera-folliculitis-v2 .af-proof .af-sub{\n font-size:14.5px!important;\n }\n\n #abera-folliculitis-v2 .af-stats{\n grid-template-columns:repeat(3,minmax(122px,1fr))!important;\n margin-top:28px!important;\n }\n\n #abera-folliculitis-v2 .af-stat{\n min-width:122px!important;\n padding:0 13px!important;\n }\n\n #abera-folliculitis-v2 .af-stat-number{\n font-size:39px!important;\n }\n\n #abera-folliculitis-v2 .af-stat-title{\n font-size:11.5px!important;\n }\n\n #abera-folliculitis-v2 .af-stat-copy{\n font-size:11px!important;\n }\n\n #abera-folliculitis-v2 .af-proof-visual{\n order:2!important;\n min-height:375px!important;\n }\n\n #abera-folliculitis-v2 .af-proof-image{\n min-height:375px!important;\n height:375px!important;\n }\n\n \/* Review *\/\n #abera-folliculitis-v2 .af-static-reviews{\n padding-top:46px!important;\n padding-bottom:48px!important;\n }\n\n #abera-folliculitis-v2 .af-static-title-box h2{\n font-size:25px!important;\n }\n\n #abera-folliculitis-v2 .af-static-review-card{\n flex-basis:88%!important;\n min-width:88%!important;\n }\n\n #abera-folliculitis-v2 .af-static-review-copy{\n font-size:14px!important;\n }\n\n #abera-folliculitis-v2 .af-static-review-name{\n font-size:13px!important;\n }\n\n \/* Results *\/\n #abera-folliculitis-v2 .af-results{\n padding-top:48px!important;\n padding-bottom:52px!important;\n }\n\n #abera-folliculitis-v2 .af-results .af-section-header h2{\n font-size:30px!important;\n }\n\n #abera-folliculitis-v2 .af-result-card{\n flex-basis:88%!important;\n min-width:88%!important;\n }\n\n \/* How to *\/\n #abera-folliculitis-v2 .af-howto-wrap{\n display:flex!important;\n flex-direction:column!important;\n gap:27px!important;\n }\n\n #abera-folliculitis-v2 .af-howto h2{\n font-size:30px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step{\n grid-template-columns:38px 1fr!important;\n padding:15px 0!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step strong{\n font-size:14.5px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step p{\n font-size:14px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-note{\n font-size:13px!important;\n }\n\n #abera-folliculitis-v2 .af-trust-strip{\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:22px 14px!important;\n margin-top:28px!important;\n }\n\n #abera-folliculitis-v2 .af-trust-icon{\n width:48px!important;\n height:48px!important;\n }\n\n #abera-folliculitis-v2 .af-trust-item span{\n font-size:12px!important;\n }\n\n \/* Ingredients *\/\n #abera-folliculitis-v2 .af-ing-layout{\n display:flex!important;\n flex-direction:column!important;\n gap:26px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro h2{\n font-size:29px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro .af-sub{\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card{\n flex-basis:88%!important;\n min-width:88%!important;\n max-width:88%!important;\n }\n\n #abera-folliculitis-v2 .af-ing-content{\n min-height:0!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card h3{\n font-size:16px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card p{\n font-size:14px!important;\n }\n\n \/* Videos *\/\n #abera-folliculitis-v2 .af-videos h2{\n font-size:30px!important;\n }\n\n #abera-folliculitis-v2 .af-video-item{\n flex-basis:82%!important;\n min-width:82%!important;\n }\n\n \/* Duo *\/\n #abera-folliculitis-v2 .af-duo-layout{\n display:flex!important;\n flex-direction:column!important;\n gap:28px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-title{\n font-size:30px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-intro{\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-benefits{\n grid-template-columns:1fr!important;\n gap:22px!important;\n }\n\n \/* Docs \/ final \/ FAQ *\/\n #abera-folliculitis-v2 .af-docs h2{\n font-size:28px!important;\n }\n\n #abera-folliculitis-v2 .af-final h2{\n font-size:36px!important;\n }\n\n #abera-folliculitis-v2 .af-final p{\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-faq h2{\n font-size:21px!important;\n }\n\n #abera-folliculitis-v2 .af-faq summary{\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-faq details p{\n font-size:14px!important;\n }\n}\n\n\n\/* ============================================================\nABCD_02 — REAL RESULTS FINAL BALANCE FIX\nDesktop: slightly tighter overall height, better stat balance.\nMobile: 2 stats on the first row + 4 WEEKS full-width below.\n============================================================ *\/\n\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-proof-inner{\n min-height:590px!important;\n grid-template-columns:55% 45%!important;\n }\n #abera-folliculitis-v2 .af-proof-content{\n padding:58px 54px 50px 68px!important;\n }\n #abera-folliculitis-v2 .af-proof h2{\n max-width:740px!important;\n }\n #abera-folliculitis-v2 .af-proof .af-sub{\n max-width:650px!important;\n }\n #abera-folliculitis-v2 .af-stats{\n margin-top:34px!important;\n }\n #abera-folliculitis-v2 .af-stat:nth-child(3) .af-stat-number{\n font-size:clamp(48px,4vw,61px)!important;\n }\n #abera-folliculitis-v2 .af-footnote{\n margin-top:30px!important;\n padding-top:15px!important;\n }\n #abera-folliculitis-v2 .af-proof-visual,\n #abera-folliculitis-v2 .af-proof-image{\n min-height:590px!important;\n }\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-proof-content{\n padding:38px 18px 28px!important;\n }\n #abera-folliculitis-v2 .af-proof h2{\n font-size:29px!important;\n line-height:1.055!important;\n }\n #abera-folliculitis-v2 .af-proof .af-sub{\n max-width:350px!important;\n margin-top:14px!important;\n font-size:14px!important;\n line-height:1.52!important;\n }\n #abera-folliculitis-v2 .af-stats{\n display:grid!important;\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n width:100%!important;\n max-width:none!important;\n margin-top:25px!important;\n overflow:visible!important;\n column-gap:0!important;\n row-gap:0!important;\n }\n #abera-folliculitis-v2 .af-stat{\n min-width:0!important;\n padding:0 13px 20px!important;\n }\n #abera-folliculitis-v2 .af-stat:first-child{\n padding-left:0!important;\n padding-right:16px!important;\n }\n #abera-folliculitis-v2 .af-stat:nth-child(2){\n padding-left:16px!important;\n padding-right:0!important;\n }\n #abera-folliculitis-v2 .af-stat:not(:last-child)::after{\n display:none!important;\n }\n #abera-folliculitis-v2 .af-stat:first-child::after{\n display:block!important;\n top:2%!important;\n right:0!important;\n height:88%!important;\n }\n #abera-folliculitis-v2 .af-stat-number{\n margin-bottom:7px!important;\n font-size:40px!important;\n letter-spacing:-1.6px!important;\n }\n #abera-folliculitis-v2 .af-stat-title{\n margin-bottom:5px!important;\n font-size:11.5px!important;\n line-height:1.22!important;\n }\n #abera-folliculitis-v2 .af-stat-copy{\n max-width:none!important;\n font-size:11.5px!important;\n line-height:1.42!important;\n }\n #abera-folliculitis-v2 .af-stat:nth-child(3){\n grid-column:1 \/ -1!important;\n margin-top:2px!important;\n padding:18px 0 0!important;\n border-top:1px solid rgba(255,255,255,.16)!important;\n text-align:center!important;\n }\n #abera-folliculitis-v2 .af-stat:nth-child(3) .af-stat-number{\n margin-bottom:8px!important;\n color:var(--af-lime)!important;\n font-size:45px!important;\n line-height:.95!important;\n letter-spacing:-1.8px!important;\n white-space:nowrap!important;\n }\n #abera-folliculitis-v2 .af-stat:nth-child(3) .af-stat-title{\n font-size:12px!important;\n }\n #abera-folliculitis-v2 .af-stat:nth-child(3) .af-stat-copy{\n max-width:245px!important;\n margin:0 auto!important;\n font-size:11.5px!important;\n }\n #abera-folliculitis-v2 .af-footnote{\n margin-top:22px!important;\n padding-top:14px!important;\n font-size:10px!important;\n line-height:1.45!important;\n }\n #abera-folliculitis-v2 .af-proof-visual{\n min-height:350px!important;\n }\n #abera-folliculitis-v2 .af-proof-image{\n height:350px!important;\n min-height:350px!important;\n object-position:center top!important;\n }\n}\n\n\n\/* ============================================================\nABCD_02 — REAL RESULTS DESKTOP SHORTER CUT\nDesktop only: make section shorter \/ tighter while keeping mobile unchanged.\n============================================================ *\/\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-proof-inner{\n min-height:520px!important;\n align-items:stretch!important;\n }\n #abera-folliculitis-v2 .af-proof-content{\n padding:46px 46px 40px 56px!important;\n }\n #abera-folliculitis-v2 .af-proof h2{\n max-width:660px!important;\n font-size:clamp(42px,4vw,62px)!important;\n }\n #abera-folliculitis-v2 .af-proof .af-sub{\n max-width:590px!important;\n margin-top:14px!important;\n }\n #abera-folliculitis-v2 .af-stats{\n margin-top:26px!important;\n }\n #abera-folliculitis-v2 .af-stat{\n padding-top:0!important;\n padding-bottom:0!important;\n }\n #abera-folliculitis-v2 .af-stat-number{\n margin-bottom:8px!important;\n }\n #abera-folliculitis-v2 .af-stat-title{\n margin-bottom:6px!important;\n }\n #abera-folliculitis-v2 .af-footnote{\n margin-top:22px!important;\n padding-top:14px!important;\n }\n #abera-folliculitis-v2 .af-proof-visual,\n #abera-folliculitis-v2 .af-proof-image{\n min-height:520px!important;\n height:520px!important;\n }\n #abera-folliculitis-v2 .af-proof-image{\n object-position:center top!important;\n }\n}\n\n\n\/* ============================================================\nABCD_02 — DESKTOP IMAGE STRETCH FIX\nFixes the blank green strip under the right-side image.\nThe image now always fills the full height of the REAL RESULTS row.\nMobile layout remains unchanged.\n============================================================ *\/\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-proof-visual{\n position:relative!important;\n min-height:520px!important;\n height:auto!important;\n align-self:stretch!important;\n }\n\n #abera-folliculitis-v2 .af-proof-image{\n position:absolute!important;\n inset:0!important;\n width:100%!important;\n height:100%!important;\n min-height:100%!important;\n object-fit:cover!important;\n object-position:center top!important;\n }\n}\n\n\n\/* ============================================================\nABCD_02 — MOBILE IMAGE BOTTOM GAP FIX\nRemoves the extra dark-green strip below the REAL RESULTS image.\nMobile only; desktop remains unchanged.\n============================================================ *\/\n@media screen and (max-width:749px){\n\n #abera-folliculitis-v2 .af-proof-visual{\n position:relative!important;\n width:100%!important;\n height:350px!important;\n min-height:350px!important;\n max-height:350px!important;\n overflow:hidden!important;\n line-height:0!important;\n background:transparent!important;\n }\n\n #abera-folliculitis-v2 .af-proof-image{\n position:absolute!important;\n inset:0!important;\n width:100%!important;\n height:100%!important;\n min-height:0!important;\n max-height:none!important;\n display:block!important;\n object-fit:cover!important;\n object-position:center top!important;\n margin:0!important;\n padding:0!important;\n }\n\n #abera-folliculitis-v2 .af-proof-visual::before{\n bottom:0!important;\n }\n}\n\n\n\/* ============================================================\nCUSTOMER REVIEWS HEADER STARS — SIZE BOOST\nMakes the top star row above \"CUSTOMER REVIEWS\" bigger.\n============================================================ *\/\n#abera-folliculitis-v2 .af-static-header-stars{\n font-size: 24px !important;\n line-height: 1 !important;\n letter-spacing: 2px !important;\n margin-bottom: 14px !important;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-static-header-stars{\n font-size: 22px !important;\n letter-spacing: 1.5px !important;\n margin-bottom: 12px !important;\n }\n}\n\n\n\/* ============================================================\nPOLAR-LIKE STAR ICON SIZE TUNING\nApplies to both the section header stars and stars inside each review card.\n============================================================ *\/\n#abera-folliculitis-v2 .af-static-header-stars,\n#abera-folliculitis-v2 .af-static-stars{\n color:#f3a000 !important;\n line-height:1 !important;\n display:inline-block !important;\n white-space:nowrap !important;\n}\n\n#abera-folliculitis-v2 .af-static-header-stars{\n font-size:26px !important;\n letter-spacing:2px !important;\n margin-bottom:14px !important;\n}\n\n#abera-folliculitis-v2 .af-static-stars{\n font-size:20px !important;\n letter-spacing:1.4px !important;\n margin-bottom:10px !important;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-static-header-stars{\n font-size:24px !important;\n letter-spacing:1.8px !important;\n margin-bottom:12px !important;\n }\n\n #abera-folliculitis-v2 .af-static-stars{\n font-size:18px !important;\n letter-spacing:1.1px !important;\n margin-bottom:9px !important;\n }\n}\n\n\n\n\/* ============================================================\nHOW TO USE — MEN \/ WOMEN IMAGE CAROUSEL\n============================================================ *\/\n#abera-folliculitis-v2 .af-howto-carousel{\n position:relative;\n overflow:hidden;\n}\n\n#abera-folliculitis-v2 .af-howto-carousel \u003e img{\n transition:opacity .18s ease;\n}\n\n#abera-folliculitis-v2 .af-howto-arrow{\n position:absolute;\n top:50%;\n z-index:8;\n width:40px;\n height:52px;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:0;\n border:1px solid rgba(14,42,30,.16);\n border-radius:4px;\n background:rgba(255,255,255,.94);\n color:#17392a;\n box-shadow:0 4px 14px rgba(0,0,0,.08);\n transform:translateY(-50%);\n cursor:pointer;\n font-size:30px;\n line-height:1;\n font-weight:400;\n transition:background .18s ease,color .18s ease;\n}\n\n#abera-folliculitis-v2 .af-howto-arrow:hover{\n background:#17392a;\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-howto-prev{left:12px;}\n#abera-folliculitis-v2 .af-howto-next{right:12px;}\n\n#abera-folliculitis-v2 .af-howto-dots{\n position:absolute;\n left:50%;\n bottom:14px;\n z-index:9;\n display:flex;\n align-items:center;\n justify-content:center;\n gap:7px;\n transform:translateX(-50%);\n padding:6px 9px;\n border-radius:999px;\n background:rgba(255,255,255,.84);\n box-shadow:0 2px 10px rgba(0,0,0,.08);\n}\n\n#abera-folliculitis-v2 .af-howto-dot{\n width:9px;\n height:9px;\n min-width:9px;\n margin:0;\n padding:0;\n border:1px solid #23352b;\n border-radius:50%;\n background:#fff;\n cursor:pointer;\n transition:background .18s ease,border-color .18s ease,transform .18s ease;\n}\n\n#abera-folliculitis-v2 .af-howto-dot.active{\n background:#ef8b18;\n border-color:#ef8b18;\n transform:scale(1.05);\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-howto-arrow{\n width:36px;\n height:46px;\n font-size:27px;\n }\n #abera-folliculitis-v2 .af-howto-prev{left:8px;}\n #abera-folliculitis-v2 .af-howto-next{right:8px;}\n #abera-folliculitis-v2 .af-howto-dots{\n bottom:10px;\n gap:6px;\n padding:5px 8px;\n }\n #abera-folliculitis-v2 .af-howto-dot{\n width:8px;\n height:8px;\n min-width:8px;\n }\n}\n\n\/* ============================================================\nABCD_05 — HOW TO USE FINAL COMPACT BALANCE\nDesktop: reduce dead space, tighten the section, keep image\/copy balanced.\nMobile: preserve readable stacked layout.\n============================================================ *\/\n\n#abera-folliculitis-v2 .af-howto-feel{\n margin-top:18px;\n padding:12px 14px;\n border-left:3px solid rgba(255,255,255,.5);\n background:rgba(255,255,255,.045);\n color:#d9e2dc;\n font-size:14px;\n line-height:1.5;\n}\n\n#abera-folliculitis-v2 .af-howto-feel strong{\n color:#fff;\n font-weight:800;\n}\n\n\/* ---------- DESKTOP ---------- *\/\n@media screen and (min-width:1051px){\n\n #abera-folliculitis-v2 .af-howto{\n padding-top:42px!important;\n padding-bottom:40px!important;\n }\n\n #abera-folliculitis-v2 .af-howto .af-inner{\n max-width:1500px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap{\n grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;\n gap:50px!important;\n align-items:center!important;\n }\n\n \/* Slightly shorter visual instead of a tall square block *\/\n #abera-folliculitis-v2 .af-howto-media{\n height:460px!important;\n min-height:460px!important;\n overflow:hidden!important;\n }\n\n #abera-folliculitis-v2 .af-howto-media img{\n width:100%!important;\n height:100%!important;\n object-fit:cover!important;\n object-position:center center!important;\n }\n\n #abera-folliculitis-v2 .af-howto .af-eyebrow{\n margin-bottom:9px!important;\n }\n\n #abera-folliculitis-v2 .af-howto h2{\n margin-bottom:14px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-steps{\n margin-top:16px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step{\n padding:15px 0!important;\n }\n\n #abera-folliculitis-v2 .af-howto-feel{\n margin-top:14px!important;\n padding:10px 13px!important;\n font-size:13.5px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-note{\n margin-top:12px!important;\n padding-top:12px!important;\n font-size:13.5px!important;\n }\n\n #abera-folliculitis-v2 .af-howto .af-btn{\n margin-top:14px!important;\n }\n\n \/* Pull the trust row upward and remove the oversized lower gap *\/\n #abera-folliculitis-v2 .af-trust-strip{\n margin-top:22px!important;\n padding-top:20px!important;\n padding-bottom:0!important;\n }\n\n #abera-folliculitis-v2 .af-trust-icon{\n width:52px!important;\n height:52px!important;\n }\n\n #abera-folliculitis-v2 .af-trust-item span{\n font-size:13px!important;\n }\n}\n\n\/* ---------- TABLET ---------- *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-howto{\n padding-top:46px!important;\n padding-bottom:44px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap{\n gap:32px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-media{\n min-height:420px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-feel{\n font-size:13px!important;\n }\n\n #abera-folliculitis-v2 .af-trust-strip{\n margin-top:24px!important;\n padding-top:20px!important;\n }\n}\n\n\/* ---------- MOBILE ---------- *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-howto{\n padding-top:40px!important;\n padding-bottom:38px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap{\n gap:24px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-feel{\n margin-top:14px!important;\n padding:10px 12px!important;\n font-size:13px!important;\n line-height:1.48!important;\n }\n\n #abera-folliculitis-v2 .af-howto-note{\n margin-top:12px!important;\n padding-top:12px!important;\n }\n\n #abera-folliculitis-v2 .af-trust-strip{\n margin-top:24px!important;\n padding-top:18px!important;\n }\n}\n\n\n\/* ============================================================\nFINAL WHOLE-PAGE BALANCE AUDIT\nOne final visual system for desktop + tablet + mobile.\nKeeps all previous functionality and content; this layer only\nnormalizes sizing, spacing, rails, cards, icons and typography.\n============================================================ *\/\n\n\/* ---------- PAGE SHELL ---------- *\/\n#abera-folliculitis-v2{\n --af-final-page:1800px;\n --af-final-wide:1620px;\n --af-final-main:1500px;\n --af-final-read:1160px;\n --af-final-gutter:clamp(18px,2.6vw,46px);\n\n width:min(100vw,var(--af-final-page))!important;\n max-width:var(--af-final-page)!important;\n margin-left:0!important;\n margin-right:0!important;\n left:50%!important;\n transform:translateX(-50%)!important;\n}\n\n#abera-folliculitis-v2 .af-section{\n padding-left:var(--af-final-gutter)!important;\n padding-right:var(--af-final-gutter)!important;\n}\n\n#abera-folliculitis-v2 .af-inner{\n width:100%!important;\n max-width:var(--af-final-main)!important;\n margin-left:auto!important;\n margin-right:auto!important;\n}\n\n#abera-folliculitis-v2 .af-eyebrow{\n font-size:12px!important;\n line-height:1.3!important;\n letter-spacing:1.65px!important;\n}\n\n#abera-folliculitis-v2 .af-btn{\n min-height:50px!important;\n padding:14px 24px!important;\n font-size:14px!important;\n}\n\n\n\/* ============================================================\n01 — INTRO\nLarge enough to feel premium, compact enough to feed into proof.\n============================================================ *\/\n#abera-folliculitis-v2 .af-intro{\n padding-top:58px!important;\n padding-bottom:54px!important;\n}\n\n#abera-folliculitis-v2 .af-intro .af-inner{\n max-width:1180px!important;\n}\n\n#abera-folliculitis-v2 .af-intro h2{\n max-width:1050px!important;\n font-size:clamp(48px,3.45vw,62px)!important;\n line-height:1.025!important;\n letter-spacing:-1.7px!important;\n}\n\n#abera-folliculitis-v2 .af-intro .af-sub{\n max-width:890px!important;\n margin-top:18px!important;\n font-size:17px!important;\n line-height:1.58!important;\n}\n\n#abera-folliculitis-v2 .af-intro-points{\n margin-top:24px!important;\n gap:10px 28px!important;\n}\n\n#abera-folliculitis-v2 .af-intro-points span{\n font-size:14px!important;\n}\n\n#abera-folliculitis-v2 .af-intro .af-closing{\n margin-top:22px!important;\n font-size:12.5px!important;\n}\n\n\n\/* ============================================================\n02 — REAL RESULTS\nDesktop compact cinematic split. Mobile layout retained.\n============================================================ *\/\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-proof-inner{\n min-height:520px!important;\n grid-template-columns:55% 45%!important;\n align-items:stretch!important;\n }\n\n #abera-folliculitis-v2 .af-proof-content{\n padding:46px 46px 40px 56px!important;\n }\n\n #abera-folliculitis-v2 .af-proof h2{\n max-width:690px!important;\n font-size:clamp(42px,3.2vw,56px)!important;\n line-height:1.055!important;\n }\n\n #abera-folliculitis-v2 .af-proof .af-sub{\n max-width:610px!important;\n margin-top:14px!important;\n font-size:16px!important;\n line-height:1.55!important;\n }\n\n #abera-folliculitis-v2 .af-stats{\n margin-top:27px!important;\n max-width:770px!important;\n }\n\n #abera-folliculitis-v2 .af-stat-number{\n font-size:clamp(48px,3.8vw,60px)!important;\n }\n\n #abera-folliculitis-v2 .af-stat:nth-child(3) .af-stat-number{\n font-size:clamp(46px,3.7vw,57px)!important;\n }\n\n #abera-folliculitis-v2 .af-stat-title{\n font-size:13.5px!important;\n line-height:1.24!important;\n }\n\n #abera-folliculitis-v2 .af-stat-copy{\n font-size:12.5px!important;\n line-height:1.46!important;\n }\n\n #abera-folliculitis-v2 .af-footnote{\n margin-top:21px!important;\n padding-top:13px!important;\n font-size:10.8px!important;\n }\n\n #abera-folliculitis-v2 .af-proof-visual{\n position:relative!important;\n min-height:520px!important;\n height:auto!important;\n align-self:stretch!important;\n overflow:hidden!important;\n }\n\n #abera-folliculitis-v2 .af-proof-image{\n position:absolute!important;\n inset:0!important;\n width:100%!important;\n height:100%!important;\n min-height:100%!important;\n object-fit:cover!important;\n object-position:center top!important;\n }\n}\n\n\n\/* ============================================================\n03A — CUSTOMER REVIEWS\nStrong headline, readable cards, Polar-like star scale.\n============================================================ *\/\n#abera-folliculitis-v2 .af-static-reviews{\n padding-top:62px!important;\n padding-bottom:66px!important;\n}\n\n#abera-folliculitis-v2 .af-static-reviews .af-inner{\n max-width:var(--af-final-wide)!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-header{\n margin-bottom:28px!important;\n}\n\n#abera-folliculitis-v2 .af-static-header-stars{\n font-size:26px!important;\n line-height:1!important;\n letter-spacing:1.7px!important;\n margin-bottom:12px!important;\n}\n\n#abera-folliculitis-v2 .af-static-title-box h2{\n font-size:clamp(36px,2.35vw,44px)!important;\n line-height:1.07!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-track{\n gap:16px!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-content{\n padding:14px 14px 15px!important;\n}\n\n#abera-folliculitis-v2 .af-static-stars{\n font-size:20px!important;\n line-height:1!important;\n letter-spacing:1.15px!important;\n margin-bottom:10px!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-copy{\n font-size:14px!important;\n line-height:1.53!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-name{\n font-size:13.5px!important;\n}\n\n#abera-folliculitis-v2 .af-static-verified{\n font-size:10.5px!important;\n}\n\n\n\/* ============================================================\n03 — SEE THE DIFFERENCE\nLarge visual proof cards without excessive section height.\n============================================================ *\/\n#abera-folliculitis-v2 .af-results{\n padding-top:62px!important;\n padding-bottom:66px!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-inner{\n max-width:1520px!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-section-header{\n margin-bottom:30px!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-section-header h2{\n font-size:clamp(38px,2.5vw,46px)!important;\n line-height:1.07!important;\n}\n\n#abera-folliculitis-v2 .af-section-note{\n margin-top:9px!important;\n font-size:15px!important;\n}\n\n#abera-folliculitis-v2 .af-result-content{\n padding:15px 15px 18px!important;\n}\n\n#abera-folliculitis-v2 .af-result-card h3{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-result-card p{\n font-size:14px!important;\n line-height:1.5!important;\n}\n\n\n\/* ============================================================\n04 — HOW TO USE\nCompact, balanced 50\/50 composition.\n============================================================ *\/\n#abera-folliculitis-v2 .af-howto{\n padding-top:42px!important;\n padding-bottom:40px!important;\n}\n\n#abera-folliculitis-v2 .af-howto .af-inner{\n max-width:1500px!important;\n}\n\n#abera-folliculitis-v2 .af-howto-wrap{\n grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;\n gap:48px!important;\n align-items:center!important;\n}\n\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-howto-media{\n height:460px!important;\n min-height:460px!important;\n overflow:hidden!important;\n }\n\n #abera-folliculitis-v2 .af-howto-media img{\n width:100%!important;\n height:100%!important;\n object-fit:cover!important;\n object-position:center center!important;\n }\n}\n\n#abera-folliculitis-v2 .af-howto h2{\n font-size:clamp(40px,2.7vw,50px)!important;\n line-height:1.06!important;\n}\n\n#abera-folliculitis-v2 .af-howto-steps{\n margin-top:15px!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step{\n padding:15px 0!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step strong{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step p{\n font-size:15px!important;\n}\n\n#abera-folliculitis-v2 .af-howto-feel{\n margin-top:14px!important;\n padding:10px 13px!important;\n font-size:13.5px!important;\n}\n\n#abera-folliculitis-v2 .af-howto-note{\n margin-top:12px!important;\n padding-top:12px!important;\n font-size:13.5px!important;\n}\n\n#abera-folliculitis-v2 .af-howto .af-btn{\n margin-top:14px!important;\n}\n\n#abera-folliculitis-v2 .af-trust-strip{\n margin-top:22px!important;\n padding-top:20px!important;\n}\n\n#abera-folliculitis-v2 .af-trust-icon{\n width:52px!important;\n height:52px!important;\n}\n\n#abera-folliculitis-v2 .af-trust-item span{\n font-size:13px!important;\n}\n\n\n\/* ============================================================\n05 — INGREDIENTS\nFuller left intro block + large science cards.\n============================================================ *\/\n#abera-folliculitis-v2 .af-ingredients{\n padding-top:58px!important;\n padding-bottom:60px!important;\n}\n\n#abera-folliculitis-v2 .af-ingredients .af-inner{\n max-width:1540px!important;\n}\n\n#abera-folliculitis-v2 .af-ing-layout{\n grid-template-columns:minmax(360px,.34fr) minmax(0,.66fr)!important;\n gap:40px!important;\n align-items:stretch!important;\n}\n\n#abera-folliculitis-v2 .af-ing-intro{\n display:flex!important;\n flex-direction:column!important;\n justify-content:center!important;\n min-height:430px!important;\n padding:32px 24px 32px 10px!important;\n}\n\n#abera-folliculitis-v2 .af-ing-intro h2{\n font-size:44px!important;\n line-height:1.04!important;\n letter-spacing:-1px!important;\n margin-bottom:16px!important;\n}\n\n#abera-folliculitis-v2 .af-ing-intro .af-sub{\n max-width:345px!important;\n font-size:17px!important;\n line-height:1.6!important;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients{\n max-width:360px!important;\n margin-top:27px!important;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients summary{\n padding:15px 30px 15px 0!important;\n font-size:13.5px!important;\n}\n\n#abera-folliculitis-v2 .af-full-ingredients p{\n font-size:13.5px!important;\n}\n\n#abera-folliculitis-v2 .af-ing-card h3{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-ing-card p{\n font-size:14px!important;\n line-height:1.5!important;\n}\n\n#abera-folliculitis-v2 .af-ing-content{\n min-height:148px!important;\n padding:16px!important;\n}\n\n\n\/* ============================================================\n06 — CUSTOMER VIDEOS\nWide visual block: 5 videos × 2 rows on large desktop.\n============================================================ *\/\n#abera-folliculitis-v2 .af-videos{\n padding-top:62px!important;\n padding-bottom:68px!important;\n}\n\n#abera-folliculitis-v2 .af-videos .af-inner{\n max-width:var(--af-final-wide)!important;\n}\n\n#abera-folliculitis-v2 .af-videos h2{\n font-size:clamp(40px,2.65vw,48px)!important;\n line-height:1.05!important;\n}\n\n#abera-folliculitis-v2 .af-videos-track{\n grid-template-columns:repeat(5,minmax(0,1fr))!important;\n gap:16px!important;\n margin-top:28px!important;\n}\n\n\n\/* ============================================================\n07 — PERFECT DUO\nLarge 50\/50 selling section.\n============================================================ *\/\n#abera-folliculitis-v2 .af-duo{\n padding-top:62px!important;\n padding-bottom:64px!important;\n}\n\n#abera-folliculitis-v2 .af-duo .af-inner{\n max-width:1500px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-layout{\n grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;\n gap:52px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-title{\n font-size:clamp(38px,2.5vw,46px)!important;\n line-height:1.08!important;\n}\n\n#abera-folliculitis-v2 .af-duo-intro{\n margin-top:14px!important;\n max-width:620px!important;\n font-size:16px!important;\n line-height:1.58!important;\n}\n\n#abera-folliculitis-v2 .af-duo-benefits{\n margin-top:24px!important;\n gap:28px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-product h3{\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-list li{\n font-size:14px!important;\n}\n\n#abera-folliculitis-v2 .af-offer{\n margin-top:23px!important;\n padding:13px 15px!important;\n font-size:15px!important;\n}\n\n\n\/* ============================================================\n08 — DOCUMENTATION\nCredibility section: substantial but intentionally narrower.\n============================================================ *\/\n#abera-folliculitis-v2 .af-docs{\n padding-top:60px!important;\n padding-bottom:62px!important;\n}\n\n#abera-folliculitis-v2 .af-docs .af-inner{\n max-width:1180px!important;\n}\n\n#abera-folliculitis-v2 .af-docs h2{\n font-size:clamp(34px,2.25vw,42px)!important;\n line-height:1.08!important;\n}\n\n#abera-folliculitis-v2 .af-doc-grid{\n max-width:960px!important;\n margin-top:26px!important;\n}\n\n#abera-folliculitis-v2 .af-doc-image{\n height:430px!important;\n}\n\n#abera-folliculitis-v2 .af-doc-label{\n font-size:13.5px!important;\n}\n\n\n\/* ============================================================\n09 — FINAL CTA\nBig close, but not oversized relative to the rest of the page.\n============================================================ *\/\n#abera-folliculitis-v2 .af-final{\n padding-top:76px!important;\n padding-bottom:76px!important;\n}\n\n#abera-folliculitis-v2 .af-final .af-inner{\n max-width:1080px!important;\n}\n\n#abera-folliculitis-v2 .af-final h2{\n font-size:clamp(44px,4.2vw,60px)!important;\n line-height:1.02!important;\n letter-spacing:-1.8px!important;\n}\n\n#abera-folliculitis-v2 .af-final p{\n max-width:700px!important;\n margin-top:22px!important;\n font-size:16px!important;\n line-height:1.52!important;\n}\n\n\n\/* ============================================================\n10 — FAQ\nReadable closing information block.\n============================================================ *\/\n#abera-folliculitis-v2 .af-faq{\n padding-top:48px!important;\n padding-bottom:56px!important;\n}\n\n#abera-folliculitis-v2 .af-faq .af-inner{\n max-width:1100px!important;\n}\n\n#abera-folliculitis-v2 .af-faq h2{\n margin-bottom:18px!important;\n font-size:28px!important;\n line-height:1.2!important;\n}\n\n#abera-folliculitis-v2 .af-faq summary{\n padding-top:18px!important;\n padding-bottom:18px!important;\n font-size:16px!important;\n}\n\n#abera-folliculitis-v2 .af-faq details p{\n font-size:15px!important;\n line-height:1.58!important;\n}\n\n\n\/* ============================================================\nTABLET\n============================================================ *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2{\n width:100vw!important;\n max-width:100vw!important;\n }\n\n #abera-folliculitis-v2 .af-section{\n padding-left:24px!important;\n padding-right:24px!important;\n }\n\n #abera-folliculitis-v2 .af-intro h2{\n font-size:46px!important;\n }\n\n #abera-folliculitis-v2 .af-static-title-box h2,\n #abera-folliculitis-v2 .af-results .af-section-header h2,\n #abera-folliculitis-v2 .af-videos h2{\n font-size:36px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap,\n #abera-folliculitis-v2 .af-duo-layout{\n gap:34px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-layout{\n grid-template-columns:minmax(300px,.32fr) minmax(0,.68fr)!important;\n gap:28px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro{\n min-height:380px!important;\n padding:24px 12px 24px 0!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro h2{\n font-size:38px!important;\n }\n\n #abera-folliculitis-v2 .af-doc-image{\n height:390px!important;\n }\n}\n\n\n\/* ============================================================\nMOBILE\n============================================================ *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2{\n width:100vw!important;\n max-width:100vw!important;\n }\n\n #abera-folliculitis-v2 .af-section{\n padding-left:16px!important;\n padding-right:16px!important;\n }\n\n #abera-folliculitis-v2 .af-eyebrow{\n font-size:10.5px!important;\n letter-spacing:1.35px!important;\n }\n\n #abera-folliculitis-v2 .af-intro{\n padding-top:44px!important;\n padding-bottom:42px!important;\n }\n\n #abera-folliculitis-v2 .af-intro h2{\n font-size:34px!important;\n line-height:1.035!important;\n }\n\n #abera-folliculitis-v2 .af-intro .af-sub{\n font-size:15.5px!important;\n }\n\n #abera-folliculitis-v2 .af-intro-points span{\n font-size:12.5px!important;\n }\n\n \/* REAL RESULTS: retain the already-approved 2 + 1 stat layout *\/\n #abera-folliculitis-v2 .af-proof-content{\n padding:38px 18px 28px!important;\n }\n\n #abera-folliculitis-v2 .af-proof h2{\n font-size:29px!important;\n }\n\n #abera-folliculitis-v2 .af-proof .af-sub{\n font-size:14px!important;\n }\n\n #abera-folliculitis-v2 .af-static-reviews{\n padding-top:46px!important;\n padding-bottom:48px!important;\n }\n\n #abera-folliculitis-v2 .af-static-header-stars{\n font-size:24px!important;\n }\n\n #abera-folliculitis-v2 .af-static-title-box h2{\n font-size:25px!important;\n }\n\n #abera-folliculitis-v2 .af-static-stars{\n font-size:18px!important;\n }\n\n #abera-folliculitis-v2 .af-static-review-copy{\n font-size:14px!important;\n }\n\n #abera-folliculitis-v2 .af-results{\n padding-top:48px!important;\n padding-bottom:52px!important;\n }\n\n #abera-folliculitis-v2 .af-results .af-section-header h2{\n font-size:30px!important;\n }\n\n #abera-folliculitis-v2 .af-howto{\n padding-top:40px!important;\n padding-bottom:38px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap{\n gap:24px!important;\n }\n\n #abera-folliculitis-v2 .af-howto h2{\n font-size:30px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step strong{\n font-size:14.5px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step p{\n font-size:14px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-feel,\n #abera-folliculitis-v2 .af-howto-note{\n font-size:13px!important;\n }\n\n #abera-folliculitis-v2 .af-trust-strip{\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:22px 14px!important;\n }\n\n #abera-folliculitis-v2 .af-trust-icon{\n width:48px!important;\n height:48px!important;\n }\n\n #abera-folliculitis-v2 .af-ingredients{\n padding-top:44px!important;\n padding-bottom:48px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-layout{\n display:flex!important;\n flex-direction:column!important;\n gap:28px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro{\n min-height:auto!important;\n padding:0!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro h2{\n font-size:31px!important;\n line-height:1.075!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro .af-sub{\n max-width:none!important;\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-full-ingredients{\n max-width:none!important;\n margin-top:22px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card{\n flex-basis:88%!important;\n min-width:88%!important;\n max-width:88%!important;\n }\n\n #abera-folliculitis-v2 .af-videos{\n padding-top:48px!important;\n padding-bottom:52px!important;\n }\n\n #abera-folliculitis-v2 .af-videos h2{\n font-size:30px!important;\n }\n\n #abera-folliculitis-v2 .af-duo{\n padding-top:46px!important;\n padding-bottom:48px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-layout{\n display:flex!important;\n flex-direction:column!important;\n gap:28px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-title{\n font-size:30px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-intro{\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-docs{\n padding-top:46px!important;\n padding-bottom:48px!important;\n }\n\n #abera-folliculitis-v2 .af-docs h2{\n font-size:28px!important;\n }\n\n #abera-folliculitis-v2 .af-doc-image{\n height:auto!important;\n aspect-ratio:4\/5!important;\n }\n\n #abera-folliculitis-v2 .af-final{\n padding-top:62px!important;\n padding-bottom:62px!important;\n }\n\n #abera-folliculitis-v2 .af-final h2{\n font-size:36px!important;\n letter-spacing:-1px!important;\n }\n\n #abera-folliculitis-v2 .af-final p{\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-faq{\n padding-top:42px!important;\n padding-bottom:50px!important;\n }\n\n #abera-folliculitis-v2 .af-faq h2{\n font-size:22px!important;\n }\n\n #abera-folliculitis-v2 .af-faq summary{\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-faq details p{\n font-size:14px!important;\n }\n}\n\n\n\/* ============================================================\nINGREDIENTS — STRONGER DESKTOP REBALANCE\nPrevious tuning was too subtle. This version makes the section\nvisibly fuller: larger carousel cards, tighter gap, stronger intro,\nand less dead white space. Mobile layout remains unchanged.\n============================================================ *\/\n@media screen and (min-width:1051px){\n\n #abera-folliculitis-v2 .af-ingredients{\n padding-top:48px!important;\n padding-bottom:50px!important;\n }\n\n #abera-folliculitis-v2 .af-ingredients .af-inner{\n max-width:1650px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-layout{\n grid-template-columns:minmax(350px,.26fr) minmax(0,.74fr)!important;\n gap:28px!important;\n align-items:center!important;\n }\n\n \/* Left block: stronger typography, but less wasted width *\/\n #abera-folliculitis-v2 .af-ing-intro{\n min-height:540px!important;\n padding:28px 18px 28px 4px!important;\n justify-content:center!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro .af-eyebrow{\n margin-bottom:12px!important;\n font-size:12px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro h2{\n max-width:360px!important;\n margin-bottom:17px!important;\n font-size:46px!important;\n line-height:1.025!important;\n letter-spacing:-1.25px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro .af-sub{\n max-width:335px!important;\n font-size:17px!important;\n line-height:1.58!important;\n }\n\n #abera-folliculitis-v2 .af-full-ingredients{\n width:100%!important;\n max-width:345px!important;\n margin-top:26px!important;\n }\n\n #abera-folliculitis-v2 .af-full-ingredients summary{\n padding:16px 30px 16px 0!important;\n font-size:13.5px!important;\n }\n\n \/* Carousel: noticeably larger 3-card presentation *\/\n #abera-folliculitis-v2 .af-ing-carousel{\n min-width:0!important;\n width:100%!important;\n }\n\n #abera-folliculitis-v2 .af-ing-track{\n gap:16px!important;\n padding-bottom:2px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card{\n flex:0 0 calc((100% - 32px)\/3)!important;\n min-width:calc((100% - 32px)\/3)!important;\n border-radius:8px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-image{\n aspect-ratio:1\/1!important;\n }\n\n #abera-folliculitis-v2 .af-ing-content{\n min-height:164px!important;\n padding:17px 17px 18px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card h3{\n margin-bottom:7px!important;\n font-size:17px!important;\n line-height:1.18!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card p{\n font-size:14.5px!important;\n line-height:1.48!important;\n }\n\n \/* Controls closer to the cards, more substantial *\/\n #abera-folliculitis-v2 .af-ing-dots{\n margin-top:12px!important;\n gap:7px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-dot{\n height:7px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-arrow{\n width:42px!important;\n height:42px!important;\n font-size:24px!important;\n }\n}\n\n\/* Medium desktop \/ small laptop: same logic, slightly softer scale *\/\n@media screen and (min-width:1051px) and (max-width:1350px){\n\n #abera-folliculitis-v2 .af-ingredients .af-inner{\n max-width:1280px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-layout{\n grid-template-columns:minmax(300px,.28fr) minmax(0,.72fr)!important;\n gap:24px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro{\n min-height:470px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-intro h2{\n font-size:40px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-content{\n min-height:154px!important;\n padding:15px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card h3{\n font-size:16px!important;\n }\n\n #abera-folliculitis-v2 .af-ing-card p{\n font-size:13.5px!important;\n }\n}\n\n\n\/* ============================================================\n07A + 07B — COMPLETE ROUTINE + BHA SPRAY SPLIT\n============================================================ *\/\n\n\/* ---------- 07A \/ COMPLETE ROUTINE ---------- *\/\n#abera-folliculitis-v2 .af-duo-routine{\n background:#f7f5ee;\n padding-top:62px!important;\n padding-bottom:66px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-inner{\n max-width:1500px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-layout{\n grid-template-columns:minmax(0,1fr) minmax(0,1.03fr)!important;\n gap:54px!important;\n align-items:center!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-media{\n aspect-ratio:1\/1!important;\n overflow:hidden!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-media img{\n width:100%!important;\n height:100%!important;\n object-fit:cover!important;\n object-position:center center!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-title{\n max-width:700px!important;\n font-size:clamp(40px,2.75vw,50px)!important;\n line-height:1.045!important;\n letter-spacing:-1.25px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-intro{\n max-width:700px!important;\n margin-top:16px!important;\n font-size:16px!important;\n line-height:1.6!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-benefits{\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:28px!important;\n margin-top:26px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-product h3{\n margin-bottom:10px!important;\n font-size:15.5px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-list{\n display:grid!important;\n gap:10px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-list li{\n display:block!important;\n position:relative!important;\n padding-left:20px!important;\n font-size:14px!important;\n line-height:1.4!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-list li::before{\n top:2px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-list li strong{\n display:block!important;\n margin-bottom:2px!important;\n color:#15261d!important;\n font-weight:800!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-duo-list li span{\n display:block!important;\n color:#5e6762!important;\n font-size:12.8px!important;\n line-height:1.42!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-offer{\n margin-top:26px!important;\n padding:13px 15px!important;\n font-size:14px!important;\n}\n\n#abera-folliculitis-v2 .af-duo-routine .af-btn{\n margin-top:15px!important;\n}\n\n\n\/* ---------- 07B \/ BHA SPRAY ---------- *\/\n#abera-folliculitis-v2 .af-bha{\n background:#0e281d;\n color:#fff;\n padding-top:68px!important;\n padding-bottom:70px!important;\n}\n\n#abera-folliculitis-v2 .af-bha .af-inner{\n max-width:1500px!important;\n}\n\n#abera-folliculitis-v2 .af-bha .af-eyebrow{\n color:#bdd7c6!important;\n}\n\n#abera-folliculitis-v2 .af-bha-layout{\n display:grid;\n grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);\n gap:56px;\n align-items:center;\n}\n\n#abera-folliculitis-v2 .af-bha-content h2{\n max-width:700px;\n margin:0;\n color:#fff;\n font-size:clamp(42px,2.95vw,54px)!important;\n line-height:1.035!important;\n letter-spacing:-1.4px!important;\n}\n\n#abera-folliculitis-v2 .af-bha-intro{\n max-width:680px;\n margin:18px 0 0!important;\n color:#d2ddd6;\n font-size:16.5px!important;\n line-height:1.62!important;\n}\n\n#abera-folliculitis-v2 .af-bha-zones{\n display:flex;\n flex-wrap:wrap;\n gap:8px;\n margin-top:25px;\n}\n\n#abera-folliculitis-v2 .af-bha-zones span{\n padding:8px 12px;\n border:1px solid rgba(255,255,255,.22);\n border-radius:999px;\n color:#fff;\n font-size:11px;\n line-height:1;\n font-weight:800;\n letter-spacing:.7px;\n}\n\n#abera-folliculitis-v2 .af-bha-core{\n display:flex;\n flex-direction:column;\n gap:5px;\n max-width:680px;\n margin-top:24px;\n padding-top:18px;\n border-top:1px solid rgba(255,255,255,.18);\n}\n\n#abera-folliculitis-v2 .af-bha-core strong{\n color:#d8ff57;\n font-size:13px;\n line-height:1.3;\n letter-spacing:.7px;\n}\n\n#abera-folliculitis-v2 .af-bha-core span{\n color:#b9c8c0;\n font-size:13.5px;\n line-height:1.5;\n}\n\n#abera-folliculitis-v2 .af-bha-media{\n width:100%;\n aspect-ratio:4\/5;\n overflow:hidden;\n border-radius:7px;\n}\n\n#abera-folliculitis-v2 .af-bha-media img{\n width:100%;\n height:100%;\n object-fit:cover;\n display:block;\n}\n\n#abera-folliculitis-v2 .af-bha-placeholder{\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:8px;\n min-height:560px;\n border:1px dashed rgba(255,255,255,.34);\n background:\n radial-gradient(circle at 50% 38%,rgba(129,179,210,.20),transparent 30%),\n linear-gradient(145deg,#17372a,#10271e);\n color:#fff;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-bha-placeholder strong{\n font-size:22px;\n line-height:1.1;\n}\n\n#abera-folliculitis-v2 .af-bha-placeholder span{\n max-width:360px;\n padding:0 24px;\n color:#d5e2db;\n font-size:15px;\n line-height:1.5;\n}\n\n#abera-folliculitis-v2 .af-bha-placeholder small{\n color:#94aaa0;\n font-size:12px;\n}\n\n#abera-folliculitis-v2 .af-bha-benefits{\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:14px;\n margin-top:38px;\n}\n\n#abera-folliculitis-v2 .af-bha-benefit{\n min-height:190px;\n padding:22px 20px;\n border:1px solid rgba(255,255,255,.13);\n border-radius:7px;\n background:rgba(255,255,255,.055);\n}\n\n#abera-folliculitis-v2 .af-bha-kicker{\n margin-bottom:12px;\n color:#8ec5e8;\n font-size:11px;\n line-height:1.25;\n font-weight:800;\n letter-spacing:1px;\n}\n\n#abera-folliculitis-v2 .af-bha-benefit h3{\n margin:0 0 8px;\n color:#fff;\n font-size:16px!important;\n line-height:1.25!important;\n}\n\n#abera-folliculitis-v2 .af-bha-benefit p{\n margin:0!important;\n color:#c0cec6;\n font-size:13.5px!important;\n line-height:1.5!important;\n}\n\n#abera-folliculitis-v2 .af-bha-bottom{\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:28px;\n margin-top:28px;\n padding-top:24px;\n border-top:1px solid rgba(255,255,255,.16);\n}\n\n#abera-folliculitis-v2 .af-bha-bottom p{\n margin:0!important;\n color:#d5e0da;\n font-size:13.5px!important;\n line-height:1.5!important;\n}\n\n#abera-folliculitis-v2 .af-bha-bottom p strong{\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-btn-light{\n flex:0 0 auto;\n border-color:#fff!important;\n background:#fff!important;\n color:#12251b!important;\n}\n\n\n\/* ---------- TABLET ---------- *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-duo-routine .af-duo-layout,\n #abera-folliculitis-v2 .af-bha-layout{\n gap:34px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-duo-title{\n font-size:38px!important;\n }\n\n #abera-folliculitis-v2 .af-bha-content h2{\n font-size:40px!important;\n }\n\n #abera-folliculitis-v2 .af-bha-benefits{\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n\n #abera-folliculitis-v2 .af-bha-placeholder{\n min-height:480px;\n }\n}\n\n\n\/* ---------- MOBILE ---------- *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-duo-routine{\n padding-top:44px!important;\n padding-bottom:48px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-duo-layout{\n display:flex!important;\n flex-direction:column!important;\n gap:28px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-duo-media{\n order:1!important;\n width:100%!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-duo-content{\n order:2!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-duo-title{\n font-size:30px!important;\n line-height:1.06!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-duo-intro{\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-duo-benefits{\n grid-template-columns:1fr!important;\n gap:22px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-duo-list li strong{\n font-size:14px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-duo-list li span{\n font-size:13px!important;\n }\n\n #abera-folliculitis-v2 .af-duo-routine .af-offer{\n font-size:12px!important;\n line-height:1.4!important;\n }\n\n #abera-folliculitis-v2 .af-bha{\n padding-top:48px!important;\n padding-bottom:52px!important;\n }\n\n #abera-folliculitis-v2 .af-bha-layout{\n display:flex;\n flex-direction:column;\n gap:28px;\n }\n\n #abera-folliculitis-v2 .af-bha-content{\n order:1;\n }\n\n #abera-folliculitis-v2 .af-bha-media{\n order:2;\n aspect-ratio:4\/5;\n }\n\n #abera-folliculitis-v2 .af-bha-content h2{\n font-size:31px!important;\n line-height:1.05!important;\n }\n\n #abera-folliculitis-v2 .af-bha-intro{\n font-size:15px!important;\n line-height:1.58!important;\n }\n\n #abera-folliculitis-v2 .af-bha-zones{\n margin-top:20px;\n }\n\n #abera-folliculitis-v2 .af-bha-zones span{\n padding:7px 10px;\n font-size:10px;\n }\n\n #abera-folliculitis-v2 .af-bha-placeholder{\n min-height:0;\n }\n\n #abera-folliculitis-v2 .af-bha-benefits{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:10px;\n margin-top:25px;\n }\n\n #abera-folliculitis-v2 .af-bha-benefit{\n min-height:0;\n padding:16px 14px;\n }\n\n #abera-folliculitis-v2 .af-bha-kicker{\n margin-bottom:8px;\n font-size:9.5px;\n }\n\n #abera-folliculitis-v2 .af-bha-benefit h3{\n font-size:13.5px!important;\n line-height:1.25!important;\n }\n\n #abera-folliculitis-v2 .af-bha-benefit p{\n font-size:12px!important;\n line-height:1.45!important;\n }\n\n #abera-folliculitis-v2 .af-bha-bottom{\n flex-direction:column;\n align-items:stretch;\n gap:16px;\n margin-top:22px;\n padding-top:20px;\n }\n\n #abera-folliculitis-v2 .af-bha-bottom p{\n font-size:12.5px!important;\n }\n\n #abera-folliculitis-v2 .af-bha-bottom .af-btn{\n width:100%!important;\n text-align:center!important;\n }\n}\n\n\n\/* ============================================================\n07B — BHA SPRAY SIMPLE VERSION\nShorter, cleaner, easier to scan.\n============================================================ *\/\n#abera-folliculitis-v2 .af-bha-simple{\n padding-top:56px!important;\n padding-bottom:58px!important;\n}\n\n#abera-folliculitis-v2 .af-bha-simple .af-inner{\n max-width:1420px!important;\n}\n\n#abera-folliculitis-v2 .af-bha-simple-layout{\n display:grid;\n grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);\n gap:52px;\n align-items:center;\n}\n\n#abera-folliculitis-v2 .af-bha-simple-content h2{\n max-width:680px;\n margin:0;\n color:#fff;\n font-size:clamp(40px,2.75vw,50px)!important;\n line-height:1.04!important;\n letter-spacing:-1.2px!important;\n}\n\n#abera-folliculitis-v2 .af-bha-simple-intro{\n max-width:620px;\n margin:16px 0 0!important;\n color:#c9d7cf;\n font-size:16px!important;\n line-height:1.58!important;\n}\n\n#abera-folliculitis-v2 .af-bha-simple-points{\n display:grid;\n gap:0;\n max-width:650px;\n margin-top:24px;\n border-top:1px solid rgba(255,255,255,.16);\n}\n\n#abera-folliculitis-v2 .af-bha-simple-point{\n display:grid;\n grid-template-columns:180px 1fr;\n gap:18px;\n padding:14px 0;\n border-bottom:1px solid rgba(255,255,255,.16);\n}\n\n#abera-folliculitis-v2 .af-bha-simple-point strong{\n color:#d8ff57;\n font-size:13px;\n line-height:1.3;\n letter-spacing:.45px;\n}\n\n#abera-folliculitis-v2 .af-bha-simple-point span{\n color:#d5dfd9;\n font-size:14px;\n line-height:1.45;\n}\n\n#abera-folliculitis-v2 .af-bha-simple .af-btn{\n margin-top:22px!important;\n}\n\n#abera-folliculitis-v2 .af-bha-simple .af-bha-media{\n aspect-ratio:4\/5;\n max-height:520px;\n}\n\n#abera-folliculitis-v2 .af-bha-simple .af-bha-placeholder{\n min-height:0!important;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-bha-simple{\n padding-top:44px!important;\n padding-bottom:48px!important;\n }\n\n #abera-folliculitis-v2 .af-bha-simple-layout{\n display:flex;\n flex-direction:column;\n gap:26px;\n }\n\n #abera-folliculitis-v2 .af-bha-simple-content{\n order:1;\n }\n\n #abera-folliculitis-v2 .af-bha-simple-content h2{\n font-size:30px!important;\n line-height:1.06!important;\n }\n\n #abera-folliculitis-v2 .af-bha-simple-intro{\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-bha-simple-points{\n margin-top:20px;\n }\n\n #abera-folliculitis-v2 .af-bha-simple-point{\n grid-template-columns:1fr;\n gap:4px;\n padding:12px 0;\n }\n\n #abera-folliculitis-v2 .af-bha-simple-point strong{\n font-size:12px;\n }\n\n #abera-folliculitis-v2 .af-bha-simple-point span{\n font-size:13px;\n }\n\n #abera-folliculitis-v2 .af-bha-simple .af-bha-media{\n order:2;\n width:100%;\n max-height:none;\n }\n\n #abera-folliculitis-v2 .af-bha-simple .af-btn{\n width:100%!important;\n text-align:center!important;\n }\n}\n\n\n\/* ============================================================\n07A — MERGED ROUTINE SECTION\nShort, unified section for Shower Gel + BHA Spray.\n============================================================ *\/\n#abera-folliculitis-v2 .af-routine-merged{\n background:#f7f5ee;\n padding-top:60px!important;\n padding-bottom:64px!important;\n}\n#abera-folliculitis-v2 .af-routine-merged .af-inner{max-width:1400px!important;}\n#abera-folliculitis-v2 .af-routine-merged-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center;}\n#abera-folliculitis-v2 .af-routine-merged-media{width:100%;aspect-ratio:1\/1;overflow:hidden;border-radius:10px;background:#e9eee9;}\n#abera-folliculitis-v2 .af-routine-merged-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;}\n#abera-folliculitis-v2 .af-routine-merged-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px;border:2px dashed #9db0a2;border-radius:10px;background:linear-gradient(135deg,#edf2ec,#dbe7dc);color:#163326;text-align:center;}\n#abera-folliculitis-v2 .af-routine-merged-placeholder strong{font-size:24px;line-height:1.1;font-weight:900;}\n#abera-folliculitis-v2 .af-routine-merged-placeholder span{max-width:420px;font-size:15px;line-height:1.55;}\n#abera-folliculitis-v2 .af-routine-merged-placeholder small{color:#5f6c65;font-size:12px;}\n#abera-folliculitis-v2 .af-routine-merged .af-eyebrow{margin-bottom:8px;}\n#abera-folliculitis-v2 .af-routine-merged h2{max-width:700px;font-size:clamp(38px,3vw,50px)!important;line-height:1.05!important;letter-spacing:-1.4px!important;}\n#abera-folliculitis-v2 .af-routine-merged-intro{max-width:680px;margin-top:16px;color:#56625b;font-size:16px;line-height:1.62;}\n#abera-folliculitis-v2 .af-routine-merged-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px;}\n#abera-folliculitis-v2 .af-routine-merged-card{min-height:0;padding:18px 18px 17px;border:1px solid #d8ddd8;border-radius:8px;background:#fff;}\n#abera-folliculitis-v2 .af-routine-merged-kicker{margin-bottom:8px;color:#17392a;font-size:11px;line-height:1.25;font-weight:900;letter-spacing:.9px;text-transform:uppercase;}\n#abera-folliculitis-v2 .af-routine-merged-card h3{margin:0 0 6px;color:#101412;font-size:16px!important;line-height:1.28!important;text-transform:none;}\n#abera-folliculitis-v2 .af-routine-merged-card p{margin:0!important;color:#5b6660;font-size:13.5px!important;line-height:1.52!important;}\n#abera-folliculitis-v2 .af-routine-merged-note{margin-top:18px;padding-top:17px;border-top:1px solid #d7ddd7;color:#17392a;font-size:13px;line-height:1.5;font-weight:800;text-transform:uppercase;}\n#abera-folliculitis-v2 .af-routine-merged-note span{color:#60706a;font-weight:600;text-transform:none;}\n#abera-folliculitis-v2 .af-routine-merged .af-offer{margin-top:18px;padding:13px 15px;font-size:14px;}\n#abera-folliculitis-v2 .af-routine-merged .af-btn{margin-top:15px;}\n@media screen and (min-width:750px) and (max-width:1050px){#abera-folliculitis-v2 .af-routine-merged-layout{gap:28px;}#abera-folliculitis-v2 .af-routine-merged-grid{gap:12px;}}\n@media screen and (max-width:749px){#abera-folliculitis-v2 .af-routine-merged{padding-top:44px!important;padding-bottom:48px!important;}#abera-folliculitis-v2 .af-routine-merged-layout{display:flex;flex-direction:column;gap:24px;}#abera-folliculitis-v2 .af-routine-merged h2{font-size:30px!important;line-height:1.07!important;}#abera-folliculitis-v2 .af-routine-merged-intro{font-size:15px;line-height:1.58;}#abera-folliculitis-v2 .af-routine-merged-grid{grid-template-columns:1fr;gap:11px;margin-top:22px;}#abera-folliculitis-v2 .af-routine-merged-card{padding:16px 14px;}#abera-folliculitis-v2 .af-routine-merged-card h3{font-size:15px!important;}#abera-folliculitis-v2 .af-routine-merged-card p{font-size:13px!important;}#abera-folliculitis-v2 .af-routine-merged-note{font-size:12px;}#abera-folliculitis-v2 .af-routine-merged .af-btn{width:100%;}}\n\n\/* ============================================================\nFINAL ROUTINE ORDER + BHA KEY MESSAGE TUNING\nHOW TO USE → COMPLETE ROUTINE → INGREDIENTS → CUSTOMER VIDEOS\n============================================================ *\/\n#abera-folliculitis-v2 .af-routine-merged{\n padding-top:52px!important;\n padding-bottom:56px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged .af-inner{\n max-width:1420px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged-layout{\n gap:42px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged h2{\n font-size:clamp(38px,2.8vw,48px)!important;\n line-height:1.045!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged-intro{\n margin-top:14px!important;\n font-size:15.5px!important;\n line-height:1.56!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged-grid{\n gap:12px!important;\n margin-top:22px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged-card{\n padding:16px 16px 15px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged-kicker{\n color:#194f36!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged-card h3{\n font-size:15.5px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged-card p{\n font-size:13px!important;\n line-height:1.48!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged-note{\n margin-top:15px!important;\n padding-top:14px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged .af-offer{\n margin-top:15px!important;\n background:#c9342d!important;\n color:#fff!important;\n padding:12px 15px!important;\n border-radius:4px!important;\n font-size:13.5px!important;\n letter-spacing:0!important;\n}\n\n#abera-folliculitis-v2 .af-routine-merged-media img{\n object-position:center center;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-routine-merged{\n padding-top:40px!important;\n padding-bottom:44px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-merged h2{\n font-size:29px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-merged-intro{\n font-size:14.5px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-merged-card{\n padding:14px!important;\n }\n}\n\n\n\/* ============================================================\n05 — POLAR-STYLE SHOWER GEL + BHA COMPARISON\n============================================================ *\/\n#abera-folliculitis-v2 .af-routine-polar{\n background:#f7f5ee;\n padding-top:58px!important;\n padding-bottom:62px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-polar .af-inner{\n max-width:1320px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-polar-lifestyle{\n width:100%;\n max-height:520px;\n overflow:hidden;\n border-radius:10px;\n}\n\n#abera-folliculitis-v2 .af-routine-polar-lifestyle img{\n width:100%;\n height:100%;\n max-height:520px;\n display:block;\n object-fit:cover;\n object-position:center 43%;\n}\n\n#abera-folliculitis-v2 .af-routine-polar-header{\n padding:38px 20px 26px;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-routine-polar-header .af-eyebrow{\n margin-bottom:9px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-polar-header h2{\n margin:0;\n color:#101512;\n font-size:clamp(40px,3.35vw,54px)!important;\n line-height:1.02!important;\n letter-spacing:-1.55px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-compare{\n position:relative;\n max-width:1120px;\n margin:0 auto;\n padding-bottom:152px;\n border-radius:28px;\n overflow:hidden;\n background:#fff;\n box-shadow:0 8px 28px rgba(14,40,29,.08);\n}\n\n#abera-folliculitis-v2 .af-routine-products{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n min-height:430px;\n}\n\n#abera-folliculitis-v2 .af-routine-product{\n position:relative;\n display:flex;\n flex-direction:column;\n align-items:center;\n min-width:0;\n padding:28px 28px 110px;\n}\n\n#abera-folliculitis-v2 .af-routine-product-gel{\n background:#173529;\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-routine-product-bha{\n background:#f8fbfc;\n color:#15221c;\n}\n\n#abera-folliculitis-v2 .af-routine-product-name{\n width:100%;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-routine-product-name span{\n display:block;\n margin-bottom:5px;\n font-size:10.5px;\n line-height:1.2;\n font-weight:800;\n letter-spacing:1.2px;\n opacity:.74;\n}\n\n#abera-folliculitis-v2 .af-routine-product-name strong{\n display:block;\n font-size:18px;\n line-height:1.2;\n font-weight:900;\n}\n\n#abera-folliculitis-v2 .af-routine-product-image{\n position:relative;\n flex:1;\n width:100%;\n min-height:300px;\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n#abera-folliculitis-v2 .af-routine-product-image img{\n max-width:64%;\n max-height:285px;\n width:auto;\n height:auto;\n object-fit:contain;\n filter:drop-shadow(0 10px 12px rgba(0,0,0,.16));\n}\n\n#abera-folliculitis-v2 .af-routine-product-image img.af-bha-cutout{\n max-width:48%;\n max-height:250px;\n}\n\n#abera-folliculitis-v2 .af-routine-product-placeholder{\n display:none;\n width:64%;\n max-width:250px;\n min-height:220px;\n padding:20px;\n align-items:center;\n justify-content:center;\n flex-direction:column;\n gap:7px;\n border:1px dashed currentColor;\n border-radius:12px;\n text-align:center;\n opacity:.62;\n}\n\n#abera-folliculitis-v2 .af-routine-product-placeholder strong{\n font-size:13px;\n}\n\n#abera-folliculitis-v2 .af-routine-product-placeholder span{\n font-size:11px;\n}\n\n\/* Overlay white comparison card *\/\n#abera-folliculitis-v2 .af-routine-compare-box{\n position:absolute;\n left:7%;\n right:7%;\n bottom:24px;\n z-index:3;\n overflow:hidden;\n border:1px solid #d8ddd9;\n border-radius:14px;\n background:#fff;\n box-shadow:0 8px 24px rgba(0,0,0,.08);\n}\n\n#abera-folliculitis-v2 .af-routine-compare-row{\n padding:12px 18px 13px;\n border-bottom:1px solid #e3e6e4;\n}\n\n#abera-folliculitis-v2 .af-routine-compare-row:last-child{\n border-bottom:0;\n}\n\n#abera-folliculitis-v2 .af-routine-compare-label{\n margin-bottom:8px;\n color:#303632;\n font-size:12px;\n line-height:1.2;\n font-weight:900;\n text-align:center;\n letter-spacing:.35px;\n}\n\n#abera-folliculitis-v2 .af-routine-compare-values{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:18px;\n}\n\n#abera-folliculitis-v2 .af-routine-compare-values \u003e div{\n color:#303632;\n font-size:13px;\n line-height:1.3;\n font-weight:800;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-compare-check{\n display:inline-flex;\n width:17px;\n height:17px;\n margin-right:5px;\n align-items:center;\n justify-content:center;\n border-radius:50%;\n background:#2ca31c;\n color:#fff;\n font-size:10px;\n font-weight:900;\n vertical-align:1px;\n}\n\n#abera-folliculitis-v2 .af-routine-red-cta{\n display:flex;\n width:min(100%,720px);\n min-height:54px;\n margin:24px auto 0;\n padding:15px 24px;\n align-items:center;\n justify-content:center;\n border-radius:6px;\n background:#cf392f;\n color:#fff!important;\n font-size:15px;\n line-height:1.25;\n font-weight:900;\n text-align:center;\n text-decoration:none!important;\n transition:transform .18s ease,filter .18s ease;\n}\n\n#abera-folliculitis-v2 .af-routine-red-cta:hover{\n filter:brightness(.94);\n transform:translateY(-1px);\n}\n\n\/* ---------- TABLET ---------- *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-routine-products{\n min-height:390px;\n }\n\n #abera-folliculitis-v2 .af-routine-product{\n padding-left:20px;\n padding-right:20px;\n }\n\n #abera-folliculitis-v2 .af-routine-product-image img{\n max-height:240px;\n }\n\n #abera-folliculitis-v2 .af-routine-product-image img.af-bha-cutout{\n max-height:210px;\n }\n}\n\n\/* ---------- MOBILE ---------- *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-routine-polar{\n padding-top:38px!important;\n padding-bottom:44px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-polar-lifestyle{\n max-height:none;\n border-radius:8px;\n }\n\n #abera-folliculitis-v2 .af-routine-polar-lifestyle img{\n max-height:none;\n aspect-ratio:1\/1;\n object-position:center;\n }\n\n #abera-folliculitis-v2 .af-routine-polar-header{\n padding:28px 5px 22px;\n text-align:left;\n }\n\n #abera-folliculitis-v2 .af-routine-polar-header h2{\n font-size:30px!important;\n line-height:1.04!important;\n }\n\n #abera-folliculitis-v2 .af-routine-compare{\n padding-bottom:188px;\n border-radius:18px;\n }\n\n #abera-folliculitis-v2 .af-routine-products{\n min-height:340px;\n }\n\n #abera-folliculitis-v2 .af-routine-product{\n padding:18px 10px 96px;\n }\n\n #abera-folliculitis-v2 .af-routine-product-name strong{\n font-size:13px;\n line-height:1.2;\n }\n\n #abera-folliculitis-v2 .af-routine-product-image{\n min-height:220px;\n }\n\n #abera-folliculitis-v2 .af-routine-product-image img{\n max-width:74%;\n max-height:205px;\n }\n\n #abera-folliculitis-v2 .af-routine-product-image img.af-bha-cutout{\n max-width:57%;\n max-height:180px;\n }\n\n #abera-folliculitis-v2 .af-routine-compare-box{\n left:4%;\n right:4%;\n bottom:14px;\n }\n\n #abera-folliculitis-v2 .af-routine-compare-row{\n padding:10px 9px 11px;\n }\n\n #abera-folliculitis-v2 .af-routine-compare-label{\n margin-bottom:6px;\n font-size:10.5px;\n }\n\n #abera-folliculitis-v2 .af-routine-compare-values{\n gap:8px;\n }\n\n #abera-folliculitis-v2 .af-routine-compare-values \u003e div{\n font-size:10.5px;\n line-height:1.3;\n }\n\n #abera-folliculitis-v2 .af-compare-check{\n width:14px;\n height:14px;\n margin-right:2px;\n font-size:8px;\n }\n\n #abera-folliculitis-v2 .af-routine-red-cta{\n min-height:52px;\n margin-top:18px;\n padding:14px 15px;\n font-size:13px;\n }\n}\n\n\n\/* ============================================================\n05 — COMPLETE BODY BREAKOUT ROUTINE — POLAR STYLE V2\nClear hierarchy, more breathing room, 4 large comparison cards.\n============================================================ *\/\n\n#abera-folliculitis-v2 .af-routine-polar-v2{\n background:#f7f5ee;\n padding-top:58px!important;\n padding-bottom:64px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-polar-v2 .af-inner{\n max-width:1320px!important;\n}\n\n\/* Lifestyle *\/\n#abera-folliculitis-v2 .af-routine-v2-lifestyle{\n width:100%;\n max-height:520px;\n overflow:hidden;\n border-radius:10px;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-lifestyle img{\n width:100%;\n height:100%;\n max-height:520px;\n display:block;\n object-fit:cover;\n object-position:center 43%;\n}\n\n\/* Header *\/\n#abera-folliculitis-v2 .af-routine-v2-header{\n padding:38px 10px 28px;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-header .af-eyebrow{\n margin-bottom:10px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-header h2{\n margin:0;\n color:#101512;\n font-size:clamp(42px,3.45vw,56px)!important;\n line-height:1.015!important;\n letter-spacing:-1.7px!important;\n}\n\n\/* Main compare shell *\/\n#abera-folliculitis-v2 .af-routine-v2-compare{\n position:relative;\n max-width:1100px;\n margin:0 auto;\n padding-bottom:360px;\n overflow:hidden;\n border-radius:28px;\n background:#fff;\n box-shadow:0 8px 28px rgba(14,40,29,.08);\n}\n\n\/* Product panels *\/\n#abera-folliculitis-v2 .af-routine-v2-products{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n min-height:440px;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product{\n position:relative;\n display:flex;\n min-width:0;\n flex-direction:column;\n align-items:center;\n padding:30px 28px 118px;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-gel{\n background:#19372b;\n color:#fff;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-bha{\n background:#f7fafc;\n color:#15221c;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-head{\n width:100%;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-head span{\n display:block;\n margin-bottom:6px;\n font-size:11px;\n line-height:1.2;\n font-weight:800;\n letter-spacing:1.15px;\n opacity:.72;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-head strong{\n display:block;\n font-size:20px;\n line-height:1.2;\n font-weight:900;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-image{\n position:relative;\n display:flex;\n flex:1;\n width:100%;\n min-height:300px;\n align-items:center;\n justify-content:center;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-image img{\n width:auto;\n height:auto;\n max-width:62%;\n max-height:290px;\n object-fit:contain;\n filter:drop-shadow(0 12px 14px rgba(0,0,0,.14));\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-width:46%;\n max-height:250px;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-placeholder{\n display:none;\n width:62%;\n max-width:245px;\n min-height:220px;\n padding:20px;\n align-items:center;\n justify-content:center;\n flex-direction:column;\n gap:8px;\n border:1px dashed currentColor;\n border-radius:12px;\n text-align:center;\n opacity:.62;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-placeholder strong{\n font-size:13px;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-placeholder span{\n font-size:11px;\n}\n\n\/* Four white cards *\/\n#abera-folliculitis-v2 .af-routine-v2-cards{\n position:absolute;\n left:7%;\n right:7%;\n bottom:24px;\n z-index:3;\n display:grid;\n gap:10px;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card{\n padding:14px 18px 15px;\n border:1px solid #d7dcda;\n border-radius:13px;\n background:#fff;\n box-shadow:0 4px 13px rgba(0,0,0,.045);\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-title{\n margin-bottom:10px;\n color:#303632;\n font-size:13px;\n line-height:1.15;\n font-weight:900;\n text-align:center;\n letter-spacing:.35px;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:20px;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div{\n display:flex;\n min-height:28px;\n align-items:center;\n justify-content:center;\n color:#2c332f;\n font-size:13.5px;\n line-height:1.28;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values strong{\n font-weight:800;\n}\n\n#abera-folliculitis-v2 .af-v2-check{\n display:inline-flex;\n flex:0 0 auto;\n width:18px;\n height:18px;\n margin-right:7px;\n align-items:center;\n justify-content:center;\n border-radius:50%;\n background:#2baa1d;\n color:#fff;\n font-size:10px;\n font-weight:900;\n}\n\n\/* CTA *\/\n#abera-folliculitis-v2 .af-routine-v2-cta{\n display:flex;\n width:min(100%,720px);\n min-height:56px;\n margin:25px auto 0;\n padding:15px 24px;\n align-items:center;\n justify-content:center;\n border-radius:6px;\n background:#cf392f;\n color:#fff!important;\n font-size:15px;\n line-height:1.25;\n font-weight:900;\n text-align:center;\n text-decoration:none!important;\n transition:transform .18s ease,filter .18s ease;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-cta:hover{\n filter:brightness(.94);\n transform:translateY(-1px);\n}\n\n\/* Tablet *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-routine-v2-products{\n min-height:400px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n padding-left:20px;\n padding-right:20px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n max-height:245px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-height:215px;\n }\n}\n\n\/* Mobile *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-routine-polar-v2{\n padding-top:36px!important;\n padding-bottom:44px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-lifestyle{\n max-height:none;\n border-radius:8px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-lifestyle img{\n max-height:none;\n aspect-ratio:1\/1;\n object-position:center;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-header{\n padding:28px 4px 22px;\n text-align:left;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-header h2{\n font-size:31px!important;\n line-height:1.035!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-compare{\n padding-bottom:352px;\n border-radius:18px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-products{\n min-height:350px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n padding:18px 8px 95px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head span{\n font-size:9.5px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head strong{\n font-size:13.5px;\n line-height:1.18;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n min-height:220px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n max-width:74%;\n max-height:205px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-width:56%;\n max-height:180px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-cards{\n left:4%;\n right:4%;\n bottom:14px;\n gap:8px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card{\n padding:11px 8px 12px;\n border-radius:10px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-title{\n margin-bottom:8px;\n font-size:11px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values{\n gap:7px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div{\n min-height:26px;\n font-size:10.8px;\n line-height:1.25;\n }\n\n #abera-folliculitis-v2 .af-v2-check{\n width:15px;\n height:15px;\n margin-right:4px;\n font-size:8px;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-cta{\n min-height:53px;\n margin-top:18px;\n padding:14px 14px;\n font-size:13px;\n }\n}\n\n\n\/* ============================================================\nROUTINE COMPARE — POLAR-LIKE FINAL LAYOUT\nTwo full-height background columns + floating white cards.\nMixed-case typography, clearer hierarchy, more breathing room.\n============================================================ *\/\n\n#abera-folliculitis-v2 .af-routine-v2-compare{\n position:relative!important;\n max-width:1040px!important;\n margin:0 auto!important;\n padding:0 36px 38px!important;\n overflow:hidden!important;\n border-radius:28px!important;\n background:\n linear-gradient(\n 90deg,\n #203b31 0%,\n #203b31 50%,\n #f1f3f2 50%,\n #f1f3f2 100%\n )!important;\n box-shadow:0 8px 28px rgba(14,40,29,.08)!important;\n}\n\n\/* product area no longer owns the background — the shell does *\/\n#abera-folliculitis-v2 .af-routine-v2-products{\n position:relative!important;\n z-index:1!important;\n display:grid!important;\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n min-height:360px!important;\n background:transparent!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product{\n padding:28px 28px 12px!important;\n background:transparent!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-gel{\n color:#fff!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-bha{\n color:#1f2723!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-head span{\n margin-bottom:6px!important;\n font-size:12px!important;\n line-height:1.2!important;\n font-weight:700!important;\n letter-spacing:.25px!important;\n text-transform:none!important;\n opacity:.72!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-head strong{\n max-width:280px!important;\n margin:0 auto!important;\n font-size:22px!important;\n line-height:1.18!important;\n font-weight:700!important;\n text-transform:none!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-image{\n min-height:250px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-image img{\n max-height:240px!important;\n max-width:60%!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-height:210px!important;\n max-width:45%!important;\n}\n\n\/* cards are now normal-flow floating layers on top of both columns *\/\n#abera-folliculitis-v2 .af-routine-v2-cards{\n position:relative!important;\n left:auto!important;\n right:auto!important;\n bottom:auto!important;\n z-index:4!important;\n display:grid!important;\n gap:10px!important;\n width:100%!important;\n margin-top:-76px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card{\n padding:17px 18px 18px!important;\n border:1px solid #d8dcda!important;\n border-radius:13px!important;\n background:#fff!important;\n box-shadow:0 5px 14px rgba(0,0,0,.055)!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-title{\n margin-bottom:12px!important;\n color:#2c302e!important;\n font-size:17px!important;\n line-height:1.2!important;\n font-weight:500!important;\n letter-spacing:0!important;\n text-align:center!important;\n text-transform:none!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values{\n display:grid!important;\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:22px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div{\n min-height:28px!important;\n display:flex!important;\n align-items:center!important;\n justify-content:center!important;\n color:#2c302e!important;\n font-size:14px!important;\n line-height:1.35!important;\n text-align:center!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values strong{\n font-weight:500!important;\n text-transform:none!important;\n}\n\n#abera-folliculitis-v2 .af-v2-check{\n width:18px!important;\n height:18px!important;\n margin-right:7px!important;\n background:#2eaa1f!important;\n font-size:10px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-cta{\n margin-top:24px!important;\n}\n\n\/* remove old artificial space because cards now sit in normal flow *\/\n@media screen and (min-width:750px){\n #abera-folliculitis-v2 .af-routine-v2-compare{\n padding-bottom:38px!important;\n }\n}\n\n\/* MOBILE — emulate Polar screenshot more closely *\/\n@media screen and (max-width:749px){\n\n #abera-folliculitis-v2 .af-routine-v2-compare{\n padding:0 14px 24px!important;\n border-radius:18px!important;\n background:\n linear-gradient(\n 90deg,\n #203b31 0%,\n #203b31 50%,\n #f1f3f2 50%,\n #f1f3f2 100%\n )!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-products{\n min-height:310px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n padding:18px 8px 5px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head span{\n font-size:10.5px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head strong{\n max-width:145px!important;\n font-size:14px!important;\n line-height:1.22!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n min-height:215px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n max-height:188px!important;\n max-width:73%!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-height:166px!important;\n max-width:55%!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:-54px!important;\n gap:8px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card{\n padding:14px 10px 15px!important;\n border-radius:11px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-title{\n margin-bottom:10px!important;\n font-size:15px!important;\n line-height:1.2!important;\n font-weight:500!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values{\n gap:8px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div{\n font-size:11.5px!important;\n line-height:1.28!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values strong{\n font-weight:500!important;\n }\n\n #abera-folliculitis-v2 .af-v2-check{\n width:16px!important;\n height:16px!important;\n margin-right:4px!important;\n font-size:9px!important;\n }\n}\n\n\n\/* ===== Routine compare refinement per latest feedback ===== *\/\n#abera-folliculitis-v2 .af-routine-v2-product-image{\n min-height:auto!important;\n aspect-ratio:1 \/ 1!important;\n width:100%!important;\n display:flex!important;\n align-items:center!important;\n justify-content:center!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-placeholder{\n width:72%!important;\n aspect-ratio:1 \/ 1!important;\n min-height:auto!important;\n display:flex!important;\n align-items:center!important;\n justify-content:center!important;\n padding:18px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-image img{\n max-width:72%!important;\n max-height:72%!important;\n width:auto!important;\n height:auto!important;\n object-fit:contain!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-width:58%!important;\n max-height:72%!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-title{\n text-transform:uppercase!important;\n letter-spacing:.6px!important;\n font-size:15px!important;\n font-weight:700!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values{\n gap:14px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div{\n min-height:32px!important;\n font-size:14px!important;\n line-height:1.35!important;\n}\n\n\/* left column pushes inward and reads cleaner *\/\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child{\n justify-content:flex-end!important;\n text-align:right!important;\n padding-right:14px!important;\n}\n\n\/* right column with clearer left edge *\/\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n justify-content:flex-start!important;\n text-align:left!important;\n padding-left:14px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values strong{\n font-weight:600!important;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n aspect-ratio:1 \/ 1!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-placeholder{\n width:76%!important;\n aspect-ratio:1 \/ 1!important;\n padding:12px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n max-width:76%!important;\n max-height:76%!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-width:60%!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-title{\n font-size:13px!important;\n letter-spacing:.45px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values{\n gap:10px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div{\n min-height:30px!important;\n font-size:12.5px!important;\n line-height:1.28!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child{\n padding-right:8px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n padding-left:8px!important;\n }\n}\n\n\n\/* ============================================================\nROUTINE CHECK ALIGNMENT — FINAL FIX\nAll check icons align on one vertical line and all text is left-aligned.\n============================================================ *\/\n\n#abera-folliculitis-v2 .af-routine-v2-card-values{\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:18px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div,\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child,\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n display:grid!important;\n grid-template-columns:18px minmax(0,1fr)!important;\n column-gap:7px!important;\n align-items:start!important;\n justify-content:stretch!important;\n min-height:30px!important;\n padding-left:10px!important;\n padding-right:10px!important;\n text-align:left!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values strong{\n display:block!important;\n width:100%!important;\n margin:0!important;\n text-align:left!important;\n line-height:1.32!important;\n}\n\n#abera-folliculitis-v2 .af-v2-check{\n display:flex!important;\n width:18px!important;\n height:18px!important;\n margin:0!important;\n align-items:center!important;\n justify-content:center!important;\n align-self:start!important;\n justify-self:start!important;\n flex:none!important;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-routine-v2-card-values{\n gap:8px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div,\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child,\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n grid-template-columns:16px minmax(0,1fr)!important;\n column-gap:6px!important;\n padding-left:6px!important;\n padding-right:4px!important;\n text-align:left!important;\n }\n\n #abera-folliculitis-v2 .af-v2-check{\n width:16px!important;\n height:16px!important;\n margin:0!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values strong{\n font-size:12px!important;\n line-height:1.28!important;\n text-align:left!important;\n }\n}\n\n\n\/* ============================================================\nROUTINE COMPARE — CLEAN POLAR TYPOGRAPHY\nShort values, regular weight, clear hierarchy, more breathing room.\n============================================================ *\/\n#abera-folliculitis-v2 .af-routine-v2-card{\n padding:18px 18px 19px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-title{\n margin-bottom:13px!important;\n font-size:14px!important;\n line-height:1.2!important;\n font-weight:600!important;\n letter-spacing:.35px!important;\n text-align:center!important;\n text-transform:uppercase!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values{\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:18px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div,\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child,\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n display:grid!important;\n grid-template-columns:16px minmax(0,1fr)!important;\n column-gap:7px!important;\n align-items:center!important;\n justify-content:stretch!important;\n min-height:30px!important;\n padding:0 8px!important;\n text-align:left!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values strong{\n display:block!important;\n width:100%!important;\n margin:0!important;\n color:#2e3430!important;\n font-size:13.5px!important;\n line-height:1.25!important;\n font-weight:400!important;\n text-align:left!important;\n text-transform:none!important;\n white-space:nowrap!important;\n}\n\n#abera-folliculitis-v2 .af-v2-check{\n width:16px!important;\n height:16px!important;\n margin:0!important;\n font-size:9px!important;\n align-self:center!important;\n justify-self:start!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-head span{\n font-size:11px!important;\n font-weight:500!important;\n letter-spacing:.15px!important;\n text-transform:none!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-product-head strong{\n font-size:18px!important;\n line-height:1.18!important;\n font-weight:600!important;\n text-transform:none!important;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-routine-v2-card{\n padding:15px 11px 16px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-title{\n margin-bottom:10px!important;\n font-size:12.5px!important;\n font-weight:600!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values{\n gap:8px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div,\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child,\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n grid-template-columns:15px minmax(0,1fr)!important;\n column-gap:5px!important;\n padding:0 4px!important;\n min-height:27px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values strong{\n font-size:11.5px!important;\n line-height:1.2!important;\n font-weight:400!important;\n white-space:nowrap!important;\n }\n\n #abera-folliculitis-v2 .af-v2-check{\n width:15px!important;\n height:15px!important;\n font-size:8px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head span{\n font-size:10px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head strong{\n font-size:13.5px!important;\n font-weight:600!important;\n }\n}\n\n\n\/* ============================================================\nROUTINE COMPARE — ASYMMETRIC ICON ALIGNMENT LIKE POLAR\nLeft side: ✓ + text, aligned left\nRight side: text + ✓, aligned right\n============================================================ *\/\n\n#abera-folliculitis-v2 .af-routine-v2-card-values{\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:18px!important;\n}\n\n\/* LEFT COLUMN *\/\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child{\n display:grid!important;\n grid-template-columns:16px minmax(0,1fr)!important;\n column-gap:7px!important;\n align-items:center!important;\n justify-content:stretch!important;\n padding:0 8px 0 2px!important;\n text-align:left!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child .af-v2-check{\n grid-column:1!important;\n grid-row:1!important;\n justify-self:start!important;\n margin:0!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child strong{\n grid-column:2!important;\n grid-row:1!important;\n justify-self:start!important;\n text-align:left!important;\n margin:0!important;\n}\n\n\/* RIGHT COLUMN *\/\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n display:grid!important;\n grid-template-columns:minmax(0,1fr) 16px!important;\n column-gap:7px!important;\n align-items:center!important;\n justify-content:stretch!important;\n padding:0 2px 0 8px!important;\n text-align:right!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child strong{\n grid-column:1!important;\n grid-row:1!important;\n justify-self:end!important;\n text-align:right!important;\n margin:0!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child .af-v2-check{\n grid-column:2!important;\n grid-row:1!important;\n justify-self:end!important;\n margin:0!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values \u003e div{\n min-height:28px!important;\n}\n\n#abera-folliculitis-v2 .af-routine-v2-card-values strong{\n display:block!important;\n width:100%!important;\n font-weight:400!important;\n line-height:1.3!important;\n}\n\n\/* Mobile *\/\n@media screen and (max-width:749px){\n\n #abera-folliculitis-v2 .af-routine-v2-card-values{\n gap:8px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child{\n grid-template-columns:15px minmax(0,1fr)!important;\n column-gap:5px!important;\n padding:0 4px 0 0!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n grid-template-columns:minmax(0,1fr) 15px!important;\n column-gap:5px!important;\n padding:0 0 0 4px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values strong{\n font-size:11.5px!important;\n line-height:1.28!important;\n }\n\n #abera-folliculitis-v2 .af-v2-check{\n width:15px!important;\n height:15px!important;\n font-size:8px!important;\n }\n}\n\n\n\/* ============================================================\nDESKTOP ROUTINE COMPARE — FULLER POLAR-LIKE COMPOSITION\nDesktop only. Mobile keeps the current layout.\n============================================================ *\/\n@media screen and (min-width:1051px){\n\n \/* Make the whole comparison feel materially larger *\/\n #abera-folliculitis-v2 .af-routine-polar-v2 .af-inner{\n max-width:1500px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-compare{\n max-width:1240px!important;\n padding:0 42px 46px!important;\n border-radius:30px!important;\n }\n\n \/* Larger product stage *\/\n #abera-folliculitis-v2 .af-routine-v2-products{\n min-height:500px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n padding:34px 36px 18px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head span{\n font-size:12.5px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head strong{\n max-width:340px!important;\n font-size:25px!important;\n line-height:1.15!important;\n }\n\n \/* 1:1 product area, substantially larger like Polar *\/\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n width:min(100%,390px)!important;\n aspect-ratio:1\/1!important;\n margin:18px auto 0!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-placeholder{\n width:86%!important;\n aspect-ratio:1\/1!important;\n max-width:340px!important;\n padding:26px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n max-width:84%!important;\n max-height:84%!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-width:66%!important;\n max-height:78%!important;\n }\n\n \/* Pull the comparison rows upward so they overlap the product stage *\/\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:-116px!important;\n gap:12px!important;\n }\n\n \/* Each row behaves like Polar:\n left white bar | floating title | right white bar *\/\n #abera-folliculitis-v2 .af-routine-v2-card{\n position:relative!important;\n min-height:68px!important;\n padding:0!important;\n border:0!important;\n border-radius:0!important;\n background:transparent!important;\n box-shadow:none!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-title{\n position:absolute!important;\n top:50%!important;\n left:50%!important;\n z-index:4!important;\n width:270px!important;\n min-height:68px!important;\n margin:0!important;\n padding:0 18px!important;\n display:flex!important;\n align-items:center!important;\n justify-content:center!important;\n transform:translate(-50%,-50%)!important;\n border:1px solid #d7dcda!important;\n border-radius:10px!important;\n background:#fff!important;\n color:#252b28!important;\n font-size:16px!important;\n line-height:1.2!important;\n font-weight:600!important;\n text-align:center!important;\n box-shadow:0 4px 12px rgba(0,0,0,.04)!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values{\n display:grid!important;\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:0!important;\n width:100%!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div,\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child,\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n min-height:56px!important;\n background:#fff!important;\n border:1px solid #d7dcda!important;\n box-shadow:0 3px 10px rgba(0,0,0,.035)!important;\n }\n\n \/* Left value bar *\/\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child{\n grid-template-columns:20px minmax(0,1fr)!important;\n column-gap:9px!important;\n margin-right:118px!important;\n padding:0 22px!important;\n border-radius:999px 10px 10px 999px!important;\n text-align:left!important;\n }\n\n \/* Right value bar *\/\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n grid-template-columns:minmax(0,1fr) 20px!important;\n column-gap:9px!important;\n margin-left:118px!important;\n padding:0 22px!important;\n border-radius:10px 999px 999px 10px!important;\n text-align:right!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values strong{\n font-size:14px!important;\n line-height:1.25!important;\n font-weight:400!important;\n }\n\n #abera-folliculitis-v2 .af-v2-check{\n width:20px!important;\n height:20px!important;\n font-size:11px!important;\n }\n\n \/* CTA wider and visually tied to the block *\/\n #abera-folliculitis-v2 .af-routine-v2-cta{\n width:min(100%,820px)!important;\n min-height:58px!important;\n margin-top:28px!important;\n font-size:15.5px!important;\n }\n}\n\n\n\/* ============================================================\nDESKTOP LIFESTYLE IMAGE — TOP-ANCHORED CROP\nKeep the full upper portion visible and push all cropping downward.\nMobile remains unchanged.\n============================================================ *\/\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-routine-v2-lifestyle{\n overflow:hidden!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-lifestyle img{\n object-fit:cover!important;\n object-position:center top!important;\n }\n}\n\n\n\/* Product cutout placeholders are disabled after real images were added *\/\n#abera-folliculitis-v2 .af-routine-v2-placeholder{\n display:none!important;\n}\n\n\n\/* ============================================================\nDESKTOP ROUTINE — DENSER \/ FULLER POLAR COMPOSITION\nReduce dead space, enlarge products, tighten the stage.\nMobile remains unchanged.\n============================================================ *\/\n@media screen and (min-width:1051px){\n\n #abera-folliculitis-v2 .af-routine-polar-v2 .af-inner{\n max-width:1540px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-compare{\n max-width:1340px!important;\n padding:0 34px 42px!important;\n }\n\n \/* Shorter stage = less unused vertical space *\/\n #abera-folliculitis-v2 .af-routine-v2-products{\n min-height:450px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n padding:26px 30px 10px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head span{\n font-size:12px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head strong{\n max-width:350px!important;\n font-size:24px!important;\n line-height:1.15!important;\n }\n\n \/* Larger product presence *\/\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n width:min(100%,430px)!important;\n aspect-ratio:1\/1!important;\n margin:8px auto 0!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n max-width:92%!important;\n max-height:92%!important;\n transform:scale(1.06)!important;\n transform-origin:center center!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-width:72%!important;\n max-height:84%!important;\n transform:scale(1.08)!important;\n }\n\n \/* Bring comparison bars up without covering the products *\/\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:-84px!important;\n gap:10px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card{\n min-height:64px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-title{\n width:286px!important;\n min-height:64px!important;\n font-size:15px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div,\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child,\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n min-height:54px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:first-child{\n margin-right:126px!important;\n padding:0 24px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values \u003e div:last-child{\n margin-left:126px!important;\n padding:0 24px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-values strong{\n font-size:14px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-cta{\n width:min(100%,880px)!important;\n margin-top:24px!important;\n }\n}\n\n\n\/* ============================================================\nROUTINE PRODUCT STAGE — FINAL RESPONSIVE FIX\nROOT CAUSES FIXED:\n1) MOBILE: square product image box was centering a tall bottle,\n creating dead space above it.\n2) DESKTOP: comparison bars were pulled upward with negative margin,\n covering the bottom of the bottles.\n\nThis block intentionally overrides all earlier routine-stage rules.\n============================================================ *\/\n\n\/* ---------- MOBILE ---------- *\/\n@media screen and (max-width:749px){\n\n #abera-folliculitis-v2 .af-routine-v2-products{\n min-height:0!important;\n align-items:start!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n min-height:0!important;\n padding:16px 8px 8px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head{\n margin-bottom:6px!important;\n }\n\n \/* Keep a true 1:1 square, but anchor the bottle to the TOP\n instead of vertically centering it. *\/\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n width:100%!important;\n min-height:0!important;\n aspect-ratio:1 \/ 1!important;\n margin:0!important;\n display:flex!important;\n align-items:flex-start!important;\n justify-content:center!important;\n overflow:visible!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n width:auto!important;\n height:auto!important;\n max-width:78%!important;\n max-height:88%!important;\n margin-top:0!important;\n object-fit:contain!important;\n transform:none!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-width:60%!important;\n max-height:82%!important;\n margin-top:0!important;\n transform:none!important;\n }\n\n \/* Cards should begin immediately after the square product area. *\/\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:-10px!important;\n }\n}\n\n\/* ---------- DESKTOP ---------- *\/\n@media screen and (min-width:1051px){\n\n #abera-folliculitis-v2 .af-routine-v2-compare{\n max-width:1240px!important;\n padding:0 42px 42px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-products{\n min-height:0!important;\n align-items:start!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n min-height:0!important;\n padding:28px 34px 18px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head{\n margin-bottom:10px!important;\n }\n\n \/* Real 1:1 product frame on desktop too. *\/\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n width:min(100%,390px)!important;\n min-height:0!important;\n aspect-ratio:1 \/ 1!important;\n margin:0 auto!important;\n display:flex!important;\n align-items:flex-start!important;\n justify-content:center!important;\n overflow:visible!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n width:auto!important;\n height:auto!important;\n max-width:86%!important;\n max-height:94%!important;\n margin-top:0!important;\n object-fit:contain!important;\n transform:none!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n max-width:67%!important;\n max-height:88%!important;\n margin-top:0!important;\n transform:none!important;\n }\n\n \/* CRITICAL:\n No negative overlap into the bottle area.\n Polar's comparison rows begin beneath the product imagery. *\/\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:6px!important;\n gap:12px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card{\n min-height:64px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-card-title{\n min-height:64px!important;\n }\n}\n\n\n\/* ============================================================\nROUTINE PRODUCT STAGE — BALANCED VERTICAL SPACING\nGoal:\n- Equal breathing room above and below each product image.\n- Works consistently on mobile and desktop.\n============================================================ *\/\n\n\/* ---------- MOBILE ---------- *\/\n@media screen and (max-width:749px){\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n padding-top:18px!important;\n padding-bottom:16px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head{\n margin-bottom:12px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n margin:0!important;\n padding-top:6px!important;\n padding-bottom:6px!important;\n }\n\n \/* keep equal space after the product area before first comparison card *\/\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:12px!important;\n }\n}\n\n\/* ---------- DESKTOP ---------- *\/\n@media screen and (min-width:1051px){\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n padding-top:30px!important;\n padding-bottom:22px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head{\n margin-bottom:16px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n margin:0 auto!important;\n padding-top:8px!important;\n padding-bottom:8px!important;\n }\n\n \/* comparison rows start with matching breathing room *\/\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:16px!important;\n }\n}\n\n\/* ---------- TABLET ---------- *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n\n #abera-folliculitis-v2 .af-routine-v2-product{\n padding-top:24px!important;\n padding-bottom:18px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head{\n margin-bottom:14px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n padding-top:7px!important;\n padding-bottom:7px!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:14px!important;\n }\n}\n\n\n\/* ============================================================\nROUTINE COMPARISON CARDS — PULL UP SLIGHTLY\nBring the white comparison block closer to the product stage\non both mobile and desktop.\n============================================================ *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:-10px!important;\n }\n}\n\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:-8px!important;\n }\n}\n\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-routine-v2-cards{\n margin-top:-12px!important;\n }\n}\n\n\n\/* ============================================================\nROUTINE PRODUCT VISUAL SIZE — EQUALIZED\nThe 1:1 frames were already equal; the product cutouts were not.\nEarlier CSS intentionally made the BHA Spray much smaller.\nThis override equalizes the VISUAL HEIGHT so both labels\/products\nare easier to read while keeping the Shower Gel only slightly larger.\n============================================================ *\/\n\n\/* MOBILE *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n aspect-ratio:1\/1!important;\n align-items:center!important;\n justify-content:center!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n width:auto!important;\n height:84%!important;\n max-width:84%!important;\n max-height:84%!important;\n object-fit:contain!important;\n transform:none!important;\n }\n\n \/* BHA is still slightly smaller, but no longer tiny *\/\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n width:auto!important;\n height:80%!important;\n max-width:78%!important;\n max-height:80%!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-head strong{\n font-size:14px!important;\n line-height:1.18!important;\n }\n}\n\n\/* TABLET *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n width:auto!important;\n height:86%!important;\n max-width:84%!important;\n max-height:86%!important;\n object-fit:contain!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n width:auto!important;\n height:82%!important;\n max-width:78%!important;\n max-height:82%!important;\n }\n}\n\n\/* DESKTOP *\/\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-routine-v2-product-image{\n aspect-ratio:1\/1!important;\n align-items:center!important;\n justify-content:center!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img{\n width:auto!important;\n height:88%!important;\n max-width:86%!important;\n max-height:88%!important;\n object-fit:contain!important;\n transform:none!important;\n }\n\n #abera-folliculitis-v2 .af-routine-v2-product-image img.af-routine-v2-bha-cutout{\n width:auto!important;\n height:84%!important;\n max-width:80%!important;\n max-height:84%!important;\n }\n}\n\n\n\/* ============================================================\nMOBILE DOCUMENTATION — 2 COLUMNS\nShorter section: show both certificates side by side.\nDesktop\/tablet remain unchanged.\n============================================================ *\/\n@media screen and (max-width:749px){\n\n #abera-folliculitis-v2 .af-docs{\n padding-top:42px!important;\n padding-bottom:44px!important;\n }\n\n #abera-folliculitis-v2 .af-doc-grid{\n display:grid!important;\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:10px!important;\n margin-top:20px!important;\n }\n\n #abera-folliculitis-v2 .af-doc-card{\n min-width:0!important;\n border-radius:8px!important;\n overflow:hidden!important;\n }\n\n #abera-folliculitis-v2 .af-doc-image{\n width:100%!important;\n height:auto!important;\n aspect-ratio:4\/5!important;\n overflow:hidden!important;\n }\n\n #abera-folliculitis-v2 .af-doc-image img{\n width:100%!important;\n height:100%!important;\n object-fit:cover!important;\n object-position:center top!important;\n }\n\n #abera-folliculitis-v2 .af-doc-label{\n min-height:46px!important;\n padding:10px 7px!important;\n display:flex!important;\n align-items:center!important;\n justify-content:center!important;\n font-size:10px!important;\n line-height:1.25!important;\n text-align:center!important;\n }\n}\n\n\n\/* ============================================================\nFINAL UX PASS — REQUESTED CHANGES\n1. HOW TO USE CTA removed\n2. Consistent product naming in custom content\n3. Customer videos: 5 visible + slide on desktop, swipe carousel mobile\n4. Documentation: 2-column mobile + tap\/click lightbox\n============================================================ *\/\n\n\/* ---------- CUSTOMER VIDEOS ---------- *\/\n#abera-folliculitis-v2 .af-videos .af-inner{\n position:relative;\n}\n\n#abera-folliculitis-v2 .af-video-carousel-shell{\n position:relative;\n margin-top:30px;\n}\n\n#abera-folliculitis-v2 .af-video-carousel-shell .af-videos-track{\n margin-top:0!important;\n}\n\n#abera-folliculitis-v2 .af-video-arrow{\n position:absolute;\n top:50%;\n z-index:6;\n width:42px;\n height:54px;\n display:flex;\n align-items:center;\n justify-content:center;\n transform:translateY(-50%);\n border:1px solid rgba(255,255,255,.3);\n border-radius:4px;\n background:rgba(7,24,16,.92);\n color:#fff;\n font-size:30px;\n line-height:1;\n cursor:pointer;\n transition:opacity .2s ease, background .2s ease;\n}\n\n#abera-folliculitis-v2 .af-video-arrow:hover{\n background:#17392a;\n}\n\n#abera-folliculitis-v2 .af-video-arrow:disabled{\n opacity:.24;\n cursor:default;\n}\n\n#abera-folliculitis-v2 .af-video-prev{\n left:-18px;\n}\n\n#abera-folliculitis-v2 .af-video-next{\n right:-18px;\n}\n\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-videos-track{\n display:flex!important;\n flex-wrap:nowrap!important;\n gap:14px!important;\n overflow-x:auto!important;\n scroll-snap-type:x mandatory!important;\n scrollbar-width:none!important;\n padding:0 0 6px!important;\n }\n\n #abera-folliculitis-v2 .af-videos-track::-webkit-scrollbar{\n display:none!important;\n }\n\n #abera-folliculitis-v2 .af-video-item{\n flex:0 0 calc((100% - 56px) \/ 5)!important;\n min-width:calc((100% - 56px) \/ 5)!important;\n scroll-snap-align:start!important;\n }\n\n \/* Arrows provide navigation on desktop; dots are unnecessary clutter. *\/\n #abera-folliculitis-v2 .af-video-dots{\n display:none!important;\n }\n}\n\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-video-arrow{\n display:none!important;\n }\n\n #abera-folliculitis-v2 .af-videos-track{\n display:flex!important;\n flex-wrap:nowrap!important;\n overflow-x:auto!important;\n scroll-snap-type:x mandatory!important;\n scrollbar-width:none!important;\n }\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-video-carousel-shell{\n margin-top:22px;\n }\n\n #abera-folliculitis-v2 .af-video-arrow{\n display:none!important;\n }\n\n #abera-folliculitis-v2 .af-videos-track{\n display:flex!important;\n flex-wrap:nowrap!important;\n overflow-x:auto!important;\n scroll-snap-type:x mandatory!important;\n scrollbar-width:none!important;\n }\n\n #abera-folliculitis-v2 .af-video-item{\n flex:0 0 82%!important;\n min-width:82%!important;\n scroll-snap-align:start!important;\n }\n}\n\n\/* ---------- DOCUMENTATION LIGHTBOX ---------- *\/\n#abera-folliculitis-v2 .af-doc-image{\n cursor:zoom-in;\n}\n\n#abera-folliculitis-v2 .af-doc-image:focus-visible{\n outline:2px solid #17392a;\n outline-offset:3px;\n}\n\n#abera-folliculitis-v2 .af-doc-lightbox{\n position:fixed;\n inset:0;\n z-index:999999;\n display:none;\n align-items:center;\n justify-content:center;\n padding:24px;\n background:rgba(0,0,0,.82);\n backdrop-filter:blur(4px);\n}\n\n#abera-folliculitis-v2 .af-doc-lightbox.is-open{\n display:flex;\n}\n\n#abera-folliculitis-v2 .af-doc-lightbox-image{\n display:block;\n width:auto;\n height:auto;\n max-width:min(94vw,1000px);\n max-height:90vh;\n object-fit:contain;\n background:#fff;\n box-shadow:0 20px 60px rgba(0,0,0,.35);\n}\n\n#abera-folliculitis-v2 .af-doc-lightbox-close{\n position:fixed;\n top:18px;\n right:18px;\n width:44px;\n height:44px;\n display:flex;\n align-items:center;\n justify-content:center;\n border:1px solid rgba(255,255,255,.5);\n border-radius:50%;\n background:#fff;\n color:#111;\n font-size:28px;\n line-height:1;\n cursor:pointer;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-doc-lightbox{\n padding:14px;\n }\n\n #abera-folliculitis-v2 .af-doc-lightbox-image{\n max-width:96vw;\n max-height:88vh;\n }\n\n \/* Keep the compact two-column documentation layout. *\/\n #abera-folliculitis-v2 .af-doc-grid{\n display:grid!important;\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:10px!important;\n }\n}\n\n\n\/* === Customer review gender tabs === *\/\n#abera-folliculitis-v2 .af-static-tabs{\n display:flex;\n justify-content:center;\n gap:14px;\n margin-top:18px;\n flex-wrap:wrap;\n}\n#abera-folliculitis-v2 .af-static-tab{\n appearance:none;\n border:1px solid #cfd3d0;\n background:#fff;\n color:#243049;\n border-radius:8px;\n padding:12px 18px;\n min-width:198px;\n font-size:14px;\n line-height:1;\n font-weight:800;\n letter-spacing:.02em;\n cursor:pointer;\n transition:.2s ease;\n}\n#abera-folliculitis-v2 .af-static-tab.active{\n background:#113b2d;\n color:#fff;\n border-color:#113b2d;\n}\n#abera-folliculitis-v2 .af-static-review-panes{\n margin-top:18px;\n}\n#abera-folliculitis-v2 .af-static-review-pane{display:none;}\n#abera-folliculitis-v2 .af-static-review-pane.active{display:block;}\n#abera-folliculitis-v2 .af-static-reviews .af-static-review-track{\n gap:14px;\n}\n#abera-folliculitis-v2 .af-static-review-card.is-placeholder .af-static-before,\n#abera-folliculitis-v2 .af-static-review-card.is-placeholder .af-static-after{\n display:none;\n}\n#abera-folliculitis-v2 .af-static-review-card.is-placeholder .af-static-stars{\n color:#d6b247;\n}\n#abera-folliculitis-v2 .af-static-review-card.is-placeholder .af-static-review-copy,\n#abera-folliculitis-v2 .af-static-review-card.is-placeholder .af-static-review-name{\n color:#6a756f;\n}\n@media (max-width: 767px){\n #abera-folliculitis-v2 .af-static-tabs{\n gap:10px;\n margin-top:14px;\n }\n #abera-folliculitis-v2 .af-static-tab{\n min-width:calc(50% - 5px);\n padding:12px 10px;\n font-size:13px;\n }\n #abera-folliculitis-v2 .af-static-review-panes{\n margin-top:14px;\n }\n}\n\n\n\/* ============================================================\nCUSTOMER VIDEOS — POLAR-STYLE CAROUSEL BARS\nShow the indicator bars below the video carousel on desktop + mobile.\n============================================================ *\/\n\n#abera-folliculitis-v2 .af-video-dots{\n display:flex!important;\n align-items:center!important;\n justify-content:center!important;\n flex-wrap:nowrap!important;\n gap:6px!important;\n margin-top:18px!important;\n padding-bottom:2px!important;\n}\n\n#abera-folliculitis-v2 .af-video-dots .af-dot{\n width:28px!important;\n min-width:28px!important;\n height:7px!important;\n margin:0!important;\n padding:0!important;\n border:0!important;\n border-radius:999px!important;\n background:rgba(255,255,255,.28)!important;\n opacity:1!important;\n cursor:pointer!important;\n transition:width .22s ease, background .22s ease!important;\n}\n\n#abera-folliculitis-v2 .af-video-dots .af-dot.active{\n width:44px!important;\n min-width:44px!important;\n background:#c9f53d!important;\n}\n\n\/* Override the previous desktop rule that hid video dots *\/\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-video-dots{\n display:flex!important;\n margin-top:20px!important;\n }\n}\n\n\/* Slightly tighter on mobile so all indicators fit cleanly *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-video-dots{\n gap:5px!important;\n margin-top:15px!important;\n overflow:hidden!important;\n }\n\n #abera-folliculitis-v2 .af-video-dots .af-dot{\n width:23px!important;\n min-width:23px!important;\n height:6px!important;\n }\n\n #abera-folliculitis-v2 .af-video-dots .af-dot.active{\n width:38px!important;\n min-width:38px!important;\n }\n}\n\n\n\/* ============================================================\n01 — BRAND A+ STORY — AMAZON-LIKE BEHAVIOR\nDesktop background: 2928 × 1250\nMobile background: 926 × 1250\nBrand card: 725 × 907\n\nDESKTOP:\n- Initial state leaves the left side of the background visible.\n- First card starts around 31% from the left.\n- When the user clicks\/swipes, the cards can move into the left area.\n\nMOBILE:\n- Initial state leaves ~10% of the banner visible on the left.\n- One large card + next-card peek.\n- Swipe removes the left banner slice and moves cards left.\n- Amazon-style orange dots below the image.\n============================================================ *\/\n\n#abera-folliculitis-v2 .af-brand-a-plus{\n width:100%;\n margin:0;\n padding:24px 0 34px;\n overflow:hidden;\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-brand-label{\n width:100%;\n margin:0;\n padding:0 22px 12px;\n color:#111;\n font-size:18px;\n line-height:1.2;\n font-weight:800;\n text-transform:none;\n}\n\n#abera-folliculitis-v2 .af-brand-stage{\n position:relative;\n width:100%;\n aspect-ratio:2928 \/ 1250;\n overflow:hidden;\n isolation:isolate;\n background:\n linear-gradient(120deg,#edf4df 0%,#dce9c4 48%,#cadf9f 100%);\n background-position:center top;\n background-repeat:no-repeat;\n background-size:cover;\n}\n\n\/* Placeholder shown until a real BG URL is pasted *\/\n#abera-folliculitis-v2 .af-brand-stage:not(.has-image) .af-brand-bg-placeholder{\n display:flex;\n}\n\n#abera-folliculitis-v2 .af-brand-stage.has-image .af-brand-bg-placeholder{\n display:none;\n}\n\n#abera-folliculitis-v2 .af-brand-bg-placeholder{\n position:absolute;\n z-index:0;\n inset:0;\n display:none;\n align-items:flex-start;\n justify-content:flex-start;\n flex-direction:column;\n gap:4px;\n padding:28px;\n color:#31503a;\n pointer-events:none;\n}\n\n#abera-folliculitis-v2 .af-brand-bg-placeholder strong{\n font-size:16px;\n line-height:1.2;\n font-weight:900;\n}\n\n#abera-folliculitis-v2 .af-brand-bg-placeholder span{\n font-size:12px;\n line-height:1.4;\n}\n\n\/* ---------------------------------------------------------\nDESKTOP CAROUSEL\nThe important Amazon behavior:\n31% left padding belongs to the scroll content.\nAt scrollLeft = 0, the background is visible on the left.\nOnce the user scrolls, that padding scrolls away with the cards.\n--------------------------------------------------------- *\/\n#abera-folliculitis-v2 .af-brand-carousel-shell{\n position:absolute;\n z-index:3;\n left:0;\n right:0;\n bottom:3.4%;\n width:100%;\n}\n\n#abera-folliculitis-v2 .af-brand-track{\n display:flex;\n flex-wrap:nowrap;\n align-items:stretch;\n gap:1.9%;\n width:100%;\n margin:0;\n padding:0;\n overflow-x:auto;\n overflow-y:hidden;\n scroll-behavior:smooth;\n scroll-snap-type:x mandatory;\n scroll-padding-left:4%;\n scrollbar-width:none;\n -webkit-overflow-scrolling:touch;\n overscroll-behavior-x:contain;\n}\n\n#abera-folliculitis-v2 .af-brand-track::-webkit-scrollbar{\n display:none;\n}\n\n#abera-folliculitis-v2 .af-brand-track{\n cursor:grab;\n user-select:none;\n -webkit-user-select:none;\n touch-action:pan-y;\n}\n\n#abera-folliculitis-v2 .af-brand-track.is-dragging{\n cursor:grabbing;\n scroll-behavior:auto;\n scroll-snap-type:none;\n}\n\n#abera-folliculitis-v2 .af-brand-track.is-dragging *{\n pointer-events:none;\n}\n\n\n\/* Real scrollable spacers keep the desktop banner visible initially\n WITHOUT shrinking the card widths. *\/\n#abera-folliculitis-v2 .af-brand-leading-spacer{\n flex:0 0 31.2%;\n min-width:31.2%;\n height:1px;\n scroll-snap-align:start;\n pointer-events:none;\n}\n\n#abera-folliculitis-v2 .af-brand-ending-spacer{\n flex:0 0 5.6%;\n min-width:5.6%;\n height:1px;\n pointer-events:none;\n}\n\n#abera-folliculitis-v2 .af-brand-card{\n position:relative;\n flex:0 0 24.7%;\n min-width:24.7%;\n aspect-ratio:725 \/ 907;\n overflow:hidden;\n border:1px solid rgba(35,62,42,.10);\n background:linear-gradient(145deg,#f4f7ed,#dce8cc);\n background-position:center;\n background-repeat:no-repeat;\n background-size:cover;\n box-shadow:0 5px 18px rgba(27,52,35,.08);\n scroll-snap-align:start;\n}\n\n#abera-folliculitis-v2 .af-brand-card.has-image .af-brand-card-placeholder{\n display:none;\n}\n\n#abera-folliculitis-v2 .af-brand-card-placeholder{\n position:absolute;\n inset:0;\n display:flex;\n align-items:center;\n justify-content:center;\n flex-direction:column;\n gap:6px;\n padding:18px;\n color:#36523d;\n text-align:center;\n}\n\n#abera-folliculitis-v2 .af-brand-card-placeholder strong{\n font-size:15px;\n line-height:1.2;\n font-weight:900;\n}\n\n#abera-folliculitis-v2 .af-brand-card-placeholder span{\n max-width:190px;\n font-size:11px;\n line-height:1.4;\n}\n\n#abera-folliculitis-v2 .af-brand-card-placeholder small{\n color:#6c7e70;\n font-size:10px;\n}\n\n#abera-folliculitis-v2 .af-brand-arrow{\n position:absolute;\n z-index:8;\n top:50%;\n width:42px;\n height:62px;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:0;\n border:0;\n border-radius:7px;\n background:rgba(255,255,255,.95);\n color:#53645a;\n cursor:pointer;\n box-shadow:0 3px 13px rgba(0,0,0,.08);\n font-size:31px;\n line-height:1;\n transform:translateY(-50%);\n}\n\n#abera-folliculitis-v2 .af-brand-arrow:disabled{\n opacity:.34;\n cursor:default;\n}\n\n#abera-folliculitis-v2 .af-brand-prev{\n left:0;\n}\n\n#abera-folliculitis-v2 .af-brand-next{\n right:0;\n}\n\n\/* Desktop doesn't need dots *\/\n#abera-folliculitis-v2 .af-brand-dots{\n display:none;\n}\n\n\/* ---------------------------------------------------------\nTABLET\n--------------------------------------------------------- *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-brand-a-plus{\n padding-top:20px;\n }\n\n #abera-folliculitis-v2 .af-brand-label{\n padding-left:18px;\n padding-right:18px;\n font-size:17px;\n }\n\n #abera-folliculitis-v2 .af-brand-track{\n gap:12px;\n padding:0;\n }\n\n #abera-folliculitis-v2 .af-brand-leading-spacer{\n flex-basis:26%;\n min-width:26%;\n }\n\n #abera-folliculitis-v2 .af-brand-ending-spacer{\n flex-basis:5%;\n min-width:5%;\n }\n\n #abera-folliculitis-v2 .af-brand-card{\n flex-basis:31%;\n min-width:31%;\n }\n}\n\n\/* ---------------------------------------------------------\nMOBILE — Amazon-like layout\nBackground: 926 × 1250\nCard: ~78% wide so the next card peeks in.\nOrange dot = active.\nWhite dot + dark border = inactive.\n--------------------------------------------------------- *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-brand-a-plus{\n padding:16px 0 26px;\n }\n\n #abera-folliculitis-v2 .af-brand-label{\n padding:0 14px 10px;\n font-size:16px;\n }\n\n #abera-folliculitis-v2 .af-brand-stage{\n aspect-ratio:926 \/ 1250;\n background-position:center top;\n }\n\n #abera-folliculitis-v2 .af-brand-bg-placeholder{\n padding:18px 14px;\n }\n\n #abera-folliculitis-v2 .af-brand-carousel-shell{\n bottom:5.4%;\n }\n\n #abera-folliculitis-v2 .af-brand-track{\n gap:4%;\n padding:0;\n scroll-padding-left:0;\n cursor:auto;\n touch-action:pan-x pan-y;\n }\n\n \/* Amazon-like mobile initial state:\n leave a slim slice of the banner visible on the left.\n The spacer scrolls away as soon as the user swipes to Card 01. *\/\n #abera-folliculitis-v2 .af-brand-leading-spacer{\n display:block;\n flex:0 0 10%;\n min-width:10%;\n height:1px;\n scroll-snap-align:none;\n pointer-events:none;\n }\n\n #abera-folliculitis-v2 .af-brand-ending-spacer{\n flex:0 0 10%;\n min-width:10%;\n }\n\n #abera-folliculitis-v2 .af-brand-card{\n flex:0 0 77%;\n min-width:77%;\n box-shadow:none;\n }\n\n \/* Amazon mobile: swipe + dots, no side arrows *\/\n #abera-folliculitis-v2 .af-brand-arrow{\n display:none!important;\n }\n\n #abera-folliculitis-v2 .af-brand-dots{\n display:flex;\n align-items:center;\n justify-content:center;\n flex-wrap:nowrap;\n gap:9px;\n width:100%;\n margin:14px 0 0;\n padding:0 12px;\n }\n\n #abera-folliculitis-v2 .af-brand-dot{\n width:13px;\n height:13px;\n min-width:13px;\n padding:0;\n border:2px solid #202020;\n border-radius:50%;\n background:#fff;\n cursor:pointer;\n box-sizing:border-box;\n }\n\n #abera-folliculitis-v2 .af-brand-dot.active{\n border-color:#d96e17;\n background:#e9791d;\n }\n}\n\n\/* Smaller phones: keep all 9 dots visible *\/\n@media screen and (max-width:390px){\n #abera-folliculitis-v2 .af-brand-dots{\n gap:7px;\n }\n\n #abera-folliculitis-v2 .af-brand-dot{\n width:12px;\n height:12px;\n min-width:12px;\n }\n}\n\n\n\/* ============================================================\nAMAZON PREMIUM A+ IMAGE STACK — SECTIONS 02–08\nAmazon Premium Full Image:\nDesktop 1464 × 600 px minimum\nMobile 600 × 450 px minimum\n============================================================ *\/\n#abera-folliculitis-v2 .af-amazon-a-plus-stack{\n width:100%;\n margin:0;\n padding:0;\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-amazon-a-plus-item{\n position:relative;\n width:100%;\n max-width:1464px;\n margin:0 auto;\n padding:0;\n overflow:hidden;\n line-height:0;\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-amazon-a-plus-picture{\n display:none;\n width:100%;\n margin:0;\n padding:0;\n}\n\n#abera-folliculitis-v2 .af-amazon-a-plus-item.has-image .af-amazon-a-plus-picture{\n display:block;\n}\n\n#abera-folliculitis-v2 .af-amazon-a-plus-picture img{\n width:100%;\n height:auto;\n display:block;\n margin:0;\n padding:0;\n border:0;\n}\n\n#abera-folliculitis-v2 .af-amazon-a-plus-item.has-image .af-amazon-a-plus-placeholder{\n display:none;\n}\n\n#abera-folliculitis-v2 .af-amazon-a-plus-placeholder{\n width:100%;\n aspect-ratio:1464 \/ 600;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:7px;\n padding:24px;\n border:1px dashed #94a18f;\n background:linear-gradient(135deg,#f4f7ee,#e4edcf);\n color:#244631;\n text-align:center;\n line-height:1.35;\n}\n\n#abera-folliculitis-v2 .af-amazon-a-plus-placeholder strong{\n font-size:18px;\n line-height:1.2;\n font-weight:900;\n}\n\n#abera-folliculitis-v2 .af-amazon-a-plus-placeholder span{\n font-size:13px;\n line-height:1.35;\n}\n\n\/* Desktop \/ laptop: mimic Amazon A+ content rail *\/\n@media screen and (min-width:750px){\n #abera-folliculitis-v2 .af-amazon-a-plus-stack{\n padding:0;\n }\n\n #abera-folliculitis-v2 .af-amazon-a-plus-item{\n max-width:1464px;\n }\n}\n\n\/* Mobile: dedicated Amazon mobile creative ratio *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-amazon-a-plus-item{\n width:100%;\n max-width:600px;\n }\n\n #abera-folliculitis-v2 .af-amazon-a-plus-placeholder{\n aspect-ratio:600 \/ 450;\n padding:18px 14px;\n }\n\n #abera-folliculitis-v2 .af-amazon-a-plus-placeholder strong{\n font-size:15px;\n }\n\n #abera-folliculitis-v2 .af-amazon-a-plus-placeholder span{\n font-size:11px;\n }\n}\n\n\n\/* HOW TO USE — BHA SUPPORTING TIP ONLY *\/\n#abera-folliculitis-v2 .af-howto-note strong{\n color:#d8ff57!important;\n}\n\n\n\/* ============================================================\nHOW TO USE — FINAL COMPACT VERSION\nDesktop: square lifestyle image.\nMobile: shorter, cleaner stack.\nTesting icon strip removed from HTML.\n============================================================ *\/\n\n\/* DESKTOP *\/\n@media screen and (min-width:1051px){\n #abera-folliculitis-v2 .af-howto{\n padding-top:40px!important;\n padding-bottom:40px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap{\n grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;\n gap:46px!important;\n align-items:center!important;\n }\n\n #abera-folliculitis-v2 .af-howto-media{\n width:100%!important;\n height:auto!important;\n min-height:0!important;\n aspect-ratio:1 \/ 1!important;\n overflow:hidden!important;\n }\n\n #abera-folliculitis-v2 .af-howto-media img{\n width:100%!important;\n height:100%!important;\n object-fit:cover!important;\n object-position:center center!important;\n }\n}\n\n\/* MOBILE *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-howto{\n padding-top:28px!important;\n padding-bottom:30px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap{\n gap:18px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-media{\n width:100%!important;\n aspect-ratio:4 \/ 3!important;\n border-radius:6px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-media img{\n width:100%!important;\n height:100%!important;\n object-fit:cover!important;\n object-position:center 36%!important;\n }\n\n #abera-folliculitis-v2 .af-howto .af-eyebrow{\n margin-bottom:6px!important;\n }\n\n #abera-folliculitis-v2 .af-howto h2{\n font-size:27px!important;\n margin-bottom:4px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-steps{\n margin-top:10px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step{\n grid-template-columns:30px 1fr!important;\n gap:8px!important;\n padding:11px 0!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step\u003espan{\n font-size:11px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step strong{\n font-size:13.5px!important;\n line-height:1.3!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step p{\n margin-top:2px!important;\n font-size:13px!important;\n line-height:1.45!important;\n }\n\n #abera-folliculitis-v2 .af-howto-feel{\n margin-top:10px!important;\n padding:9px 10px!important;\n font-size:12.5px!important;\n line-height:1.45!important;\n }\n\n #abera-folliculitis-v2 .af-howto-note{\n margin-top:9px!important;\n padding-top:10px!important;\n font-size:12.5px!important;\n line-height:1.45!important;\n }\n}\n\n\n\/* ============================================================\nRESULTS — IMAGE-FOCUSED VERSION\nA+ already explains benefits\/results, so this section only adds\nvisual proof: image + area tag + short title.\n============================================================ *\/\n#abera-folliculitis-v2 .af-results{\n padding-top:46px!important;\n padding-bottom:42px!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-section-head{\n margin-bottom:24px!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-section-head p{\n display:none!important;\n}\n\n#abera-folliculitis-v2 .af-result-copy{\n padding:14px 16px 16px!important;\n}\n\n#abera-folliculitis-v2 .af-result-copy p{\n display:none!important;\n}\n\n#abera-folliculitis-v2 .af-result-copy h3{\n margin:8px 0 0!important;\n font-size:16px!important;\n line-height:1.25!important;\n}\n\n#abera-folliculitis-v2 .af-result-tag{\n margin:0!important;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-results{\n padding-top:30px!important;\n padding-bottom:28px!important;\n }\n\n #abera-folliculitis-v2 .af-results .af-section-head{\n margin-bottom:16px!important;\n }\n\n #abera-folliculitis-v2 .af-results h2{\n font-size:28px!important;\n line-height:1.1!important;\n }\n\n #abera-folliculitis-v2 .af-result-copy{\n padding:10px 12px 12px!important;\n }\n\n #abera-folliculitis-v2 .af-result-copy h3{\n font-size:14px!important;\n line-height:1.22!important;\n }\n\n #abera-folliculitis-v2 .af-result-tag{\n font-size:9px!important;\n }\n}\n\n\n\/* ============================================================\nFINAL VISUAL SYSTEM — MATCH AMAZON A+ \/ BRAND STORY\nApplied ONLY to the old HTML sections after the A+ image stack.\nA+ \/ Brand image assets are untouched.\n============================================================ *\/\n\n#abera-folliculitis-v2{\n --aap-ink:#1e2c16;\n --aap-deep:#36551d;\n --aap-green:#5f7f24;\n --aap-lime:#9fc24c;\n --aap-pale:#eef3dc;\n --aap-pale-2:#f6f7ef;\n --aap-cream:#fbfaf4;\n --aap-line:#d8dfc5;\n --aap-card:#ffffff;\n --aap-orange:#e7781b;\n --aap-muted:#66705f;\n}\n\n\/* ---------- Shared old-section rhythm ---------- *\/\n#abera-folliculitis-v2 .af-results,\n#abera-folliculitis-v2 .af-static-reviews,\n#abera-folliculitis-v2 .af-howto,\n#abera-folliculitis-v2 .af-videos,\n#abera-folliculitis-v2 .af-docs,\n#abera-folliculitis-v2 .af-final,\n#abera-folliculitis-v2 .af-faq{\n color:var(--aap-ink)!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-inner,\n#abera-folliculitis-v2 .af-static-reviews .af-inner,\n#abera-folliculitis-v2 .af-howto .af-inner,\n#abera-folliculitis-v2 .af-videos .af-inner{\n width:calc(100% - 56px)!important;\n max-width:1464px!important;\n margin-left:auto!important;\n margin-right:auto!important;\n}\n\n#abera-folliculitis-v2 .af-eyebrow{\n color:var(--aap-deep)!important;\n letter-spacing:1.5px!important;\n}\n\n#abera-folliculitis-v2 .af-results h2,\n#abera-folliculitis-v2 .af-static-reviews h2,\n#abera-folliculitis-v2 .af-howto h2,\n#abera-folliculitis-v2 .af-videos h2,\n#abera-folliculitis-v2 .af-docs h2,\n#abera-folliculitis-v2 .af-final h2,\n#abera-folliculitis-v2 .af-faq h2{\n color:var(--aap-ink)!important;\n}\n\n\/* ============================================================\nRESULTS — Amazon-style visual carousel\n============================================================ *\/\n#abera-folliculitis-v2 .af-results{\n background:var(--aap-pale-2)!important;\n padding:54px 0 52px!important;\n}\n\n#abera-folliculitis-v2 .af-results .af-section-header{\n margin-bottom:26px!important;\n}\n\n#abera-folliculitis-v2 .af-results h2{\n font-size:clamp(34px,3vw,48px)!important;\n letter-spacing:-1.4px!important;\n}\n\n#abera-folliculitis-v2 .af-results-carousel-shell{\n position:relative;\n width:100%;\n}\n\n#abera-folliculitis-v2 .af-results-track{\n display:flex!important;\n flex-wrap:nowrap!important;\n gap:16px!important;\n overflow-x:auto!important;\n overflow-y:hidden!important;\n scroll-snap-type:x mandatory!important;\n scroll-behavior:smooth!important;\n scrollbar-width:none!important;\n padding:0 4.6%!important;\n margin:0!important;\n}\n\n#abera-folliculitis-v2 .af-results-track::-webkit-scrollbar{\n display:none!important;\n}\n\n#abera-folliculitis-v2 .af-result-card{\n flex:0 0 calc((100% - 32px)\/3.15)!important;\n min-width:calc((100% - 32px)\/3.15)!important;\n scroll-snap-align:start!important;\n background:var(--aap-card)!important;\n border:1px solid var(--aap-line)!important;\n border-radius:2px!important;\n overflow:hidden!important;\n box-shadow:0 5px 16px rgba(54,85,29,.06)!important;\n}\n\n#abera-folliculitis-v2 .af-result-image{\n aspect-ratio:1 \/ 1!important;\n height:auto!important;\n}\n\n#abera-folliculitis-v2 .af-result-image img{\n width:100%!important;\n height:100%!important;\n object-fit:cover!important;\n}\n\n#abera-folliculitis-v2 .af-result-content{\n padding:11px 13px 14px!important;\n}\n\n#abera-folliculitis-v2 .af-result-tag{\n display:inline-flex!important;\n padding:3px 7px!important;\n border-radius:2px!important;\n background:var(--aap-deep)!important;\n color:#fff!important;\n font-size:9px!important;\n line-height:1.1!important;\n font-weight:800!important;\n}\n\n#abera-folliculitis-v2 .af-result-content h3{\n margin:7px 0 0!important;\n font-size:14px!important;\n line-height:1.2!important;\n color:var(--aap-ink)!important;\n}\n\n#abera-folliculitis-v2 .af-results-dots{\n margin-top:16px!important;\n}\n\n#abera-folliculitis-v2 .af-results-dot{\n width:12px!important;\n height:12px!important;\n border:2px solid #252525!important;\n border-radius:50%!important;\n background:#fff!important;\n}\n\n#abera-folliculitis-v2 .af-results-dot.active{\n border-color:var(--aap-orange)!important;\n background:var(--aap-orange)!important;\n}\n\n\/* ============================================================\nREVIEWS — 4-up desktop carousel, Amazon-card proportions\n============================================================ *\/\n#abera-folliculitis-v2 .af-static-reviews{\n background:#fff!important;\n padding:58px 0 64px!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-header{\n margin-bottom:30px!important;\n}\n\n#abera-folliculitis-v2 .af-static-header-stars,\n#abera-folliculitis-v2 .af-static-stars{\n color:#e99a00!important;\n}\n\n#abera-folliculitis-v2 .af-static-reviews h2{\n font-size:clamp(34px,3.2vw,50px)!important;\n letter-spacing:-1.7px!important;\n}\n\n#abera-folliculitis-v2 .af-static-tabs{\n gap:10px!important;\n margin-top:16px!important;\n}\n\n#abera-folliculitis-v2 .af-static-tab{\n min-width:190px!important;\n padding:13px 22px!important;\n border:1px solid #cfd7bd!important;\n border-radius:4px!important;\n background:#fff!important;\n color:var(--aap-ink)!important;\n font-size:14px!important;\n font-weight:800!important;\n}\n\n#abera-folliculitis-v2 .af-static-tab.active{\n background:var(--aap-deep)!important;\n border-color:var(--aap-deep)!important;\n color:#fff!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-pane{\n position:relative!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-carousel-shell{\n position:relative;\n width:100%;\n}\n\n#abera-folliculitis-v2 .af-static-review-viewport{\n overflow:hidden!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-track{\n display:flex!important;\n flex-wrap:nowrap!important;\n gap:16px!important;\n overflow-x:auto!important;\n overflow-y:hidden!important;\n scroll-snap-type:x mandatory!important;\n scroll-behavior:smooth!important;\n scrollbar-width:none!important;\n padding:0 2.2%!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-track::-webkit-scrollbar{\n display:none!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-card{\n flex:0 0 calc((100% - 48px)\/4.15)!important;\n min-width:calc((100% - 48px)\/4.15)!important;\n scroll-snap-align:start!important;\n display:flex!important;\n flex-direction:column!important;\n background:var(--aap-card)!important;\n border:1px solid var(--aap-line)!important;\n border-radius:3px!important;\n box-shadow:0 5px 18px rgba(54,85,29,.055)!important;\n overflow:hidden!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-image{\n aspect-ratio:1 \/ .98!important;\n height:auto!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-content{\n flex:1!important;\n display:flex!important;\n flex-direction:column!important;\n padding:14px 15px 15px!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-copy{\n color:#4d5748!important;\n font-size:14px!important;\n line-height:1.52!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-meta{\n margin-top:auto!important;\n padding-top:14px!important;\n}\n\n#abera-folliculitis-v2 .af-static-verified{\n border-color:#d8dfc9!important;\n background:#fafbf6!important;\n}\n\n#abera-folliculitis-v2 .af-static-review-dots{\n display:none;\n justify-content:center;\n align-items:center;\n gap:9px;\n margin-top:16px;\n}\n\n#abera-folliculitis-v2 .af-static-review-dot{\n width:12px;\n height:12px;\n padding:0;\n border:2px solid #252525;\n border-radius:50%;\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-static-review-dot.active{\n border-color:var(--aap-orange);\n background:var(--aap-orange);\n}\n\n\/* ============================================================\nHOW TO USE — same A+ palette, no dark isolated block\n============================================================ *\/\n#abera-folliculitis-v2 .af-howto{\n background:var(--aap-pale)!important;\n color:var(--aap-ink)!important;\n padding:58px 0!important;\n}\n\n#abera-folliculitis-v2 .af-howto-wrap{\n grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;\n gap:30px!important;\n align-items:stretch!important;\n}\n\n#abera-folliculitis-v2 .af-howto-media{\n aspect-ratio:1 \/ 1!important;\n border-radius:3px!important;\n overflow:hidden!important;\n background:#fff!important;\n}\n\n#abera-folliculitis-v2 .af-howto-media img{\n width:100%!important;\n height:100%!important;\n object-fit:cover!important;\n object-position:center center!important;\n}\n\n#abera-folliculitis-v2 .af-howto-content{\n display:flex!important;\n flex-direction:column!important;\n justify-content:center!important;\n padding:34px 38px!important;\n background:rgba(255,255,255,.72)!important;\n border:1px solid #d6dfbd!important;\n border-radius:3px!important;\n}\n\n#abera-folliculitis-v2 .af-howto h2{\n color:var(--aap-ink)!important;\n font-size:clamp(38px,3vw,52px)!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step{\n border-color:#d2dbc0!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step\u003espan,\n#abera-folliculitis-v2 .af-howto-step strong{\n color:var(--aap-deep)!important;\n}\n\n#abera-folliculitis-v2 .af-howto-step p{\n color:#4d5748!important;\n}\n\n#abera-folliculitis-v2 .af-howto-feel{\n background:#f7f8f0!important;\n border-left:3px solid var(--aap-lime)!important;\n color:#45513f!important;\n}\n\n#abera-folliculitis-v2 .af-howto-note{\n color:#46523e!important;\n border-color:#d2dbc0!important;\n}\n\n#abera-folliculitis-v2 .af-howto-note strong{\n color:var(--aap-green)!important;\n}\n\n\/* ============================================================\nVIDEOS — light A+ background + Amazon-style cards\n============================================================ *\/\n#abera-folliculitis-v2 .af-videos{\n background:var(--aap-pale-2)!important;\n color:var(--aap-ink)!important;\n padding:58px 0 64px!important;\n}\n\n#abera-folliculitis-v2 .af-videos h2{\n color:var(--aap-ink)!important;\n font-size:clamp(36px,3vw,50px)!important;\n line-height:1.02!important;\n}\n\n#abera-folliculitis-v2 .af-video-carousel-shell{\n position:relative!important;\n}\n\n#abera-folliculitis-v2 .af-videos-track{\n display:flex!important;\n flex-wrap:nowrap!important;\n gap:16px!important;\n overflow-x:auto!important;\n overflow-y:hidden!important;\n scroll-snap-type:x mandatory!important;\n scrollbar-width:none!important;\n padding:0 2.2%!important;\n}\n\n#abera-folliculitis-v2 .af-videos-track::-webkit-scrollbar{\n display:none!important;\n}\n\n#abera-folliculitis-v2 .af-video-item{\n flex:0 0 calc((100% - 48px)\/4.15)!important;\n min-width:calc((100% - 48px)\/4.15)!important;\n scroll-snap-align:start!important;\n background:#fff!important;\n border:1px solid var(--aap-line)!important;\n border-radius:3px!important;\n overflow:hidden!important;\n box-shadow:0 5px 18px rgba(54,85,29,.055)!important;\n}\n\n#abera-folliculitis-v2 .af-video-wrap{\n background:#eef2e6!important;\n}\n\n#abera-folliculitis-v2 .af-video-dots{\n margin-top:16px!important;\n}\n\n#abera-folliculitis-v2 .af-video-dots .af-dot{\n width:12px!important;\n height:12px!important;\n border:2px solid #252525!important;\n border-radius:50%!important;\n background:#fff!important;\n}\n\n#abera-folliculitis-v2 .af-video-dots .af-dot.active{\n border-color:var(--aap-orange)!important;\n background:var(--aap-orange)!important;\n}\n\n\/* ============================================================\nUNIFIED AMAZON-LIKE ARROWS\n============================================================ *\/\n#abera-folliculitis-v2 .af-amazon-ui-arrow,\n#abera-folliculitis-v2 .af-video-arrow{\n position:absolute!important;\n z-index:8!important;\n top:50%!important;\n width:42px!important;\n height:62px!important;\n display:flex!important;\n align-items:center!important;\n justify-content:center!important;\n border:0!important;\n border-radius:7px!important;\n background:rgba(255,255,255,.96)!important;\n color:#53645a!important;\n box-shadow:0 3px 13px rgba(0,0,0,.09)!important;\n font-size:31px!important;\n line-height:1!important;\n transform:translateY(-50%)!important;\n cursor:pointer!important;\n}\n\n#abera-folliculitis-v2 .af-amazon-ui-arrow:disabled,\n#abera-folliculitis-v2 .af-video-arrow:disabled{\n opacity:.35!important;\n}\n\n#abera-folliculitis-v2 .af-amazon-ui-prev,\n#abera-folliculitis-v2 .af-video-prev{\n left:0!important;\n}\n\n#abera-folliculitis-v2 .af-amazon-ui-next,\n#abera-folliculitis-v2 .af-video-next{\n right:0!important;\n}\n\n\/* ============================================================\nDOCUMENTATION — remove dark block; keep credibility compact\n============================================================ *\/\n#abera-folliculitis-v2 .af-docs{\n background:#e6edcf!important;\n color:var(--aap-ink)!important;\n padding:52px 0 56px!important;\n}\n\n#abera-folliculitis-v2 .af-docs .af-inner{\n max-width:980px!important;\n}\n\n#abera-folliculitis-v2 .af-docs h2{\n color:var(--aap-ink)!important;\n font-size:clamp(30px,2.4vw,40px)!important;\n}\n\n#abera-folliculitis-v2 .af-docs .af-eyebrow{\n color:var(--aap-deep)!important;\n}\n\n#abera-folliculitis-v2 .af-doc-grid{\n gap:18px!important;\n}\n\n#abera-folliculitis-v2 .af-doc-card{\n background:#fff!important;\n border:1px solid #ced9b7!important;\n border-radius:3px!important;\n overflow:hidden!important;\n box-shadow:0 4px 14px rgba(54,85,29,.05)!important;\n}\n\n#abera-folliculitis-v2 .af-doc-label{\n color:var(--aap-deep)!important;\n background:#f7f9ef!important;\n border-top:1px solid #dbe3ca!important;\n}\n\n\/* ============================================================\nFINAL CTA + FAQ — same A+ light-green close\n============================================================ *\/\n#abera-folliculitis-v2 .af-final{\n background:linear-gradient(100deg,#f9faf3 0%,#e3edc8 100%)!important;\n padding:70px 20px!important;\n}\n\n#abera-folliculitis-v2 .af-final .af-eyebrow{\n color:var(--aap-deep)!important;\n}\n\n#abera-folliculitis-v2 .af-final .af-eyebrow::before{\n background:var(--aap-deep)!important;\n}\n\n#abera-folliculitis-v2 .af-final h2{\n color:var(--aap-ink)!important;\n font-size:clamp(40px,4vw,58px)!important;\n}\n\n#abera-folliculitis-v2 .af-final p{\n color:#56614f!important;\n}\n\n#abera-folliculitis-v2 .af-final .af-btn{\n background:var(--aap-deep)!important;\n border-color:var(--aap-deep)!important;\n color:#fff!important;\n border-radius:3px!important;\n}\n\n#abera-folliculitis-v2 .af-faq{\n background:#fbfcf7!important;\n padding:46px 0 54px!important;\n}\n\n#abera-folliculitis-v2 .af-faq .af-inner{\n max-width:1050px!important;\n}\n\n#abera-folliculitis-v2 .af-faq h2{\n color:var(--aap-ink)!important;\n}\n\n#abera-folliculitis-v2 .af-faq-list{\n border-top-color:#d7dec7!important;\n}\n\n#abera-folliculitis-v2 .af-faq details{\n border-bottom-color:#d7dec7!important;\n}\n\n#abera-folliculitis-v2 .af-faq summary{\n color:var(--aap-deep)!important;\n}\n\n#abera-folliculitis-v2 .af-faq details p{\n color:#56614f!important;\n}\n\n\/* ============================================================\nTABLET\n============================================================ *\/\n@media screen and (min-width:750px) and (max-width:1050px){\n #abera-folliculitis-v2 .af-result-card{\n flex-basis:42%!important;\n min-width:42%!important;\n }\n\n #abera-folliculitis-v2 .af-static-review-card,\n #abera-folliculitis-v2 .af-video-item{\n flex-basis:31%!important;\n min-width:31%!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap{\n grid-template-columns:1fr 1fr!important;\n }\n}\n\n\/* ============================================================\nMOBILE — same Amazon Brand Story behavior:\nlarge card + next-card peek + orange dots, no side arrows.\n============================================================ *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-results,\n #abera-folliculitis-v2 .af-static-reviews,\n #abera-folliculitis-v2 .af-howto,\n #abera-folliculitis-v2 .af-videos,\n #abera-folliculitis-v2 .af-docs,\n #abera-folliculitis-v2 .af-final,\n #abera-folliculitis-v2 .af-faq{\n padding-left:0!important;\n padding-right:0!important;\n }\n\n #abera-folliculitis-v2 .af-results .af-inner,\n #abera-folliculitis-v2 .af-static-reviews .af-inner,\n #abera-folliculitis-v2 .af-howto .af-inner,\n #abera-folliculitis-v2 .af-videos .af-inner{\n width:100%!important;\n max-width:none!important;\n }\n\n #abera-folliculitis-v2 .af-results .af-section-header,\n #abera-folliculitis-v2 .af-static-review-header,\n #abera-folliculitis-v2 .af-videos\u003e.af-inner\u003e.af-eyebrow,\n #abera-folliculitis-v2 .af-videos\u003e.af-inner\u003eh2{\n padding-left:16px!important;\n padding-right:16px!important;\n }\n\n #abera-folliculitis-v2 .af-results{\n padding-top:34px!important;\n padding-bottom:30px!important;\n }\n\n #abera-folliculitis-v2 .af-results h2{\n font-size:28px!important;\n }\n\n #abera-folliculitis-v2 .af-results-track{\n gap:10px!important;\n padding:0 13% 0 8%!important;\n }\n\n #abera-folliculitis-v2 .af-result-card{\n flex:0 0 78%!important;\n min-width:78%!important;\n }\n\n #abera-folliculitis-v2 .af-amazon-ui-arrow,\n #abera-folliculitis-v2 .af-video-arrow{\n display:none!important;\n }\n\n #abera-folliculitis-v2 .af-results-dots,\n #abera-folliculitis-v2 .af-static-review-dots,\n #abera-folliculitis-v2 .af-video-dots{\n display:flex!important;\n justify-content:center!important;\n gap:8px!important;\n }\n\n #abera-folliculitis-v2 .af-static-reviews{\n padding-top:38px!important;\n padding-bottom:38px!important;\n }\n\n #abera-folliculitis-v2 .af-static-reviews h2{\n font-size:29px!important;\n line-height:1.05!important;\n }\n\n #abera-folliculitis-v2 .af-static-tabs{\n padding:0 16px!important;\n }\n\n #abera-folliculitis-v2 .af-static-tab{\n min-width:0!important;\n flex:1 1 0!important;\n padding:11px 8px!important;\n font-size:12px!important;\n }\n\n #abera-folliculitis-v2 .af-static-review-track{\n gap:10px!important;\n padding:0 13% 0 8%!important;\n }\n\n #abera-folliculitis-v2 .af-static-review-card{\n flex:0 0 78%!important;\n min-width:78%!important;\n }\n\n #abera-folliculitis-v2 .af-static-review-copy{\n font-size:13px!important;\n line-height:1.48!important;\n }\n\n #abera-folliculitis-v2 .af-howto{\n padding:34px 16px!important;\n }\n\n #abera-folliculitis-v2 .af-howto .af-inner{\n width:100%!important;\n }\n\n #abera-folliculitis-v2 .af-howto-wrap{\n grid-template-columns:1fr!important;\n gap:14px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-media{\n aspect-ratio:1 \/ 1!important;\n }\n\n #abera-folliculitis-v2 .af-howto-content{\n padding:22px 18px!important;\n }\n\n #abera-folliculitis-v2 .af-howto h2{\n font-size:29px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step{\n padding:9px 0!important;\n }\n\n #abera-folliculitis-v2 .af-howto-step p,\n #abera-folliculitis-v2 .af-howto-feel,\n #abera-folliculitis-v2 .af-howto-note{\n font-size:12.5px!important;\n }\n\n #abera-folliculitis-v2 .af-videos{\n padding-top:38px!important;\n padding-bottom:40px!important;\n }\n\n #abera-folliculitis-v2 .af-videos h2{\n font-size:30px!important;\n }\n\n #abera-folliculitis-v2 .af-videos-track{\n gap:10px!important;\n padding:0 13% 0 8%!important;\n }\n\n #abera-folliculitis-v2 .af-video-item{\n flex:0 0 78%!important;\n min-width:78%!important;\n }\n\n #abera-folliculitis-v2 .af-docs{\n padding:36px 12px 40px!important;\n }\n\n #abera-folliculitis-v2 .af-docs .af-inner{\n width:100%!important;\n }\n\n #abera-folliculitis-v2 .af-doc-grid{\n grid-template-columns:1fr 1fr!important;\n gap:8px!important;\n }\n\n #abera-folliculitis-v2 .af-doc-label{\n font-size:10px!important;\n line-height:1.25!important;\n padding:9px 6px!important;\n }\n\n #abera-folliculitis-v2 .af-final{\n padding:52px 18px!important;\n }\n\n #abera-folliculitis-v2 .af-final h2{\n font-size:36px!important;\n }\n\n #abera-folliculitis-v2 .af-faq{\n padding:34px 16px 40px!important;\n }\n}\n\n\n\/* ============================================================\nFINAL FIXES V2\n1) Carousel dots: force true circles (old bar CSS had min-width 38\/54px)\n2) HOW TO USE advice: stronger contrast\n3) Documentation moved into FAQ\n============================================================ *\/\n\n\/* ---------- RESULTS DOTS: true Amazon-style circles ---------- *\/\n#abera-folliculitis-v2 .af-results-dots{\n display:flex!important;\n align-items:center!important;\n justify-content:center!important;\n flex-wrap:nowrap!important;\n gap:9px!important;\n margin-top:16px!important;\n}\n\n#abera-folliculitis-v2 .af-results-dot,\n#abera-folliculitis-v2 .af-results-dot.active{\n box-sizing:border-box!important;\n flex:0 0 12px!important;\n width:12px!important;\n min-width:12px!important;\n max-width:12px!important;\n height:12px!important;\n min-height:12px!important;\n max-height:12px!important;\n margin:0!important;\n padding:0!important;\n border:2px solid #252525!important;\n border-radius:50%!important;\n background:#fff!important;\n opacity:1!important;\n transform:none!important;\n}\n\n#abera-folliculitis-v2 .af-results-dot.active{\n border-color:var(--aap-orange)!important;\n background:var(--aap-orange)!important;\n}\n\n\/* ---------- HOW TO USE: practical advice + stronger contrast ---------- *\/\n#abera-folliculitis-v2 .af-howto-feel{\n margin-top:12px!important;\n padding:11px 13px!important;\n background:#f7f8ef!important;\n border-left:3px solid var(--aap-lime)!important;\n color:#34432f!important;\n font-size:13px!important;\n line-height:1.5!important;\n}\n\n#abera-folliculitis-v2 .af-howto-feel strong{\n color:var(--aap-deep)!important;\n font-weight:900!important;\n}\n\n#abera-folliculitis-v2 .af-howto-note{\n color:#34432f!important;\n}\n\n#abera-folliculitis-v2 .af-howto-note strong{\n color:var(--aap-green)!important;\n}\n\n\/* ---------- FAQ DOCUMENTATION ---------- *\/\n#abera-folliculitis-v2 .af-faq-docs{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n padding:8px 0 18px;\n}\n\n#abera-folliculitis-v2 .af-faq-docs figure{\n margin:0;\n overflow:hidden;\n border:1px solid #d7dec7;\n border-radius:4px;\n background:#fff;\n}\n\n#abera-folliculitis-v2 .af-faq-docs img{\n display:block;\n width:100%;\n height:260px;\n object-fit:contain;\n background:#f7f7f2;\n}\n\n#abera-folliculitis-v2 .af-faq-docs figcaption{\n padding:10px 12px;\n border-top:1px solid #e0e5d4;\n color:var(--aap-deep);\n font-size:12px;\n line-height:1.35;\n font-weight:800;\n text-align:center;\n text-transform:uppercase;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-results-dots{\n gap:8px!important;\n margin-top:14px!important;\n }\n\n #abera-folliculitis-v2 .af-results-dot,\n #abera-folliculitis-v2 .af-results-dot.active{\n flex-basis:11px!important;\n width:11px!important;\n min-width:11px!important;\n max-width:11px!important;\n height:11px!important;\n min-height:11px!important;\n max-height:11px!important;\n }\n\n #abera-folliculitis-v2 .af-howto-feel{\n margin-top:9px!important;\n padding:10px 11px!important;\n font-size:12.5px!important;\n }\n\n #abera-folliculitis-v2 .af-faq-docs{\n grid-template-columns:1fr 1fr;\n gap:8px;\n padding-bottom:14px;\n }\n\n #abera-folliculitis-v2 .af-faq-docs img{\n height:180px;\n }\n\n #abera-folliculitis-v2 .af-faq-docs figcaption{\n padding:8px 6px;\n font-size:9px;\n }\n}\n\n\n\/* ============================================================\nFINAL DOT FIX V3 — MOBILE + DESKTOP\nHard-reset every carousel indicator to a true circle.\nThis overrides old bar-style rules including width\/min-width\/active width.\n============================================================ *\/\n\n\/* Shared dot row *\/\n#abera-folliculitis-v2 .af-results-dots,\n#abera-folliculitis-v2 .af-static-review-dots,\n#abera-folliculitis-v2 .af-video-dots{\n display:flex!important;\n align-items:center!important;\n justify-content:center!important;\n flex-wrap:nowrap!important;\n gap:9px!important;\n width:100%!important;\n margin:16px auto 0!important;\n padding:0!important;\n}\n\n\/* Hard reset ALL dot dimensions *\/\n#abera-folliculitis-v2 .af-results-dot,\n#abera-folliculitis-v2 .af-results-dot.active,\n#abera-folliculitis-v2 .af-static-review-dot,\n#abera-folliculitis-v2 .af-static-review-dot.active,\n#abera-folliculitis-v2 .af-video-dots .af-dot,\n#abera-folliculitis-v2 .af-video-dots .af-dot.active{\n appearance:none!important;\n -webkit-appearance:none!important;\n box-sizing:border-box!important;\n\n display:block!important;\n flex:0 0 12px!important;\n\n width:12px!important;\n min-width:12px!important;\n max-width:12px!important;\n\n height:12px!important;\n min-height:12px!important;\n max-height:12px!important;\n\n margin:0!important;\n padding:0!important;\n\n border:2px solid #252525!important;\n border-radius:999px!important;\n\n background:#fff!important;\n opacity:1!important;\n\n transform:none!important;\n scale:none!important;\n\n box-shadow:none!important;\n outline:none!important;\n line-height:0!important;\n font-size:0!important;\n}\n\n\/* Active dot *\/\n#abera-folliculitis-v2 .af-results-dot.active,\n#abera-folliculitis-v2 .af-static-review-dot.active,\n#abera-folliculitis-v2 .af-video-dots .af-dot.active{\n width:12px!important;\n min-width:12px!important;\n max-width:12px!important;\n\n height:12px!important;\n min-height:12px!important;\n max-height:12px!important;\n\n border-color:#e7781b!important;\n background:#e7781b!important;\n}\n\n\/* Ensure pseudo-elements cannot stretch the dots *\/\n#abera-folliculitis-v2 .af-results-dot::before,\n#abera-folliculitis-v2 .af-results-dot::after,\n#abera-folliculitis-v2 .af-static-review-dot::before,\n#abera-folliculitis-v2 .af-static-review-dot::after,\n#abera-folliculitis-v2 .af-video-dots .af-dot::before,\n#abera-folliculitis-v2 .af-video-dots .af-dot::after{\n content:none!important;\n display:none!important;\n}\n\n\/* Desktop: slightly larger spacing only *\/\n@media screen and (min-width:750px){\n #abera-folliculitis-v2 .af-results-dots,\n #abera-folliculitis-v2 .af-static-review-dots,\n #abera-folliculitis-v2 .af-video-dots{\n gap:10px!important;\n margin-top:18px!important;\n }\n\n #abera-folliculitis-v2 .af-results-dot,\n #abera-folliculitis-v2 .af-results-dot.active,\n #abera-folliculitis-v2 .af-static-review-dot,\n #abera-folliculitis-v2 .af-static-review-dot.active,\n #abera-folliculitis-v2 .af-video-dots .af-dot,\n #abera-folliculitis-v2 .af-video-dots .af-dot.active{\n flex-basis:13px!important;\n width:13px!important;\n min-width:13px!important;\n max-width:13px!important;\n height:13px!important;\n min-height:13px!important;\n max-height:13px!important;\n }\n}\n\n\/* Mobile *\/\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-results-dots,\n #abera-folliculitis-v2 .af-static-review-dots,\n #abera-folliculitis-v2 .af-video-dots{\n gap:8px!important;\n margin-top:14px!important;\n }\n\n #abera-folliculitis-v2 .af-results-dot,\n #abera-folliculitis-v2 .af-results-dot.active,\n #abera-folliculitis-v2 .af-static-review-dot,\n #abera-folliculitis-v2 .af-static-review-dot.active,\n #abera-folliculitis-v2 .af-video-dots .af-dot,\n #abera-folliculitis-v2 .af-video-dots .af-dot.active{\n flex-basis:11px!important;\n width:11px!important;\n min-width:11px!important;\n max-width:11px!important;\n height:11px!important;\n min-height:11px!important;\n max-height:11px!important;\n }\n}\n\n\n\/* ============================================================\nV4 COPY SHORTENING — TITLES ONLY, LESS DUPLICATION\n============================================================ *\/\n\n#abera-folliculitis-v2 .af-results .af-section-header,\n#abera-folliculitis-v2 .af-static-review-header{\n margin-bottom:22px!important;\n}\n\n#abera-folliculitis-v2 .af-results h2,\n#abera-folliculitis-v2 .af-static-reviews h2{\n margin-top:0!important;\n}\n\n#abera-folliculitis-v2 .af-videos\u003e.af-inner\u003eh2{\n margin-top:0!important;\n}\n\n#abera-folliculitis-v2 .af-final .af-eyebrow{\n margin-bottom:18px!important;\n}\n\n#abera-folliculitis-v2 .af-final h2{\n max-width:1050px!important;\n margin-left:auto!important;\n margin-right:auto!important;\n line-height:1.02!important;\n}\n\n#abera-folliculitis-v2 .af-final p{\n max-width:760px!important;\n margin-left:auto!important;\n margin-right:auto!important;\n}\n\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-results .af-section-header,\n #abera-folliculitis-v2 .af-static-review-header{\n margin-bottom:16px!important;\n }\n\n #abera-folliculitis-v2 .af-final h2{\n font-size:32px!important;\n line-height:1.05!important;\n }\n}\n\n\n\/* ============================================================\nFAQ GEO FINAL — ENTITY-FIRST, SCANNABLE, MOBILE-FRIENDLY\n============================================================ *\/\n#abera-folliculitis-v2 .af-faq-head{\n max-width:860px;\n margin:0 0 24px;\n}\n#abera-folliculitis-v2 .af-faq-head .af-eyebrow{\n margin-bottom:8px!important;\n color:var(--aap-green,#41651c)!important;\n}\n#abera-folliculitis-v2 .af-faq-head h2{\n margin-bottom:10px!important;\n}\n#abera-folliculitis-v2 .af-faq-intro{\n max-width:820px;\n margin:0!important;\n color:#59634f!important;\n font-size:15px!important;\n line-height:1.58!important;\n}\n#abera-folliculitis-v2 .af-faq .af-faq-item summary,\n#abera-folliculitis-v2 .af-faq .af-faq-doc-item summary{\n font-weight:800!important;\n}\n#abera-folliculitis-v2 .af-faq .af-faq-item p{\n max-width:920px;\n}\n@media screen and (max-width:749px){\n #abera-folliculitis-v2 .af-faq-head{\n margin-bottom:18px;\n }\n #abera-folliculitis-v2 .af-faq-head h2{\n font-size:24px!important;\n line-height:1.12!important;\n }\n #abera-folliculitis-v2 .af-faq-intro{\n font-size:13.5px!important;\n line-height:1.5!important;\n }\n}\n\n\u003c\/style\u003e\n\u003cdiv id=\"abera-folliculitis-v2\"\u003e\n\u003c!-- =========================================================\n01 — PRODUCT INTRO\nCleaner, lighter, conversion-first opening\n========================================================= --\u003e \u003c!--\nABCD_01_INTRO_FRAME\nDESKTOP FRAME: max content width ≈ 1180px; intended visual height ≈ 360–420px.\nTEXT TARGET:\n- Eyebrow: 2–4 words\n- Main headline: 6–10 words \/ ideally 2 lines\n- Supporting paragraph: 28–45 words\n- 4 quick problem \/ benefit points\nMOBILE:\n- Headline ideally 2–3 lines\n- Paragraph ≈ 30–40 words\nOPTIONAL FUTURE ADD:\n- If this section still feels empty, add ONE slim trust line only (rating \/ users \/ dermatologist-tested).\n- Do not add another large image here; the REAL RESULTS image immediately below already carries the visual weight.\n--\u003e \u003c!-- =========================================================\n01 — BRAND A+ STORY\nAmazon-style background + horizontal Brand Card carousel\nIMAGE SPECS USED:\n- Desktop background: 2928 × 1250 px\n- Mobile background: 926 × 1250 px\n- Brand cards: 725 × 907 px\n\nHOW TO ADD IMAGES:\n1) Paste desktop background URL into data-desktop-image=\"\"\n2) Paste mobile background URL into data-mobile-image=\"\"\n3) Paste each Brand Card URL into data-image=\"\"\n========================================================= --\u003e \u003c!-- =========================================================\nSECTION 01 — BRAND A+ STORY\n\nCHỈ CẦN THAY LINK Ở 11 DÒNG NGAY BÊN DƯỚI.\nKHÔNG CẦN SỬA CSS \/ JAVASCRIPT.\n\nBACKGROUND:\n- Desktop: 2928 × 1250 px\n- Mobile: 926 × 1250 px\n\nBRAND CARDS:\n- 725 × 907 px\n- Có sẵn 9 card để khớp 9 dot như Amazon mobile.\n========================================================= --\u003e\n\u003csection class=\"af-brand-a-plus\" id=\"af-brand-a-plus\"\u003e\u003c!-- TÌM TỪ KHÓA: ⭐⭐⭐ CHỈ SỬA 11 DÒNG LINK HÌNH ⭐⭐⭐ --\u003e \u003c!-- =========================================================\n⭐⭐⭐ CHỈ SỬA 11 DÒNG LINK HÌNH DƯỚI ĐÂY ⭐⭐⭐\n\nCÁCH LÀM:\n- Xóa chữ DÁN_LINK_... trong dấu \" \"\n- Paste link Shopify của bạn vào giữa dấu \" \"\n- KHÔNG sửa phần nào khác.\n\nVí dụ:\ndesktopBackground: \"https:\/\/cdn.shopify.com\/s\/files\/...\/background.webp\",\n\nKÍCH THƯỚC:\n- Background Desktop: 2928 × 1250 px\n- Background Mobile: 926 × 1250 px\n- Brand Card: 725 × 907 px\n========================================================= --\u003e \u003cscript\u003e\nwindow.ABERA_BRAND_A_PLUS_IMAGES = {\n\n desktopBackground: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_1_2928x1250_Full.webp?v=1788835831\",\n\n mobileBackground: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_1_926x1250_Full.webp?v=1788835830\",\n\n card01: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_2_8a0cb5a3-fbea-40f9-be48-5b50831a97c3.webp?v=1788835830\",\n card02: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_3_3598ab97-863f-4064-ab82-7837205a3fbf.webp?v=1788835830\",\n card03: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_4_37c192f1-0236-461c-a45d-68e390c26b49.webp?v=1788835830\",\n card04: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_5_f73f5f87-4a2a-433c-9654-04f02fae60c4.webp?v=1788835830\",\n card05: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_6_7897af1f-90ff-4975-99da-d445ab01faf2.webp?v=1788835831\",\n card06: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_7_46d0be3f-325a-4b74-8f75-06db16152116.webp?v=1788835830\",\n card07: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_9_f505fbbd-cb94-4b34-bad3-f83a94ac75ec.webp?v=1788835831\",\n card08: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_8_798a4468-338e-44b9-9276-9d22fb61e6e6.webp?v=1788835830\",\n card09: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_10_31eb6243-5bab-45b0-a48d-b13573e36a0b.webp?v=1788835829\"\n\n};\n\u003c\/script\u003e\n\u003cdiv class=\"af-brand-label\"\u003eFrom the brand\u003c\/div\u003e\n\u003cdiv class=\"af-brand-stage\"\u003e\n\u003cdiv class=\"af-brand-bg-placeholder\"\u003e\n\u003cstrong\u003eBACKGROUND IMAGE\u003c\/strong\u003e \u003cspan\u003eDesktop: 2928 × 1250 px\u003c\/span\u003e \u003cspan\u003eMobile: 926 × 1250 px\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-brand-carousel-shell\"\u003e\n\u003cbutton class=\"af-brand-arrow af-brand-prev\" type=\"button\"\u003e‹\u003c\/button\u003e\n\u003cdiv class=\"af-brand-track\" tabindex=\"0\"\u003e\n\u003c!-- Desktop initial offset: this spacer scrolls away when the user navigates --\u003e\n\u003cdiv class=\"af-brand-leading-spacer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003carticle class=\"af-brand-card\"\u003e\n\u003cdiv class=\"af-brand-card-placeholder\"\u003e\n\u003cstrong\u003eBRAND CARD 01\u003c\/strong\u003e \u003cspan\u003e725 × 907 px\u003c\/span\u003e \u003csmall\u003ePaste link ở dòng card01 phía trên\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-brand-card\"\u003e\n\u003cdiv class=\"af-brand-card-placeholder\"\u003e\n\u003cstrong\u003eBRAND CARD 02\u003c\/strong\u003e \u003cspan\u003e725 × 907 px\u003c\/span\u003e \u003csmall\u003ePaste link ở dòng card02 phía trên\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-brand-card\"\u003e\n\u003cdiv class=\"af-brand-card-placeholder\"\u003e\n\u003cstrong\u003eBRAND CARD 03\u003c\/strong\u003e \u003cspan\u003e725 × 907 px\u003c\/span\u003e \u003csmall\u003ePaste link ở dòng card03 phía trên\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-brand-card\"\u003e\n\u003cdiv class=\"af-brand-card-placeholder\"\u003e\n\u003cstrong\u003eBRAND CARD 04\u003c\/strong\u003e \u003cspan\u003e725 × 907 px\u003c\/span\u003e \u003csmall\u003ePaste link ở dòng card04 phía trên\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-brand-card\"\u003e\n\u003cdiv class=\"af-brand-card-placeholder\"\u003e\n\u003cstrong\u003eBRAND CARD 05\u003c\/strong\u003e \u003cspan\u003e725 × 907 px\u003c\/span\u003e \u003csmall\u003ePaste link ở dòng card05 phía trên\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-brand-card\"\u003e\n\u003cdiv class=\"af-brand-card-placeholder\"\u003e\n\u003cstrong\u003eBRAND CARD 06\u003c\/strong\u003e \u003cspan\u003e725 × 907 px\u003c\/span\u003e \u003csmall\u003ePaste link ở dòng card06 phía trên\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-brand-card\"\u003e\n\u003cdiv class=\"af-brand-card-placeholder\"\u003e\n\u003cstrong\u003eBRAND CARD 07\u003c\/strong\u003e \u003cspan\u003e725 × 907 px\u003c\/span\u003e \u003csmall\u003ePaste link ở dòng card07 phía trên\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-brand-card\"\u003e\n\u003cdiv class=\"af-brand-card-placeholder\"\u003e\n\u003cstrong\u003eBRAND CARD 08\u003c\/strong\u003e \u003cspan\u003e725 × 907 px\u003c\/span\u003e \u003csmall\u003ePaste link ở dòng card08 phía trên\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-brand-card\"\u003e\n\u003cdiv class=\"af-brand-card-placeholder\"\u003e\n\u003cstrong\u003eBRAND CARD 09\u003c\/strong\u003e \u003cspan\u003e725 × 907 px\u003c\/span\u003e \u003csmall\u003ePaste link ở dòng card09 phía trên\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003cdiv class=\"af-brand-ending-spacer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"af-brand-arrow af-brand-next\" type=\"button\"\u003e›\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Mobile: Amazon-style orange dots generated automatically --\u003e\n\u003cdiv class=\"af-brand-dots\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cscript\u003e\n(function(){\n var section = document.getElementById('af-brand-a-plus');\n if(!section) return;\n\n var imageConfig = window.ABERA_BRAND_A_PLUS_IMAGES || {};\n var stage = section.querySelector('.af-brand-stage');\n var track = section.querySelector('.af-brand-track');\n var cards = Array.prototype.slice.call(section.querySelectorAll('.af-brand-card'));\n var prev = section.querySelector('.af-brand-prev');\n var next = section.querySelector('.af-brand-next');\n var dotsWrap = section.querySelector('.af-brand-dots');\n var dots = [];\n\n function isRealUrl(value){\n if(!value) return false;\n value = String(value).trim();\n return value \u0026\u0026\n value.indexOf('DÁN_LINK_') !== 0 \u0026\u0026\n value.indexOf('PASTE_') !== 0 \u0026\u0026\n value !== '#' \u0026\u0026\n value !== 'URL';\n }\n\n \/* ---------- Background: desktop\/mobile ---------- *\/\n function applyBackground(){\n var desktopUrl = String(imageConfig.desktopBackground || '').trim();\n var mobileUrl = String(imageConfig.mobileBackground || '').trim();\n var mobile = window.matchMedia('(max-width: 749px)').matches;\n\n var chosen = mobile\n ? (isRealUrl(mobileUrl) ? mobileUrl : desktopUrl)\n : (isRealUrl(desktopUrl) ? desktopUrl : mobileUrl);\n\n if(isRealUrl(chosen)){\n stage.style.backgroundImage = 'url(\"' + chosen.replace(\/\"\/g,'\\\\\"') + '\")';\n stage.classList.add('has-image');\n }else{\n stage.style.backgroundImage = '';\n stage.classList.remove('has-image');\n }\n }\n\n \/* ---------- Brand card images ---------- *\/\n cards.forEach(function(card, index){\n var key = 'card' + String(index + 1).padStart(2, '0');\n var url = String(imageConfig[key] || '').trim();\n\n if(isRealUrl(url)){\n card.style.backgroundImage = 'url(\"' + url.replace(\/\"\/g,'\\\\\"') + '\")';\n card.classList.add('has-image');\n }else{\n card.style.backgroundImage = '';\n card.classList.remove('has-image');\n }\n });\n\n \/* ---------- Mobile dots ---------- *\/\n cards.forEach(function(card, index){\n var dot = document.createElement('button');\n dot.type = 'button';\n dot.className = 'af-brand-dot' + (index === 0 ? ' active' : '');\n dot.setAttribute('aria-label', 'Go to brand card ' + (index + 1));\n\n dot.addEventListener('click', function(){\n scrollToCard(index);\n });\n\n dotsWrap.appendChild(dot);\n dots.push(dot);\n });\n\n function cardStep(){\n if(!cards.length) return 0;\n var style = getComputedStyle(track);\n var gap = parseFloat(style.columnGap || style.gap) || 0;\n return cards[0].getBoundingClientRect().width + gap;\n }\n\n function scrollToCard(index){\n if(!track || !cards[index]) return;\n\n var mobile = window.matchMedia('(max-width: 749px)').matches;\n\n if(mobile){\n \/* Card offset includes the 10% leading spacer.\n Scrolling to the card's offset makes that banner slice\n disappear and aligns the selected card to the left. *\/\n track.scrollTo({\n left: Math.max(0, cards[index].offsetLeft),\n behavior:'smooth'\n });\n return;\n }\n\n \/*\n DESKTOP:\n At the initial state scrollLeft = 0, so the banner remains visible.\n Once the user navigates, align the selected card about 4% from the\n left edge. This makes the large initial spacer scroll away.\n *\/\n var left = Math.max(\n 0,\n cards[index].offsetLeft - track.clientWidth * 0.04\n );\n\n track.scrollTo({\n left:left,\n behavior:'smooth'\n });\n }\n\n function nearestCardIndex(){\n if(!track || !cards.length) return 0;\n\n var mobile = window.matchMedia('(max-width: 749px)').matches;\n var reference = track.scrollLeft + (mobile ? track.clientWidth * 0.10 : track.clientWidth * 0.04);\n var best = 0;\n var bestDistance = Infinity;\n\n cards.forEach(function(card, index){\n var distance = Math.abs(card.offsetLeft - reference);\n if(distance \u003c bestDistance){\n bestDistance = distance;\n best = index;\n }\n });\n\n return best;\n }\n\n function updateDots(index){\n dots.forEach(function(dot, i){\n dot.classList.toggle('active', i === index);\n });\n }\n\n function updateControls(){\n if(!track) return;\n\n var maxScroll = Math.max(0, track.scrollWidth - track.clientWidth);\n var index = nearestCardIndex();\n\n updateDots(index);\n\n if(prev){\n prev.disabled = track.scrollLeft \u003c= 3;\n }\n\n if(next){\n next.disabled = track.scrollLeft \u003e= maxScroll - 3;\n }\n }\n\n \/* ---------- Desktop\/mobile arrows ---------- *\/\n if(prev){\n prev.addEventListener('click', function(){\n var mobile = window.matchMedia('(max-width: 749px)').matches;\n var current = nearestCardIndex();\n\n if(track.scrollLeft \u003c= 3){\n return;\n }\n\n \/* Desktop: if Card 01 is the active\/nearest card,\n PREV restores the original Amazon-like state with\n the left side of the banner visible. *\/\n if(!mobile \u0026\u0026 current === 0){\n track.scrollTo({left:0, behavior:'smooth'});\n return;\n }\n\n var target = Math.max(0, current - 1);\n scrollToCard(target);\n });\n }\n\n if(next){\n next.addEventListener('click', function(){\n var mobile = window.matchMedia('(max-width: 749px)').matches;\n var current = nearestCardIndex();\n\n \/* First desktop click:\n scroll away the left spacer and align Card 01 near the left edge. *\/\n if(!mobile \u0026\u0026 track.scrollLeft \u003c= 3){\n scrollToCard(0);\n return;\n }\n\n scrollToCard(Math.min(cards.length - 1, current + 1));\n });\n }\n\n \/* ---------- Real mouse \/ pointer drag on desktop ---------- *\/\n var isDragging = false;\n var dragStartX = 0;\n var dragStartScroll = 0;\n var dragMoved = false;\n\n if(track){\n track.addEventListener('pointerdown', function(e){\n \/* Left mouse button only; touch continues to use native swipe. *\/\n if(e.pointerType === 'mouse' \u0026\u0026 e.button !== 0) return;\n\n isDragging = true;\n dragMoved = false;\n dragStartX = e.clientX;\n dragStartScroll = track.scrollLeft;\n\n track.classList.add('is-dragging');\n\n try{\n track.setPointerCapture(e.pointerId);\n }catch(err){}\n });\n\n track.addEventListener('pointermove', function(e){\n if(!isDragging) return;\n\n var dx = e.clientX - dragStartX;\n\n if(Math.abs(dx) \u003e 4){\n dragMoved = true;\n }\n\n track.scrollLeft = dragStartScroll - dx;\n });\n\n function finishDrag(e){\n if(!isDragging) return;\n\n isDragging = false;\n track.classList.remove('is-dragging');\n\n try{\n track.releasePointerCapture(e.pointerId);\n }catch(err){}\n\n \/* After dragging, snap to the nearest card unless the user\n returned almost all the way to the initial banner state. *\/\n var mobile = window.matchMedia('(max-width: 749px)').matches;\n var restoreThreshold = mobile ? track.clientWidth * 0.07 : track.clientWidth * 0.08;\n\n if(track.scrollLeft \u003c restoreThreshold){\n track.scrollTo({left:0, behavior:'smooth'});\n }else{\n scrollToCard(nearestCardIndex());\n }\n }\n\n track.addEventListener('pointerup', finishDrag);\n track.addEventListener('pointercancel', finishDrag);\n track.addEventListener('lostpointercapture', function(){\n if(isDragging){\n isDragging = false;\n track.classList.remove('is-dragging');\n }\n });\n }\n\n \/* ---------- Swipe \/ scroll updates dots ---------- *\/\n var scrollTimer;\n\n if(track){\n track.addEventListener('scroll', function(){\n clearTimeout(scrollTimer);\n scrollTimer = setTimeout(updateControls, 45);\n }, {passive:true});\n\n track.addEventListener('keydown', function(e){\n if(e.key === 'ArrowRight'){\n e.preventDefault();\n if(next) next.click();\n }\n\n if(e.key === 'ArrowLeft'){\n e.preventDefault();\n if(prev) prev.click();\n }\n });\n }\n\n \/* ---------- Resize ---------- *\/\n var resizeTimer;\n\n window.addEventListener('resize', function(){\n clearTimeout(resizeTimer);\n\n resizeTimer = setTimeout(function(){\n applyBackground();\n updateControls();\n }, 120);\n });\n\n applyBackground();\n\n \/* Force the Amazon-like initial state after the browser finishes layout.\n This keeps the left side of the banner visible before any interaction. *\/\n requestAnimationFrame(function(){\n requestAnimationFrame(function(){\n if(track){\n track.style.scrollSnapType = 'none';\n track.scrollLeft = 0;\n\n requestAnimationFrame(function(){\n track.style.scrollSnapType = '';\n updateControls();\n });\n }else{\n updateControls();\n }\n });\n });\n})();\n\u003c\/script\u003e \u003c!--\nABCD_02_REAL_RESULTS_FRAME\nDESKTOP: full cinematic split 55% copy \/ 45% image.\nIMAGE RECOMMENDATION: 4:5 or 3:4 portrait, at least 1200×1500px; subject biased to the right.\nTEXT TARGET:\n- Headline: max 2–3 lines\n- Supporting sentence: 22–35 words\n- 3 proof stats\nMOBILE IMAGE: crop-safe around face + bottle; avoid important details near far left\/right edges.\n--\u003e \u003c!--\n⭐⭐⭐ CHỖ DÁN LINK A+ 02–08 ⭐⭐⭐\nTÌM TỪ KHÓA:\nSECTION 02 — INTENSIVE CARE\nSECTION 03 — BENEFITS\nSECTION 04 — KEY INGREDIENTS\nSECTION 05 — BEFORE \/ AFTER\nSECTION 06 — EFFECTIVENESS\nSECTION 07 — SOCIAL PROOF\nSECTION 08 — PROPER USE\n--\u003e\n\u003cdiv class=\"af-amazon-a-plus-stack\" id=\"af-amazon-a-plus-02-08\"\u003e\n\u003c!-- =====================================================\n SECTION 02 — INTENSIVE CARE\n CHỈ DÁN 2 LINK VÀO 2 DÒNG BÊN DƯỚI:\n - MOBILE 600 × 450 → srcset=\"\"\n - DESKTOP 1464 × 600 → src=\"\"\n ====================================================== --\u003e \u003c!-- =====================================================\nSECTION 02 — INTENSIVE CARE\n\n⚠ KHÔNG SỬA media=\"(max-width:749px)\"\nMOBILE: chỉ thay chữ trong srcset=\"...\"\nDESKTOP: chỉ thay chữ trong src=\"...\"\n===================================================== --\u003e\n\u003csection class=\"af-amazon-a-plus-item\" data-a-plus-section=\"02\"\u003e\u003cpicture class=\"af-amazon-a-plus-picture\"\u003e \u003c!-- MOBILE — DÁN LINK Ở srcset BÊN DƯỚI --\u003e \u003csource media=\"(max-width:749px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_M_1-100.webp?v=1788837513\"\u003e \u003c!-- DESKTOP — DÁN LINK Ở src BÊN DƯỚI --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_D_1-100.webp?v=1788837525\" width=\"1464\" height=\"600\" loading=\"eager\" decoding=\"async\" alt=\"ABERA Folliculitis Shower Gel intensive care for folliculitis-prone skin\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"af-amazon-a-plus-placeholder\"\u003e\n\u003cstrong\u003eSECTION 02 — INTENSIVE CARE\u003c\/strong\u003e \u003cspan\u003eDesktop: 1464 × 600 px\u003c\/span\u003e \u003cspan\u003eMobile: 600 × 450 px\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n SECTION 03 — BENEFITS\n CHỈ DÁN 2 LINK VÀO 2 DÒNG BÊN DƯỚI:\n - MOBILE 600 × 450 → srcset=\"\"\n - DESKTOP 1464 × 600 → src=\"\"\n ====================================================== --\u003e \u003c!-- =====================================================\nSECTION 03 — BENEFITS\n\n⚠ KHÔNG SỬA media=\"(max-width:749px)\"\nMOBILE: chỉ thay chữ trong srcset=\"...\"\nDESKTOP: chỉ thay chữ trong src=\"...\"\n===================================================== --\u003e\n\u003csection class=\"af-amazon-a-plus-item\" data-a-plus-section=\"03\"\u003e\u003cpicture class=\"af-amazon-a-plus-picture\"\u003e \u003c!-- MOBILE — DÁN LINK Ở srcset BÊN DƯỚI --\u003e \u003csource media=\"(max-width:749px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_M_2-100.webp?v=1788837513\"\u003e \u003c!-- DESKTOP — DÁN LINK Ở src BÊN DƯỚI --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_D_2-100.webp?v=1788837525\" width=\"1464\" height=\"600\" loading=\"lazy\" decoding=\"async\" alt=\"ABERA Folliculitis Shower Gel product benefits\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"af-amazon-a-plus-placeholder\"\u003e\n\u003cstrong\u003eSECTION 03 — BENEFITS\u003c\/strong\u003e \u003cspan\u003eDesktop: 1464 × 600 px\u003c\/span\u003e \u003cspan\u003eMobile: 600 × 450 px\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n SECTION 04 — KEY INGREDIENTS\n CHỈ DÁN 2 LINK VÀO 2 DÒNG BÊN DƯỚI:\n - MOBILE 600 × 450 → srcset=\"\"\n - DESKTOP 1464 × 600 → src=\"\"\n ====================================================== --\u003e \u003c!-- =====================================================\nSECTION 04 — KEY INGREDIENTS\n\n⚠ KHÔNG SỬA media=\"(max-width:749px)\"\nMOBILE: chỉ thay chữ trong srcset=\"...\"\nDESKTOP: chỉ thay chữ trong src=\"...\"\n===================================================== --\u003e\n\u003csection class=\"af-amazon-a-plus-item\" data-a-plus-section=\"04\"\u003e\u003cpicture class=\"af-amazon-a-plus-picture\"\u003e \u003c!-- MOBILE — DÁN LINK Ở srcset BÊN DƯỚI --\u003e \u003csource media=\"(max-width:749px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_M_3-100.webp?v=1788837514\"\u003e \u003c!-- DESKTOP — DÁN LINK Ở src BÊN DƯỚI --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_D_3-100.webp?v=1788837525\" width=\"1464\" height=\"600\" loading=\"lazy\" decoding=\"async\" alt=\"ABERA Folliculitis Shower Gel key ingredients\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"af-amazon-a-plus-placeholder\"\u003e\n\u003cstrong\u003eSECTION 04 — KEY INGREDIENTS\u003c\/strong\u003e \u003cspan\u003eDesktop: 1464 × 600 px\u003c\/span\u003e \u003cspan\u003eMobile: 600 × 450 px\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n SECTION 05 — BEFORE \/ AFTER\n CHỈ DÁN 2 LINK VÀO 2 DÒNG BÊN DƯỚI:\n - MOBILE 600 × 450 → srcset=\"\"\n - DESKTOP 1464 × 600 → src=\"\"\n ====================================================== --\u003e \u003c!-- =====================================================\nSECTION 05 — BEFORE \/ AFTER\n\n⚠ KHÔNG SỬA media=\"(max-width:749px)\"\nMOBILE: chỉ thay chữ trong srcset=\"...\"\nDESKTOP: chỉ thay chữ trong src=\"...\"\n===================================================== --\u003e\n\u003csection class=\"af-amazon-a-plus-item\" data-a-plus-section=\"05\"\u003e\u003cpicture class=\"af-amazon-a-plus-picture\"\u003e \u003c!-- MOBILE — DÁN LINK Ở srcset BÊN DƯỚI --\u003e \u003csource media=\"(max-width:749px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_M_4-100.webp?v=1788837513\"\u003e \u003c!-- DESKTOP — DÁN LINK Ở src BÊN DƯỚI --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_D_4-100.webp?v=1788837525\" width=\"1464\" height=\"600\" loading=\"lazy\" decoding=\"async\" alt=\"ABERA Folliculitis Shower Gel before and after results\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"af-amazon-a-plus-placeholder\"\u003e\n\u003cstrong\u003eSECTION 05 — BEFORE \/ AFTER\u003c\/strong\u003e \u003cspan\u003eDesktop: 1464 × 600 px\u003c\/span\u003e \u003cspan\u003eMobile: 600 × 450 px\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n SECTION 06 — EFFECTIVENESS\n CHỈ DÁN 2 LINK VÀO 2 DÒNG BÊN DƯỚI:\n - MOBILE 600 × 450 → srcset=\"\"\n - DESKTOP 1464 × 600 → src=\"\"\n ====================================================== --\u003e \u003c!-- =====================================================\nSECTION 06 — EFFECTIVENESS\n\n⚠ KHÔNG SỬA media=\"(max-width:749px)\"\nMOBILE: chỉ thay chữ trong srcset=\"...\"\nDESKTOP: chỉ thay chữ trong src=\"...\"\n===================================================== --\u003e\n\u003csection class=\"af-amazon-a-plus-item\" data-a-plus-section=\"06\"\u003e\u003cpicture class=\"af-amazon-a-plus-picture\"\u003e \u003c!-- MOBILE — DÁN LINK Ở srcset BÊN DƯỚI --\u003e \u003csource media=\"(max-width:749px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_M_5-100.webp?v=1788837513\"\u003e \u003c!-- DESKTOP — DÁN LINK Ở src BÊN DƯỚI --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_D_5-100.webp?v=1788837525\" width=\"1464\" height=\"600\" loading=\"lazy\" decoding=\"async\" alt=\"ABERA Folliculitis Shower Gel effectiveness results\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"af-amazon-a-plus-placeholder\"\u003e\n\u003cstrong\u003eSECTION 06 — EFFECTIVENESS\u003c\/strong\u003e \u003cspan\u003eDesktop: 1464 × 600 px\u003c\/span\u003e \u003cspan\u003eMobile: 600 × 450 px\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n SECTION 07 — SOCIAL PROOF\n CHỈ DÁN 2 LINK VÀO 2 DÒNG BÊN DƯỚI:\n - MOBILE 600 × 450 → srcset=\"\"\n - DESKTOP 1464 × 600 → src=\"\"\n ====================================================== --\u003e \u003c!-- =====================================================\nSECTION 07 — SOCIAL PROOF\n\n⚠ KHÔNG SỬA media=\"(max-width:749px)\"\nMOBILE: chỉ thay chữ trong srcset=\"...\"\nDESKTOP: chỉ thay chữ trong src=\"...\"\n===================================================== --\u003e\n\u003csection class=\"af-amazon-a-plus-item\" data-a-plus-section=\"07\"\u003e\u003cpicture class=\"af-amazon-a-plus-picture\"\u003e \u003c!-- MOBILE — DÁN LINK Ở srcset BÊN DƯỚI --\u003e \u003csource media=\"(max-width:749px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_M_6-100.webp?v=1788837513\"\u003e \u003c!-- DESKTOP — DÁN LINK Ở src BÊN DƯỚI --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_D_6-100.webp?v=1788837525\" width=\"1464\" height=\"600\" loading=\"lazy\" decoding=\"async\" alt=\"ABERA Folliculitis Shower Gel customer social proof\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"af-amazon-a-plus-placeholder\"\u003e\n\u003cstrong\u003eSECTION 07 — SOCIAL PROOF\u003c\/strong\u003e \u003cspan\u003eDesktop: 1464 × 600 px\u003c\/span\u003e \u003cspan\u003eMobile: 600 × 450 px\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n SECTION 08 — PROPER USE\n CHỈ DÁN 2 LINK VÀO 2 DÒNG BÊN DƯỚI:\n - MOBILE 600 × 450 → srcset=\"\"\n - DESKTOP 1464 × 600 → src=\"\"\n ====================================================== --\u003e \u003c!-- =====================================================\nSECTION 08 — PROPER USE\n\n⚠ KHÔNG SỬA media=\"(max-width:749px)\"\nMOBILE: chỉ thay chữ trong srcset=\"...\"\nDESKTOP: chỉ thay chữ trong src=\"...\"\n===================================================== --\u003e\n\u003csection class=\"af-amazon-a-plus-item\" data-a-plus-section=\"08\"\u003e\u003cpicture class=\"af-amazon-a-plus-picture\"\u003e \u003c!-- MOBILE — DÁN LINK Ở srcset BÊN DƯỚI --\u003e \u003csource media=\"(max-width:749px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_M_7-100.webp?v=1788837513\"\u003e \u003c!-- DESKTOP — DÁN LINK Ở src BÊN DƯỚI --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Folliculitis_shower_D_7-100.webp?v=1788837525\" width=\"1464\" height=\"600\" loading=\"lazy\" decoding=\"async\" alt=\"ABERA Folliculitis Shower Gel proper use and results expectations\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"af-amazon-a-plus-placeholder\"\u003e\n\u003cstrong\u003eSECTION 08 — PROPER USE\u003c\/strong\u003e \u003cspan\u003eDesktop: 1464 × 600 px\u003c\/span\u003e \u003cspan\u003eMobile: 600 × 450 px\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function(){\n var stack = document.getElementById('af-amazon-a-plus-02-08');\n if(!stack) return;\n\n function isRealUrl(value){\n if(!value) return false;\n return \/^https?:\\\/\\\/\/i.test(String(value).trim());\n }\n\n stack.querySelectorAll('.af-amazon-a-plus-item').forEach(function(item){\n var img = item.querySelector('img');\n var source = item.querySelector('source');\n\n var desktop = img ? (img.getAttribute('src') || '').trim() : '';\n var mobile = source ? (source.getAttribute('srcset') || '').trim() : '';\n\n var hasDesktop = isRealUrl(desktop);\n var hasMobile = isRealUrl(mobile);\n\n if(hasDesktop || hasMobile){\n item.classList.add('has-image');\n\n \/* If only one version has been pasted, use it as fallback. *\/\n if(!hasDesktop \u0026\u0026 hasMobile \u0026\u0026 img){\n img.setAttribute('src', mobile);\n }\n\n if(!hasMobile \u0026\u0026 hasDesktop \u0026\u0026 source){\n source.setAttribute('srcset', desktop);\n }\n }else{\n item.classList.remove('has-image');\n }\n });\n})();\n\u003c\/script\u003e \u003c!-- =========================================================\n09 — CUSTOMER REVIEWS — HTML KEPT\n========================================================= --\u003e \u003c!-- REAL RESULT DATA \/ GIF BEFORE-AFTER — RESTORED FROM OLD HTML --\u003e\n\u003csection class=\"af-section af-results\"\u003e\n\u003cdiv class=\"af-inner\"\u003e\n\u003cdiv class=\"af-section-header af-center\"\u003e\n\u003ch2\u003eVISIBLE RESULTS\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-results-track\"\u003e\n\u003carticle class=\"af-result-card\"\u003e\n\u003cdiv class=\"af-result-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1105-20241105034555-lo59z-ezgifcom-gif-to-webp-converter-20260715072644-mtvj3.webp?v=1786781353\" alt=\"ABERA Folliculitis Shower Gel result - BACK ACNE \u0026amp; FOLLICULITIS\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"af-result-content\"\u003e\n\u003cdiv class=\"af-result-tag\"\u003eBACK\u003c\/div\u003e\n\u003ch3\u003eBACK ACNE \u0026amp; FOLLICULITIS\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-result-card\"\u003e\n\u003cdiv class=\"af-result-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/11051-20241105040542-fzl01-ezgifcom-gif-to-webp-converter-20260715072557-zu1pq.webp?v=1786781418\" alt=\"ABERA Folliculitis Shower Gel result - BODY BREAKOUTS\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"af-result-content\"\u003e\n\u003cdiv class=\"af-result-tag\"\u003eCHEST + SHOULDERS\u003c\/div\u003e\n\u003ch3\u003eBODY BREAKOUTS\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-result-card\"\u003e\n\u003cdiv class=\"af-result-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/11052-20241105040542-bxwym-ezgifcom-gif-to-webp-converter-20260715072317-as3z-ezgifcom-optiwebp-20260720064022-z_g6c.webp?v=1786781923\" alt=\"ABERA Folliculitis Shower Gel result - STRAWBERRY SKIN \/ KP\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"af-result-content\"\u003e\n\u003cdiv class=\"af-result-tag\"\u003eROUGH TEXTURE\u003c\/div\u003e\n\u003ch3\u003eSTRAWBERRY SKIN \/ KP\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-result-card\"\u003e\n\u003cdiv class=\"af-result-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/11054-20241105075910-ws4wj-ezgifcom-gif-to-webp-converter-20260715092652-rwb9c.webp?v=1786782810\" alt=\"ABERA Folliculitis Shower Gel result - INGROWN HAIRS \u0026amp; BUMPS\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"af-result-content\"\u003e\n\u003cdiv class=\"af-result-tag\"\u003eRECURRING BUMPS\u003c\/div\u003e\n\u003ch3\u003eINGROWN HAIRS \u0026amp; BUMPS\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-results-dots\"\u003e\n\u003cbutton class=\"af-results-dot active\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-results-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-results-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-results-dot\" type=\"button\"\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"af-section af-static-reviews\"\u003e\n\u003cdiv class=\"af-inner\"\u003e\n\u003cdiv class=\"af-static-review-header\"\u003e\n\u003cdiv class=\"af-static-header-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"af-static-title-box\"\u003e\n\u003ch2\u003eCUSTOMER REVIEWS\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-tabs\" role=\"tablist\"\u003e\n\u003cbutton class=\"af-static-tab active\" type=\"button\" role=\"tab\" id=\"af-tab-men\" data-target=\"af-men-results\"\u003eMEN’S RESULTS\u003c\/button\u003e \u003cbutton class=\"af-static-tab\" type=\"button\" role=\"tab\" id=\"af-tab-women\" data-target=\"af-women-results\"\u003eWOMEN’S RESULTS\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-panes\"\u003e\n\u003cdiv class=\"af-static-review-pane\" id=\"af-women-results\" role=\"tabpanel\"\u003e\n\u003cdiv class=\"af-static-review-viewport\"\u003e\n\u003cdiv class=\"af-static-review-track\"\u003e\n\u003carticle class=\"af-static-review-card\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Skin_condition_before_after_comp__202608251641.webp?v=1787652082');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“I bought it mainly for the tiny dark follicles and rough texture on my legs. With regular use, the skin feels smoother and the strawberry-skin look is much less noticeable.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eOlivia R., San Diego, CA\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_Image_16_46_05_25_thg_8_2026.webp?v=1787652081');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“I kept getting small raised bumps around my shoulders after shaving and friction from tight clothes. After using this consistently, the area feels smoother and I’m seeing fewer noticeable bumps.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eAshley P., Atlanta, GA\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Editing_chest_acne_comparison_image_202608251659.webp?v=1787652083');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“My upper chest used to get red and bumpy, especially after heat and sweating. After a few weeks, the area looks calmer and smoother, and the routine is simple enough to keep using.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eMegan C., Seattle, WA\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card is-placeholder\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Screenshot_2.webp?v=1787908338');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“I like keeping this in my shower because it feels easy and straightforward to use. The gel lathers well, rinses clean, and the scent is light and fresh without being too strong.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eLauren S., Tampa, FL\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card is-placeholder\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Editing_before_and_after_image_202608281605.webp?v=1787908337');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“I used this on the small bumps around my upper arm and underarm area. With regular use, the rough texture looks smoother, the redness has calmed down, and the area feels much less noticeable.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eLinh N., San Jose, CA\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card is-placeholder\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Editing_before_and_after_image_202608281607.webp?v=1787908338');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“I used it on the bumps along my butt and upper thighs where heat and friction usually make things worse. After staying consistent, the skin looks calmer, smoother, and the dark marks are much less obvious.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eBrianna M., Charlotte, NC\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-pane active\" id=\"af-men-results\" role=\"tabpanel\"\u003e\n\u003cdiv class=\"af-static-review-viewport\"\u003e\n\u003cdiv class=\"af-static-review-track\"\u003e\n\u003carticle class=\"af-static-review-card\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Editing_image_removing_text_4K_202608251622.webp?v=1787652081');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“My back used to break out after workouts, especially across my shoulders. After using the shower gel consistently, the redness looks calmer, the bumps are less noticeable, and my skin feels smoother.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eJason M., Austin, TX\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Screenshot_6.jpg?v=1787906835');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“The packaging arrived in good shape, and I liked the gel texture right away. It feels clear and lightweight, lathers easily, and rinses clean without leaving a sticky film. The scent is mild and fresh, not strong or overpowering.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eEric H., San Jose, CA\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Editing_skin_condition_collage_i__202608251630.webp?v=1787652081');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“My chest and upper body used to get red, rough and irritated after sweating. With regular use, the breakouts look calmer and my skin feels much cleaner and smoother.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eMark T., Denver, CO\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Acne_before_and_after_comparison_202608251652.webp?v=1787652082');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“Regular body wash never did much for the red bumps on my back. ABERA feels more targeted, and after staying consistent with it my skin looks calmer and less inflamed.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eDaniel K., Chicago, IL\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_Image_15_44_50_28_thg_8_2026.jpg?v=1787906835');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“I sit for long hours most days, and the back of my thighs would get covered in small red bumps from heat and friction. After using this consistently, the area looks much calmer, feels smoother, and the bumps are far less noticeable.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eKevin B., Miami, FL\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-static-review-card\" style=\"--review-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/omar_full_front_ba_-_no_text_1.webp?v=1787906833');\"\u003e\n\u003cdiv class=\"af-static-review-image\"\u003e\n\u003cspan class=\"af-static-before\"\u003eBEFORE\u003c\/span\u003e\u003cspan class=\"af-static-after\"\u003eAFTER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-static-review-content\"\u003e\n\u003cdiv class=\"af-static-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"af-static-review-copy\"\u003e“My chest used to have a lot of red, uneven-looking bumps that were hard to ignore. With consistent use, the area looks noticeably calmer and smoother, and the overall texture looks much more even than before.”\u003c\/p\u003e\n\u003cdiv class=\"af-static-review-meta\"\u003e\n\u003cdiv class=\"af-static-review-name\"\u003eNoah P., Dallas, TX\u003c\/div\u003e\n\u003cdiv class=\"af-static-verified\"\u003e\n\u003cspan class=\"af-static-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eCustomer Review\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n10A — HOW TO USE — HTML KEPT\n========================================================= --\u003e\n\u003csection class=\"af-section af-howto\"\u003e\n\u003cdiv class=\"af-inner\"\u003e\n\u003cdiv class=\"af-howto-wrap\"\u003e\n\u003cdiv class=\"af-howto-media af-howto-carousel\"\u003e\n\u003cimg id=\"af-howto-audience-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_spraying_back_care_product_202608280936.webp?v=1787884807\" data-men-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_spraying_back_care_product_202608280936.webp?v=1787884807\" data-women-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/y_tr.webp?v=1790319361\" data-men-alt=\"Men’s post-shower body care routine with ABERA Folliculitis Shower Gel and BHA Back Acne Spray\" data-women-alt=\"Women’s post-shower body care routine with ABERA Folliculitis Shower Gel and BHA Back Acne Spray\" alt=\"Men’s post-shower body care routine with ABERA Folliculitis Shower Gel and BHA Back Acne Spray\" loading=\"lazy\"\u003e \u003cbutton class=\"af-howto-arrow af-howto-prev\" type=\"button\"\u003e‹\u003c\/button\u003e \u003cbutton class=\"af-howto-arrow af-howto-next\" type=\"button\"\u003e›\u003c\/button\u003e\n\u003cdiv class=\"af-howto-dots\"\u003e\n\u003cbutton class=\"af-howto-dot active\" type=\"button\" data-audience=\"men\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-howto-dot\" type=\"button\" data-audience=\"women\"\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-howto-content\"\u003e\n\u003cdiv class=\"af-eyebrow\"\u003eSIMPLE DAILY ROUTINE\u003c\/div\u003e\n\u003ch2\u003eHOW TO USE\u003c\/h2\u003e\n\u003cdiv class=\"af-howto-steps\"\u003e\n\u003cdiv class=\"af-howto-step\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eWET \u0026amp; LATHER\u003c\/strong\u003e\n\u003cp\u003eApply to wet skin and lather over problem-prone areas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-howto-step\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eMASSAGE FOR 60–120 SECONDS\u003c\/strong\u003e\n\u003cp\u003eMassage gently over the back, chest, shoulders or other bump-prone areas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-howto-step\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRINSE\u003c\/strong\u003e\n\u003cp\u003eRinse thoroughly with lukewarm water and use consistently.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-howto-feel\"\u003e\n\u003cstrong\u003eSKIN CARE TIP:\u003c\/strong\u003e Avoid very hot water and aggressive scrubbing or scratching, which can leave irritated skin feeling drier or more uncomfortable.\u003c\/div\u003e\n\u003cdiv class=\"af-howto-note\"\u003e\n\u003cstrong\u003eBHA TIP:\u003c\/strong\u003e Once skin is dry, use ABERA BHA Back Acne Spray on hard-to-reach areas like the back and shoulders for easy leave-on care.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n10B — SHOWER GEL + BHA ROUTINE — HTML KEPT\n========================================================= --\u003e \u003c!-- =========================================================\n11 — CUSTOMER VIDEOS — HTML KEPT\n========================================================= --\u003e\n\u003csection class=\"af-section af-videos\"\u003e\n\u003cdiv class=\"af-inner\"\u003e\n\u003ch2\u003eREAL CUSTOMERS.\u003c\/h2\u003e\n\u003cdiv class=\"af-video-carousel-shell\"\u003e\n\u003cbutton class=\"af-video-arrow af-video-prev\" type=\"button\"\u003e‹\u003c\/button\u003e\n\u003cdiv class=\"af-videos-track\"\u003e\n\u003carticle class=\"af-video-item\"\u003e\n\u003cdiv class=\"af-video-wrap\"\u003e\u003cvideo class=\"af-customer-video\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2aa65a66e666432091d284f00c0b170f.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-video-item\"\u003e\n\u003cdiv class=\"af-video-wrap\"\u003e\u003cvideo class=\"af-customer-video\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/90a537e801f24e4aab87cf505a367d40.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-video-item\"\u003e\n\u003cdiv class=\"af-video-wrap\"\u003e\u003cvideo class=\"af-customer-video\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c5c4d7284fe1465e982a0b0366d1acfe.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-video-item\"\u003e\n\u003cdiv class=\"af-video-wrap\"\u003e\u003cvideo class=\"af-customer-video\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a09d92962f8f43d39d5f7c0340ee2769.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-video-item\"\u003e\n\u003cdiv class=\"af-video-wrap\"\u003e\u003cvideo class=\"af-customer-video\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/7fe2094e761647b7ac83640b54b0be90.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-video-item\"\u003e\n\u003cdiv class=\"af-video-wrap\"\u003e\u003cvideo class=\"af-customer-video\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a52a7093e2d343c7ac5b826e0f4e3987.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-video-item\"\u003e\n\u003cdiv class=\"af-video-wrap\"\u003e\u003cvideo class=\"af-customer-video\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/71cf5584adb442e79072e6d2f4a6c0b4.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-video-item\"\u003e\n\u003cdiv class=\"af-video-wrap\"\u003e\u003cvideo class=\"af-customer-video\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0f8f29778ed64156981de087147bf688.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-video-item\"\u003e\n\u003cdiv class=\"af-video-wrap\"\u003e\u003cvideo class=\"af-customer-video\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/57ab10aa60d94663ac2ee96f392445e1.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"af-video-item\"\u003e\n\u003cdiv class=\"af-video-wrap\"\u003e\u003cvideo class=\"af-customer-video\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e3fe2950783542deae158c2c5e6411a2.mp4#t=0.12\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"af-video-arrow af-video-next\" type=\"button\"\u003e›\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-video-dots\"\u003e\n\u003cbutton class=\"af-dot active\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"af-dot\" type=\"button\"\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"af-section af-final\"\u003e\n\u003cdiv class=\"af-inner\"\u003e\n\u003cdiv class=\"af-eyebrow\"\u003e4-WEEK RESULTS COMMITMENT\u003c\/div\u003e\n\u003ch2\u003eREDUCE FOLLICULITIS, BODY ACNE \u0026amp; HYPERKERATOSIS IN 4 WEEKS.\u003c\/h2\u003e\n\u003cp\u003eUse consistently for 4 weeks to target recurring bumps, clogged-looking follicles and rough body texture.\u003c\/p\u003e\n\u003ca class=\"af-btn\" href=\"#abera-product-variant\" data-af-buy-scroll=\"true\"\u003eSHOP ABERA FOLLICULITIS SHOWER GEL\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ --\u003e\n\u003csection class=\"af-section af-faq\"\u003e\n\u003cdiv class=\"af-inner\"\u003e\n\u003cdiv class=\"af-faq-head\"\u003e\n\u003ch2 id=\"abera-faq-title\"\u003eFAQs\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"af-faq-list\"\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eWhat is the best body wash for treating folliculitis?\u003c\/summary\u003e\n\u003cp\u003eA treatment-focused folliculitis body wash should do more than remove sweat and surface dirt. ABERA Folliculitis Shower Gel is formulated to deeply cleanse clogged follicles, exfoliate dead-skin and excess-oil buildup, target bacteria and fungi on the skin, calm visible inflammation and help prevent recurring body bumps.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eCan ABERA help treat recurring folliculitis, back acne and body acne?\u003c\/summary\u003e\n\u003cp\u003eYes. ABERA is designed to treat recurring folliculitis, back acne, chest acne and other body breakouts. It helps unclog follicles, remove excess oil and dead skin, reduce microbial buildup, calm red or itchy-looking bumps and help reduce recurrence with consistent use.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eWhy does ABERA use Wild Bitter Melon for folliculitis-prone skin?\u003c\/summary\u003e\n\u003cp\u003eWild Bitter Melon is ABERA’s signature botanical ingredient. It contains naturally occurring bioactive compounds associated with antioxidant, anti-inflammatory and antimicrobial activity, making it especially suitable for clogged, irritated and recurring bump-prone skin. ABERA combines it with exfoliating and soothing actives for a more complete folliculitis treatment routine.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eWhat ingredients in ABERA help treat folliculitis and clogged follicles?\u003c\/summary\u003e\n\u003cp\u003eABERA combines Wild Bitter Melon, Galactolyl Salicylate, Mandelic Acid, Tea Tree Oil, Niacinamide and Allantoin. Together, these ingredients provide exfoliating, antimicrobial and soothing care to clear follicular buildup, target bacteria and fungi, reduce visible inflammation and support smoother body skin.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eCan ABERA help with keratosis pilaris, hyperkeratosis and strawberry skin?\u003c\/summary\u003e\n\u003cp\u003eYes. ABERA helps exfoliate excess keratin and dead-skin buildup that can leave follicles rough, clogged or visibly dark. Regular use helps smooth keratosis-pilaris-like bumps, hyperkeratosis and strawberry-skin texture on areas such as the upper arms, thighs and legs.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eHow quickly can I see results from ABERA Folliculitis Shower Gel?\u003c\/summary\u003e\n\u003cp\u003eWith consistent use, visible improvement in bumps, redness and rough texture may begin within about 3–4 weeks. More stubborn or recurring concerns can take longer depending on their cause, severity and how consistently the routine is followed.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eWho can use ABERA and where can I use it?\u003c\/summary\u003e\n\u003cp\u003eABERA is a unisex body treatment wash suitable from puberty through adulthood and older age, including customers 65+. Use it on common problem areas such as the back, chest, shoulders, upper arms, thighs, buttocks and legs.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eHow should I use ABERA for the best results?\u003c\/summary\u003e\n\u003cp\u003eApply ABERA to wet skin and gently massage it over problem areas for about 60–120 seconds, then rinse thoroughly with lukewarm water. Use consistently as part of your shower routine. For hard-to-reach back and shoulder areas, ABERA BHA Back Acne Spray can be used after showering for additional leave-on exfoliating care.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eWhat can trigger or worsen back acne, body acne and folliculitis?\u003c\/summary\u003e\n\u003cp\u003eCommon triggers include sweat, excess oil, tight clothing, friction, shaving, ingrown hairs, hormonal changes, anabolic steroids or testosterone, stress, lack of sleep and some dietary habits. These factors can contribute to clogged follicles, irritation and recurring bumps on the back, chest, shoulders, thighs and buttocks.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eCan ABERA help fade dark marks left by body acne or folliculitis?\u003c\/summary\u003e\n\u003cp\u003eABERA helps improve uneven-looking body skin by exfoliating surface buildup and supporting smoother skin renewal. With continued use, post-breakout dark marks can become less noticeable while the skin looks clearer and more even.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eWhy does folliculitis keep coming back?\u003c\/summary\u003e\n\u003cp\u003eFolliculitis can recur when sweat, excess oil, dead skin, friction, shaving or microbial buildup repeatedly clogs or irritates hair follicles. Consistent cleansing and exfoliation help break this cycle, keep follicles clearer and reduce recurring body bumps.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eHow is fungal folliculitis different from bacterial folliculitis?\u003c\/summary\u003e\n\u003cp\u003eBacterial and fungal folliculitis can look similar. Very uniform, itchy bumps that worsen with heat and sweat can suggest fungal folliculitis, while bacterial folliculitis may be more tender or pustular. ABERA targets clogged follicles and microbial buildup, but persistent, severe or rapidly spreading cases may need professional evaluation or a dedicated medical treatment.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eWhat should I do if I do not see results after 4 weeks?\u003c\/summary\u003e\n\u003cp\u003eFirst, check that ABERA is being used consistently and massaged over the affected area for about 60–120 seconds before rinsing. If bumps remain severe, painful, very itchy or unchanged, the underlying cause may require a different treatment approach or professional evaluation.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eCan I use ABERA Folliculitis Shower Gel on my face?\u003c\/summary\u003e\n\u003cp\u003eABERA Folliculitis Shower Gel is formulated primarily for body areas such as the back, chest, shoulders, arms, thighs and buttocks. For facial breakouts, use a product specifically designed for facial skin unless otherwise directed by a skincare professional.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eWhy is the ABERA gel thick, and how do I use the pump?\u003c\/summary\u003e\n\u003cp\u003eABERA has a concentrated gel texture, so a new pump may need several firm presses to prime before the first use. Once primed, dispense the amount needed onto wet skin, lather over the treatment area and rinse thoroughly.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-item\"\u003e\n\u003csummary\u003eWhere can I buy ABERA Folliculitis Shower Gel?\u003c\/summary\u003e\n\u003cp\u003eABERA Folliculitis Shower Gel is available online. On Amazon, search for “Folliculitis Shower Gel” and look for ABERA in the results. You can also purchase directly from the ABERA official store when available.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"af-faq-doc-item\"\u003e\n\u003csummary\u003eCan I view ABERA's quality \u0026amp; safety documentation?\u003c\/summary\u003e\n\u003cdiv class=\"af-faq-docs\"\u003e\n\u003cfigure\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA.jpg?v=1786441226\" alt=\"ABERA manufacturing and quality documentation\" loading=\"lazy\"\u003e\n\u003cfigcaption\u003eManufacturing \u0026amp; Quality Standards\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003cfigure\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA_2.jpg?v=1786441227\" alt=\"ABERA product and safety documentation\" loading=\"lazy\"\u003e\n\u003cfigcaption\u003eProduct \u0026amp; Safety Documentation\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"What is the best body wash for treating folliculitis?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"A treatment-focused folliculitis body wash should do more than remove sweat and surface dirt. ABERA Folliculitis Shower Gel is formulated to deeply cleanse clogged follicles, exfoliate dead-skin and excess-oil buildup, target bacteria and fungi on the skin, calm visible inflammation and help prevent recurring body bumps.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Can ABERA help treat recurring folliculitis, back acne and body acne?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes. ABERA is designed to treat recurring folliculitis, back acne, chest acne and other body breakouts. It helps unclog follicles, remove excess oil and dead skin, reduce microbial buildup, calm red or itchy-looking bumps and help reduce recurrence with consistent use.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Why does ABERA use Wild Bitter Melon for folliculitis-prone skin?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Wild Bitter Melon is ABERA’s signature botanical ingredient. It contains naturally occurring bioactive compounds associated with antioxidant, anti-inflammatory and antimicrobial activity, making it especially suitable for clogged, irritated and recurring bump-prone skin. ABERA combines it with exfoliating and soothing actives for a more complete folliculitis treatment routine.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"What ingredients in ABERA help treat folliculitis and clogged follicles?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ABERA combines Wild Bitter Melon, Galactolyl Salicylate, Mandelic Acid, Tea Tree Oil, Niacinamide and Allantoin. Together, these ingredients provide exfoliating, antimicrobial and soothing care to clear follicular buildup, target bacteria and fungi, reduce visible inflammation and support smoother body skin.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Can ABERA help with keratosis pilaris, hyperkeratosis and strawberry skin?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes. ABERA helps exfoliate excess keratin and dead-skin buildup that can leave follicles rough, clogged or visibly dark. Regular use helps smooth keratosis-pilaris-like bumps, hyperkeratosis and strawberry-skin texture on areas such as the upper arms, thighs and legs.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"How quickly can I see results from ABERA Folliculitis Shower Gel?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"With consistent use, visible improvement in bumps, redness and rough texture may begin within about 3–4 weeks. More stubborn or recurring concerns can take longer depending on their cause, severity and how consistently the routine is followed.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Who can use ABERA and where can I use it?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ABERA is a unisex body treatment wash suitable from puberty through adulthood and older age, including customers 65+. Use it on common problem areas such as the back, chest, shoulders, upper arms, thighs, buttocks and legs.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"How should I use ABERA for the best results?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Apply ABERA to wet skin and gently massage it over problem areas for about 60–120 seconds, then rinse thoroughly with lukewarm water. Use consistently as part of your shower routine. For hard-to-reach back and shoulder areas, ABERA BHA Back Acne Spray can be used after showering for additional leave-on exfoliating care.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"What can trigger or worsen back acne, body acne and folliculitis?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Common triggers include sweat, excess oil, tight clothing, friction, shaving, ingrown hairs, hormonal changes, anabolic steroids or testosterone, stress, lack of sleep and some dietary habits. These factors can contribute to clogged follicles, irritation and recurring bumps on the back, chest, shoulders, thighs and buttocks.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Can ABERA help fade dark marks left by body acne or folliculitis?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ABERA helps improve uneven-looking body skin by exfoliating surface buildup and supporting smoother skin renewal. With continued use, post-breakout dark marks can become less noticeable while the skin looks clearer and more even.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Why does folliculitis keep coming back?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Folliculitis can recur when sweat, excess oil, dead skin, friction, shaving or microbial buildup repeatedly clogs or irritates hair follicles. Consistent cleansing and exfoliation help break this cycle, keep follicles clearer and reduce recurring body bumps.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"How is fungal folliculitis different from bacterial folliculitis?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Bacterial and fungal folliculitis can look similar. Very uniform, itchy bumps that worsen with heat and sweat can suggest fungal folliculitis, while bacterial folliculitis may be more tender or pustular. ABERA targets clogged follicles and microbial buildup, but persistent, severe or rapidly spreading cases may need professional evaluation or a dedicated medical treatment.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"What should I do if I do not see results after 4 weeks?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"First, check that ABERA is being used consistently and massaged over the affected area for about 60–120 seconds before rinsing. If bumps remain severe, painful, very itchy or unchanged, the underlying cause may require a different treatment approach or professional evaluation.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Can I use ABERA Folliculitis Shower Gel on my face?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ABERA Folliculitis Shower Gel is formulated primarily for body areas such as the back, chest, shoulders, arms, thighs and buttocks. For facial breakouts, use a product specifically designed for facial skin unless otherwise directed by a skincare professional.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Why is the ABERA gel thick, and how do I use the pump?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ABERA has a concentrated gel texture, so a new pump may need several firm presses to prime before the first use. Once primed, dispense the amount needed onto wet skin, lather over the treatment area and rinse thoroughly.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Where can I buy ABERA Folliculitis Shower Gel?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ABERA Folliculitis Shower Gel is available online. On Amazon, search for “Folliculitis Shower Gel” and look for ABERA in the results. You can also purchase directly from the ABERA official store when available.\"\n }\n }\n ]\n}\n\u003c\/script\u003e \u003c!-- =========================================================\n12 — FAQ — HTML KEPT\n========================================================= --\u003e \u003c!-- =========================================================\n13 — FINAL CTA — HTML KEPT\n========================================================= --\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n(function(){\n const root = document.getElementById('abera-folliculitis-v2');\n if (!root) return;\n\n function initCarousel(options){\n const track = root.querySelector(options.track);\n if (!track) return;\n\n const items = Array.from(track.querySelectorAll(options.item));\n const dots = Array.from(root.querySelectorAll(options.dot));\n if (!items.length || !dots.length) return;\n\n const prev = options.prev ? root.querySelector(options.prev) : null;\n const next = options.next ? root.querySelector(options.next) : null;\n\n function gapSize(){\n const style = getComputedStyle(track);\n return parseFloat(style.gap || style.columnGap || '0') || 0;\n }\n\n function step(){\n if (!items[0]) return track.clientWidth;\n return items[0].getBoundingClientRect().width + gapSize();\n }\n\n function activeIndex(){\n const s = step();\n if (!s) return 0;\n return Math.max(\n 0,\n Math.min(items.length - 1, Math.round(track.scrollLeft \/ s))\n );\n }\n\n function update(){\n const idx = activeIndex();\n\n dots.forEach(function(dot, i){\n dot.classList.toggle('active', i === idx);\n dot.setAttribute('aria-current', i === idx ? 'true' : 'false');\n });\n\n if (prev) prev.disabled = track.scrollLeft \u003c= 3;\n\n if (next){\n const max = track.scrollWidth - track.clientWidth;\n next.disabled = track.scrollLeft \u003e= max - 3;\n }\n }\n\n dots.forEach(function(dot, i){\n dot.addEventListener('click', function(){\n track.scrollTo({\n left: step() * i,\n behavior:'smooth'\n });\n });\n });\n\n if (prev){\n prev.addEventListener('click', function(){\n track.scrollBy({\n left:-step(),\n behavior:'smooth'\n });\n });\n }\n\n if (next){\n next.addEventListener('click', function(){\n track.scrollBy({\n left:step(),\n behavior:'smooth'\n });\n });\n }\n\n let timer;\n track.addEventListener('scroll', function(){\n clearTimeout(timer);\n timer = setTimeout(update, 45);\n }, {passive:true});\n\n window.addEventListener('resize', update);\n update();\n }\n\n \/* Recent customer reviews now use gender tabs + native swipe on mobile *\/\n\n \/* Before \/ after result cards — mobile carousel *\/\n initCarousel({\n track:'.af-results-track',\n item:'.af-result-card',\n dot:'.af-results-dot'\n });\n\n \/* 6 key ingredients — desktop + mobile carousel *\/\n initCarousel({\n track:'.af-ing-track',\n item:'.af-ing-card',\n dot:'.af-ing-dot',\n prev:'.af-ing-prev',\n next:'.af-ing-next'\n });\n\n \/* Customer videos — desktop 5-up carousel + mobile swipe carousel *\/\n initCarousel({\n track:'.af-videos-track',\n item:'.af-video-item',\n dot:'.af-video-dots .af-dot',\n prev:'.af-video-prev',\n next:'.af-video-next'\n });\n\n\n \/* Documentation lightbox *\/\n const docLightbox = root.querySelector('.af-doc-lightbox');\n const docLightboxImage = root.querySelector('.af-doc-lightbox-image');\n const docLightboxClose = root.querySelector('.af-doc-lightbox-close');\n const docTriggers = Array.from(root.querySelectorAll('.af-doc-image'));\n\n function openDocLightbox(trigger){\n if (!docLightbox || !docLightboxImage) return;\n const img = trigger.querySelector('img');\n if (!img) return;\n\n docLightboxImage.src = img.currentSrc || img.src;\n docLightboxImage.alt = img.alt || 'ABERA quality documentation';\n docLightbox.classList.add('is-open');\n docLightbox.setAttribute('aria-hidden','false');\n document.documentElement.style.overflow = 'hidden';\n }\n\n function closeDocLightbox(){\n if (!docLightbox) return;\n docLightbox.classList.remove('is-open');\n docLightbox.setAttribute('aria-hidden','true');\n document.documentElement.style.overflow = '';\n }\n\n docTriggers.forEach(function(trigger){\n trigger.addEventListener('click', function(){\n openDocLightbox(trigger);\n });\n\n trigger.addEventListener('keydown', function(event){\n if (event.key === 'Enter' || event.key === ' '){\n event.preventDefault();\n openDocLightbox(trigger);\n }\n });\n });\n\n if (docLightboxClose){\n docLightboxClose.addEventListener('click', closeDocLightbox);\n }\n\n if (docLightbox){\n docLightbox.addEventListener('click', function(event){\n if (event.target === docLightbox) closeDocLightbox();\n });\n }\n\n document.addEventListener('keydown', function(event){\n if (event.key === 'Escape' \u0026\u0026 docLightbox \u0026\u0026 docLightbox.classList.contains('is-open')){\n closeDocLightbox();\n }\n });\n\n \/* -------------------------------------------------------\n CTA → SHOPIFY PURCHASE AREA\n Works on desktop + mobile.\n Tries several common Shopify product selectors, then\n falls back to the top product area \/ page top.\n ------------------------------------------------------- *\/\n const buyButtons = Array.from(\n root.querySelectorAll('[data-af-buy-scroll=\"true\"]')\n );\n\n function findPurchaseTarget(){\n const selectors = [\n '#abera-product-variant',\n '[id^=\"ProductInfo-\"]',\n '[id*=\"ProductInfo-\"]',\n '.product__info-container',\n '.product-form',\n 'form[action*=\"\/cart\/add\"]',\n '[data-product-form]',\n '.product__info-wrapper',\n '.product'\n ];\n\n for (const selector of selectors){\n const node = document.querySelector(selector);\n if (node \u0026\u0026 !root.contains(node)){\n return node;\n }\n }\n\n \/* If a matching element is inside this custom section, do not\n scroll back into the content section; use the top of page instead. *\/\n return null;\n }\n\n function scrollToPurchaseArea(event){\n event.preventDefault();\n\n const target = findPurchaseTarget();\n const header =\n document.querySelector('sticky-header') ||\n document.querySelector('.header-wrapper') ||\n document.querySelector('header');\n\n const headerHeight = header\n ? Math.min(header.getBoundingClientRect().height || 0, 140)\n : 0;\n\n if (target){\n const rect = target.getBoundingClientRect();\n const targetTop =\n window.pageYOffset +\n rect.top -\n headerHeight -\n 24;\n\n window.scrollTo({\n top: Math.max(0, targetTop),\n behavior:'smooth'\n });\n\n \/* Update URL hash without triggering a second jump. *\/\n try{\n history.replaceState(null, '', '#abera-product-variant');\n }catch(e){}\n } else {\n \/* Safe fallback: product purchase area is normally above\n the custom landing-page content. *\/\n window.scrollTo({\n top:0,\n behavior:'smooth'\n });\n }\n }\n\n buyButtons.forEach(function(button){\n button.addEventListener('click', scrollToPurchaseArea);\n });\n\n\n \/* =========================================================\n AUDIENCE PERSONALIZATION\n URL examples:\n ?audience=men\n ?audience=women\n\n - Opens the matching review tab automatically.\n - Swaps the HOW TO USE lifestyle image.\n - Clicking a gender tab updates ?audience=... without reloading.\n - Existing UTM parameters are preserved.\n ========================================================= *\/\n (function(){\n const tabs = Array.from(root.querySelectorAll('.af-static-tab'));\n const panes = Array.from(root.querySelectorAll('.af-static-review-pane'));\n const howToImage = root.querySelector('#af-howto-audience-image');\n const howToPrev = root.querySelector('.af-howto-prev');\n const howToNext = root.querySelector('.af-howto-next');\n const howToDots = Array.from(root.querySelectorAll('.af-howto-dot'));\n\n function normalizeAudience(value){\n value = String(value || '').toLowerCase().trim();\n if (['women','woman','female'].includes(value)) return 'women';\n return 'men';\n }\n\n function updateHowToImage(audience){\n if (!howToImage) return;\n\n const isWomen = audience === 'women';\n const nextSrc = isWomen ? howToImage.dataset.womenSrc : howToImage.dataset.menSrc;\n const nextAlt = isWomen ? howToImage.dataset.womenAlt : howToImage.dataset.menAlt;\n\n if (nextSrc \u0026\u0026 howToImage.getAttribute('src') !== nextSrc){\n howToImage.style.opacity = '.6';\n window.setTimeout(function(){\n howToImage.setAttribute('src', nextSrc);\n howToImage.style.opacity = '1';\n }, 80);\n }\n\n if (nextAlt){\n howToImage.setAttribute('alt', nextAlt);\n }\n\n howToDots.forEach(function(dot){\n const active = dot.dataset.audience === audience;\n dot.classList.toggle('active', active);\n dot.setAttribute('aria-current', active ? 'true' : 'false');\n });\n }\n\n function activateReviews(audience){\n const targetId = audience === 'women' ? 'af-women-results' : 'af-men-results';\n\n tabs.forEach(function(tab){\n const active = tab.dataset.target === targetId;\n tab.classList.toggle('active', active);\n tab.setAttribute('aria-selected', active ? 'true' : 'false');\n });\n\n panes.forEach(function(pane){\n const active = pane.id === targetId;\n pane.classList.toggle('active', active);\n\n if (active){\n const track = pane.querySelector('.af-static-review-track');\n if (track) track.scrollLeft = 0;\n }\n });\n }\n\n function updateUrl(audience){\n try{\n const url = new URL(window.location.href);\n url.searchParams.set('audience', audience);\n window.history.replaceState(\n {},\n '',\n url.pathname + '?' + url.searchParams.toString() + url.hash\n );\n }catch(e){}\n }\n\n function setAudience(audience, updateAddressBar){\n audience = normalizeAudience(audience);\n activateReviews(audience);\n updateHowToImage(audience);\n\n if (updateAddressBar){\n updateUrl(audience);\n }\n\n root.setAttribute('data-audience', audience);\n }\n\n \/* Initial state from ad \/ campaign URL. Default = men. *\/\n let initialAudience = 'men';\n try{\n const params = new URLSearchParams(window.location.search);\n initialAudience = normalizeAudience(params.get('audience'));\n }catch(e){}\n\n setAudience(initialAudience, false);\n\n \/* Manual tab click also switches the How To Use image\n and updates the URL without reloading the page. *\/\n tabs.forEach(function(tab){\n tab.addEventListener('click', function(){\n const audience = tab.dataset.target === 'af-women-results' ? 'women' : 'men';\n setAudience(audience, true);\n });\n });\n\n \/* How To Use arrows: move between Men and Women images *\/\n function toggleHowToAudience(){\n const current = root.getAttribute('data-audience') === 'women' ? 'women' : 'men';\n setAudience(current === 'women' ? 'men' : 'women', true);\n }\n\n if (howToPrev){\n howToPrev.addEventListener('click', toggleHowToAudience);\n }\n\n if (howToNext){\n howToNext.addEventListener('click', toggleHowToAudience);\n }\n\n \/* How To Use dots *\/\n howToDots.forEach(function(dot){\n dot.addEventListener('click', function(){\n setAudience(dot.dataset.audience, true);\n });\n });\n\n \/* Back\/forward navigation support. *\/\n window.addEventListener('popstate', function(){\n try{\n const params = new URLSearchParams(window.location.search);\n setAudience(params.get('audience'), false);\n }catch(e){}\n });\n })();\n\n})();\n\u003c\/script\u003e \u003cscript\u003e\n(function(){\n const root = document.getElementById('abera-folliculitis-v2');\n if (!root) return;\n\n const ingredientTrack = root.querySelector('.af-ing-track');\n if (!ingredientTrack) return;\n\n function resetIngredientStart(){\n if (window.matchMedia('(max-width:749px)').matches){\n ingredientTrack.scrollLeft = 0;\n }\n }\n\n resetIngredientStart();\n requestAnimationFrame(resetIngredientStart);\n\n window.addEventListener('pageshow', resetIngredientStart);\n})();\n\u003c\/script\u003e \u003cscript\u003e\n(function(){\n var root = document.getElementById('abera-folliculitis-v2');\n if(!root) return;\n\n function gapOf(track){\n var style = getComputedStyle(track);\n return parseFloat(style.columnGap || style.gap || '0') || 0;\n }\n\n function stepOf(track, cards){\n if(!cards.length) return track.clientWidth;\n return cards[0].getBoundingClientRect().width + gapOf(track);\n }\n\n function addArrowShell(track, shellClass, prevLabel, nextLabel){\n if(!track || track.closest('.' + shellClass)) return track ? track.closest('.' + shellClass) : null;\n\n var shell = document.createElement('div');\n shell.className = shellClass;\n track.parentNode.insertBefore(shell, track);\n shell.appendChild(track);\n\n var prev = document.createElement('button');\n prev.type = 'button';\n prev.className = 'af-amazon-ui-arrow af-amazon-ui-prev';\n prev.setAttribute('aria-label', prevLabel);\n prev.textContent = '‹';\n\n var next = document.createElement('button');\n next.type = 'button';\n next.className = 'af-amazon-ui-arrow af-amazon-ui-next';\n next.setAttribute('aria-label', nextLabel);\n next.textContent = '›';\n\n shell.insertBefore(prev, track);\n shell.appendChild(next);\n\n return shell;\n }\n\n function wireCarousel(track, cards, prev, next, dots){\n if(!track || !cards.length) return;\n\n function step(){\n return stepOf(track, cards);\n }\n\n function index(){\n var s = step();\n if(!s) return 0;\n return Math.max(0, Math.min(cards.length - 1, Math.round(track.scrollLeft \/ s)));\n }\n\n function update(){\n var i = index();\n\n if(dots \u0026\u0026 dots.length){\n dots.forEach(function(dot, n){\n dot.classList.toggle('active', n === i);\n dot.setAttribute('aria-current', n === i ? 'true' : 'false');\n });\n }\n\n if(prev){\n prev.disabled = track.scrollLeft \u003c= 3;\n }\n\n if(next){\n var max = track.scrollWidth - track.clientWidth;\n next.disabled = track.scrollLeft \u003e= max - 3;\n }\n }\n\n if(prev){\n prev.addEventListener('click', function(){\n track.scrollBy({left:-step(), behavior:'smooth'});\n });\n }\n\n if(next){\n next.addEventListener('click', function(){\n track.scrollBy({left:step(), behavior:'smooth'});\n });\n }\n\n if(dots \u0026\u0026 dots.length){\n dots.forEach(function(dot, n){\n dot.addEventListener('click', function(){\n track.scrollTo({left:step() * n, behavior:'smooth'});\n });\n });\n }\n\n var timer;\n track.addEventListener('scroll', function(){\n clearTimeout(timer);\n timer = setTimeout(update, 35);\n }, {passive:true});\n\n window.addEventListener('resize', update);\n update();\n }\n\n \/* RESULTS *\/\n (function(){\n var section = root.querySelector('.af-results');\n if(!section) return;\n\n var track = section.querySelector('.af-results-track');\n if(!track) return;\n\n var cards = Array.prototype.slice.call(track.querySelectorAll('.af-result-card'));\n var shell = addArrowShell(track, 'af-results-carousel-shell', 'Previous result', 'Next result');\n if(!shell) return;\n\n var prev = shell.querySelector('.af-amazon-ui-prev');\n var next = shell.querySelector('.af-amazon-ui-next');\n var dots = Array.prototype.slice.call(section.querySelectorAll('.af-results-dot'));\n\n wireCarousel(track, cards, prev, next, dots);\n })();\n\n \/* REVIEWS — one carousel per gender tab *\/\n (function(){\n var panes = Array.prototype.slice.call(root.querySelectorAll('.af-static-review-pane'));\n if(!panes.length) return;\n\n panes.forEach(function(pane){\n var viewport = pane.querySelector('.af-static-review-viewport');\n var track = pane.querySelector('.af-static-review-track');\n if(!viewport || !track) return;\n\n var cards = Array.prototype.slice.call(track.querySelectorAll('.af-static-review-card'));\n\n var shell = document.createElement('div');\n shell.className = 'af-static-review-carousel-shell';\n\n viewport.parentNode.insertBefore(shell, viewport);\n shell.appendChild(viewport);\n\n var prev = document.createElement('button');\n prev.type = 'button';\n prev.className = 'af-amazon-ui-arrow af-amazon-ui-prev';\n prev.setAttribute('aria-label', 'Previous customer review');\n prev.textContent = '‹';\n\n var next = document.createElement('button');\n next.type = 'button';\n next.className = 'af-amazon-ui-arrow af-amazon-ui-next';\n next.setAttribute('aria-label', 'Next customer review');\n next.textContent = '›';\n\n shell.insertBefore(prev, viewport);\n shell.appendChild(next);\n\n var dotsWrap = document.createElement('div');\n dotsWrap.className = 'af-static-review-dots';\n\n var dots = cards.map(function(card, i){\n var dot = document.createElement('button');\n dot.type = 'button';\n dot.className = 'af-static-review-dot' + (i === 0 ? ' active' : '');\n dot.setAttribute('aria-label', 'Review ' + (i + 1));\n dotsWrap.appendChild(dot);\n return dot;\n });\n\n shell.parentNode.insertBefore(dotsWrap, shell.nextSibling);\n wireCarousel(track, cards, prev, next, dots);\n });\n\n \/* Update controls after switching Men\/Women *\/\n root.querySelectorAll('.af-static-tab').forEach(function(tab){\n tab.addEventListener('click', function(){\n setTimeout(function(){\n window.dispatchEvent(new Event('resize'));\n }, 60);\n });\n });\n })();\n\n})();\n\u003c\/script\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Abera","offers":[{"title":"1 BOX (-30%)","offer_id":53838772011376,"sku":"CB-GTABERA087+SL1","price":34.95,"currency_code":"USD","in_stock":true},{"title":"BUY 2, GET 1 FREE BHA BACK ACNE SPRAY (-45%)","offer_id":54017347846512,"sku":"CB-GTABERA087+SL2-CB-BHA059+SL1","price":64.95,"currency_code":"USD","in_stock":true},{"title":"3 BOXES + FREE ( 1 BHA SPRAY \u0026 1 Eye Roller Serum) (Save 50%)","offer_id":54017347879280,"sku":"CB-GTABERA087+SL3-CB-BHA059+SL1-CB-BONGMATUSA061+SL1","price":89.95,"currency_code":"USD","in_stock":true},{"title":"1 Shower Gel + Grapefruit Shampoo \u0026 Hair Growth Serum (Save 45%)","offer_id":54364028567920,"sku":"CB-GTABERA087+SL1-CB-DGBUOI081+SL1-CB-SRBUOI080+SL1","price":68.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Abera_Folliculitis_Shower_Gel.webp?v=1789574833"},{"product_id":"abera-renewing-saffron-serum","title":"ABERA Renewing Saffron Serum, Melasma Treatment For Face","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003ePowerful Melasma Serum: Formulated to reduce melasma, discoloration, and sun-induced dark spots, this high-performance serum supports a more even-looking complexion using Vitamin C, Chlorella Algae, and Sappan Wood Extract.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eSkin Renewal with Premium Saffron Super Negin Extract: Infused with Super Negin Saffron and Seaweed, this serum helps reinforce skin structure, support collagen production, and promote visible tone clarity using advanced Exosome Delivery Technology.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eAnti-Aging Complex with Hyaluronic Acid: A blend of Hyaluronic Acid, Horse Chestnut, and Licorice Root Extract visibly reduces fine lines and wrinkles while supporting elasticity and long-lasting hydration.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eSoothing and Safe for Sensitive Skin: Gentle enough for daily use, this non-irritating formula calms and supports sensitive or redness-prone skin with Glycerin, Alfalfa Extract, and barrier-friendly actives - no harsh effects.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eHydration + Firmness Boost: Powered by marine algae and advanced humectants, this serum delivers deep moisture and helps refine texture for smoother, firmer, and more resilient skin over time.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Abera","offers":[{"title":"1 BOX","offer_id":54099141689712,"sku":"CB-ABERA056+SL1","price":23.95,"currency_code":"USD","in_stock":true},{"title":"2 BOXES SAVE 20%","offer_id":54099141722480,"sku":"CB-ABERA056+SL2","price":38.35,"currency_code":"USD","in_stock":true},{"title":"3 BOXES SAVE 25%","offer_id":54099141755248,"sku":"CB-ABERA056+SL3","price":53.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Screenshot2026-05-27091328.png?v=1779848165"},{"product_id":"abera-dark-lip-corrector-cream","title":"ABERA Dark Lip Corrector Cream","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eRESTORE - A natural approach with sunflower oil and shea butter helps restore your skin to its normal state\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eALONG WITH VITAMINS C AND E - Formulated with natural ingredients to help maintain lip moisture throughout the day - with just 2 applications a day\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eEXTRACT FROM AFRICANS STAR GRASS AND PALM OIL – Lip exfoliator scrub adds aloe vera essence, which can moisturize the lip skin, prevent dry skin, keep the lips moist, and avoid dryness, peeling and other phenomena on the lips. These natural extracts work together to provide deep nourishment and moisturizing for your lips\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eACHIEVE SMOOTH, NOURISHED LIPS: Enjoy soft, full lips with our lip scrub, designed to leave your skin silky-smooth and naturally radiant throughout the year\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\n\u003cspan class=\"a-list-item\"\u003eNEVER FEEL SELF-CONSCIOUS AGAIN - With perfectly smooth skin, you'll no longer have to worry about what others think about your dark lips. Perfect skincare gift for birthdays, Valentine's Day, Galentines, bridal shower favors, selfcare \u0026amp; giveaways\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh12400x1800-ezgif.com-jpg-to-webp-converter.webp?v=1784360442\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh22400x1800-ezgif.com-jpg-to-webp-converter.webp?v=1784360442\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh31800x1350-ezgif.com-jpg-to-webp-converter.webp?v=1784360442\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh41800x1350-ezgif.com-jpg-to-webp-converter.webp?v=1784360442\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh51800x1350-ezgif.com-jpg-to-webp-converter.webp?v=1784360442\" alt=\"\"\u003e\u003c\/span\u003e\u003cspan class=\"a-list-item\"\u003e\u003c\/span\u003e\u003cspan class=\"a-list-item\"\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Abera","offers":[{"title":"1 BOX","offer_id":54030141358448,"sku":"CB-ADARKLIP082+SL1","price":17.95,"currency_code":"USD","in_stock":true},{"title":"BUY 2 Save 25%","offer_id":54030141391216,"sku":"CB-ADARKLIP082+SL2","price":32.95,"currency_code":"USD","in_stock":true},{"title":"Buy 3 Save 30%","offer_id":54030141423984,"sku":"CB-ADARKLIP082+SL3-CB-TMCF099+SL1","price":45.95,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/DarkLip_Listing_01-ezgif.com-jpg-to-webp-converter.webp?v=1784170818"},{"product_id":"abera-eye-roller-serum-for-men","title":"ABERA Eye Roller Serum for Men \u0026 Women","description":"\u003cp\u003e\u003cspan data-sheets-root=\"1\"\u003eABERA Eye Roller Serum for Men \u0026amp; Women is a fast-acting cooling eye serum designed to visibly reduce the look of puffy eyes, dark circles, under-eye bags, dryness, and tired-looking skin. Powered by Caffeine, Peptides, Mint Essence, and Southeast Asian-grown botanicals, the lightweight formula hydrates, refreshes, and smooths the under-eye area without feeling greasy.\u003cbr\u003e\u003cbr\u003eThe cooling titanium roller applicator glides smoothly across the skin, delivering targeted application while providing an instant refreshing massage. Ideal for morning routines, after work, after the gym, or anytime tired eyes need a quick boost.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eWhy Choose ABERA?\u003c\/strong\u003e\u003cbr\u003e- Cooling titanium roller\u003cbr\u003e- Targets bags, puffiness, and dark circles\u003cbr\u003e- Lightweight, fast-absorbing formula\u003cbr\u003e- No messy finger application\u003cbr\u003e- Quick daily eye-care routine\u003c\/span\u003e\u003cspan data-sheets-root=\"1\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan data-sheets-root=\"1\"\u003e\u003cstrong\u003eEYE ROLLER SERUM FOR PUFFY EYES \u0026amp; DARK CIRCLES:\u003c\/strong\u003e Powerful under-eye serum for men designed to visibly reduce the look of puffy eyes, dark circles, under-eye bags, dryness, and tired-looking skin. Helps the eye area appear fresher, brighter, smoother, and more energized. \u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eCAFFEINE, PEPTIDES \u0026amp; MINT ESSENCE FORMULA:\u003c\/strong\u003e This cooling eye serum for dark circles and puffiness combines Caffeine to target visible puffiness and eye bags, Peptides to support firmer, smoother-looking skin, and Mint Essence for an instantly fresh, awakened feel. \u003cbr\u003e\u003cbr\u003eCOOLING TITANIUM ROLLER APPLICATOR: Premium titanium eye roller provides an instant cooling massage while helping distribute serum evenly across the under-eye area. The smooth metal roller helps depuff tired-looking eyes without pulling, rubbing, or messy finger application. \u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eSOUTHEAST ASIAN-GROWN BOTANICAL CARE:\u003c\/strong\u003e Made with carefully selected botanicals grown in Southeast Asia’s warm, humid climate. The formula delivers refreshing hydration and antioxidant-rich care to help protect the delicate under-eye area from dryness and tired-looking dullness. \u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eFAST, LIGHTWEIGHT EYE BAGS TREATMENT FOR MEN AND WOMEN:\u003c\/strong\u003e Compact, non-greasy, and easy to use at home or on the go. Apply this cooling eye roller for men \u0026amp; women in the morning, after work, after the gym, or before going out for a visibly refreshed and well-rested appearance.\u003c\/span\u003e\u003c\/p\u003e","brand":"Abera","offers":[{"title":"1 BOX","offer_id":54030401601904,"sku":"CB-BONGMATUSA061+SL1","price":24.95,"currency_code":"USD","in_stock":true},{"title":"1 Eye Roller + 1 Eye Essence + GIFT 5 Eye Masks","offer_id":54030401634672,"sku":"CB-BONGMATUSA061+SL1-CB-BAKUCHIOL094+SL1-CB-CBMASK05+SL1","price":40.95,"currency_code":"USD","in_stock":true},{"title":"1 Eye Roller + 1 Face Wash + GIFT 5 Eye Mask","offer_id":54048582041968,"sku":"CB-BONGMATUSA061+SL1-CB-RNABERA089+SL1-CB-CBMASK05+SL1","price":39.95,"currency_code":"USD","in_stock":true},{"title":"2 Eye Rollers + GIFT 10 Eye Masks","offer_id":54048588726640,"sku":"CB-BONGMATUSA061+SL2-CB-CBMATNA039+SL1","price":39.95,"currency_code":"USD","in_stock":true},{"title":"Best Value Bundle ⭐","offer_id":54048592068976,"sku":"CB-BONGMATUSA061+SL2-CB-CBMATNA039+SL1-CB-RNABERA089+SL1-CB-BAKUCHIOL094+SL1","price":52.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ABERA_Eye_Roller_Serum.webp?v=1784349421"},{"product_id":"abera-ginb-eyebrow-growth-serum","title":"ABERA Ginb Eyebrow Growth Serum for Women \u0026 Men","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eKEY INGREDIENTS FOR UNEVEN AND PATCHY EYEBROWS \u0026amp; BEARD GROWTH OIL FOR MEN \u0026amp; WOMEN:\u003c\/strong\u003e This serum is formulated with moisturizing, nourishing, and strengthening ingredients such as Panax ginseng extract, biotin, and Chamomilla Recutita Flower Extract\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eBIOTIN:\u003c\/strong\u003e Supplemented with nutrients to help darken and thicken eyebrow and beard\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eACETYL TETRAPEPTIDE-3:\u003c\/strong\u003e Helps support faster and safer eyebrows and beard growth\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eGENTLE \u0026amp; SAFE FOR ALL SKIN TYPES:\u003c\/strong\u003e Enjoy a safe, irritation-free experience with a gentle formula suitable for all skin types. Grow your brows without discomfort, whether your skin is dry, oily, or sensitive\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eEASY APPLICATION:\u003c\/strong\u003e Designed for hassle-free use, the precision applicator ensures targeted application, saving you time while delivering salon-quality results at home\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh11800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh21800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh51800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh61800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh81800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh91800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Abera","offers":[{"title":"1 BOX","offer_id":54030407172464,"sku":"CB-GINB058+SL1","price":17.95,"currency_code":"USD","in_stock":true},{"title":"BUY 2 SAVE 25%","offer_id":54045877567856,"sku":"CB-GINB058+SL2","price":32.95,"currency_code":"USD","in_stock":true},{"title":"BUY 3 SAVE 30% + GIFT","offer_id":54045877600624,"sku":"CB-GINB058+SL3-CB-USCOMI040+SL1","price":47.35,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh1-ezgif.com-jpg-to-webp-converter.webp?v=1784170779"},{"product_id":"abera-langbian-ginseng","title":"ABERA Ginseng Anti-Dandruff \u0026 Hair Loss Shampoo","description":"\u003cstyle\u003e\n\/* =========================================================\n ABERA LANGBIAN GINSENG SHAMPOO\n FULL PRODUCT DESCRIPTION\n MOBILE-FIRST — READABILITY UPGRADE\n========================================================= *\/\n\nhtml{\n scroll-behavior:smooth;\n}\n\n.abera{\n max-width:1180px;\n margin:0 auto;\n font-family:Arial,Helvetica,sans-serif;\n color:#182018;\n line-height:1.6;\n font-size:16px;\n}\n\n.abera *{\n box-sizing:border-box;\n}\n\n.abera-sec{\n padding:58px 26px;\n}\n\n.abera-center{\n text-align:center;\n}\n\n.abera-soft{\n background:#f4f6ef;\n}\n\n.abera-dark{\n background:#141b15;\n color:#fff;\n}\n\n.abera-eye{\n display:inline-block;\n margin-bottom:11px;\n color:#698330;\n font-size:12px;\n line-height:1.4;\n font-weight:900;\n letter-spacing:1.25px;\n text-transform:uppercase;\n}\n\n.abera-title{\n max-width:820px;\n margin:0 auto 15px;\n color:#111a12;\n font-size:40px;\n line-height:1.1;\n font-weight:800;\n letter-spacing:-.8px;\n}\n\n.abera-sub{\n max-width:750px;\n margin:0 auto;\n color:#5f675f;\n font-size:17px;\n line-height:1.65;\n}\n\n.abera-dark .abera-title{\n color:#fff;\n}\n\n.abera-dark .abera-sub{\n color:#d8e0d4;\n}\n\n.abera-dark .abera-eye{\n color:#bfd96d;\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.abera-hero{\n overflow:hidden;\n border-radius:24px;\n background:linear-gradient(\n 135deg,\n #0b110c 0%,\n #172218 55%,\n #526c2e 100%\n );\n color:#fff;\n}\n\n.abera-hero-in{\n display:grid;\n grid-template-columns:1.05fr .95fr;\n gap:42px;\n align-items:center;\n padding:66px 50px;\n}\n\n.abera-hero h2{\n margin:0 0 18px;\n color:#fff;\n font-size:49px;\n line-height:1.03;\n font-weight:800;\n letter-spacing:-1.3px;\n}\n\n.abera-hero p{\n margin:0 0 23px;\n color:#e5ebdf;\n font-size:18px;\n line-height:1.65;\n}\n\n.abera-points{\n display:grid;\n gap:11px;\n}\n\n.abera-point{\n display:flex;\n gap:10px;\n align-items:flex-start;\n font-size:15px;\n line-height:1.5;\n font-weight:700;\n}\n\n.abera-check{\n width:23px;\n height:23px;\n min-width:23px;\n display:flex;\n align-items:center;\n justify-content:center;\n border-radius:50%;\n background:#aacb50;\n color:#111;\n font-size:13px;\n font-weight:900;\n}\n\n\n\/* =========================================================\n PLACEHOLDERS\n========================================================= *\/\n\n.abera-ph{\n min-height:350px;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:24px;\n border:2px dashed #a8b49c;\n border-radius:19px;\n background:#eaf0e2;\n color:#63705e;\n text-align:center;\n font-size:13px;\n line-height:1.65;\n font-weight:700;\n}\n\n.abera-ph-dark{\n background:#222d23;\n border-color:#53634c;\n color:#ccd8c4;\n}\n\n\n\/* =========================================================\n PAIN CARDS\n========================================================= *\/\n\n.abera-pains{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:14px;\n margin-top:34px;\n}\n\n.abera-pain{\n overflow:hidden;\n border:1px solid #dce3d6;\n border-radius:18px;\n background:#fff;\n text-align:left;\n}\n\n.abera-pain-img{\n height:195px;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:17px;\n background:#e9eedf;\n color:#667262;\n text-align:center;\n font-size:12px;\n line-height:1.6;\n font-weight:800;\n}\n\n.abera-pain-copy{\n padding:18px;\n}\n\n.abera-tag{\n display:inline-block;\n margin-bottom:10px;\n padding:6px 10px;\n border-radius:999px;\n background:#ebf0e3;\n color:#68812e;\n font-size:10.5px;\n line-height:1.3;\n font-weight:900;\n letter-spacing:.55px;\n}\n\n.abera-pain h3{\n margin:0 0 8px;\n font-size:20px;\n line-height:1.25;\n}\n\n.abera-pain p{\n margin:0;\n color:#5e675e;\n font-size:14px;\n line-height:1.6;\n}\n\n\n\/* =========================================================\n SPLIT\n========================================================= *\/\n\n.abera-split{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:46px;\n align-items:center;\n}\n\n.abera-copy h2{\n margin:0 0 15px;\n font-size:37px;\n line-height:1.1;\n}\n\n.abera-copy p{\n margin:0 0 14px;\n font-size:16px;\n line-height:1.65;\n}\n\n.abera-dark .abera-copy p{\n color:#dce3d7;\n}\n\n.abera-highlight{\n margin-top:20px;\n padding:18px 19px;\n border-left:4px solid #a2c04e;\n background:rgba(160,190,77,.10);\n border-radius:0 12px 12px 0;\n font-size:15px;\n line-height:1.6;\n}\n\n.abera-highlight strong{\n display:block;\n margin-bottom:5px;\n}\n\n\n\/* =========================================================\n VIDEO\n========================================================= *\/\n\n.abera-video{\n max-width:900px;\n margin:31px auto 0;\n overflow:hidden;\n border-radius:20px;\n background:#101610;\n}\n\n.abera-video-ph{\n min-height:390px;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:28px;\n background:linear-gradient(135deg,#202920,#101610);\n color:#dce5d7;\n text-align:center;\n font-size:14px;\n line-height:1.6;\n font-weight:700;\n}\n\n.abera-play{\n width:62px;\n height:62px;\n display:flex;\n align-items:center;\n justify-content:center;\n margin:0 auto 15px;\n border-radius:50%;\n background:#aacb50;\n color:#111;\n font-size:22px;\n}\n\n.abera-video-frame{\n position:relative;\n width:100%;\n padding-bottom:56.25%;\n}\n\n.abera-video-frame iframe,\n.abera-video-frame video{\n position:absolute;\n inset:0;\n width:100%;\n height:100%;\n border:0;\n object-fit:cover;\n}\n\n\n\n\n\/* =========================================================\n INLINE VIDEO — NO FULLSCREEN \/ TAP TO PLAY\n========================================================= *\/\n\n.abera-inline-video{\n cursor:pointer;\n -webkit-tap-highlight-color:transparent;\n}\n\n.abera-inline-play{\n position:absolute;\n left:50%;\n top:50%;\n z-index:5;\n\n width:58px;\n height:58px;\n\n display:flex;\n align-items:center;\n justify-content:center;\n\n padding:0;\n border:0;\n border-radius:999px;\n\n background:rgba(170,203,80,.96);\n color:#111;\n\n font-size:22px;\n line-height:1;\n font-weight:900;\n\n transform:translate(-50%,-50%);\n cursor:pointer;\n\n box-shadow:0 8px 24px rgba(0,0,0,.20);\n transition:opacity .2s ease, transform .2s ease;\n}\n\n.abera-inline-play:hover{\n transform:translate(-50%,-50%) scale(1.05);\n}\n\n.abera-inline-video-wrap.is-playing .abera-inline-play{\n opacity:0;\n pointer-events:none;\n}\n\n\/* =========================================================\n SCALP SCIENCE EXPLAINER — BALANCED VERSION\n========================================================= *\/\n\n.abera-science-wrap{\n max-width:1160px;\n margin:0 auto;\n}\n\n.abera-science-main{\n display:grid;\n grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);\n gap:18px;\n align-items:stretch;\n margin-top:24px;\n}\n\n.abera-science-copy{\n display:flex;\n flex-direction:column;\n padding:22px 20px;\n border:1px solid #dfe5d8;\n border-radius:20px;\n background:#fff;\n text-align:left;\n box-shadow:0 8px 24px rgba(22,45,28,.04);\n}\n\n.abera-science-points{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:10px;\n}\n\n.abera-science-point{\n padding:15px 14px 14px;\n border:1px solid #dfe5d8;\n border-radius:14px;\n background:#fbfcfa;\n}\n\n.abera-science-no{\n display:block;\n margin-bottom:5px;\n color:#6d8b35;\n font-size:10px;\n line-height:1.3;\n font-weight:900;\n letter-spacing:.65px;\n text-transform:uppercase;\n}\n\n.abera-science-point h4{\n margin:0 0 5px;\n color:#102010;\n font-size:18px;\n line-height:1.22;\n}\n\n.abera-science-point p{\n margin:0;\n color:#606860;\n font-size:13px;\n line-height:1.5;\n}\n\n.abera-science-bridge{\n margin-top:10px;\n padding:14px 15px;\n border-radius:14px;\n background:#172117;\n color:#fff;\n}\n\n.abera-science-bridge strong{\n display:block;\n margin-bottom:4px;\n color:#fff;\n font-size:15px;\n line-height:1.4;\n}\n\n.abera-science-bridge p{\n margin:0;\n color:#d7dfd3;\n font-size:13px;\n line-height:1.55;\n}\n\n.abera-science-video{\n display:flex;\n flex-direction:column;\n overflow:hidden;\n border:1px solid #dfe5d8;\n border-radius:20px;\n background:#fff;\n box-shadow:0 8px 24px rgba(22,45,28,.04);\n}\n\n.abera-science-video-frame{\n position:relative;\n width:100%;\n flex:1;\n min-height:500px;\n overflow:hidden;\n background:#e9efe3;\n}\n\n.abera-science-video-frame video{\n position:absolute;\n inset:0;\n display:block;\n width:100%;\n height:100%;\n object-fit:cover;\n object-position:center;\n background:#000;\n}\n\n.abera-science-video-copy{\n padding:13px 14px 15px;\n text-align:left;\n}\n\n.abera-science-video-copy strong{\n display:block;\n margin-bottom:4px;\n color:#102010;\n font-size:15px;\n line-height:1.35;\n}\n\n.abera-science-video-copy p{\n margin:0;\n color:#606860;\n font-size:12.5px;\n line-height:1.5;\n}\n\n\/* =========================================================\n FOLLICLE SYSTEM — DESKTOP 3 COLUMNS\n Stable item-based layout\n========================================================= *\/\n\n.abera-mech-desktop{\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:20px 16px;\n margin-top:34px;\n}\n\n.abera-mech-item{\n overflow:hidden;\n border:1px solid #dfe5d8;\n border-radius:17px;\n background:#fff;\n}\n\n.abera-mech-item .abera-mech-real-img{\n display:block;\n width:100%;\n height:auto;\n aspect-ratio:4 \/ 3;\n object-fit:cover;\n object-position:center;\n border-radius:0;\n}\n\n.abera-mech-item .abera-mech-card{\n min-height:0;\n height:auto;\n padding:18px 18px 20px;\n border:0;\n border-top:1px solid #dfe5d8;\n border-radius:0;\n background:#fff;\n text-align:left;\n}\n\n.abera-mech-no{\n display:block;\n margin-bottom:6px;\n color:#688231;\n font-size:11px;\n line-height:1.35;\n font-weight:900;\n letter-spacing:.7px;\n}\n\n.abera-mech-card h3{\n margin:0 0 6px;\n font-size:19px;\n line-height:1.25;\n}\n\n.abera-mech-card p{\n margin:0;\n color:#606860;\n font-size:14px;\n line-height:1.55;\n}\n\n\/* Mobile version is hidden on desktop *\/\n.abera-mech-mobile{\n display:none;\n}\n\n.abera-mech-dots{\n display:none;\n}\n\n\n\/* =========================================================\n INGREDIENTS\n========================================================= *\/\n\n.abera-ing{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:14px;\n margin-top:34px;\n}\n\n.abera-ing-card{\n overflow:hidden;\n border:1px solid #dfe5d8;\n border-radius:17px;\n background:#fff;\n}\n\n.abera-ing-img{\n height:165px;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:15px;\n background:#e8eddf;\n color:#677461;\n text-align:center;\n font-size:12px;\n line-height:1.55;\n font-weight:800;\n}\n\n.abera-ing-copy{\n padding:17px;\n text-align:left;\n}\n\n.abera-ing-copy h3{\n margin:0 0 7px;\n font-size:17px;\n line-height:1.3;\n}\n\n.abera-ing-copy p{\n margin:0;\n color:#606860;\n font-size:13.5px;\n line-height:1.6;\n}\n\n\n\/* =========================================================\n CAROUSEL\n========================================================= *\/\n\n.abera-swipe{\n margin:14px auto 0;\n color:#697166;\n font-size:13px;\n line-height:1.4;\n font-weight:700;\n}\n\n.abera-swipe-light{\n color:#dbe3d6;\n}\n\n.abera-scroll{\n display:flex;\n gap:14px;\n overflow-x:auto;\n padding:4px 2px 13px;\n scroll-snap-type:x mandatory;\n -webkit-overflow-scrolling:touch;\n}\n\n.abera-scroll::-webkit-scrollbar{\n height:6px;\n}\n\n.abera-scroll::-webkit-scrollbar-thumb{\n background:#c7cfbd;\n border-radius:999px;\n}\n\n\n\/* =========================================================\n BEFORE \/ AFTER\n========================================================= *\/\n\n.abera-result{\n flex:0 0 calc(33.333% - 10px);\n scroll-snap-align:start;\n overflow:hidden;\n border:1px solid #dfe5d8;\n border-radius:19px;\n background:#fff;\n}\n\n.abera-result-tag{\n display:inline-block;\n margin:14px 14px 0;\n padding:6px 10px;\n border-radius:999px;\n background:#edf1e5;\n color:#688131;\n font-size:10.5px;\n line-height:1.3;\n font-weight:900;\n}\n\n.abera-result-img{\n height:235px;\n margin:11px 14px 0;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:15px;\n border-radius:14px;\n background:#edf1e5;\n color:#687363;\n text-align:center;\n font-size:12px;\n line-height:1.6;\n font-weight:800;\n}\n\n.abera-result-copy{\n padding:16px 16px 19px;\n text-align:left;\n}\n\n.abera-result-copy h3{\n margin:0 0 7px;\n font-size:19px;\n line-height:1.3;\n}\n\n.abera-result-copy p{\n margin:0;\n color:#616a61;\n font-size:14px;\n line-height:1.55;\n}\n\n\n\n\/* =========================================================\n BEFORE \/ AFTER DOT NAVIGATION\n Hidden on desktop\n========================================================= *\/\n\n.abera-result-dots{\n display:none;\n}\n\n\/* =========================================================\n KOC VIDEO CAROUSEL — DESKTOP + MOBILE DOTS\n========================================================= *\/\n\n.abera-koc-track{display:flex;align-items:stretch;gap:14px;width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 2px 2px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;}\n.abera-koc-track::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}\n.abera-koc{flex:0 0 calc(33.333% - 10px);min-width:calc(33.333% - 10px);height:auto;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:19px;background:#101610;}\n.abera-koc-frame{position:relative;width:100%;aspect-ratio:9 \/ 14;overflow:hidden;background:#182118;}\n.abera-koc-frame iframe,.abera-koc-frame video{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;object-fit:cover;object-position:center;background:#000;}\n.abera-koc-copy{height:auto;min-height:92px;padding:15px 16px 18px;text-align:left;}\n.abera-koc-copy strong{display:block;margin-bottom:6px;color:#fff;font-size:16px;line-height:1.4;}\n.abera-koc-copy span{display:block;color:#d1dacd;font-size:13.5px;line-height:1.55;}\n.abera-koc-dots{justify-content:center;align-items:center;gap:7px;margin-top:13px;}\n.abera-koc-dots-desktop{display:flex;}\n.abera-koc-dots-mobile{display:none;}\n.abera-koc-dot{width:8px;height:8px;min-width:8px;padding:0;border:0;border-radius:999px;background:#6f796b;cursor:pointer;transition:width .2s ease,background .2s ease;}\n.abera-koc-dot.active{width:20px;background:#bad368;}\n\n\/* =========================================================\n HOW TO USE\n========================================================= *\/\n\n.abera-steps{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:12px;\n margin-top:28px;\n}\n\n.abera-step{\n padding:21px 18px;\n border:1px solid #3a4738;\n border-radius:16px;\n background:#202820;\n}\n\n.abera-step b{\n display:block;\n margin-bottom:7px;\n color:#bad368;\n font-size:27px;\n}\n\n.abera-step h3{\n margin:0 0 7px;\n color:#fff;\n font-size:18px;\n line-height:1.3;\n}\n\n.abera-step p{\n margin:0;\n color:#d4dcd0;\n font-size:13.5px;\n line-height:1.55;\n}\n\n.abera-use-tips{\n max-width:900px;\n margin:14px auto 0;\n padding:13px 16px;\n border:1px solid #3a4738;\n border-radius:13px;\n background:#182018;\n color:#dce5d7;\n text-align:center;\n font-size:13px;\n line-height:1.55;\n}\n\n.abera-use-tips strong{\n color:#bad368;\n}\n\n\n\/* =========================================================\n QUALITY + COMPARISON\n========================================================= *\/\n\n\/* 2 QUALITY DOCUMENTS *\/\n\n.abera-cert-grid{\n display:grid;\n grid-template-columns:repeat(2,1fr);\n gap:20px;\n max-width:960px;\n margin:32px auto 0;\n}\n\n.abera-cert-card{\n overflow:hidden;\n border:1px solid #dce4d8;\n border-radius:20px;\n background:#fff;\n box-shadow:0 8px 24px rgba(22,45,28,.05);\n}\n\n.abera-cert-img{\n min-height:360px;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:22px;\n background:#f7faf5;\n color:#667266;\n text-align:center;\n font-size:14px;\n line-height:1.6;\n font-weight:700;\n}\n\n.abera-cert-real-img{\n display:block;\n width:100%;\n height:auto;\n object-fit:contain;\n background:#fff;\n}\n\n.abera-cert-info{\n padding:17px 18px 19px;\n text-align:center;\n}\n\n.abera-cert-info strong{\n display:block;\n color:#172217;\n font-size:17px;\n line-height:1.35;\n}\n\n.abera-cert-info span{\n display:block;\n margin-top:5px;\n color:#6b736a;\n font-size:14px;\n line-height:1.45;\n}\n\n\n.abera-cert-info{\n min-height:76px;\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.abera-cert-info strong{\n width:100%;\n text-align:center;\n}\n\n\n\n\/* SHAMPOO COMPARISON *\/\n\n.abera-compare-head{\n margin-top:62px;\n text-align:center;\n}\n\n.abera-compare-grid{\n display:grid;\n grid-template-columns:repeat(2,1fr);\n gap:18px;\n max-width:900px;\n margin:30px auto 0;\n}\n\n.abera-compare-card{\n overflow:hidden;\n padding:20px;\n border-radius:20px;\n background:#fff;\n text-align:left;\n}\n\n.abera-compare-basic{\n border:1px solid #e1e3df;\n}\n\n.abera-compare-abera{\n border:2px solid #688936;\n box-shadow:0 10px 28px rgba(63,94,39,.10);\n}\n\n.abera-compare-product{\n min-height:205px;\n display:flex;\n align-items:center;\n justify-content:center;\n margin-bottom:18px;\n padding:18px;\n border-radius:15px;\n background:#f1f4ee;\n color:#697369;\n font-size:13px;\n line-height:1.55;\n font-weight:700;\n text-align:center;\n}\n\n.abera-compare-real-img{\n display:block;\n width:100%;\n height:205px;\n margin-bottom:18px;\n object-fit:contain;\n object-position:center;\n border-radius:15px;\n background:#f3f6ef;\n}\n\n.abera-compare-card h3{\n margin:0 0 17px;\n color:#172017;\n font-size:22px;\n line-height:1.25;\n text-align:center;\n}\n\n.abera-compare-abera h3{\n color:#56782b;\n}\n\n.abera-compare-list{\n display:grid;\n gap:13px;\n}\n\n.abera-compare-row{\n display:flex;\n gap:10px;\n align-items:flex-start;\n color:#465046;\n font-size:14.5px;\n line-height:1.5;\n}\n\n.abera-x,\n.abera-tick{\n width:22px;\n height:22px;\n min-width:22px;\n display:flex;\n align-items:center;\n justify-content:center;\n font-size:20px;\n line-height:1;\n font-weight:900;\n}\n\n.abera-x{\n color:#d43a2f;\n}\n\n.abera-tick{\n color:#398643;\n}\n\n\n\/* =========================================================\n FAQ\n========================================================= *\/\n\n.abera-faq{\n max-width:830px;\n margin:29px auto 0;\n}\n\n.abera-faq details{\n margin-bottom:10px;\n padding:0 18px;\n border:1px solid #dfe4d9;\n border-radius:13px;\n background:#fff;\n}\n\n.abera-faq summary{\n padding:17px 0;\n cursor:pointer;\n font-size:15px;\n line-height:1.45;\n font-weight:800;\n}\n\n.abera-faq p{\n margin:0;\n padding:0 0 17px;\n color:#626a61;\n font-size:14px;\n line-height:1.65;\n}\n\n\n\/* =========================================================\n CTA\n========================================================= *\/\n\n.abera-btn{\n display:inline-block;\n margin-top:22px;\n padding:15px 28px;\n border-radius:999px;\n background:#34521f;\n color:#fff !important;\n text-decoration:none !important;\n font-size:14px;\n line-height:1.2;\n font-weight:900;\n}\n\n.abera-btn-light{\n background:#fff;\n color:#34521f !important;\n}\n\n.abera-final{\n padding:55px 28px;\n border-radius:24px;\n background:linear-gradient(\n 135deg,\n #526c30 0%,\n #26361f 100%\n );\n color:#fff;\n text-align:center;\n}\n\n.abera-final h2{\n max-width:760px;\n margin:0 auto 14px;\n font-size:39px;\n line-height:1.1;\n}\n\n.abera-final p{\n max-width:670px;\n margin:0 auto;\n color:#e9eee5;\n font-size:16px;\n line-height:1.6;\n}\n\n.abera-offer{\n margin-top:14px !important;\n color:#d8e9b3 !important;\n font-size:13.5px !important;\n line-height:1.5 !important;\n font-weight:800;\n}\n\n\n\/* =========================================================\n MOBILE — LARGER \u0026 CLEARER TEXT\n========================================================= *\/\n\n@media(max-width:768px){\n\n .abera{\n font-size:17px;\n }\n\n .abera-sec{\n padding:42px 16px;\n }\n\n .abera-eye{\n font-size:15px;\n line-height:1.4;\n letter-spacing:1px;\n }\n\n .abera-title{\n font-size:32px;\n line-height:1.12;\n }\n\n .abera-sub{\n font-size:19.5px;\n line-height:1.65;\n }\n\n \/* HERO *\/\n\n .abera-hero{\n border-radius:0;\n }\n\n .abera-hero-in{\n grid-template-columns:1fr;\n gap:25px;\n padding:44px 19px;\n }\n\n .abera-hero h2{\n font-size:38px;\n line-height:1.08;\n }\n\n .abera-hero p{\n font-size:20px;\n line-height:1.65;\n }\n\n .abera-point{\n font-size:19px;\n line-height:1.5;\n }\n\n \/* PAIN *\/\n\n .abera-pains{\n grid-template-columns:1fr;\n gap:12px;\n }\n\n .abera-pain-img{\n height:215px;\n font-size:17px;\n }\n\n .abera-tag{\n font-size:15px;\n }\n\n .abera-pain h3{\n font-size:23px;\n }\n\n .abera-pain p{\n font-size:19px;\n line-height:1.6;\n }\n\n \/* SPLIT *\/\n\n .abera-split{\n grid-template-columns:1fr;\n gap:26px;\n }\n\n .abera-copy h2{\n font-size:32px;\n line-height:1.12;\n }\n\n .abera-copy p{\n font-size:19.5px;\n }\n\n .abera-highlight{\n font-size:19px;\n }\n\n .abera-ph{\n min-height:280px;\n font-size:17px;\n }\n\n \/* VIDEO *\/\n\n .abera-video-ph{\n min-height:290px;\n font-size:18px;\n }\n\n\n \/* =========================================================\n SCALP SCIENCE — MOBILE\n ========================================================= *\/\n\n .abera-science-main{\n grid-template-columns:1fr;\n gap:12px;\n margin-top:19px;\n }\n\n .abera-science-copy{\n padding:16px 13px;\n border-radius:16px;\n }\n\n .abera-science-points{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:8px;\n }\n\n .abera-science-point{\n padding:12px 10px 11px;\n border-radius:12px;\n }\n\n .abera-science-no{\n margin-bottom:4px;\n font-size:13px;\n line-height:1.25;\n }\n\n .abera-science-point h4{\n margin-bottom:4px;\n font-size:17.5px;\n line-height:1.2;\n }\n\n .abera-science-point p{\n font-size:16px;\n line-height:1.45;\n }\n\n .abera-science-bridge{\n margin-top:8px;\n padding:12px;\n border-radius:12px;\n }\n\n .abera-science-bridge strong{\n font-size:17.5px;\n line-height:1.38;\n }\n\n .abera-science-bridge p{\n font-size:16px;\n line-height:1.48;\n }\n\n .abera-science-video{\n width:100%;\n max-width:none;\n margin:0;\n border-radius:16px;\n }\n\n .abera-science-video-frame{\n min-height:0;\n aspect-ratio:9 \/ 16;\n }\n\n .abera-science-video-copy{\n padding:12px 12px 13px;\n }\n\n .abera-science-video-copy strong{\n font-size:18px;\n }\n\n .abera-science-video-copy p{\n font-size:16px;\n }\n\n\/* =========================================================\n MECHANISM MOBILE — TRUE FLEX CAROUSEL + DOTS\n========================================================= *\/\n\n .abera-mech-desktop{\n display:none !important;\n }\n\n .abera-mech-mobile{\n display:block;\n width:100%;\n margin-top:24px;\n }\n\n .abera-mech-mobile-track{\n display:flex;\n align-items:flex-start;\n gap:12px;\n width:100%;\n overflow-x:auto;\n overflow-y:hidden;\n padding:0 6% 2px 0;\n scroll-snap-type:x mandatory;\n scroll-behavior:smooth;\n -webkit-overflow-scrolling:touch;\n scrollbar-width:none;\n }\n\n .abera-mech-mobile-track::-webkit-scrollbar{\n display:none;\n }\n\n .abera-mech-mobile-slide{\n flex:0 0 88%;\n width:88%;\n height:auto !important;\n min-height:0 !important;\n align-self:flex-start;\n overflow:hidden;\n scroll-snap-align:start;\n scroll-snap-stop:always;\n border:1px solid #dfe5d8;\n border-radius:16px;\n background:#fff;\n }\n\n .abera-mech-mobile-slide .abera-mech-real-img{\n display:block;\n width:100% !important;\n height:auto !important;\n min-height:0 !important;\n aspect-ratio:4 \/ 3;\n margin:0 !important;\n object-fit:cover;\n object-position:center;\n border-radius:0;\n }\n\n .abera-mech-mobile-card{\n display:block;\n width:100%;\n height:auto !important;\n min-height:0 !important;\n margin:0 !important;\n padding:16px 16px 18px;\n border-top:1px solid #dfe5d8;\n background:#fff;\n text-align:left;\n }\n\n .abera-mech-mobile-card .abera-mech-no{\n margin:0 0 5px;\n font-size:15px;\n line-height:1.35;\n }\n\n .abera-mech-mobile-card h3{\n margin:0 0 6px;\n font-size:22px;\n line-height:1.28;\n }\n\n .abera-mech-mobile-card p{\n margin:0;\n font-size:18.5px;\n line-height:1.55;\n }\n\n .abera-mech-dots{\n display:flex;\n justify-content:center;\n align-items:center;\n gap:7px;\n margin-top:12px;\n }\n\n .abera-mech-dot{\n width:8px;\n height:8px;\n min-width:8px;\n padding:0;\n border:0;\n border-radius:999px;\n background:#c9d0c1;\n cursor:pointer;\n transition:width .2s ease, background .2s ease;\n }\n\n .abera-mech-dot.active{\n width:20px;\n background:#6d8b35;\n }\n\n \/* INGREDIENTS *\/\n\n .abera-ing{\n grid-template-columns:repeat(2,1fr);\n gap:10px;\n }\n\n .abera-ing-img{\n height:135px;\n font-size:15.5px;\n }\n\n .abera-ing-copy{\n padding:14px;\n }\n\n .abera-ing-copy h3{\n font-size:18px;\n line-height:1.3;\n }\n\n .abera-ing-copy p{\n font-size:17.5px;\n line-height:1.6;\n }\n\n \/* CAROUSEL *\/\n\n .abera-scroll{\n gap:10px;\n margin-right:-16px;\n padding-right:16px;\n }\n\n .abera-swipe{\n font-size:17.5px;\n }\n\n \/* =========================================================\n BEFORE \/ AFTER — MOBILE DOT CAROUSEL\n ========================================================= *\/\n\n .abera-results-track{\n display:flex;\n align-items:stretch;\n gap:10px;\n width:100%;\n margin-right:-16px;\n padding:0 16px 2px 0;\n\n overflow-x:auto;\n overflow-y:hidden;\n\n scroll-snap-type:x mandatory;\n scroll-behavior:smooth;\n -webkit-overflow-scrolling:touch;\n\n scrollbar-width:none;\n }\n\n .abera-results-track::-webkit-scrollbar{\n display:none !important;\n width:0 !important;\n height:0 !important;\n }\n\n .abera-results-track .abera-result{\n flex:0 0 84%;\n width:84%;\n min-width:84%;\n height:auto;\n scroll-snap-align:start;\n scroll-snap-stop:always;\n }\n\n .abera-result-tag{\n font-size:15px;\n }\n\n .abera-result-img{\n height:230px;\n font-size:17px;\n }\n\n .abera-result-real-img{\n display:block;\n width:100%;\n height:auto;\n object-fit:cover;\n object-position:center;\n }\n\n .abera-result-copy{\n height:auto !important;\n min-height:0 !important;\n }\n\n .abera-result-copy h3{\n font-size:22px;\n }\n\n .abera-result-copy p{\n font-size:18.5px;\n }\n\n \/* RESULT DOTS *\/\n\n .abera-result-dots{\n display:flex;\n justify-content:center;\n align-items:center;\n gap:7px;\n margin-top:12px;\n }\n\n .abera-result-dot{\n width:8px;\n height:8px;\n min-width:8px;\n padding:0;\n border:0;\n border-radius:999px;\n background:#c9d0c1;\n cursor:pointer;\n transition:width .2s ease, background .2s ease;\n }\n\n .abera-result-dot.active{\n width:20px;\n background:#6d8b35;\n }\n\n \/* =========================================================\n KOC — MOBILE DOT CAROUSEL\n ========================================================= *\/\n\n .abera-koc-track{gap:10px;margin-right:-16px;padding:0 16px 2px 0;}\n .abera-koc-track .abera-koc{flex:0 0 84%;width:84%;min-width:84%;}\n .abera-koc-frame{aspect-ratio:9 \/ 14;}\n .abera-koc-copy{min-height:0;padding:14px 14px 16px;}\n .abera-koc-copy strong{font-size:18px;line-height:1.4;}\n .abera-koc-copy span{font-size:17.5px;line-height:1.55;}\n .abera-koc-dots{margin-top:12px;}\n .abera-koc-dots-desktop{display:none;}\n .abera-koc-dots-mobile{display:flex;}\n\n \/* HOW TO — 2x2 MOBILE *\/\n\n .abera-steps{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:9px;\n margin-top:22px;\n }\n\n .abera-step{\n padding:16px 13px;\n border-radius:14px;\n }\n\n .abera-step b{\n margin-bottom:5px;\n font-size:26px;\n }\n\n .abera-step h3{\n margin-bottom:5px;\n font-size:19px;\n line-height:1.25;\n }\n\n .abera-step p{\n font-size:17px;\n line-height:1.5;\n }\n\n .abera-use-tips{\n margin-top:11px;\n padding:11px 12px;\n font-size:16.5px;\n line-height:1.5;\n }\n\n \/* =========================================================\n QUALITY DOCUMENTS — 2 COLUMNS MOBILE\n ========================================================= *\/\n\n .abera-cert-grid{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:9px;\n margin-top:24px;\n }\n\n .abera-cert-card{\n border-radius:14px;\n }\n\n .abera-cert-real-img{\n display:block;\n width:100%;\n height:245px;\n object-fit:contain;\n object-position:center top;\n background:#fff;\n }\n\n .abera-cert-info{\n min-height:68px;\n padding:10px 8px;\n display:flex;\n align-items:center;\n justify-content:center;\n }\n\n .abera-cert-info strong{\n width:100%;\n font-size:17px;\n line-height:1.3;\n text-align:center;\n }\n\n \/* COMPARISON — KEEP 2 COLUMNS ON MOBILE *\/\n\n .abera-compare-head{\n margin-top:48px;\n }\n\n .abera-compare-grid{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:9px;\n margin-top:24px;\n }\n\n .abera-compare-card{\n padding:12px 10px 14px;\n border-radius:16px;\n }\n\n .abera-compare-product{\n min-height:135px;\n margin-bottom:14px;\n padding:10px;\n font-size:15px;\n border-radius:12px;\n }\n\n .abera-compare-real-img{\n height:135px;\n margin-bottom:14px;\n border-radius:12px;\n }\n\n .abera-compare-card h3{\n min-height:48px;\n margin-bottom:14px;\n font-size:19px;\n line-height:1.3;\n }\n\n .abera-compare-list{\n gap:12px;\n }\n\n .abera-compare-row{\n gap:7px;\n font-size:17.5px;\n line-height:1.45;\n }\n\n .abera-x,\n .abera-tick{\n width:18px;\n height:18px;\n min-width:18px;\n font-size:19px;\n }\n\n \/* FAQ *\/\n\n .abera-faq summary{\n font-size:17.5px;\n line-height:1.5;\n }\n\n .abera-faq p{\n font-size:18.5px;\n line-height:1.65;\n }\n\n \/* CTA *\/\n\n .abera-btn{\n font-size:16.5px;\n padding:15px 26px;\n }\n\n .abera-final{\n border-radius:0;\n padding:46px 19px;\n }\n\n .abera-final h2{\n font-size:32px;\n line-height:1.15;\n }\n\n .abera-final p{\n font-size:19.5px;\n }\n\n .abera-offer{\n font-size:18px !important;\n }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"abera\"\u003e\n\n\n\u003c!-- =========================================================\n 01 HERO\n========================================================= --\u003e\n\n\u003csection class=\"abera-hero\"\u003e\n\n \u003cdiv class=\"abera-hero-in\"\u003e\n\n \u003cdiv\u003e\n\n \u003cspan class=\"abera-eye\" style=\"color:#cee58a;\"\u003e\n ANTI-HAIR LOSS + ANTI-DANDRUFF SHAMPOO\n \u003c\/span\u003e\n\n \u003ch2\u003e\n Fight Hair Fall at the Root.\u003cbr\u003e\n Grow Stronger, Fuller-Looking Hair.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Powered by \u003cstrong\u003eOctapeptide-2, Langbian Ginseng\n and Ginger\u003c\/strong\u003e to target weak roots,\n thinning hair, dandruff and scalp buildup.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-points\"\u003e\n\n \u003cdiv class=\"abera-point\"\u003e\n \u003cspan class=\"abera-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eSupports follicle signaling\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-point\"\u003e\n \u003cspan class=\"abera-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eSupports scalp microcirculation\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-point\"\u003e\n \u003cspan class=\"abera-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eHelps reduce hair fall \u0026amp; support fuller-looking hair\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-point\"\u003e\n \u003cspan class=\"abera-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eControls dandruff, excess oil \u0026amp; buildup\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cimg class=\"abera-hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_touching_hair_with_product_202608111002.webp?v=1786417477\" alt=\"ABERA Langbian Ginseng hair loss and anti-dandruff shampoo\" loading=\"eager\"\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n 02 PAIN POINTS\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-center\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n SIGNS OF WEAKENED HAIR\n \u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n Hair Fall You Can See Every Day.\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-sub\"\u003e\n Hair in the drain. Thinning areas.\n A wider part. Flakes and oily roots.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-pains\"\u003e\n\n\n \u003carticle class=\"abera-pain\"\u003e\n\n\u003cimg class=\"abera-pain-photo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_examining_hair_shedding_4K_202608111017.webp?v=1786418778\" alt=\"Man experiencing visible hair shedding and hair fall\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-pain-copy\"\u003e\n\n \u003cspan class=\"abera-tag\"\u003e\n HAIR FALL\n \u003c\/span\u003e\n\n \u003ch3\u003e\n Too Much Hair Left Behind\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Supports weak, shedding-prone hair\n and stronger strands.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-pain\"\u003e\n\n\u003cimg class=\"abera-pain-photo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_with_thinning_hair_4K_202608111018.webp?v=1786418778\" alt=\"Man with thinning crown and visible scalp\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-pain-copy\"\u003e\n\n \u003cspan class=\"abera-tag\"\u003e\n THINNING CROWN\n \u003c\/span\u003e\n\n \u003ch3\u003e\n When Your Scalp Shows Through\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Supports fuller,\n thicker-looking hair.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-pain\"\u003e\n\n\u003cimg class=\"abera-pain-photo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Woman_touching_thinning_hair_4K_202608111023.webp?v=1786418778\" alt=\"Woman with thinning hair and wider middle part\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-pain-copy\"\u003e\n\n \u003cspan class=\"abera-tag\"\u003e\n WIDER PART\n \u003c\/span\u003e\n\n \u003ch3\u003e\n When Hair Starts Looking Less Full\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Supports stronger roots\n and healthier-looking density.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-pain\"\u003e\n\n\u003cimg class=\"abera-pain-photo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_displaying_dandruff-prone_scalp_4K_202608111024.webp?v=1786418778\" alt=\"Man with visible dandruff flakes and oily scalp\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-pain-copy\"\u003e\n\n \u003cspan class=\"abera-tag\"\u003e\n ANTI-DANDRUFF\n \u003c\/span\u003e\n\n \u003ch3\u003e\n Flakes. Oil. Itchy Scalp.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Deep cleans dandruff,\n excess oil and buildup.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n 03 LANGBIAN GINSENG STORY\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-dark\"\u003e\n\n \u003cdiv class=\"abera-split\"\u003e\n\n\u003cimg class=\"abera-story-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Farmers_harvesting_ginseng_roots_4K_202608111057_1.webp?v=1786423076\" alt=\"Farmers harvesting mountain-grown Langbian Ginseng roots\" loading=\"lazy\"\u003e\n\n\n \u003cdiv class=\"abera-copy\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n THE LANGBIAN GINSENG DIFFERENCE\n \u003c\/span\u003e\n\n \u003ch2\u003e\n Mountain-Grown Power for Weak Roots.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Langbian Ginseng + Ginger support\n scalp microcirculation and root nutrition.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Combined with Octapeptide-2,\n the formula targets weakened follicles,\n hair fall and scalp buildup.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abera-highlight\"\u003e\n\n \u003cstrong\u003e\n Follicle care + anti-dandruff cleansing.\n \u003c\/strong\u003e\n\n One wash. Multiple scalp + hair benefits.\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n 04 SCALP SCIENCE EXPLAINED\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-soft\"\u003e\n\n \u003cdiv class=\"abera-science-wrap\"\u003e\n\n \u003cdiv class=\"abera-center\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n SCALP SCIENCE EXPLAINED\n \u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n Why Hair Fall Can Get Worse Over Time\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-sub\"\u003e\n Age, stress and genetics matter — but dandruff, itching and buildup\n can also make weak hair shed more easily.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-science-main\"\u003e\n\n \u003cdiv class=\"abera-science-copy\"\u003e\n\n \u003cdiv class=\"abera-science-points\"\u003e\n\n \u003carticle class=\"abera-science-point\"\u003e\n \u003cspan class=\"abera-science-no\"\u003e01 • AGE + GENETICS\u003c\/span\u003e\n \u003ch4\u003eThinning Becomes More Visible\u003c\/h4\u003e\n \u003cp\u003e\n Hair density can gradually decrease, making the crown,\n hairline or part look more exposed.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abera-science-point\"\u003e\n \u003cspan class=\"abera-science-no\"\u003e02 • STRESS + SHEDDING\u003c\/span\u003e\n \u003ch4\u003eMore Hair Starts Falling Out\u003c\/h4\u003e\n \u003cp\u003e\n Stress and physical changes can trigger periods of\n increased shedding.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abera-science-point\"\u003e\n \u003cspan class=\"abera-science-no\"\u003e03 • DANDRUFF + ITCH\u003c\/span\u003e\n \u003ch4\u003eItch Leads to More Scratching\u003c\/h4\u003e\n \u003cp\u003e\n Flakes and itching can lead to frequent scratching,\n disturbing already-weakened strands.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abera-science-point\"\u003e\n \u003cspan class=\"abera-science-no\"\u003e04 • OIL + BUILDUP\u003c\/span\u003e\n \u003ch4\u003eRoots Feel Heavy \u0026amp; Uncomfortable\u003c\/h4\u003e\n \u003cp\u003e\n Oil, flakes and buildup can leave the scalp greasy\n while making hair look flatter and less healthy.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-science-bridge\"\u003e\n \u003cstrong\u003e\n Healthier-looking hair starts with a healthier scalp environment.\n \u003c\/strong\u003e\n \u003cp\u003e\n ABERA helps cleanse dandruff, excess oil and buildup while supporting\n stronger, fuller-looking hair from the roots.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-science-video\"\u003e\n\n \u003cdiv class=\"abera-science-video-frame abera-inline-video-wrap\"\u003e\n \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(this.paused){\n this.play();\n }else{\n this.pause();\n }\n \" onplay=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.add('is-playing');}\n \" onpause=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \" onended=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/b6a709fa07c144d0afdbf628e096f121.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Play video\" onclick=\"\n event.stopPropagation();\n var wrap=this.closest('.abera-inline-video-wrap');\n var v=wrap.querySelector('video');\n v.play();\n \"\u003e▶\u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-science-video-copy\"\u003e\n \u003cstrong\u003eSee the scalp-stress cycle in action.\u003c\/strong\u003e\n \u003cp\u003eAge • Stress • Dandruff • Itch • Buildup\u003c\/p\u003e\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!-- =========================================================\n 05 FOLLICLE BIOACTIVATION SYSTEM\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-center\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n 6-ACTION FOLLICLE BIOACTIVATION SYSTEM\n \u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n Target Hair Fall Below the Surface.\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-sub\"\u003e\n Octapeptide-2 + Langbian Ginseng + Ginger\n work across six key actions.\n \u003c\/p\u003e\n\n\n \u003c!-- DESKTOP: 3 COLUMNS × 2 ROWS --\u003e\n \u003cdiv class=\"abera-mech-desktop\"\u003e\n\n \u003carticle class=\"abera-mech-item\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Peptides_targeting_weakened_hair__4K_202608111416.webp?v=1786435549\" alt=\"Octapeptide-2 peptides targeting weakened hair follicles\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e01 • OCTAPEPTIDE-2\u003c\/span\u003e\n \u003ch3\u003eSignal Weak Follicles\u003c\/h3\u003e\n \u003cp\u003eSupports follicle signaling and weak roots.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-item\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_microcirculation_and_hair___202608111413.webp?v=1786435549\" alt=\"Langbian Ginseng and Ginger scalp microcirculation illustration\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e02 • LANGBIAN GINSENG + GINGER\u003c\/span\u003e\n \u003ch3\u003eBoost Microcirculation\u003c\/h3\u003e\n \u003cp\u003eSupports blood flow around weakened roots.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-item\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_cross_section_showing_nutr__202608111145.webp?v=1786435549\" alt=\"Oxygen and nutrient delivery to hair follicles illustration\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e03 • ROOT NUTRITION\u003c\/span\u003e\n \u003ch3\u003eDeliver Oxygen + Nutrients\u003c\/h3\u003e\n \u003cp\u003eSupports oxygen and nutrient delivery to follicles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-item\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Medical_comparison_of_hair_folli__202608111419.webp?v=1786435549\" alt=\"Follicular fibrosis protection illustration\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e04 • FOLLICLE PROTECTION\u003c\/span\u003e\n \u003ch3\u003eSupport a Healthier Follicle Environment\u003c\/h3\u003e\n \u003cp\u003eHelps support a healthier environment around weakened follicles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-item\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hair_follicle_biological_progres__4K_202608111355.webp?v=1786435549\" alt=\"Dormant hair follicle reactivation illustration\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e05 • REACTIVATION\u003c\/span\u003e\n \u003ch3\u003eSupport Less-Active Follicles\u003c\/h3\u003e\n \u003cp\u003eSupports stronger, fuller-looking hair over time.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-item\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_cleansing_comparison_anima__4K_202608111359.webp?v=1786435549\" alt=\"Anti-dandruff scalp cleansing and oil removal illustration\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e06 • ANTI-DANDRUFF\u003c\/span\u003e\n \u003ch3\u003eControl Flakes + Buildup\u003c\/h3\u003e\n \u003cp\u003eRemoves dandruff, excess oil and buildup.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n\n\n \u003c!-- MOBILE: TRUE FLEX CAROUSEL --\u003e\n \u003cdiv class=\"abera-mech-mobile\"\u003e\n\n \u003cdiv class=\"abera-mech-mobile-track\" onscroll=\"\n var track=this;\n var slides=track.querySelectorAll('.abera-mech-mobile-slide');\n var dots=track.parentElement.querySelectorAll('.abera-mech-dot');\n var best=0;\n var bestDistance=999999;\n\n slides.forEach(function(slide,i){\n var distance=Math.abs(slide.offsetLeft-track.scrollLeft);\n if(distance\u0026lt;bestDistance){\n bestDistance=distance;\n best=i;\n }\n });\n\n dots.forEach(function(dot,i){\n dot.classList.toggle('active',i===best);\n });\n \"\u003e\n\n\n \u003carticle class=\"abera-mech-mobile-slide\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Peptides_targeting_weakened_hair__4K_202608111416.webp?v=1786435549\" alt=\"Octapeptide-2 peptides targeting weakened hair follicles\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-mobile-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e01 • OCTAPEPTIDE-2\u003c\/span\u003e\n \u003ch3\u003eSignal Weak Follicles\u003c\/h3\u003e\n \u003cp\u003eSupports follicle signaling and weak roots.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-mobile-slide\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_microcirculation_and_hair___202608111413.webp?v=1786435549\" alt=\"Langbian Ginseng and Ginger scalp microcirculation illustration\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-mobile-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e02 • LANGBIAN GINSENG + GINGER\u003c\/span\u003e\n \u003ch3\u003eBoost Microcirculation\u003c\/h3\u003e\n \u003cp\u003eSupports blood flow around weakened roots.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-mobile-slide\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_cross_section_showing_nutr__202608111145.webp?v=1786435549\" alt=\"Oxygen and nutrient delivery to hair follicles illustration\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-mobile-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e03 • ROOT NUTRITION\u003c\/span\u003e\n \u003ch3\u003eDeliver Oxygen + Nutrients\u003c\/h3\u003e\n \u003cp\u003eSupports oxygen and nutrient delivery to follicles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-mobile-slide\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Medical_comparison_of_hair_folli__202608111419.webp?v=1786435549\" alt=\"Follicular fibrosis protection illustration\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-mobile-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e04 • FOLLICLE PROTECTION\u003c\/span\u003e\n \u003ch3\u003eSupport a Healthier Follicle Environment\u003c\/h3\u003e\n \u003cp\u003eHelps support a healthier environment around weakened follicles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-mobile-slide\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hair_follicle_biological_progres__4K_202608111355.webp?v=1786435549\" alt=\"Dormant hair follicle reactivation illustration\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-mobile-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e05 • REACTIVATION\u003c\/span\u003e\n \u003ch3\u003eSupport Less-Active Follicles\u003c\/h3\u003e\n \u003cp\u003eSupports stronger, fuller-looking hair over time.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-mobile-slide\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_cleansing_comparison_anima__4K_202608111359.webp?v=1786435549\" alt=\"Anti-dandruff scalp cleansing and oil removal illustration\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-mobile-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e06 • ANTI-DANDRUFF\u003c\/span\u003e\n \u003ch3\u003eControl Flakes + Buildup\u003c\/h3\u003e\n \u003cp\u003eRemoves dandruff, excess oil and buildup.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-mech-dots\"\u003e\n\n \u003cbutton type=\"button\" class=\"abera-mech-dot active\" aria-label=\"View follicle action 1\" onclick=\"\n var wrap=this.closest('.abera-mech-mobile');\n var track=wrap.querySelector('.abera-mech-mobile-track');\n var slide=track.querySelectorAll('.abera-mech-mobile-slide')[0];\n track.scrollTo({left:slide.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n \u003cbutton type=\"button\" class=\"abera-mech-dot\" aria-label=\"View follicle action 2\" onclick=\"\n var wrap=this.closest('.abera-mech-mobile');\n var track=wrap.querySelector('.abera-mech-mobile-track');\n var slide=track.querySelectorAll('.abera-mech-mobile-slide')[1];\n track.scrollTo({left:slide.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n \u003cbutton type=\"button\" class=\"abera-mech-dot\" aria-label=\"View follicle action 3\" onclick=\"\n var wrap=this.closest('.abera-mech-mobile');\n var track=wrap.querySelector('.abera-mech-mobile-track');\n var slide=track.querySelectorAll('.abera-mech-mobile-slide')[2];\n track.scrollTo({left:slide.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n \u003cbutton type=\"button\" class=\"abera-mech-dot\" aria-label=\"View follicle action 4\" onclick=\"\n var wrap=this.closest('.abera-mech-mobile');\n var track=wrap.querySelector('.abera-mech-mobile-track');\n var slide=track.querySelectorAll('.abera-mech-mobile-slide')[3];\n track.scrollTo({left:slide.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n \u003cbutton type=\"button\" class=\"abera-mech-dot\" aria-label=\"View follicle action 5\" onclick=\"\n var wrap=this.closest('.abera-mech-mobile');\n var track=wrap.querySelector('.abera-mech-mobile-track');\n var slide=track.querySelectorAll('.abera-mech-mobile-slide')[4];\n track.scrollTo({left:slide.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n \u003cbutton type=\"button\" class=\"abera-mech-dot\" aria-label=\"View follicle action 6\" onclick=\"\n var wrap=this.closest('.abera-mech-mobile');\n var track=wrap.querySelector('.abera-mech-mobile-track');\n var slide=track.querySelectorAll('.abera-mech-mobile-slide')[5];\n track.scrollTo({left:slide.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n 06 INGREDIENTS\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-soft abera-center\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n KEY HAIR + SCALP INGREDIENTS\n \u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n Peptide Technology Meets Langbian Ginseng.\n \u003c\/h2\u003e\n\n\n \u003cdiv class=\"abera-ing\"\u003e\n\n\n \u003carticle class=\"abera-ing-card\"\u003e\n\n\u003cimg class=\"abera-ing-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scientific_hair_care_advertiseme__4K_202608111531.webp?v=1786437600\" alt=\"Octapeptide-2 hair follicle support ingredient\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-ing-copy\"\u003e\n\n \u003ch3\u003e\n Octapeptide-2\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Supports follicle signaling\n and weakened roots.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-ing-card\"\u003e\n\n\u003cimg class=\"abera-ing-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Ginseng_roots_photography_setup_4K_202608111532.webp?v=1786437601\" alt=\"Langbian Ginseng extract for hair and scalp care\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-ing-copy\"\u003e\n\n \u003ch3\u003e\n Langbian Ginseng\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Supports scalp circulation\n and root nutrition.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-ing-card\"\u003e\n\n\u003cimg class=\"abera-ing-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Ginger_root_studio_photography_4K_202608111532.webp?v=1786437600\" alt=\"Ginger extract for scalp and root care\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-ing-copy\"\u003e\n\n \u003ch3\u003e\n Ginger Extract\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Complements circulation\n and scalp support.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-ing-card\"\u003e\n\n\u003cimg class=\"abera-ing-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Botanical_scalp-care_ingredient___4K_202608111533.webp?v=1786437601\" alt=\"Botanical scalp complex for dandruff and hair care\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-ing-copy\"\u003e\n\n \u003ch3\u003e\n Botanical Scalp Complex\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Supports dandruff control\n and a cleaner scalp.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n 07 BEFORE \/ AFTER\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-center\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n VISIBLE HAIR + SCALP PROGRESS\n \u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n Different Concerns. One Routine.\n \u003c\/h2\u003e\n\n \u003cdiv class=\"abera-swipe\"\u003e\n Swipe to explore →\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-scroll abera-results-track\" style=\"margin-top:20px;\" onscroll=\"\n var track=this;\n var cards=track.querySelectorAll('.abera-result');\n var dots=track.parentElement.querySelectorAll('.abera-result-dot');\n var best=0;\n var bestDistance=999999;\n\n cards.forEach(function(card,i){\n var distance=Math.abs(card.offsetLeft-track.scrollLeft);\n if(distance\u0026lt;bestDistance){\n bestDistance=distance;\n best=i;\n }\n });\n\n dots.forEach(function(dot,i){\n dot.classList.toggle('active',i===best);\n });\n \"\u003e\n\n\n \u003carticle class=\"abera-result\"\u003e\n\n \u003cspan class=\"abera-result-tag\"\u003e\n MALE • HAIR FALL\n \u003c\/span\u003e\n\n\u003cimg class=\"abera-result-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_comparing_hair_shedding_results_202608111551.webp?v=1786439461\" alt=\"Before and after male hair shedding and hair fall\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-result-copy\"\u003e\n\n \u003ch3\u003e\n Hair Fall\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Less hair left behind.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-result\"\u003e\n\n \u003cspan class=\"abera-result-tag\"\u003e\n MALE • THINNING CROWN\n \u003c\/span\u003e\n\n\u003cimg class=\"abera-result-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hair_density_comparison_photography_4K_202608111554.webp?v=1786439461\" alt=\"Before and after thinning crown and fuller-looking hair density\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-result-copy\"\u003e\n\n \u003ch3\u003e\n Thinning Crown\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Fuller-looking density.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-result\"\u003e\n\n \u003cspan class=\"abera-result-tag\"\u003e\n FEMALE • WIDER PART\n \u003c\/span\u003e\n\n\u003cimg class=\"abera-result-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Woman_hair_thinning_before_after_202608111555.webp?v=1786439461\" alt=\"Before and after female thinning hair and wider middle part\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-result-copy\"\u003e\n\n \u003ch3\u003e\n Wider Part\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Stronger-looking roots.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-result\"\u003e\n\n \u003cspan class=\"abera-result-tag\"\u003e\n MALE • WEAK HAIR\n \u003c\/span\u003e\n\n\u003cimg class=\"abera-result-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Mature_man_comparing_hair_volume_202608111604.webp?v=1786439461\" alt=\"Before and after mature male weak flat hair and improved-looking volume\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-result-copy\"\u003e\n\n \u003ch3\u003e\n Weak, Flat Hair\n \u003c\/h3\u003e\n\n \u003cp\u003e\n More volume and vitality.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-result\"\u003e\n\n \u003cspan class=\"abera-result-tag\"\u003e\n MALE • DANDRUFF\n \u003c\/span\u003e\n\n\u003cimg class=\"abera-result-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_comparison_before_and_after_202608111606.webp?v=1786439461\" alt=\"Before and after dandruff flakes and oily scalp\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-result-copy\"\u003e\n\n \u003ch3\u003e\n Dandruff + Oil\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Cleaner-looking scalp.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-result-dots\"\u003e\n\n \u003cbutton type=\"button\" class=\"abera-result-dot active\" aria-label=\"View result 1\" onclick=\"\n var track=this.closest('section').querySelector('.abera-results-track');\n var card=track.querySelectorAll('.abera-result')[0];\n track.scrollTo({left:card.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-result-dot\" aria-label=\"View result 2\" onclick=\"\n var track=this.closest('section').querySelector('.abera-results-track');\n var card=track.querySelectorAll('.abera-result')[1];\n track.scrollTo({left:card.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-result-dot\" aria-label=\"View result 3\" onclick=\"\n var track=this.closest('section').querySelector('.abera-results-track');\n var card=track.querySelectorAll('.abera-result')[2];\n track.scrollTo({left:card.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-result-dot\" aria-label=\"View result 4\" onclick=\"\n var track=this.closest('section').querySelector('.abera-results-track');\n var card=track.querySelectorAll('.abera-result')[3];\n track.scrollTo({left:card.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-result-dot\" aria-label=\"View result 5\" onclick=\"\n var track=this.closest('section').querySelector('.abera-results-track');\n var card=track.querySelectorAll('.abera-result')[4];\n track.scrollTo({left:card.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003c\/div\u003e\n\n\n \u003cp style=\"\n margin-top:12px;\n color:#7a8176;\n font-size:15px;\n line-height:1.5;\"\u003e\n Individual results may vary.\n \u003c\/p\u003e\n\n\n \u003ca href=\"#\" class=\"abera-btn\" onclick=\"\n event.preventDefault();\n\n var el=\n document.querySelector('variant-radios')||\n document.querySelector('variant-selects')||\n document.querySelector('.product-form__input')||\n document.querySelector('form[action*=\u0026quot;\/cart\/add\u0026quot;]')||\n document.querySelector('.product-form');\n\n if(el){\n el.scrollIntoView({\n behavior:'smooth',\n block:'center'\n });\n }else{\n window.scrollTo({\n top:0,\n behavior:'smooth'\n });\n }\n \"\u003e\n SEE YOUR BEST VALUE ↑\n \u003c\/a\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n 08 KOC VIDEO CAROUSEL\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-dark abera-center\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003eWHAT PEOPLE LIKE ABOUT ABERA\u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n Simple Scalp Care That Feels Different.\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-sub\"\u003e\n Everyday feedback themes: cleaner roots, less buildup,\n more scalp comfort and softer-looking hair.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abera-swipe abera-swipe-light\"\u003e\n Swipe to watch →\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-koc-track\" style=\"margin-top:20px;\" onscroll=\"\n var track=this;\n var section=track.closest('section');\n\n if(window.innerWidth\u0026lt;=768){\n var cards=track.querySelectorAll('.abera-koc');\n var dots=section.querySelectorAll('.abera-koc-dots-mobile .abera-koc-dot');\n var best=0;\n var bestDistance=999999;\n\n cards.forEach(function(card,i){\n var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n var distance=Math.abs(left-track.scrollLeft);\n if(distance\u0026lt;bestDistance){\n bestDistance=distance;\n best=i;\n }\n });\n\n dots.forEach(function(dot,i){\n dot.classList.toggle('active',i===best);\n });\n }else{\n var dots=section.querySelectorAll('.abera-koc-dots-desktop .abera-koc-dot');\n var maxScroll=Math.max(1,track.scrollWidth-track.clientWidth);\n var page=track.scrollLeft\u0026gt;maxScroll\/2 ? 1 : 0;\n\n dots.forEach(function(dot,i){\n dot.classList.toggle('active',i===page);\n });\n }\n \"\u003e\n\n\n \u003carticle class=\"abera-koc\"\u003e\n \u003cdiv class=\"abera-koc-frame abera-inline-video-wrap\"\u003e\n \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(this.paused){\n this.play();\n }else{\n this.pause();\n }\n \" onplay=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.add('is-playing');}\n \" onpause=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \" onended=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d83796ed1d834935a934375789297318.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Play video\" onclick=\"\n event.stopPropagation();\n var wrap=this.closest('.abera-inline-video-wrap');\n var v=wrap.querySelector('video');\n v.play();\n \"\u003e▶\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-koc-copy\"\u003e\n \u003cstrong\u003eClean Scalp, No Stripped Feeling\u003c\/strong\u003e\n \u003cspan\u003eFresh roots and a lighter, cleaner feel after rinsing.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abera-koc\"\u003e\n \u003cdiv class=\"abera-koc-frame abera-inline-video-wrap\"\u003e\n \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(this.paused){\n this.play();\n }else{\n this.pause();\n }\n \" onplay=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.add('is-playing');}\n \" onpause=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \" onended=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/00b0f00f6d414799a9a3f9cbc8eda8c6.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Play video\" onclick=\"\n event.stopPropagation();\n var wrap=this.closest('.abera-inline-video-wrap');\n var v=wrap.querySelector('video');\n v.play();\n \"\u003e▶\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-koc-copy\"\u003e\n \u003cstrong\u003eFlakes Feel Easier to Manage\u003c\/strong\u003e\n \u003cspan\u003eA cleaner scalp routine when dandruff and buildup keep coming back.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abera-koc\"\u003e\n \u003cdiv class=\"abera-koc-frame abera-inline-video-wrap\"\u003e\n \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(this.paused){\n this.play();\n }else{\n this.pause();\n }\n \" onplay=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.add('is-playing');}\n \" onpause=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \" onended=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/fdf9286be96e4c68808860655f524c07.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Play video\" onclick=\"\n event.stopPropagation();\n var wrap=this.closest('.abera-inline-video-wrap');\n var v=wrap.querySelector('video');\n v.play();\n \"\u003e▶\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-koc-copy\"\u003e\n \u003cstrong\u003eSofter, Healthier-Looking Hair\u003c\/strong\u003e\n \u003cspan\u003eHair feels less rough after washing without a heavy finish.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abera-koc\"\u003e\n \u003cdiv class=\"abera-koc-frame abera-inline-video-wrap\"\u003e\n \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(this.paused){\n this.play();\n }else{\n this.pause();\n }\n \" onplay=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.add('is-playing');}\n \" onpause=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \" onended=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d1a62fdbe0c7418f8af43387bc120793.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Play video\" onclick=\"\n event.stopPropagation();\n var wrap=this.closest('.abera-inline-video-wrap');\n var v=wrap.querySelector('video');\n v.play();\n \"\u003e▶\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-koc-copy\"\u003e\n \u003cstrong\u003eEasy Lather. Easy Rinse.\u003c\/strong\u003e\n \u003cspan\u003eCleans well without leaving a heavy or greasy residue.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abera-koc\"\u003e\n \u003cdiv class=\"abera-koc-frame abera-inline-video-wrap\"\u003e\n \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(this.paused){\n this.play();\n }else{\n this.pause();\n }\n \" onplay=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.add('is-playing');}\n \" onpause=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \" onended=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/438999bae8ae40569e04607659ed9d30.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Play video\" onclick=\"\n event.stopPropagation();\n var wrap=this.closest('.abera-inline-video-wrap');\n var v=wrap.querySelector('video');\n v.play();\n \"\u003e▶\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-koc-copy\"\u003e\n \u003cstrong\u003eRoots Feel Fresher\u003c\/strong\u003e\n \u003cspan\u003eA better balance of scalp cleansing and everyday hair care.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abera-koc\"\u003e\n \u003cdiv class=\"abera-koc-frame abera-inline-video-wrap\"\u003e\n \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(this.paused){\n this.play();\n }else{\n this.pause();\n }\n \" onplay=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.add('is-playing');}\n \" onpause=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \" onended=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e15b35b97ba54bd8b0d56eb81b6a7bac.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Play video\" onclick=\"\n event.stopPropagation();\n var wrap=this.closest('.abera-inline-video-wrap');\n var v=wrap.querySelector('video');\n v.play();\n \"\u003e▶\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-koc-copy\"\u003e\n \u003cstrong\u003eOne Routine for Multiple Concerns\u003c\/strong\u003e\n \u003cspan\u003eHelps address oil, flakes, buildup and weak-looking hair together.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n \u003c!-- DESKTOP: 2 PAGES, 3 VIDEOS PER PAGE --\u003e\n \u003cdiv class=\"abera-koc-dots abera-koc-dots-desktop\"\u003e\n\n \u003cbutton type=\"button\" class=\"abera-koc-dot active\" aria-label=\"View videos 1 to 3\" onclick=\"\n var track=this.closest('section').querySelector('.abera-koc-track');\n track.scrollTo({left:0,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-koc-dot\" aria-label=\"View videos 4 to 6\" onclick=\"\n var track=this.closest('section').querySelector('.abera-koc-track');\n var maxScroll=track.scrollWidth-track.clientWidth;\n track.scrollTo({left:maxScroll,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- MOBILE: 1 DOT PER VIDEO --\u003e\n \u003cdiv class=\"abera-koc-dots abera-koc-dots-mobile\"\u003e\n\n\n \u003cbutton type=\"button\" class=\"abera-koc-dot active\" aria-label=\"View review 1\" onclick=\"\n var section=this.closest('section');\n var track=section.querySelector('.abera-koc-track');\n var card=track.querySelectorAll('.abera-koc')[0];\n var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n track.scrollTo({left:left,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-koc-dot\" aria-label=\"View review 2\" onclick=\"\n var section=this.closest('section');\n var track=section.querySelector('.abera-koc-track');\n var card=track.querySelectorAll('.abera-koc')[1];\n var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n track.scrollTo({left:left,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-koc-dot\" aria-label=\"View review 3\" onclick=\"\n var section=this.closest('section');\n var track=section.querySelector('.abera-koc-track');\n var card=track.querySelectorAll('.abera-koc')[2];\n var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n track.scrollTo({left:left,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-koc-dot\" aria-label=\"View review 4\" onclick=\"\n var section=this.closest('section');\n var track=section.querySelector('.abera-koc-track');\n var card=track.querySelectorAll('.abera-koc')[3];\n var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n track.scrollTo({left:left,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-koc-dot\" aria-label=\"View review 5\" onclick=\"\n var section=this.closest('section');\n var track=section.querySelector('.abera-koc-track');\n var card=track.querySelectorAll('.abera-koc')[4];\n var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n track.scrollTo({left:left,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-koc-dot\" aria-label=\"View review 6\" onclick=\"\n var section=this.closest('section');\n var track=section.querySelector('.abera-koc-track');\n var card=track.querySelectorAll('.abera-koc')[5];\n var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n track.scrollTo({left:left,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n 09 HOW TO USE\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-dark\"\u003e\n\n \u003cdiv class=\"abera-center\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n HOW TO USE\n \u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n Clean the Scalp Without Overdoing It.\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-sub\"\u003e\n Focus on the scalp and roots — not the hair lengths.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-steps\"\u003e\n\n \u003cdiv class=\"abera-step\"\u003e\n\n \u003cb\u003e01\u003c\/b\u003e\n\n \u003ch3\u003e\n Wet Thoroughly\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Saturate scalp and hair with lukewarm water.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-step\"\u003e\n\n \u003cb\u003e02\u003c\/b\u003e\n\n \u003ch3\u003e\n Lather in Hands\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Dispense a small amount and rub between palms for 5–10 seconds.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-step\"\u003e\n\n \u003cb\u003e03\u003c\/b\u003e\n\n \u003ch3\u003e\n Massage 60–90 Sec\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Work into scalp and roots with fingertips. Leave lather on for about 1–2 minutes.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-step\"\u003e\n\n \u003cb\u003e04\u003c\/b\u003e\n\n \u003ch3\u003e\n Rinse Completely\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Rinse well. Repeat only when scalp is very oily or has heavy buildup.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-use-tips\"\u003e\n \u003cstrong\u003eQuick tips:\u003c\/strong\u003e\n Avoid hot water • Don’t scratch with nails • Focus shampoo on the scalp •\n If hair feels dry or tight, shorten contact time or use less often.\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n 10 QUALITY + COMPARISON\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-soft abera-center\"\u003e\n\n \u003c!-- QUALITY DOCUMENTS --\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n QUALITY \u0026amp; SAFETY DOCUMENTATION\n \u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n Global quality \u0026amp; safety certifications.\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-sub\"\u003e\n Supporting product and manufacturing documents,\n displayed clearly for greater transparency.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-cert-grid\"\u003e\n\n\n \u003carticle class=\"abera-cert-card\"\u003e\n\n\u003cimg class=\"abera-cert-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA.jpg?v=1786441226\" alt=\"ABERA product quality and safety documentation\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-cert-info\"\u003e\n\n \u003cstrong\u003e\n Product \u0026amp; Safety Documentation\n \u003c\/strong\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-cert-card\"\u003e\n\n \u003cimg class=\"abera-cert-real-img\" 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 \u003cdiv class=\"abera-cert-info\"\u003e\n\n \u003cstrong\u003e\n Manufacturing \u0026amp; Quality Standards\n \u003c\/strong\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\u003c\/div\u003e\n\n \n \u003c\/section\u003e\n\n\n\n \u003c!-- COMPARISON --\u003e\n\n \u003cdiv class=\"abera-compare-head\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n WHY ABERA STANDS OUT\n \u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n More Than Basic Shampoo.\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-sub\"\u003e\n Daily cleansing meets targeted scalp,\n follicle and hair-fall care.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-compare-grid\"\u003e\n\n\n \u003carticle class=\"abera-compare-card abera-compare-basic\"\u003e\n\n\u003cimg class=\"abera-compare-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/blank-bottle-20250320181104-dnmya.png?v=1786441765\" alt=\"Basic shampoo bottle comparison\" loading=\"lazy\"\u003e\n\n \u003ch3\u003e\n Basic Shampoo\n \u003c\/h3\u003e\n\n \u003cdiv class=\"abera-compare-list\"\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-x\"\u003e×\u003c\/span\u003e\n \u003cspan\u003eSurface cleansing only\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-x\"\u003e×\u003c\/span\u003e\n \u003cspan\u003eLimited support for weak, shedding hair\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-x\"\u003e×\u003c\/span\u003e\n \u003cspan\u003eNo targeted follicle-signaling system\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-x\"\u003e×\u003c\/span\u003e\n \u003cspan\u003ePrimarily focused on surface cleansing\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-x\"\u003e×\u003c\/span\u003e\n \u003cspan\u003eLimited scalp + root care\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-compare-card abera-compare-abera\"\u003e\n\n\u003cimg class=\"abera-compare-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/hop-chai-mt_1x1_1-box-20250320115655-4llx.jpg?v=1786441766\" alt=\"ABERA Langbian Ginseng Shampoo comparison\" loading=\"lazy\"\u003e\n \n \u003ch3\u003e\n ABERA Ginseng Shampoo\n \u003c\/h3\u003e\n\n \u003cdiv class=\"abera-compare-list\"\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-tick\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eOctapeptide-2 supports follicle signaling\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-tick\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eLangbian Ginseng + Ginger support microcirculation\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-tick\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eHelps reduce hair fall \u0026amp; support fuller-looking hair\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-tick\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eControls dandruff, excess oil \u0026amp; buildup\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-tick\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eScalp + root + hair care in one wash\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\n\n\n\n\u003c!-- =========================================================\n 11 FAQ\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec\"\u003e\n\n \u003cdiv class=\"abera-center\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n ABERA GINSENG SHAMPOO FAQ\n \u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n Hair Fall, Growth \u0026amp; Dandruff\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-faq\"\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Is ABERA a hair loss shampoo?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Yes. ABERA targets weak,\n thinning and shedding-prone hair\n while supporting stronger,\n fuller-looking hair.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Can women use ABERA?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Yes. ABERA is suitable for men\n and women dealing with hair fall,\n thinning or scalp concerns.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Is ABERA anti-dandruff?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Yes. It targets visible flakes,\n excess oil and scalp buildup.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n What does Octapeptide-2 do?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n It supports follicle signaling\n and weakened roots.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n What does Langbian Ginseng do?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Langbian Ginseng supports\n scalp microcirculation,\n root nutrition and stronger-looking hair.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n How does ABERA support dormant follicles?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Its follicle system combines signaling,\n circulation and root nutrition\n to support dormant follicles\n and fuller-looking hair.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n How do I use it?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Massage into wet scalp and roots,\n create a rich lather,\n then rinse thoroughly.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n 12 FINAL CTA\n========================================================= --\u003e\n\n\u003csection class=\"abera-final\"\u003e\n\n \u003cspan class=\"abera-eye\" style=\"color:#d3e99b;\"\u003e\n START YOUR ROOT-TO-SCALP ROUTINE\n \u003c\/span\u003e\n\n \u003ch2\u003e\n Fight Hair Fall.\u003cbr\u003e\n Control Dandruff.\u003cbr\u003e\n Grow Stronger-Looking Hair.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Octapeptide-2 + Langbian Ginseng\n follicle care for men and women.\n \u003c\/p\u003e\n\n\n \u003ca href=\"#\" class=\"abera-btn abera-btn-light\" onclick=\"\n event.preventDefault();\n\n var el=\n document.querySelector('variant-radios')||\n document.querySelector('variant-selects')||\n document.querySelector('.product-form__input')||\n document.querySelector('form[action*=\u0026quot;\/cart\/add\u0026quot;]')||\n document.querySelector('.product-form');\n\n if(el){\n el.scrollIntoView({\n behavior:'smooth',\n block:'center'\n });\n }else{\n window.scrollTo({\n top:0,\n behavior:'smooth'\n });\n }\n \"\u003e\n CHOOSE YOUR TREATMENT SET ↑\n \u003c\/a\u003e\n\n\n \u003cp class=\"abera-offer\"\u003e\n Save more when you bundle • Free U.S. Shipping\n \u003c\/p\u003e\n\n\u003c\/section\u003e\n\n\n\u003c\/div\u003e\n","brand":"ABERA US","offers":[{"title":"1 BOX","offer_id":54054854951280,"sku":"CB-LANGBIAN096+SL1","price":29.95,"currency_code":"USD","in_stock":true},{"title":"BUY 2 (SAVE 25%) + GIFT 5-EYES MASK","offer_id":54058813161840,"sku":"CB-LANGBIAN096+SL2-CB-CBMASK05+SL1","price":42.95,"currency_code":"USD","in_stock":true},{"title":"BUY 3 (SAVE 35%) + GIFT Derma Roller","offer_id":54058813194608,"sku":"CB-LANGBIAN096+SL3-CB-LKOEM050+SL1","price":59.95,"currency_code":"USD","in_stock":true},{"title":"1 SHAMPOO + 1 FOLLICULITIS WASH (SAVE 20%)","offer_id":54060753191280,"sku":"CB-LANGBIAN096+SL1-CB-GTABERA087+SL1","price":48.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/11111-20260302084202-y9si.webp?v=1784604395"},{"product_id":"abera-instant-hair-dye-shampoo-10-packs","title":"ABERA Instant Hair Dye Shampoo - 10 Packs, Cover Gray Hair in 15 Minutes, For Men and Women","description":"\u003c!-- =========================================================\nABERA HAIR DYE — HERO + QUICK BENEFITS\nUPDATED BENEFIT CONTENT\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-hero-v4,\n#abera-hero-v4 * {\n box-sizing: border-box;\n}\n\n#abera-hero-v4 {\n --black: #0f0f0f;\n --gold: #b07d2f;\n --gold-light: #e7cf9e;\n --ivory: #f7f3ec;\n --text: #171717;\n --muted: #5f5952;\n\n width: 100%;\n margin: 0;\n padding: 0;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n\n color: var(--text);\n}\n\n\n\/* =========================================================\nHERO\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-main {\n width: 100%;\n\n padding:\n clamp(55px, 6vw, 92px)\n 0\n clamp(62px, 6vw, 98px);\n\n background:\n radial-gradient(\n circle at 78% 8%,\n rgba(223, 194, 138, .20),\n transparent 32%\n ),\n var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-container {\n width: 100%;\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-grid {\n display: grid;\n\n grid-template-columns:\n minmax(0, 1.08fr)\n minmax(430px, .92fr);\n\n gap:\n clamp(60px, 7vw, 115px);\n\n align-items: center;\n}\n\n\n\/* =========================================================\nLEFT\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-copy {\n min-width: 0;\n}\n\n\n\/* =========================================================\nEYEBROW\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-eyebrow {\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n margin:\n 0\n 0\n 32px;\n\n padding:\n 10px\n 18px;\n\n border:\n 1px solid\n rgba(176, 125, 47, .38);\n\n border-radius: 999px;\n\n background:\n rgba(255, 255, 255, .55);\n\n color: #8c6429;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 600;\n\n letter-spacing: 1.5px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-title {\n max-width: 760px;\n\n margin:\n 0\n 0\n 30px;\n\n color: var(--black);\n\n font-size:\n clamp(30px, 4vw, 50px);\n\n line-height: 0.99;\n\n font-weight: 600;\n\n letter-spacing: 0px;\n\n text-transform: uppercase;\n}\n\n\n#abera-hero-v4 .ahv4-title span {\n display: block;\n\n margin-top: 8px;\n\n color: var(--gold);\n}\n\n\n\/* =========================================================\nDESCRIPTION\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-description {\n max-width: 740px;\n\n margin:\n 0\n 0\n 31px;\n\n color: var(--muted);\n\n font-size: 18px;\n line-height: 1.7;\n\n font-weight: 400;\n}\n\n\n#abera-hero-v4 .ahv4-description strong {\n color: var(--black);\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nUSP GRID\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-usps {\n display: grid;\n\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap:\n 20px\n 38px;\n\n max-width: 760px;\n}\n\n\n#abera-hero-v4 .ahv4-usp {\n min-width: 0;\n\n display: flex;\n\n align-items: flex-start;\n\n gap: 12px;\n\n color: #27231f;\n\n font-size: 17px;\n line-height: 1.5;\n\n font-weight: 400;\n}\n\n\n#abera-hero-v4 .ahv4-check {\n width: 26px;\n height: 26px;\n\n flex:\n 0 0\n 26px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n margin-top: 1px;\n\n border-radius: 50%;\n\n background: var(--black);\n\n color: var(--gold-light);\n\n font-size: 13px;\n line-height: 1;\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-media {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n overflow: visible;\n\n background: transparent;\n}\n\n\n#abera-hero-v4 .ahv4-media img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n border: 10;\n border-radius: 10;\n\n background: transparent;\n\n box-shadow: none;\n}\n\n\n\/* =========================================================\n15 MIN BADGE\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-badge {\n position: absolute;\n\n z-index: 5;\n\n top: 22px;\n right: 22px;\n\n width: 132px;\n height: 132px;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n border:\n 1px solid\n var(--gold);\n\n border-radius: 50%;\n\n background:\n rgba(15, 15, 15, .97);\n\n text-align: center;\n}\n\n\n#abera-hero-v4 .ahv4-badge strong {\n display: block;\n\n color: var(--gold-light);\n\n font-size: 30px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n#abera-hero-v4 .ahv4-badge span {\n display: block;\n\n margin-top: 9px;\n\n color: #ffffff;\n\n font-size: 10px;\n line-height: 1.25;\n\n font-weight: 400;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\nQUICK BENEFIT BAR\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-benefits {\n width: 100%;\n\n background: var(--black);\n}\n\n\n#abera-hero-v4 .ahv4-benefits-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n}\n\n\n\/* BENEFIT ITEM *\/\n\n#abera-hero-v4 .ahv4-benefit {\n min-width: 0;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n padding:\n 28px\n 18px;\n\n border-right:\n 1px solid\n rgba(255, 255, 255, .12);\n\n text-align: center;\n}\n\n\n#abera-hero-v4\n.ahv4-benefit:last-child {\n border-right: 0;\n}\n\n\n\/* SMALL LINE *\/\n\n#abera-hero-v4 .ahv4-benefit span {\n display: block;\n\n margin-bottom: 5px;\n\n color: #d2cec8;\n\n font-size: 15px;\n line-height: 1.35;\n\n font-weight: 400;\n}\n\n\n\/* STRONG LINE *\/\n\n#abera-hero-v4 .ahv4-benefit strong {\n display: block;\n\n margin: 0;\n\n color: var(--gold-light);\n\n font-size: 20px;\n line-height: 1.3;\n\n font-weight: 600;\n\n text-transform: none;\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-hero-v4 .ahv4-main {\n padding:\n 45px\n 0\n 55px;\n }\n\n\n #abera-hero-v4 .ahv4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-hero-v4 .ahv4-grid {\n grid-template-columns:\n minmax(0, 1fr)\n minmax(340px, .9fr);\n\n gap: 38px;\n }\n\n\n #abera-hero-v4 .ahv4-title {\n font-size:\n clamp(30px, 4vw, 50px);\n\n letter-spacing: -2px;\n }\n\n\n #abera-hero-v4 .ahv4-description {\n font-size: 16px;\n }\n\n\n #abera-hero-v4 .ahv4-usps {\n grid-template-columns: 1fr;\n\n gap: 13px;\n }\n\n\n #abera-hero-v4 .ahv4-usp {\n font-size: 15px;\n }\n\n\n #abera-hero-v4 .ahv4-badge {\n width: 100px;\n height: 100px;\n\n top: 14px;\n right: 14px;\n }\n\n\n #abera-hero-v4 .ahv4-badge strong {\n font-size: 23px;\n }\n\n\n #abera-hero-v4 .ahv4-badge span {\n font-size: 8px;\n }\n\n\n #abera-hero-v4 .ahv4-benefit strong {\n font-size: 17px;\n }\n\n\n #abera-hero-v4 .ahv4-benefit span {\n font-size: 13px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-hero-v4 .ahv4-main {\n padding:\n 16px\n 0\n 34px;\n }\n\n\n #abera-hero-v4 .ahv4-container {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* IMAGE FIRST *\/\n\n #abera-hero-v4 .ahv4-grid {\n display: flex;\n\n flex-direction: column;\n\n gap: 27px;\n }\n\n\n #abera-hero-v4 .ahv4-media {\n order: 1;\n }\n\n\n #abera-hero-v4 .ahv4-copy {\n order: 2;\n\n width: 100%;\n }\n\n\n \/* EYEBROW *\/\n\n #abera-hero-v4 .ahv4-eyebrow {\n margin-bottom: 18px;\n\n padding:\n 8px\n 12px;\n\n font-size: 10px;\n\n letter-spacing: 1px;\n }\n\n\n \/* TITLE *\/\n\n #abera-hero-v4 .ahv4-title {\n width: 100%;\n\n margin-bottom: 20px;\n\n font-size:\n clamp(40px, 3vw, 40px);\n\n line-height: 1.02;\n\n letter-spacing: -1.6px;\n\n white-space: normal;\n\n word-break: normal;\n }\n\n\n #abera-hero-v4 .ahv4-title span {\n margin-top: 5px;\n }\n\n\n \/* DESCRIPTION *\/\n\n #abera-hero-v4 .ahv4-description {\n width: 100%;\n\n margin-bottom: 23px;\n\n font-size: 16px;\n line-height: 1.62;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n }\n\n\n \/* USP *\/\n\n #abera-hero-v4 .ahv4-usps {\n width: 100%;\n\n grid-template-columns: 1fr;\n\n gap: 13px;\n }\n\n\n #abera-hero-v4 .ahv4-usp {\n width: 100%;\n\n gap: 10px;\n\n font-size: 15px;\n line-height: 1.5;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n }\n\n\n #abera-hero-v4 .ahv4-check {\n width: 22px;\n height: 22px;\n\n flex:\n 0 0\n 22px;\n\n font-size: 11px;\n }\n\n\n \/* IMAGE *\/\n\n #abera-hero-v4 .ahv4-media {\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n }\n\n\n #abera-hero-v4 .ahv4-media img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n }\n\n\n \/* BADGE *\/\n\n #abera-hero-v4 .ahv4-badge {\n width: 86px;\n height: 86px;\n\n top: 10px;\n right: 10px;\n }\n\n\n #abera-hero-v4 .ahv4-badge strong {\n font-size: 20px;\n }\n\n\n #abera-hero-v4 .ahv4-badge span {\n margin-top: 5px;\n\n font-size: 7px;\n }\n\n\n \/* =====================================================\n QUICK BENEFITS — 2 × 2\n ===================================================== *\/\n\n #abera-hero-v4 .ahv4-benefits-grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n\n #abera-hero-v4 .ahv4-benefit {\n min-height: 110px;\n\n padding:\n 18px\n 10px;\n }\n\n\n #abera-hero-v4\n .ahv4-benefit:nth-child(2n) {\n\n border-right: 0;\n\n }\n\n\n #abera-hero-v4\n .ahv4-benefit:nth-child(-n+2) {\n\n border-bottom:\n 1px solid\n rgba(255,255,255,.12);\n\n }\n\n\n #abera-hero-v4 .ahv4-benefit span {\n margin-bottom: 5px;\n\n font-size: 12px;\n line-height: 1.35;\n }\n\n\n #abera-hero-v4 .ahv4-benefit strong {\n font-size: 15px;\n line-height: 1.35;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-hero-v4\"\u003e\u003c!-- =========================================================\nHERO\n========================================================= --\u003e\n\u003cdiv class=\"ahv4-main\"\u003e\n\u003cdiv class=\"ahv4-container\"\u003e\n\u003cdiv class=\"ahv4-grid\"\u003e\n\u003c!-- LEFT --\u003e\n\u003cdiv class=\"ahv4-copy\"\u003e\n\u003cdiv class=\"ahv4-eyebrow\"\u003eABERA INSTANT HAIR DYE SHAMPOO\u003c\/div\u003e\n\u003ch1 class=\"ahv4-title\"\u003eGRAY HAIR? \u003cspan\u003e ONLY 15 MINUTES. \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ahv4-description\"\u003e\u003cstrong\u003e Cover visible gray hair at home \u003c\/strong\u003e — without a salon appointment or complicated dye mixing. ABERA combines hair color, cleansing and conditioning in one simple shampoo-like routine.\u003c\/p\u003e\n\u003cdiv class=\"ahv4-usps\"\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Visible gray coverage in about 15 minutes \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 10 convenient individual sachets \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 3-in-1: Color + Cleanse + Condition \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Ammonia-free formula \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e For men \u0026amp; women \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RIGHT IMAGE --\u003e\n\u003cdiv class=\"ahv4-media\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_45.webp?v=1787211684\" alt=\"ABERA Instant Hair Dye Shampoo\"\u003e\n\u003cdiv class=\"ahv4-badge\"\u003e\n\u003cstrong\u003e 15 MIN \u003c\/strong\u003e \u003cspan\u003e QUICK GRAY\u003cbr\u003eCOVERAGE \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nUPDATED QUICK BENEFIT BAR\n========================================================= --\u003e\n\u003cdiv class=\"ahv4-benefits\"\u003e\n\u003cdiv class=\"ahv4-benefits-grid\"\u003e\n\u003c!-- 01 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\u003cspan\u003e Covers grays \u003c\/span\u003e \u003cstrong\u003e in just 15 minutes \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\u003cspan\u003e Protects hair with \u003c\/span\u003e \u003cstrong\u003e ammonia-free formula \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\u003cspan\u003e As easy as \u003c\/span\u003e \u003cstrong\u003e regular shampoo \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c!-- 04 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\u003cspan\u003e Suitable for \u003c\/span\u003e \u003cstrong\u003e ALL hair types \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — HOW IT WORKS\nBEIGE CONTINUOUS BACKGROUND\nDESKTOP: VIDEO LEFT + 3 STEPS RIGHT\nMOBILE: VIDEO TOP + STEPS BELOW\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL LANDING PAGE BACKGROUND FIX\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n\/*\nMàu nền chung của toàn bộ phần MainContent.\nGiúp tránh lộ nền trắng của Shopify giữa các section.\n*\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/*\nNếu các section ABERA nằm trong nhiều Custom Liquid khác nhau,\nép wrapper Shopify về cùng nền be và bỏ margin\/padding ngoài.\n*\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/*\nKhông để khoảng trắng phát sinh giữa 2 ABERA section kế tiếp.\n*\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-how-v4,\n#abera-how-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-how-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-light: #e7cf9e;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #69635c;\n\n --line: #ddd2c1;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-header {\n width: 100%;\n\n max-width: 1100px;\n\n margin:\n 0\n auto\n clamp(42px, 5vw, 65px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-how-v4 .ahw4-eyebrow {\n margin:\n 0\n 0\n 13px;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 15px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.5px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-how-v4 .ahw4-title {\n width: 100%;\n\n margin: 0;\n\n padding: 0;\n\n color: var(--black);\n\n font-size:\n clamp(30px, 4vw, 40px);\n\n line-height: 1.12;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nCONTENT GRID\n========================================================= *\/\n\n#abera-how-v4 .ahw4-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 1fr)\n minmax(0, 1fr);\n\n gap:\n clamp(55px, 7vw, 92px);\n\n align-items: center;\n}\n\n\n\/* =========================================================\nVIDEO\n========================================================= *\/\n\n#abera-how-v4 .ahw4-video {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n border-radius: 14px;\n\n background: #111111;\n\n box-shadow:\n 0 4px 14px\n rgba(0,0,0,.045);\n}\n\n\n#abera-how-v4 .ahw4-video video {\n position: absolute;\n\n inset: 0;\n\n width: 100% !important;\n height: 100% !important;\n\n display: block;\n\n margin: 0;\n padding: 0;\n\n border: 0;\n\n background: #111111;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\nSTEPS\n========================================================= *\/\n\n#abera-how-v4 .ahw4-steps {\n width: 100%;\n\n display: grid;\n\n gap: 18px;\n}\n\n\n\/* =========================================================\nSTEP CARD\n========================================================= *\/\n\n#abera-how-v4 .ahw4-step {\n width: 100%;\n\n min-width: 0;\n\n display: grid;\n\n grid-template-columns:\n 66px\n minmax(0, 1fr);\n\n gap: 20px;\n\n align-items: center;\n\n padding:\n 25px\n 28px;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 13px;\n\n background:\n rgba(255,255,255,.80);\n}\n\n\n\/* =========================================================\nNUMBER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-number {\n width: 66px;\n height: 66px;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--black);\n\n color: var(--gold);\n\n font-size: 17px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n\/* =========================================================\nSTEP COPY\n========================================================= *\/\n\n#abera-how-v4 .ahw4-step-copy {\n min-width: 0;\n}\n\n\n#abera-how-v4 .ahw4-step-title {\n margin:\n 0\n 0\n 6px;\n\n padding: 0;\n\n color: var(--black);\n\n font-size: 18px;\n line-height: 1.25;\n\n font-weight: 600;\n\n text-transform: uppercase;\n}\n\n\n#abera-how-v4 .ahw4-step-text {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n color: var(--muted);\n\n font-size: 16px;\n line-height: 1.6;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-how-v4 .ahw4-main {\n padding:\n 44px\n 0\n 55px;\n }\n\n\n #abera-how-v4 .ahw4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-how-v4 .ahw4-header {\n margin-bottom: 38px;\n }\n\n\n #abera-how-v4 .ahw4-title {\n font-size:\n clamp(30px, 4vw, 42px);\n }\n\n\n #abera-how-v4 .ahw4-grid {\n gap: 34px;\n }\n\n\n #abera-how-v4 .ahw4-step {\n grid-template-columns:\n 54px\n minmax(0, 1fr);\n\n gap: 15px;\n\n padding:\n 18px\n 19px;\n }\n\n\n #abera-how-v4 .ahw4-number {\n width: 54px;\n height: 54px;\n\n font-size: 15px;\n }\n\n\n #abera-how-v4 .ahw4-step-title {\n font-size: 16px;\n }\n\n\n #abera-how-v4 .ahw4-step-text {\n font-size: 14px;\n line-height: 1.55;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-how-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-how-v4 .ahw4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-how-v4 .ahw4-container {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* HEADER *\/\n\n #abera-how-v4 .ahw4-header {\n margin-bottom: 26px;\n }\n\n\n #abera-how-v4 .ahw4-eyebrow {\n margin-bottom: 9px;\n\n font-size: 12px;\n\n letter-spacing: 1.3px;\n }\n\n\n #abera-how-v4 .ahw4-title {\n font-size:\n clamp(25px, 4vw, 31px);\n\n line-height: 1.3;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n\n \/* =====================================================\n VIDEO FIRST\n ===================================================== *\/\n\n #abera-how-v4 .ahw4-grid {\n display: flex;\n\n flex-direction: column;\n\n gap: 22px;\n }\n\n\n #abera-how-v4 .ahw4-video {\n order: 1;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n border-radius: 11px;\n }\n\n\n #abera-how-v4 .ahw4-steps {\n order: 2;\n\n width: 100%;\n\n gap: 12px;\n }\n\n\n \/* =====================================================\n MOBILE STEP\n ===================================================== *\/\n\n #abera-how-v4 .ahw4-step {\n width: 100%;\n\n grid-template-columns:\n 48px\n minmax(0, 1fr);\n\n gap: 13px;\n\n padding:\n 16px\n 15px;\n\n border-radius: 10px;\n }\n\n\n #abera-how-v4 .ahw4-number {\n width: 48px;\n height: 48px;\n\n font-size: 13px;\n }\n\n\n #abera-how-v4 .ahw4-step-title {\n margin-bottom: 4px;\n\n font-size: 16px;\n line-height: 1.3;\n }\n\n\n #abera-how-v4 .ahw4-step-text {\n font-size: 14px;\n line-height: 1.5;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-how-v4\"\u003e\u003c!-- =========================================================\nHOW IT WORKS CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"ahw4-main\"\u003e\n\u003cdiv class=\"ahw4-container\"\u003e\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"ahw4-header\"\u003e\n\u003cp class=\"ahw4-eyebrow\"\u003eHOW IT WORKS\u003c\/p\u003e\n\u003ch2 class=\"ahw4-title\"\u003eGRAY COVERAGE IN 3 SIMPLE STEPS.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"ahw4-grid\"\u003e\n\u003c!-- ===================================================\n VIDEO\n ==================================================== --\u003e\n\u003cdiv class=\"ahw4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/7ee1dbdd3dc2403fabf9d73023990903.mp4\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_60.webp?v=1787234601\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c!-- ===================================================\n STEPS\n ==================================================== --\u003e\n\u003cdiv class=\"ahw4-steps\"\u003e\n\u003c!-- 01 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\u003cdiv class=\"ahw4-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\u003ch3 class=\"ahw4-step-title\"\u003ePOUR\u003c\/h3\u003e\n\u003cp class=\"ahw4-step-text\"\u003eWear the provided gloves. Pour the amount of shampoo into your palm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\u003cdiv class=\"ahw4-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\u003ch3 class=\"ahw4-step-title\"\u003eAPPLY\u003c\/h3\u003e\n\u003cp class=\"ahw4-step-text\"\u003eApply evenly onto dry hair, massaging from roots to tips. Leave it on for 15–20 minutes to allow the color to fully develop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\u003cdiv class=\"ahw4-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\u003ch3 class=\"ahw4-step-title\"\u003eRINSE\u003c\/h3\u003e\n\u003cp class=\"ahw4-step-text\"\u003eRinse thoroughly with water until it runs clear, then towel dry and enjoy your vibrant new look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — BEFORE \/ AFTER RESULTS\nCONTINUOUS BEIGE BACKGROUND\nDESKTOP: 5 CARDS \/ ROW\nMOBILE: 1 CARD + NEXT PREVIEW\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY CUSTOM LIQUID SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* ABERA SHOPIFY WRAPPERS *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n\n margin-top: 0 !important;\n padding-top: 0 !important;\n\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-results-v4,\n#abera-results-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-results-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n --gold-light: #ead5aa;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #615b54;\n\n --line: #ddd3c4;\n\n --green: #557963;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-results-v4 .abr4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(56px, 5vw, 82px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-results-v4 .abr4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-results-v4 .abr4-header {\n width: 100%;\n\n max-width: 1150px;\n\n margin:\n 0\n auto\n clamp(38px, 4vw, 52px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-results-v4 .abr4-eyebrow {\n margin:\n 0\n 0\n 12px;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.4px;\n\n text-transform: uppercase;\n}\n\n\n\/* MAIN TITLE *\/\n\n#abera-results-v4 .abr4-title {\n width: 100%;\n\n margin:\n 0\n auto\n 12px;\n\n color: var(--black);\n\n font-size:\n clamp(30px, 4vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* SUBTITLE *\/\n\n#abera-results-v4 .abr4-subtitle {\n margin: 0;\n\n color: #777168;\n\n font-size: 14px;\n line-height: 1.55;\n\n font-weight: 400;\n\n text-align: center;\n}\n\n\n\/* =========================================================\nRESULT GROUP\n========================================================= *\/\n\n#abera-results-v4 .abr4-group {\n width: 100%;\n}\n\n\n#abera-results-v4\n.abr4-group\n+\n.abr4-group {\n\n margin-top:\n clamp(46px, 5vw, 66px);\n\n}\n\n\n\/* =========================================================\nGROUP HEADER\n========================================================= *\/\n\n#abera-results-v4 .abr4-group-header {\n width: 100%;\n\n display: flex;\n\n align-items: center;\n\n margin-bottom: 22px;\n}\n\n\n\/* BLACK LABEL *\/\n\n#abera-results-v4 .abr4-group-label {\n flex: 0 0 auto;\n\n min-width: 220px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n padding:\n 11px\n 24px;\n\n border:\n 1px solid\n var(--gold-main);\n\n border-radius: 5px;\n\n background: var(--black);\n\n color: var(--gold-light);\n\n font-size: 24px;\n line-height: 1.2;\n\n font-weight: 700;\n\n letter-spacing: .4px;\n\n text-align: center;\n\n text-transform: uppercase;\n}\n\n\n\/* GOLD LINE *\/\n\n#abera-results-v4 .abr4-group-line {\n flex: 1;\n\n height: 1px;\n\n margin-left: 16px;\n\n background:\n linear-gradient(\n to right,\n var(--gold-main),\n rgba(200,156,70,.07)\n );\n}\n\n\n\/* =========================================================\nTRACK\n========================================================= *\/\n\n#abera-results-v4 .abr4-track {\n width: 100%;\n\n display: flex;\n\n gap: 16px;\n\n padding:\n 1px\n 1px\n 8px;\n\n scroll-snap-type: x mandatory;\n\n scroll-behavior: smooth;\n\n scrollbar-width: none;\n\n -webkit-overflow-scrolling: touch;\n}\n\n\n#abera-results-v4\n.abr4-track::-webkit-scrollbar {\n\n display: none;\n\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-results-v4 .abr4-card {\n min-width: 0;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 10px;\n\n background: var(--white);\n\n box-shadow:\n 0 3px 10px\n rgba(0,0,0,.035);\n\n scroll-snap-align: start;\n}\n\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n#abera-results-v4 .abr4-image {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #ddd7cd;\n}\n\n\n#abera-results-v4 .abr4-image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\nBEFORE \/ AFTER TAGS\n========================================================= *\/\n\n#abera-results-v4 .abr4-tag {\n position: absolute;\n\n bottom: 8px;\n\n z-index: 3;\n\n padding:\n 5px\n 9px;\n\n border-radius: 999px;\n\n font-size: 8px;\n line-height: 1;\n\n font-weight: 600;\n\n letter-spacing: .6px;\n\n text-transform: uppercase;\n}\n\n\n#abera-results-v4 .abr4-before {\n left: 8px;\n\n background:\n rgba(15,15,15,.95);\n\n color: #ffffff;\n}\n\n\n#abera-results-v4 .abr4-after {\n right: 8px;\n\n background: var(--gold-main);\n\n color: var(--black);\n}\n\n\n\/* =========================================================\nCARD BODY\n========================================================= *\/\n\n#abera-results-v4 .abr4-body {\n padding:\n 15px\n 15px\n 17px;\n}\n\n\n\/* STARS *\/\n\n#abera-results-v4 .abr4-stars {\n margin:\n 0\n 0\n 10px;\n\n color: #c79637;\n\n font-size: 15px;\n line-height: 1;\n\n letter-spacing: 1px;\n\n white-space: nowrap;\n}\n\n\n\/* REVIEW *\/\n\n#abera-results-v4 .abr4-review {\n min-height: 92px;\n\n margin:\n 0\n 0\n 14px;\n\n color: #55504a;\n\n font-size: 12px;\n line-height: 1.55;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nCUSTOMER\n========================================================= *\/\n\n#abera-results-v4 .abr4-customer strong {\n display: block;\n\n margin-bottom: 2px;\n\n color: var(--black);\n\n font-size: 12px;\n line-height: 1.35;\n\n font-weight: 500;\n}\n\n\n#abera-results-v4 .abr4-location {\n display: block;\n\n color: #8a847c;\n\n font-size: 10px;\n line-height: 1.4;\n}\n\n\n\/* VERIFIED *\/\n\n#abera-results-v4 .abr4-verified {\n display: inline-flex;\n\n align-items: center;\n\n gap: 5px;\n\n margin-top: 8px;\n\n color: var(--green);\n\n font-size: 9px;\n line-height: 1.2;\n\n font-weight: 500;\n\n white-space: nowrap;\n}\n\n\n#abera-results-v4 .abr4-verified-icon {\n width: 14px;\n height: 14px;\n\n flex:\n 0 0\n 14px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--green);\n\n color: #ffffff;\n\n font-size: 8px;\n}\n\n\n\/* =========================================================\nSWIPE TEXT\n========================================================= *\/\n\n#abera-results-v4 .abr4-swipe {\n display: none;\n}\n\n\n\/* =========================================================\nDESKTOP — EXACTLY 5 CARDS\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-results-v4 .abr4-track {\n overflow: visible;\n\n scroll-snap-type: none;\n }\n\n\n #abera-results-v4 .abr4-card {\n flex:\n 0\n 0\n calc((100% - 64px) \/ 5);\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-results-v4 .abr4-main {\n padding:\n 44px\n 0\n 58px;\n }\n\n\n #abera-results-v4 .abr4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-results-v4 .abr4-header {\n margin-bottom: 34px;\n }\n\n\n #abera-results-v4 .abr4-title {\n font-size:\n clamp(29px, 4vw, 38px);\n }\n\n\n #abera-results-v4 .abr4-track {\n overflow-x: auto;\n overflow-y: hidden;\n\n overscroll-behavior-x: contain;\n }\n\n\n #abera-results-v4 .abr4-card {\n flex:\n 0\n 0\n 42%;\n }\n\n\n #abera-results-v4 .abr4-swipe {\n display: flex;\n\n justify-content: flex-end;\n\n gap: 5px;\n\n margin-top: 5px;\n\n color: #918a80;\n\n font-size: 11px;\n }\n\n\n #abera-results-v4 .abr4-swipe strong {\n color: var(--gold);\n\n font-size: 15px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-results-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-results-v4 .abr4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 42px;\n\n background: var(--ivory);\n }\n\n\n #abera-results-v4 .abr4-container {\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* =====================================================\n HEADER\n ===================================================== *\/\n\n #abera-results-v4 .abr4-header {\n margin-bottom: 29px;\n }\n\n\n #abera-results-v4 .abr4-eyebrow {\n margin-bottom: 9px;\n\n font-size: 11px;\n\n letter-spacing: 1.2px;\n }\n\n\n #abera-results-v4 .abr4-title {\n width: 100%;\n\n margin-bottom: 10px;\n\n font-size:\n clamp(20px, 4vw, 29px);\n\n line-height: 1.4;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n }\n\n\n #abera-results-v4 .abr4-subtitle {\n font-size: 14px;\n line-height: 1.5;\n }\n\n\n \/* =====================================================\n GROUP\n ===================================================== *\/\n\n #abera-results-v4\n .abr4-group\n +\n .abr4-group {\n\n margin-top: 42px;\n\n }\n\n\n #abera-results-v4 .abr4-group-header {\n margin-bottom: 16px;\n }\n\n\n #abera-results-v4 .abr4-group-label {\n min-width: 0;\n\n padding:\n 9px\n 15px;\n\n font-size: 12px;\n\n border-radius: 5px;\n }\n\n\n #abera-results-v4 .abr4-group-line {\n margin-left: 10px;\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n 1 FULL CARD + NEXT CARD PREVIEW\n ===================================================== *\/\n\n #abera-results-v4 .abr4-track {\n width: 100%;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding-bottom: 5px;\n\n scroll-snap-type: x mandatory;\n\n overscroll-behavior-x: contain;\n\n -webkit-overflow-scrolling: touch;\n }\n\n\n #abera-results-v4 .abr4-card {\n flex:\n 0\n 0\n 78%;\n\n min-width: 78%;\n\n scroll-snap-align: start;\n }\n\n\n \/* =====================================================\n MOBILE CARD\n ===================================================== *\/\n\n #abera-results-v4 .abr4-body {\n padding:\n 15px\n 15px\n 17px;\n }\n\n\n #abera-results-v4 .abr4-stars {\n font-size: 16px;\n }\n\n\n #abera-results-v4 .abr4-review {\n min-height: 0;\n\n margin-bottom: 15px;\n\n font-size: 14px;\n line-height: 1.55;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n\n #abera-results-v4 .abr4-customer strong {\n font-size: 13px;\n }\n\n\n #abera-results-v4 .abr4-location {\n font-size: 11px;\n }\n\n\n #abera-results-v4 .abr4-verified {\n font-size: 10px;\n }\n\n\n #abera-results-v4 .abr4-tag {\n bottom: 8px;\n\n padding:\n 5px\n 8px;\n\n font-size: 8px;\n }\n\n\n \/* SWIPE *\/\n\n #abera-results-v4 .abr4-swipe {\n display: flex;\n\n align-items: center;\n justify-content: flex-end;\n\n gap: 5px;\n\n margin-top: 6px;\n\n color: #918a80;\n\n font-size: 10px;\n }\n\n\n #abera-results-v4 .abr4-swipe strong {\n color: var(--gold);\n\n font-size: 14px;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-results-v4\"\u003e\u003c!-- =========================================================\nRESULTS CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"abr4-main\"\u003e\n\u003cdiv class=\"abr4-container\"\u003e\n\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"abr4-header\"\u003e\n\u003cp class=\"abr4-eyebrow\"\u003eTHE 15-MINUTE DIFFERENCE\u003c\/p\u003e\n\u003ch2 class=\"abr4-title\"\u003eFROM VISIBLE GRAY TO NATURAL-LOOKING COLOR\u003c\/h2\u003e\n\u003cp class=\"abr4-subtitle\"\u003eApply. Massage. Wait 15 minutes. Rinse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n MEN'S RESULTS\n ====================================================== --\u003e\n\u003cdiv class=\"abr4-group\"\u003e\n\u003cdiv class=\"abr4-group-header\"\u003e\n\u003cdiv class=\"abr4-group-label\"\u003eMEN'S RESULTS\u003c\/div\u003e\n\u003cdiv class=\"abr4-group-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-track\"\u003e\n\u003c!-- MEN 01 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_14.webp?v=1787212244\" alt=\"ABERA men's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“The individual packs are what I like most. I can bring one with me instead of carrying a full dye kit.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e David B. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e California, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 02 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_17.webp?v=1787212244\" alt=\"ABERA men's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“I mostly use it around my temples when the gray starts showing. The routine is quick and straightforward.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Michael R. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Texas, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 03 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_16.webp?v=1787212244\" alt=\"ABERA men's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“I didn't want something that felt like a full hair-color process. This fits into my routine much better.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e James K. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Florida, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 04 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_15.webp?v=1787212243\" alt=\"ABERA men's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Much simpler than the traditional hair dye kits I've used before.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Robert T. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Arizona, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 05 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_19.webp?v=1787212244\" alt=\"ABERA men's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“I wanted something easier for quick touch-ups. This is much more convenient for my routine.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Daniel S. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e New York, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-swipe\"\u003eSwipe to see more \u003cstrong\u003e→\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n WOMEN'S RESULTS\n ====================================================== --\u003e\n\u003cdiv class=\"abr4-group\"\u003e\n\u003cdiv class=\"abr4-group-header\"\u003e\n\u003cdiv class=\"abr4-group-label\"\u003eWOMEN'S RESULTS\u003c\/div\u003e\n\u003cdiv class=\"abr4-group-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-track\"\u003e\n\u003c!-- WOMEN 01 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_6.webp?v=1787212243\" alt=\"ABERA women's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Traditional hair dye always felt like too much work. This was much easier for me to use at home.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Linda M. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e New York, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 02 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_7.webp?v=1787212244\" alt=\"ABERA women's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“I like being able to focus on the areas where my gray shows first.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Sarah T. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Washington, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 03 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_8.webp?v=1787212244\" alt=\"ABERA women's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“The individual packs make it easy to keep my next touch-up ready.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Emily C. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Nevada, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 04 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_13.webp?v=1787212244\" alt=\"ABERA women's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“I mainly use it when my roots start showing. It fits into my routine much better than my old coloring kit.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Karen L. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Oregon, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 05 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_10.webp?v=1787212244\" alt=\"ABERA women's gray hair result\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“I wanted a simpler option between salon visits. The sachets are really convenient to keep at home.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\n\u003cstrong\u003e Susan P. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e California, USA \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Verified Customer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-swipe\"\u003eSwipe to see more \u003cstrong\u003e→\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — BOTANICAL INGREDIENTS\nCONTINUOUS BEIGE BACKGROUND\nDESKTOP: 5 CARDS\nTABLET: 3 CARDS\nMOBILE: HORIZONTAL SWIPE\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE SHOPIFY SECTION OUTER SPACING *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-ingredients-v4,\n#abera-ingredients-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-ingredients-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #686159;\n\n --line: #ddd3c4;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-container {\n width: 100%;\n\n max-width: 100%;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-header {\n width: 100%;\n\n max-width: 100%;\n\n margin:\n 0\n auto\n clamp(32px, 4vw, 46px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-ingredients-v4 .aig4-eyebrow {\n margin:\n 0\n 0\n 12px;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.4px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-ingredients-v4 .aig4-title {\n width: 100%;\n\n max-width: 100%;\n\n margin:\n 0\n auto\n 14px;\n\n padding: 0;\n\n color: var(--black);\n\n font-size:\n clamp(20px, 4vw, 30px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* SUBTITLE *\/\n\n#abera-ingredients-v4 .aig4-subtitle {\n max-width: 850px;\n\n margin: 0 auto;\n\n padding: 0;\n\n color: var(--muted);\n\n font-size: 15px;\n line-height: 1.6;\n\n font-weight: 400;\n\n text-align: center;\n}\n\n\n\/* =========================================================\nCARD TRACK\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-track {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(5, minmax(0, 1fr));\n\n gap: 16px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-card {\n min-width: 0;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 11px;\n\n background: var(--white);\n\n box-shadow:\n 0 3px 10px\n rgba(0,0,0,.025);\n}\n\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-image {\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #ece5d9;\n}\n\n\n#abera-ingredients-v4 .aig4-image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n margin: 0;\n\n border: 0;\n}\n\n\n\/* =========================================================\nCARD CONTENT\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-copy {\n padding:\n 17px\n 16px\n 20px;\n}\n\n\n\/* BENEFIT LABEL *\/\n\n#abera-ingredients-v4 .aig4-benefit {\n margin:\n 0\n 0\n 6px;\n\n color: var(--gold);\n\n font-size: 10px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: .8px;\n\n text-transform: uppercase;\n}\n\n\n\/* INGREDIENT NAME *\/\n\n#abera-ingredients-v4 .aig4-name {\n margin:\n 0\n 0\n 7px;\n\n padding: 0;\n\n color: var(--black);\n\n font-size: 16px;\n line-height: 1.3;\n\n font-weight: 600;\n\n text-transform: uppercase;\n}\n\n\n\/* DESCRIPTION *\/\n\n#abera-ingredients-v4 .aig4-text {\n margin: 0;\n padding: 0;\n\n color: var(--muted);\n\n font-size: 13px;\n line-height: 1.55;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nSWIPE MESSAGE\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-swipe {\n display: none;\n}\n\n\n\/* =========================================================\nDESKTOP HOVER\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-ingredients-v4 .aig4-card {\n transition:\n transform .25s ease,\n box-shadow .25s ease;\n }\n\n\n #abera-ingredients-v4 .aig4-card:hover {\n transform:\n translateY(-3px);\n\n box-shadow:\n 0 8px 22px\n rgba(0,0,0,.06);\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 100%) {\n\n #abera-ingredients-v4 .aig4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-ingredients-v4 .aig4-container {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n\n #abera-ingredients-v4 .aig4-header {\n margin-bottom: 34px;\n }\n\n\n #abera-ingredients-v4 .aig4-title {\n font-size:\n clamp(28px, 4vw, 38px);\n }\n\n\n #abera-ingredients-v4 .aig4-track {\n grid-template-columns:\n repeat(3, minmax(0, 1fr));\n\n gap: 14px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-ingredients-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-ingredients-v4 .aig4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-ingredients-v4 .aig4-container {\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* =====================================================\n HEADER\n ===================================================== *\/\n\n #abera-ingredients-v4 .aig4-header {\n margin-bottom: 25px;\n }\n\n\n #abera-ingredients-v4 .aig4-eyebrow {\n margin-bottom: 9px;\n\n font-size: 11px;\n\n letter-spacing: 1.2px;\n }\n\n\n #abera-ingredients-v4 .aig4-title {\n width: 100%;\n\n margin-bottom: 11px;\n\n font-size:\n clamp(20px, 4vw, 28px);\n\n line-height: 1.25;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n }\n\n\n #abera-ingredients-v4 .aig4-subtitle {\n font-size: 14px;\n line-height: 1.55;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n ===================================================== *\/\n\n #abera-ingredients-v4 .aig4-track {\n width: 100%;\n\n display: flex;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding:\n 0\n 0\n 5px;\n\n scroll-snap-type: x mandatory;\n\n scroll-behavior: smooth;\n\n overscroll-behavior-x: contain;\n\n scrollbar-width: none;\n\n -webkit-overflow-scrolling: touch;\n }\n\n\n #abera-ingredients-v4\n .aig4-track::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n \/* ONE LARGE CARD + NEXT PREVIEW *\/\n\n #abera-ingredients-v4 .aig4-card {\n flex:\n 0\n 0\n 76%;\n\n min-width: 76%;\n\n scroll-snap-align: start;\n }\n\n\n \/* =====================================================\n MOBILE COPY\n ===================================================== *\/\n\n #abera-ingredients-v4 .aig4-copy {\n padding:\n 16px\n 15px\n 18px;\n }\n\n\n #abera-ingredients-v4 .aig4-benefit {\n font-size: 10px;\n }\n\n\n #abera-ingredients-v4 .aig4-name {\n font-size: 17px;\n }\n\n\n #abera-ingredients-v4 .aig4-text {\n font-size: 14px;\n line-height: 1.55;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n\n \/* SWIPE *\/\n\n #abera-ingredients-v4 .aig4-swipe {\n display: flex;\n\n align-items: center;\n justify-content: flex-end;\n\n gap: 5px;\n\n margin-top: 7px;\n\n color: #918a80;\n\n font-size: 10px;\n }\n\n\n #abera-ingredients-v4\n .aig4-swipe strong {\n\n color: var(--gold);\n\n font-size: 14px;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-ingredients-v4\"\u003e\u003c!-- =========================================================\nINGREDIENT CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"aig4-main\"\u003e\n\u003cdiv class=\"aig4-container\"\u003e\n\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"aig4-header\"\u003e\n\u003cp class=\"aig4-eyebrow\"\u003eCOLOR + HAIR CARE\u003c\/p\u003e\n\u003ch2 class=\"aig4-title\"\u003eCOLOR YOUR GRAYS WITH\u003cbr\u003eBOTANICAL HAIR CARE BUILT IN\u003c\/h2\u003e\n\u003cp class=\"aig4-subtitle\"\u003eABERA combines hair-color technology with botanical ingredients commonly used in hair-care formulas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n CARDS\n ====================================================== --\u003e\n\u003cdiv class=\"aig4-track\"\u003e\n\u003c!-- =================================================\n 01 — ARGAN OIL\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/tinh-dau-duong-toc-argan-oil-1.webp?v=1787216556\" alt=\"Argan Oil\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eSOFTNESS + SHINE\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eARGAN OIL\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eMoisturizes, softens and adds shine while helping reduce dryness and frizz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 02 — BLACK GINSENG\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Ginseng_1st_Slide.webp?v=1787216601\" alt=\"Black Ginseng\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eHAIR + SCALP CARE\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eBLACK GINSENG\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eHelps nourish the scalp and support healthier, more resilient-looking hair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 03 — FO-TI\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/642x361_Fo_Ti_The_Cure_to_Old_Age.webp?v=1787216556\" alt=\"Fo-Ti\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eHEALTHY-LOOKING HAIR\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eFO-TI\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eTraditionally used to support stronger-looking hair and help maintain natural hair vitality.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 04 — RED REISHI\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/whiskeydarek_Close-up_of_reishi_mushrooms_growing_on_a_log_996344e7-3303-4ea1-9f54-8c1837c54a68.webp?v=1786674307\" alt=\"Red Reishi Mushroom\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eCONDITIONING CARE\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eRED REISHI\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eHelps condition the scalp and support smoother, healthier-looking hair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 05 — PINK GRAPEFRUIT\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1774218776327_photo-1774156733632-1774156734347965593145.webp?v=1788515551\" alt=\"Pink Grapefruit\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eSCALP + ROOT CARE\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003ePINK GRAPEFRUIT\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eHelps refresh and nourish the scalp while supporting healthier-looking, fuller-looking hair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- MOBILE SWIPE HINT --\u003e\n\u003cdiv class=\"aig4-swipe\"\u003eSwipe to see more \u003cstrong\u003e→\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA — POST-COLOR HAIR CARE BUNDLE\nCONTINUOUS BEIGE BACKGROUND\nIMPROVED CARD TEXT READABILITY\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* SHOPIFY CUSTOM LIQUID WRAPPER *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* NO GAP BETWEEN ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-extra-haircare-v4,\n#abera-extra-haircare-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-extra-haircare-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n --gold-light: #ead5aa;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #625c54;\n\n --line: #d9cdbd;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nMAIN GRID\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(250px, .92fr)\n minmax(0, 2.08fr);\n\n gap:\n clamp(36px, 5vw, 72px);\n\n align-items: center;\n}\n\n\n\/* =========================================================\nLEFT INTRO\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-intro {\n width: 100%;\n\n min-width: 0;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-extra-haircare-v4 .aeh4-eyebrow {\n margin:\n 0\n 0\n 16px;\n\n color: var(--gold);\n\n font-size: 15px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-transform: none;\n}\n\n\n\/* TITLE *\/\n\n#abera-extra-haircare-v4 .aeh4-title {\n width: 100%;\n\n max-width: 430px;\n\n margin:\n 0\n 0\n 20px;\n\n color: var(--black);\n\n font-size:\n clamp(25px, 2.5vw, 34px);\n\n line-height: 1.12;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-transform: uppercase;\n\n text-wrap: balance;\n}\n\n\n\/* DESCRIPTION *\/\n\n#abera-extra-haircare-v4 .aeh4-description {\n max-width: 460px;\n\n margin: 0;\n\n color: var(--muted);\n\n font-size: 15px;\n line-height: 1.75;\n\n font-weight: 400;\n}\n\n\n#abera-extra-haircare-v4\n.aeh4-description strong {\n color: var(--black);\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nCARDS WRAPPER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-cards-wrap {\n width: 100%;\n\n min-width: 0;\n}\n\n\n\/* =========================================================\nCARDS\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-cards {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 14px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-card {\n position: relative;\n\n width: 100%;\n\n min-width: 0;\n min-height: 470px;\n\n overflow: hidden;\n\n border:\n 1px solid\n rgba(176,125,47,.30);\n\n border-radius: 13px;\n\n background: #ded6ca;\n\n box-shadow:\n 0 4px 14px\n rgba(0,0,0,.035);\n}\n\n\n\/* =========================================================\nBACKGROUND IMAGE\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-image {\n position: absolute;\n\n inset: 0;\n\n z-index: 1;\n}\n\n\n#abera-extra-haircare-v4 .aeh4-image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\nIMAGE OVERLAY\nIMPORTANT: STRONGER FOR TEXT READABILITY\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-overlay {\n position: \n inset: 0;\n\n z-index: 2;\n\n background:\n linear-gradient(\n to bottom,\n\n rgba(247,243,236,.96) 0%,\n\n rgba(247,243,236,.91) 22%,\n\n rgba(247,243,236,.76) 42%,\n\n rgba(247,243,236,.28) 68%,\n\n rgba(15,15,15,.14) 100%\n );\n}\n\n\n\/* =========================================================\nCARD CONTENT\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-content {\n position: relative;\n\n z-index: 13;\n\n width: 100%;\n\n padding:\n 18px\n 15px;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: flex-start;\n}\n\n\n\/* =========================================================\nTEXT PANEL\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-text-panel {\n width: 100%;\n\n padding:\n 12px\n 12px\n 13px;\n\n border:\n 1px solid\n rgba(255,255,255,.46);\n\n border-radius: 9px;\n\n background:\n rgba(247,243,236,.84);\n\n box-shadow:\n 0 2px 8px\n rgba(0,0,0,.025);\n\n backdrop-filter:\n blur(5px);\n\n -webkit-backdrop-filter:\n blur(5px);\n}\n\n\n\/* =========================================================\nNUMBER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-number {\n width: 30px;\n height: 30px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n margin-bottom: 11px;\n\n border:\n 1px solid\n rgba(176,125,47,.55);\n\n border-radius: 50%;\n\n background:\n rgba(255,255,255,.86);\n\n color: var(--gold);\n\n font-size: 11px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n\/* =========================================================\nCARD TITLE\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-card-title {\n width: 100%;\n\n margin:\n 0\n 0\n 8px;\n\n color: var(--black);\n\n font-size: 16px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n}\n\n\n\/* =========================================================\nCARD TEXT\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-card-text {\n width: 100%;\n\n margin: 0;\n\n color: #37332e;\n\n font-size: 14px;\n line-height: 1.55;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nMOBILE CONTROLS\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-controls {\n display: none;\n}\n\n\n\/* =========================================================\nDESKTOP\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-extra-haircare-v4 .aeh4-card {\n transition:\n transform .25s ease,\n box-shadow .25s ease;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card:hover {\n\n transform:\n translateY(-3px);\n\n box-shadow:\n 0 8px 22px\n rgba(0,0,0,.06);\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-extra-haircare-v4 .aeh4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-container {\n\n padding-left: 34px;\n padding-right: 34px;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-grid {\n grid-template-columns: 1fr;\n\n gap: 30px;\n }\n\n\n #abera-extra-haircare-v4 .aeh4-intro {\n max-width: 760px;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-description {\n\n max-width: 720px;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-cards {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n\n #abera-extra-haircare-v4 .aeh4-card {\n min-height: 430px;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-title {\n\n font-size: 18px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-text {\n\n font-size: 14px;\n\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-extra-haircare-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-extra-haircare-v4 .aeh4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-container {\n\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n\n }\n\n\n \/* =====================================================\n INTRO\n ===================================================== *\/\n\n #abera-extra-haircare-v4 .aeh4-grid {\n display: flex;\n\n flex-direction: column;\n\n gap: 25px;\n }\n\n\n #abera-extra-haircare-v4 .aeh4-intro {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n text-align: left;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-eyebrow {\n\n margin-bottom: 11px;\n\n font-size: 14px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-title {\n\n width: 100%;\n max-width: none;\n\n margin-bottom: 14px;\n\n font-size:\n clamp(23px, 6vw, 28px);\n\n line-height: 1.18;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-description {\n\n width: 100%;\n max-width: none;\n\n font-size: 15px;\n line-height: 1.65;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n ===================================================== *\/\n\n #abera-extra-haircare-v4\n .aeh4-cards-wrap {\n\n width: 100%;\n\n min-width: 0;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-cards {\n width: 100%;\n\n display: flex;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding:\n 0\n 0\n 5px;\n\n scroll-snap-type:\n x mandatory;\n\n scroll-behavior:\n smooth;\n\n overscroll-behavior-x:\n contain;\n\n scrollbar-width:\n none;\n\n -webkit-overflow-scrolling:\n touch;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-cards::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-card {\n flex:\n 0\n 0\n 84%;\n\n min-width: 84%;\n\n min-height: 440px;\n\n scroll-snap-align:\n start;\n }\n\n\n \/* =====================================================\n MOBILE TEXT\n ===================================================== *\/\n\n #abera-extra-haircare-v4\n .aeh4-content {\n\n padding:\n 16px\n 14px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-text-panel {\n\n padding:\n 13px\n 13px\n 14px;\n\n background:\n rgba(247,243,236,.92);\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-title {\n\n margin-bottom: 8px;\n\n font-size: 18px;\n line-height: 1.3;\n\n word-break: normal !important;\n\n overflow-wrap: normal !important;\n\n hyphens: none !important;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-text {\n\n font-size: 15px;\n line-height: 1.55;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n\n }\n\n\n \/* =====================================================\n MOBILE ARROWS\n ===================================================== *\/\n\n #abera-extra-haircare-v4\n .aeh4-controls {\n\n display: flex;\n\n align-items: center;\n\n justify-content:\n flex-start;\n\n gap: 8px;\n\n margin-top: 12px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-btn {\n\n width: 32px;\n height: 32px;\n\n flex:\n 0\n 0\n 32px;\n\n display:\n inline-flex;\n\n align-items:\n center;\n\n justify-content:\n center;\n\n padding: 0;\n\n border:\n 1px solid\n var(--gold-main);\n\n border-radius:\n 50%;\n\n background:\n var(--black);\n\n color:\n var(--gold-main);\n\n font-family:\n Arial,\n sans-serif;\n\n font-size:\n 17px;\n\n line-height:\n 1;\n\n cursor:\n pointer;\n\n appearance:\n none;\n\n -webkit-appearance:\n none;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-btn:disabled {\n\n opacity: .35;\n\n cursor: default;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-extra-haircare-v4\"\u003e\u003c!-- =========================================================\nCONTENT\n========================================================= --\u003e\n\u003cdiv class=\"aeh4-main\"\u003e\n\u003cdiv class=\"aeh4-container\"\u003e\n\u003cdiv class=\"aeh4-grid\"\u003e\n\u003c!-- ===================================================\n INTRO\n ==================================================== --\u003e\n\u003cdiv class=\"aeh4-intro\"\u003e\n\u003cp class=\"aeh4-eyebrow\"\u003eExtra Haircare\u003c\/p\u003e\n\u003ch2 class=\"aeh4-title\"\u003ePOST-COLOR HAIR\u003cbr\u003eCARE BUNDLE\u003c\/h2\u003e\n\u003cp class=\"aeh4-description\"\u003eBeyond an even, natural-looking black color, your hair also needs a healthy scalp and stronger roots. The \u003cstrong\u003e ABERA Grapefruit Shampoo \u0026amp; Serum \u003c\/strong\u003e are designed to help you care for both. This bundle helps nourish the scalp, support healthier hair growth, restore moisture and balance to the scalp barrier, and leave hair softer, less tangled, and visibly fuller after coloring.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ===================================================\n CARDS\n ==================================================== --\u003e\n\u003cdiv class=\"aeh4-cards-wrap\"\u003e\n\u003cdiv class=\"aeh4-cards\"\u003e\n\u003c!-- ===============================================\n CARD 01\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1_03fe5ee6-cabd-429a-af51-f8203e6245d6.webp?v=1788512561\" alt=\"ABERA Grapefruit Shampoo and Serum\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eNourish the Hair \u0026amp; Scalp\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eHelps care for the scalp and roots after coloring, supporting a healthier-looking hair-care routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ===============================================\n CARD 02\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Gemini_Generated_Image_cbsbg3cbsbg3cbsb-clean.webp?v=1788513167\" alt=\"Healthy hair growth\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eSupport Healthier Hair Growth\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eHelps create a better scalp environment to support stronger, healthier, fuller-looking hair over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ===============================================\n CARD 03\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_22.webp?v=1788514509\" alt=\"Soft smooth hair after coloring\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eReduce Dryness \u0026amp; Tangles\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eHelps replenish moisture so hair feels softer, smoother, and easier to manage after dyeing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ===============================================\n CARD 04\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_58.webp?v=1787219168\" alt=\"Fuller-looking hair\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eThicker, Fuller-Looking Hair\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eBy caring for both hair and scalp, the duo helps your hair appear denser, fuller, and healthier-looking.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n MOBILE ARROWS\n ================================================== --\u003e\n\u003cdiv class=\"aeh4-controls\"\u003e\n\u003cbutton type=\"button\" class=\"aeh4-btn aeh4-prev\"\u003e ← \u003c\/button\u003e \u003cbutton type=\"button\" class=\"aeh4-btn aeh4-next\"\u003e → \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nMOBILE SWIPE SCRIPT\n========================================================= --\u003e \u003cscript\u003e\n\n(function () {\n\n\n const section =\n document.querySelector(\n \"#abera-extra-haircare-v4\"\n );\n\n\n if (!section) return;\n\n\n const track =\n section.querySelector(\n \".aeh4-cards\"\n );\n\n\n const prev =\n section.querySelector(\n \".aeh4-prev\"\n );\n\n\n const next =\n section.querySelector(\n \".aeh4-next\"\n );\n\n\n if (\n !track ||\n !prev ||\n !next\n ) return;\n\n\n\n function getScrollAmount() {\n\n\n const card =\n track.querySelector(\n \".aeh4-card\"\n );\n\n\n if (!card) {\n return 300;\n }\n\n\n const styles =\n window.getComputedStyle(\n track\n );\n\n\n const gap =\n parseFloat(\n styles.columnGap ||\n styles.gap\n ) || 12;\n\n\n return (\n card.getBoundingClientRect().width\n +\n gap\n );\n\n }\n\n\n\n prev.addEventListener(\n \"click\",\n function () {\n\n\n track.scrollBy({\n\n left:\n -getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n\n }\n );\n\n\n\n next.addEventListener(\n \"click\",\n function () {\n\n\n track.scrollBy({\n\n left:\n getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n\n }\n );\n\n\n\n function updateButtons() {\n\n\n const maxScroll =\n track.scrollWidth\n -\n track.clientWidth;\n\n\n prev.disabled =\n track.scrollLeft \u003c= 4;\n\n\n next.disabled =\n track.scrollLeft \u003e=\n maxScroll - 4;\n\n }\n\n\n\n track.addEventListener(\n \"scroll\",\n updateButtons,\n {\n passive: true\n }\n );\n\n\n window.addEventListener(\n \"resize\",\n updateButtons\n );\n\n\n updateButtons();\n\n\n})();\n\n\u003c\/script\u003e\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — COMPARISON TABLE\nCONTINUOUS BEIGE BACKGROUND\nDESKTOP + TABLET + MOBILE RESPONSIVE\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE SHOPIFY CUSTOM LIQUID OUTER SPACING *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-comparison-v4,\n#abera-comparison-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-comparison-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n --gold-light: #ead5aa;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #686159;\n\n --green: #557963;\n\n --line: #ddd3c4;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-container {\n width: 100%;\n\n max-width: 1320px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-header {\n width: 100%;\n\n max-width: 950px;\n\n margin:\n 0\n auto\n clamp(28px, 4vw, 42px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-comparison-v4 .acp4-eyebrow {\n margin:\n 0\n 0\n 10px;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.3px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-comparison-v4 .acp4-title {\n width: 100%;\n\n margin: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 4vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nTABLE WRAPPER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table-wrap {\n width: 100%;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 14px;\n\n background: var(--white);\n\n box-shadow:\n 0 4px 16px\n rgba(0,0,0,.03);\n}\n\n\n\/* =========================================================\nTABLE\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table {\n width: 100%;\n\n margin: 0;\n\n border-collapse: collapse;\n\n table-layout: fixed;\n}\n\n\n\/* COLUMN WIDTH *\/\n\n#abera-comparison-v4\n.acp4-table col:nth-child(1) {\n width: 30%;\n}\n\n\n#abera-comparison-v4\n.acp4-table col:nth-child(2) {\n width: 35%;\n}\n\n\n#abera-comparison-v4\n.acp4-table col:nth-child(3) {\n width: 35%;\n}\n\n\n\/* =========================================================\nTABLE HEADER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table th {\n padding:\n 19px\n 18px;\n\n border-bottom:\n 1px solid\n var(--line);\n\n color: var(--black);\n\n font-size: 14px;\n line-height: 1.35;\n\n font-weight: 600;\n\n text-align: center;\n\n vertical-align: middle;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n}\n\n\n\/* FEATURE *\/\n\n#abera-comparison-v4\n.acp4-table th:first-child {\n background: #f3eee6;\n\n color: #686159;\n\n font-size: 11px;\n\n letter-spacing: .7px;\n\n text-align: left;\n\n text-transform: uppercase;\n}\n\n\n\/* ABERA *\/\n\n#abera-comparison-v4\n.acp4-table th:nth-child(2) {\n background: var(--black);\n\n color: var(--gold-light);\n}\n\n\n\/* REGULAR HAIR DYE *\/\n\n#abera-comparison-v4\n.acp4-table th:nth-child(3) {\n background: #eeeae4;\n\n color: var(--black);\n}\n\n\n\/* =========================================================\nBODY CELLS\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table td {\n padding:\n 16px\n 18px;\n\n border-bottom:\n 1px solid\n #e9e3d9;\n\n color: var(--text);\n\n font-size: 14px;\n line-height: 1.45;\n\n font-weight: 400;\n\n vertical-align: middle;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n#abera-comparison-v4\n.acp4-table tbody tr:last-child td {\n border-bottom: 0;\n}\n\n\n\/* FEATURE COLUMN *\/\n\n#abera-comparison-v4\n.acp4-table td:first-child {\n color: #514c46;\n\n font-weight: 600;\n}\n\n\n\/* ABERA COLUMN *\/\n\n#abera-comparison-v4\n.acp4-table td:nth-child(2) {\n background: #fbf5e9;\n\n color: var(--black);\n\n font-weight: 500;\n}\n\n\n\/* REGULAR HAIR DYE COLUMN *\/\n\n#abera-comparison-v4\n.acp4-table td:nth-child(3) {\n background: #ffffff;\n\n color: #777168;\n}\n\n\n\/* =========================================================\nVALUE\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-value {\n width: 100%;\n\n display: flex;\n\n align-items: center;\n\n gap: 10px;\n\n min-width: 0;\n}\n\n\n\/* =========================================================\nCHECK\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-check {\n width: 23px;\n height: 23px;\n\n flex:\n 0 0\n 23px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--green);\n\n color: #ffffff;\n\n font-size: 11px;\n line-height: 1;\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nMINUS\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-minus {\n width: 23px;\n height: 23px;\n\n flex:\n 0 0\n 23px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: #e8e3dc;\n\n color: #8a847c;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n\/* =========================================================\nBOTTOM MESSAGE\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-bottom {\n width: 100%;\n\n margin:\n 22px\n 0\n 0;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 14px;\n line-height: 1.45;\n\n font-weight: 600;\n\n letter-spacing: .2px;\n\n text-align: center;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\nDESKTOP HOVER\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-comparison-v4\n .acp4-table tbody tr {\n\n transition:\n background .2s ease;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table tbody tr:hover td:first-child {\n\n background:\n #faf8f4;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table tbody tr:hover td:nth-child(2) {\n\n background:\n #f8efdF;\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-comparison-v4 .acp4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-comparison-v4\n .acp4-container {\n\n padding-left: 34px;\n padding-right: 34px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-header {\n\n margin-bottom: 30px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table th {\n\n padding:\n 16px\n 13px;\n\n font-size: 13px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table td {\n\n padding:\n 14px\n 13px;\n\n font-size: 13px;\n\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-comparison-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-comparison-v4 .acp4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-comparison-v4\n .acp4-container {\n\n width: 100%;\n\n padding-left: 12px;\n padding-right: 12px;\n\n }\n\n\n \/* =====================================================\n HEADER\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-header {\n\n margin-bottom: 24px;\n\n padding-left: 5px;\n padding-right: 5px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-eyebrow {\n\n margin-bottom: 8px;\n\n font-size: 11px;\n\n letter-spacing: 1.1px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-title {\n\n font-size:\n clamp(22px, 6vw, 28px);\n\n line-height: 1.22;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n }\n\n\n \/* =====================================================\n TABLE\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-table-wrap {\n\n width: 100%;\n\n overflow: hidden;\n\n border-radius: 10px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table {\n\n width: 100%;\n\n min-width: 0;\n\n table-layout: fixed;\n\n }\n\n\n \/* MOBILE COLUMN WIDTH *\/\n\n #abera-comparison-v4\n .acp4-table col:nth-child(1) {\n\n width: 27%;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table col:nth-child(2) {\n\n width: 36.5%;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table col:nth-child(3) {\n\n width: 36.5%;\n\n }\n\n\n \/* =====================================================\n MOBILE HEADER\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-table th {\n\n padding:\n 12px\n 5px;\n\n font-size: 10px;\n\n line-height: 1.3;\n\n text-align: center;\n\n vertical-align: middle;\n\n white-space: normal;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table th:first-child {\n\n padding-left: 7px;\n\n font-size: 9px;\n\n text-align: left;\n\n }\n\n\n \/* =====================================================\n MOBILE CELLS\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-table td {\n\n padding:\n 12px\n 5px;\n\n font-size: 11px;\n\n line-height: 1.4;\n\n vertical-align: middle;\n\n white-space: normal;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n\n }\n\n\n \/* FEATURE *\/\n\n #abera-comparison-v4\n .acp4-table td:first-child {\n\n padding-left: 7px;\n\n font-size: 10px;\n\n line-height: 1.35;\n\n text-align: left;\n\n }\n\n\n \/* =====================================================\n MOBILE VALUES\n PUT ICON ABOVE COPY FOR MORE TEXT WIDTH\n ===================================================== *\/\n\n #abera-comparison-v4 .acp4-value {\n width: 100%;\n\n min-height: 58px;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n gap: 5px;\n\n text-align: center;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n }\n\n\n #abera-comparison-v4\n .acp4-check,\n\n #abera-comparison-v4\n .acp4-minus {\n\n width: 21px;\n height: 21px;\n\n flex:\n 0\n 0\n 21px;\n\n margin:\n 0\n auto\n 2px;\n\n }\n\n\n \/* =====================================================\n BOTTOM MESSAGE\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-bottom {\n\n margin-top: 18px;\n\n padding:\n 0\n 8px;\n\n font-size: 12px;\n\n line-height: 1.5;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-comparison-v4\"\u003e\u003c!-- =========================================================\nCONTENT\n========================================================= --\u003e\n\u003cdiv class=\"acp4-main\"\u003e\n\u003cdiv class=\"acp4-container\"\u003e\n\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"acp4-header\"\u003e\n\u003cp class=\"acp4-eyebrow\"\u003eA SIMPLER APPROACH\u003c\/p\u003e\n\u003ch2 class=\"acp4-title\"\u003eABERA VS. REGULAR HAIR DYE\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n TABLE\n ====================================================== --\u003e\n\u003cdiv class=\"acp4-table-wrap\"\u003e\n\u003ctable class=\"acp4-table\"\u003e\n\u003ccolgroup\u003e \u003ccol\u003e \u003ccol\u003e \u003ccol\u003e \u003c\/colgroup\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eFEATURE\u003c\/th\u003e\n\u003cth\u003eABERA HAIR DYE SHAMPOO\u003c\/th\u003e\n\u003cth\u003eREGULAR HAIR DYE\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003c!-- ===============================================\n APPLICATION\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eApplication\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Shampoo-like application \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Brush + sectioning \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n MIXING\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eMixing\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Convenient sachet format \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Multiple components \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n PROCESS TIME\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eProcess Time\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e About 15 minutes \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Multi-step process \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n PACKAGING\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003ePackaging\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 10 individual sachets \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Full-size dye kit \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n AMMONIA\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eAmmonia\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Ammonia-free \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Varies by formula \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n HAIR CARE\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eHair Care\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Color + Cleanse + Condition \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Usually separate steps \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n BOTTOM MESSAGE\n ====================================================== --\u003e\n\u003cp class=\"acp4-bottom\"\u003eLESS PREP. FEWER STEPS. A SIMPLER WAY TO COVER GRAYS.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE\nSECTION 01 — REAL LIFE ROUTINE\nSECTION 02 — CUSTOMER VIDEOS\nCONTINUOUS BEIGE BACKGROUND\n========================================================= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\nGLOBAL BACKGROUND FIX\nCó thể giữ đoạn này nếu mỗi section là 1 Custom Liquid riêng\n========================================================= --\u003e\n\u003cstyle\u003e\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\u003c\/style\u003e\n\u003c!-- =========================================================\n01 — YOUR GRAY-HAIR ROUTINE\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-routine-v4,\n#abera-routine-v4 * {\n box-sizing: border-box;\n}\n\n#abera-routine-v4 {\n --black: #0f0f0f;\n --gold: #b07d2f;\n --gold-light: #ead5aa;\n --ivory: #f7f3ec;\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--black);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nMAIN\n========================================================= *\/\n\n#abera-routine-v4 .arr4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(46px, 5vw, 72px)\n 0\n clamp(50px, 5vw, 76px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-routine-v4 .arr4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-routine-v4 .arr4-header {\n max-width: 900px;\n\n margin:\n 0\n auto\n clamp(30px, 4vw, 44px);\n\n text-align: center;\n}\n\n\n#abera-routine-v4 .arr4-title {\n margin: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 3vw, 40px);\n\n line-height: 1.13;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n#abera-routine-v4 .arr4-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 18px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-routine-v4 .arr4-card {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 4 \/ 5;\n\n min-width: 0;\n\n overflow: hidden;\n\n border-radius: 10px;\n\n background: #d8d2c9;\n\n box-shadow:\n 0 3px 10px\n rgba(0,0,0,.035);\n}\n\n\n\/* IMAGE *\/\n\n#abera-routine-v4 .arr4-image {\n position: absolute;\n\n inset: 0;\n\n z-index: 1;\n}\n\n\n#abera-routine-v4 .arr4-image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n transition:\n transform .4s ease;\n}\n\n\n\/* =========================================================\nOVERLAY\n========================================================= *\/\n\n#abera-routine-v4 .arr4-overlay {\n position: absolute;\n\n inset: 0;\n\n z-index: 2;\n\n background:\n linear-gradient(\n to bottom,\n\n rgba(0,0,0,0) 30%,\n\n rgba(0,0,0,.05) 45%,\n\n rgba(0,0,0,.48) 75%,\n\n rgba(0,0,0,.88) 100%\n );\n}\n\n\n\/* =========================================================\nCONTENT\n========================================================= *\/\n\n#abera-routine-v4 .arr4-content {\n position: absolute;\n\n z-index: 3;\n\n left: 0;\n right: 0;\n bottom: 0;\n\n width: 100%;\n\n padding:\n 18px\n 17px;\n}\n\n\n\/* LABEL *\/\n\n#abera-routine-v4 .arr4-label {\n margin:\n 0\n 0\n 5px;\n\n color: var(--gold-light);\n\n font-size: 14px;\n line-height: 1.3;\n\n font-weight: 500;\n\n text-transform: uppercase;\n}\n\n\n\/* TEXT *\/\n\n#abera-routine-v4 .arr4-text {\n margin: 0;\n\n color:\n rgba(255,255,255,.92);\n\n font-size: 13px;\n line-height: 1.5;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n}\n\n\n\/* =========================================================\nDESKTOP\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-routine-v4\n .arr4-card:hover\n .arr4-image img {\n\n transform:\n scale(1.025);\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-routine-v4 .arr4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-routine-v4 .arr4-grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 14px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-routine-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-routine-v4 .arr4-main {\n padding:\n 34px\n 0\n 40px;\n }\n\n\n #abera-routine-v4 .arr4-container {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n #abera-routine-v4 .arr4-header {\n margin-bottom: 24px;\n }\n\n\n #abera-routine-v4 .arr4-title {\n font-size:\n clamp(20px, 4vw, 28px);\n\n line-height: 1.2;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n\n \/* 2 × 2 *\/\n\n #abera-routine-v4 .arr4-grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 10px;\n }\n\n\n #abera-routine-v4 .arr4-card {\n border-radius: 8px;\n }\n\n\n #abera-routine-v4 .arr4-content {\n padding:\n 13px\n 11px;\n }\n\n\n #abera-routine-v4 .arr4-label {\n margin-bottom: 4px;\n\n font-size: 11px;\n line-height: 1.3;\n }\n\n\n #abera-routine-v4 .arr4-text {\n font-size: 11px;\n line-height: 1.4;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-routine-v4\"\u003e\n\u003cdiv class=\"arr4-main\"\u003e\n\u003cdiv class=\"arr4-container\"\u003e\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"arr4-header\"\u003e\n\u003ch2 class=\"arr4-title\"\u003eYOUR GRAY-HAIR ROUTINE,\u003cbr\u003eWHEREVER LIFE TAKES YOU.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- CARDS --\u003e\n\u003cdiv class=\"arr4-grid\"\u003e\n\u003c!-- 01 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_54.webp?v=1787217075\" alt=\"ABERA gray hair routine before work\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eBEFORE WORK\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eRefresh visible gray without scheduling a salon visit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_55.webp?v=1787217941\" alt=\"ABERA gray hair routine before an event\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eBEFORE AN EVENT\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eGet your hair looking refreshed before an important occasion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_57.webp?v=1787218999\" alt=\"ABERA Hair Dye Shampoo for business travel\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eBUSINESS TRIP\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003ePack individual sachets instead of a bulky dye kit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_58.webp?v=1787219168\" alt=\"ABERA gray root touch-up\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eROOT TOUCH-UP\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eKeep your next touch-up ready when gray returns.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n02 — CUSTOMER VIDEOS\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-customer-videos-v4,\n#abera-customer-videos-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-customer-videos-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n\n --line: #ddd3c4;\n\n --green: #557963;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nMAIN\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(46px, 5vw, 72px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-header {\n max-width: 1200px;\n\n margin:\n 0\n auto\n clamp(30px, 4vw, 44px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-customer-videos-v4 .acv4-eyebrow {\n margin:\n 0\n 0\n 10px;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.3px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-customer-videos-v4 .acv4-title {\n margin: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 3vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nTRACK\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-track {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 18px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-card {\n min-width: 0;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 10px;\n\n background: var(--white);\n\n box-shadow:\n 0 3px 12px\n rgba(0,0,0,.03);\n}\n\n\n\/* =========================================================\nVIDEO\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-video {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 9 \/ 16;\n\n overflow: hidden;\n\n background: #111111;\n}\n\n\n#abera-customer-videos-v4 .acv4-video video {\n position: absolute;\n\n inset: 0;\n\n width: 100% !important;\n height: 100% !important;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n background: #111111;\n}\n\n\n\/* =========================================================\nINFO\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-info {\n padding:\n 17px\n 16px\n 18px;\n}\n\n\n\/* STARS *\/\n\n#abera-customer-videos-v4 .acv4-stars {\n margin:\n 0\n 0\n 13px;\n\n color: #c79637;\n\n font-size: 18px;\n line-height: 1;\n\n letter-spacing: 1px;\n\n white-space: nowrap;\n}\n\n\n\/* CUSTOMER ROW *\/\n\n#abera-customer-videos-v4 .acv4-person {\n width: 100%;\n\n display: flex;\n\n align-items: center;\n justify-content: space-between;\n\n flex-wrap: wrap;\n\n gap:\n 7px\n 10px;\n}\n\n\n\/* NAME *\/\n\n#abera-customer-videos-v4 .acv4-name {\n color: var(--black);\n\n font-size: 14px;\n line-height: 1.35;\n\n font-weight: 500;\n}\n\n\n\/* VERIFIED *\/\n\n#abera-customer-videos-v4 .acv4-verified {\n color: var(--green);\n\n font-size: 10px;\n line-height: 1.3;\n\n font-weight: 500;\n\n white-space: nowrap;\n}\n\n\n\/* =========================================================\nCONTROLS\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-controls {\n display: none;\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-customer-videos-v4\n .acv4-container {\n\n padding-left: 34px;\n padding-right: 34px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-track {\n\n display: flex;\n\n gap: 14px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding-bottom: 5px;\n\n scroll-snap-type:\n x mandatory;\n\n scrollbar-width:\n none;\n\n -webkit-overflow-scrolling:\n touch;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-track::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-card {\n\n flex:\n 0\n 0\n 42%;\n\n scroll-snap-align:\n start;\n\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-customer-videos-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-customer-videos-v4 .acv4-main {\n padding:\n 34px\n 0\n 40px;\n }\n\n\n #abera-customer-videos-v4\n .acv4-container {\n\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n\n }\n\n\n \/* HEADER *\/\n\n #abera-customer-videos-v4\n .acv4-header {\n\n margin-bottom: 24px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-eyebrow {\n\n margin-bottom: 8px;\n\n font-size: 11px;\n\n letter-spacing: 1.1px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-title {\n\n font-size:\n clamp(23px, 6vw, 28px);\n\n line-height: 1.2;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n ===================================================== *\/\n\n #abera-customer-videos-v4\n .acv4-track {\n\n width: 100%;\n\n display: flex;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding-bottom: 5px;\n\n scroll-snap-type:\n x mandatory;\n\n scroll-behavior:\n smooth;\n\n overscroll-behavior-x:\n contain;\n\n scrollbar-width:\n none;\n\n -webkit-overflow-scrolling:\n touch;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-track::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-card {\n\n flex:\n 0\n 0\n 78%;\n\n min-width: 78%;\n\n scroll-snap-align:\n start;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-info {\n\n padding:\n 15px\n 14px\n 16px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-stars {\n\n margin-bottom: 12px;\n\n font-size: 17px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-name {\n\n font-size: 14px;\n\n }\n\n\n \/* =====================================================\n MOBILE ARROWS\n ===================================================== *\/\n\n #abera-customer-videos-v4\n .acv4-controls {\n\n display: flex;\n\n align-items: center;\n\n gap: 8px;\n\n margin-top: 12px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-btn {\n\n width: 32px;\n height: 32px;\n\n flex:\n 0\n 0\n 32px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n padding: 0;\n\n border:\n 1px solid\n var(--gold-main);\n\n border-radius:\n 50%;\n\n background:\n var(--black);\n\n color:\n var(--gold-main);\n\n font-family:\n Arial,\n sans-serif;\n\n font-size:\n 17px;\n\n line-height:\n 1;\n\n cursor:\n pointer;\n\n appearance:\n none;\n\n -webkit-appearance:\n none;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-btn:disabled {\n\n opacity: .35;\n\n cursor: default;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-customer-videos-v4\"\u003e\n\u003cdiv class=\"acv4-main\"\u003e\n\u003cdiv class=\"acv4-container\"\u003e\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"acv4-header\"\u003e\n\u003cp class=\"acv4-eyebrow\"\u003eREAL PEOPLE. REAL GRAY COVERAGE.\u003c\/p\u003e\n\u003ch2 class=\"acv4-title\"\u003eSEE WHY CUSTOMERS ARE MAKING THE SWITCH.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- VIDEOS --\u003e\n\u003cdiv class=\"acv4-track\"\u003e\n\u003c!-- 01 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/96e4ee60842546d28b4956b7d7229628.mp4\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0803.webp?v=1787234744\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\n\u003cspan class=\"acv4-name\"\u003e Mark E. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/1760d30ec5044633b1563f825eb48e87.mp4\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0803-2-20260803093356-ioqjc.webp?v=1787235039\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\n\u003cspan class=\"acv4-name\"\u003e Emma O. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2e42d08b4e8d4c7cb6e8df19edf34b8c.mp4\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/unbox-20260803093950-avtmk.webp?v=1787235039\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\n\u003cspan class=\"acv4-name\"\u003e Jack L. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/eee2693211dc4c819856830d88428650.mp4\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/hairpack-20260803095427-h2gd3.webp?v=1787235039\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\n\u003cspan class=\"acv4-name\"\u003e Ave R. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- MOBILE ARROWS --\u003e\n\u003cdiv class=\"acv4-controls\"\u003e\n\u003cbutton type=\"button\" class=\"acv4-btn acv4-prev\"\u003e ← \u003c\/button\u003e \u003cbutton type=\"button\" class=\"acv4-btn acv4-next\"\u003e → \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nMOBILE CAROUSEL JS\n========================================================= --\u003e \u003cscript\u003e\n\n(function () {\n\n const section =\n document.querySelector(\n \"#abera-customer-videos-v4\"\n );\n\n if (!section) return;\n\n\n const track =\n section.querySelector(\n \".acv4-track\"\n );\n\n const prev =\n section.querySelector(\n \".acv4-prev\"\n );\n\n const next =\n section.querySelector(\n \".acv4-next\"\n );\n\n\n if (!track || !prev || !next) return;\n\n\n function getScrollAmount() {\n\n const card =\n track.querySelector(\n \".acv4-card\"\n );\n\n if (!card) return 300;\n\n\n const styles =\n window.getComputedStyle(\n track\n );\n\n\n const gap =\n parseFloat(\n styles.columnGap ||\n styles.gap\n ) || 12;\n\n\n return (\n card.getBoundingClientRect().width\n +\n gap\n );\n\n }\n\n\n prev.addEventListener(\n \"click\",\n function () {\n\n track.scrollBy({\n\n left:\n -getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n }\n );\n\n\n next.addEventListener(\n \"click\",\n function () {\n\n track.scrollBy({\n\n left:\n getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n }\n );\n\n\n function updateButtons() {\n\n const max =\n track.scrollWidth\n -\n track.clientWidth;\n\n\n prev.disabled =\n track.scrollLeft \u003c= 4;\n\n\n next.disabled =\n track.scrollLeft \u003e=\n max - 4;\n\n }\n\n\n track.addEventListener(\n \"scroll\",\n updateButtons,\n {\n passive: true\n }\n );\n\n\n window.addEventListener(\n \"resize\",\n updateButtons\n );\n\n\n updateButtons();\n\n})();\n\n\u003c\/script\u003e\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — FAQ\nCONTINUOUS BEIGE BACKGROUND\n11 QUESTIONS\nNO JAVASCRIPT REQUIRED\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN ABERA SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* SHOPIFY WRAPPERS *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* FAQ WRAPPER — EXTRA SAFETY *\/\n\n#MainContent .shopify-section:has(#abera-faq-v4) {\n margin: 0 !important;\n padding: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n\n margin-top: 0 !important;\n padding-top: 0 !important;\n\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-faq-v4,\n#abera-faq-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-faq-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n\n --ivory: #f7f3ec;\n\n --text: #171717;\n --muted: #625d56;\n\n --line: #d8d0c3;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-faq-v4 .afq4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-faq-v4 .afq4-container {\n width: 100%;\n\n max-width: 1250px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n#abera-faq-v4 .afq4-title {\n width: 100%;\n\n margin:\n 0\n 0\n clamp(30px, 4vw, 42px);\n\n padding: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 3vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nFAQ LIST\n========================================================= *\/\n\n#abera-faq-v4 .afq4-list {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n border-top:\n 1px solid\n var(--line);\n}\n\n\n\/* =========================================================\nITEM\n========================================================= *\/\n\n#abera-faq-v4 .afq4-item {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n border-bottom:\n 1px solid\n var(--line);\n\n background: transparent;\n}\n\n\n\/* REMOVE BROWSER DEFAULT MARKER *\/\n\n#abera-faq-v4\n.afq4-question::-webkit-details-marker {\n\n display: none;\n\n}\n\n\n#abera-faq-v4\n.afq4-question::marker {\n\n content: \"\";\n\n}\n\n\n\/* =========================================================\nQUESTION\n========================================================= *\/\n\n#abera-faq-v4 .afq4-question {\n position: relative;\n\n width: 100%;\n\n min-height: 72px;\n\n display: flex;\n\n align-items: center;\n\n margin: 0;\n\n padding:\n 20px\n 42px\n 20px\n 0;\n\n list-style: none;\n\n cursor: pointer;\n\n color: var(--black);\n\n font-size: 14px;\n line-height: 1.45;\n\n font-weight: 500;\n\n text-align: left;\n\n outline: none;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nPLUS\n========================================================= *\/\n\n#abera-faq-v4\n.afq4-question::after {\n\n content: \"+\";\n\n position: absolute;\n\n top: 50%;\n right: 2px;\n\n transform:\n translateY(-50%);\n\n color: var(--gold);\n\n font-size: 20px;\n line-height: 1;\n\n font-weight: 400;\n\n}\n\n\n\/* OPEN = MINUS *\/\n\n#abera-faq-v4\n.afq4-item[open]\n.afq4-question::after {\n\n content: \"−\";\n\n}\n\n\n\/* =========================================================\nANSWER\n========================================================= *\/\n\n#abera-faq-v4 .afq4-answer {\n width: 100%;\n\n max-width: 1000px;\n\n margin: 0;\n\n padding:\n 0\n 55px\n 21px\n 0;\n\n color: var(--muted);\n\n font-size: 14px;\n line-height: 1.65;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n#abera-faq-v4 .afq4-answer p {\n margin: 0;\n padding: 0;\n}\n\n\n\/* =========================================================\nDESKTOP HOVER\n========================================================= *\/\n\n@media (min-width: 768px) {\n\n #abera-faq-v4\n .afq4-question {\n\n transition:\n color .2s ease;\n\n }\n\n\n #abera-faq-v4\n .afq4-question:hover {\n\n color: var(--gold);\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-faq-v4 .afq4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-faq-v4 .afq4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-faq-v4 .afq4-title {\n margin-bottom: 30px;\n\n font-size:\n clamp(27px, 4vw, 36px);\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-faq-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-faq-v4 .afq4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-faq-v4 .afq4-container {\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* TITLE *\/\n\n #abera-faq-v4 .afq4-title {\n margin-bottom: 24px;\n\n font-size:\n clamp(23px, 6vw, 29px);\n\n line-height: 1.2;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n\n \/* QUESTION *\/\n\n #abera-faq-v4 .afq4-question {\n min-height: 64px;\n\n padding:\n 17px\n 31px\n 17px\n 0;\n\n font-size: 14px;\n line-height: 1.45;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n\n #abera-faq-v4\n .afq4-question::after {\n\n right: 1px;\n\n font-size: 19px;\n\n }\n\n\n \/* ANSWER *\/\n\n #abera-faq-v4 .afq4-answer {\n max-width: 100%;\n\n padding:\n 0\n 28px\n 18px\n 0;\n\n font-size: 13px;\n line-height: 1.6;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-faq-v4\"\u003e\u003c!-- =========================================================\nFAQ CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"afq4-main\"\u003e\n\u003cdiv class=\"afq4-container\"\u003e\n\u003c!-- TITLE --\u003e\n\u003ch2 class=\"afq4-title\"\u003eFREQUENTLY ASKED QUESTIONS\u003c\/h2\u003e\n\u003c!-- =====================================================\n FAQ LIST\n ====================================================== --\u003e\n\u003cdiv class=\"afq4-list\"\u003e\n\u003c!-- 01 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eHow long does the hair color last?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eDepending on hair type and frequency of washing, Abera typically lasts from 4–6 weeks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 02 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eDoes it cause allergies or work on sensitive skin?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eAbera does contain chemicals that some individuals may be sensitive to, for example PPD \u0026amp; Hydrogen Peroxide. We recommend a 24-hour patch test before full application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 03 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eIs one sachet enough for one application?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eThe amount required depends on your hair length, thickness and the area you want to color.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 04 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eCan I use it only on my gray roots?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eYes. You can focus application on visible gray areas such as the roots, temples and hairline while following the product directions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 05 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eDoes it work on any hair type?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eYes, Abera works on hair types from 1A to 4C. Thanks to its shampoo-like qualities, it's easy to apply and covers gray hair from root to tip.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 06 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eDoes this shampoo leave stains on skin or fabric?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eAbera Instant Dye Shampoo is designed for a cleaner, easier application. We recommend wearing gloves during use and avoiding white or light-colored towels and clothing, as pigment may transfer if the product is not fully rinsed out.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 07 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eCan I use this shampoo on my beard?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eIf your facial skin is easily irritated, test the product on a small area first before applying it more broadly, and follow the product directions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 08 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eCan it be used with my normal hair care products?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eWe recommend using our shampoo and conditioner between color applications. Conditioner can be applied after thoroughly rinsing the hair color.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 09 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eShould I perform an allergy test?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eYes. Follow the allergy alert test instructions provided with the hair-color product before use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 10 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eDoes it work on completely gray hair?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eCoverage can vary depending on your original hair color, gray percentage, hair condition and application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 11 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003eHow long will it take for my order to arrive?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eOrders ship from our facility in the U.S. within 1–2 business days of receipt. U.S. orders generally arrive 3–4 days later. You will receive an email with a tracking number when your package ships so you can follow your order to your doorstep.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"ABERA US","offers":[{"title":"1 Box","offer_id":54087720239472,"sku":"CB-ABERA102+SL1","price":28.99,"currency_code":"USD","in_stock":true},{"title":"2 Boxes","offer_id":54087720272240,"sku":"CB-ABERA102+SL2-CB-DGBUOI081+SL1","price":46.99,"currency_code":"USD","in_stock":true},{"title":"3 Boxes + Free Hair Care Bundle","offer_id":54087720305008,"sku":"CB-ABERA102+SL3-CB-DGBUOI081+SL1-CB-SRBUOI080+SL1","price":75.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/81qm-71baqL._SL1500.webp?v=1785484769"},{"product_id":"abera-maximum-strength-nail-repair-serum","title":"Abera Maximum Strength Nail Repair Serum","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e𝐃𝐮𝐚𝐥-𝐀𝐜𝐭𝐢𝐨𝐧 𝐑𝐞𝐬𝐭𝐨𝐫𝐚𝐭𝐢𝐨𝐧: Combines nourishment and repair to target multiple nail issues.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e𝐈𝐧𝐭𝐞𝐧𝐬𝐢𝐯𝐞 𝐍𝐮𝐭𝐫𝐢𝐞𝐧𝐭 𝐃𝐞𝐥𝐢𝐯𝐞𝐫𝐲: Strengthens weak nails while removing stains and discoloration.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e𝐒𝐮𝐩𝐩𝐨𝐫𝐭𝐬 𝐍𝐚𝐭𝐮𝐫𝐚𝐥 𝐆𝐫𝐨𝐰𝐭𝐡: Encourages healthy nail development and prevents deformities.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e𝐏𝐫𝐞𝐦𝐢𝐮𝐦 𝐅𝐨𝐫𝐦𝐮𝐥𝐚𝐭𝐢𝐨𝐧: Lightweight drops absorb quickly for maximum comfort and effectiveness.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\n\u003cspan class=\"a-list-item\"\u003e𝐂𝐡𝐨𝐨𝐬𝐞 𝐀𝐛𝐞𝐫𝐚 𝐂𝐨𝐦𝐛𝐨 𝐏𝐫𝐞𝐦𝐢𝐮𝐦: for a versatile solution that promotes healthy, resilient, and flawless nails every day.\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan class=\"a-list-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/dab53bd5-8a84-49cf-b5d9-e2aa0008b092.__CR0_0_1959_803_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/406097ed-2bc5-40ce-a65b-14cb00f2e4ed.__CR0_0_1959_803_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/beafa611-c9f2-4d5b-a212-ec0cbf3e0050.__CR0_0_1464_600_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/7590cbe2-0f2f-4d0a-a0f5-966214bd0220.__CR0_0_1958_802_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/f5609854-8fe6-4024-9262-b3ee27ba639c.__CR0_1_1957_802_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/16dc8048-5e0f-4a4d-a2e1-95ec9203b068.__CR0_80_1774_727_PT0_SX1464_V1.webp?v=1787212518\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/p\u003e","brand":"Abera","offers":[{"title":"Set 1 Box","offer_id":54199174168944,"sku":"CB-NAILFG048+SL1","price":29.95,"currency_code":"USD","in_stock":true},{"title":"Set 2 Boxes","offer_id":54199174201712,"sku":"NAILFG048+SL2","price":49.95,"currency_code":"USD","in_stock":true},{"title":"Set 3 Boxes","offer_id":54199214014832,"sku":"NAILFG048+SL3","price":69.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/61D6NZyBgsL._SL1500.webp?v=1787212519"},{"product_id":"niacinamide-melasma-cream-dark-spot-corrector","title":"Niacinamide Melasma Cream Dark Spot Corrector","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\u003eBrightening Powerhouse \u003c\/strong\u003e- Our Dark Spot Corrector is formulated with a meticulously crafted blend of Licorice root extract, α-Arbutin, Niacinamide, Morinda citrifolia extract, and Fermented Pomegranate extract. This cream performs its enchantment on your skin, delivering unprecedented brightness and renewal. Want to know the specific benefits of each ingredient? Check out the detailed description below.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eVersatile Application\u003c\/strong\u003e - This formidable brightening solution is adept at addressing a range of skin concerns, including freckles, sunspots, melasma, and various types of dark spots.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eBacked by Science \u003c\/strong\u003e- This dark spot corrector is the liquid gold, perfect for inhibiting melanin, nourishing your skin and boosting its health from the inside out.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eTested and Proven Results \u003c\/strong\u003e- Tested and proven to work, our dark spot corrector cream can visibly lighten and fade freckles and sunburn in about 15-30 days, melasma in about 45 days, and age spots in about 60 days.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\n\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eMultiple Skin Types and Tones\u003c\/strong\u003e - The cream can be used morning and night, for both men and women of all skin types. Whether you have dry, oily, or combination skin, the cream will absorb like a dream into your skin and does its job.\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan class=\"a-list-item\"\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/f2ae5522-7932-4087-ac35-7abbd33c4e75.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787208833\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/be217106-2193-499a-8b3f-126c6d082568.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787208833\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/86085857-f674-452d-ab65-0bb5ed02884b.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787208833\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/7bb1fd0a-9cc9-4146-81cc-7ce12794fd29.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787208833\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/739deb97-5d5c-4f1d-a86c-22bd3c6a22a7.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787208833\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/9b155a5d-37f4-46d7-8fb2-cf77b38d84b6.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787208833\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/b3ccbac3-fbbd-4e0e-8488-b3f50a82cbb9.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787208833\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0c1e2f39-7e4b-469c-ba9a-c81006dc7f73.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787208833\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/p\u003e","brand":"Abera","offers":[{"title":"1 BOX","offer_id":54198608331120,"sku":"CB-USABERA072+SL1","price":34.95,"currency_code":"USD","in_stock":true},{"title":"BUY 2 BOXES","offer_id":54198608363888,"sku":"CB-USABERA072+SL2","price":55.95,"currency_code":"USD","in_stock":true},{"title":"BUY 3 BOXES","offer_id":54198608396656,"sku":"CB-USABERA072+SL3","price":79.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/514Fmmr0W8L._SL1080.jpg?v=1787211648"},{"product_id":"belani-retinol-face-cream-advanced-anti-aging-night-moisturizer","title":"Belani Retinol Face Cream - Advanced Anti-Aging Night Moisturizer","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\u003eAdvanced Retinol Night Cream \u003c\/strong\u003e– A potent blend of Nano-Encapsulated Retinol, Collagen, and Hyaluronic Acid to help minimize the appearance of aging signs and nourish skin while you sleep.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eSupport Skin Renewal \u003c\/strong\u003e– Our facial moisturizer features Nano-Retinol to support natural surface cell turnover and Hyaluronic Acid for deep hydration. An ideal addition to your daily skincare routine.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eCollagen \u0026amp; Firming Support \u003c\/strong\u003e– Support your skin’s natural elasticity and firmness with our collagen-infused formula. Help restore the look of youthful radiance and skin vitality.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003ePremium Quality \u0026amp; Non-Greasy\u003c\/strong\u003e – Crafted with high standards, our formula is gentle, fast-absorbing, and free from harsh chemicals. Designed for both women and men.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eDermatologist Recommended \u003c\/strong\u003e– Professionally tested and recommended for its safety and efficacy. Our gentle yet powerful formula is suitable for all skin types, ensuring professional-grade care at home.\u003cbr\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/b4b0e754-db49-43ee-b1e8-f209bb79a766.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/4a274ca3-e27b-4f6c-892d-1f6160f49bda.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/8662fa18-c27e-477c-ac55-d0cd0728e052.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/d3a8d277-f0e9-42ff-bf76-f33be3508cbe.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ad33f715-1b42-4248-b0c1-3966a811e04d.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/290b6f20-bb3c-4d6c-8dd3-484e6865dc5c.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/06a0f0fc-c0c1-459e-b92d-c50bb0c65506.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/2388be30-2816-4110-a2e6-b904f96a371f.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/d4e31140-9964-4f39-baf7-c9a9fb818337.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/f762221d-7514-430a-8b0d-2c36c7104da1.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/212a6f44-3ec6-47a8-8438-0fc9eedfc5e1.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/40c3f649-ffaa-45ce-912d-26d05e5a326e.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Abera","offers":[{"title":"Set 1 Box","offer_id":54201287672176,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true},{"title":"Set 2 Boxes","offer_id":54201287704944,"sku":null,"price":49.0,"currency_code":"USD","in_stock":true},{"title":"Set 3 Boxes","offer_id":54201287737712,"sku":null,"price":69.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/71NZAgxxcdL._SL1500.webp?v=1787220126"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/collections\/6.png?v=1759974990","url":"https:\/\/www.abera.us\/collections\/best-seller.oembed?page=2","provider":"ABERA","version":"1.0","type":"link"}