{"title":"Facial Care","description":"","products":[{"product_id":"abera-men-retinol-serum","title":"ABERA Men Retinol Serum, The 6-in-1 Anti-aging Serum for Men","description":"\u003cstyle\u003e\n .abera-description {\n --abera-black: #111111;\n --abera-text: #222222;\n --abera-muted: #666666;\n --abera-beige: #f5f1e9;\n --abera-border: #dedbd5;\n\n width: 100%;\n background: #ffffff;\n color: var(--abera-text);\n font-family: inherit;\n padding: 20px 10px;\n box-sizing: border-box;\n }\n\n .abera-description * {\n box-sizing: border-box;\n }\n\n .abera-description__inner {\n max-width: none;\n margin: 0 auto;\n text-align: center;\n }\n\n .abera-description__eyebrow {\n display: inline-block;\n margin-bottom: 14px;\n padding: 7px 13px;\n border-radius: 999px;\n background: var(--abera-beige);\n color: var(--abera-black);\n font-size: 16px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1.3px;\n text-transform: uppercase;\n }\n\n .abera-description__title {\n max-width: none;\n margin: 0 auto 26px;\n color: var(--abera-black);\n font-size: clamp(20px, 3vw, 30px);\n line-height: 1.2;\n letter-spacing: 0px;\n font-weight: 700;\n }\n\n .abera-description__text {\n max-width: none;\n margin: 0 auto;\n color: var(--abera-muted);\n font-size: 17px;\n line-height: 1.5;\n }\n\n .abera-description__text strong {\n color: var(--abera-black);\n font-weight: 600;\n }\n\n .abera-description__benefits {\n max-width: none;\n margin: 20px auto 0;\n padding-top: 26px;\n border-top: 1px solid var(--abera-border);\n\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 10px 22px;\n }\n\n .abera-description__benefit {\n position: relative;\n padding-left: 18px;\n color: var(--abera-black);\n font-size: 14px;\n font-weight: 700;\n }\n\n .abera-description__benefit::before {\n content: \"✓\";\n position: absolute;\n left: 0;\n top: 0;\n font-weight: 800;\n }\n\n @media screen and (max-width: 749px) {\n .abera-description {\n padding: 20px 10px;\n }\n\n .abera-description__eyebrow {\n margin-bottom: 12px;\n font-size: 14px;\n letter-spacing: 1px;\n }\n\n .abera-description__title {\n margin-bottom: 14px;\n font-size: 20px;\n line-height: 1.3;\n letter-spacing: 0px;\n }\n\n .abera-description__text {\n font-size: 16px;\n line-height: 1.5;\n }\n\n .abera-description__benefits {\n margin-top: 15px;\n padding-top: 15px;\n gap: 15px 20px;\n }\n\n .abera-description__benefit {\n font-size: 15px;\n }\n\n }\n\u003c\/style\u003e\n\u003csection class=\"abera-description\"\u003e\n\u003cdiv class=\"abera-description__inner\"\u003e\n\u003cdiv class=\"abera-description__eyebrow\"\u003eMen's Anti-Aging Serum\u003c\/div\u003e\n\u003ch2 class=\"abera-description__title\"\u003e0.1% RETINOL. MADE FOR MEN 30+.\u003c\/h2\u003e\n\u003cp class=\"abera-description__text\"\u003e\u003cstrong\u003eABERA Men Retinol Serum\u003c\/strong\u003e is a lightweight nightly serum designed to help improve the appearance of \u003cstrong\u003efine lines, wrinkles, dark spots and uneven skin texture\u003c\/strong\u003e without a complicated skincare routine. Powered by \u003cstrong\u003e0.1% Retinol + 5% Niacinamide\u003c\/strong\u003e, it supports smoother, more even and healthier-looking skin with consistent use.\u003c\/p\u003e\n\u003cdiv class=\"abera-description__benefits\"\u003e\n\u003cdiv class=\"abera-description__benefit\"\u003eDERMATOLOGIST TESTED\u003c\/div\u003e\n\u003cdiv class=\"abera-description__benefit\"\u003e0.1% RETINOL\u003c\/div\u003e\n\u003cdiv class=\"abera-description__benefit\"\u003eSILICON FREE\u003c\/div\u003e\n\u003cdiv class=\"abera-description__benefit\"\u003eFOR MEN 30+\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL - CLINICALLY TESTED SECTION\n========================================================= *\/\n\n.abera-clinical-v2 {\n --abera-black: #0d0d0f;\n --abera-black-soft: #171719;\n --abera-white: #ffffff;\n --abera-ivory: #f3eee5;\n --abera-beige: #cfc3b2;\n --abera-muted: rgba(255,255,255,.68);\n --abera-line: rgba(255,255,255,.22);\n\n width: 100%;\n position: relative;\n overflow: hidden;\n\n background:\n radial-gradient(\n circle at 82% 35%,\n rgba(179,157,128,.17) 0%,\n rgba(179,157,128,.04) 26%,\n transparent 48%\n ),\n linear-gradient(\n 110deg,\n #09090b 0%,\n #101012 52%,\n #1d1a17 100%\n );\n\n color: var(--abera-white);\n font-family: inherit;\n}\n\n.abera-clinical-v2 *,\n.abera-clinical-v2 *::before,\n.abera-clinical-v2 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =============================\n MAIN LAYOUT\n============================= *\/\n\n.abera-clinical-v2__inner {\n max-width: 1400px;\n min-height: 650px;\n\n margin: 0 auto;\n\n display: grid;\n grid-template-columns: 58% 42%;\n\n align-items: stretch;\n}\n\n\n\/* =============================\n LEFT CONTENT\n============================= *\/\n\n.abera-clinical-v2__content {\n position: relative;\n z-index: 3;\n\n padding: 76px 35px 68px 60px;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n\n.abera-clinical-v2__eyebrow {\n display: inline-flex;\n align-items: center;\n\n gap: 10px;\n\n margin-bottom: 14px;\n\n color: var(--abera-beige);\n\n font-size: 12px;\n line-height: 1;\n font-weight: 700;\n\n letter-spacing: 1.8px;\n text-transform: uppercase;\n}\n\n\n.abera-clinical-v2__eyebrow::before {\n content: \"\";\n\n width: 28px;\n height: 1px;\n\n background: var(--abera-beige);\n}\n\n\n.abera-clinical-v2__title {\n max-width: 820px;\n\n margin: 0;\n\n color: var(--abera-white);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.06;\n\n letter-spacing: 1px;\n\n font-weight: 700;\n}\n\n\n.abera-clinical-v2__subtitle {\n max-width: 690px;\n\n margin: 15px 0 0;\n\n color: var(--abera-muted);\n\n font-size: 14px;\n line-height: 1.6;\n}\n\n\n\/* =============================\n STATS HORIZONTAL ROW\n============================= *\/\n\n.abera-clinical-v2__stats {\n display: grid;\n\n grid-template-columns: repeat(3, 1fr);\n\n margin-top: 30px;\n\n max-width: 600px;\n}\n\n\n.abera-clinical-v2__stat {\n position: relative;\n\n padding: 0 10px;\n}\n\n\n.abera-clinical-v2__stat:first-child {\n padding-left: 0;\n}\n\n\n\/* LINE MỎNG NGĂN CÁCH *\/\n\n.abera-clinical-v2__stat:not(:last-child)::after {\n content: \"\";\n\n position: absolute;\n\n right: 0;\n top: 6%;\n\n width: 1px;\n height: 88%;\n\n background: var(--abera-line);\n}\n\n\n.abera-clinical-v2__percent {\n margin: 0 0 10px;\n\n color: var(--abera-white);\n\n font-size: clamp(30px, 4vw, 60px);\n line-height: .95;\n\n letter-spacing: 0px;\n\n font-weight: 700;\n}\n\n\n.abera-clinical-v2__stat-title {\n margin: 0 0 7px;\n\n color: var(--abera-white);\n\n font-size: 16px;\n line-height: 1.25;\n\n font-weight: 750;\n}\n\n\n.abera-clinical-v2__stat-copy {\n max-width: 205px;\n\n margin: 0;\n\n color: rgba(255,255,255,.62);\n\n font-size: 13px;\n line-height: 1.45;\n}\n\n\n\/* =============================\n FOOTNOTE\n============================= *\/\n\n.abera-clinical-v2__footnote {\n margin-top: 38px;\n\n padding-top: 19px;\n\n max-width: 790px;\n\n border-top: 1px solid rgba(255,255,255,.11);\n\n color: rgba(255,255,255,.44);\n\n font-size: 11px;\n line-height: 1.5;\n}\n\n\n\/* =============================\n RIGHT IMAGE\n============================= *\/\n\n.abera-clinical-v2__visual {\n position: relative;\n\n min-height: none;\n\n overflow: hidden;\n}\n\n\n\/* fade ảnh vào nền *\/\n\n.abera-clinical-v2__visual::before {\n content: \"\";\n\n position: absolute;\n z-index: 2;\n\n inset: 0;\n\n background:\n linear-gradient(\n 90deg,\n #101012 0%,\n rgba(16,16,18,.72) 10%,\n rgba(16,16,18,.15) 30%,\n transparent 52%\n );\n\n pointer-events: none;\n}\n\n\n.abera-clinical-v2__visual img {\n width: 100%;\n height: 100%;\n\n min-height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* Nếu chưa có ảnh *\/\n\n.abera-clinical-v2__image-placeholder {\n width: 100%;\n height: 100%;\n\n min-height: none;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n background:\n radial-gradient(\n circle at 50% 35%,\n #51483e 0%,\n #292622 43%,\n #141414 100%\n );\n\n color: rgba(255,255,255,.5);\n\n font-size: 13px;\n\n text-align: center;\n\n padding: 10px;\n}\n\n\n\/* subtle bottom glow *\/\n\n.abera-clinical-v2::after {\n content: \"\";\n\n position: absolute;\n\n z-index: 1;\n\n left: 28%;\n bottom: -220px;\n\n width: 620px;\n height: 330px;\n\n border-radius: 50%;\n\n background:\n radial-gradient(\n circle,\n rgba(197,177,146,.13),\n transparent 70%\n );\n\n pointer-events: none;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 100%) {\n\n .abera-clinical-v2__inner {\n grid-template-columns: 60% 40%;\n min-height: 570px;\n }\n\n .abera-clinical-v2__content {\n padding:\n 60px\n 20px\n 55px\n 35px;\n }\n\n .abera-clinical-v2__visual,\n .abera-clinical-v2__visual img,\n .abera-clinical-v2__image-placeholder {\n min-height: 570px;\n }\n\n .abera-clinical-v2__stats {\n margin-top: 40px;\n }\n\n .abera-clinical-v2__stat {\n padding: 0 18px;\n }\n\n .abera-clinical-v2__percent {\n font-size: 49px;\n }\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-clinical-v2__inner {\n display: flex;\n flex-direction: column;\n\n min-height: auto;\n }\n\n\n .abera-clinical-v2__content {\n order: 1;\n\n padding: 30px 18px 20px;\n }\n\n\n .abera-clinical-v2__eyebrow {\n margin-bottom: 12px;\n\n font-size: 10px;\n\n letter-spacing: 1.4px;\n }\n\n\n .abera-clinical-v2__title {\n font-size: 30px;\n\n line-height: 1.2;\n\n letter-spacing: 0px;\n }\n\n\n .abera-clinical-v2__subtitle {\n margin-top: 14px;\n\n font-size: 14px;\n\n line-height: 1.55;\n }\n\n\n \/* GIỮ STATS NẰM NGANG TRÊN MOBILE *\/\n\n .abera-clinical-v2__stats {\n width: 100%;\n\n max-width: none;\n\n margin-top: 30px;\n\n grid-template-columns:\n repeat(3, minmax(118px, 1fr));\n\n overflow-x: auto;\n\n scrollbar-width: none;\n }\n\n\n .abera-clinical-v2__stats::-webkit-scrollbar {\n display: none;\n }\n\n\n .abera-clinical-v2__stat {\n min-width: 118px;\n\n padding: 0 14px;\n }\n\n\n .abera-clinical-v2__stat:first-child {\n padding-left: 0;\n\n padding-right: 14px;\n }\n\n\n \/* VẪN GIỮ LINE DỌC *\/\n\n .abera-clinical-v2__stat:not(:last-child)::after {\n top: 5%;\n\n width: 1px;\n height: 90%;\n }\n\n\n .abera-clinical-v2__percent {\n margin-bottom: 8px;\n\n font-size: 42px;\n\n letter-spacing: 0px;\n }\n\n\n .abera-clinical-v2__stat-title {\n margin-bottom: 5px;\n\n font-size: 12px;\n }\n\n\n .abera-clinical-v2__stat-copy {\n font-size: 10.5px;\n\n line-height: 1.4;\n }\n\n\n .abera-clinical-v2__footnote {\n margin-top: 26px;\n\n padding-top: 15px;\n\n font-size: 10px;\n }\n\n\n \/* ẢNH XUỐNG DƯỚI *\/\n\n .abera-clinical-v2__visual {\n order: 2;\n\n min-height: 390px;\n }\n\n\n .abera-clinical-v2__visual img,\n .abera-clinical-v2__image-placeholder {\n min-height: 390px;\n\n height: 390px;\n }\n\n\n .abera-clinical-v2__visual img {\n object-position: center top;\n }\n\n\n \/* fade từ trên xuống để nối với content *\/\n\n .abera-clinical-v2__visual::before {\n background:\n linear-gradient(\n 180deg,\n #101012 0%,\n rgba(16,16,18,.60) 9%,\n rgba(16,16,18,.10) 26%,\n transparent 50%\n );\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-clinical-v2\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__inner\"\u003e\n\n \u003c!-- ============================================\n LEFT SIDE\n ============================================= --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__content\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__eyebrow\"\u003e\n Clinically Tested\n \u003c\/div\u003e\n\n \u003ch2 class=\"abera-clinical-v2__title\"\u003e\n PROVEN RESULTS\u003cbr\u003e\n BUILT FOR MEN'S SKIN\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-clinical-v2__subtitle\"\u003e\n After 8 weeks of consistent use, men reported visible improvements\n in hydration, skin tone and the appearance of wrinkles.\n \u003c\/p\u003e\n\n\n \u003c!-- ============================================\n HORIZONTAL RESULTS\n ============================================= --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__stats\"\u003e\n\n \u003c!-- 96% --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__stat\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__percent\"\u003e\n 96%\n \u003c\/div\u003e\n\n \u003ch3 class=\"abera-clinical-v2__stat-title\"\u003e\n SMOOTHER SKIN\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-clinical-v2__stat-copy\"\u003e\n Reported smoother, more hydrated-looking skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- 92% --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__stat\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__percent\"\u003e\n 92%\n \u003c\/div\u003e\n\n \u003ch3 class=\"abera-clinical-v2__stat-title\"\u003e\n MORE EVEN TONE\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-clinical-v2__stat-copy\"\u003e\n Reported brighter, more even-looking skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- 89% --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__stat\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__percent\"\u003e\n 89%\n \u003c\/div\u003e\n\n \u003ch3 class=\"abera-clinical-v2__stat-title\"\u003e\n FEWER VISIBLE WRINKLES\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-clinical-v2__stat-copy\"\u003e\n Reported improvement in the appearance of wrinkles.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- FOOTNOTE --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__footnote\"\u003e\n *Based on an 8-week consumer self-assessment study.\n Individual results may vary.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- ============================================\n RIGHT IMAGE\n ============================================= --\u003e\n\n \u003cdiv class=\"abera-clinical-v2__visual\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_44.webp?v=1786959518\" alt=\"Man using ABERA Men Retinol Serum\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__image-placeholder\" style=\"display:none;\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n CUSTOMER REVIEWS CAROUSEL\n========================================================= *\/\n\n.abera-review-showcase {\n --black: #111111;\n --text: #222222;\n --muted: #666666;\n --white: #ffffff;\n --orange: #f45b32;\n --star: #f39a00;\n --border: #e2e2e2;\n --soft: #f7f7f7;\n\n width: 100%;\n overflow: hidden;\n\n background: var(--white);\n color: var(--black);\n\n font-family: inherit;\n\n box-sizing: border-box;\n}\n\n\n.abera-review-showcase *,\n.abera-review-showcase *::before,\n.abera-review-showcase *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n MAIN LAYOUT\n========================================================= *\/\n\n.abera-review-showcase__inner {\n width: 100%;\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding: 60px 40px;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 30%)\n minmax(0, 70%);\n\n gap: 3px;\n\n align-items: center;\n}\n\n\n\/* =========================================================\n LEFT CONTENT\n========================================================= *\/\n\n.abera-review-showcase__content {\n position: relative;\n\n z-index: 5;\n\n min-width: 0;\n\n padding-right: 25px;\n}\n\n\n\/* EYEBROW *\/\n\n.abera-review-showcase__eyebrow {\n margin: 0 0 12px;\n\n color: var(--black);\n\n font-size: 13px;\n line-height: 1.2;\n\n font-weight: 600;\n\n letter-spacing: 1.2px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n.abera-review-showcase__title {\n max-width: 430px;\n\n margin: 0;\n\n color: var(--black);\n\n font-size: clamp(20px, 3vw, 30px);\n line-height: 1.08;\n\n font-weight: 700;\n\n letter-spacing: 0;\n}\n\n\n\/* =========================================================\n BENEFITS\n========================================================= *\/\n\n.abera-review-showcase__benefits {\n margin-top: 26px;\n\n display: flex;\n\n flex-direction: column;\n\n gap: 12px;\n}\n\n\n.abera-review-showcase__benefit {\n position: relative;\n\n padding-left: 25px;\n\n color: var(--text);\n\n font-size: 16px;\n line-height: 1.4;\n\n font-weight: 500;\n}\n\n\n.abera-review-showcase__benefit::before {\n content: \"✓\";\n\n position: absolute;\n\n left: 0;\n top: 0;\n\n color: var(--black);\n\n font-size: 17px;\n\n font-weight: 800;\n}\n\n\n\/* =========================================================\n ARROWS + DESKTOP DOTS\n========================================================= *\/\n\n.abera-review-showcase__arrows {\n position: relative;\n\n z-index: 20;\n\n margin-top: 38px;\n\n display: inline-flex;\n\n align-items: center;\n\n gap: 12px;\n\n width: max-content;\n}\n\n\n\/* ARROW *\/\n\n.abera-review-showcase__arrow {\n position: relative;\n\n z-index: 21;\n\n flex: 0 0 42px;\n\n width: 42px;\n height: 42px;\n\n margin: 0;\n padding: 0;\n\n border: 0;\n outline: none;\n\n border-radius: 50%;\n\n background: var(--black);\n color: var(--white);\n\n display: flex;\n\n align-items: center;\n\n justify-content: center;\n\n cursor: pointer;\n\n appearance: none;\n -webkit-appearance: none;\n\n touch-action: manipulation;\n\n transition:\n opacity .2s ease,\n transform .2s ease,\n background .2s ease;\n}\n\n\n.abera-review-showcase__arrow:hover {\n background: #333333;\n\n transform: scale(1.04);\n}\n\n\n.abera-review-showcase__arrow:active {\n transform: scale(.96);\n}\n\n\n.abera-review-showcase__arrow:disabled {\n opacity: .25;\n\n cursor: default;\n\n transform: none;\n}\n\n\n.abera-review-showcase__arrow svg {\n display: block;\n\n width: 18px;\n height: 18px;\n\n stroke: currentColor;\n\n pointer-events: none;\n}\n\n\n\/* =========================================================\n DOTS BETWEEN ARROWS\n========================================================= *\/\n\n.abera-review-showcase__desktop-dots {\n min-width: 66px;\n\n display: flex;\n\n align-items: center;\n\n justify-content: center;\n\n gap: 6px;\n}\n\n\n.abera-review-showcase__desktop-dot {\n flex: 0 0 6px;\n\n width: 6px;\n height: 6px;\n\n margin: 0;\n padding: 0;\n\n border: 0;\n outline: none;\n\n border-radius: 50%;\n\n background: #c9c9c9;\n\n cursor: pointer;\n\n appearance: none;\n -webkit-appearance: none;\n\n transition:\n width .22s ease,\n flex-basis .22s ease,\n background .22s ease,\n border-radius .22s ease;\n}\n\n\n.abera-review-showcase__desktop-dot.is-active {\n width: 18px;\n\n flex-basis: 18px;\n\n border-radius: 10px;\n\n background: var(--black);\n}\n\n\n\/* =========================================================\n CAROUSEL\n========================================================= *\/\n\n.abera-review-showcase__carousel {\n position: relative;\n\n width: 100%;\n\n min-width: 0;\n\n overflow: hidden;\n}\n\n\n.abera-review-showcase__track {\n width: 100%;\n\n display: flex;\n\n align-items: stretch;\n\n gap: 18px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n scroll-behavior: smooth;\n\n scroll-snap-type: x mandatory;\n\n scroll-padding-left: 0;\n\n scrollbar-width: none;\n\n -webkit-overflow-scrolling: touch;\n\n overscroll-behavior-x: contain;\n}\n\n\n.abera-review-showcase__track::-webkit-scrollbar {\n display: none;\n}\n\n\n\/* =========================================================\n REVIEW CARD\n DESKTOP = 3 CARDS\n========================================================= *\/\n\n.abera-review-showcase__card {\n \/*\n 3 cards\n 2 gaps x 18px = 36px\n *\/\n\n flex: 0 0 calc((100% - 36px) \/ 3);\n\n min-width: 0;\n\n scroll-snap-align: start;\n\n scroll-snap-stop: always;\n\n background: #ffffff;\n\n border: 1px solid var(--border);\n\n border-radius: 8px;\n\n overflow: hidden;\n\n color: var(--black);\n\n display: flex;\n\n flex-direction: column;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.abera-review-showcase__image {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #eeeeee;\n\n flex-shrink: 0;\n}\n\n\n.abera-review-showcase__image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n\n object-position: center;\n}\n\n\n\/* =========================================================\n BEFORE \/ AFTER\n========================================================= *\/\n\n.abera-review-showcase__before,\n.abera-review-showcase__after {\n position: absolute;\n\n bottom: 10px;\n\n z-index: 3;\n\n padding: 5px 8px;\n\n border-radius: 4px;\n\n font-size: 11px;\n line-height: 1;\n\n font-weight: 800;\n\n letter-spacing: .3px;\n\n text-transform: uppercase;\n}\n\n\n.abera-review-showcase__before {\n left: 10px;\n\n background: #ffffff;\n\n color: #111111;\n\n border: 1px solid rgba(0,0,0,.10);\n}\n\n\n.abera-review-showcase__after {\n right: 10px;\n\n background: #111111;\n\n color: #ffffff;\n}\n\n\n\/* =========================================================\n CARD CONTENT\n========================================================= *\/\n\n.abera-review-showcase__card-content {\n padding: 16px 15px 17px;\n\n display: flex;\n\n flex-direction: column;\n\n flex: 1;\n}\n\n\n\/* STARS *\/\n\n.abera-review-showcase__stars {\n margin: 0 0 9px;\n\n color: var(--star);\n\n font-size: 16px;\n line-height: 1;\n\n letter-spacing: .8px;\n}\n\n\n\/* REVIEW *\/\n\n.abera-review-showcase__quote {\n margin: 0;\n\n color: #333333;\n\n font-size: 13.5px;\n line-height: 1.5;\n\n \/* CUSTOMER XUỐNG ĐÁY *\/\n flex: 1;\n}\n\n\n\/* =========================================================\n CUSTOMER\n========================================================= *\/\n\n.abera-review-showcase__customer {\n width: 100%;\n\n margin-top: 16px;\n\n display: flex;\n\n align-items: center;\n\n justify-content: space-between;\n\n gap: 6px;\n\n flex-wrap: nowrap;\n}\n\n\n.abera-review-showcase__name {\n color: var(--black);\n\n font-size: 12px;\n line-height: 1;\n\n font-weight: 700;\n\n white-space: nowrap;\n\n flex-shrink: 0;\n}\n\n\n\/* VERIFIED *\/\n\n.abera-review-showcase__verified {\n display: inline-flex;\n\n align-items: center;\n\n justify-content: center;\n\n gap: 4px;\n\n padding: 4px 6px;\n\n background: var(--soft);\n\n border: 1px solid var(--border);\n\n border-radius: 999px;\n\n color: #333333;\n\n font-size: 8.5px;\n line-height: 1;\n\n font-weight: 600;\n\n white-space: nowrap;\n\n flex-shrink: 0;\n}\n\n\n.abera-review-showcase__verified-icon {\n width: 13px;\n height: 13px;\n\n flex: 0 0 13px;\n\n border-radius: 50%;\n\n background: var(--black);\n\n color: #ffffff;\n\n display: inline-flex;\n\n align-items: center;\n\n justify-content: center;\n\n font-size: 7px;\n}\n\n\n\/* =========================================================\n MOBILE DOTS\n========================================================= *\/\n\n.abera-review-showcase__dots {\n display: none;\n\n margin-top: 18px;\n\n align-items: center;\n\n justify-content: center;\n\n gap: 7px;\n}\n\n\n.abera-review-showcase__dot {\n flex: 0 0 7px;\n\n width: 7px;\n height: 7px;\n\n margin: 0;\n padding: 0;\n\n border: 0;\n\n border-radius: 50%;\n\n background: #cccccc;\n\n cursor: pointer;\n\n appearance: none;\n\n -webkit-appearance: none;\n\n transition:\n width .25s ease,\n flex-basis .25s ease,\n background .25s ease,\n border-radius .25s ease;\n}\n\n\n.abera-review-showcase__dot.is-active {\n width: 22px;\n\n flex-basis: 22px;\n\n border-radius: 10px;\n\n background: var(--black);\n}\n\n\n\/* =========================================================\n TABLET\n 2 CARDS\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 1100px) {\n\n .abera-review-showcase__inner {\n padding: 45px 24px;\n\n grid-template-columns:\n minmax(0, 32%)\n minmax(0, 68%);\n\n gap: 24px;\n }\n\n\n .abera-review-showcase__content {\n padding-right: 0;\n }\n\n\n .abera-review-showcase__title {\n font-size: 28px;\n }\n\n\n .abera-review-showcase__benefit {\n font-size: 14px;\n }\n\n\n .abera-review-showcase__track {\n gap: 16px;\n }\n\n\n .abera-review-showcase__card {\n flex-basis:\n calc((100% - 16px) \/ 2);\n }\n\n\n .abera-review-showcase__quote {\n font-size: 13px;\n }\n\n\n .abera-review-showcase__desktop-dots {\n min-width: 56px;\n\n gap: 5px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-review-showcase__inner {\n padding: 34px 18px 30px;\n\n display: block;\n }\n\n\n \/* CONTENT *\/\n\n .abera-review-showcase__content {\n width: 100%;\n\n padding-right: 0;\n }\n\n\n .abera-review-showcase__eyebrow {\n margin-bottom: 9px;\n\n font-size: 10px;\n }\n\n\n .abera-review-showcase__title {\n max-width: 100%;\n\n font-size: 29px;\n line-height: 1.3;\n }\n\n\n \/* BENEFITS *\/\n\n .abera-review-showcase__benefits {\n margin-top: 12px;\n\n display: grid;\n\n grid-template-columns:\n 1fr 1fr;\n\n gap: 11px 14px;\n }\n\n\n .abera-review-showcase__benefit {\n padding-left: 20px;\n\n font-size: 16px;\n line-height: 1.35;\n }\n\n\n .abera-review-showcase__benefit::before {\n font-size: 16px;\n }\n\n\n \/* HIDE DESKTOP CONTROLS *\/\n\n .abera-review-showcase__arrows {\n display: none;\n }\n\n\n \/* CAROUSEL *\/\n\n .abera-review-showcase__carousel {\n margin-top: 28px;\n\n overflow: visible;\n }\n\n\n .abera-review-showcase__track {\n gap: 12px;\n }\n\n\n .abera-review-showcase__card {\n flex: 0 0 88%;\n }\n\n\n .abera-review-showcase__image {\n aspect-ratio: 1 \/ .82;\n }\n\n\n \/* BEFORE AFTER *\/\n\n .abera-review-showcase__before,\n .abera-review-showcase__after {\n bottom: 10px;\n\n padding: 5px 8px;\n\n font-size: 10px;\n }\n\n\n .abera-review-showcase__before {\n left: 10px;\n }\n\n\n .abera-review-showcase__after {\n right: 10px;\n }\n\n\n \/* CARD CONTENT *\/\n\n .abera-review-showcase__card-content {\n padding: 16px;\n }\n\n\n .abera-review-showcase__stars {\n font-size: 18px;\n }\n\n\n .abera-review-showcase__quote {\n font-size: 14px;\n line-height: 1.5;\n }\n\n\n \/* CUSTOMER *\/\n\n .abera-review-showcase__customer {\n margin-top: 15px;\n\n gap: 8px;\n }\n\n\n .abera-review-showcase__name {\n font-size: 13px;\n }\n\n\n .abera-review-showcase__verified {\n padding: 4px 7px;\n\n gap: 4px;\n\n font-size: 9px;\n }\n\n\n .abera-review-showcase__verified-icon {\n width: 14px;\n height: 14px;\n\n flex-basis: 14px;\n\n font-size: 8px;\n }\n\n\n \/* MOBILE DOTS *\/\n\n .abera-review-showcase__dots {\n display: flex;\n }\n\n}\n\n\n\/* =========================================================\n SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 420px) {\n\n .abera-review-showcase__inner {\n padding-left: 15px;\n\n padding-right: 15px;\n }\n\n\n .abera-review-showcase__title {\n font-size: 27px;\n }\n\n\n .abera-review-showcase__benefits {\n grid-template-columns: 1fr;\n\n gap: 9px;\n }\n\n\n .abera-review-showcase__card {\n flex-basis: 92%;\n }\n\n\n .abera-review-showcase__customer {\n gap: 5px;\n }\n\n\n .abera-review-showcase__name {\n font-size: 12px;\n }\n\n\n .abera-review-showcase__verified {\n padding: 4px 6px;\n\n font-size: 8.5px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003c!-- =========================================================\n SECTION\n========================================================= --\u003e\n\n\u003csection class=\"abera-review-showcase\"\u003e\n\n \u003cdiv class=\"abera-review-showcase__inner\"\u003e\n\n\n \u003c!-- =====================================================\n LEFT SIDE\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-review-showcase__content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__eyebrow\"\u003e\n REAL MEN. REAL RESULTS.\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"abera-review-showcase__title\"\u003e\n HEAR FROM OUR RECENT CUSTOMERS\n \u003c\/h2\u003e\n\n\n \u003c!-- BENEFITS --\u003e\n\n \u003cdiv class=\"abera-review-showcase__benefits\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Hydrate\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Firm Sagging Skin\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Reduce Fine Lines \u0026amp; Wrinkles\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Fade Dark Spots \u0026amp; Acne Scars\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Even Out Skin Tone\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c!-- ===================================================\n DESKTOP NAVIGATION\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-review-showcase__arrows\"\u003e\n\n\n \u003c!-- PREVIOUS --\u003e\n\n \u003cbutton class=\"\n abera-review-showcase__arrow\n abera-review-showcase__prev\n \" type=\"button\" aria-label=\"Previous review\"\u003e\n\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\n \u003cpath d=\"M15 18L9 12L15 6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n \u003c!-- DESKTOP DOTS --\u003e\n\n \u003cdiv class=\"abera-review-showcase__desktop-dots\" aria-label=\"Review navigation\"\u003e\u003c\/div\u003e\n\n\n \u003c!-- NEXT --\u003e\n\n \u003cbutton class=\"\n abera-review-showcase__arrow\n abera-review-showcase__next\n \" type=\"button\" aria-label=\"Next review\"\u003e\n\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\n \u003cpath d=\"M9 18L15 12L9 6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n RIGHT CAROUSEL\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-review-showcase__carousel\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__track\"\u003e\n\n\n \u003c!-- =================================================\n REVIEW 01\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/3_2986af9d-7ff8-49b0-ac3c-7ba74e61680f.webp?v=1786615458\" alt=\"ABERA Men Retinol before and after result\" loading=\"lazy\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n BEFORE\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n AFTER\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n My dark spots were what bothered me the most.\n After consistent use, they look lighter and my\n overall skin tone looks more even.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n James T., 47\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Verified Customer\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 02\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/4_5d22dff5-ec9b-4d4d-b8d9-f069ff6268ca.webp?v=1786422444\" alt=\"ABERA Men Retinol before and after result\" loading=\"lazy\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n BEFORE\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n AFTER\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n I've been using this serum every night for a few\n weeks and my skin already feels smoother and more\n hydrated. The fine lines around my eyes look softer.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Michael R., 55\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Verified Customer\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 03\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/bfb22f137ad326a2e4091f5c3a93cd8e-20250417094225-3186n.webp?v=1786423518\" alt=\"ABERA Men Retinol before and after result\" loading=\"lazy\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n BEFORE\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n AFTER\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n Probably the first anti-aging product I've actually\n stayed consistent with. It absorbs quickly and my\n face looks smoother and less tired.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Daniel S., 35\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Verified Customer\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 04\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/5_b0438d0b-7832-474e-acb8-98b39901ce77.webp?v=1786422443\" alt=\"ABERA Men Retinol before and after result\" loading=\"lazy\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n BEFORE\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n AFTER\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n I had dark acne marks for a long time, but they\n gradually looked less noticeable after regular use.\n My skin also feels noticeably smoother.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Brian C., 28\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Verified Customer\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 05\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/6_c66664a6-8b1c-476f-8b91-86f997d0b90c.webp?v=1786422443\" alt=\"ABERA Men Retinol before and after result\" loading=\"lazy\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n BEFORE\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n AFTER\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n My wife was actually the first person to notice.\n She said my skin looked smoother and healthier.\n I've also noticed the fine lines around my eyes\n are less noticeable.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Chris B., 46\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Verified Customer\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 06\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/81f90c8b9c7785be7808623b11f7722c-20250417102041-dodqv.webp?v=1786459872\" alt=\"ABERA Men Retinol before and after result\" loading=\"lazy\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n BEFORE\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n AFTER\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n I was skeptical about adding retinol because I didn't\n want a complicated routine. This one is straightforward.\n My skin looks brighter and more even with regular use.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Kevin F., 35\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Verified Customer\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c!-- ===================================================\n MOBILE DOTS\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-review-showcase__dots\"\u003e\u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003cscript\u003e\n(function () {\n\n\n \/* =========================================================\n INITIALIZE ONE SECTION\n ========================================================= *\/\n\n function initAberaReview(section) {\n\n\n if (\n section.getAttribute(\n 'data-abera-review-init'\n ) === 'true'\n ) {\n\n return;\n\n }\n\n\n section.setAttribute(\n 'data-abera-review-init',\n 'true'\n );\n\n\n const track =\n section.querySelector(\n '.abera-review-showcase__track'\n );\n\n\n const cards =\n Array.from(\n section.querySelectorAll(\n '.abera-review-showcase__card'\n )\n );\n\n\n const prev =\n section.querySelector(\n '.abera-review-showcase__prev'\n );\n\n\n const next =\n section.querySelector(\n '.abera-review-showcase__next'\n );\n\n\n const mobileDotsContainer =\n section.querySelector(\n '.abera-review-showcase__dots'\n );\n\n\n const desktopDotsContainer =\n section.querySelector(\n '.abera-review-showcase__desktop-dots'\n );\n\n\n if (\n !track ||\n !cards.length\n ) {\n\n return;\n\n }\n\n\n let currentIndex = 0;\n\n let mobileDots = [];\n\n let desktopDots = [];\n\n\n\n \/* =======================================================\n VISIBLE CARD COUNT\n ======================================================== *\/\n\n function getVisibleCount() {\n\n\n if (\n window.innerWidth \u003c= 749\n ) {\n\n return 1;\n\n }\n\n\n if (\n window.innerWidth \u003c= 1100\n ) {\n\n return 2;\n\n }\n\n\n return 3;\n\n }\n\n\n\n \/* =======================================================\n MAX INDEX\n ======================================================== *\/\n\n function getMaxIndex() {\n\n\n return Math.max(\n\n 0,\n\n cards.length -\n getVisibleCount()\n\n );\n\n }\n\n\n\n \/* =======================================================\n CARD POSITION\n ======================================================== *\/\n\n function getCardLeft(index) {\n\n\n const card =\n cards[index];\n\n\n if (!card) {\n\n return 0;\n\n }\n\n\n return Math.max(\n\n 0,\n\n card.offsetLeft -\n track.offsetLeft\n\n );\n\n }\n\n\n\n \/* =======================================================\n GO TO CARD\n ======================================================== *\/\n\n function goToIndex(index) {\n\n\n const maxIndex =\n getMaxIndex();\n\n\n currentIndex =\n Math.max(\n\n 0,\n\n Math.min(\n index,\n maxIndex\n )\n\n );\n\n\n track.scrollTo({\n\n left:\n getCardLeft(\n currentIndex\n ),\n\n behavior:\n 'smooth'\n\n });\n\n\n updateUI();\n\n }\n\n\n\n \/* =======================================================\n MOBILE DOTS\n ======================================================== *\/\n\n function createMobileDots() {\n\n\n if (\n !mobileDotsContainer\n ) {\n\n return;\n\n }\n\n\n mobileDotsContainer.innerHTML =\n '';\n\n\n cards.forEach(\n function(card, index) {\n\n\n const dot =\n document.createElement(\n 'button'\n );\n\n\n dot.type =\n 'button';\n\n\n dot.className =\n 'abera-review-showcase__dot';\n\n\n dot.setAttribute(\n 'aria-label',\n 'Go to review ' +\n (index + 1)\n );\n\n\n dot.addEventListener(\n 'click',\n function() {\n\n\n \/*\n Mobile:\n cho phép tới toàn bộ review.\n *\/\n\n if (\n window.innerWidth \u003c= 749\n ) {\n\n\n currentIndex =\n index;\n\n\n track.scrollTo({\n\n left:\n getCardLeft(\n index\n ),\n\n behavior:\n 'smooth'\n\n });\n\n\n updateUI();\n\n\n } else {\n\n\n goToIndex(\n index\n );\n\n\n }\n\n }\n );\n\n\n mobileDotsContainer\n .appendChild(\n dot\n );\n\n\n }\n );\n\n\n mobileDots =\n Array.from(\n mobileDotsContainer\n .querySelectorAll(\n '.abera-review-showcase__dot'\n )\n );\n\n }\n\n\n\n \/* =======================================================\n DESKTOP DOTS\n ======================================================== *\/\n\n function createDesktopDots() {\n\n\n if (\n !desktopDotsContainer\n ) {\n\n return;\n\n }\n\n\n desktopDotsContainer.innerHTML =\n '';\n\n\n const maxIndex =\n getMaxIndex();\n\n\n \/*\n Desktop:\n 6 reviews\n 3 visible\n\n Position:\n 1 2 3\n 2 3 4\n 3 4 5\n 4 5 6\n\n =\u003e 4 dots\n *\/\n\n\n for (\n let index = 0;\n index \u003c= maxIndex;\n index++\n ) {\n\n\n const dot =\n document.createElement(\n 'button'\n );\n\n\n dot.type =\n 'button';\n\n\n dot.className =\n 'abera-review-showcase__desktop-dot';\n\n\n dot.setAttribute(\n 'aria-label',\n 'Go to review position ' +\n (index + 1)\n );\n\n\n dot.addEventListener(\n 'click',\n function() {\n\n\n goToIndex(\n index\n );\n\n\n }\n );\n\n\n desktopDotsContainer\n .appendChild(\n dot\n );\n\n }\n\n\n desktopDots =\n Array.from(\n desktopDotsContainer\n .querySelectorAll(\n '.abera-review-showcase__desktop-dot'\n )\n );\n\n }\n\n\n\n \/* =======================================================\n DETECT INDEX FROM SCROLL\n ======================================================== *\/\n\n function detectCurrentIndex() {\n\n\n const scrollLeft =\n track.scrollLeft;\n\n\n let closestIndex =\n 0;\n\n\n let closestDistance =\n Infinity;\n\n\n cards.forEach(\n function(card, index) {\n\n\n const position =\n card.offsetLeft -\n track.offsetLeft;\n\n\n const distance =\n Math.abs(\n position -\n scrollLeft\n );\n\n\n if (\n distance \u003c\n closestDistance\n ) {\n\n\n closestDistance =\n distance;\n\n\n closestIndex =\n index;\n\n\n }\n\n }\n );\n\n\n return closestIndex;\n\n }\n\n\n\n \/* =======================================================\n UPDATE UI\n ======================================================== *\/\n\n function updateUI() {\n\n\n const maxIndex =\n getMaxIndex();\n\n\n \/*\n Desktop \/ Tablet:\n không vượt index cuối hợp lệ\n *\/\n\n if (\n window.innerWidth \u003e\n 749\n ) {\n\n\n currentIndex =\n Math.min(\n currentIndex,\n maxIndex\n );\n\n\n }\n\n\n \/* PREVIOUS *\/\n\n\n if (prev) {\n\n\n prev.disabled =\n currentIndex \u003c= 0;\n\n\n }\n\n\n \/* NEXT *\/\n\n\n if (next) {\n\n\n next.disabled =\n currentIndex \u003e=\n maxIndex;\n\n\n }\n\n\n \/* MOBILE DOT *\/\n\n\n mobileDots.forEach(\n function(dot, index) {\n\n\n dot.classList.toggle(\n 'is-active',\n index === currentIndex\n );\n\n\n }\n );\n\n\n \/* DESKTOP DOT *\/\n\n\n desktopDots.forEach(\n function(dot, index) {\n\n\n dot.classList.toggle(\n 'is-active',\n index === currentIndex\n );\n\n\n }\n );\n\n }\n\n\n\n \/* =======================================================\n PREVIOUS BUTTON\n ======================================================== *\/\n\n if (prev) {\n\n\n prev.addEventListener(\n 'click',\n function(event) {\n\n\n event.preventDefault();\n\n event.stopPropagation();\n\n\n if (\n currentIndex \u003c= 0\n ) {\n\n return;\n\n }\n\n\n goToIndex(\n currentIndex - 1\n );\n\n\n }\n );\n\n\n }\n\n\n\n \/* =======================================================\n NEXT BUTTON\n ======================================================== *\/\n\n if (next) {\n\n\n next.addEventListener(\n 'click',\n function(event) {\n\n\n event.preventDefault();\n\n event.stopPropagation();\n\n\n const maxIndex =\n getMaxIndex();\n\n\n if (\n currentIndex \u003e=\n maxIndex\n ) {\n\n return;\n\n }\n\n\n goToIndex(\n currentIndex + 1\n );\n\n\n }\n );\n\n\n }\n\n\n\n \/* =======================================================\n MANUAL SWIPE\n ======================================================== *\/\n\n let scrollTimer;\n\n\n track.addEventListener(\n 'scroll',\n function() {\n\n\n clearTimeout(\n scrollTimer\n );\n\n\n scrollTimer =\n setTimeout(\n function() {\n\n\n currentIndex =\n detectCurrentIndex();\n\n\n if (\n window.innerWidth \u003e\n 749\n ) {\n\n\n currentIndex =\n Math.min(\n currentIndex,\n getMaxIndex()\n );\n\n\n }\n\n\n updateUI();\n\n\n },\n 70\n );\n\n\n },\n {\n passive: true\n }\n );\n\n\n\n \/* =======================================================\n RESIZE\n ======================================================== *\/\n\n let resizeTimer;\n\n\n window.addEventListener(\n 'resize',\n function() {\n\n\n clearTimeout(\n resizeTimer\n );\n\n\n resizeTimer =\n setTimeout(\n function() {\n\n\n currentIndex =\n Math.min(\n currentIndex,\n getMaxIndex()\n );\n\n\n \/*\n Số dot desktop thay đổi:\n\n Desktop = 3 visible\n Tablet = 2 visible\n *\/\n\n\n createDesktopDots();\n\n\n track.scrollTo({\n\n left:\n getCardLeft(\n currentIndex\n ),\n\n behavior:\n 'auto'\n\n });\n\n\n updateUI();\n\n\n },\n 120\n );\n\n\n }\n );\n\n\n\n \/* =======================================================\n INITIAL STATE\n ======================================================== *\/\n\n createMobileDots();\n\n\n createDesktopDots();\n\n\n currentIndex =\n detectCurrentIndex();\n\n\n updateUI();\n\n\n }\n\n\n\n \/* =========================================================\n INIT ALL SECTIONS\n ========================================================= *\/\n\n function initAllAberaReviews() {\n\n\n document\n .querySelectorAll(\n '.abera-review-showcase'\n )\n .forEach(\n function(section) {\n\n\n initAberaReview(\n section\n );\n\n\n }\n );\n\n\n }\n\n\n\n \/* =========================================================\n RUN IMMEDIATELY\n ========================================================= *\/\n\n initAllAberaReviews();\n\n\n\n \/* =========================================================\n DOM READY FALLBACK\n ========================================================= *\/\n\n if (\n document.readyState ===\n 'loading'\n ) {\n\n\n document.addEventListener(\n 'DOMContentLoaded',\n initAllAberaReviews\n );\n\n\n }\n\n\n\n \/* =========================================================\n SHOPIFY THEME EDITOR\n ========================================================= *\/\n\n document.addEventListener(\n 'shopify:section:load',\n function(event) {\n\n\n let section = null;\n\n\n if (\n event.target.matches \u0026\u0026\n event.target.matches(\n '.abera-review-showcase'\n )\n ) {\n\n\n section =\n event.target;\n\n\n } else {\n\n\n section =\n event.target.querySelector(\n '.abera-review-showcase'\n );\n\n\n }\n\n\n if (section) {\n\n\n section.removeAttribute(\n 'data-abera-review-init'\n );\n\n\n initAberaReview(\n section\n );\n\n\n }\n\n\n }\n );\n\n\n})();\n\u003c\/script\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n HOW TO USE - 3 STEPS\n========================================================= *\/\n\n.abera-howto-v3 {\n --bg: #0b0b0b;\n --white: #ffffff;\n --muted: rgba(255,255,255,.72);\n --line: rgba(255,255,255,.14);\n --box: #151515;\n --box-hover: #1a1a1a;\n --accent: #f2eee6;\n\n width: 100%;\n max-width: 100%;\n\n background: var(--bg);\n color: var(--white);\n\n font-family: inherit;\n\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.abera-howto-v3 *,\n.abera-howto-v3 *::before,\n.abera-howto-v3 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-howto-v3__inner {\n width: 100%;\n max-width: 1500px;\n\n margin: 0 auto;\n padding: 48px 34px 30px;\n}\n\n\n\/* =========================================================\n MAIN LAYOUT\n========================================================= *\/\n\n.abera-howto-v3__main {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 1fr)\n minmax(0, 1fr);\n\n gap: 46px;\n\n align-items: center;\n}\n\n.abera-howto-v3__main \u003e * {\n min-width: 0;\n}\n\n\n\/* =========================================================\n VIDEO\n========================================================= *\/\n\n.abera-howto-v3__media {\n width: 100%;\n min-width: 0;\n\n border-radius: 8px;\n\n overflow: hidden;\n\n background: #111111;\n}\n\n.abera-howto-v3__video {\n width: 100%;\n max-width: 100%;\n\n display: block;\n\n aspect-ratio: 1 \/ 1;\n\n object-fit: cover;\n\n background: #111111;\n}\n\n\n\/* =========================================================\n RIGHT CONTENT\n========================================================= *\/\n\n.abera-howto-v3__content {\n width: 100%;\n max-width: 100%;\n min-width: 0;\n}\n\n\n\/* =========================================================\n TITLE\n========================================================= *\/\n\n.abera-howto-v3__eyebrow {\n margin: 0 0 10px;\n\n color: var(--muted);\n\n font-size: 12px;\n line-height: 1.2;\n\n font-weight: 700;\n\n letter-spacing: 1.5px;\n text-transform: uppercase;\n}\n\n.abera-howto-v3__title {\n width: 100%;\n\n margin: 0 0 26px;\n\n color: var(--white);\n\n font-size: clamp(28px, 3vw, 40px);\n line-height: 1.08;\n\n font-weight: 700;\n\n letter-spacing: -.4px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n 3 STEPS\n========================================================= *\/\n\n.abera-howto-v3__steps {\n width: 100%;\n\n display: flex;\n flex-direction: column;\n\n gap: 12px;\n}\n\n\n\/* EACH STEP *\/\n\n.abera-howto-v3__step {\n width: 100%;\n\n padding: 17px 18px;\n\n display: grid;\n\n grid-template-columns: 48px minmax(0, 1fr);\n\n gap: 16px;\n\n align-items: center;\n\n background: var(--box);\n\n border: 1px solid var(--line);\n border-radius: 10px;\n\n transition:\n background .2s ease,\n border-color .2s ease;\n}\n\n.abera-howto-v3__step:hover {\n background: var(--box-hover);\n\n border-color: rgba(255,255,255,.24);\n}\n\n\n\/* STEP NUMBER *\/\n\n.abera-howto-v3__step-number {\n width: 48px;\n height: 48px;\n\n border-radius: 8px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background: #ffffff;\n\n color: #111111;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 800;\n\n letter-spacing: .5px;\n}\n\n\n\/* STEP CONTENT *\/\n\n.abera-howto-v3__step-content {\n min-width: 0;\n}\n\n.abera-howto-v3__step-title {\n margin: 0 0 4px;\n\n color: var(--white);\n\n font-size: 16px;\n line-height: 1.25;\n\n font-weight: 700;\n}\n\n.abera-howto-v3__step-text {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 14px;\n line-height: 1.45;\n}\n\n\n\/* =========================================================\n EXPERT TIP\n========================================================= *\/\n\n.abera-howto-v3__tip {\n width: 100%;\n\n margin-top: 18px;\n\n padding: 16px 18px;\n\n display: flex;\n align-items: flex-start;\n\n gap: 12px;\n\n border: 1px solid rgba(255,255,255,.20);\n border-radius: 9px;\n\n background: #101010;\n}\n\n\n\/* TIP ICON *\/\n\n.abera-howto-v3__tip-icon {\n width: 28px;\n height: 28px;\n\n flex: 0 0 28px;\n\n border-radius: 50%;\n\n background: var(--accent);\n\n color: #111111;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n font-size: 15px;\n font-weight: 800;\n}\n\n\n\/* TIP CONTENT *\/\n\n.abera-howto-v3__tip-content {\n min-width: 0;\n}\n\n.abera-howto-v3__tip-title {\n display: block;\n\n margin-bottom: 3px;\n\n color: var(--white);\n\n font-size: 13px;\n line-height: 1.2;\n\n font-weight: 800;\n\n letter-spacing: .7px;\n\n text-transform: uppercase;\n}\n\n.abera-howto-v3__tip-text {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 14px;\n line-height: 1.45;\n}\n\n.abera-howto-v3__tip-text strong {\n color: var(--white);\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n ICON BENEFITS\n========================================================= *\/\n\n.abera-howto-v3__icons {\n width: 100%;\n\n margin-top: 38px;\n padding-top: 32px;\n\n border-top: 1px solid var(--line);\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 24px;\n}\n\n.abera-howto-v3__icon-item {\n min-width: 0;\n\n display: flex;\n flex-direction: column;\n\n align-items: center;\n justify-content: flex-start;\n\n text-align: center;\n}\n\n\n\/* ICON *\/\n\n.abera-howto-v3__icon-img {\n width: 52px;\n height: 52px;\n\n margin-bottom: 12px;\n\n display: block;\n\n object-fit: contain;\n}\n\n\n\/* ICON LABEL *\/\n\n.abera-howto-v3__icon-label {\n margin: 0;\n\n color: var(--white);\n\n font-size: 13px;\n line-height: 1.25;\n\n font-weight: 600;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-howto-v3__inner {\n padding: 40px 24px 28px;\n }\n\n .abera-howto-v3__main {\n grid-template-columns:\n minmax(0, 1fr)\n minmax(0, 1fr);\n\n gap: 28px;\n }\n\n .abera-howto-v3__title {\n margin-bottom: 20px;\n\n font-size: 30px;\n }\n\n .abera-howto-v3__step {\n padding: 14px;\n\n grid-template-columns: 42px minmax(0, 1fr);\n\n gap: 12px;\n }\n\n .abera-howto-v3__step-number {\n width: 42px;\n height: 42px;\n\n font-size: 13px;\n }\n\n .abera-howto-v3__step-title {\n font-size: 14px;\n }\n\n .abera-howto-v3__step-text {\n font-size: 12.5px;\n }\n\n .abera-howto-v3__tip {\n padding: 14px;\n }\n\n .abera-howto-v3__tip-text {\n font-size: 13px;\n }\n\n .abera-howto-v3__icons {\n gap: 18px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-howto-v3__inner {\n padding: 28px 16px 24px;\n }\n\n\n \/* VIDEO TRÊN - CONTENT DƯỚI *\/\n\n .abera-howto-v3__main {\n display: flex;\n flex-direction: column;\n\n gap: 26px;\n }\n\n .abera-howto-v3__media {\n width: 100%;\n\n border-radius: 7px;\n }\n\n .abera-howto-v3__video {\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n }\n\n\n \/* TITLE *\/\n\n .abera-howto-v3__eyebrow {\n margin-bottom: 8px;\n\n font-size: 10px;\n }\n\n .abera-howto-v3__title {\n margin-bottom: 20px;\n\n font-size: 27px;\n line-height: 1.15;\n }\n\n\n \/* STEPS *\/\n\n .abera-howto-v3__steps {\n gap: 10px;\n }\n\n .abera-howto-v3__step {\n padding: 14px;\n\n grid-template-columns: 42px minmax(0, 1fr);\n\n gap: 12px;\n\n border-radius: 8px;\n }\n\n .abera-howto-v3__step-number {\n width: 42px;\n height: 42px;\n\n border-radius: 7px;\n\n font-size: 12px;\n }\n\n .abera-howto-v3__step-title {\n margin-bottom: 3px;\n\n font-size: 15px;\n }\n\n .abera-howto-v3__step-text {\n font-size: 13px;\n line-height: 1.4;\n }\n\n\n \/* EXPERT TIP *\/\n\n .abera-howto-v3__tip {\n margin-top: 14px;\n\n padding: 14px;\n\n border-radius: 8px;\n }\n\n .abera-howto-v3__tip-title {\n font-size: 11px;\n }\n\n .abera-howto-v3__tip-text {\n font-size: 13px;\n line-height: 1.4;\n }\n\n\n \/* ICONS *\/\n\n .abera-howto-v3__icons {\n margin-top: 28px;\n padding-top: 26px;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 10px;\n }\n\n .abera-howto-v3__icon-img {\n width: 38px;\n height: 38px;\n\n margin-bottom: 9px;\n }\n\n .abera-howto-v3__icon-label {\n font-size: 9px;\n line-height: 1.25;\n }\n\n}\n\n\n\/* =========================================================\n SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 420px) {\n\n .abera-howto-v3__inner {\n padding-left: 14px;\n padding-right: 14px;\n }\n\n .abera-howto-v3__title {\n font-size: 24px;\n }\n\n .abera-howto-v3__step {\n grid-template-columns: 38px minmax(0, 1fr);\n\n gap: 10px;\n\n padding: 12px;\n }\n\n .abera-howto-v3__step-number {\n width: 38px;\n height: 38px;\n }\n\n .abera-howto-v3__icons {\n gap: 6px;\n }\n\n .abera-howto-v3__icon-img {\n width: 34px;\n height: 34px;\n }\n\n .abera-howto-v3__icon-label {\n font-size: 8.5px;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-howto-v3\"\u003e\n\u003cdiv class=\"abera-howto-v3__inner\"\u003e\n\u003c!-- =====================================================\n TOP CONTENT\n ====================================================== --\u003e\n\u003cdiv class=\"abera-howto-v3__main\"\u003e\n\u003c!-- ===================================================\n LEFT - VIDEO\n ==================================================== --\u003e\n\u003cdiv class=\"abera-howto-v3__media\"\u003e\u003cvideo class=\"abera-howto-v3__video\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\n\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3f8be01c24834be09db1eafc97629d62.mp4\" type=\"video\/mp4\"\u003e\n\n Your browser does not support the video tag.\n\n \u003c\/source\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c!-- ===================================================\n RIGHT - HOW TO USE\n ==================================================== --\u003e\n\u003cdiv class=\"abera-howto-v3__content\"\u003e\n\u003cdiv class=\"abera-howto-v3__eyebrow\"\u003eHOW TO USE\u003c\/div\u003e\n\u003ch2 class=\"abera-howto-v3__title\"\u003e60 SECONDS EVERY NIGHT\u003c\/h2\u003e\n\u003c!-- =================================================\n 3 STEPS\n ================================================== --\u003e\n\u003cdiv class=\"abera-howto-v3__steps\"\u003e\n\u003c!-- STEP 01 --\u003e\n\u003cdiv class=\"abera-howto-v3__step\"\u003e\n\u003cdiv class=\"abera-howto-v3__step-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"abera-howto-v3__step-content\"\u003e\n\u003ch3 class=\"abera-howto-v3__step-title\"\u003eSTART WITH CLEAN, DRY SKIN\u003c\/h3\u003e\n\u003cp class=\"abera-howto-v3__step-text\"\u003eCleanse your face and pat completely dry.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- STEP 02 --\u003e\n\u003cdiv class=\"abera-howto-v3__step\"\u003e\n\u003cdiv class=\"abera-howto-v3__step-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"abera-howto-v3__step-content\"\u003e\n\u003ch3 class=\"abera-howto-v3__step-title\"\u003eAPPLY A FEW DROPS\u003c\/h3\u003e\n\u003cp class=\"abera-howto-v3__step-text\"\u003eApply a few drops of ABERA MEN Retinol Serum to your face and neck.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- STEP 03 --\u003e\n\u003cdiv class=\"abera-howto-v3__step\"\u003e\n\u003cdiv class=\"abera-howto-v3__step-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"abera-howto-v3__step-content\"\u003e\n\u003ch3 class=\"abera-howto-v3__step-title\"\u003eMASSAGE \u0026amp; LET IT ABSORB\u003c\/h3\u003e\n\u003cp class=\"abera-howto-v3__step-text\"\u003eMassage gently until absorbed. Start 2–3 nights per week, then build up to nightly use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n EXPERT TIP\n ================================================== --\u003e\n\u003cdiv class=\"abera-howto-v3__tip\"\u003e\n\u003cdiv class=\"abera-howto-v3__tip-icon\"\u003e☀\u003c\/div\u003e\n\u003cdiv class=\"abera-howto-v3__tip-content\"\u003e\n\u003cspan class=\"abera-howto-v3__tip-title\"\u003e Expert Tip \u003c\/span\u003e\n\u003cp class=\"abera-howto-v3__tip-text\"\u003eUse a \u003cstrong\u003ebroad-spectrum SPF 50+\u003c\/strong\u003e every morning while using retinol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n ICON ROW\n ====================================================== --\u003e\n\u003cdiv class=\"abera-howto-v3__icons\"\u003e\n\u003c!-- ICON 01 --\u003e\n\u003cdiv class=\"abera-howto-v3__icon-item\"\u003e\n\u003cimg class=\"abera-howto-v3__icon-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/17_4b584ed0-a5a0-4e05-b5ed-941e0659119d.webp?v=1786634004\" alt=\"No Animal Testing\" loading=\"lazy\"\u003e\n\u003cp class=\"abera-howto-v3__icon-label\"\u003eNO ANIMAL\u003cbr\u003eTESTING\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ICON 02 --\u003e\n\u003cdiv class=\"abera-howto-v3__icon-item\"\u003e\n\u003cimg class=\"abera-howto-v3__icon-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/18_2b9950f9-1de2-4435-840f-a2788bc79db5.webp?v=1786634004\" alt=\"Dermatologist Tested\" loading=\"lazy\"\u003e\n\u003cp class=\"abera-howto-v3__icon-label\"\u003eDERMATOLOGIST\u003cbr\u003eTESTED\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ICON 03 --\u003e\n\u003cdiv class=\"abera-howto-v3__icon-item\"\u003e\n\u003cimg class=\"abera-howto-v3__icon-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/19_f1ab1d79-53db-49a0-93ac-390f9f40fc7a.webp?v=1786634004\" alt=\"Paraben Free\" loading=\"lazy\"\u003e\n\u003cp class=\"abera-howto-v3__icon-label\"\u003ePARABEN FREE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ICON 04 --\u003e\n\u003cdiv class=\"abera-howto-v3__icon-item\"\u003e\n\u003cimg class=\"abera-howto-v3__icon-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/20_7f253aec-af5d-4f7a-8873-03ad4bf71af2.webp?v=1786634004\" alt=\"Silicone Free\" loading=\"lazy\"\u003e\n\u003cp class=\"abera-howto-v3__icon-label\"\u003eSILICONE FREE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n INGREDIENTS - 7 CARD VERSION\n========================================================= *\/\n\n.abera-ing-v3 {\n --black: #111111;\n --white: #ffffff;\n --text: #333333;\n --muted: #666666;\n --line: #dddddd;\n --card: #0d0d0d;\n\n width: 100%;\n max-width: 100%;\n\n padding: 48px 30px 46px;\n\n background: #ffffff;\n color: var(--black);\n\n font-family: inherit;\n\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.abera-ing-v3 *,\n.abera-ing-v3 *::before,\n.abera-ing-v3 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-ing-v3__inner {\n width: 100%;\n max-width: 1600px;\n\n margin: 0 auto;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-ing-v3__header {\n width: 100%;\n max-width: 820px;\n\n margin: 0 auto 30px;\n\n text-align: center;\n}\n\n\n.abera-ing-v3__title {\n margin: 0 0 12px;\n\n color: var(--black);\n\n font-size: clamp(26px, 3vw, 36px);\n line-height: 1.12;\n\n font-weight: 700;\n\n letter-spacing: -.3px;\n\n text-transform: uppercase;\n}\n\n\n.abera-ing-v3__subtitle {\n max-width: 720px;\n\n margin: 0 auto;\n\n color: var(--text);\n\n font-size: 16px;\n line-height: 1.55;\n}\n\n\n.abera-ing-v3__subtitle strong {\n color: var(--black);\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n FULL INGREDIENTS DROPDOWN\n========================================================= *\/\n\n.abera-ing-v3__accordion {\n width: 100%;\n max-width: 650px;\n\n margin: 22px auto 0;\n\n border-top: 1px solid var(--line);\n border-bottom: 1px solid var(--line);\n}\n\n\n.abera-ing-v3__accordion summary {\n position: relative;\n\n padding: 16px 40px 16px 0;\n\n list-style: none;\n\n color: var(--black);\n\n font-size: 14px;\n line-height: 1.2;\n\n font-weight: 700;\n\n text-align: left;\n\n cursor: pointer;\n\n text-transform: uppercase;\n}\n\n\n.abera-ing-v3__accordion summary::-webkit-details-marker {\n display: none;\n}\n\n\n.abera-ing-v3__accordion summary::after {\n content: \"\";\n\n position: absolute;\n\n right: 5px;\n top: 50%;\n\n width: 0;\n height: 0;\n\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-top: 8px solid #111111;\n\n transform: translateY(-50%);\n\n transition: transform .2s ease;\n}\n\n\n.abera-ing-v3__accordion[open] summary::after {\n transform:\n translateY(-50%)\n rotate(180deg);\n}\n\n\n.abera-ing-v3__accordion-content {\n padding: 0 0 17px;\n\n text-align: left;\n}\n\n\n.abera-ing-v3__accordion-content p {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 12px;\n line-height: 1.6;\n}\n\n\n\/* =========================================================\n CAROUSEL WRAPPER\n========================================================= *\/\n\n.abera-ing-v3__carousel {\n position: relative;\n\n width: 100%;\n}\n\n\n\/* =========================================================\n DESKTOP TRACK\n 7 CARDS VISIBLE\n========================================================= *\/\n\n.abera-ing-v3__track {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(7, minmax(0, 1fr));\n\n gap: 10px;\n\n align-items: stretch;\n}\n\n\n\/* =========================================================\n CARD\n========================================================= *\/\n\n.abera-ing-v3__card {\n min-width: 0;\n\n display: flex;\n flex-direction: column;\n\n background: var(--card);\n\n border-radius: 7px;\n\n overflow: hidden;\n\n color: #ffffff;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.abera-ing-v3__image {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #151515;\n\n flex-shrink: 0;\n}\n\n\n.abera-ing-v3__image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n SPECIAL CROP:\n RETINOL + NIACINAMIDE FROM SAME IMAGE\n========================================================= *\/\n\n.abera-ing-v3__image--split img {\n position: absolute;\n\n top: 0;\n\n width: 200%;\n max-width: none;\n\n height: 100%;\n\n object-fit: cover;\n}\n\n\n\/* RETINOL = LEFT HALF *\/\n\n.abera-ing-v3__image--retinol img {\n left: 0;\n}\n\n\n\/* NIACINAMIDE = RIGHT HALF *\/\n\n.abera-ing-v3__image--niacinamide img {\n left: -100%;\n}\n\n\n\/* =========================================================\n CARD CONTENT\n========================================================= *\/\n\n.abera-ing-v3__content {\n flex: 1;\n\n padding: 14px 12px 16px;\n\n display: flex;\n flex-direction: column;\n}\n\n\n.abera-ing-v3__name {\n margin: 0 0 7px;\n\n color: #ffffff;\n\n font-size: 13px;\n line-height: 1.25;\n\n font-weight: 750;\n\n text-transform: uppercase;\n}\n\n\n.abera-ing-v3__benefit {\n margin: 0;\n\n color: rgba(255,255,255,.72);\n\n font-size: 12px;\n line-height: 1.45;\n}\n\n\n\/* =========================================================\n ARROWS\n HIDDEN ON DESKTOP\n========================================================= *\/\n\n.abera-ing-v3__controls {\n display: none;\n}\n\n\n.abera-ing-v3__arrow {\n width: 42px;\n height: 42px;\n\n padding: 0;\n\n border: 0;\n border-radius: 50%;\n\n background: #111111;\n color: #ffffff;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n cursor: pointer;\n\n transition:\n opacity .2s ease,\n transform .2s ease;\n}\n\n\n.abera-ing-v3__arrow:active {\n transform: scale(.95);\n}\n\n\n.abera-ing-v3__arrow:disabled {\n opacity: .25;\n\n cursor: default;\n}\n\n\n.abera-ing-v3__arrow svg {\n width: 19px;\n height: 19px;\n\n stroke: currentColor;\n}\n\n\n\/* COUNTER *\/\n\n.abera-ing-v3__counter {\n min-width: 54px;\n\n color: #666666;\n\n font-size: 12px;\n line-height: 1;\n\n font-weight: 600;\n\n text-align: center;\n}\n\n\n\/* =========================================================\n MEDIUM DESKTOP\n========================================================= *\/\n\n@media screen and (min-width: 1000px) and (max-width: 1250px) {\n\n .abera-ing-v3 {\n padding-left: 18px;\n padding-right: 18px;\n }\n\n\n .abera-ing-v3__track {\n gap: 7px;\n }\n\n\n .abera-ing-v3__content {\n padding: 11px 9px 13px;\n }\n\n\n .abera-ing-v3__name {\n font-size: 11px;\n }\n\n\n .abera-ing-v3__benefit {\n font-size: 10.5px;\n }\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 999px) {\n\n .abera-ing-v3 {\n padding: 38px 20px;\n }\n\n\n .abera-ing-v3__track {\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 10px;\n }\n\n\n .abera-ing-v3__card {\n margin-bottom: 0;\n }\n\n\n .abera-ing-v3__name {\n font-size: 12px;\n }\n\n\n .abera-ing-v3__benefit {\n font-size: 11px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-ing-v3 {\n padding: 30px 15px 32px;\n }\n\n\n \/* HEADER *\/\n\n .abera-ing-v3__header {\n margin-bottom: 22px;\n\n text-align: left;\n }\n\n\n .abera-ing-v3__title {\n margin-bottom: 10px;\n\n font-size: 25px;\n line-height: 1.18;\n }\n\n\n .abera-ing-v3__subtitle {\n margin: 0;\n\n font-size: 14px;\n line-height: 1.5;\n }\n\n\n .abera-ing-v3__accordion {\n max-width: none;\n\n margin-top: 17px;\n }\n\n\n .abera-ing-v3__accordion summary {\n padding: 14px 36px 14px 0;\n\n font-size: 13px;\n }\n\n\n \/* =======================================================\n MOBILE VIEWPORT\n ONLY ONE CARD VISIBLE\n ======================================================= *\/\n\n .abera-ing-v3__carousel {\n width: 100%;\n\n overflow: hidden;\n }\n\n\n .abera-ing-v3__track {\n width: 100%;\n\n display: flex;\n\n gap: 0;\n\n overflow: hidden;\n\n scroll-behavior: smooth;\n scroll-snap-type: x mandatory;\n }\n\n\n .abera-ing-v3__card {\n flex: 0 0 100%;\n\n min-width: 100%;\n\n scroll-snap-align: start;\n\n border-radius: 8px;\n }\n\n\n \/* IMAGE *\/\n\n .abera-ing-v3__image {\n aspect-ratio: 1 \/ .9;\n }\n\n\n \/* CONTENT *\/\n\n .abera-ing-v3__content {\n padding: 17px 16px 20px;\n }\n\n\n .abera-ing-v3__name {\n margin-bottom: 7px;\n\n font-size: 16px;\n }\n\n\n .abera-ing-v3__benefit {\n font-size: 14px;\n line-height: 1.45;\n }\n\n\n \/* =======================================================\n MOBILE ARROWS\n ======================================================= *\/\n\n .abera-ing-v3__controls {\n margin-top: 16px;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n gap: 14px;\n }\n\n}\n\n\n\/* =========================================================\n SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 420px) {\n\n .abera-ing-v3 {\n padding-left: 13px;\n padding-right: 13px;\n }\n\n\n .abera-ing-v3__title {\n font-size: 23px;\n }\n\n\n .abera-ing-v3__arrow {\n width: 40px;\n height: 40px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-ing-v3\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__inner\"\u003e\n\n\n \u003c!-- =====================================================\n TOP HEADER\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-ing-v3__header\"\u003e\n\n\n \u003ch2 class=\"abera-ing-v3__title\"\u003e\n WHAT'S INSIDE AND WHY IT WORKS\n \u003c\/h2\u003e\n\n\n \u003cp class=\"abera-ing-v3__subtitle\"\u003e\n A dermatologist-tested blend of\n \u003cstrong\u003escience-backed actives and skin-supporting ingredients\u003c\/strong\u003e\n for smoother, healthier-looking skin.\n \u003c\/p\u003e\n\n\n\n \u003c!-- =================================================\n FULL INGREDIENTS\n ================================================== --\u003e\n\n \u003cdetails class=\"abera-ing-v3__accordion\"\u003e\n\n \u003csummary\u003e\n SEE FULL INGREDIENTS\n \u003c\/summary\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__accordion-content\"\u003e\n\n \u003cp\u003e\n Purified Water, Propylene Glycol, Niacinamide,\n Aloe Barbadensis Leaf Juice Powder, Alcohol,\n Retinol (and) Hydroxypropyl Cyclodextrin,\n PEG-40 Hydrogenated Castor Oil,\n Pentylene Glycol (and) Ganoderma Lucidum\n (Mushroom) Extract, Centella Asiatica Extract\n (and) Aspergillus Ferment (and) Butylene Glycol\n (and) 1,2-Hexanediol (and) Ethyl Hexanediol,\n Hyaluronic Acid, Dipotassium Glycyrrhizate,\n Sclerotium Gum, Phenoxyethanol (and)\n Ethylhexylglycerin, Tocopheryl Acetate,\n Rosa Damascena Flower Oil,\n Menthol (and) Menthyl Lactate.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n CARDS\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-ing-v3__carousel\"\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__track\"\u003e\n\n\n \u003c!-- =================================================\n 01 RETINOL\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"\n abera-ing-v3__image\n abera-ing-v3__image--split\n abera-ing-v3__image--retinol\n \"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_37.webp?v=1786674306\" alt=\"Retinol 0.1%\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n RETINOL 0.1%\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Helps reduce fine lines and improve skin texture.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 02 NIACINAMIDE\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"\n abera-ing-v3__image\n abera-ing-v3__image--split\n abera-ing-v3__image--niacinamide\n \"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_37.webp?v=1786674306\" alt=\"Niacinamide\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n NIACINAMIDE 5%\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Helps brighten dark spots and even skin tone.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 03 PANTHENOL\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_38.webp?v=1786674307\" alt=\"Panthenol Vitamin B5\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n PANTHENOL B5\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Hydrates, soothes and supports the skin barrier.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 04 REISHI\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/whiskeydarek_Close-up_of_reishi_mushrooms_growing_on_a_log_996344e7-3303-4ea1-9f54-8c1837c54a68.webp?v=1786674307\" alt=\"Reishi Mushroom Extract\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n REISHI MUSHROOM\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Helps soothe and protect stressed-looking skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 05 ALOE\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/aloe.webp?v=1786674306\" alt=\"Aloe Barbadensis\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n ALOE BARBADENSIS\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Hydrates and calms dry, irritated-looking skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 06 ROSA DAMASCENA\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Rosa_Damascena.webp?v=1786674449\" alt=\"Rosa Damascena\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n ROSA DAMASCENA\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Helps calm and soften the skin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 07 CENTELLA\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Artboard_18_4a033c62-5196-4b6a-8b44-8eaadc0a2833.webp?v=1786674306\" alt=\"Centella Asiatica Extract\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n CENTELLA ASIATICA\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Soothes skin and supports visible recovery.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- ===================================================\n MOBILE CONTROLS\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-ing-v3__controls\"\u003e\n\n\n \u003cbutton class=\"abera-ing-v3__arrow abera-ing-v3__prev\" type=\"button\" aria-label=\"Previous ingredient\"\u003e\n\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M15 18L9 12L15 6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n\n \u003cdiv class=\"abera-ing-v3__counter\"\u003e\n\n \u003cspan class=\"abera-ing-v3__current\"\u003e\n 1\n \u003c\/span\u003e\n\n \/\n\n \u003cspan class=\"abera-ing-v3__total\"\u003e\n 7\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cbutton class=\"abera-ing-v3__arrow abera-ing-v3__next\" type=\"button\" aria-label=\"Next ingredient\"\u003e\n\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M9 18L15 12L9 6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003cscript\u003e\n(function () {\n\n function initAberaIngredientsV3(section) {\n\n if (!section) return;\n\n const track =\n section.querySelector('.abera-ing-v3__track');\n\n const cards =\n Array.from(\n section.querySelectorAll('.abera-ing-v3__card')\n );\n\n const prev =\n section.querySelector('.abera-ing-v3__prev');\n\n const next =\n section.querySelector('.abera-ing-v3__next');\n\n const current =\n section.querySelector('.abera-ing-v3__current');\n\n const total =\n section.querySelector('.abera-ing-v3__total');\n\n\n if (!track || !cards.length) return;\n\n\n let index = 0;\n\n\n if (total) {\n total.textContent = cards.length;\n }\n\n\n \/* =====================================================\n MOBILE ONLY\n ====================================================== *\/\n\n function isMobile() {\n return window.innerWidth \u003c= 749;\n }\n\n\n \/* =====================================================\n GO TO CARD\n ====================================================== *\/\n\n function goToCard(newIndex) {\n\n if (!isMobile()) return;\n\n\n index =\n Math.max(\n 0,\n Math.min(\n newIndex,\n cards.length - 1\n )\n );\n\n\n const cardWidth =\n track.clientWidth;\n\n\n track.scrollTo({\n\n left:\n cardWidth * index,\n\n behavior: 'smooth'\n\n });\n\n\n updateControls();\n\n }\n\n\n \/* =====================================================\n UPDATE CONTROL\n ====================================================== *\/\n\n function updateControls() {\n\n if (current) {\n current.textContent = index + 1;\n }\n\n\n if (prev) {\n prev.disabled = index === 0;\n }\n\n\n if (next) {\n next.disabled =\n index === cards.length - 1;\n }\n\n }\n\n\n \/* =====================================================\n PREVIOUS\n ====================================================== *\/\n\n if (prev) {\n\n prev.addEventListener(\n 'click',\n function () {\n\n goToCard(index - 1);\n\n }\n );\n\n }\n\n\n \/* =====================================================\n NEXT\n ====================================================== *\/\n\n if (next) {\n\n next.addEventListener(\n 'click',\n function () {\n\n goToCard(index + 1);\n\n }\n );\n\n }\n\n\n \/* =====================================================\n RESET WHEN RESIZE\n ====================================================== *\/\n\n window.addEventListener(\n 'resize',\n function () {\n\n if (isMobile()) {\n\n track.scrollTo({\n left:\n track.clientWidth * index,\n\n behavior: 'auto'\n });\n\n } else {\n\n index = 0;\n\n track.scrollTo({\n left: 0,\n behavior: 'auto'\n });\n\n }\n\n\n updateControls();\n\n }\n );\n\n\n updateControls();\n\n }\n\n\n function initAll() {\n\n document\n .querySelectorAll('.abera-ing-v3')\n .forEach(initAberaIngredientsV3);\n\n }\n\n\n if (document.readyState === 'loading') {\n\n document.addEventListener(\n 'DOMContentLoaded',\n initAll\n );\n\n } else {\n\n initAll();\n\n }\n\n})();\n\u003c\/script\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n FIRST 90 DAYS TIMELINE\n========================================================= *\/\n\n.abera-90days {\n --black: #111111;\n --text: #2d2d2d;\n --muted: #666666;\n --line: #dedede;\n --soft: #f5f5f5;\n --white: #ffffff;\n\n width: 100%;\n background: var(--white);\n color: var(--black);\n\n font-family: inherit;\n box-sizing: border-box;\n\n padding: 54px 30px 58px;\n}\n\n.abera-90days *,\n.abera-90days *::before,\n.abera-90days *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-90days__inner {\n width: 100%;\n max-width: 1450px;\n\n margin: 0 auto;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-90days__header {\n max-width: 760px;\n\n margin: 0 auto 40px;\n\n text-align: center;\n}\n\n\n.abera-90days__title {\n margin: 0 0 10px;\n\n color: var(--black);\n\n font-size: clamp(20px, 3vw, 30px);\n line-height: 1.12;\n\n font-weight: 700;\n\n letter-spacing: 0px;\n\n text-transform: uppercase;\n}\n\n\n.abera-90days__subtitle {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 18px;\n line-height: 1.5;\n}\n\n\n\/* =========================================================\n TIMELINE\n========================================================= *\/\n\n.abera-90days__timeline {\n position: relative;\n\n width: calc(100% - 150px);\n\n height: 30px;\n\n margin: 0 auto 22px;\n}\n\n\n\/* LINE *\/\n\n.abera-90days__timeline::before {\n content: \"\";\n\n position: absolute;\n\n left: 0;\n right: 0;\n top: 50%;\n\n height: 2px;\n\n background: #e5e5e5;\n\n transform: translateY(-50%);\n}\n\n\n\/* DOTS *\/\n\n.abera-90days__timeline-dot {\n position: absolute;\n\n top: 50%;\n\n width: 18px;\n height: 18px;\n\n border-radius: 50%;\n\n background: var(--black);\n\n border: 4px solid #dddddd;\n\n transform: translate(-50%, -50%);\n\n z-index: 2;\n}\n\n\n.abera-90days__timeline-dot:nth-child(1) {\n left: 16.666%;\n}\n\n\n.abera-90days__timeline-dot:nth-child(2) {\n left: 50%;\n}\n\n\n.abera-90days__timeline-dot:nth-child(3) {\n left: 83.333%;\n}\n\n\n\/* =========================================================\n CARDS\n========================================================= *\/\n\n.abera-90days__cards {\n display: grid;\n\n grid-template-columns:\n repeat(3, minmax(0, 1fr));\n\n gap: 22px;\n\n align-items: stretch;\n}\n\n\n\/* CARD *\/\n\n.abera-90days__card {\n min-width: 0;\n\n display: flex;\n flex-direction: column;\n\n background: #ffffff;\n\n border: 1px solid #e4e4e4;\n\n border-radius: 10px;\n\n overflow: hidden;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.abera-90days__image {\n width: 100%;\n\n aspect-ratio: 1 \/ .92;\n\n overflow: hidden;\n\n background: #eeeeee;\n\n flex-shrink: 0;\n}\n\n\n.abera-90days__image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n CONTENT\n========================================================= *\/\n\n.abera-90days__content {\n flex: 1;\n\n padding: 20px 20px 24px;\n}\n\n\n\/* WEEK TAG *\/\n\n.abera-90days__week {\n display: inline-flex;\n\n margin-bottom: 15px;\n\n padding: 7px 15px;\n\n border-radius: 999px;\n\n background: var(--black);\n color: #ffffff;\n\n font-size: 12px;\n line-height: 1;\n\n font-weight: 700;\n\n letter-spacing: .3px;\n\n text-transform: uppercase;\n}\n\n\n\/* CARD TITLE *\/\n\n.abera-90days__card-title {\n margin: 0 0 15px;\n\n color: var(--black);\n\n font-size: 18px;\n line-height: 1.25;\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n LIST\n========================================================= *\/\n\n.abera-90days__list {\n list-style: none;\n\n margin: 0;\n padding: 0;\n}\n\n\n.abera-90days__list li {\n position: relative;\n\n margin: 0 0 14px;\n\n padding-left: 26px;\n\n color: var(--text);\n\n font-size: 15px;\n line-height: 1.4;\n}\n\n\n.abera-90days__list li:last-child {\n margin-bottom: 0;\n}\n\n\n\/* CHECK *\/\n\n.abera-90days__list li::before {\n content: \"✓\";\n\n position: absolute;\n\n left: 0;\n top: 1px;\n\n width: 17px;\n height: 17px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border: 1.5px solid #777777;\n border-radius: 50%;\n\n color: #444444;\n\n font-size: 10px;\n line-height: 1;\n\n font-weight: 800;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-90days {\n padding: 44px 22px 48px;\n }\n\n\n .abera-90days__cards {\n gap: 14px;\n }\n\n\n .abera-90days__content {\n padding: 17px 16px 20px;\n }\n\n\n .abera-90days__card-title {\n font-size: 16px;\n }\n\n\n .abera-90days__list li {\n padding-left: 23px;\n\n font-size: 13px;\n }\n\n\n .abera-90days__timeline {\n width: calc(100% - 100px);\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-90days {\n padding: 20px 10px 20px;\n }\n\n\n \/* HEADER *\/\n\n .abera-90days__header {\n margin-bottom: 26px;\n\n text-align: left;\n }\n\n\n .abera-90days__title {\n margin-bottom: 9px;\n\n font-size: 26px;\n line-height: 1.18;\n }\n\n\n .abera-90days__subtitle {\n font-size: 16px;\n line-height: 1.5;\n }\n\n\n \/* HIDE DESKTOP LINE *\/\n\n .abera-90days__timeline {\n display: none;\n }\n\n\n \/* CARDS STACK *\/\n\n .abera-90days__cards {\n display: flex;\n flex-direction: column;\n\n gap: 16px;\n }\n\n\n .abera-90days__card {\n width: 100%;\n\n border-radius: 9px;\n }\n\n\n .abera-90days__image {\n aspect-ratio: 1 \/ .82;\n }\n\n\n .abera-90days__content {\n padding: 17px 16px 20px;\n }\n\n\n .abera-90days__week {\n margin-bottom: 12px;\n\n padding: 6px 13px;\n\n font-size: 11px;\n }\n\n\n .abera-90days__card-title {\n margin-bottom: 13px;\n\n font-size: 17px;\n }\n\n\n .abera-90days__list li {\n margin-bottom: 12px;\n\n padding-left: 24px;\n\n font-size: 14px;\n line-height: 1.4;\n }\n\n}\n\u003c\/style\u003e\n\n\n\n\u003csection class=\"abera-90days\"\u003e\n\n \u003cdiv class=\"abera-90days__inner\"\u003e\n\n\n \u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-90days__header\"\u003e\n\n \u003ch2 class=\"abera-90days__title\"\u003e\n YOUR FIRST 90 DAYS WITH ABERA MEN\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-90days__subtitle\"\u003e\n Here's exactly what to expect — week by week.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n DESKTOP TIMELINE\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-90days__timeline\"\u003e\n\n \u003cspan class=\"abera-90days__timeline-dot\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"abera-90days__timeline-dot\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"abera-90days__timeline-dot\"\u003e\u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n CARDS\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-90days__cards\"\u003e\n\n\n \u003c!-- ===================================================\n WEEK 1–2\n ==================================================== --\u003e\n\n \u003carticle class=\"abera-90days__card\"\u003e\n\n\n \u003cdiv class=\"abera-90days__image\"\u003e\n\n \u003c!-- =========================================\n GẮN LINK HÌNH WEEK 1–2 TẠI ĐÂY\n ========================================== --\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/15_1.webp?v=1788843806\" alt=\"ABERA Men Retinol week 1 to 2 results\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"abera-90days__content\"\u003e\n\n \u003cspan class=\"abera-90days__week\"\u003e\n WEEK 1–2\n \u003c\/span\u003e\n\n\n \u003ch3 class=\"abera-90days__card-title\"\u003e\n The Foundation\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-90days__list\"\u003e\n\n \u003cli\u003e\n Neck and face feel hydrated overnight without greasy residue\n \u003c\/li\u003e\n\n \u003cli\u003e\n Dry, tight feeling after washing disappears\n \u003c\/li\u003e\n\n \u003cli\u003e\n Skin texture starts softening — you'll feel it before you see it\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- ===================================================\n WEEK 3–6\n ==================================================== --\u003e\n\n \u003carticle class=\"abera-90days__card\"\u003e\n\n\n \u003cdiv class=\"abera-90days__image\"\u003e\n\n \u003c!-- =========================================\n GẮN LINK HÌNH WEEK 3–6 TẠI ĐÂY\n ========================================== --\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/17_1_d75c17f0-0986-4c9f-af42-564d35b56339.webp?v=1788843805\" alt=\"ABERA Men Retinol week 3 to 6 results\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"abera-90days__content\"\u003e\n\n \u003cspan class=\"abera-90days__week\"\u003e\n WEEK 3–6\n \u003c\/span\u003e\n\n\n \u003ch3 class=\"abera-90days__card-title\"\u003e\n Others Start Noticing\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-90days__list\"\u003e\n\n \u003cli\u003e\n Fine lines around eyes and forehead visibly soften\n \u003c\/li\u003e\n\n \u003cli\u003e\n Skin tone evens out — the \"tired, exhausted\" look fades\n \u003c\/li\u003e\n\n \u003cli\u003e\n Your wife, your barber, your coworker — someone will say something\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- ===================================================\n WEEK 8–12\n ==================================================== --\u003e\n\n \u003carticle class=\"abera-90days__card\"\u003e\n\n\n \u003cdiv class=\"abera-90days__image\"\u003e\n\n \u003c!-- =========================================\n GẮN LINK HÌNH WEEK 8–12 TẠI ĐÂY\n ========================================== --\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/16_1.webp?v=1788843805\" alt=\"ABERA Men Retinol week 8 to 12 results\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"abera-90days__content\"\u003e\n\n \u003cspan class=\"abera-90days__week\"\u003e\n WEEK 8–12\n \u003c\/span\u003e\n\n\n \u003ch3 class=\"abera-90days__card-title\"\u003e\n The Real Transformation\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-90days__list\"\u003e\n\n \u003cli\u003e\n Jawline looks noticeably firmer and more defined\n \u003c\/li\u003e\n\n \u003cli\u003e\n Neck skin tightens — less sagging over the collar\n \u003c\/li\u003e\n\n \u003cli\u003e\n Deep lines continue reducing — you look like YOU, just younger\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN\n FACE + BODY BUNDLE - CAROUSEL + PRICE\n========================================================= *\/\n\n.abera-duo-v4 {\n --black: #111111;\n --text: #333333;\n --muted: #707070;\n --line: #dddddd;\n --white: #ffffff;\n --dot: #c7c7c7;\n --sale: #d71920;\n\n width: 100%;\n max-width: 100%;\n\n background: #ffffff;\n color: var(--black);\n\n font-family: inherit;\n\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.abera-duo-v4 *,\n.abera-duo-v4 *::before,\n.abera-duo-v4 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-duo-v4__inner {\n width: 100%;\n max-width: 1450px;\n\n margin: 0 auto;\n\n padding: 54px 34px;\n}\n\n\n\/* =========================================================\n MAIN LAYOUT\n========================================================= *\/\n\n.abera-duo-v4__layout {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 1fr)\n minmax(0, 1fr);\n\n gap: 42px;\n\n align-items: center;\n}\n\n.abera-duo-v4__layout \u003e * {\n min-width: 0;\n}\n\n\n\/* =========================================================\n LEFT - IMAGE CAROUSEL\n========================================================= *\/\n\n.abera-duo-v4__gallery {\n width: 100%;\n min-width: 0;\n}\n\n\n.abera-duo-v4__viewport {\n width: 100%;\n\n overflow: hidden;\n\n border-radius: 9px;\n\n background: #f3f3f3;\n}\n\n\n.abera-duo-v4__track {\n width: 100%;\n\n display: flex;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n scroll-behavior: smooth;\n scroll-snap-type: x mandatory;\n\n scrollbar-width: none;\n\n -webkit-overflow-scrolling: touch;\n}\n\n\n.abera-duo-v4__track::-webkit-scrollbar {\n display: none;\n}\n\n\n.abera-duo-v4__slide {\n flex: 0 0 100%;\n min-width: 100%;\n\n scroll-snap-align: start;\n scroll-snap-stop: always;\n}\n\n\n.abera-duo-v4__slide img {\n width: 100%;\n\n display: block;\n\n aspect-ratio: 1 \/ 1;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n CAROUSEL CONTROLS\n========================================================= *\/\n\n.abera-duo-v4__controls {\n width: 100%;\n\n margin-top: 16px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n gap: 15px;\n}\n\n\n\/* ARROWS *\/\n\n.abera-duo-v4__arrow {\n width: 38px;\n height: 38px;\n\n flex: 0 0 38px;\n\n padding: 0;\n\n border: 1px solid #d5d5d5;\n border-radius: 50%;\n\n background: #ffffff;\n color: #111111;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n cursor: pointer;\n\n transition:\n background .2s ease,\n color .2s ease,\n border-color .2s ease,\n opacity .2s ease,\n transform .2s ease;\n}\n\n\n.abera-duo-v4__arrow:hover {\n background: #111111;\n color: #ffffff;\n\n border-color: #111111;\n}\n\n\n.abera-duo-v4__arrow:active {\n transform: scale(.94);\n}\n\n\n.abera-duo-v4__arrow:disabled {\n opacity: .25;\n\n cursor: default;\n\n background: #ffffff;\n color: #111111;\n\n border-color: #d5d5d5;\n}\n\n\n.abera-duo-v4__arrow svg {\n width: 18px;\n height: 18px;\n\n display: block;\n\n stroke: currentColor;\n}\n\n\n\/* =========================================================\n DOTS\n========================================================= *\/\n\n.abera-duo-v4__dots {\n display: flex;\n align-items: center;\n justify-content: center;\n\n gap: 7px;\n}\n\n\n.abera-duo-v4__dot {\n width: 7px;\n height: 7px;\n\n padding: 0;\n\n border: 0;\n border-radius: 20px;\n\n background: var(--dot);\n\n cursor: pointer;\n\n transition:\n width .2s ease,\n background .2s ease;\n}\n\n\n.abera-duo-v4__dot.is-active {\n width: 22px;\n\n background: #111111;\n}\n\n\n\/* =========================================================\n RIGHT CONTENT\n========================================================= *\/\n\n.abera-duo-v4__content {\n width: 100%;\n max-width: 100%;\n min-width: 0;\n}\n\n\n\/* EYEBROW *\/\n\n.abera-duo-v4__eyebrow {\n margin: 0 0 10px;\n\n color: var(--muted);\n\n font-size: 11px;\n line-height: 1.2;\n\n font-weight: 700;\n\n letter-spacing: 1.5px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n.abera-duo-v4__title {\n margin: 0 0 14px;\n\n color: var(--black);\n\n font-size: clamp(28px, 3vw, 38px);\n line-height: 1.08;\n\n font-weight: 700;\n\n letter-spacing: 0;\n\n text-transform: uppercase;\n}\n\n\n\/* DESCRIPTION *\/\n\n.abera-duo-v4__description {\n width: 100%;\n max-width: 670px;\n\n margin: 0;\n\n color: #555555;\n\n font-size: 15px;\n line-height: 1.55;\n}\n\n\n\/* =========================================================\n PRICE\n========================================================= *\/\n\n.abera-duo-v4__price {\n width: 100%;\n\n margin-top: 17px;\n\n display: flex;\n align-items: center;\n\n gap: 12px;\n}\n\n\n\/* OLD PRICE *\/\n\n.abera-duo-v4__price-old {\n position: relative;\n\n display: inline-block;\n\n color: #111111;\n\n font-size: 18px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n.abera-duo-v4__price-old::after {\n content: \"\";\n\n position: absolute;\n\n left: -2px;\n right: -2px;\n\n top: 50%;\n\n height: 1.5px;\n\n background: #111111;\n\n transform: translateY(-50%);\n}\n\n\n\/* SALE PRICE *\/\n\n.abera-duo-v4__price-new {\n color: var(--sale);\n\n font-size: 29px;\n line-height: 1;\n\n font-weight: 800;\n\n letter-spacing: -.4px;\n}\n\n\n\/* =========================================================\n BENEFIT COLUMNS\n========================================================= *\/\n\n.abera-duo-v4__products {\n width: 100%;\n\n margin-top: 28px;\n\n display: grid;\n\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 28px;\n}\n\n\n.abera-duo-v4__product {\n min-width: 0;\n}\n\n\n\/* PRODUCT TITLE *\/\n\n.abera-duo-v4__product-title {\n margin: 0;\n\n padding-bottom: 10px;\n\n border-bottom: 1px solid var(--line);\n\n color: var(--black);\n\n font-size: 15px;\n line-height: 1.2;\n\n font-weight: 750;\n\n text-transform: uppercase;\n}\n\n\n\/* LIST *\/\n\n.abera-duo-v4__list {\n margin: 14px 0 0;\n\n padding: 0;\n\n list-style: none;\n\n display: flex;\n flex-direction: column;\n\n gap: 11px;\n}\n\n\n.abera-duo-v4__list li {\n position: relative;\n\n margin: 0;\n\n padding-left: 27px;\n\n color: #2d2d2d;\n\n font-size: 13px;\n line-height: 1.4;\n}\n\n\n\/* CHECK *\/\n\n.abera-duo-v4__list li::before {\n content: \"✓\";\n\n position: absolute;\n\n left: 0;\n top: 0;\n\n width: 18px;\n height: 18px;\n\n border-radius: 50%;\n\n background: #111111;\n color: #ffffff;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n font-size: 11px;\n line-height: 1;\n\n font-weight: 800;\n}\n\n\n\/* =========================================================\n CTA - FULL WIDTH\n========================================================= *\/\n\n.abera-duo-v4__cta-wrap {\n width: 100%;\n\n margin-top: 28px;\n}\n\n\n.abera-duo-v4__cta {\n width: 100%;\n max-width: 100%;\n\n min-height: 50px;\n\n padding: 0 24px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background: #111111;\n color: #ffffff;\n\n border: 1px solid #111111;\n border-radius: 5px;\n\n text-decoration: none;\n\n font-size: 13px;\n line-height: 1;\n\n font-weight: 750;\n\n letter-spacing: .2px;\n\n text-align: center;\n\n text-transform: uppercase;\n\n cursor: pointer;\n\n transition:\n background .2s ease,\n color .2s ease,\n transform .2s ease;\n}\n\n\n.abera-duo-v4__cta:hover {\n background: #ffffff;\n color: #111111;\n\n text-decoration: none;\n}\n\n\n.abera-duo-v4__cta:active {\n transform: scale(.99);\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-duo-v4__inner {\n padding: 42px 24px;\n }\n\n\n .abera-duo-v4__layout {\n gap: 28px;\n }\n\n\n .abera-duo-v4__title {\n font-size: 29px;\n }\n\n\n .abera-duo-v4__description {\n font-size: 14px;\n }\n\n\n .abera-duo-v4__price {\n margin-top: 15px;\n }\n\n\n .abera-duo-v4__price-old {\n font-size: 16px;\n }\n\n\n .abera-duo-v4__price-new {\n font-size: 26px;\n }\n\n\n .abera-duo-v4__products {\n margin-top: 22px;\n\n gap: 20px;\n }\n\n\n .abera-duo-v4__product-title {\n font-size: 13px;\n }\n\n\n .abera-duo-v4__list {\n gap: 8px;\n }\n\n\n .abera-duo-v4__list li {\n padding-left: 24px;\n\n font-size: 11.5px;\n }\n\n\n .abera-duo-v4__list li::before {\n width: 16px;\n height: 16px;\n\n font-size: 9px;\n }\n\n\n .abera-duo-v4__cta {\n min-height: 48px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-duo-v4__inner {\n padding: 30px 15px;\n }\n\n\n \/* STACK *\/\n\n .abera-duo-v4__layout {\n display: flex;\n flex-direction: column;\n\n gap: 28px;\n }\n\n\n \/* GALLERY *\/\n\n .abera-duo-v4__gallery {\n width: 100%;\n }\n\n\n .abera-duo-v4__viewport {\n border-radius: 7px;\n }\n\n\n .abera-duo-v4__slide img {\n aspect-ratio: 1 \/ 1;\n }\n\n\n .abera-duo-v4__controls {\n margin-top: 13px;\n\n gap: 12px;\n }\n\n\n .abera-duo-v4__arrow {\n width: 36px;\n height: 36px;\n\n flex-basis: 36px;\n }\n\n\n \/* CONTENT *\/\n\n .abera-duo-v4__content {\n width: 100%;\n }\n\n\n .abera-duo-v4__eyebrow {\n font-size: 10px;\n }\n\n\n .abera-duo-v4__title {\n margin-bottom: 12px;\n\n font-size: 27px;\n line-height: 1.12;\n }\n\n\n .abera-duo-v4__description {\n font-size: 14px;\n line-height: 1.5;\n }\n\n\n \/* PRICE *\/\n\n .abera-duo-v4__price {\n margin-top: 14px;\n\n gap: 10px;\n }\n\n\n .abera-duo-v4__price-old {\n font-size: 16px;\n }\n\n\n .abera-duo-v4__price-new {\n font-size: 27px;\n }\n\n\n \/* PRODUCTS *\/\n\n .abera-duo-v4__products {\n margin-top: 24px;\n\n grid-template-columns: 1fr;\n\n gap: 24px;\n }\n\n\n .abera-duo-v4__product-title {\n padding-bottom: 9px;\n\n font-size: 14px;\n }\n\n\n .abera-duo-v4__list {\n margin-top: 12px;\n\n gap: 10px;\n }\n\n\n .abera-duo-v4__list li {\n padding-left: 26px;\n\n font-size: 13px;\n }\n\n\n .abera-duo-v4__list li::before {\n width: 18px;\n height: 18px;\n\n font-size: 10px;\n }\n\n\n \/* CTA *\/\n\n .abera-duo-v4__cta-wrap {\n width: 100%;\n\n margin-top: 25px;\n }\n\n\n .abera-duo-v4__cta {\n width: 100%;\n\n min-height: 50px;\n\n padding: 0 18px;\n\n font-size: 13px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-duo-v4\"\u003e\n\n \u003cdiv class=\"abera-duo-v4__inner\"\u003e\n\n \u003cdiv class=\"abera-duo-v4__layout\"\u003e\n\n\n \u003c!-- ===================================================\n LEFT - IMAGE CAROUSEL\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__gallery\"\u003e\n\n\n \u003cdiv class=\"abera-duo-v4__viewport\"\u003e\n\n\n \u003cdiv class=\"abera-duo-v4__track\"\u003e\n\n\n \u003c!-- IMAGE 01 --\u003e\n\n \u003cdiv class=\"abera-duo-v4__slide\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_Image_Aug_14_2026_04_52_00_PM.png?v=1787718987\" alt=\"ABERA Men Face and Body Bundle\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- IMAGE 02 --\u003e\n\n \u003cdiv class=\"abera-duo-v4__slide\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_43.webp?v=1786758238\" alt=\"ABERA Men Retinol Serum and Body Wash\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- IMAGE 03 --\u003e\n\n \u003cdiv class=\"abera-duo-v4__slide\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/27_4397c1b6-cebc-4510-bbdb-6ebfd461c346.webp?v=1787729365\" alt=\"ABERA Men Face and Body Routine\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- IMAGE 04 --\u003e\n\n \u003cdiv class=\"abera-duo-v4__slide\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPTImageAug26_2026_09_17_47AM.webp?v=1787717680\" alt=\"ABERA Men skincare routine\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n ARROW + DOTS + ARROW\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__controls\"\u003e\n\n\n \u003cbutton class=\"abera-duo-v4__arrow abera-duo-v4__prev\" type=\"button\" aria-label=\"Previous image\"\u003e\n\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\n \u003cpath d=\"M15 18L9 12L15 6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n\n \u003cdiv class=\"abera-duo-v4__dots\"\u003e\u003c\/div\u003e\n\n\n\n \u003cbutton class=\"abera-duo-v4__arrow abera-duo-v4__next\" type=\"button\" aria-label=\"Next image\"\u003e\n\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\n \u003cpath d=\"M9 18L15 12L9 6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- ===================================================\n RIGHT CONTENT\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__content\"\u003e\n\n\n \u003cdiv class=\"abera-duo-v4__eyebrow\"\u003e\n COMPLETE MEN'S SKIN ROUTINE\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"abera-duo-v4__title\"\u003e\n ABERA MEN FACE + BODY BUNDLE\n \u003c\/h2\u003e\n\n\n \u003cp class=\"abera-duo-v4__description\"\u003e\n A simple two-step routine for face and body —\n targeted anti-aging care at night plus a daily body wash\n for clearer, smoother and healthier-looking skin.\n \u003c\/p\u003e\n\n\n\n \u003c!-- =================================================\n PRICE\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__price\"\u003e\n\n \u003cspan class=\"abera-duo-v4__price-old\"\u003e\n $59.99\n \u003c\/span\u003e\n\n \u003cspan class=\"abera-duo-v4__price-new\"\u003e\n $38.00\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n PRODUCT BENEFITS\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__products\"\u003e\n\n\n \u003c!-- RETINOL --\u003e\n\n \u003cdiv class=\"abera-duo-v4__product\"\u003e\n\n\n \u003ch3 class=\"abera-duo-v4__product-title\"\u003e\n RETINOL SERUM\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-duo-v4__list\"\u003e\n\n \u003cli\u003e\n Helps smooth fine lines \u0026amp; wrinkles\n \u003c\/li\u003e\n\n \u003cli\u003e\n Helps fade dark spots\n \u003c\/li\u003e\n\n \u003cli\u003e\n Improves uneven skin texture\n \u003c\/li\u003e\n\n \u003cli\u003e\n Supports firmer-looking skin\n \u003c\/li\u003e\n\n \u003cli\u003e\n Hydrates \u0026amp; supports the skin barrier\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- BODY WASH --\u003e\n\n \u003cdiv class=\"abera-duo-v4__product\"\u003e\n\n\n \u003ch3 class=\"abera-duo-v4__product-title\"\u003e\n ACNE BODY WASH\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-duo-v4__list\"\u003e\n\n \u003cli\u003e\n Helps reduce body acne\n \u003c\/li\u003e\n\n \u003cli\u003e\n Helps control excess sebum\n \u003c\/li\u003e\n\n \u003cli\u003e\n Deeply cleanses pores\n \u003c\/li\u003e\n\n \u003cli\u003e\n Helps reduce clogged pores\n \u003c\/li\u003e\n\n \u003cli\u003e\n Cleans without over-drying skin\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n FULL WIDTH CHECKOUT BUTTON\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__cta-wrap\"\u003e\n\n\n \u003c!--\n THAY YOUR_COMBO_CHECKOUT_URL\n BẰNG LINK CHECKOUT CỦA COMBO\n --\u003e\n\n \u003ca class=\"abera-duo-v4__cta\" href=\"https:\/\/nthytu-xb.myshopify.com\/cart\/54168374772080:1?channel=buy_button\"\u003e\n ADD TO CART\n \u003c\/a\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003cscript\u003e\n(function () {\n\n function initAberaDuoCarousel(section) {\n\n if (\n !section ||\n section.dataset.aberaDuoInitialized === 'true'\n ) {\n return;\n }\n\n\n section.dataset.aberaDuoInitialized = 'true';\n\n\n const track =\n section.querySelector(\n '.abera-duo-v4__track'\n );\n\n\n const slides =\n Array.from(\n section.querySelectorAll(\n '.abera-duo-v4__slide'\n )\n );\n\n\n const prev =\n section.querySelector(\n '.abera-duo-v4__prev'\n );\n\n\n const next =\n section.querySelector(\n '.abera-duo-v4__next'\n );\n\n\n const dotsContainer =\n section.querySelector(\n '.abera-duo-v4__dots'\n );\n\n\n if (!track || !slides.length) {\n return;\n }\n\n\n let currentIndex = 0;\n\n\n\n \/* =====================================================\n CREATE DOTS\n ====================================================== *\/\n\n slides.forEach(\n function(slide, index) {\n\n const dot =\n document.createElement('button');\n\n\n dot.type = 'button';\n\n dot.className =\n 'abera-duo-v4__dot';\n\n\n dot.setAttribute(\n 'aria-label',\n 'Go to image ' + (index + 1)\n );\n\n\n if (index === 0) {\n\n dot.classList.add(\n 'is-active'\n );\n\n }\n\n\n dot.addEventListener(\n 'click',\n function() {\n\n goToSlide(index);\n\n }\n );\n\n\n dotsContainer.appendChild(dot);\n\n }\n );\n\n\n const dots =\n Array.from(\n dotsContainer.querySelectorAll(\n '.abera-duo-v4__dot'\n )\n );\n\n\n\n \/* =====================================================\n GO TO SLIDE\n ====================================================== *\/\n\n function goToSlide(index) {\n\n currentIndex =\n Math.max(\n 0,\n Math.min(\n index,\n slides.length - 1\n )\n );\n\n\n track.scrollTo({\n\n left:\n track.clientWidth *\n currentIndex,\n\n behavior: 'smooth'\n\n });\n\n\n updateUI();\n\n }\n\n\n\n \/* =====================================================\n CURRENT SLIDE\n ====================================================== *\/\n\n function getCurrentIndex() {\n\n if (!track.clientWidth) {\n return 0;\n }\n\n\n return Math.round(\n track.scrollLeft \/\n track.clientWidth\n );\n\n }\n\n\n\n \/* =====================================================\n UPDATE UI\n ====================================================== *\/\n\n function updateUI() {\n\n currentIndex =\n getCurrentIndex();\n\n\n dots.forEach(\n function(dot, index) {\n\n dot.classList.toggle(\n 'is-active',\n index === currentIndex\n );\n\n }\n );\n\n\n if (prev) {\n\n prev.disabled =\n currentIndex === 0;\n\n }\n\n\n if (next) {\n\n next.disabled =\n currentIndex ===\n slides.length - 1;\n\n }\n\n }\n\n\n\n \/* =====================================================\n PREVIOUS\n ====================================================== *\/\n\n if (prev) {\n\n prev.addEventListener(\n 'click',\n function() {\n\n goToSlide(\n currentIndex - 1\n );\n\n }\n );\n\n }\n\n\n\n \/* =====================================================\n NEXT\n ====================================================== *\/\n\n if (next) {\n\n next.addEventListener(\n 'click',\n function() {\n\n goToSlide(\n currentIndex + 1\n );\n\n }\n );\n\n }\n\n\n\n \/* =====================================================\n SWIPE \/ SCROLL\n ====================================================== *\/\n\n let timer;\n\n\n track.addEventListener(\n 'scroll',\n function() {\n\n clearTimeout(timer);\n\n\n timer =\n setTimeout(\n updateUI,\n 60\n );\n\n },\n {\n passive: true\n }\n );\n\n\n\n \/* =====================================================\n RESIZE\n ====================================================== *\/\n\n window.addEventListener(\n 'resize',\n function() {\n\n track.scrollTo({\n\n left:\n track.clientWidth *\n currentIndex,\n\n behavior: 'auto'\n\n });\n\n\n updateUI();\n\n }\n );\n\n\n updateUI();\n\n }\n\n\n\n function initAllAberaDuo() {\n\n document\n .querySelectorAll(\n '.abera-duo-v4'\n )\n .forEach(\n initAberaDuoCarousel\n );\n\n }\n\n\n\n if (\n document.readyState === 'loading'\n ) {\n\n document.addEventListener(\n 'DOMContentLoaded',\n initAllAberaDuo\n );\n\n } else {\n\n initAllAberaDuo();\n\n }\n\n})();\n\u003c\/script\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n COMPARISON SECTION - RESPONSIVE V2\n========================================================= *\/\n\n.abera-compare-v2 {\n --bg: #090909;\n --white: #ffffff;\n\n --text: rgba(255,255,255,.92);\n --muted: rgba(255,255,255,.60);\n\n --line: rgba(255,255,255,.13);\n --soft-line: rgba(255,255,255,.09);\n\n --label-bg: rgba(255,255,255,.08);\n --other-bg: rgba(255,255,255,.03);\n\n --highlight: #f1eee8;\n --highlight-alt: #e5e7eb;\n --highlight-text: #111111;\n\n width: 100%;\n max-width: 100%;\n\n overflow: hidden;\n\n background:\n radial-gradient(\n circle at 80% 10%,\n rgba(255,255,255,.07),\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #070707 0%,\n #0c0c0c 55%,\n #121212 100%\n );\n\n color: var(--white);\n\n font-family: inherit;\n\n box-sizing: border-box;\n}\n\n\n.abera-compare-v2 *,\n.abera-compare-v2 *::before,\n.abera-compare-v2 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-compare-v2__inner {\n width: 100%;\n max-width: 1280px;\n\n margin: 0 auto;\n\n padding: 60px 34px;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-compare-v2__header {\n width: 100%;\n max-width: 760px;\n\n margin: 0 auto 34px;\n\n text-align: center;\n}\n\n\n.abera-compare-v2__eyebrow {\n margin: 0 0 10px;\n\n color: var(--muted);\n\n font-size: 11px;\n line-height: 1.2;\n\n font-weight: 700;\n\n letter-spacing: 1.7px;\n\n text-transform: uppercase;\n}\n\n\n.abera-compare-v2__title {\n margin: 0;\n\n color: var(--white);\n\n font-size: clamp(30px, 4vw, 50px);\n line-height: 1.06;\n\n font-weight: 700;\n\n letter-spacing: -.5px;\n}\n\n\n.abera-compare-v2__subtitle {\n max-width: 670px;\n\n margin: 15px auto 0;\n\n color: rgba(255,255,255,.72);\n\n font-size: 15px;\n line-height: 1.55;\n}\n\n\n\/* =========================================================\n TABLE WRAPPER\n========================================================= *\/\n\n.abera-compare-v2__table-wrap {\n width: 100%;\n}\n\n\n\/* =========================================================\n TABLE\n========================================================= *\/\n\n.abera-compare-v2__table {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 1.65fr)\n minmax(150px, .62fr)\n minmax(120px, .48fr);\n\n overflow: hidden;\n\n border: 1px solid var(--line);\n border-radius: 16px;\n\n background: rgba(255,255,255,.025);\n}\n\n\n\/* =========================================================\n BASE CELL\n========================================================= *\/\n\n.abera-compare-v2__cell {\n min-width: 0;\n min-height: 70px;\n\n padding: 15px 20px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-bottom: 1px solid var(--soft-line);\n}\n\n\n\/* LEFT LABEL *\/\n\n.abera-compare-v2__cell--label {\n justify-content: flex-start;\n\n background: var(--label-bg);\n}\n\n\n\/* ABERA COLUMN *\/\n\n.abera-compare-v2__cell--abera {\n background: var(--highlight);\n\n color: var(--highlight-text);\n}\n\n\n\/* alternating subtle Abera row *\/\n\n.abera-compare-v2__cell--abera.alt {\n background: var(--highlight-alt);\n}\n\n\n\/* OTHERS *\/\n\n.abera-compare-v2__cell--other {\n background: var(--other-bg);\n}\n\n\n\/* REMOVE BOTTOM BORDER LAST ROW *\/\n\n.abera-compare-v2__table \u003e\n.abera-compare-v2__cell:nth-last-child(-n + 3) {\n border-bottom: 0;\n}\n\n\n\/* =========================================================\n HEADER ROW\n========================================================= *\/\n\n.abera-compare-v2__head {\n min-height: 112px;\n}\n\n\n.abera-compare-v2__head--label {\n background: transparent;\n}\n\n\n.abera-compare-v2__head--abera {\n background: var(--highlight);\n}\n\n\n.abera-compare-v2__head--other {\n background: transparent;\n}\n\n\n\/* =========================================================\n ABERA BRAND\n========================================================= *\/\n\n.abera-compare-v2__brand {\n width: 100%;\n\n display: flex;\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n gap: 7px;\n\n text-align: center;\n}\n\n\n.abera-compare-v2__product-img {\n width: 40px;\n height: 70px;\n\n display: block;\n\n object-fit: contain;\n}\n\n\n.abera-compare-v2__brand-name {\n color: #111111;\n\n font-size: 12px;\n line-height: 1.2;\n\n font-weight: 800;\n\n letter-spacing: .4px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n OTHERS TITLE\n========================================================= *\/\n\n.abera-compare-v2__other-title {\n color: #ffffff;\n\n font-size: 15px;\n line-height: 1.2;\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n FEATURE\n========================================================= *\/\n\n.abera-compare-v2__feature {\n width: 100%;\n\n margin: 0;\n\n color: var(--white);\n\n font-size: 15px;\n line-height: 1.35;\n\n font-weight: 650;\n\n overflow-wrap: break-word;\n}\n\n\n\/* =========================================================\n CHECK \/ CROSS\n========================================================= *\/\n\n.abera-compare-v2__icon {\n width: 30px;\n height: 30px;\n\n flex: 0 0 30px;\n\n border-radius: 50%;\n\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 700;\n}\n\n\n.abera-compare-v2__icon--check {\n color: #111111;\n\n border: 1.5px solid rgba(17,17,17,.65);\n}\n\n\n.abera-compare-v2__icon--cross {\n color: rgba(255,255,255,.92);\n\n border: 1px solid rgba(255,255,255,.45);\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-compare-v2__inner {\n padding: 48px 22px;\n }\n\n\n .abera-compare-v2__table {\n grid-template-columns:\n minmax(0, 1.55fr)\n minmax(120px, .60fr)\n minmax(100px, .48fr);\n }\n\n\n .abera-compare-v2__cell {\n padding: 14px 16px;\n }\n\n\n .abera-compare-v2__feature {\n font-size: 14px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n FULL TABLE FITS SCREEN\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-compare-v2__inner {\n padding: 36px 12px 40px;\n }\n\n\n \/* HEADER *\/\n\n .abera-compare-v2__header {\n margin-bottom: 24px;\n }\n\n\n .abera-compare-v2__eyebrow {\n margin-bottom: 8px;\n\n font-size: 9px;\n\n letter-spacing: 1.2px;\n }\n\n\n .abera-compare-v2__title {\n font-size: 28px;\n line-height: 1.1;\n }\n\n\n .abera-compare-v2__subtitle {\n margin-top: 11px;\n\n font-size: 13px;\n line-height: 1.5;\n }\n\n\n \/* =======================================================\n MOBILE TABLE\n IMPORTANT: NO MIN WIDTH \/ NO HORIZONTAL SCROLL\n ======================================================= *\/\n\n .abera-compare-v2__table-wrap {\n width: 100%;\n\n overflow: visible;\n }\n\n\n .abera-compare-v2__table {\n width: 100%;\n min-width: 0;\n\n \/*\n 54% feature\n 26% Abera\n 20% Others\n *\/\n\n grid-template-columns:\n minmax(0, 1.55fr)\n minmax(0, .74fr)\n minmax(0, .57fr);\n\n border-radius: 12px;\n }\n\n\n \/* =======================================================\n CELLS\n ======================================================= *\/\n\n .abera-compare-v2__cell {\n min-width: 0;\n min-height: 59px;\n\n padding: 10px 8px;\n }\n\n\n .abera-compare-v2__cell--label {\n padding-left: 12px;\n padding-right: 8px;\n }\n\n\n \/* =======================================================\n MOBILE HEAD\n ======================================================= *\/\n\n .abera-compare-v2__head {\n min-height: 78px;\n\n padding-top: 9px;\n padding-bottom: 9px;\n }\n\n\n .abera-compare-v2__brand {\n gap: 3px;\n }\n\n\n .abera-compare-v2__product-img {\n width: 27px;\n height: 46px;\n }\n\n\n .abera-compare-v2__brand-name {\n font-size: 8px;\n line-height: 1.15;\n\n letter-spacing: 0;\n }\n\n\n .abera-compare-v2__other-title {\n font-size: 11px;\n }\n\n\n \/* =======================================================\n FEATURE TEXT\n ======================================================= *\/\n\n .abera-compare-v2__feature {\n font-size: 11.5px;\n line-height: 1.4;\n\n font-weight: 650;\n }\n\n\n \/* =======================================================\n ICON\n ======================================================= *\/\n\n .abera-compare-v2__icon {\n width: 24px;\n height: 24px;\n\n flex-basis: 24px;\n\n font-size: 11px;\n }\n\n}\n\n\n\/* =========================================================\n VERY SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 380px) {\n\n .abera-compare-v2__inner {\n padding-left: 9px;\n padding-right: 9px;\n }\n\n\n .abera-compare-v2__title {\n font-size: 25px;\n }\n\n\n .abera-compare-v2__cell {\n min-height: 56px;\n\n padding-left: 6px;\n padding-right: 6px;\n }\n\n\n .abera-compare-v2__cell--label {\n padding-left: 9px;\n }\n\n\n .abera-compare-v2__feature {\n font-size: 10.5px;\n }\n\n\n .abera-compare-v2__brand-name {\n font-size: 7.5px;\n }\n\n\n .abera-compare-v2__other-title {\n font-size: 10px;\n }\n\n\n .abera-compare-v2__icon {\n width: 22px;\n height: 22px;\n\n flex-basis: 22px;\n\n font-size: 10px;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-compare-v2\"\u003e\n\u003cdiv class=\"abera-compare-v2__inner\"\u003e\n\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__header\"\u003e\n\u003cp class=\"abera-compare-v2__eyebrow\"\u003eWHY CUSTOMERS CHOOSE ABERA MEN\u003c\/p\u003e\n\u003ch2 class=\"abera-compare-v2__title\"\u003eWhy Men Are Switching to ABERA MEN Retinol\u003c\/h2\u003e\n\u003cp class=\"abera-compare-v2__subtitle\"\u003eA targeted nightly retinol serum made for men who want visible anti-aging support, smoother-looking skin and a simple routine that fits real life.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n COMPARISON TABLE\n ====================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__table-wrap\"\u003e\n\u003cdiv class=\"abera-compare-v2__table\"\u003e\n\u003c!-- =================================================\n HEADER ROW\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell\n abera-compare-v2__cell--label\n abera-compare-v2__head\n abera-compare-v2__head--label\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- ABERA HEADER --\u003e\n\u003cdiv class=\"abera-compare-v2__cell\n abera-compare-v2__cell--abera\n abera-compare-v2__head\n abera-compare-v2__head--abera\"\u003e\n\u003cdiv class=\"abera-compare-v2__brand\"\u003e\n\u003c!--\n GẮN LINK HÌNH CHAI ABERA MEN RETINOL\n TẠI src=\"\"\n --\u003e \u003cimg class=\"abera-compare-v2__product-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_23.webp?v=1788840241\" alt=\"ABERA MEN Retinol Serum\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-compare-v2__brand-name\"\u003eABERA MEN\u003cbr\u003eRETINOL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- OTHERS HEADER --\u003e\n\u003cdiv class=\"abera-compare-v2__cell\n abera-compare-v2__cell--other\n abera-compare-v2__head\n abera-compare-v2__head--other\"\u003e\n\u003cdiv class=\"abera-compare-v2__other-title\"\u003eOthers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 01\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eRebuilds collagen in dermis\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 02\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eGentle retinol no irritation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera alt\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 03\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eDeep absorption not surface level\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 04\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eNo inflammation or damage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera alt\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 05\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eNo silicones or fillers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 06\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eMade for men over 40\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera alt\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 07\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003eOne step nightly routine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n ROW 08\n ================================================== --\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\u003cp class=\"abera-compare-v2__feature\"\u003e30 day money back guarantee\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera alt\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e ✓ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e × \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n 30 DAY MONEY BACK GUARANTEE\n========================================================= *\/\n\n.abera-guarantee-v2 {\n --black: #111111;\n --text: #111111;\n --muted: #5d5d5d;\n --white: #ffffff;\n\n width: 100%;\n max-width: 100%;\n\n background: #ffffff;\n color: var(--text);\n\n font-family: inherit;\n\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.abera-guarantee-v2 *,\n.abera-guarantee-v2 *::before,\n.abera-guarantee-v2 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-guarantee-v2__inner {\n width: 100%;\n max-width: 1050px;\n\n margin: 0 auto;\n\n padding: 60px 24px 64px;\n\n text-align: center;\n}\n\n\n\/* =========================================================\n GUARANTEE LOGO \/ BADGE\n========================================================= *\/\n\n.abera-guarantee-v2__badge {\n width: 165px;\n height: 165px;\n\n margin: 0 auto 30px;\n}\n\n\n.abera-guarantee-v2__badge svg {\n width: 100%;\n height: 100%;\n\n display: block;\n}\n\n\n\/* OUTER CIRCLE *\/\n\n.abera-guarantee-v2__outer-circle {\n fill: none;\n\n stroke: #111111;\n stroke-width: 2.4;\n}\n\n\n\/* INNER SIDE ARCS *\/\n\n.abera-guarantee-v2__inner-arc {\n fill: none;\n\n stroke: #111111;\n stroke-width: 2;\n\n stroke-linecap: round;\n}\n\n\n\/* CURVED TEXT *\/\n\n.abera-guarantee-v2__ring-text {\n fill: #111111;\n\n font-family: Arial, Helvetica, sans-serif;\n\n font-size: 11px;\n font-weight: 700;\n\n letter-spacing: 1.7px;\n\n text-transform: uppercase;\n}\n\n\n\/* NUMBER *\/\n\n.abera-guarantee-v2__number {\n fill: #111111;\n\n font-family: Arial, Helvetica, sans-serif;\n\n font-size: 45px;\n font-weight: 800;\n\n letter-spacing: -1px;\n}\n\n\n\/* DAYS *\/\n\n.abera-guarantee-v2__days {\n fill: #111111;\n\n font-family: Arial, Helvetica, sans-serif;\n\n font-size: 17px;\n font-weight: 800;\n\n letter-spacing: .5px;\n}\n\n\n\/* =========================================================\n TITLE\n========================================================= *\/\n\n.abera-guarantee-v2__title {\n max-width: 900px;\n\n margin: 0 auto 18px;\n\n color: #111111;\n\n font-size: clamp(27px, 3vw, 47px);\n line-height: 1.08;\n\n font-weight: 600;\n\n letter-spacing: 0px;\n}\n\n\n\/* =========================================================\n DESCRIPTION\n========================================================= *\/\n\n.abera-guarantee-v2__description {\n max-width: 760px;\n\n margin: 0 auto;\n\n color: var(--muted);\n\n font-size: 17px;\n line-height: 1.62;\n}\n\n\n.abera-guarantee-v2__description strong {\n color: #111111;\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-guarantee-v2__inner {\n padding: 42px 18px 46px;\n }\n\n\n .abera-guarantee-v2__badge {\n width: 130px;\n height: 130px;\n\n margin-bottom: 24px;\n }\n\n\n .abera-guarantee-v2__title {\n margin-bottom: 14px;\n\n font-size: 31px;\n line-height: 1.12;\n }\n\n\n .abera-guarantee-v2__description {\n font-size: 14px;\n line-height: 1.58;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-guarantee-v2\"\u003e\n\u003cdiv class=\"abera-guarantee-v2__inner\"\u003e\n\u003c!-- =====================================================\n 30 DAY MONEY BACK LOGO\n ====================================================== --\u003e\n\u003cdiv class=\"abera-guarantee-v2__badge\"\u003e\u003csvg viewbox=\"0 0 180 180\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\"\u003e\n\n\n \n\n \u003ccircle class=\"abera-guarantee-v2__outer-circle\" cx=\"90\" cy=\"90\" r=\"78\"\u003e\u003c\/circle\u003e\n\n\n \n\n \u003cdefs\u003e\n\n \u003cpath id=\"aberaMoneyBackTop\" d=\"M 31,79\n A 62,62 0 0,1 149,79\"\u003e\u003c\/path\u003e\n\n\n \n\n \u003cpath id=\"aberaMoneyBackBottom\" d=\"M 37,126\n A 66,66 0 0,0 143,126\"\u003e\u003c\/path\u003e\n\n \u003c\/defs\u003e\n\n\n\n \n\n \u003cpath class=\"abera-guarantee-v2__inner-arc\" d=\"M48 60\n C38 76 37 101 49 119\"\u003e\u003c\/path\u003e\n\n \u003cpath class=\"abera-guarantee-v2__inner-arc\" d=\"M132 60\n C142 76 143 101 131 119\"\u003e\u003c\/path\u003e\n\n\n\n \n\n \u003ctext class=\"abera-guarantee-v2__ring-text\"\u003e\n\n \u003ctextpath href=\"#aberaMoneyBackTop\" startoffset=\"50%\" text-anchor=\"middle\"\u003e\n MONEY BACK\n \u003c\/textpath\u003e\n\n \u003c\/text\u003e\n\n\n\n \n\n \u003ctext class=\"abera-guarantee-v2__number\" x=\"90\" y=\"91\" text-anchor=\"middle\"\u003e\n 30\n \u003c\/text\u003e\n\n\n \u003ctext class=\"abera-guarantee-v2__days\" x=\"90\" y=\"111\" text-anchor=\"middle\"\u003e\n DAYS\n \u003c\/text\u003e\n\n\n\n \n\n \u003ctext class=\"abera-guarantee-v2__ring-text\"\u003e\n\n \u003ctextpath href=\"#aberaMoneyBackBottom\" startoffset=\"50%\" text-anchor=\"middle\"\u003e\n GUARANTEE\n \u003c\/textpath\u003e\n\n \u003c\/text\u003e\n\n\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n CONTENT\n ====================================================== --\u003e\n\u003ch2 class=\"abera-guarantee-v2__title\"\u003eTry It for 30 Days.\u003cbr\u003eIf You Don’t See It, You Don’t Pay.\u003c\/h2\u003e\n\u003cp class=\"abera-guarantee-v2__description\"\u003eWe know you've tried products before that didn't work. Use \u003cstrong\u003eABERA MEN Retinol Serum\u003c\/strong\u003e consistently for 30 days. If you don't notice a difference, simply send it back for a refund.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n FAQ SECTION\n========================================================= *\/\n\n.abera-faq-section {\n width: 100%;\n max-width: 1100px;\n\n margin: 0 auto;\n\n padding: 48px 24px;\n\n font-family: Arial, Helvetica, sans-serif;\n\n color: #111111;\n background: #ffffff;\n\n box-sizing: border-box;\n}\n\n\n.abera-faq-section *,\n.abera-faq-section *::before,\n.abera-faq-section *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n TITLE\n========================================================= *\/\n\n.abera-faq-title {\n margin: 0 0 20px 0;\n\n padding: 0;\n\n color: #000000;\n\n font-size: 28px;\n line-height: 1.3;\n\n font-weight: 800;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n FAQ LIST\n========================================================= *\/\n\n.abera-faq-list {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n border-top: 1px solid #dddddd;\n}\n\n\n\/* =========================================================\n FAQ ITEM\n========================================================= *\/\n\n.abera-faq-item {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n background: #ffffff;\n\n border: none;\n border-bottom: 1px solid #dddddd;\n}\n\n\n\/* REMOVE DEFAULT DETAILS ARROW *\/\n\n.abera-faq-item summary {\n list-style: none;\n}\n\n\n.abera-faq-item summary::-webkit-details-marker {\n display: none;\n}\n\n\n\/* =========================================================\n QUESTION\n========================================================= *\/\n\n.abera-faq-question {\n position: relative;\n\n display: block;\n\n width: 100%;\n\n margin: 0;\n\n padding: 18px 46px 18px 0;\n\n background: #ffffff;\n color: #111111;\n\n cursor: pointer;\n\n font-size: 16px;\n line-height: 1.4;\n\n font-weight: 700;\n}\n\n\n\/* PLUS *\/\n\n.abera-faq-question::after {\n content: \"+\";\n\n position: absolute;\n\n right: 4px;\n top: 50%;\n\n transform: translateY(-50%);\n\n color: #111111;\n\n font-size: 24px;\n line-height: 1;\n\n font-weight: 400;\n}\n\n\n\/* MINUS WHEN OPEN *\/\n\n.abera-faq-item[open] .abera-faq-question::after {\n content: \"−\";\n}\n\n\n\/* =========================================================\n ANSWER\n========================================================= *\/\n\n.abera-faq-answer {\n width: 100%;\n\n margin: 0;\n\n padding: 0 42px 20px 0;\n\n background: #ffffff;\n\n color: #444444;\n\n font-size: 15px;\n line-height: 1.6;\n\n font-weight: 400;\n}\n\n\n.abera-faq-answer p {\n margin: 0;\n padding: 0;\n}\n\n\n.abera-faq-answer strong {\n color: #111111;\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n DOSAGE\n========================================================= *\/\n\n.abera-faq-dosage {\n margin-top: 9px;\n}\n\n\n.abera-faq-dosage div {\n margin: 3px 0;\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-faq-section {\n width: 100%;\n max-width: 100%;\n\n margin: 0 auto;\n\n padding: 20px 16px;\n }\n\n\n .abera-faq-title {\n margin-bottom: 16px;\n\n font-size: 20px;\n line-height: 1.35;\n }\n\n\n .abera-faq-question {\n padding: 16px 38px 16px 0;\n\n font-size: 15px;\n line-height: 1.4;\n }\n\n\n .abera-faq-question::after {\n right: 2px;\n\n font-size: 22px;\n }\n\n\n .abera-faq-answer {\n padding: 0 28px 17px 0;\n\n font-size: 14px;\n line-height: 1.55;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-faq-section\"\u003e\u003c!-- =====================================================\n TITLE\n ====================================================== --\u003e\n\u003ch2 class=\"abera-faq-title\"\u003eQUESTIONS MEN FREQUENTLY ASKED\u003c\/h2\u003e\n\u003c!-- =====================================================\n FAQ LIST\n ====================================================== --\u003e\n\u003cdiv class=\"abera-faq-list\"\u003e\n\u003c!-- ===================================================\n FAQ 01\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eWho is ABERA MEN Retinol Serum designed for?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eABERA MEN Retinol Serum is designed for men who want a simple yet effective skincare solution to help improve the look of fine lines, uneven texture, dullness and dryness. Formulated with 0.1% retinol and skin-supporting ingredients, it is ideal for men looking for smoother, healthier and more refreshed-looking skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 02\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eDoes ABERA MEN Retinol Serum leave behind a residue?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eThe lightweight serum absorbs easily into the skin and is designed to leave it feeling comfortable and hydrated without a heavy, greasy or sticky finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 03\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eWhen should I start seeing results?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eResults vary by skin type and consistency of use. With regular use, you may begin to notice improvements in hydration and skin texture within the first few weeks, while the appearance of fine lines, dark spots and uneven tone may improve gradually over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 04\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eHow much should I use?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eA few drops are typically enough for the face and neck. Adjust slightly depending on your skin's needs.\u003c\/p\u003e\n\u003cdiv class=\"abera-faq-dosage\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDry skin:\u003c\/strong\u003e 5–7 drops\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eNormal skin:\u003c\/strong\u003e 4–6 drops\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eOily skin:\u003c\/strong\u003e 3–5 drops\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 05\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eHow often should I use retinol?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eStart with \u003cstrong\u003e2–3 nights per week\u003c\/strong\u003e and gradually increase frequency as your skin adjusts. Apply at night to clean, dry skin and follow with moisturizer if needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 06\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eDo I need to use sunscreen while using retinol?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eYes. Use a \u003cstrong\u003ebroad-spectrum SPF 30 or higher\u003c\/strong\u003e every morning and limit excessive sun exposure while using retinol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 07\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eI have sensitive skin or allergies — can I use it?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eReview the full ingredient list before use and patch test a small area first. If your skin is particularly sensitive, begin with fewer applications per week and increase gradually as tolerated.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- ===================================================\n FAQ 08\n ==================================================== --\u003e\n\u003cdetails class=\"abera-faq-item\"\u003e\n\u003csummary class=\"abera-faq-question\"\u003eHow long will it take for my order to arrive?\u003c\/summary\u003e\n\u003cdiv class=\"abera-faq-answer\"\u003e\n\u003cp\u003eOrders typically ship within \u003cstrong\u003e3–6 business days\u003c\/strong\u003e from our USA warehouse. Tracking information is provided for all orders.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Abera","offers":[{"title":"1 Bottle","offer_id":54075669086576,"sku":"CB-RETINOLTH069+SL1","price":25.0,"currency_code":"USD","in_stock":true},{"title":"2 Bottles + 🎁 1 Turmeric Rice Cleanser","offer_id":54075669119344,"sku":"CB-RETINOLTH069+SL2-CB-SRMABERA30+SL1","price":45.0,"currency_code":"USD","in_stock":true},{"title":"3 Bottles + 🎁 1 Microneedle Derma Roller","offer_id":54075669152112,"sku":"CB-RETINOLTH069+SL3-CB-LKOEM050+SL1","price":55.0,"currency_code":"USD","in_stock":true},{"title":"Face + Body Bundle","offer_id":54168374772080,"sku":"CB-RETINOLTH069+SL1-CB-USASTABM+SL1","price":38.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_d0e66e72-1657-4b5c-925f-bf7ebcf1badf.webp?v=1786697221"},{"product_id":"abera-kasumi-glowing-cream","title":"Abera Kasumi Glowing Cream","description":"\u003c!-- ============ COPY FROM HERE ============ --\u003e\n\u003cstyle\u003e\n .kasumi-pdp{\n --gold:#b3934e; --gold-deep:#8a6d34; --espresso:#3a2c1e; --ink:#2a2118;\n --cream:#faf6ef; --sand:#f1e8d8; --line:#e4d8c3; --muted:#6f6152;\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif;\n color:var(--ink); line-height:1.6; max-width:1100px; margin:0 auto; padding:8px;\n -webkit-font-smoothing:antialiased;\n }\n .kasumi-pdp *{box-sizing:border-box;}\n .kasumi-pdp img{width:100%; height:auto; display:block; border-radius:14px;}\n .kasumi-pdp .kp-eyebrow{\n text-transform:uppercase; letter-spacing:.22em; font-size:12px; font-weight:700;\n color:var(--gold-deep); margin:0 0 10px;\n }\n .kasumi-pdp h2.kp-h{\n font-size:30px; line-height:1.2; margin:0 0 14px; font-weight:800; color:var(--espresso);\n letter-spacing:-.01em;\n }\n .kasumi-pdp h3.kp-sub{font-size:20px; margin:0 0 10px; font-weight:700; color:var(--espresso);}\n .kasumi-pdp p{margin:0 0 14px; font-size:16px; color:var(--ink);}\n .kasumi-pdp .kp-lead{font-size:18px; color:var(--espresso); font-weight:600;}\n\n \/* HERO *\/\n .kasumi-pdp .kp-hero{\n background:linear-gradient(160deg,#fbf3e2 0%,#f4e6cd 100%);\n border-radius:20px; padding:34px 26px; text-align:center; margin:0 0 26px;\n border:1px solid var(--line);\n }\n .kasumi-pdp .kp-hero .kp-eyebrow{margin-bottom:14px;}\n .kasumi-pdp .kp-hero h1{\n font-size:34px; line-height:1.15; margin:0 auto 14px; font-weight:800;\n color:var(--espresso); max-width:640px; letter-spacing:-.01em;\n }\n .kasumi-pdp .kp-hero .kp-tag{color:var(--gold-deep);}\n .kasumi-pdp .kp-hero p{max-width:600px; margin:0 auto 20px; color:#4a3c2c; font-size:17px;}\n .kasumi-pdp .kp-hero img{max-width:520px; margin:6px auto 0;}\n\n \/* STARS + TRUST STRIP *\/\n .kasumi-pdp .kp-stars{color:var(--gold); font-size:18px; letter-spacing:2px; margin-bottom:6px;}\n .kasumi-pdp .kp-trust{\n display:flex; flex-wrap:wrap; gap:10px; justify-content:center;\n margin:22px 0 30px; padding:0; list-style:none;\n }\n .kasumi-pdp .kp-trust li{\n background:var(--cream); border:1px solid var(--line); border-radius:999px;\n padding:9px 16px; font-size:13px; font-weight:600; color:var(--espresso);\n }\n .kasumi-pdp .kp-trust li b{color:var(--gold-deep);}\n\n \/* GENERIC SECTION *\/\n .kasumi-pdp .kp-sec{margin:0 0 30px;}\n .kasumi-pdp .kp-split{\n display:flex; gap:28px; align-items:center; margin:0 0 30px;\n }\n .kasumi-pdp .kp-split\u003ediv{flex:1 1 0; min-width:0;}\n .kasumi-pdp .kp-split.rev{flex-direction:row-reverse;}\n\n \/* PROBLEM CARD *\/\n .kasumi-pdp .kp-problem{\n background:var(--espresso); color:#f3e9d8; border-radius:18px; padding:30px 26px; margin:0 0 30px;\n }\n .kasumi-pdp .kp-problem .kp-eyebrow{color:#d8b871;}\n .kasumi-pdp .kp-problem h2.kp-h{color:#fff;}\n .kasumi-pdp .kp-problem p{color:#e8dcc7;}\n .kasumi-pdp .kp-problem ul{margin:0; padding-left:20px;}\n .kasumi-pdp .kp-problem li{margin-bottom:8px; color:#e8dcc7;}\n\n \/* PROOF *\/\n .kasumi-pdp .kp-proof{\n background:linear-gradient(160deg,#fbf3e2 0%,#f5e8d0 100%);\n border:1px solid var(--line); border-radius:20px; padding:30px 26px; text-align:center; margin:0 0 30px;\n }\n .kasumi-pdp .kp-proof .kp-badge{\n display:inline-block; background:var(--gold-deep); color:#fff; font-weight:800;\n font-size:14px; letter-spacing:.04em; padding:8px 18px; border-radius:999px; margin-bottom:16px;\n }\n .kasumi-pdp .kp-proof img{max-width:760px; margin:10px auto 0;}\n .kasumi-pdp .kp-proof .kp-fine{font-size:12px; color:var(--muted); margin:14px 0 0;}\n\n \/* INGREDIENTS *\/\n .kasumi-pdp .kp-ing-grid{\n display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:18px 0 0;\n }\n .kasumi-pdp .kp-ing-grid div{\n background:var(--cream); border:1px solid var(--line); border-radius:12px; padding:14px;\n }\n .kasumi-pdp .kp-ing-grid b{display:block; color:var(--espresso); font-size:15px; margin-bottom:3px;}\n .kasumi-pdp .kp-ing-grid span{font-size:13px; color:var(--muted);}\n\n \/* HOW TO USE *\/\n .kasumi-pdp .kp-steps{list-style:none; margin:18px 0 0; padding:0; counter-reset:s;}\n .kasumi-pdp .kp-steps li{\n position:relative; padding:0 0 16px 52px; counter-increment:s;\n }\n .kasumi-pdp .kp-steps li::before{\n content:counter(s); position:absolute; left:0; top:0;\n width:36px; height:36px; border-radius:50%; background:var(--gold); color:#fff;\n font-weight:800; display:flex; align-items:center; justify-content:center; font-size:16px;\n }\n .kasumi-pdp .kp-steps b{color:var(--espresso);}\n\n \/* CTA *\/\n .kasumi-pdp .kp-cta{\n background:linear-gradient(160deg,#3a2c1e,#5a4226); color:#fff; border-radius:20px;\n padding:34px 26px; text-align:center; margin:34px 0 8px;\n }\n .kasumi-pdp .kp-cta h2{font-size:26px; margin:0 0 10px; color:#fff; font-weight:800;}\n .kasumi-pdp .kp-cta p{color:#ecdfca; max-width:520px; margin:0 auto 20px;}\n .kasumi-pdp .kp-cta a{\n display:inline-block; background:var(--gold); color:#2a2118; font-weight:800;\n text-decoration:none; padding:15px 40px; border-radius:999px; font-size:16px; letter-spacing:.02em;\n }\n .kasumi-pdp .kp-cta small{display:block; margin-top:14px; color:#cdbb9c; font-size:13px;}\n\n \/* RESPONSIVE *\/\n @media (max-width:768px){\n .kasumi-pdp .kp-split,.kasumi-pdp .kp-split.rev{flex-direction:column; gap:18px;}\n .kasumi-pdp .kp-hero h1{font-size:26px;}\n .kasumi-pdp h2.kp-h{font-size:24px;}\n .kasumi-pdp .kp-ing-grid{grid-template-columns:1fr 1fr;}\n .kasumi-pdp .kp-hero,.kasumi-pdp .kp-problem,.kasumi-pdp .kp-proof,.kasumi-pdp .kp-cta{padding:24px 18px;}\n }\n @media (max-width:460px){\n .kasumi-pdp .kp-ing-grid{grid-template-columns:1fr;}\n }\n \u003c\/style\u003e\n\u003cdiv class=\"kasumi-pdp\"\u003e\n\u003c!-- 1) HERO — hook + primary product shot --\u003e\n\u003cdiv class=\"kp-hero\"\u003e\n\u003cp class=\"kp-eyebrow\"\u003eBrightening · Dark Spot · Melasma Care\u003c\/p\u003e\n\u003ch1\u003eVisibly Fade Dark Spots \u0026amp; \u003cspan class=\"kp-tag\"\u003eMelasma\u003c\/span\u003e — for Skin That Glows From Within\u003c\/h1\u003e\n\u003cp\u003eKasumi Glowing Cream pairs Red Reishi Mushroom, Red Ginseng \u0026amp; Snail Secretion Filtrate to help soften the look of stubborn discoloration and even your tone — leaving skin smooth, soft, and radiant.\u003c\/p\u003e\n\u003cdiv class=\"kp-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cimg loading=\"lazy\" alt=\"Kasumi Abera Glowing Cream jar on a soft yellow background\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-glowing-cream-melasma-cream-dark_spot_1200x.webp?v=1762529842\"\u003e\n\u003c\/div\u003e\n\u003c!-- TRUST STRIP --\u003e\n\u003cul class=\"kp-trust\"\u003e\n\u003cli\u003e\n\u003cb\u003e✓\u003c\/b\u003e Suitable for all skin types\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003e✓\u003c\/b\u003e Botanical actives\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003e✓\u003c\/b\u003e Niacinamide + BHA\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003e✓\u003c\/b\u003e 30g \/ 1.06 oz\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- 2) PROBLEM — agitate --\u003e\n\u003cdiv class=\"kp-problem\"\u003e\n\u003cp class=\"kp-eyebrow\"\u003eThe Real Problem\u003c\/p\u003e\n\u003ch2 class=\"kp-h\"\u003eDark spots and melasma rarely fade on their own\u003c\/h2\u003e\n\u003cp\u003eSun exposure, hormones, and time push melanin to cluster — leaving patches that ordinary moisturizers simply can't reach. If you've been layering product after product with little to show, the issue isn't you. It's that most creams hydrate the surface without targeting the cause of uneven tone.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePatchy dark spots that make skin look tired and older\u003c\/li\u003e\n\u003cli\u003eMelasma that resurfaces every summer\u003c\/li\u003e\n\u003cli\u003eDullness and uneven tone that makeup only masks\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 3) PROOF — before\/after --\u003e\n\u003cdiv class=\"kp-proof\"\u003e\n\u003cspan class=\"kp-badge\"\u003eUp to 70% visibly more even tone\u003c\/span\u003e\n\u003ch2 class=\"kp-h\"\u003eSee the difference in the mirror\u003c\/h2\u003e\n\u003cp\u003eWith consistent twice-daily use, users report a visibly brighter, more even complexion — dark spots softened, glow restored.\u003c\/p\u003e\n\u003cimg loading=\"lazy\" alt=\"Before and after comparison showing up to 70% visible reduction in the appearance of melasma\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-glowing-cream-melasma-reduction_1200x.webp?v=1762529813\"\u003e\n\u003cp class=\"kp-fine\"\u003eIndividual results vary. This is a cosmetic product and describes the appearance of skin; it does not treat, cure, or prevent any medical condition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 4) WHY IT WORKS — ingredients --\u003e\n\u003cdiv class=\"kp-split\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"kp-eyebrow\"\u003eWhy It Works\u003c\/p\u003e\n\u003ch2 class=\"kp-h\"\u003ePowered by premium botanical actives\u003c\/h2\u003e\n\u003cp\u003eEvery jar concentrates hero ingredients chosen to brighten, renew, and defend — working together so tone looks more even and skin feels replenished.\u003c\/p\u003e\n\u003cdiv class=\"kp-ing-grid\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eRed Reishi\u003c\/b\u003e\u003cspan\u003eAntioxidant-rich; helps defend against dullness\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eRed Ginseng\u003c\/b\u003e\u003cspan\u003eSupports a firmer, revitalized look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eSnail Filtrate\u003c\/b\u003e\u003cspan\u003eSoothes and replenishes moisture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eNiacinamide\u003c\/b\u003e\u003cspan\u003eTargets the look of uneven tone\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eLarix Sibirica\u003c\/b\u003e\u003cspan\u003eBotanical brightening support\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eBHA (Salicylic)\u003c\/b\u003e\u003cspan\u003eGently smooths and refines texture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cimg loading=\"lazy\" alt=\"Premium ingredients: Larix Sibirica, Snail Filtrate, Niacinamide, Reishi Mushroom, BHA and Red Ginseng\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-glowing-cream-premium-ingredient_600x.webp?v=1762529890\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) WHO IT'S FOR + HOW TO USE --\u003e\n\u003cdiv class=\"kp-split rev\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"kp-eyebrow\"\u003eMade For Everyone\u003c\/p\u003e\n\u003ch2 class=\"kp-h\"\u003eGentle enough for all skin types\u003c\/h2\u003e\n\u003cp\u003eLightweight, fast-absorbing, and non-greasy — Kasumi Glowing Cream fits effortlessly into your morning and evening routine.\u003c\/p\u003e\n\u003ch3 class=\"kp-sub\"\u003eHow to use\u003c\/h3\u003e\n\u003col class=\"kp-steps\"\u003e\n\u003cli\u003e\n\u003cb\u003eCleanse\u003c\/b\u003e and pat skin dry.\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eApply\u003c\/b\u003e a pea-sized amount evenly across the face.\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eMassage\u003c\/b\u003e in gentle circular motions until absorbed.\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eRepeat\u003c\/b\u003e morning and night — pair AM use with sunscreen.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cimg loading=\"lazy\" alt=\"Woman applying Kasumi Glowing Cream — suitable for all skin types\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-glowing-cream-suitable-all-skin-type_600x.webp?v=1762529866\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) CTA --\u003e\n\u003cdiv class=\"kp-cta\"\u003e\n\u003ch2\u003eStart your glow-up today\u003c\/h2\u003e\n\u003cp\u003eBundle \u0026amp; save — the more you take, the more even and radiant your tone becomes over time.\u003c\/p\u003e\n\u003ca href=\"#\"\u003eChoose your bundle ↑\u003c\/a\u003e \u003csmall\u003e30g \/ 1.06 oz per jar · For external use only\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============ COPY TO HERE ============ --\u003e","brand":"Abera","offers":[{"title":"1 Box","offer_id":54115204202864,"sku":"CB-ABERA100+SL1","price":41.0,"currency_code":"USD","in_stock":true},{"title":"2 Boxes + 5 Eye Masks","offer_id":54115204235632,"sku":"CB-ABERA100+SL2+CB-CBMASK05+SL1","price":64.0,"currency_code":"USD","in_stock":true},{"title":"3 Boxes + 10 Eye Masks","offer_id":54115204268400,"sku":"CB-ABERA100+SL3-CB-CBMATNA039+SL1","price":85.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-main-image-new.webp?v=1785731406"},{"product_id":"abera-renewing-saffron-serum","title":"ABERA Renewing Saffron Serum, Melasma Treatment For Face","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003ePowerful Melasma Serum: Formulated to reduce melasma, discoloration, and sun-induced dark spots, this high-performance serum supports a more even-looking complexion using Vitamin C, Chlorella Algae, and Sappan Wood Extract.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eSkin Renewal with Premium Saffron Super Negin Extract: Infused with Super Negin Saffron and Seaweed, this serum helps reinforce skin structure, support collagen production, and promote visible tone clarity using advanced Exosome Delivery Technology.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eAnti-Aging Complex with Hyaluronic Acid: A blend of Hyaluronic Acid, Horse Chestnut, and Licorice Root Extract visibly reduces fine lines and wrinkles while supporting elasticity and long-lasting hydration.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eSoothing and Safe for Sensitive Skin: Gentle enough for daily use, this non-irritating formula calms and supports sensitive or redness-prone skin with Glycerin, Alfalfa Extract, and barrier-friendly actives - no harsh effects.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eHydration + Firmness Boost: Powered by marine algae and advanced humectants, this serum delivers deep moisture and helps refine texture for smoother, firmer, and more resilient skin over time.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Abera","offers":[{"title":"1 BOX","offer_id":54099141689712,"sku":"CB-ABERA056+SL1","price":23.95,"currency_code":"USD","in_stock":true},{"title":"2 BOXES SAVE 20%","offer_id":54099141722480,"sku":"CB-ABERA056+SL2","price":38.35,"currency_code":"USD","in_stock":true},{"title":"3 BOXES SAVE 25%","offer_id":54099141755248,"sku":"CB-ABERA056+SL3","price":53.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Screenshot2026-05-27091328.png?v=1779848165"},{"product_id":"niacinamide-melasma-cream-dark-spot-corrector","title":"Niacinamide Melasma Cream Dark Spot Corrector","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eBrightening Powerhouse \u003c\/strong\u003e- Our Dark Spot Corrector is formulated with a meticulously crafted blend of Licorice root extract, α-Arbutin, Niacinamide, Morinda citrifolia extract, and Fermented Pomegranate extract. This cream performs its enchantment on your skin, delivering unprecedented brightness and renewal. Want to know the specific benefits of each ingredient? Check out the detailed description below.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eVersatile Application\u003c\/strong\u003e - This formidable brightening solution is adept at addressing a range of skin concerns, including freckles, sunspots, melasma, and various types of dark spots.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eBacked by Science \u003c\/strong\u003e- This dark spot corrector is the liquid gold, perfect for inhibiting melanin, nourishing your skin and boosting its health from the inside out.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eTested and Proven Results \u003c\/strong\u003e- Tested and proven to work, our dark spot corrector cream can visibly lighten and fade freckles and sunburn in about 15-30 days, melasma in about 45 days, and age spots in about 60 days.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\n\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eMultiple Skin Types and Tones\u003c\/strong\u003e - The cream can be used morning and night, for both men and women of all skin types. Whether you have dry, oily, or combination skin, the cream will absorb like a dream into your skin and does its job.\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan class=\"a-list-item\"\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/f2ae5522-7932-4087-ac35-7abbd33c4e75.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787208833\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/be217106-2193-499a-8b3f-126c6d082568.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787208833\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/86085857-f674-452d-ab65-0bb5ed02884b.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787208833\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/7bb1fd0a-9cc9-4146-81cc-7ce12794fd29.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787208833\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/739deb97-5d5c-4f1d-a86c-22bd3c6a22a7.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787208833\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/9b155a5d-37f4-46d7-8fb2-cf77b38d84b6.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787208833\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/b3ccbac3-fbbd-4e0e-8488-b3f50a82cbb9.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787208833\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0c1e2f39-7e4b-469c-ba9a-c81006dc7f73.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787208833\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/p\u003e","brand":"Abera","offers":[{"title":"1 BOX","offer_id":54198608331120,"sku":"CB-USABERA072+SL1","price":34.95,"currency_code":"USD","in_stock":true},{"title":"BUY 2 BOXES","offer_id":54198608363888,"sku":"CB-USABERA072+SL2","price":55.95,"currency_code":"USD","in_stock":true},{"title":"BUY 3 BOXES","offer_id":54198608396656,"sku":"CB-USABERA072+SL3","price":79.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/514Fmmr0W8L._SL1080.jpg?v=1787211648"},{"product_id":"belani-retinol-face-cream-advanced-anti-aging-night-moisturizer","title":"Belani Retinol Face Cream - Advanced Anti-Aging Night Moisturizer","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eAdvanced Retinol Night Cream \u003c\/strong\u003e– A potent blend of Nano-Encapsulated Retinol, Collagen, and Hyaluronic Acid to help minimize the appearance of aging signs and nourish skin while you sleep.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eSupport Skin Renewal \u003c\/strong\u003e– Our facial moisturizer features Nano-Retinol to support natural surface cell turnover and Hyaluronic Acid for deep hydration. An ideal addition to your daily skincare routine.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eCollagen \u0026amp; Firming Support \u003c\/strong\u003e– Support your skin’s natural elasticity and firmness with our collagen-infused formula. Help restore the look of youthful radiance and skin vitality.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003ePremium Quality \u0026amp; Non-Greasy\u003c\/strong\u003e – Crafted with high standards, our formula is gentle, fast-absorbing, and free from harsh chemicals. Designed for both women and men.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eDermatologist Recommended \u003c\/strong\u003e– Professionally tested and recommended for its safety and efficacy. Our gentle yet powerful formula is suitable for all skin types, ensuring professional-grade care at home.\u003cbr\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/b4b0e754-db49-43ee-b1e8-f209bb79a766.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/4a274ca3-e27b-4f6c-892d-1f6160f49bda.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/8662fa18-c27e-477c-ac55-d0cd0728e052.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/d3a8d277-f0e9-42ff-bf76-f33be3508cbe.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ad33f715-1b42-4248-b0c1-3966a811e04d.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/290b6f20-bb3c-4d6c-8dd3-484e6865dc5c.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/06a0f0fc-c0c1-459e-b92d-c50bb0c65506.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/2388be30-2816-4110-a2e6-b904f96a371f.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/d4e31140-9964-4f39-baf7-c9a9fb818337.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/f762221d-7514-430a-8b0d-2c36c7104da1.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/212a6f44-3ec6-47a8-8438-0fc9eedfc5e1.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/40c3f649-ffaa-45ce-912d-26d05e5a326e.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Abera","offers":[{"title":"Set 1 Box","offer_id":54201287672176,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true},{"title":"Set 2 Boxes","offer_id":54201287704944,"sku":null,"price":49.0,"currency_code":"USD","in_stock":true},{"title":"Set 3 Boxes","offer_id":54201287737712,"sku":null,"price":69.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/71NZAgxxcdL._SL1500.webp?v=1787220126"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/collections\/hinh_1.webp?v=1759909343","url":"https:\/\/www.abera.us\/collections\/facial-care.oembed","provider":"ABERA","version":"1.0","type":"link"}