{"product_id":"abera-men-retinol-serum","title":"ABERA Men Retinol Serum","description":"\u003cstyle\u003e\n .abera-description {\n --abera-black: #111111;\n --abera-text: #222222;\n --abera-muted: #666666;\n --abera-beige: #f5f1e9;\n --abera-border: #dedbd5;\n\n width: 100%;\n background: #ffffff;\n color: var(--abera-text);\n font-family: inherit;\n padding: 64px 20px;\n box-sizing: border-box;\n }\n\n .abera-description * {\n box-sizing: border-box;\n }\n\n .abera-description__inner {\n max-width: None;\n margin: 0 auto;\n text-align: center;\n }\n\n .abera-description__eyebrow {\n display: inline-block;\n margin-bottom: 14px;\n padding: 7px 13px;\n border-radius: 999px;\n background: var(--abera-beige);\n color: var(--abera-black);\n font-size: 16px;\n line-height: 1;\n font-weight: 600;\n letter-spacing: 1.3px;\n text-transform: uppercase;\n }\n\n .abera-description__title {\n max-width: none;\n margin: 0 auto 26px;\n color: var(--abera-black);\n font-size: clamp(32px, 4vw, 46px);\n line-height: 1.2;\n letter-spacing: 1px;\n font-weight: 700;\n }\n\n .abera-description__text {\n max-width: none;\n margin: 0 auto;\n color: var(--abera-muted);\n font-size: 17px;\n line-height: 1.7;\n }\n\n .abera-description__text strong {\n color: var(--abera-black);\n font-weight: 700;\n }\n\n .abera-description__benefits {\n max-width: none;\n margin: 30px auto 0;\n padding-top: 26px;\n border-top: 1px solid var(--abera-border);\n\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 10px 22px;\n }\n\n .abera-description__benefit {\n position: relative;\n padding-left: 18px;\n color: var(--abera-black);\n font-size: 14px;\n font-weight: 700;\n }\n\n .abera-description__benefit::before {\n content: \"✓\";\n position: absolute;\n left: 0;\n top: 0;\n font-weight: 800;\n }\n\n .abera-description__closing {\n margin: 28px auto 0;\n color: var(--abera-black);\n font-size: 15px;\n line-height: 1.5;\n font-weight: 700;\n }\n\n @media screen and (max-width: 749px) {\n .abera-description {\n padding: 48px 18px;\n }\n\n .abera-description__eyebrow {\n margin-bottom: 12px;\n font-size: 10px;\n letter-spacing: 1px;\n }\n\n .abera-description__title {\n margin-bottom: 18px;\n font-size: 30px;\n line-height: 1.1;\n letter-spacing: -0.8px;\n }\n\n .abera-description__text {\n font-size: 16px;\n line-height: 1.65;\n }\n\n .abera-description__benefits {\n margin-top: 25px;\n padding-top: 22px;\n gap: 10px 16px;\n }\n\n .abera-description__benefit {\n font-size: 13px;\n }\n\n .abera-description__closing {\n margin-top: 24px;\n font-size: 14px;\n }\n }\n\u003c\/style\u003e\n\u003csection class=\"abera-description\"\u003e\n\u003cdiv class=\"abera-description__inner\"\u003e\n\u003cdiv class=\"abera-description__eyebrow\"\u003eMen's Anti-Aging Serum\u003c\/div\u003e\n\u003ch2 class=\"abera-description__title\"\u003e0.1% RETINOL. MADE SIMPLE FOR MEN 30+.\u003c\/h2\u003e\n\u003cp class=\"abera-description__text\"\u003e\u003cstrong\u003eABERA Men Retinol Serum\u003c\/strong\u003e is a lightweight nightly serum designed to help improve the appearance of \u003cstrong\u003efine lines, wrinkles, dark spots and uneven skin texture\u003c\/strong\u003e without a complicated skincare routine. Powered by \u003cstrong\u003e0.1% Retinol + 5% Niacinamide\u003c\/strong\u003e, it supports smoother, more even and healthier-looking skin with consistent use.\u003c\/p\u003e\n\u003cdiv class=\"abera-description__benefits\"\u003e\n\u003cdiv class=\"abera-description__benefit\"\u003eFine Lines \u0026amp; Wrinkles\u003c\/div\u003e\n\u003cdiv class=\"abera-description__benefit\"\u003eDark Spots\u003c\/div\u003e\n\u003cdiv class=\"abera-description__benefit\"\u003eUneven Texture\u003c\/div\u003e\n\u003cdiv class=\"abera-description__benefit\"\u003eMen 30+\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"abera-description__closing\"\u003eA few drops. Once at night. Simple skincare for men who want to age better.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL - CLINICALLY TESTED SECTION\n========================================================= *\/\n\n.abera-clinical-v2 {\n --abera-black: #0d0d0f;\n --abera-black-soft: #171719;\n --abera-white: #ffffff;\n --abera-ivory: #f3eee5;\n --abera-beige: #cfc3b2;\n --abera-muted: rgba(255,255,255,.68);\n --abera-line: rgba(255,255,255,.22);\n\n width: 100%;\n position: relative;\n overflow: hidden;\n background:\n radial-gradient(\n circle at 82% 35%,\n rgba(179,157,128,.17) 0%,\n rgba(179,157,128,.04) 26%,\n transparent 48%\n ),\n linear-gradient(\n 110deg,\n #09090b 0%,\n #101012 52%,\n #1d1a17 100%\n );\n color: var(--abera-white);\n font-family: inherit;\n}\n\n.abera-clinical-v2 *,\n.abera-clinical-v2 *::before,\n.abera-clinical-v2 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =============================\n MAIN LAYOUT\n============================= *\/\n\n.abera-clinical-v2__inner {\n max-width: 1400px;\n min-height: 650px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 58% 42%;\n align-items: stretch;\n}\n\n\n\/* =============================\n LEFT CONTENT\n============================= *\/\n\n.abera-clinical-v2__content {\n position: relative;\n z-index: 3;\n padding: 76px 35px 68px 60px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.abera-clinical-v2__eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 14px;\n\n color: var(--abera-beige);\n font-size: 12px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1.8px;\n text-transform: uppercase;\n}\n\n.abera-clinical-v2__eyebrow::before {\n content: \"\";\n width: 28px;\n height: 1px;\n background: var(--abera-beige);\n}\n\n\n.abera-clinical-v2__title {\n max-width: 820px;\n margin: 0;\n\n color: var(--abera-white);\n font-size: clamp(38px, 4vw, 58px);\n line-height: 1.06;\n letter-spacing: -2.2px;\n font-weight: 800;\n}\n\n\n.abera-clinical-v2__subtitle {\n max-width: 690px;\n margin: 18px 0 0;\n\n color: var(--abera-muted);\n font-size: 16px;\n line-height: 1.6;\n}\n\n\n\/* =============================\n STATS HORIZONTAL ROW\n============================= *\/\n\n.abera-clinical-v2__stats {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n margin-top: 52px;\n max-width: 790px;\n}\n\n.abera-clinical-v2__stat {\n position: relative;\n padding: 0 30px;\n}\n\n.abera-clinical-v2__stat:first-child {\n padding-left: 0;\n}\n\n\n\/* LINE MỎNG NGĂN CÁCH *\/\n.abera-clinical-v2__stat:not(:last-child)::after {\n content: \"\";\n position: absolute;\n right: 0;\n top: 6%;\n width: 1px;\n height: 88%;\n background: var(--abera-line);\n}\n\n\n.abera-clinical-v2__percent {\n margin: 0 0 11px;\n\n color: var(--abera-white);\n font-size: clamp(48px, 5vw, 68px);\n line-height: .95;\n letter-spacing: -3px;\n font-weight: 800;\n}\n\n\n.abera-clinical-v2__stat-title {\n margin: 0 0 7px;\n\n color: var(--abera-white);\n font-size: 16px;\n line-height: 1.25;\n font-weight: 750;\n}\n\n\n.abera-clinical-v2__stat-copy {\n max-width: 205px;\n margin: 0;\n\n color: rgba(255,255,255,.62);\n font-size: 13px;\n line-height: 1.45;\n}\n\n\n\/* =============================\n FOOTNOTE\n============================= *\/\n\n.abera-clinical-v2__footnote {\n margin-top: 38px;\n padding-top: 19px;\n max-width: 790px;\n\n border-top: 1px solid rgba(255,255,255,.11);\n\n color: rgba(255,255,255,.44);\n font-size: 11px;\n line-height: 1.5;\n}\n\n\n\/* =============================\n RIGHT IMAGE\n============================= *\/\n\n.abera-clinical-v2__visual {\n position: relative;\n min-height: 650px;\n overflow: hidden;\n}\n\n\n\/* fade ảnh vào nền *\/\n.abera-clinical-v2__visual::before {\n content: \"\";\n position: absolute;\n z-index: 2;\n inset: 0;\n\n background:\n linear-gradient(\n 90deg,\n #101012 0%,\n rgba(16,16,18,.72) 10%,\n rgba(16,16,18,.15) 30%,\n transparent 52%\n );\n pointer-events: none;\n}\n\n\n.abera-clinical-v2__visual img {\n width: 100%;\n height: 100%;\n min-height: 650px;\n\n display: block;\n object-fit: cover;\n object-position: center top;\n}\n\n\n\/* Nếu chưa có ảnh *\/\n.abera-clinical-v2__image-placeholder {\n width: 100%;\n height: 100%;\n min-height: 650px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background:\n radial-gradient(\n circle at 50% 35%,\n #51483e 0%,\n #292622 43%,\n #141414 100%\n );\n\n color: rgba(255,255,255,.5);\n font-size: 13px;\n text-align: center;\n padding: 30px;\n}\n\n\n\/* subtle bottom glow *\/\n.abera-clinical-v2::after {\n content: \"\";\n position: absolute;\n z-index: 1;\n left: 28%;\n bottom: -220px;\n\n width: 620px;\n height: 330px;\n\n border-radius: 50%;\n\n background: radial-gradient(\n circle,\n rgba(197,177,146,.13),\n transparent 70%\n );\n\n pointer-events: none;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-clinical-v2__inner {\n grid-template-columns: 60% 40%;\n min-height: 570px;\n }\n\n .abera-clinical-v2__content {\n padding:\n 60px\n 20px\n 55px\n 35px;\n }\n\n .abera-clinical-v2__visual,\n .abera-clinical-v2__visual img,\n .abera-clinical-v2__image-placeholder {\n min-height: 570px;\n }\n\n .abera-clinical-v2__stats {\n margin-top: 40px;\n }\n\n .abera-clinical-v2__stat {\n padding: 0 18px;\n }\n\n .abera-clinical-v2__percent {\n font-size: 49px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-clinical-v2__inner {\n display: flex;\n flex-direction: column;\n min-height: auto;\n }\n\n\n .abera-clinical-v2__content {\n order: 1;\n padding: 48px 18px 34px;\n }\n\n\n .abera-clinical-v2__eyebrow {\n margin-bottom: 12px;\n font-size: 10px;\n letter-spacing: 1.4px;\n }\n\n\n .abera-clinical-v2__title {\n font-size: 32px;\n line-height: 1.08;\n letter-spacing: -1.3px;\n }\n\n\n .abera-clinical-v2__subtitle {\n margin-top: 14px;\n font-size: 14px;\n line-height: 1.55;\n }\n\n\n \/* GIỮ STATS NẰM NGANG TRÊN MOBILE *\/\n .abera-clinical-v2__stats {\n width: 100%;\n max-width: none;\n margin-top: 34px;\n\n grid-template-columns:\n repeat(3, minmax(118px, 1fr));\n\n overflow-x: auto;\n scrollbar-width: none;\n }\n\n .abera-clinical-v2__stats::-webkit-scrollbar {\n display: none;\n }\n\n\n .abera-clinical-v2__stat {\n min-width: 118px;\n padding: 0 14px;\n }\n\n .abera-clinical-v2__stat:first-child {\n padding-left: 0;\n padding-right: 14px;\n }\n\n\n \/* VẪN GIỮ LINE DỌC *\/\n .abera-clinical-v2__stat:not(:last-child)::after {\n top: 5%;\n width: 1px;\n height: 90%;\n }\n\n\n .abera-clinical-v2__percent {\n margin-bottom: 8px;\n font-size: 42px;\n letter-spacing: -2px;\n }\n\n\n .abera-clinical-v2__stat-title {\n margin-bottom: 5px;\n font-size: 12px;\n }\n\n\n .abera-clinical-v2__stat-copy {\n font-size: 10.5px;\n line-height: 1.4;\n }\n\n\n .abera-clinical-v2__footnote {\n margin-top: 26px;\n padding-top: 15px;\n\n font-size: 10px;\n }\n\n\n \/* ẢNH XUỐNG DƯỚI *\/\n .abera-clinical-v2__visual {\n order: 2;\n min-height: 390px;\n }\n\n\n .abera-clinical-v2__visual img,\n .abera-clinical-v2__image-placeholder {\n min-height: 390px;\n height: 390px;\n }\n\n\n .abera-clinical-v2__visual img {\n object-position: center top;\n }\n\n\n \/* fade từ trên xuống để nối với content *\/\n .abera-clinical-v2__visual::before {\n background:\n linear-gradient(\n 180deg,\n #101012 0%,\n rgba(16,16,18,.60) 9%,\n rgba(16,16,18,.10) 26%,\n transparent 50%\n );\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-clinical-v2\"\u003e\n\u003cdiv class=\"abera-clinical-v2__inner\"\u003e\n\u003c!-- ============================================\n LEFT SIDE\n ============================================= --\u003e\n\u003cdiv class=\"abera-clinical-v2__content\"\u003e\n\u003cdiv class=\"abera-clinical-v2__eyebrow\"\u003eClinically Tested\u003c\/div\u003e\n\u003ch2 class=\"abera-clinical-v2__title\"\u003ePROVEN RESULTS.\u003cbr\u003eBUILT FOR MEN'S SKIN.\u003c\/h2\u003e\n\u003cp class=\"abera-clinical-v2__subtitle\"\u003eAfter 8 weeks of consistent use, men reported visible improvements in hydration, skin tone and the appearance of wrinkles.\u003c\/p\u003e\n\u003c!-- ============================================\n HORIZONTAL RESULTS\n ============================================= --\u003e\n\u003cdiv class=\"abera-clinical-v2__stats\"\u003e\n\u003c!-- 96% --\u003e\n\u003cdiv class=\"abera-clinical-v2__stat\"\u003e\n\u003cdiv class=\"abera-clinical-v2__percent\"\u003e96%\u003c\/div\u003e\n\u003ch3 class=\"abera-clinical-v2__stat-title\"\u003eSMOOTHER SKIN\u003c\/h3\u003e\n\u003cp class=\"abera-clinical-v2__stat-copy\"\u003eReported smoother, more hydrated-looking skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 92% --\u003e\n\u003cdiv class=\"abera-clinical-v2__stat\"\u003e\n\u003cdiv class=\"abera-clinical-v2__percent\"\u003e92%\u003c\/div\u003e\n\u003ch3 class=\"abera-clinical-v2__stat-title\"\u003eMORE EVEN TONE\u003c\/h3\u003e\n\u003cp class=\"abera-clinical-v2__stat-copy\"\u003eReported brighter, more even-looking skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 89% --\u003e\n\u003cdiv class=\"abera-clinical-v2__stat\"\u003e\n\u003cdiv class=\"abera-clinical-v2__percent\"\u003e89%\u003c\/div\u003e\n\u003ch3 class=\"abera-clinical-v2__stat-title\"\u003eFEWER VISIBLE WRINKLES\u003c\/h3\u003e\n\u003cp class=\"abera-clinical-v2__stat-copy\"\u003eReported improvement in the appearance of wrinkles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FOOTNOTE --\u003e\n\u003cdiv class=\"abera-clinical-v2__footnote\"\u003e*Based on an 8-week consumer self-assessment study. Individual results may vary.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================\n RIGHT IMAGE\n ============================================= --\u003e\n\u003cdiv class=\"abera-clinical-v2__visual\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_44.webp?v=1786959518\" alt=\"Man using ABERA Men Retinol Serum\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-clinical-v2__image-placeholder\" style=\"display: none;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN - CUSTOMER TESTIMONIAL SECTION\n========================================================= *\/\n\n.abera-customer-reviews-final {\n width: 100%;\n max-width: none;\n margin: 40px 0;\n padding: 0;\n\n font-family: Arial, Helvetica, sans-serif;\n color: #111111;\n background: #ffffff;\n\n box-sizing: border-box;\n}\n\n.abera-customer-reviews-final *,\n.abera-customer-reviews-final *::before,\n.abera-customer-reviews-final *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.acrf-header {\n width: 100%;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n\n margin: 0 0 24px 0;\n}\n\n\n\/* TOP 5 STARS *\/\n\n.acrf-header-stars {\n margin: 0 0 9px 0;\n\n font-size: 21px;\n line-height: 1;\n letter-spacing: 2px;\n\n color: #f5a000;\n}\n\n\n\/* BLACK TITLE BOX *\/\n\n.acrf-title-box {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n max-width: 100%;\n\n padding: 10px 22px;\n\n background: #111111;\n border-radius: 8px;\n}\n\n\n.acrf-title {\n margin: 0;\n padding: 0;\n\n font-size: 30px;\n line-height: 1.3;\n font-weight: 600;\n\n text-align: center;\n text-transform: uppercase;\n\n color: #ffffff;\n}\n\n\n\/* =========================================================\n REVIEW WRAPPER\n========================================================= *\/\n\n.acrf-viewport {\n width: 100%;\n}\n\n\n\/* =========================================================\n DESKTOP GRID - 6 REVIEWS \/ 1 ROW\n========================================================= *\/\n\n.acrf-track {\n display: grid;\n\n grid-template-columns:\n repeat(6, minmax(0, 1fr));\n\n gap: 12px;\n\n width: 100%;\n\n margin: 0;\n padding: 0;\n}\n\n\n\/* =========================================================\n REVIEW CARD\n========================================================= *\/\n\n.acrf-card {\n display: flex;\n flex-direction: column;\n\n width: 100%;\n min-width: 0;\n\n overflow: hidden;\n\n background: #ffffff;\n\n border: 1px solid #dddddd;\n border-radius: 9px;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.acrf-image {\n position: relative;\n\n width: 100%;\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #f3f3f3;\n}\n\n\n.acrf-image img {\n display: block;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n padding: 0;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n BEFORE \/ AFTER\n========================================================= *\/\n\n.acrf-before,\n.acrf-after {\n position: absolute;\n\n bottom: 8px;\n\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n padding: 5px 7px;\n\n border-radius: 4px;\n\n font-size: 10px;\n line-height: 1;\n font-weight: 800;\n\n letter-spacing: 0.3px;\n\n z-index: 2;\n}\n\n\n\/* BEFORE - WHITE *\/\n\n.acrf-before {\n left: 8px;\n\n background: rgba(255,255,255,0.95);\n\n border: 1px solid rgba(0,0,0,0.12);\n\n color: #111111;\n}\n\n\n\/* AFTER - BLACK *\/\n\n.acrf-after {\n right: 8px;\n\n background: rgba(0,0,0,0.88);\n\n border: 1px solid rgba(255,255,255,0.18);\n\n color: #ffffff;\n}\n\n\n\/* =========================================================\n CARD CONTENT\n========================================================= *\/\n\n.acrf-content {\n display: flex;\n flex-direction: column;\n flex: 1;\n\n padding: 11px;\n}\n\n\n\/* STARS *\/\n\n.acrf-stars {\n margin: 0 0 7px 0;\n\n font-size: 15px;\n line-height: 1;\n\n letter-spacing: 0.5px;\n\n color: #f5a000;\n}\n\n\n\/* REVIEW *\/\n\n.acrf-review {\n margin: 0 0 11px 0;\n padding: 0;\n\n font-size: 13px;\n line-height: 1.5;\n\n font-weight: 400;\n\n color: #333333;\n}\n\n\n\/* CUSTOMER NAME *\/\n\n.acrf-name {\n margin: auto 0 7px 0;\n\n font-size: 13px;\n line-height: 1.35;\n\n font-weight: 700;\n\n color: #111111;\n}\n\n\n\/* =========================================================\n VERIFIED CUSTOMER\n========================================================= *\/\n\n.acrf-verified {\n display: inline-flex;\n\n align-items: center;\n align-self: flex-start;\n\n gap: 4px;\n\n padding: 4px 7px;\n\n background: #f5f5f5;\n\n border: 1px solid #dddddd;\n border-radius: 20px;\n\n font-size: 10px;\n line-height: 1;\n\n font-weight: 600;\n\n color: #333333;\n\n white-space: nowrap;\n}\n\n\n.acrf-check {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 13px;\n height: 13px;\n\n min-width: 13px;\n}\n\n\n.acrf-check svg {\n display: block;\n\n width: 13px;\n height: 13px;\n}\n\n\n\/* =========================================================\n MOBILE DOTS\n HIDDEN ON DESKTOP\n========================================================= *\/\n\n.acrf-dots {\n display: none;\n}\n\n\n\/* =========================================================\n TABLET\n 3 REVIEWS \/ ROW\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 1050px) {\n\n .acrf-track {\n grid-template-columns:\n repeat(3, minmax(0, 1fr));\n\n gap: 14px;\n }\n\n .acrf-title {\n font-size: 19px;\n }\n\n .acrf-content {\n padding: 13px;\n }\n\n .acrf-review {\n font-size: 14px;\n }\n\n .acrf-name {\n font-size: 14px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n HORIZONTAL CAROUSEL\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-customer-reviews-final {\n width: 100%;\n\n margin: 30px 0;\n\n overflow: hidden;\n }\n\n\n \/* HEADER *\/\n\n .acrf-header {\n margin-bottom: 18px;\n }\n\n\n .acrf-header-stars {\n margin-bottom: 8px;\n\n font-size: 19px;\n }\n\n\n .acrf-title-box {\n width: 100%;\n\n padding: 10px 14px;\n\n border-radius: 7px;\n }\n\n\n .acrf-title {\n font-size: 17px;\n line-height: 1.35;\n }\n\n\n \/* VIEWPORT *\/\n\n .acrf-viewport {\n width: 100%;\n\n overflow: hidden;\n }\n\n\n \/* MOBILE TRACK *\/\n\n .acrf-track {\n display: flex;\n flex-wrap: nowrap;\n\n grid-template-columns: none;\n\n gap: 10px;\n\n width: 100%;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n scroll-behavior: smooth;\n\n scroll-snap-type: x mandatory;\n\n -webkit-overflow-scrolling: touch;\n\n scrollbar-width: none;\n\n padding: 0 12% 5px 0;\n }\n\n\n .acrf-track::-webkit-scrollbar {\n display: none;\n }\n\n\n \/* ONE REVIEW + NEXT PEEK *\/\n\n .acrf-card {\n flex: 0 0 86%;\n min-width: 86%;\n\n scroll-snap-align: start;\n }\n\n\n .acrf-content {\n padding: 13px;\n }\n\n\n .acrf-stars {\n font-size: 17px;\n }\n\n\n .acrf-review {\n font-size: 14px;\n line-height: 1.5;\n }\n\n\n .acrf-name {\n font-size: 14px;\n }\n\n\n .acrf-verified {\n font-size: 11px;\n\n padding: 5px 8px;\n }\n\n\n \/* BEFORE \/ AFTER MOBILE *\/\n\n .acrf-before,\n .acrf-after {\n bottom: 9px;\n\n padding: 6px 8px;\n\n font-size: 10px;\n }\n\n\n .acrf-before {\n left: 9px;\n }\n\n\n .acrf-after {\n right: 9px;\n }\n\n\n \/* DOTS *\/\n\n .acrf-dots {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n gap: 7px;\n\n margin-top: 14px;\n }\n\n\n .acrf-dot {\n width: 7px;\n height: 7px;\n\n margin: 0;\n padding: 0;\n\n border: none;\n border-radius: 50%;\n\n background: #d0d0d0;\n\n cursor: pointer;\n\n transition:\n background 0.2s ease,\n transform 0.2s ease;\n }\n\n\n .acrf-dot.active {\n background: #111111;\n\n transform: scale(1.2);\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-customer-reviews-final\"\u003e\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"acrf-header\"\u003e\n\u003cdiv class=\"acrf-header-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acrf-title-box\"\u003e\n\u003ch2 class=\"acrf-title\"\u003eHEAR FROM OUR RECENT CUSTOMERS\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n REVIEWS\n ====================================================== --\u003e\n\u003cdiv class=\"acrf-viewport\"\u003e\n\u003cdiv class=\"acrf-track\"\u003e\n\u003c!-- =================================================\n REVIEW 1\n ================================================== --\u003e\n\u003carticle class=\"acrf-card\"\u003e\n\u003cdiv class=\"acrf-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/3_2986af9d-7ff8-49b0-ac3c-7ba74e61680f.webp?v=1786615458\" alt=\"ABERA MEN Retinol Serum customer result James\" loading=\"lazy\"\u003e \u003cspan class=\"acrf-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"acrf-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acrf-content\"\u003e\n\u003cdiv class=\"acrf-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"acrf-review\"\u003eMy dark spots were what bothered me the most. After consistent use, they look lighter and my overall skin tone looks more even. Definitely easier than using several different products.\u003c\/p\u003e\n\u003cdiv class=\"acrf-name\"\u003eJames T.\u003c\/div\u003e\n\u003cdiv class=\"acrf-verified\"\u003e\n\u003cspan class=\"acrf-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 2\n ================================================== --\u003e\n\u003carticle class=\"acrf-card\"\u003e\n\u003cdiv class=\"acrf-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/4_5d22dff5-ec9b-4d4d-b8d9-f069ff6268ca.webp?v=1786422444\" alt=\"ABERA MEN Retinol Serum customer result Michael\" loading=\"lazy\"\u003e \u003cspan class=\"acrf-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"acrf-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acrf-content\"\u003e\n\u003cdiv class=\"acrf-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"acrf-review\"\u003eI've been using this serum every night for a few weeks and my skin already feels smoother and more hydrated. The fine lines around my eyes don't look as deep as before, and I like that it absorbs fast without feeling greasy.\u003c\/p\u003e\n\u003cdiv class=\"acrf-name\"\u003eMichael R.\u003c\/div\u003e\n\u003cdiv class=\"acrf-verified\"\u003e\n\u003cspan class=\"acrf-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 3\n ================================================== --\u003e\n\u003carticle class=\"acrf-card\"\u003e\n\u003cdiv class=\"acrf-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/bfb22f137ad326a2e4091f5c3a93cd8e-20250417094225-3186n.webp?v=1786423518\" alt=\"ABERA MEN Retinol Serum customer result Daniel\" loading=\"lazy\"\u003e \u003cspan class=\"acrf-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"acrf-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acrf-content\"\u003e\n\u003cdiv class=\"acrf-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"acrf-review\"\u003eProbably the first anti-aging product I've actually stayed consistent with. It absorbs quickly, has no heavy greasy finish, and after several weeks my face looks smoother and less tired.\u003c\/p\u003e\n\u003cdiv class=\"acrf-name\"\u003eDaniel S.\u003c\/div\u003e\n\u003cdiv class=\"acrf-verified\"\u003e\n\u003cspan class=\"acrf-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 4\n ================================================== --\u003e\n\u003carticle class=\"acrf-card\"\u003e\n\u003cdiv class=\"acrf-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/5_b0438d0b-7832-474e-acb8-98b39901ce77.webp?v=1786422443\" alt=\"ABERA MEN Retinol Serum customer result Brian\" loading=\"lazy\"\u003e \u003cspan class=\"acrf-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"acrf-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acrf-content\"\u003e\n\u003cdiv class=\"acrf-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"acrf-review\"\u003eI had these dark acne marks for a long time, but they faded noticeably after using this product. I finished one bottle in just over a month, and the results were even better than I expected.\u003c\/p\u003e\n\u003cdiv class=\"acrf-name\"\u003eBrian C.\u003c\/div\u003e\n\u003cdiv class=\"acrf-verified\"\u003e\n\u003cspan class=\"acrf-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 5\n ================================================== --\u003e\n\u003carticle class=\"acrf-card\"\u003e\n\u003cdiv class=\"acrf-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/6_c66664a6-8b1c-476f-8b91-86f997d0b90c.webp?v=1786422443\" alt=\"ABERA MEN Retinol Serum customer result Chris\" loading=\"lazy\"\u003e \u003cspan class=\"acrf-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"acrf-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acrf-content\"\u003e\n\u003cdiv class=\"acrf-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"acrf-review\"\u003eMy wife was actually the first person to notice the difference. She said my skin looked smoother and healthier. I've also noticed the fine lines around my eyes are less noticeable.\u003c\/p\u003e\n\u003cdiv class=\"acrf-name\"\u003eChris B.\u003c\/div\u003e\n\u003cdiv class=\"acrf-verified\"\u003e\n\u003cspan class=\"acrf-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 6\n ================================================== --\u003e\n\u003carticle class=\"acrf-card\"\u003e\n\u003cdiv class=\"acrf-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/81f90c8b9c7785be7808623b11f7722c-20250417102041-dodqv.webp?v=1786459872\" alt=\"ABERA MEN Retinol Serum customer result Kevin\" loading=\"lazy\"\u003e \u003cspan class=\"acrf-before\"\u003e BEFORE \u003c\/span\u003e \u003cspan class=\"acrf-after\"\u003e AFTER \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acrf-content\"\u003e\n\u003cdiv class=\"acrf-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"acrf-review\"\u003eI was skeptical about adding retinol because I didn't want a complicated routine. This one is straightforward. Clean face, a few drops, done. My skin looks brighter and more even after regular use.\u003c\/p\u003e\n\u003cdiv class=\"acrf-name\"\u003eKevin F.\u003c\/div\u003e\n\u003cdiv class=\"acrf-verified\"\u003e\n\u003cspan class=\"acrf-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Verified Customer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n MOBILE DOTS\n DESKTOP \/ TABLET: HIDDEN\n ====================================================== --\u003e\n\u003cdiv class=\"acrf-dots\"\u003e\n\u003cbutton class=\"acrf-dot active\" type=\"button\"\u003e \u003c\/button\u003e \u003cbutton class=\"acrf-dot\" type=\"button\"\u003e \u003c\/button\u003e \u003cbutton class=\"acrf-dot\" type=\"button\"\u003e \u003c\/button\u003e \u003cbutton class=\"acrf-dot\" type=\"button\"\u003e \u003c\/button\u003e \u003cbutton class=\"acrf-dot\" type=\"button\"\u003e \u003c\/button\u003e \u003cbutton class=\"acrf-dot\" type=\"button\"\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cscript\u003e\n(function () {\n\n const sections =\n document.querySelectorAll(\n '.abera-customer-reviews-final'\n );\n\n\n sections.forEach(function(section) {\n\n const track =\n section.querySelector('.acrf-track');\n\n\n const cards =\n Array.from(\n section.querySelectorAll('.acrf-card')\n );\n\n\n const dots =\n Array.from(\n section.querySelectorAll('.acrf-dot')\n );\n\n\n if (!track || !cards.length || !dots.length) {\n return;\n }\n\n\n \/* ==========================================\n ONLY RUN ON MOBILE\n ========================================== *\/\n\n function isMobile() {\n return window.innerWidth \u003c= 749;\n }\n\n\n \/* ==========================================\n UPDATE ACTIVE DOT\n ========================================== *\/\n\n function updateDots() {\n\n if (!isMobile()) return;\n\n\n let closestIndex = 0;\n let closestDistance = Infinity;\n\n\n cards.forEach(function(card, index) {\n\n const distance =\n Math.abs(\n (card.offsetLeft - track.offsetLeft)\n - track.scrollLeft\n );\n\n\n if (distance \u003c closestDistance) {\n\n closestDistance = distance;\n\n closestIndex = index;\n\n }\n\n });\n\n\n dots.forEach(function(dot, index) {\n\n dot.classList.toggle(\n 'active',\n index === closestIndex\n );\n\n });\n\n }\n\n\n \/* ==========================================\n DOT CLICK\n ========================================== *\/\n\n dots.forEach(function(dot, index) {\n\n dot.addEventListener(\n 'click',\n function() {\n\n if (!isMobile()) return;\n\n\n const card =\n cards[index];\n\n\n if (!card) return;\n\n\n track.scrollTo({\n\n left:\n card.offsetLeft\n - track.offsetLeft,\n\n behavior: 'smooth'\n\n });\n\n }\n );\n\n });\n\n\n \/* ==========================================\n SCROLL\n ========================================== *\/\n\n let scrollTimer;\n\n\n track.addEventListener(\n 'scroll',\n function() {\n\n if (!isMobile()) return;\n\n\n clearTimeout(scrollTimer);\n\n\n scrollTimer =\n setTimeout(\n updateDots,\n 40\n );\n\n },\n { passive: true }\n );\n\n\n updateDots();\n\n });\n\n})();\n\u003c\/script\u003e\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN - HOW TO USE SECTION\n========================================================= *\/\n\n.abera-howto-dark {\n width: 100%;\n margin: 40px 0;\n padding: 42px 32px;\n\n background: #0b0b0b;\n color: #ffffff;\n\n font-family: Arial, Helvetica, sans-serif;\n box-sizing: border-box;\n}\n\n.abera-howto-dark *,\n.abera-howto-dark *::before,\n.abera-howto-dark *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n TOP LAYOUT\n========================================================= *\/\n\n.abera-howto-dark-wrap {\n display: grid;\n\n grid-template-columns:\n minmax(0, 1fr)\n minmax(0, 1fr);\n\n gap: 44px;\n\n width: 100%;\n\n align-items: center;\n}\n\n\n\/* =========================================================\n VIDEO 1:1\n========================================================= *\/\n\n.abera-howto-dark-video {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #161616;\n\n border-radius: 10px;\n}\n\n\n.abera-howto-dark-video video {\n display: block;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n padding: 0;\n\n object-fit: cover;\n object-position: center;\n\n background: #161616;\n}\n\n\n\/* =========================================================\n CONTENT\n========================================================= *\/\n\n.abera-howto-dark-content {\n width: 100%;\n}\n\n\n\/* TITLE *\/\n\n.abera-howto-dark-title {\n margin: 0 0 20px 0;\n padding: 0;\n\n font-size: 30px;\n line-height: 1.15;\n\n font-weight: 600;\n\n color: #ffffff;\n}\n\n\n\/* BODY TEXT *\/\n\n.abera-howto-dark-text {\n margin: 0 0 16px 0;\n padding: 0;\n\n font-size: 16px;\n line-height: 1.6;\n\n font-weight: 400;\n\n color: #eeeeee;\n}\n\n\n.abera-howto-dark-text strong {\n font-weight: 700;\n\n color: #ffffff;\n}\n\n\n\/* BOTTLE NOTE *\/\n\n.abera-howto-bottle-note {\n margin: 21px 0 0 0;\n\n padding: 14px 16px;\n\n background: #171717;\n\n border: 1px solid #333333;\n border-radius: 7px;\n\n font-size: 16px;\n line-height: 1.55;\n\n color: #eeeeee;\n}\n\n\n.abera-howto-bottle-note strong {\n font-weight: 700;\n\n color: #ffffff;\n}\n\n\n\/* =========================================================\n SHOP NOW\n========================================================= *\/\n\n.abera-howto-shop {\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n min-width: 180px;\n\n margin: 22px 0 0 0;\n padding: 14px 28px;\n\n background: #000000;\n\n border: 1px solid #ffffff;\n border-radius: 6px;\n\n color: #ffffff !important;\n\n font-size: 15px;\n line-height: 1;\n\n font-weight: 700;\n\n text-decoration: none !important;\n\n cursor: pointer;\n\n transition:\n background 0.2s ease,\n color 0.2s ease,\n transform 0.2s ease;\n}\n\n\n.abera-howto-shop:hover {\n background: #ffffff;\n\n color: #000000 !important;\n\n transform: translateY(-1px);\n}\n\n\n\/* =========================================================\n PROOF \/ FREE-FROM STRIP\n========================================================= *\/\n\n.abera-howto-proof {\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 20px;\n\n width: 100%;\n\n margin-top: 38px;\n padding-top: 28px;\n\n border-top: 1px solid #2d2d2d;\n}\n\n\n\/* EACH ITEM *\/\n\n.abera-howto-proof-item {\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: flex-start;\n\n text-align: center;\n\n min-width: 0;\n}\n\n\n\/* ICON *\/\n\n.abera-howto-proof-icon {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n width: 48px;\n height: 48px;\n\n margin-bottom: 10px;\n}\n\n\n.abera-howto-proof-icon img {\n display: block;\n\n width: 100%;\n height: 100%;\n\n object-fit: contain;\n}\n\n\n\/* PROOF TEXT *\/\n\n.abera-howto-proof-text {\n margin: 0;\n padding: 0;\n\n font-size: 14px;\n line-height: 1.3;\n\n font-weight: 500;\n\n color: #ffffff;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 1050px) {\n\n .abera-howto-dark {\n padding: 34px 24px;\n }\n\n\n .abera-howto-dark-wrap {\n gap: 28px;\n }\n\n\n .abera-howto-dark-title {\n margin-bottom: 17px;\n\n font-size: 26px;\n }\n\n\n .abera-howto-dark-text,\n .abera-howto-bottle-note {\n font-size: 15px;\n }\n\n\n .abera-howto-proof {\n gap: 14px;\n\n margin-top: 32px;\n }\n\n\n .abera-howto-proof-icon {\n width: 43px;\n height: 43px;\n }\n\n\n .abera-howto-proof-text {\n font-size: 12px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-howto-dark {\n width: 100%;\n\n margin: 28px 0;\n padding: 24px 14px;\n }\n\n\n \/* VIDEO TOP - TEXT BOTTOM *\/\n\n .abera-howto-dark-wrap {\n display: flex;\n\n flex-direction: column;\n\n gap: 23px;\n\n width: 100%;\n\n align-items: stretch;\n }\n\n\n \/* VIDEO *\/\n\n .abera-howto-dark-video {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n\n border-radius: 8px;\n }\n\n\n \/* TITLE *\/\n\n .abera-howto-dark-title {\n margin-bottom: 16px;\n\n font-size: 26px;\n line-height: 1.15;\n\n font-weight: 600;\n }\n\n\n \/* BODY *\/\n\n .abera-howto-dark-text {\n margin-bottom: 14px;\n\n font-size: 15px;\n line-height: 1.6;\n }\n\n\n \/* BOTTLE *\/\n\n .abera-howto-bottle-note {\n margin-top: 18px;\n\n padding: 13px;\n\n font-size: 15px;\n line-height: 1.55;\n }\n\n\n \/* SHOP NOW *\/\n\n .abera-howto-shop {\n width: 100%;\n\n min-width: 0;\n\n margin-top: 19px;\n\n padding: 14px 20px;\n\n font-size: 15px;\n }\n\n\n \/* PROOF:\n MOBILE = 2 x 2\n *\/\n\n .abera-howto-proof {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 24px 14px;\n\n margin-top: 30px;\n padding-top: 25px;\n }\n\n\n .abera-howto-proof-icon {\n width: 44px;\n height: 44px;\n\n margin-bottom: 9px;\n }\n\n\n .abera-howto-proof-text {\n font-size: 12px;\n line-height: 1.35;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-howto-dark\"\u003e\u003c!-- =====================================================\n VIDEO + CONTENT\n ====================================================== --\u003e\n\u003cdiv class=\"abera-howto-dark-wrap\"\u003e\n\u003c!-- =================================================\n VIDEO\n ================================================== --\u003e\n\u003cdiv class=\"abera-howto-dark-video\"\u003e\u003cvideo controls=\"controls\" playsinline=\"\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/nh_13.webp?v=1786529051\"\u003e\n\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3f8be01c24834be09db1eafc97629d62.mp4\" type=\"video\/mp4\"\u003e\n\n Your browser does not support the video tag.\n\n \u003c\/source\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n CONTENT\n ================================================== --\u003e\n\u003cdiv class=\"abera-howto-dark-content\"\u003e\n\u003ch2 class=\"abera-howto-dark-title\"\u003eHOW TO USE\u003c\/h2\u003e\n\u003cp class=\"abera-howto-dark-text\"\u003eOn clean, dry skin, apply a few drops of \u003cstrong\u003eABERA MEN Retinol Serum\u003c\/strong\u003e to your fingertips or your face.\u003c\/p\u003e\n\u003cp class=\"abera-howto-dark-text\"\u003eGently massage the serum over your face and neck until evenly absorbed. Adjust the amount based on your skin’s needs.\u003c\/p\u003e\n\u003cp class=\"abera-howto-dark-text\"\u003eAllow it to absorb completely before applying other skincare products. Start 2–3 nights per week, then gradually increase to nightly use as your skin adjusts. More product does not mean faster results.\u003c\/p\u003e\n\u003cp class=\"abera-howto-dark-text\"\u003e\u003cstrong\u003eDURING THE DAY:\u003c\/strong\u003e Use a broad-spectrum sunscreen and limit excessive sun exposure while using Retinol.\u003c\/p\u003e\n\u003c!-- BOTTLE NOTE --\u003e\n\u003cdiv class=\"abera-howto-bottle-note\"\u003eThe \u003cstrong\u003e1.06 fl. oz. bottle\u003c\/strong\u003e lasts up to one month, but it is best to use \u003cstrong\u003e2 bottles\u003c\/strong\u003e to see noticeable results.\u003c\/div\u003e\n\u003c!-- SHOP SET 2 + SPECIAL GIFT --\u003e \u003ca href=\"#\" class=\"abera-howto-shop\"\u003e SHOP SET 2 + SPECIAL GIFT \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n PRODUCT PROOF\n ====================================================== --\u003e\n\u003cdiv class=\"abera-howto-proof\"\u003e\n\u003c!-- ITEM 1 --\u003e\n\u003cdiv class=\"abera-howto-proof-item\"\u003e\n\u003cdiv class=\"abera-howto-proof-icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/17_4b584ed0-a5a0-4e05-b5ed-941e0659119d.webp?v=1786634004\" alt=\"No animal testing\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cp class=\"abera-howto-proof-text\"\u003eNO ANIMAL\u003cbr\u003eTESTING\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ITEM 2 --\u003e\n\u003cdiv class=\"abera-howto-proof-item\"\u003e\n\u003cdiv class=\"abera-howto-proof-icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/18_2b9950f9-1de2-4435-840f-a2788bc79db5.webp?v=1786634004\" alt=\"Dermatologically Tested\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cp class=\"abera-howto-proof-text\"\u003eDERMATOLOGICALLY\u003cbr\u003eTESTED\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ITEM 3 --\u003e\n\u003cdiv class=\"abera-howto-proof-item\"\u003e\n\u003cdiv class=\"abera-howto-proof-icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/19_f1ab1d79-53db-49a0-93ac-390f9f40fc7a.webp?v=1786634004\" alt=\"Paraben free\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cp class=\"abera-howto-proof-text\"\u003ePARABEN FREE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ITEM 4 --\u003e\n\u003cdiv class=\"abera-howto-proof-item\"\u003e\n\u003cdiv class=\"abera-howto-proof-icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/20_7f253aec-af5d-4f7a-8873-03ad4bf71af2.webp?v=1786634004\" alt=\"Silicone free\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cp class=\"abera-howto-proof-text\"\u003eSILICONE FREE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n KEY INGREDIENTS\n========================================================= *\/\n\n#abera-key-ingredients {\n width: 100%;\n max-width: none;\n\n margin: 40px 0;\n padding: 42px 28px;\n\n background: #ffffff;\n color: #111111;\n\n font-family: Arial, Helvetica, sans-serif;\n box-sizing: border-box;\n}\n\n#abera-key-ingredients *,\n#abera-key-ingredients *::before,\n#abera-key-ingredients *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n MAIN LAYOUT\n========================================================= *\/\n\n.abera-ing-layout {\n display: grid;\n\n grid-template-columns:\n minmax(250px, 0.32fr)\n minmax(0, 0.68fr);\n\n gap: 42px;\n\n width: 100%;\n\n align-items: center;\n}\n\n\n\/* =========================================================\n LEFT CONTENT\n========================================================= *\/\n\n.abera-ing-intro {\n display: flex;\n flex-direction: column;\n\n align-items: flex-start;\n justify-content: center;\n\n width: 100%;\n}\n\n\n.abera-ing-title {\n margin: 0 0 15px 0;\n padding: 0;\n\n font-size: 30px;\n line-height: 1.15;\n\n font-weight: 700;\n\n color: #111111;\n\n text-transform: uppercase;\n}\n\n\n.abera-ing-description {\n margin: 0;\n padding: 0;\n\n font-size: 16px;\n line-height: 1.6;\n\n font-weight: 400;\n\n color: #333333;\n}\n\n\n.abera-ing-description strong {\n font-weight: 700;\n\n color: #111111;\n}\n\n\n\/* =========================================================\n FULL INGREDIENTS ACCORDION\n========================================================= *\/\n\n.abera-ing-accordion {\n width: 100%;\n\n margin: 22px 0 0;\n\n border-top: 1px solid #d7d7d7;\n border-bottom: 1px solid #d7d7d7;\n}\n\n\n\/* SUMMARY *\/\n\n.abera-ing-accordion summary {\n position: relative;\n\n display: flex;\n\n align-items: center;\n justify-content: space-between;\n\n width: 100%;\n\n margin: 0;\n padding: 15px 40px 15px 0;\n\n list-style: none;\n\n font-size: 14px;\n line-height: 1.3;\n\n font-weight: 700;\n\n letter-spacing: 0.2px;\n\n color: #111111;\n\n text-transform: uppercase;\n\n cursor: pointer;\n\n user-select: none;\n}\n\n\n\/* REMOVE DEFAULT DETAILS ICON *\/\n\n.abera-ing-accordion summary::-webkit-details-marker {\n display: none;\n}\n\n.abera-ing-accordion summary::marker {\n content: \"\";\n}\n\n\n\/* =========================================================\n DOWN TRIANGLE\n========================================================= *\/\n\n.abera-ing-accordion summary::after {\n content: \"\";\n\n position: absolute;\n\n right: 4px;\n top: 50%;\n\n width: 0;\n height: 0;\n\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-top: 8px solid #111111;\n\n transform:\n translateY(-50%)\n rotate(0deg);\n\n transform-origin: center;\n\n transition:\n transform 0.25s ease;\n}\n\n\n\/* OPEN = TRIANGLE POINTS UP *\/\n\n.abera-ing-accordion[open] summary::after {\n transform:\n translateY(-50%)\n rotate(180deg);\n}\n\n\n\/* =========================================================\n ACCORDION CONTENT\n========================================================= *\/\n\n.abera-ing-accordion-content {\n padding: 2px 0 18px;\n}\n\n\n.abera-ing-accordion-content p {\n margin: 0;\n padding: 0;\n\n font-size: 14px;\n line-height: 1.65;\n\n font-weight: 400;\n\n color: #555555;\n}\n\n\n\/* OPEN ANIMATION *\/\n\n.abera-ing-accordion[open]\n.abera-ing-accordion-content {\n animation: aberaIngredientOpen 0.24s ease;\n}\n\n\n@keyframes aberaIngredientOpen {\n\n from {\n opacity: 0;\n transform: translateY(-5px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n\n}\n\n\n\/* =========================================================\n CAROUSEL\n========================================================= *\/\n\n.abera-ing-carousel {\n position: relative;\n\n width: 100%;\n min-width: 0;\n}\n\n\n.abera-ing-viewport {\n width: 100%;\n\n overflow: hidden;\n}\n\n\n\/* =========================================================\n TRACK\n========================================================= *\/\n\n.abera-ing-track {\n display: flex;\n flex-wrap: nowrap;\n\n gap: 16px;\n\n width: 100%;\n\n margin: 0;\n padding: 0 0 6px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n scroll-behavior: smooth;\n\n scroll-snap-type: x mandatory;\n\n -webkit-overflow-scrolling: touch;\n\n scrollbar-width: none;\n}\n\n\n.abera-ing-track::-webkit-scrollbar {\n display: none;\n}\n\n\n\/* =========================================================\n INGREDIENT CARD\n DESKTOP = 3 CARDS\n========================================================= *\/\n\n.abera-ing-card {\n flex: 0 0 calc((100% - 32px) \/ 3);\n min-width: calc((100% - 32px) \/ 3);\n\n display: flex;\n flex-direction: column;\n\n overflow: hidden;\n\n background: #0d0d0d;\n\n border-radius: 8px;\n\n scroll-snap-align: start;\n scroll-snap-stop: always;\n}\n\n\n\/* =========================================================\n CARD IMAGE\n========================================================= *\/\n\n.abera-ing-image {\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #181818;\n}\n\n\n.abera-ing-image img {\n display: block;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n padding: 0;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n CARD CONTENT\n========================================================= *\/\n\n.abera-ing-card-content {\n display: flex;\n flex-direction: column;\n\n flex: 1;\n\n padding: 16px;\n}\n\n\n.abera-ing-name {\n margin: 0 0 9px 0;\n padding: 0;\n\n font-size: 16px;\n line-height: 1.3;\n\n font-weight: 700;\n\n color: #ffffff;\n\n text-transform: uppercase;\n}\n\n\n.abera-ing-benefit {\n margin: 0;\n padding: 0;\n\n font-size: 14px;\n line-height: 1.55;\n\n font-weight: 400;\n\n color: #d5d5d5;\n}\n\n\n\/* =========================================================\n ARROW STATES\n========================================================= *\/\n\n.abera-ing-arrow-state {\n display: none;\n}\n\n\n\/* DEFAULT *\/\n\n.abera-ing-arrow-state-1 {\n display: block;\n}\n\n\n\/* HIDE DEFAULT IF A CARD IS TARGETED *\/\n\n.abera-ing-carousel:has(.abera-ing-card:target)\n.abera-ing-arrow-state-1 {\n display: none;\n}\n\n\n\/* SHOW CORRECT STATE *\/\n\n.abera-ing-carousel:has(#abera-ing-card-1:target)\n.abera-ing-arrow-state-1 {\n display: block;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-2:target)\n.abera-ing-arrow-state-2 {\n display: block;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-3:target)\n.abera-ing-arrow-state-3 {\n display: block;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-4:target)\n.abera-ing-arrow-state-4 {\n display: block;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-5:target)\n.abera-ing-arrow-state-5 {\n display: block;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-6:target)\n.abera-ing-arrow-state-6 {\n display: block;\n}\n\n\n\/* =========================================================\n CAROUSEL ARROWS\n========================================================= *\/\n\n.abera-ing-arrow {\n position: absolute;\n\n top: 43%;\n\n z-index: 20;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n width: 42px;\n height: 42px;\n\n margin: 0;\n padding: 0;\n\n background: #111111;\n\n border: 1px solid #3a3a3a;\n border-radius: 4px;\n\n color: #ffffff !important;\n\n text-decoration: none !important;\n\n cursor: pointer;\n\n transform: translateY(-50%);\n\n box-shadow:\n 0 3px 12px rgba(0, 0, 0, 0.18);\n\n transition:\n background 0.2s ease,\n opacity 0.2s ease,\n transform 0.2s ease;\n}\n\n\n.abera-ing-arrow:hover {\n background: #2a2a2a;\n\n transform:\n translateY(-50%)\n scale(1.04);\n}\n\n\n.abera-ing-arrow svg {\n display: block;\n\n width: 20px;\n height: 20px;\n}\n\n\n.abera-ing-arrow-prev {\n left: 8px;\n}\n\n\n.abera-ing-arrow-next {\n right: 8px;\n}\n\n\n.abera-ing-arrow-disabled {\n opacity: 0.25;\n\n pointer-events: none;\n\n cursor: default;\n}\n\n\n\/* =========================================================\n DOTS\n========================================================= *\/\n\n.abera-ing-dots {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n gap: 7px;\n\n margin-top: 15px;\n}\n\n\n.abera-ing-dot {\n display: block;\n\n width: 7px;\n height: 7px;\n\n margin: 0;\n padding: 0;\n\n background: #c4c4c4;\n\n border: none;\n border-radius: 20px;\n\n text-decoration: none !important;\n\n transition:\n width 0.25s ease,\n background 0.25s ease;\n}\n\n\n\/* DEFAULT ACTIVE DOT *\/\n\n.abera-ing-dot-1 {\n width: 20px;\n\n background: #111111;\n}\n\n\n\/* RESET ACTIVE *\/\n\n.abera-ing-carousel:has(.abera-ing-card:target)\n.abera-ing-dot {\n width: 7px;\n\n background: #c4c4c4;\n}\n\n\n\/* ACTIVE DOTS *\/\n\n.abera-ing-carousel:has(#abera-ing-card-1:target)\n.abera-ing-dot-1 {\n width: 20px;\n background: #111111;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-2:target)\n.abera-ing-dot-2 {\n width: 20px;\n background: #111111;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-3:target)\n.abera-ing-dot-3 {\n width: 20px;\n background: #111111;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-4:target)\n.abera-ing-dot-4 {\n width: 20px;\n background: #111111;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-5:target)\n.abera-ing-dot-5 {\n width: 20px;\n background: #111111;\n}\n\n.abera-ing-carousel:has(#abera-ing-card-6:target)\n.abera-ing-dot-6 {\n width: 20px;\n background: #111111;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 1050px) {\n\n #abera-key-ingredients {\n padding: 34px 22px;\n }\n\n\n .abera-ing-layout {\n grid-template-columns:\n minmax(220px, 0.34fr)\n minmax(0, 0.66fr);\n\n gap: 28px;\n }\n\n\n .abera-ing-title {\n font-size: 25px;\n }\n\n\n .abera-ing-description {\n font-size: 15px;\n }\n\n\n .abera-ing-accordion summary {\n font-size: 13px;\n }\n\n\n .abera-ing-accordion-content p {\n font-size: 13px;\n }\n\n\n \/* TWO CARDS *\/\n\n .abera-ing-track {\n gap: 12px;\n\n padding-right: 8%;\n }\n\n\n .abera-ing-card {\n flex: 0 0 47%;\n min-width: 47%;\n }\n\n\n .abera-ing-arrow {\n width: 40px;\n height: 40px;\n }\n\n\n .abera-ing-arrow-prev {\n left: 6px;\n }\n\n\n .abera-ing-arrow-next {\n right: 6px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n #abera-key-ingredients {\n width: 100%;\n max-width: none;\n\n margin: 28px 0;\n\n padding: 28px 14px;\n }\n\n\n \/* STACK *\/\n\n .abera-ing-layout {\n display: flex;\n\n flex-direction: column;\n\n gap: 24px;\n\n width: 100%;\n }\n\n\n .abera-ing-intro {\n width: 100%;\n }\n\n\n .abera-ing-title {\n margin-bottom: 12px;\n\n font-size: 24px;\n line-height: 1.2;\n }\n\n\n .abera-ing-description {\n font-size: 15px;\n line-height: 1.55;\n }\n\n\n \/* ACCORDION *\/\n\n .abera-ing-accordion {\n margin-top: 18px;\n }\n\n\n .abera-ing-accordion summary {\n padding: 14px 35px 14px 0;\n\n font-size: 13px;\n }\n\n\n .abera-ing-accordion summary::after {\n right: 3px;\n\n border-left-width: 5px;\n border-right-width: 5px;\n border-top-width: 7px;\n }\n\n\n .abera-ing-accordion-content {\n padding-bottom: 16px;\n }\n\n\n .abera-ing-accordion-content p {\n font-size: 13px;\n line-height: 1.6;\n }\n\n\n \/* ONE CARD + NEXT CARD PEEK *\/\n\n .abera-ing-track {\n gap: 10px;\n\n padding-right: 14%;\n }\n\n\n .abera-ing-card {\n flex: 0 0 86%;\n min-width: 86%;\n }\n\n\n .abera-ing-card-content {\n padding: 15px;\n }\n\n\n .abera-ing-name {\n font-size: 16px;\n }\n\n\n .abera-ing-benefit {\n font-size: 14px;\n }\n\n\n \/* ARROWS *\/\n\n .abera-ing-arrow {\n top: 42%;\n\n width: 36px;\n height: 36px;\n }\n\n\n .abera-ing-arrow svg {\n width: 18px;\n height: 18px;\n }\n\n\n .abera-ing-arrow-prev {\n left: 5px;\n }\n\n\n .abera-ing-arrow-next {\n right: 5px;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-proof-section\"\u003e\u003c!-- =========================================================\n KEY INGREDIENTS\n========================================================= --\u003e\n\u003csection id=\"abera-key-ingredients\"\u003e\n\u003cdiv class=\"abera-ing-layout\"\u003e\n\u003c!-- =====================================================\n LEFT CONTENT\n ====================================================== --\u003e\n\u003cdiv class=\"abera-ing-intro\"\u003e\n\u003ch2 class=\"abera-ing-title\"\u003eWHAT'S INSIDE AND WHY IT WORKS\u003c\/h2\u003e\n\u003cp class=\"abera-ing-description\"\u003eA dermatologist-tested blend of \u003cstrong\u003e science-backed actives and nature-derived ingredients \u003c\/strong\u003e, expertly formulated to support healthier, smoother, and more resilient-looking skin.\u003c\/p\u003e\n\u003c!-- =================================================\n FULL INGREDIENTS DROPDOWN\n ================================================== --\u003e\n\u003cdetails class=\"abera-ing-accordion\"\u003e\n\u003csummary\u003eSEE FULL INGREDIENTS\u003c\/summary\u003e\n\u003cdiv class=\"abera-ing-accordion-content\"\u003e\n\u003cp\u003ePurified Water, Propylene Glycol, Niacinamide, Aloe Barbadensis Leaf Juice Powder, Alcohol, Retinol (and) Hydroxypropyl Cyclodextrin, PEG-40 Hydrogenated Castor Oil, Pentylene Glycol (and) Ganoderma Lucidum (Mushroom) Extract, Centella Asiatica Extract (and) Aspergillus Ferment (and) Butylene Glycol (and) 1,2-Hexanediol (and) Ethyl Hexanediol, Hyaluronic Acid, Dipotassium Glycyrrhizate, Sclerotium Gum, Phenoxyethanol (and) Ethylhexylglycerin, Tocopheryl Acetate, Rosa Damascena Flower Oil, Menthol (and) Menthyl Lactate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n INGREDIENT CAROUSEL\n ====================================================== --\u003e\n\u003cdiv class=\"abera-ing-carousel\"\u003e\n\u003cdiv class=\"abera-ing-viewport\"\u003e\n\u003cdiv class=\"abera-ing-track\"\u003e\n\u003c!-- =================================================\n 1. RETINOL + NIACINAMIDE\n ================================================== --\u003e\n\u003carticle class=\"abera-ing-card\" id=\"abera-ing-card-1\"\u003e\n\u003cdiv class=\"abera-ing-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_37.webp?v=1786674306\" alt=\"Retinol 0.1% and Niacinamide\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-ing-card-content\"\u003e\n\u003ch3 class=\"abera-ing-name\"\u003eRETINOL 0.1% + NIACINAMIDE\u003c\/h3\u003e\n\u003cp class=\"abera-ing-benefit\"\u003eA proven anti-aging duo that helps improve the appearance of fine lines and wrinkles while supporting smoother, firmer and more even-looking skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 2. PANTHENOL\n ================================================== --\u003e\n\u003carticle class=\"abera-ing-card\" id=\"abera-ing-card-2\"\u003e\n\u003cdiv class=\"abera-ing-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_38.webp?v=1786674307\" alt=\"Panthenol Vitamin B5\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-ing-card-content\"\u003e\n\u003ch3 class=\"abera-ing-name\"\u003ePANTHENOL (VITAMIN B5)\u003c\/h3\u003e\n\u003cp class=\"abera-ing-benefit\"\u003eHelps hydrate and soothe the skin while supporting a stronger, more comfortable skin barrier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 3. ALOE\n ================================================== --\u003e\n\u003carticle class=\"abera-ing-card\" id=\"abera-ing-card-3\"\u003e\n\u003cdiv class=\"abera-ing-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/aloe.webp?v=1786674306\" alt=\"Aloe Barbadensis Leaf\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-ing-card-content\"\u003e\n\u003ch3 class=\"abera-ing-name\"\u003eALOE BARBADENSIS LEAF JUICE POWDER\u003c\/h3\u003e\n\u003cp class=\"abera-ing-benefit\"\u003eIt helps to deeply moisturize, quickly soothe sunburned or irritated skin, support the reduction of acne inflammation, stimulate collagen production, and fade dark spots.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 4. REISHI\n ================================================== --\u003e\n\u003carticle class=\"abera-ing-card\" id=\"abera-ing-card-4\"\u003e\n\u003cdiv class=\"abera-ing-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/whiskeydarek_Close-up_of_reishi_mushrooms_growing_on_a_log_996344e7-3303-4ea1-9f54-8c1837c54a68.webp?v=1786674307\" alt=\"Reishi Mushroom Extract\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-ing-card-content\"\u003e\n\u003ch3 class=\"abera-ing-name\"\u003eREISHI MUSHROOM EXTRACT\u003c\/h3\u003e\n\u003cp class=\"abera-ing-benefit\"\u003eHelps soothe the skin and support its defenses against environmental stress for a calmer-looking complexion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 5. ROSA DAMASCENA\n ================================================== --\u003e\n\u003carticle class=\"abera-ing-card\" id=\"abera-ing-card-5\"\u003e\n\u003cdiv class=\"abera-ing-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Rosa_Damascena.webp?v=1786674449\" alt=\"Rosa Damascena Flower Extract\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-ing-card-content\"\u003e\n\u003ch3 class=\"abera-ing-name\"\u003eROSA DAMASCENA FLOWER EXTRACT\u003c\/h3\u003e\n\u003cp class=\"abera-ing-benefit\"\u003eHelps calm, hydrate and refresh the skin while supporting a softer and more comfortable skin feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 6. CENTELLA ASIATICA\n ================================================== --\u003e\n\u003carticle class=\"abera-ing-card\" id=\"abera-ing-card-6\"\u003e\n\u003cdiv class=\"abera-ing-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Artboard_18_4a033c62-5196-4b6a-8b44-8eaadc0a2833.webp?v=1786674306\" alt=\"Centella Asiatica Extract\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-ing-card-content\"\u003e\n\u003ch3 class=\"abera-ing-name\"\u003eCENTELLA ASIATICA EXTRACT\u003c\/h3\u003e\n\u003cp class=\"abera-ing-benefit\"\u003eHelps soothe visible irritation and supports skin recovery for smoother, more resilient-looking skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n ARROW STATE 1\n ====================================================== --\u003e\n\u003cdiv class=\"abera-ing-arrow-state abera-ing-arrow-state-1\"\u003e\n\u003cspan class=\"abera-ing-arrow\n abera-ing-arrow-prev\n abera-ing-arrow-disabled\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M15 5L8 12L15 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e \u003ca href=\"#abera-ing-card-2\" class=\"abera-ing-arrow abera-ing-arrow-next\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M9 5L16 12L9 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- STATE 2 --\u003e\n\u003cdiv class=\"abera-ing-arrow-state abera-ing-arrow-state-2\"\u003e\n\u003ca href=\"#abera-ing-card-1\" class=\"abera-ing-arrow abera-ing-arrow-prev\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M15 5L8 12L15 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e \u003ca href=\"#abera-ing-card-3\" class=\"abera-ing-arrow abera-ing-arrow-next\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M9 5L16 12L9 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- STATE 3 --\u003e\n\u003cdiv class=\"abera-ing-arrow-state abera-ing-arrow-state-3\"\u003e\n\u003ca href=\"#abera-ing-card-2\" class=\"abera-ing-arrow abera-ing-arrow-prev\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M15 5L8 12L15 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e \u003ca href=\"#abera-ing-card-4\" class=\"abera-ing-arrow abera-ing-arrow-next\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M9 5L16 12L9 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- STATE 4 --\u003e\n\u003cdiv class=\"abera-ing-arrow-state abera-ing-arrow-state-4\"\u003e\n\u003ca href=\"#abera-ing-card-3\" class=\"abera-ing-arrow abera-ing-arrow-prev\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M15 5L8 12L15 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e \u003ca href=\"#abera-ing-card-5\" class=\"abera-ing-arrow abera-ing-arrow-next\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M9 5L16 12L9 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- STATE 5 --\u003e\n\u003cdiv class=\"abera-ing-arrow-state abera-ing-arrow-state-5\"\u003e\n\u003ca href=\"#abera-ing-card-4\" class=\"abera-ing-arrow abera-ing-arrow-prev\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M15 5L8 12L15 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e \u003ca href=\"#abera-ing-card-6\" class=\"abera-ing-arrow abera-ing-arrow-next\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M9 5L16 12L9 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- STATE 6 --\u003e\n\u003cdiv class=\"abera-ing-arrow-state abera-ing-arrow-state-6\"\u003e\n\u003ca href=\"#abera-ing-card-5\" class=\"abera-ing-arrow abera-ing-arrow-prev\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M15 5L8 12L15 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/a\u003e \u003cspan class=\"abera-ing-arrow\n abera-ing-arrow-next\n abera-ing-arrow-disabled\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n \u003cpath d=\"M9 5L16 12L9 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n DOTS\n ====================================================== --\u003e\n\u003cdiv class=\"abera-ing-dots\"\u003e\n\u003ca href=\"#abera-ing-card-1\" class=\"abera-ing-dot abera-ing-dot-1\"\u003e \u003c\/a\u003e \u003ca href=\"#abera-ing-card-2\" class=\"abera-ing-dot abera-ing-dot-2\"\u003e \u003c\/a\u003e \u003ca href=\"#abera-ing-card-3\" class=\"abera-ing-dot abera-ing-dot-3\"\u003e \u003c\/a\u003e \u003ca href=\"#abera-ing-card-4\" class=\"abera-ing-dot abera-ing-dot-4\"\u003e \u003c\/a\u003e \u003ca href=\"#abera-ing-card-5\" class=\"abera-ing-dot abera-ing-dot-5\"\u003e \u003c\/a\u003e \u003ca href=\"#abera-ing-card-6\" class=\"abera-ing-dot abera-ing-dot-6\"\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n VIDEO TESTIMONIALS\n========================================================= *\/\n\n.abera-men-video-proof {\n width: 100%;\n margin: 40px 0;\n padding: 42px 28px 44px;\n\n background: #0a0a0a;\n color: #ffffff;\n\n font-family: Arial, Helvetica, sans-serif;\n box-sizing: border-box;\n\n overflow: hidden;\n}\n\n.abera-men-video-proof *,\n.abera-men-video-proof *::before,\n.abera-men-video-proof *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-vp-header {\n width: 100%;\n margin: 0 0 28px;\n}\n\n.abera-vp-title {\n margin: 0;\n padding: 0;\n\n font-size: 38px;\n line-height: 1.08;\n font-weight: 700;\n\n letter-spacing: -0.5px;\n\n text-transform: uppercase;\n\n color: #ffffff !important;\n}\n\n.abera-vp-title-highlight {\n color: #d4c8a9 !important;\n}\n\n\n\/* =========================================================\n DESKTOP TRACK\n 5 VIDEOS \/ 1 ROW\n========================================================= *\/\n\n.abera-vp-viewport {\n width: 100%;\n}\n\n.abera-vp-track {\n display: grid;\n\n grid-template-columns:\n repeat(5, minmax(0, 1fr));\n\n gap: 18px;\n\n width: 100%;\n}\n\n\n\/* =========================================================\n VIDEO ITEM\n========================================================= *\/\n\n.abera-vp-item {\n width: 100%;\n min-width: 0;\n}\n\n\n\/* =========================================================\n VIDEO 9:16\n========================================================= *\/\n\n.abera-vp-video-wrap {\n position: relative;\n\n width: 100%;\n aspect-ratio: 9 \/ 16;\n\n overflow: hidden;\n\n background: #181818;\n\n border-radius: 3px;\n}\n\n.abera-vp-video-wrap video {\n display: block;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n padding: 0;\n\n object-fit: cover;\n object-position: center;\n\n background: #181818;\n}\n\n\n\/* =========================================================\n CUSTOMER INFORMATION\n========================================================= *\/\n\n.abera-vp-info {\n width: 100%;\n padding-top: 13px;\n\n color: #ffffff;\n}\n\n.abera-vp-name {\n margin: 0 0 5px;\n padding: 0;\n\n font-size: 16px;\n line-height: 1.25;\n font-weight: 700;\n\n color: #ffffff !important;\n}\n\n.abera-vp-location {\n margin: 0 0 9px;\n padding: 0;\n\n font-size: 13px;\n line-height: 1.35;\n font-weight: 400;\n\n color: #ffffff !important;\n}\n\n\n\/* =========================================================\n VERIFIED CUSTOMER\n========================================================= *\/\n\n.abera-vp-verified {\n display: inline-flex;\n\n align-items: center;\n\n gap: 5px;\n\n padding: 5px 9px;\n\n background: #1b1b1b;\n\n border: 1px solid #444444;\n border-radius: 20px;\n\n font-size: 10px;\n line-height: 1;\n\n font-weight: 600;\n\n letter-spacing: 0.2px;\n\n color: #ffffff !important;\n\n text-transform: uppercase;\n}\n\n.abera-vp-check {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n width: 14px;\n height: 14px;\n\n min-width: 14px;\n}\n\n.abera-vp-check svg {\n display: block;\n\n width: 14px;\n height: 14px;\n}\n\n\n\/* =========================================================\n DOTS\n DESKTOP = HIDDEN\n========================================================= *\/\n\n.abera-vp-dots {\n display: none;\n}\n\n\n\/* =========================================================\n TABLET\n CAROUSEL\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 1050px) {\n\n .abera-men-video-proof {\n padding: 36px 22px 38px;\n }\n\n\n \/* TITLE *\/\n\n .abera-vp-header {\n margin-bottom: 24px;\n }\n\n .abera-vp-title {\n font-size: 31px;\n }\n\n\n \/* VIEWPORT *\/\n\n .abera-vp-viewport {\n width: 100%;\n\n overflow: hidden;\n }\n\n\n \/* CAROUSEL *\/\n\n .abera-vp-track {\n display: flex;\n\n flex-wrap: nowrap;\n\n grid-template-columns: none;\n\n gap: 16px;\n\n width: 100%;\n\n margin: 0;\n\n \/*\n 8% right padding creates\n a small peek of the next video\n *\/\n padding: 0 8% 6px 0;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n scroll-behavior: smooth;\n\n scroll-snap-type: x mandatory;\n\n -webkit-overflow-scrolling: touch;\n\n scrollbar-width: none;\n }\n\n .abera-vp-track::-webkit-scrollbar {\n display: none;\n }\n\n\n \/* APPROX 2 VIDEOS + NEXT PEEK *\/\n\n .abera-vp-item {\n flex: 0 0 46%;\n min-width: 46%;\n\n scroll-snap-align: start;\n scroll-snap-stop: always;\n }\n\n\n \/* TEXT *\/\n\n .abera-vp-name {\n font-size: 15px;\n\n color: #ffffff !important;\n }\n\n .abera-vp-location {\n font-size: 13px;\n\n color: #ffffff !important;\n }\n\n .abera-vp-verified {\n color: #ffffff !important;\n }\n\n\n \/* DOTS *\/\n\n .abera-vp-dots {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n gap: 7px;\n\n margin-top: 20px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n CAROUSEL\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-men-video-proof {\n width: 100%;\n\n margin: 28px 0;\n\n padding: 28px 14px 30px;\n }\n\n\n \/* TITLE *\/\n\n .abera-vp-header {\n margin-bottom: 20px;\n }\n\n .abera-vp-title {\n font-size: 27px;\n line-height: 1.12;\n\n letter-spacing: -0.3px;\n\n color: #ffffff !important;\n }\n\n\n \/* VIEWPORT *\/\n\n .abera-vp-viewport {\n width: 100%;\n\n overflow: hidden;\n }\n\n\n \/* CAROUSEL *\/\n\n .abera-vp-track {\n display: flex;\n\n flex-wrap: nowrap;\n\n grid-template-columns: none;\n\n gap: 11px;\n\n width: 100%;\n\n margin: 0;\n\n \/*\n Show one large video\n + part of the next video\n *\/\n padding: 0 15% 6px 0;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n scroll-behavior: smooth;\n\n scroll-snap-type: x mandatory;\n\n -webkit-overflow-scrolling: touch;\n\n scrollbar-width: none;\n }\n\n .abera-vp-track::-webkit-scrollbar {\n display: none;\n }\n\n\n \/* 1 VIDEO + NEXT PEEK *\/\n\n .abera-vp-item {\n flex: 0 0 82%;\n min-width: 82%;\n\n scroll-snap-align: start;\n scroll-snap-stop: always;\n }\n\n\n \/* INFO *\/\n\n .abera-vp-info {\n padding-top: 11px;\n }\n\n .abera-vp-name {\n margin-bottom: 4px;\n\n font-size: 15px;\n\n color: #ffffff !important;\n }\n\n .abera-vp-location {\n margin-bottom: 8px;\n\n font-size: 12px;\n\n color: #ffffff !important;\n }\n\n .abera-vp-verified {\n padding: 5px 8px;\n\n font-size: 10px;\n\n color: #ffffff !important;\n }\n\n\n \/* DOTS *\/\n\n .abera-vp-dots {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n gap: 7px;\n\n margin-top: 18px;\n }\n\n}\n\n\n\/* =========================================================\n DOT DESIGN\n TABLET + MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 1050px) {\n\n .abera-vp-dot {\n display: block;\n\n width: 7px;\n height: 7px;\n\n min-width: 7px;\n\n margin: 0;\n padding: 0;\n\n background: #626262;\n\n border: 0;\n border-radius: 50px;\n\n cursor: pointer;\n\n opacity: 0.75;\n\n transition:\n width 0.3s ease,\n background-color 0.3s ease,\n opacity 0.3s ease,\n transform 0.3s ease;\n }\n\n\n \/* ACTIVE DOT *\/\n\n .abera-vp-dot.active {\n width: 24px;\n\n background: #ffffff;\n\n opacity: 1;\n\n transform: scaleY(1.05);\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-men-video-proof\"\u003e\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"abera-vp-header\"\u003e\n\u003ch2 class=\"abera-vp-title\"\u003ePROVEN BY SCIENCE. \u003cspan class=\"abera-vp-title-highlight\"\u003e TRUSTED BY MEN \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n VIDEO CAROUSEL\n ====================================================== --\u003e\n\u003cdiv class=\"abera-vp-viewport\"\u003e\n\u003cdiv class=\"abera-vp-track\"\u003e\n\u003c!-- =================================================\n VIDEO 1\n ================================================== --\u003e\n\u003carticle class=\"abera-vp-item\"\u003e\n\u003cdiv class=\"abera-vp-video-wrap\"\u003e\u003cvideo controls=\"controls\" playsinline=\"\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/nh_6.webp?v=1786518735\"\u003e\n\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/dcaa262210834bd48989cc2e09f196f5.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-vp-info\"\u003e\n\u003ch3 class=\"abera-vp-name\"\u003eJimm P.\u003c\/h3\u003e\n\u003cp class=\"abera-vp-location\"\u003eChicago, IL\u003c\/p\u003e\n\u003cdiv class=\"abera-vp-verified\"\u003e\n\u003cspan class=\"abera-vp-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#ffffff\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#111111\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e VERIFIED CUSTOMER\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n VIDEO 2\n ================================================== --\u003e\n\u003carticle class=\"abera-vp-item\"\u003e\n\u003cdiv class=\"abera-vp-video-wrap\"\u003e\u003cvideo controls=\"controls\" playsinline=\"\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/nh_12.webp?v=1786519464\"\u003e\n\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/927a1422f4944731abc4f77c4cdbcbce.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-vp-info\"\u003e\n\u003ch3 class=\"abera-vp-name\"\u003eMichael G.\u003c\/h3\u003e\n\u003cp class=\"abera-vp-location\"\u003eSeattle, WA\u003c\/p\u003e\n\u003cdiv class=\"abera-vp-verified\"\u003e\n\u003cspan class=\"abera-vp-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#ffffff\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#111111\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e VERIFIED CUSTOMER\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n VIDEO 3\n ================================================== --\u003e\n\u003carticle class=\"abera-vp-item\"\u003e\n\u003cdiv class=\"abera-vp-video-wrap\"\u003e\u003cvideo controls=\"controls\" playsinline=\"\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/nh_7_8e7b5a9c-3975-4ebf-a18e-870f85bc81fe.webp?v=1786518939\"\u003e\n\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/38eb8117ffd84eefbc307143a65cdee6.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-vp-info\"\u003e\n\u003ch3 class=\"abera-vp-name\"\u003eFrank L.\u003c\/h3\u003e\n\u003cp class=\"abera-vp-location\"\u003eDenver, CO\u003c\/p\u003e\n\u003cdiv class=\"abera-vp-verified\"\u003e\n\u003cspan class=\"abera-vp-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#ffffff\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#111111\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e VERIFIED CUSTOMER\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n VIDEO 4\n ================================================== --\u003e\n\u003carticle class=\"abera-vp-item\"\u003e\n\u003cdiv class=\"abera-vp-video-wrap\"\u003e\u003cvideo controls=\"controls\" playsinline=\"\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/nh_9_80a97c49-60bf-46ee-ba68-c758726e016b.webp?v=1786519128\"\u003e\n\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d5b459198220458786c5431aad00e243.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-vp-info\"\u003e\n\u003ch3 class=\"abera-vp-name\"\u003eBrian\u003c\/h3\u003e\n\u003cp class=\"abera-vp-location\"\u003eAtlanta, GA\u003c\/p\u003e\n\u003cdiv class=\"abera-vp-verified\"\u003e\n\u003cspan class=\"abera-vp-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#ffffff\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#111111\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e VERIFIED CUSTOMER\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n VIDEO 5\n ================================================== --\u003e\n\u003carticle class=\"abera-vp-item\"\u003e\n\u003cdiv class=\"abera-vp-video-wrap\"\u003e\u003cvideo controls=\"controls\" playsinline=\"\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/nh_11.webp?v=1786519299\"\u003e\n\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/64a42187b2264a9eb5d902b8976b9a4b.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-vp-info\"\u003e\n\u003ch3 class=\"abera-vp-name\"\u003eJayden M.\u003c\/h3\u003e\n\u003cp class=\"abera-vp-location\"\u003eDallas, TX\u003c\/p\u003e\n\u003cdiv class=\"abera-vp-verified\"\u003e\n\u003cspan class=\"abera-vp-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#ffffff\"\u003e\n \u003c\/circle\u003e\n\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#111111\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n\n \u003c\/svg\u003e \u003c\/span\u003e VERIFIED CUSTOMER\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n TABLET + MOBILE DOTS\n ====================================================== --\u003e\n\u003cdiv class=\"abera-vp-dots\"\u003e\n\u003cbutton class=\"abera-vp-dot active\" type=\"button\"\u003e \u003c\/button\u003e \u003cbutton class=\"abera-vp-dot\" type=\"button\"\u003e \u003c\/button\u003e \u003cbutton class=\"abera-vp-dot\" type=\"button\"\u003e \u003c\/button\u003e \u003cbutton class=\"abera-vp-dot\" type=\"button\"\u003e \u003c\/button\u003e \u003cbutton class=\"abera-vp-dot\" type=\"button\"\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n 8-WEEK SKIN IMPROVEMENT JOURNEY\n========================================================= *\/\n\n.abera-progress-section {\n width: 100%;\n margin: 40px 0;\n padding: 42px 28px;\n\n background: #ffffff;\n color: #111111;\n\n font-family: Arial, Helvetica, sans-serif;\n\n box-sizing: border-box;\n}\n\n.abera-progress-section *,\n.abera-progress-section *::before,\n.abera-progress-section *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-progress-header {\n display: grid;\n\n grid-template-columns:\n minmax(0, 1fr)\n auto;\n\n gap: 40px;\n\n width: 100%;\n\n margin-bottom: 30px;\n\n align-items: center;\n}\n\n\n\/* =========================================================\n HEADER LEFT\n========================================================= *\/\n\n.abera-progress-header-left {\n width: 100%;\n}\n\n\n.abera-progress-main-title {\n margin: 0;\n padding: 0;\n\n max-width: 760px;\n\n font-size: 30px;\n line-height: 1.18;\n\n font-weight: 700;\n\n letter-spacing: -0.3px;\n\n text-transform: uppercase;\n\n color: #111111;\n}\n\n\n\/* =========================================================\n EXPERT AREA\n========================================================= *\/\n\n.abera-progress-experts {\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n min-width: 260px;\n}\n\n\n\/* EXPERT IMAGES *\/\n\n.abera-progress-expert-images {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n padding-left: 16px;\n}\n\n\n\/* EACH CIRCLE *\/\n\n.abera-progress-expert {\n position: relative;\n\n width: 88px;\n height: 88px;\n\n flex: 0 0 88px;\n\n margin-left: -16px;\n\n overflow: hidden;\n\n border: 3px solid #ffffff;\n border-radius: 50%;\n\n background: #f3f3f3;\n\n box-shadow:\n 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n\n\n.abera-progress-expert:first-child {\n margin-left: 0;\n}\n\n\n.abera-progress-expert img {\n display: block;\n\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n EXPERT SUBTITLE\n========================================================= *\/\n\n.abera-progress-tested {\n margin: 10px 0 0;\n padding: 0;\n\n font-size: 13px;\n line-height: 1.35;\n\n font-weight: 500;\n\n letter-spacing: 0.2px;\n\n color: #9a9a9a;\n\n text-align: center;\n}\n\n\n\/* =========================================================\n GRID\n========================================================= *\/\n\n.abera-progress-grid {\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 20px;\n\n width: 100%;\n\n align-items: start;\n}\n\n\n\/* =========================================================\n CARD\n========================================================= *\/\n\n.abera-progress-card {\n width: 100%;\n min-width: 0;\n}\n\n\n\/* =========================================================\n IMAGE WRAPPER\n========================================================= *\/\n\n.abera-progress-image {\n position: relative;\n\n width: 100%;\n max-width: 300px;\n\n aspect-ratio: 3 \/ 5;\n\n margin: 0 auto 14px;\n\n overflow: hidden;\n\n background: #f3f3f3;\n\n border-radius: 8px;\n}\n\n\n.abera-progress-image img {\n display: block;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n padding: 0;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n WEEK TAG\n OVER IMAGE - TOP LEFT\n========================================================= *\/\n\n.abera-week-label {\n position: absolute;\n\n top: 10px;\n left: 10px;\n\n z-index: 3;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n margin: 0;\n padding: 7px 12px;\n\n background: #111111;\n\n border: 1px solid rgba(255,255,255,0.25);\n border-radius: 5px;\n\n box-shadow:\n 0 2px 7px rgba(0,0,0,0.16);\n\n font-size: 12px;\n line-height: 1;\n\n font-weight: 700;\n\n letter-spacing: 0.2px;\n\n color: #ffffff;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n WEEK TITLE\n========================================================= *\/\n\n.abera-progress-small-title {\n margin: 0 0 9px 0;\n padding: 0;\n\n font-size: 16px;\n line-height: 1.35;\n\n font-weight: 700;\n\n color: #111111;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n DESCRIPTION\n========================================================= *\/\n\n.abera-progress-text {\n margin: 0;\n padding: 0;\n\n font-size: 14px;\n line-height: 1.6;\n\n font-weight: 400;\n\n color: #444444;\n}\n\n\n\/* =========================================================\n DISCLAIMER\n========================================================= *\/\n\n.abera-progress-disclaimer {\n max-width: 900px;\n\n margin: 28px auto 0;\n padding: 15px 18px;\n\n background: #f6f6f6;\n\n border-radius: 7px;\n\n font-size: 12px;\n line-height: 1.55;\n\n font-weight: 400;\n\n text-align: center;\n\n color: #666666;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 1050px) {\n\n .abera-progress-section {\n padding: 36px 22px;\n }\n\n\n \/* HEADER *\/\n\n .abera-progress-header {\n gap: 28px;\n\n margin-bottom: 27px;\n }\n\n\n .abera-progress-main-title {\n font-size: 25px;\n line-height: 1.2;\n }\n\n\n .abera-progress-experts {\n min-width: 220px;\n }\n\n\n .abera-progress-expert {\n width: 72px;\n height: 72px;\n\n flex-basis: 72px;\n\n margin-left: -13px;\n }\n\n\n .abera-progress-tested {\n margin-top: 8px;\n\n font-size: 12px;\n }\n\n\n \/* GRID 2 x 2 *\/\n\n .abera-progress-grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 28px 22px;\n }\n\n\n .abera-progress-image {\n width: 100%;\n max-width: 300px;\n\n aspect-ratio: 3 \/ 5;\n }\n\n\n .abera-progress-small-title {\n font-size: 16px;\n }\n\n\n .abera-progress-text {\n font-size: 14px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-progress-section {\n width: 100%;\n\n margin: 28px 0;\n\n padding: 28px 14px;\n }\n\n\n \/* HEADER STACK *\/\n\n .abera-progress-header {\n display: flex;\n\n flex-direction: column;\n\n align-items: flex-start;\n\n gap: 17px;\n\n margin-bottom: 24px;\n }\n\n\n .abera-progress-header-left {\n width: 100%;\n }\n\n\n .abera-progress-main-title {\n max-width: 100%;\n\n font-size: 23px;\n line-height: 1.24;\n\n letter-spacing: -0.2px;\n }\n\n\n \/* EXPERTS *\/\n\n .abera-progress-experts {\n width: 100%;\n\n min-width: 0;\n\n align-items: center;\n }\n\n\n .abera-progress-expert-images {\n padding-left: 13px;\n }\n\n\n .abera-progress-expert {\n width: 66px;\n height: 66px;\n\n flex: 0 0 66px;\n\n margin-left: -13px;\n\n border-width: 2px;\n }\n\n\n .abera-progress-expert:first-child {\n margin-left: 0;\n }\n\n\n .abera-progress-tested {\n margin-top: 8px;\n\n font-size: 11px;\n }\n\n\n \/* =====================================================\n GRID 2 x 2\n ====================================================== *\/\n\n .abera-progress-grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 24px 12px;\n }\n\n\n .abera-progress-image {\n width: 100%;\n\n max-width: 300px;\n\n aspect-ratio: 3 \/ 5;\n\n margin-bottom: 11px;\n\n border-radius: 6px;\n }\n\n\n \/* WEEK TAG *\/\n\n .abera-week-label {\n top: 7px;\n left: 7px;\n\n padding: 6px 8px;\n\n font-size: 10px;\n\n border-radius: 4px;\n }\n\n\n \/* TEXT *\/\n\n .abera-progress-small-title {\n margin-bottom: 7px;\n\n font-size: 13px;\n line-height: 1.35;\n }\n\n\n .abera-progress-text {\n font-size: 12px;\n line-height: 1.55;\n }\n\n\n .abera-progress-disclaimer {\n margin-top: 24px;\n\n padding: 13px 12px;\n\n font-size: 11px;\n line-height: 1.5;\n }\n\n}\n\n\n\/* =========================================================\n VERY SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 390px) {\n\n .abera-progress-main-title {\n font-size: 21px;\n }\n\n\n .abera-progress-expert {\n width: 59px;\n height: 59px;\n\n flex-basis: 59px;\n }\n\n\n .abera-progress-grid {\n gap: 22px 9px;\n }\n\n\n .abera-progress-small-title {\n font-size: 12px;\n }\n\n\n .abera-progress-text {\n font-size: 11.5px;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-progress-section\"\u003e\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"abera-progress-header\"\u003e\n\u003c!-- LEFT TITLE --\u003e\n\u003cdiv class=\"abera-progress-header-left\"\u003e\n\u003ch2 class=\"abera-progress-main-title\"\u003eYOUR 8-WEEK RETINOL JOURNEY\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- RIGHT EXPERTS --\u003e\n\u003cdiv class=\"abera-progress-experts\"\u003e\n\u003cdiv class=\"abera-progress-expert-images\"\u003e\n\u003c!-- EXPERT 1 --\u003e\n\u003cdiv class=\"abera-progress-expert\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_40.webp?v=1786692865\" alt=\"Dermatology expert\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- EXPERT 2 --\u003e\n\u003cdiv class=\"abera-progress-expert\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_41.webp?v=1786692865\" alt=\"Dermatology expert\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- EXPERT 3 --\u003e\n\u003cdiv class=\"abera-progress-expert\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_39.webp?v=1786692864\" alt=\"Dermatology expert\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"abera-progress-tested\"\u003eDermatologically Tested\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n 8 WEEK JOURNEY\n ====================================================== --\u003e\n\u003cdiv class=\"abera-progress-grid\"\u003e\n\u003c!-- =================================================\n WEEK 1\n ================================================== --\u003e\n\u003carticle class=\"abera-progress-card\"\u003e\n\u003cdiv class=\"abera-progress-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/13_34bb2528-4bd9-41d9-832f-401ad4e50f97.webp?v=1786525153\" alt=\"ABERA MEN Retinol Serum Week 1 skin improvement\" loading=\"lazy\"\u003e \u003cspan class=\"abera-week-label\"\u003e WEEK 1 \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"abera-progress-small-title\"\u003eHYDRATED \u0026amp; COMFORTABLE SKIN\u003c\/h3\u003e\n\u003cp class=\"abera-progress-text\"\u003eSkin begins to feel more hydrated, soft, and comfortable. Dryness and visible flaking may start to improve, helping the skin look smoother and less rough.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n WEEK 3\n ================================================== --\u003e\n\u003carticle class=\"abera-progress-card\"\u003e\n\u003cdiv class=\"abera-progress-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/14_016f6dbf-5aef-41a3-bac9-a662731194e6.webp?v=1786525397\" alt=\"ABERA MEN Retinol Serum Week 3 skin improvement\" loading=\"lazy\"\u003e \u003cspan class=\"abera-week-label\"\u003e WEEK 3 \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"abera-progress-small-title\"\u003eSMOOTHER-LOOKING FINE LINES\u003c\/h3\u003e\n\u003cp class=\"abera-progress-text\"\u003eAs skin becomes better hydrated, fine lines caused by dryness may appear less noticeable, especially around the forehead and eye area.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n WEEK 6\n ================================================== --\u003e\n\u003carticle class=\"abera-progress-card\"\u003e\n\u003cdiv class=\"abera-progress-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/15_7314731c-1944-44cd-8a9d-c6ec68d639b0.webp?v=1786525349\" alt=\"ABERA MEN Retinol Serum Week 6 skin improvement\" loading=\"lazy\"\u003e \u003cspan class=\"abera-week-label\"\u003e WEEK 6 \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"abera-progress-small-title\"\u003eMORE EVEN \u0026amp; CLEARER-LOOKING SKIN\u003c\/h3\u003e\n\u003cp class=\"abera-progress-text\"\u003eSkin tone starts to look more even and refined. The appearance of post-acne dark spots and uneven pigmentation may gradually fade, while the skin continues to feel hydrated and smoother.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n WEEK 8\n ================================================== --\u003e\n\u003carticle class=\"abera-progress-card\"\u003e\n\u003cdiv class=\"abera-progress-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/16_bc58139d-1716-4de1-b28d-045dad5b5e21.webp?v=1786525439\" alt=\"ABERA MEN Retinol Serum Week 8 skin improvement\" loading=\"lazy\"\u003e \u003cspan class=\"abera-week-label\"\u003e WEEK 8 \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"abera-progress-small-title\"\u003eFIRMER, SMOOTHER \u0026amp; YOUNGER-LOOKING SKIN\u003c\/h3\u003e\n\u003cp class=\"abera-progress-text\"\u003eSkin feels smoother, more resilient, and well hydrated, creating an overall healthier and more youthful-looking appearance.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n DISCLAIMER\n ====================================================== --\u003e\n\u003cp class=\"abera-progress-disclaimer\"\u003eResults may vary depending on skin type, age, lifestyle, and consistency of use. For retinol beginners, introduce gradually and use sunscreen during the daytime.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN\n FACE + BODY DUO\n========================================================= *\/\n\n.abera-duo-section {\n width: 100%;\n max-width: none;\n\n margin: 40px 0;\n padding: 44px 28px;\n\n background: #ffffff;\n color: #111111;\n\n font-family: Arial, Helvetica, sans-serif;\n box-sizing: border-box;\n}\n\n.abera-duo-section *,\n.abera-duo-section *::before,\n.abera-duo-section *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n MAIN LAYOUT\n========================================================= *\/\n\n.abera-duo-layout {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n\n gap: 44px;\n\n width: 100%;\n\n align-items: center;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.abera-duo-image {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #f4f4f4;\n\n border-radius: 10px;\n}\n\n.abera-duo-image img {\n display: block;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n padding: 0;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n CONTENT\n========================================================= *\/\n\n.abera-duo-content {\n width: 100%;\n}\n\n\n\/* SMALL LABEL *\/\n\n.abera-duo-eyebrow {\n margin: 0 0 9px 0;\n padding: 0;\n\n font-size: 12px;\n line-height: 1.3;\n\n font-weight: 700;\n\n letter-spacing: 1.4px;\n\n color: #777777;\n\n text-transform: uppercase;\n}\n\n\n\/* MAIN TITLE *\/\n\n.abera-duo-title {\n margin: 0 0 15px 0;\n padding: 0;\n\n font-size: 32px;\n line-height: 1.15;\n\n font-weight: 700;\n\n letter-spacing: -0.4px;\n\n color: #111111;\n\n text-transform: uppercase;\n}\n\n\n\/* INTRO *\/\n\n.abera-duo-intro {\n max-width: 680px;\n\n margin: 0 0 28px 0;\n padding: 0;\n\n font-size: 15px;\n line-height: 1.6;\n\n font-weight: 400;\n\n color: #555555;\n}\n\n\n\/* =========================================================\n BENEFIT GRID\n========================================================= *\/\n\n.abera-duo-benefit-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n\n gap: 30px;\n\n width: 100%;\n}\n\n.abera-duo-product {\n width: 100%;\n min-width: 0;\n}\n\n\n\/* PRODUCT TITLE *\/\n\n.abera-duo-product-title {\n margin: 0 0 15px 0;\n padding: 0 0 10px 0;\n\n font-size: 17px;\n line-height: 1.3;\n\n font-weight: 700;\n\n color: #111111;\n\n border-bottom: 1px solid #dddddd;\n}\n\n\n\/* =========================================================\n REMOVE DEFAULT SHOPIFY BULLETS\n========================================================= *\/\n\n.abera-duo-section ul,\n.abera-duo-section li {\n list-style: none !important;\n}\n\n.abera-duo-list {\n display: flex;\n flex-direction: column;\n\n gap: 11px;\n\n margin: 0 !important;\n padding: 0 !important;\n\n list-style: none !important;\n}\n\n.abera-duo-list li {\n margin: 0 !important;\n padding: 0 !important;\n\n list-style: none !important;\n}\n\n.abera-duo-list li::marker {\n content: \"\" !important;\n display: none !important;\n}\n\n.abera-duo-list li::before {\n content: none !important;\n display: none !important;\n}\n\n\n\/* =========================================================\n BENEFIT ITEM\n========================================================= *\/\n\n.abera-duo-item {\n display: flex !important;\n\n align-items: flex-start;\n\n gap: 9px;\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n font-size: 14px;\n line-height: 1.45;\n\n font-weight: 400;\n\n color: #222222;\n}\n\n\n\/* =========================================================\n CHECK ICON\n========================================================= *\/\n\n.abera-duo-check {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n width: 18px;\n height: 18px;\n\n min-width: 18px;\n\n margin-top: 1px;\n}\n\n.abera-duo-check svg {\n display: block;\n\n width: 18px;\n height: 18px;\n}\n\n\n\/* =========================================================\n SHOP BUTTON\n========================================================= *\/\n\n.abera-duo-shop-wrap {\n width: 100%;\n\n margin-top: 30px;\n}\n\n.abera-duo-shop-btn {\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n min-width: 245px;\n\n padding: 15px 26px;\n\n background: #111111;\n color: #ffffff !important;\n\n border: 1px solid #111111;\n border-radius: 6px;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 700;\n\n letter-spacing: 0.3px;\n\n text-decoration: none !important;\n text-transform: uppercase;\n\n cursor: pointer;\n\n transition:\n background 0.2s ease,\n color 0.2s ease,\n transform 0.2s ease;\n}\n\n.abera-duo-shop-btn:hover {\n background: #ffffff;\n\n color: #111111 !important;\n\n transform: translateY(-1px);\n}\n\n\n\/* =========================================================\n VARIANT SCROLL\n========================================================= *\/\n\nhtml {\n scroll-behavior: smooth;\n}\n\n#abera-product-variant {\n scroll-margin-top: 110px;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 1050px) {\n\n .abera-duo-section {\n padding: 36px 22px;\n }\n\n .abera-duo-layout {\n grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\n\n gap: 30px;\n }\n\n .abera-duo-title {\n font-size: 27px;\n }\n\n .abera-duo-intro {\n margin-bottom: 23px;\n\n font-size: 14px;\n }\n\n .abera-duo-benefit-grid {\n gap: 20px;\n }\n\n .abera-duo-product-title {\n font-size: 15px;\n }\n\n .abera-duo-item {\n font-size: 13px;\n }\n\n .abera-duo-shop-wrap {\n margin-top: 26px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-duo-section {\n width: 100%;\n max-width: none;\n\n margin: 28px 0;\n padding: 28px 14px;\n }\n\n\n \/* IMAGE TOP *\/\n\n .abera-duo-layout {\n display: flex;\n flex-direction: column;\n\n gap: 24px;\n\n width: 100%;\n }\n\n .abera-duo-image {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n\n border-radius: 8px;\n }\n\n\n \/* CONTENT *\/\n\n .abera-duo-eyebrow {\n margin-bottom: 7px;\n\n font-size: 10px;\n }\n\n .abera-duo-title {\n margin-bottom: 12px;\n\n font-size: 25px;\n line-height: 1.18;\n }\n\n .abera-duo-intro {\n margin-bottom: 22px;\n\n font-size: 14px;\n line-height: 1.55;\n }\n\n\n \/* STACK BENEFIT COLUMNS *\/\n\n .abera-duo-benefit-grid {\n grid-template-columns: 1fr;\n\n gap: 24px;\n }\n\n .abera-duo-product-title {\n margin-bottom: 13px;\n\n font-size: 16px;\n }\n\n .abera-duo-list {\n gap: 10px;\n }\n\n .abera-duo-item {\n font-size: 14px;\n line-height: 1.45;\n }\n\n\n \/* BUTTON *\/\n\n .abera-duo-shop-wrap {\n margin-top: 24px;\n }\n\n .abera-duo-shop-btn {\n width: 100%;\n min-width: 0;\n\n padding: 15px 18px;\n\n font-size: 13px;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-proof-section\"\u003e\n\u003csection class=\"abera-duo-section\"\u003e\n\u003cdiv class=\"abera-duo-layout\"\u003e\n\u003c!-- =====================================================\n IMAGE\n ====================================================== --\u003e\n\u003cdiv class=\"abera-duo-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_43.webp?v=1786758238\" alt=\"ABERA MEN Face and Body Duo with Retinol Serum and Acne Body Wash\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n CONTENT\n ====================================================== --\u003e\n\u003cdiv class=\"abera-duo-content\"\u003e\n\u003cp class=\"abera-duo-eyebrow\"\u003eCOMPLETE MEN'S SKIN ROUTINE\u003c\/p\u003e\n\u003ch2 class=\"abera-duo-title\"\u003eABERA MEN FACE + BODY DUO\u003c\/h2\u003e\n\u003cp class=\"abera-duo-intro\"\u003eA simple two-step routine designed to care for both your face and body — combining targeted anti-aging skincare with daily body cleansing for clearer, smoother, and healthier-looking skin.\u003c\/p\u003e\n\u003c!-- =================================================\n BENEFITS\n ================================================== --\u003e\n\u003cdiv class=\"abera-duo-benefit-grid\"\u003e\n\u003c!-- =================================================\n RETINOL SERUM\n ================================================== --\u003e\n\u003cdiv class=\"abera-duo-product\"\u003e\n\u003ch3 class=\"abera-duo-product-title\"\u003eRETINOL SERUM\u003c\/h3\u003e\n\u003cul class=\"abera-duo-list\"\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Fortifies and Moisturizes \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Targets Dark Circles \u0026amp; Eye Bags \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Deeply Nourishes \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Soothes Skin After Shaving \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Smooths Fine Lines \u0026amp; Wrinkles \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Fades Dark Spots \u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n ACNE BODY WASH\n ================================================== --\u003e\n\u003cdiv class=\"abera-duo-product\"\u003e\n\u003ch3 class=\"abera-duo-product-title\"\u003eACNE BODY WASH\u003c\/h3\u003e\n\u003cul class=\"abera-duo-list\"\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Helps Reduce Body Acne \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Helps Control Excess Sebum \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Deeply Cleanses Pores \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Helps Reduce Clogged Pores \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Helps Brighten the Skin \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"abera-duo-item\"\u003e\n\u003cspan class=\"abera-duo-check\"\u003e \u003csvg viewbox=\"0 0 20 20\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#111111\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5.8 10.1L8.6 12.9L14.3 7.2\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e Does Not Dry Out the Skin \u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n SHOP BUTTON\n ================================================== --\u003e\n\u003cdiv class=\"abera-duo-shop-wrap\"\u003e\u003ca href=\"#abera-product-variant\" class=\"abera-duo-shop-btn\"\u003e SHOP FACE + BODY DUO \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n QUALITY \u0026 SAFETY CERTIFICATIONS\n COMPACT VERSION\n========================================================= *\/\n\n.abera-cert-section {\n width: 100%;\n max-width: none;\n\n margin: 36px 0;\n padding: 38px 28px;\n\n background: #090909;\n color: #ffffff;\n\n font-family: Arial, Helvetica, sans-serif;\n\n box-sizing: border-box;\n}\n\n.abera-cert-section *,\n.abera-cert-section *::before,\n.abera-cert-section *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-cert-header {\n width: 100%;\n\n margin: 0 auto 26px;\n\n text-align: center;\n}\n\n\n\/* SMALL LABEL *\/\n\n.abera-cert-eyebrow {\n margin: 0 0 8px 0;\n padding: 0;\n\n font-size: 11px;\n line-height: 1.3;\n\n font-weight: 700;\n\n letter-spacing: 1.3px;\n\n text-transform: uppercase;\n\n color: #bdbdbd;\n}\n\n\n\/* MAIN TITLE *\/\n\n.abera-cert-title {\n margin: 0 0 10px 0;\n padding: 0;\n\n font-size: 28px;\n line-height: 1.15;\n\n font-weight: 700;\n\n letter-spacing: -0.3px;\n\n color: #ffffff;\n}\n\n\n\/* SUBTITLE *\/\n\n.abera-cert-subtitle {\n max-width: 720px;\n\n margin: 0 auto;\n padding: 0;\n\n font-size: 14px;\n line-height: 1.5;\n\n font-weight: 400;\n\n color: #bdbdbd;\n}\n\n\n\/* =========================================================\n CERTIFICATE GRID\n========================================================= *\/\n\n.abera-cert-grid {\n display: grid;\n\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 18px;\n\n width: 100%;\n max-width: 920px;\n\n margin: 0 auto;\n}\n\n\n\/* =========================================================\n CARD\n========================================================= *\/\n\n.abera-cert-card {\n display: flex;\n flex-direction: column;\n\n width: 100%;\n min-width: 0;\n\n overflow: hidden;\n\n background: #111111;\n\n border: 1px solid #2e2e2e;\n border-radius: 10px;\n\n box-shadow:\n 0 6px 22px rgba(0, 0, 0, 0.22);\n}\n\n\n\/* =========================================================\n CERTIFICATE IMAGE\n========================================================= *\/\n\n.abera-cert-image {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n width: 100%;\n height: 460px;\n\n overflow: hidden;\n\n background: #f4f4f0;\n}\n\n\n.abera-cert-image img {\n display: block;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n padding: 0;\n\n object-fit: contain;\n object-position: center;\n}\n\n\n\/* =========================================================\n CARD FOOTER\n========================================================= *\/\n\n.abera-cert-content {\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n min-height: 60px;\n\n padding: 12px 14px;\n\n background: #111111;\n\n border-top: 1px solid #2e2e2e;\n}\n\n\n\/* CARD TITLE *\/\n\n.abera-cert-card-title {\n margin: 0;\n padding: 0;\n\n font-size: 14px;\n line-height: 1.35;\n\n font-weight: 700;\n\n text-align: center;\n\n color: #ffffff;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 1050px) {\n\n .abera-cert-section {\n margin: 32px 0;\n\n padding: 34px 20px;\n }\n\n\n .abera-cert-header {\n margin-bottom: 23px;\n }\n\n\n .abera-cert-title {\n font-size: 25px;\n }\n\n\n .abera-cert-subtitle {\n max-width: 650px;\n\n font-size: 13px;\n }\n\n\n .abera-cert-grid {\n max-width: 760px;\n\n gap: 15px;\n }\n\n\n .abera-cert-image {\n height: 390px;\n }\n\n\n .abera-cert-content {\n min-height: 56px;\n\n padding: 11px 12px;\n }\n\n\n .abera-cert-card-title {\n font-size: 13px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-cert-section {\n width: 100%;\n max-width: none;\n\n margin: 28px 0;\n\n padding: 28px 14px;\n }\n\n\n \/* HEADER *\/\n\n .abera-cert-header {\n margin-bottom: 20px;\n\n text-align: left;\n }\n\n\n .abera-cert-eyebrow {\n margin-bottom: 7px;\n\n font-size: 10px;\n\n letter-spacing: 1.1px;\n }\n\n\n .abera-cert-title {\n margin-bottom: 9px;\n\n font-size: 23px;\n line-height: 1.18;\n }\n\n\n .abera-cert-subtitle {\n max-width: 100%;\n\n margin: 0;\n\n font-size: 13px;\n line-height: 1.5;\n }\n\n\n \/* ONE CARD PER ROW *\/\n\n .abera-cert-grid {\n grid-template-columns: 1fr;\n\n gap: 16px;\n\n width: 100%;\n max-width: 420px;\n\n margin: 0 auto;\n }\n\n\n .abera-cert-card {\n border-radius: 8px;\n }\n\n\n \/* IMAGE *\/\n\n .abera-cert-image {\n width: 100%;\n height: auto;\n\n aspect-ratio: 4 \/ 5;\n }\n\n\n .abera-cert-image img {\n width: 100%;\n height: 100%;\n\n object-fit: contain;\n }\n\n\n \/* FOOTER *\/\n\n .abera-cert-content {\n min-height: 54px;\n\n padding: 11px 12px;\n }\n\n\n .abera-cert-card-title {\n font-size: 13px;\n }\n\n}\n\n\n\/* =========================================================\n SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 390px) {\n\n .abera-cert-section {\n padding: 25px 12px;\n }\n\n\n .abera-cert-title {\n font-size: 21px;\n }\n\n\n .abera-cert-subtitle {\n font-size: 12px;\n }\n\n\n .abera-cert-grid {\n gap: 14px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003c!-- =========================================================\n QUALITY \u0026 SAFETY CERTIFICATIONS\n========================================================= --\u003e\n\n\u003csection class=\"abera-cert-section\"\u003e\n\n\n \u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-cert-header\"\u003e\n\n\n \u003cp class=\"abera-cert-eyebrow\"\u003e\n QUALITY \u0026amp; SAFETY DOCUMENTATION\n \u003c\/p\u003e\n\n\n \u003ch2 class=\"abera-cert-title\"\u003e\n GLOBAL QUALITY \u0026amp; SAFETY CERTIFICATIONS.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"abera-cert-subtitle\"\u003e\n Supporting product and manufacturing documentation,\n displayed clearly for greater transparency.\n \u003c\/p\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n CERTIFICATE GRID\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-cert-grid\"\u003e\n\n\n \u003c!-- =================================================\n CERTIFICATE 1\n ================================================== --\u003e\n\n \u003carticle class=\"abera-cert-card\"\u003e\n\n\n \u003cdiv class=\"abera-cert-image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA_2.jpg?v=1786441227\" alt=\"Product and safety documentation certificate\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-cert-content\"\u003e\n\n \u003ch3 class=\"abera-cert-card-title\"\u003e\n Product \u0026amp; Safety Documentation\n \u003c\/h3\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n CERTIFICATE 2\n ================================================== --\u003e\n\n \u003carticle class=\"abera-cert-card\"\u003e\n\n\n \u003cdiv class=\"abera-cert-image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA.jpg?v=1786441226\" alt=\"Manufacturing and quality standards certificate\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-cert-content\"\u003e\n\n \u003ch3 class=\"abera-cert-card-title\"\u003e\n Manufacturing \u0026amp; Quality Standards\n \u003c\/h3\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n \u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL - FINAL MESSAGE SECTION\n========================================================= *\/\n\n.abera-final-message {\n width: 100%;\n padding: 90px 20px;\n background: #ffffff;\n color: #111111;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.abera-final-message *,\n.abera-final-message *::before,\n.abera-final-message *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n CONTAINER\n========================================================= *\/\n\n.abera-final-message__container {\n width: 100%;\n max-width: 1180px;\n margin: 0 auto;\n}\n\n\n\/* =========================================================\n CONTENT\n========================================================= *\/\n\n.abera-final-message__content {\n max-width: 1050px;\n margin: 0 auto;\n text-align: center;\n}\n\n\n\/* =========================================================\n EYEBROW\n========================================================= *\/\n\n.abera-final-message__eyebrow {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n\n margin-bottom: 28px;\n\n color: #111111;\n\n font-size: 11px;\n line-height: 100%;\n font-weight: 600;\n\n letter-spacing: 2.3px;\n text-transform: uppercase;\n}\n\n.abera-final-message__eyebrow::before {\n content: \"\";\n\n width: 30px;\n height: 2px;\n\n background: #111111;\n}\n\n\n\/* =========================================================\n MAIN TITLE\n========================================================= *\/\n\n.abera-final-message__title {\n max-width: none;\n margin: 0 auto;\n\n color: #111111;\n\n font-size: clamp(40px, 6vw, 70px);\n\n line-height: 100%;\n\n font-weight: 700;\n\n letter-spacing: 1px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n DESCRIPTION\n========================================================= *\/\n\n.abera-final-message__description {\n max-width: 710px;\n\n margin: 30px auto 0;\n\n color: #686868;\n\n font-size: 17px;\n\n \/* ĐỘ DÃN HÀNG 100% *\/\n line-height: 100%;\n\n font-weight: 400;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-final-message {\n padding: 75px 24px;\n }\n\n .abera-final-message__title {\n font-size: 57px;\n letter-spacing: -2.8px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-final-message {\n padding: 58px 16px;\n }\n\n\n .abera-final-message__eyebrow {\n margin-bottom: 22px;\n\n gap: 9px;\n\n font-size: 9px;\n\n letter-spacing: 1.8px;\n }\n\n\n .abera-final-message__eyebrow::before {\n width: 23px;\n height: 1.5px;\n }\n\n\n .abera-final-message__title {\n font-size: 39px;\n\n line-height: 100%;\n\n letter-spacing: -1.8px;\n }\n\n\n .abera-final-message__description {\n max-width: 94%;\n\n margin-top: 23px;\n\n font-size: 14px;\n\n line-height: 125%;\n }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-final-message\"\u003e\n\n \u003cdiv class=\"abera-final-message__container\"\u003e\n\n \u003cdiv class=\"abera-final-message__content\"\u003e\n\n\n \u003c!-- EYEBROW --\u003e\n \u003cdiv class=\"abera-final-message__eyebrow\"\u003e\n ABERA MEN RETINOL SERUM\n \u003c\/div\u003e\n\n\n \u003c!-- MAIN TITLE --\u003e\n \u003ch2 class=\"abera-final-message__title\"\u003e\n YOU DON'T NEED TO STOP AGING.\u003cbr\u003e\n JUST TAKE BETTER CARE\u003cbr\u003e\n OF HOW YOU AGE.\n \u003c\/h2\u003e\n\n\n \u003c!-- DESCRIPTION --\u003e\n \u003cp class=\"abera-final-message__description\"\u003e\n 0.1% Retinol + 5% Niacinamide. One simple nightly routine\n for men 30+ who want to look sharper, healthier and better maintained.\n \u003c\/p\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n .abera-faq-section {\n width: 100%;\n max-width: 1000px;\n margin: 32px auto;\n padding: 0;\n font-family: Arial, Helvetica, sans-serif;\n color: #111111;\n background: #ffffff;\n box-sizing: border-box;\n }\n\n .abera-faq-section *,\n .abera-faq-section *::before,\n .abera-faq-section *::after {\n box-sizing: border-box;\n }\n\n \/* =========================\n TITLE\n ========================= *\/\n\n .abera-faq-title {\n margin: 0 0 18px 0;\n padding: 0;\n\n font-size: 20px;\n line-height: 1.3;\n font-weight: 800;\n color: #000000;\n text-transform: uppercase;\n }\n\n \/* =========================\n FAQ LIST\n ========================= *\/\n\n .abera-faq-list {\n width: 100%;\n margin: 0;\n padding: 0;\n\n border-top: 1px solid #dddddd;\n }\n\n \/* =========================\n FAQ ITEM\n ========================= *\/\n\n .abera-faq-item {\n width: 100%;\n margin: 0;\n padding: 0;\n\n background: #ffffff;\n border: none;\n border-bottom: 1px solid #dddddd;\n }\n\n \/* REMOVE DEFAULT ARROW *\/\n .abera-faq-item summary {\n list-style: none;\n }\n\n .abera-faq-item summary::-webkit-details-marker {\n display: none;\n }\n\n \/* =========================\n QUESTION\n ========================= *\/\n\n .abera-faq-question {\n position: relative;\n\n display: block;\n width: 100%;\n\n margin: 0;\n padding: 17px 45px 17px 0;\n\n background: #ffffff;\n color: #111111;\n\n cursor: pointer;\n\n font-size: 16px;\n line-height: 1.4;\n font-weight: 700;\n }\n\n \/* PLUS ICON *\/\n .abera-faq-question::after {\n content: \"+\";\n\n position: absolute;\n right: 4px;\n top: 50%;\n\n transform: translateY(-50%);\n\n font-size: 24px;\n line-height: 1;\n font-weight: 400;\n color: #111111;\n }\n\n \/* MINUS WHEN OPEN *\/\n .abera-faq-item[open] .abera-faq-question::after {\n content: \"−\";\n }\n\n \/* =========================\n ANSWER\n ========================= *\/\n\n .abera-faq-answer {\n width: 100%;\n\n margin: 0;\n padding: 0 42px 18px 0;\n\n background: #ffffff;\n\n font-size: 15px;\n line-height: 1.6;\n font-weight: 400;\n color: #333333;\n }\n\n .abera-faq-answer p {\n margin: 0;\n padding: 0;\n }\n\n .abera-faq-answer strong {\n font-weight: 700;\n color: #111111;\n }\n\n \/* DOSAGE *\/\n .abera-faq-dosage {\n margin-top: 8px;\n }\n\n .abera-faq-dosage div {\n margin: 2px 0;\n }\n\n \/* =========================\n MOBILE\n ========================= *\/\n\n @media screen and (max-width: 749px) {\n\n .abera-faq-section {\n width: 100%;\n max-width: 100%;\n margin: 26px auto;\n }\n\n .abera-faq-title {\n margin-bottom: 15px;\n\n font-size: 18px;\n line-height: 1.35;\n }\n\n .abera-faq-question {\n padding: 15px 38px 15px 0;\n\n font-size: 15px;\n line-height: 1.4;\n }\n\n .abera-faq-question::after {\n right: 2px;\n font-size: 22px;\n }\n\n .abera-faq-answer {\n padding: 0 30px 16px 0;\n\n font-size: 14px;\n line-height: 1.55;\n }\n }\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-faq-section\"\u003e\n\n \u003c!-- TITLE --\u003e\n \u003ch2 class=\"abera-faq-title\"\u003e\n QUESTIONS MEN FREQUENTLY ASKED\n \u003c\/h2\u003e\n\n\n \u003cdiv class=\"abera-faq-list\"\u003e\n\n\n \u003c!-- =========================\n FAQ 1\n ========================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n Who is ABERA MEN Retinol Serum designed for?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n ABERA MEN Retinol Serum is designed for men who want a simple yet\n effective skincare solution to help improve the look of fine lines,\n uneven texture, dullness, and dryness. Formulated with 0.1% retinol\n and skin-supporting ingredients, it is suitable for men looking to\n maintain smoother, healthier, and more refreshed-looking skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c!-- =========================\n FAQ 2\n ========================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n Does ABERA MEN Retinol Serum leave behind a residue?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n ABERA MEN Retinol Serum has a lightweight texture that absorbs easily\n into the skin. It is designed to leave skin feeling comfortable and\n hydrated without a heavy, greasy, or sticky residue, making it easy\n to add to your daily skincare routine.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c!-- =========================\n FAQ 3\n ========================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n When should I start seeing results from using ABERA MEN Retinol Serum?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n Results may vary depending on your skin type and consistency of use,\n but many users begin to notice visible improvements in skin texture,\n hydration, and overall appearance within a few weeks. With regular\n use over time, skin can appear smoother, firmer, and more revitalized.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c!-- =========================\n FAQ 4\n ========================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n How much should I use?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n Depending on your skin type, you may need to use more or less:\n \u003c\/p\u003e\n\n \u003cdiv class=\"abera-faq-dosage\"\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eDry:\u003c\/strong\u003e 7–10 drops\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eNormal:\u003c\/strong\u003e 6–8 drops\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eOily:\u003c\/strong\u003e 3–5 drops\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c!-- =========================\n FAQ 5\n ========================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n Do I need to use any other skincare products?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n If you have dry skin or live in a dry or harsh climate, you can apply\n a moisturizer after the serum to help maintain hydration. For best\n results, use ABERA MEN Retinol Serum in the morning and night.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c!-- =========================\n FAQ 6\n ========================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n I have allergies - is this safe?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n If you have known allergies, it's always best practice to double-check\n the ingredients tab on the specific product you want. Alternatively,\n test on a small area for one hour before applying to the entire face.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c!-- =========================\n FAQ 7\n ========================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n How long will it take for my order to arrive?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n Orders ship within \u003cstrong\u003e3–6 business days\u003c\/strong\u003e from our USA\n warehouse. Tracking is provided on all orders.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e","brand":"Abera","offers":[{"title":"1 Bottle l SAVE 50%","offer_id":54075669086576,"sku":"CB-RETINOLTH069+SL1","price":20.0,"currency_code":"USD","in_stock":true},{"title":"2 Bottles + 🎁 1 Turmeric Rice Cleanser","offer_id":54075669119344,"sku":"CB-RETINOLTH069+SL2-CB-SRMABERA30+SL1","price":36.0,"currency_code":"USD","in_stock":true},{"title":"3 Bottles + 🎁 1 Microneedle Derma Roller","offer_id":54075669152112,"sku":"CB-RETINOLTH069+SL3-CB-LKOEM050+SL1","price":51.0,"currency_code":"USD","in_stock":true},{"title":"Set Face + Body Duo","offer_id":54168374772080,"sku":"CB-RETINOLTH069+SL1-CB-USASTABM+SL1","price":38.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_d0e66e72-1657-4b5c-925f-bf7ebcf1badf.webp?v=1786697221","url":"https:\/\/www.dasuho.com\/products\/abera-men-retinol-serum","provider":"DASUHO","version":"1.0","type":"link"}