{"title":"Body Care","description":null,"products":[{"product_id":"collagen-neck-cream","title":"Crema de Colágeno para Cuello Oscuro y Cuello Arrugado","description":"\u003c!-- ============================================================= --\u003e\n\u003c!-- ====  PASTE FROM HERE INTO SHOPIFY  (start)  ================ --\u003e\n\u003c!-- ============================================================= --\u003e\n\u003cstyle\u003e\n  #abera-ncc{\n    --plum:#3B2A3A; --plum-soft:#5A4453; --bronze:#B07A46; --bronze-deep:#8A5C30;\n    --blush:#F6EFEC; --blush-deep:#EFE3DD; --cream:#FFFDFB; --ink:#2B2028; --line:#E4D5CE;\n    font-family:'Inter',-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n    color:var(--ink); line-height:1.6; font-size:16px; background:var(--cream);\n    max-width:100%; margin:0 auto; -webkit-font-smoothing:antialiased;\n  }\n  #abera-ncc *{box-sizing:border-box;}\n  #abera-ncc h1,#abera-ncc h2,#abera-ncc h3{font-family:'Fraunces',Georgia,serif; font-weight:500; color:var(--plum); line-height:1.15; margin:0;}\n  #abera-ncc p{margin:0 0 1em;}\n  #abera-ncc .ncc-wrap{padding:0 22px;}\n  #abera-ncc .ncc-eyebrow{font-family:'Inter',sans-serif; font-weight:600; letter-spacing:.14em; text-transform:uppercase; font-size:12px; color:var(--bronze-deep); margin:0 0 14px;}\n \n  \/* HERO *\/\n  #abera-ncc .ncc-hero{background:linear-gradient(160deg,#4A3444 0%,#3B2A3A 60%,#2E2030 100%); color:#F6EFEC; padding:52px 26px 46px; text-align:center;}\n  #abera-ncc .ncc-hero .ncc-eyebrow{color:#E3B98C;}\n  #abera-ncc .ncc-hero h1{color:#FFFDFB; font-size:33px; letter-spacing:-.01em;}\n  #abera-ncc .ncc-hero h1 em{font-style:italic; color:#E3B98C;}\n  #abera-ncc .ncc-sub{max-width:530px; margin:16px auto 0; color:#E7D9D1; font-size:17px;}\n  #abera-ncc .ncc-trustrow{display:flex; flex-wrap:wrap; gap:10px 22px; justify-content:center; margin-top:26px; font-size:13.5px; color:#F0E4DC; font-weight:500;}\n  #abera-ncc .ncc-trustrow span{display:inline-flex; align-items:center; gap:7px;}\n  #abera-ncc .ncc-trustrow b{color:#E3B98C; font-weight:700;}\n \n  \/* SECTION SHELL *\/\n  #abera-ncc .ncc-sec{padding:46px 0;}\n  #abera-ncc .ncc-sec.tint{background:var(--blush);}\n  #abera-ncc .ncc-sec.dark{background:linear-gradient(160deg,#4A3444,#2E2030); color:#E7D9D1;}\n  #abera-ncc .ncc-sec.dark h2{color:#FFFDFB;} #abera-ncc .ncc-sec.dark .ncc-eyebrow{color:#E3B98C;}\n  #abera-ncc .ncc-sec h2{font-size:26px; margin-bottom:8px;}\n  #abera-ncc .ncc-lede{color:var(--plum-soft); font-size:17px; max-width:600px;}\n  #abera-ncc .ncc-sec.dark .ncc-lede{color:#E7D9D1;}\n  #abera-ncc .ncc-body{font-size:16px; max-width:600px;}\n \n  \/* DE-SHAME callout *\/\n  #abera-ncc .ncc-note{background:var(--cream); border:1px solid var(--line); border-left:4px solid var(--bronze); border-radius:12px; padding:18px 20px; margin-top:22px;}\n  #abera-ncc .ncc-note b{color:var(--plum);}\n \n  \/* MECHANISM actives *\/\n  #abera-ncc .ncc-mech{display:grid; gap:12px; margin-top:24px;}\n  #abera-ncc .ncc-mech .m{display:flex; gap:14px; align-items:flex-start; background:var(--cream); border:1px solid var(--line); border-radius:12px; padding:16px 18px;}\n  #abera-ncc .ncc-mech .m .k{flex:0 0 auto; font-family:'Fraunces',serif; font-size:15px; font-weight:600; color:#fff; background:linear-gradient(135deg,var(--bronze),var(--bronze-deep)); padding:6px 12px; border-radius:99px; white-space:nowrap;}\n  #abera-ncc .ncc-mech .m p{margin:0; font-size:14.5px; color:var(--plum-soft);}\n  #abera-ncc .ncc-mech .m b{color:var(--plum);}\n \n  \/* CAROUSEL *\/\n  #abera-ncc .ncc-carousel{position:relative; margin-top:22px;}\n  #abera-ncc .ncc-track{display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; border-radius:14px;}\n  #abera-ncc .ncc-track::-webkit-scrollbar{display:none;}\n  #abera-ncc .ncc-slide{flex:0 0 100%; scroll-snap-align:center;}\n  #abera-ncc .ncc-slide img{width:100%; display:block; border-radius:14px;}\n  #abera-ncc .ncc-arrow{position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border-radius:50%; border:none; background:rgba(59,42,58,.72); color:#fff; font-size:20px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:2;}\n  #abera-ncc .ncc-arrow:hover{background:rgba(59,42,58,.9);}\n  #abera-ncc .ncc-arrow.prev{left:10px;}\n  #abera-ncc .ncc-arrow.next{right:10px;}\n  #abera-ncc .ncc-dots{display:flex; gap:8px; justify-content:center; margin-top:14px;}\n  #abera-ncc .ncc-dot{width:9px; height:9px; border-radius:50%; background:var(--line); border:none; cursor:pointer; padding:0;}\n  #abera-ncc .ncc-dot.active{background:var(--bronze);}\n  #abera-ncc .ncc-swipehint{text-align:center; font-size:12.5px; color:var(--plum-soft); margin-top:12px; letter-spacing:.02em;}\n \n  \/* BENEFIT CARDS *\/\n  #abera-ncc .ncc-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:26px;}\n  #abera-ncc .ncc-card{background:var(--cream); border:1px solid var(--line); border-radius:14px; padding:22px 18px;}\n  #abera-ncc .ncc-card .ic{width:44px; height:44px; border-radius:11px; background:var(--blush-deep); display:flex; align-items:center; justify-content:center; margin-bottom:14px;}\n  #abera-ncc .ncc-card h3{font-size:17px; margin-bottom:7px;}\n  #abera-ncc .ncc-card p{font-size:14px; color:var(--plum-soft); margin-bottom:0;}\n \n  \/* INGREDIENTS *\/\n  #abera-ncc .ncc-ing{display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:24px;}\n  #abera-ncc .ncc-ing .row{display:flex; gap:14px; align-items:center; background:var(--cream); border:1px solid var(--line); border-radius:12px; padding:12px;}\n  #abera-ncc .ncc-ing-img{flex:0 0 33%; width:33%; aspect-ratio:1\/1; border-radius:12px; object-fit:cover; display:block;}\n  #abera-ncc .ncc-ing b{display:block; color:var(--plum); font-size:15px;}\n  #abera-ncc .ncc-ing span{font-size:13.5px; color:var(--plum-soft);}\n \n  \/* TIMELINE *\/\n  #abera-ncc .ncc-steps{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:26px;}\n  #abera-ncc .ncc-step .n{font-family:'Fraunces',serif; font-size:34px; color:var(--bronze); line-height:1; display:block; margin-bottom:8px;}\n  #abera-ncc .ncc-step h3{font-size:16px; margin-bottom:5px;}\n  #abera-ncc .ncc-step p{font-size:14px; color:var(--plum-soft); margin-bottom:0;}\n \n  \/* FEATURE (roller) *\/\n  #abera-ncc .ncc-feature{display:grid; grid-template-columns:1fr 1fr; gap:26px; align-items:center;}\n  #abera-ncc .ncc-feature ul{list-style:none; padding:0; margin:18px 0 0; display:grid; gap:12px;}\n  #abera-ncc .ncc-feature li{display:flex; gap:11px; font-size:15px;}\n  #abera-ncc .ncc-feature li b{color:var(--plum);}\n  #abera-ncc .ncc-feature li svg{flex:0 0 20px; margin-top:3px;}\n \n  \/* SECONDARY firm\/smooth *\/\n  #abera-ncc .ncc-second{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center;}\n  #abera-ncc .ncc-second img{width:100%; border-radius:14px; display:block;}\n \n  \/* GUARANTEE BAR *\/\n  #abera-ncc .ncc-bar{background:var(--plum); color:#F0E4DC; border-radius:16px; padding:30px 26px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; text-align:center;}\n  #abera-ncc .ncc-bar h3{color:#E3B98C; font-size:16px; margin-bottom:5px;}\n  #abera-ncc .ncc-bar p{font-size:13.5px; color:#E7D9D1; margin-bottom:0;}\n \n  \/* FAQ *\/\n  #abera-ncc .ncc-faq{margin-top:22px; border-top:1px solid var(--line);}\n  #abera-ncc .ncc-faq details{border-bottom:1px solid var(--line);}\n  #abera-ncc .ncc-faq summary{cursor:pointer; list-style:none; padding:17px 4px; font-weight:600; color:var(--plum); font-size:16px; display:flex; justify-content:space-between; align-items:center; gap:16px;}\n  #abera-ncc .ncc-faq summary::-webkit-details-marker{display:none;}\n  #abera-ncc .ncc-faq summary::after{content:\"+\"; font-size:22px; color:var(--bronze); font-weight:400; line-height:1;}\n  #abera-ncc .ncc-faq details[open] summary::after{content:\"\\2013\";}\n  #abera-ncc .ncc-faq p{padding:0 4px 18px; color:var(--plum-soft); font-size:15px; margin:0;}\n \n  \/* FINAL CTA *\/\n  #abera-ncc .ncc-final{background:linear-gradient(160deg,#4A3444,#2E2030); color:#F6EFEC; text-align:center; padding:48px 26px;}\n  #abera-ncc .ncc-final h2{color:#FFFDFB; font-size:28px;}\n  #abera-ncc .ncc-final p{color:#E7D9D1; max-width:470px; margin:14px auto 0;}\n  #abera-ncc .ncc-cta-btn{display:inline-block; margin-top:24px; background:#E3B98C; color:var(--plum); font-family:'Inter',sans-serif; font-weight:700; font-size:16px; letter-spacing:.02em; text-decoration:none; padding:16px 34px; border-radius:99px; border:none; cursor:pointer; transition:transform .15s ease, background .15s ease;}\n  #abera-ncc .ncc-cta-btn:hover{background:#EFCBA3; transform:translateY(-2px);}\n \n  \/* MOBILE *\/\n  @media (max-width:600px){\n    #abera-ncc .ncc-hero h1{font-size:26px;}\n    #abera-ncc .ncc-cards,#abera-ncc .ncc-ing,#abera-ncc .ncc-feature,#abera-ncc .ncc-steps,#abera-ncc .ncc-bar,#abera-ncc .ncc-second{grid-template-columns:1fr;}\n    #abera-ncc .ncc-sec h2{font-size:22px;}\n  }\n\u003c\/style\u003e\n \n\u003cdiv id=\"abera-ncc\"\u003e\n\n \n  \u003c!-- ========== HERO ========== --\u003e\n  \u003cheader class=\"ncc-hero\"\u003e\n    \u003cp class=\"ncc-eyebrow\"\u003eTratamiento específico para cuello oscuro\u003c\/p\u003e\n\n    \u003ch1\u003eAclara un cuello oscuro y opaco — \u003cem\u003eel tipo de suciedad que el lavado nunca quita\u003c\/em\u003e\n\n\u003c\/h1\u003e\n\n    \u003cp class=\"ncc-sub\"\u003eUna crema en roll-on diseñada para aclarar visiblemente la piel oscura y engrosada a menudo relacionada con la acantosis nigricans, potenciada por nuestro complejo bloqueador de melanina. También reafirma y suaviza.\u003c\/p\u003e\n\n    \u003cdiv class=\"ncc-trustrow\"\u003e\n\n      \u003cspan\u003e✔ Visible en tan solo \u003cb\u003e5 usos\u003c\/b\u003e\u003c\/span\u003e\n      \u003cspan\u003e✔ Complejo \u003cb\u003ebloqueador de melanina\u003c\/b\u003e\u003c\/span\u003e\n      \u003cspan\u003e✔ Roll-on, \u003cb\u003esin desorden\u003c\/b\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/header\u003e\n \n  \u003c!-- ========== DE-SHAMING PROBLEM ========== --\u003e\n  \u003csection class=\"ncc-sec\"\u003e\n    \u003cdiv class=\"ncc-wrap\"\u003e\n\n      \u003cp class=\"ncc-eyebrow\"\u003eLee esto primero\u003c\/p\u003e\n\n      \u003ch2\u003eNo es suciedad. Y no es tu culpa.\u003c\/h2\u003e\n\n      \u003cp class=\"ncc-body\"\u003eSi la piel de tu cuello luce oscura, opaca o \"sucia\" sin importar cuánto la frotes, no estás haciendo nada mal. Esos pliegues más oscuros y gruesos suelen ser un signo de \u003cb\u003eacantosis nigricans\u003c\/b\u003e: una respuesta cutánea común ligada a hormonas, insulina, fricción o simplemente genética.\u003c\/p\u003e\n\n      \u003cdiv class=\"ncc-note\"\u003e\n\n        \u003cp style=\"margin:0;\"\u003e\u003cb\u003eAquí está la parte que nadie te dice:\u003c\/b\u003e el pigmento se encuentra \u003cem\u003edentro\u003c\/em\u003e de la piel, no encima. Por eso el jabón y el frotado no pueden quitarlo, y por eso frotar con fuerza puede empeorar el oscurecimiento.\u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003c!-- IMAGE: dark neck close-up --\u003e\n      \u003cdiv style=\"margin-top:24px;\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-dark-neck-before-after.webp?v=1786444466\" alt=\"Piel del cuello oscura y engrosada asociada con la acantosis nigricans\" style=\"width:100%;border-radius:14px;display:block;\"\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n \n  \u003c!-- ========== SWIPEABLE BEFORE \/ AFTER ========== --\u003e\n  \u003csection class=\"ncc-sec\"\u003e\n    \u003cdiv class=\"ncc-wrap\"\u003e\n\n      \u003cp class=\"ncc-eyebrow\"\u003eResultados reales\u003c\/p\u003e\n\n      \u003ch2\u003eDesliza para ver la diferencia\u003c\/h2\u003e\n\n      \u003cdiv class=\"ncc-carousel\"\u003e\n\n        \u003cdiv class=\"ncc-track\"\u003e\n\n          \u003cdiv class=\"ncc-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_1_af94f800-5e20-4141-899a-ff96d713c9f7.webp?v=1787045252\" alt=\"Cuello oscuro antes y después, resultado 1\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"ncc-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_2_6ffbd063-4ef7-4086-99b6-4541e7d0ffc7.webp?v=1787045252\" alt=\"Cuello oscuro antes y después, resultado 2\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"ncc-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_3_9e0e3c15-a87a-46ee-973d-ed36cddeedec.webp?v=1787045252\" alt=\"Cuello oscuro antes y después, resultado 3\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"ncc-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_4_37801269-1f44-432f-b9a9-4e2f90da2c14.webp?v=1787045252\" alt=\"Cuello oscuro antes y después, resultado 4\"\u003e\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cbutton class=\"ncc-arrow prev\" aria-label=\"Anterior\"\u003e‹\u003c\/button\u003e\n        \u003cbutton class=\"ncc-arrow next\" aria-label=\"Siguiente\"\u003e›\u003c\/button\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ncc-dots\"\u003e\n\n        \u003cbutton class=\"ncc-dot active\" aria-label=\"Ir a la diapositiva 1\"\u003e\u003c\/button\u003e\n        \u003cbutton class=\"ncc-dot\" aria-label=\"Ir a la diapositiva 2\"\u003e\u003c\/button\u003e\n        \u003cbutton class=\"ncc-dot\" aria-label=\"Ir a la diapositiva 3\"\u003e\u003c\/button\u003e\n        \u003cbutton class=\"ncc-dot\" aria-label=\"Ir a la diapositiva 4\"\u003e\u003c\/button\u003e\n      \u003c\/div\u003e\n\n      \u003cp class=\"ncc-swipehint\"\u003e← desliza para ver más →\u003c\/p\u003e\n\n      \u003cp style=\"font-size:12.5px; color:var(--plum-soft); margin-top:14px; text-align:center;\"\u003eLos resultados individuales varían según el tipo de piel y la constancia de uso.\u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n \n  \u003c!-- ========== TIMELINE ========== --\u003e\n  \u003csection class=\"ncc-sec dark\"\u003e\n    \u003cdiv class=\"ncc-wrap\"\u003e\n\n      \u003cp class=\"ncc-eyebrow\"\u003eQué esperar\u003c\/p\u003e\n\n      \u003ch2\u003eResultados notables rápidamente. Más eficaz a la semana 6.\u003c\/h2\u003e\n\n      \u003cp class=\"ncc-lede\"\u003eNo hay \"los resultados pueden tardar meses\". Aquí está la línea de tiempo honesta.\u003c\/p\u003e\n\n      \u003cdiv class=\"ncc-steps\"\u003e\n\n        \u003cdiv class=\"ncc-step\"\u003e\n\n\u003cspan class=\"n\"\u003e1–5\u003c\/span\u003e\u003ch3\u003ePrimeros 5 usos\u003c\/h3\u003e\n\n\u003cp style=\"color:#E7D9D1;\"\u003eLa piel se siente más suave y tersa; el tono comienza a verse más fresco y menos opaco.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n        \u003cdiv class=\"ncc-step\"\u003e\n\n\u003cspan class=\"n\"\u003e2–4\u003c\/span\u003e\u003ch3\u003eSemanas 2–4\u003c\/h3\u003e\n\n\u003cp style=\"color:#E7D9D1;\"\u003eLos pliegues oscuros comienzan a aclararse visiblemente; el tono general luce más uniforme.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n        \u003cdiv class=\"ncc-step\"\u003e\n\n\u003cspan class=\"n\"\u003e4–6\u003c\/span\u003e\u003ch3\u003eSemanas 4–6\u003c\/h3\u003e\n\n\u003cp style=\"color:#E7D9D1;\"\u003eResultados máximos: un cuello más brillante, uniforme y de aspecto más firme.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n \n  \u003c!-- ========== HOW IT WORKS + ACTIVES (merged) ========== --\u003e\n  \u003csection class=\"ncc-sec tint\"\u003e\n    \u003cdiv class=\"ncc-wrap\"\u003e\n\n      \u003cp class=\"ncc-eyebrow\"\u003eCómo funciona\u003c\/p\u003e\n\n      \u003ch2\u003eNo puedes eliminar el pigmento lavando. Lo tienes que atacar.\u003c\/h2\u003e\n\n      \u003cp class=\"ncc-lede\"\u003eUn cuello oscuro no es suciedad en la superficie, es exceso de pigmento en la piel. Nuestro Complejo Bloqueador de Melanina combina tres iluminadores clínicamente probados para aclararlo, además de nanocolágeno para reafirmar.\u003c\/p\u003e\n\n      \u003cdiv class=\"ncc-ing\"\u003e\n\n        \u003cdiv class=\"row\"\u003e\n\n\u003cimg class=\"ncc-ing-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-niacinamide.webp?v=1786444378\" alt=\"Niacinamida\"\u003e\u003cdiv\u003e\n\n\u003cb\u003eNiacinamida\u003c\/b\u003e\u003cspan\u003eInterrumpe la transferencia del exceso de pigmento y unifica el tono en pliegues gruesos y descoloridos, a la vez que fortalece la barrera cutánea.\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n        \u003cdiv class=\"row\"\u003e\n\n\u003cimg class=\"ncc-ing-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-alpha-arbutin.webp?v=1786444395\" alt=\"Alfa-arbutina\"\u003e\u003cdiv\u003e\n\n\u003cb\u003eAlfa-arbutina\u003c\/b\u003e\u003cspan\u003eUn aclarador suave y dirigido que actúa sobre las manchas oscuras persistentes, sin blanqueamiento agresivo.\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n        \u003cdiv class=\"row\"\u003e\n\n\u003cimg class=\"ncc-ing-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-licorice-root.webp?v=1786444428\" alt=\"Extracto de raíz de regaliz\"\u003e\u003cdiv\u003e\n\n\u003cb\u003eExtracto de raíz de regaliz\u003c\/b\u003e\u003cspan\u003eCalma e ilumina a la vez, ayudando a desvanecer el aspecto de la piel oscura y opaca con el tiempo.\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n        \u003cdiv class=\"row\"\u003e\n\n\u003cimg class=\"ncc-ing-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-collagen.webp?v=1786444406\" alt=\"Colágeno hidrolizado nano\"\u003e\u003cdiv\u003e\n\n\u003cb\u003eColágeno hidrolizado nano\u003c\/b\u003e\u003cspan\u003eReafirma la piel flácida y favorece la elasticidad, para que tu cuello luzca más brillante \u003cem\u003ey\u003c\/em\u003e terso, sin necesidad de un segundo producto.\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n \n  \u003c!-- ========== ROLLER FEATURE ========== --\u003e\n  \u003csection class=\"ncc-sec\"\u003e\n    \u003cdiv class=\"ncc-wrap\"\u003e\n\n      \u003cdiv class=\"ncc-feature\"\u003e\n\n        \u003cdiv\u003e\n\n          \u003cp class=\"ncc-eyebrow\"\u003eEl detalle distintivo\u003c\/p\u003e\n\n          \u003ch2\u003eUn rodillo de masaje incorporado\u003c\/h2\u003e\n\n          \u003cp class=\"ncc-lede\"\u003ePreciso, sin desorden, y ayuda a que los iluminadores lleguen a los pliegues profundos y engrosados.\u003c\/p\u003e\n\n          \u003cul\u003e\n\n            \u003cli\u003e\n\n\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#B07A46\" stroke-width=\"2\"\u003e\u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003e\u003cb\u003eAplicación sin contacto\u003c\/b\u003e — la crema va directamente al cuello, sin desperdicio en tus manos.\u003c\/span\u003e\n\n\u003c\/li\u003e\n\n            \u003cli\u003e\n\n\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#B07A46\" stroke-width=\"2\"\u003e\u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003e\u003cb\u003eAbsorción más profunda\u003c\/b\u003e — el movimiento de rodadura aumenta la microcirculación, llevando los activos a la piel gruesa y texturizada.\u003c\/span\u003e\n\n\u003c\/li\u003e\n\n            \u003cli\u003e\n\n\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#B07A46\" stroke-width=\"2\"\u003e\u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003e\u003cb\u003eMasaje refrescante\u003c\/b\u003e que se siente como un mini facial en casa.\u003c\/span\u003e\n\n\u003c\/li\u003e\n\n          \u003c\/ul\u003e\n\n        \u003c\/div\u003e\n\n        \u003c!-- IMAGE: roller --\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-roller.webp?v=1786444442\" alt=\"Aplicador de rodillo de masaje incorporado en ABERA Collagen Neck Cream\" style=\"width:100%;border-radius:14px;display:block;\"\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n \n  \u003c!-- ========== SECONDARY: FIRM \u0026 SMOOTH (the ~20%) ========== --\u003e\n  \u003csection class=\"ncc-sec tint\"\u003e\n    \u003cdiv class=\"ncc-wrap\"\u003e\n\n      \u003cdiv class=\"ncc-second\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-wrinkle.webp?v=1786444657\" alt=\"Cuello más suave, firme y con menos líneas\"\u003e\n        \u003cdiv\u003e\n\n          \u003cp class=\"ncc-eyebrow\"\u003eBonificación\u003c\/p\u003e\n\n          \u003ch2\u003eMás firme, más suave — también\u003c\/h2\u003e\n\n          \u003cp style=\"font-size:15.5px; color:var(--plum-soft); margin:0;\"\u003eUn cuello oscuro a menudo viene acompañado de flacidez y líneas profundas de \"cuello tecnológico\". El nanocolágeno apoya la firmeza y ayuda a suavizar esas arrugas, para que tu cuello luzca más brillante \u003cem\u003ey\u003c\/em\u003e terso.\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n \n  \u003c!-- ========== HOW TO USE ========== --\u003e\n  \u003csection class=\"ncc-sec\"\u003e\n    \u003cdiv class=\"ncc-wrap\"\u003e\n\n      \u003cp class=\"ncc-eyebrow\"\u003eLa rutina\u003c\/p\u003e\n\n      \u003ch2\u003eTres segundos, mañana y noche\u003c\/h2\u003e\n\n      \u003cdiv class=\"ncc-steps\"\u003e\n\n        \u003cdiv class=\"ncc-step\"\u003e\n\n\u003cspan class=\"n\"\u003e01\u003c\/span\u003e\u003ch3\u003eLimpia\u003c\/h3\u003e\n\n\u003cp\u003eComienza con la piel limpia y seca en el cuello y los pliegues.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n        \u003cdiv class=\"ncc-step\"\u003e\n\n\u003cspan class=\"n\"\u003e02\u003c\/span\u003e\u003ch3\u003eAplica con el roll-on\u003c\/h3\u003e\n\n\u003cp\u003eDesliza el rodillo sobre las áreas oscuras y engrosadas.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n        \u003cdiv class=\"ncc-step\"\u003e\n\n\u003cspan class=\"n\"\u003e03\u003c\/span\u003e\u003ch3\u003eMasajea\u003c\/h3\u003e\n\n\u003cp\u003eDeja que se absorba. Úsalo dos veces al día — la constancia es clave.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n \n  \u003c!-- ========== GUARANTEE BAR ========== --\u003e\n  \u003csection class=\"ncc-sec tint\"\u003e\n    \u003cdiv class=\"ncc-wrap\"\u003e\n\n      \u003cdiv class=\"ncc-bar\"\u003e\n\n        \u003cdiv\u003e\n\n\u003ch3\u003eDiseñado para cuellos oscuros\u003c\/h3\u003e\n\n\u003cp\u003eActúa sobre el pigmento en los pliegues engrosados, no es una crema hidratante básica.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n\u003ch3\u003eUso diario suave\u003c\/h3\u003e\n\n\u003cp\u003eLigero, no graso, suave con la piel sensible del cuello.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n\u003ch3\u003eRoll-on sin desorden\u003c\/h3\u003e\n\n\u003cp\u003eSin desperdicio, sin residuos, solo desliza y listo.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n \n  \u003c!-- ========== FAQ ========== --\u003e\n  \u003csection class=\"ncc-sec\"\u003e\n    \u003cdiv class=\"ncc-wrap\"\u003e\n\n      \u003cp class=\"ncc-eyebrow\"\u003eEs bueno saber\u003c\/p\u003e\n\n      \u003ch2\u003ePreguntas, respondidas\u003c\/h2\u003e\n\n      \u003cdiv class=\"ncc-faq\"\u003e\n\n        \u003cdetails open\u003e\n          \u003csummary\u003e¿Por qué mi cuello oscuro no se quita con el lavado?\u003c\/summary\u003e\n          \u003cp\u003ePorque normalmente no es suciedad. Los pliegues oscuros y engrosados del cuello suelen ser acantosis nigricans, un pigmento adicional producido dentro de la piel en respuesta a factores como hormonas, insulina o fricción. El jabón no puede alcanzarlo. Una fórmula iluminadora específica puede ayudar a desvanecer su apariencia con el tiempo.\u003c\/p\u003e\n\n        \u003c\/details\u003e\n        \u003cdetails\u003e\n          \u003csummary\u003e¿Qué tan rápido veré resultados?\u003c\/summary\u003e\n          \u003cp\u003eMuchas personas notan una piel más suave y de aspecto más fresco en los primeros 5 usos. La atenuación visible de las manchas oscuras suele acumularse entre las semanas 2 y 6 con un uso constante dos veces al día. Los resultados varían según el tipo de piel y la regularidad con la que lo uses.\u003c\/p\u003e\n\n        \u003c\/details\u003e\n        \u003cdetails\u003e\n          \u003csummary\u003e¿Ayudará con la acantosis nigricans?\u003c\/summary\u003e\n          \u003cp\u003eEl Complejo Bloqueador de Melanina está diseñado para atenuar visiblemente el aspecto de la piel oscura y engrosada asociada con la acantosis nigricans. Es un producto cosmético para el cuidado de la piel, no un tratamiento médico; si el oscurecimiento apareció de repente o se está extendiendo, consulta a un médico, ya que puede estar relacionado con factores de salud subyacentes.\u003c\/p\u003e\n\n        \u003c\/details\u003e\n        \u003cdetails\u003e\n          \u003csummary\u003e¿Es seguro para tonos de piel más oscuros y piel sensible?\u003c\/summary\u003e\n          \u003cp\u003eSí. Está formulado para aclarar suavemente, sin blanqueamiento agresivo, y es lo suficientemente ligero para la piel fina del cuello. Si tienes sensibilidades conocidas, realiza una prueba en una pequeña zona del brazo durante 24 horas.\u003c\/p\u003e\n\n        \u003c\/details\u003e\n        \u003cdetails\u003e\n          \u003csummary\u003e¿Puedo usarlo con mis otros productos para el cuidado de la piel?\u003c\/summary\u003e\n          \u003cp\u003eAbsolutamente. Aplícalo sobre la piel limpia antes de cremas más pesadas o protector solar, y deja que el rodillo lo masajee primero.\u003c\/p\u003e\n\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n \n  \u003c!-- ========== FINAL CTA ========== --\u003e\n  \u003csection class=\"ncc-final\"\u003e\n    \u003ch2\u003eDeja de esconder tu cuello\u003c\/h2\u003e\n\n    \u003cp\u003eAclara la piel oscura y engrosada que el lavado nunca pudo, con un solo paso suave en roll-on, dos veces al día.\u003c\/p\u003e\n\n    \u003ca href=\"#\" class=\"ncc-cta-btn\"\u003eAñadir al carrito y empezar hoy mismo\u003c\/a\u003e\n  \u003c\/section\u003e\n \n\n\u003c\/div\u003e\n \n\u003cscript\u003e\n(function(){\n  var root=document.getElementById('abera-ncc');\n  if(!root){return;}\n  \/* CTA: scroll up to the store's add-to-cart button *\/\n  root.querySelectorAll('.ncc-cta-btn').forEach(function(b){\n    b.addEventListener('click',function(e){\n      e.preventDefault();\n      var t=document.querySelector('.product-form__buttons')||document.querySelector('[name=\"add\"]')||document.querySelector('product-form')||document.querySelector('form[action*=\"\/cart\/add\"]');\n      if(t){t.scrollIntoView({behavior:'smooth',block:'center'});}else{window.scrollTo({top:0,behavior:'smooth'});}\n    });\n  });\n  \/* Before\/after carousel *\/\n  var track=root.querySelector('.ncc-track');\n  if(track){\n    var slides=track.querySelectorAll('.ncc-slide');\n    var dots=root.querySelectorAll('.ncc-dot');\n    var prev=root.querySelector('.ncc-arrow.prev');\n    var next=root.querySelector('.ncc-arrow.next');\n    function idx(){return Math.round(track.scrollLeft\/track.clientWidth);}\n    function go(i){i=Math.max(0,Math.min(slides.length-1,i));track.scrollTo({left:i*track.clientWidth,behavior:'smooth'});}\n    if(prev){prev.addEventListener('click',function(){go(idx()-1);});}\n    if(next){next.addEventListener('click',function(){go(idx()+1);});}\n    dots.forEach(function(d,i){d.addEventListener('click',function(){go(i);});});\n    track.addEventListener('scroll',function(){var a=idx();dots.forEach(function(d,i){d.classList.toggle('active',i===a);});});\n  }\n})();\n\u003c\/script\u003e\n\u003c!-- ============================================================= --\u003e\n\u003c!-- ====  PASTE TO HERE INTO SHOPIFY  (end)  =================== --\u003e\n\u003c!-- ============================================================= --\u003e","brand":"Abera","offers":[{"title":"1 Box","offer_id":53908354171248,"sku":"CB-ABERA062+SL1","price":17.99,"currency_code":"USD","in_stock":true},{"title":"2 Boxes + 5x Eye Mask Gift","offer_id":53908354204016,"sku":"CB-ABERA062+SL2-CB-CBMASK05+SL1","price":30.99,"currency_code":"USD","in_stock":true},{"title":"3 Boxes + 10x Eye Mask Gift","offer_id":53908354236784,"sku":"CB-ABERA062+SL3-CB-CBMATNA039+SL1","price":43.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/collagen_neck_cream_main_image_spf_df32a9e7-7f8b-455e-b8b7-0293da79e9e1.webp?v=1784519282"},{"product_id":"abera-men-acne-body-wash","title":"Gel de baño para el acné para hombres","description":"\u003csection style=\"background: #f9fafb; padding: 0 20px 48px; font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\" class=\"product-section abera-bodywash\"\u003e\u003c!-- Heading --\u003e\n\u003cdiv style=\"max-width: 1100px; margin: 0 auto; text-align: center;\"\u003e\n\n\u003ch2 style=\"color: #ff6a00; font-size: 28px; line-height: 1.2; margin: 0 0 12px; font-weight: 800; letter-spacing: .5px;\"\u003e GEL DE DUCHA \u003cspan style=\"color: rgb(0, 0, 0);\"\u003ePARA EL ACNÉ\u003c\/span\u003e ABERA\u003c\/h2\u003e\n\n \u003cp style=\"color: #444; font-size: 16px; margin: 0 auto 28px; max-width: 760px;\"\u003eUn \u003cstrong\u003elimpiador potente pero suave,\u003c\/strong\u003e diseñado para pieles activas y con tendencia acneica. \u003cstrong\u003eEl entrenamiento provoca sudor, calor y fricción\u003c\/strong\u003e que pueden atrapar grasa y bacterias en la espalda y el pecho, lo que provoca brotes. Contiene \u003cstrong\u003eun 5 % de ácido láctico\u003c\/strong\u003e para exfoliar y destapar los poros, \u003cstrong\u003eniacinamida\u003c\/strong\u003e para iluminar y unificar el tono, y \u003cstrong\u003eácido succínico + hamamelis\u003c\/strong\u003e para ayudar a equilibrar el sebo y reducir los brotes post-entrenamiento. \u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 3 Benefit Cards --\u003e\n\u003cdiv style=\"max-width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 22px; justify-content: center;\"\u003e\n\n\u003c!-- Card 1 --\u003e\n\u003cdiv style=\"flex: 1 1 300px; background: #fff; border-radius: 14px; padding: 16px; box-shadow: 0 6px 18px rgba(0,0,0,.06);\"\u003e\n\n\u003cimg style=\"width: 100%; border-radius: 12px; display: block;\" alt=\"Elimina el acné del cuerpo y la espalda.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/f0dab96a4fb8e9e83979e64e49d0d15c.webp?v=1760580178\"\u003e\n\u003ch3 style=\"margin: 14px 0px 6px; color: rgb(255, 106, 0); font-size: 18px; text-align: center;\"\u003e Elimina el acné del cuerpo y la espalda.\u003c\/h3\u003e\n\n\u003cp style=\"margin: 0px; color: rgb(68, 68, 68); font-size: 15px; text-align: center;\"\u003e El AHA exfolia suavemente y descongestiona los poros de la espalda, el pecho y los hombros para reducir los brotes. \u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Card 2 --\u003e\n\u003cdiv style=\"flex: 1 1 300px; background: #fff; border-radius: 14px; padding: 16px; box-shadow: 0 6px 18px rgba(0,0,0,.06);\"\u003e\n\n\u003cimg style=\"width: 100%; border-radius: 12px; display: block;\" alt=\"La niacinamida suaviza y unifica el tono de la piel.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/unnamed_3072x3072_f0db827c-27c9-4ab5-b691-bd0deaf866a5.webp?v=1760580677\"\u003e\n\u003ch3 style=\"margin: 14px 0px 6px; color: rgb(255, 106, 0); font-size: 18px; text-align: center;\"\u003e Piel más suave y uniforme\u003c\/h3\u003e\n\n\u003cp style=\"margin: 0px; color: rgb(68, 68, 68); font-size: 15px; text-align: center;\"\u003e La niacinamida ayuda a atenuar las marcas posteriores al acné y favorece una barrera cutánea más fuerte para una apariencia más clara. \u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Card 3 --\u003e\n\u003cdiv style=\"flex: 1 1 300px; background: #fff; border-radius: 14px; padding: 16px; box-shadow: 0 6px 18px rgba(0,0,0,.06);\"\u003e\n\n\u003cimg style=\"width: 100%; border-radius: 12px; display: block;\" alt=\"Controla la grasa y ayuda a prevenir los brotes posteriores al entrenamiento.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/232259f25e7c921f35b74b26f5df4de2.webp?v=1760580266\"\u003e\n\u003ch3 style=\"margin: 14px 0px 6px; color: rgb(255, 106, 0); font-size: 18px; text-align: center;\"\u003e Controla la grasa y ayuda a prevenir los brotes posteriores al entrenamiento.\u003c\/h3\u003e\n\n\u003cp style=\"margin: 0px; color: rgb(68, 68, 68); font-size: 15px; text-align: center;\"\u003e El ácido succínico y el hamamelis ayudan a equilibrar el sebo y calmar la piel después del sudor, el calor y la fricción del entrenamiento o del uso de ropa ajustada. \u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Pro Tips --\u003e\n\u003cdiv style=\"max-width: 700px; margin: 34px auto 0; background: #fff; border-radius: 16px; padding: 20px; box-shadow: 0 10px 24px rgba(0,0,0,.06);\"\u003e\n\n\u003ch3 style=\"color: #ff6a00; font-size: 20px; margin: 0 0 10px; text-align: center;\"\u003e Consejos profesionales para hombres\u003c\/h3\u003e\n\n\u003cul style=\"margin: 0; padding-left: 20px; color: #444; font-size: 15px;\"\u003e\n\n\u003cli\u003eInmediatamente después de entrenar, aplique en las zonas sudorosas (espalda, pecho y hombros) y deje actuar de 60 a 90 segundos antes de enjuagar.\u003c\/li\u003e\n\n \u003cli\u003eÚselo diariamente; combínelo con una loción corporal ligera si la piel se siente seca.\u003c\/li\u003e\n\n\u003cli\u003e Utilice un paño exfoliante 2 o 3 veces por semana (no frote la piel irritada).\u003c\/li\u003e\n\n\u003cli\u003e Para las manchas oscuras, sea constante y use protector solar en las áreas expuestas. \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Trust Chips --\u003e\n\u003cdiv style=\"max-width: 1100px; margin: 28px auto 0; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: center;\"\u003e\n\n \u003cspan style=\"background: #fff3e6; color: #ff6a00; padding: 8px 12px; border-radius: 999px; font-size: 13px; border: 1px solid #ffead6;\"\u003eAHA\u003c\/span\u003e \u003cspan style=\"background: #fff3e6; color: #ff6a00; padding: 8px 12px; border-radius: 999px; font-size: 13px; border: 1px solid #ffead6;\"\u003eNiacinamida\u003c\/span\u003e \u003cspan style=\"background: #fff3e6; color: #ff6a00; padding: 8px 12px; border-radius: 999px; font-size: 13px; border: 1px solid #ffead6;\"\u003eBHA • Hamamelis\u003c\/span\u003e \u003cspan style=\"background: #fff3e6; color: #ff6a00; padding: 8px 12px; border-radius: 999px; font-size: 13px; border: 1px solid #ffead6;\"\u003eApto para después del entrenamiento\u003c\/span\u003e \u003cspan style=\"background: #fff3e6; color: #ff6a00; padding: 8px 12px; border-radius: 999px; font-size: 13px; border: 1px solid #ffead6;\"\u003epH equilibrado\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\u003c!-- CTA --\u003e\n\u003cdiv style=\"max-width: 1100px; margin: 28px auto 0; text-align: center;\"\u003e \n\u003ca style=\"display: inline-block; background: #ff6a00; color: #fff; padding: 12px 22px; border-radius: 12px; text-decoration: none; font-weight: bold;\" href=\"#add-to-cart\"\u003eAñadir al carrito — Limpia tu espalda\u003c\/a\u003e\n\u003cp style=\"font-size: 12px; color: #667; margin-top: 8px;\"\u003e Tamaño: 350 ml • Uso diario\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n  \/* CTA hover *\/\n  .abera-bodywash a[href=\"#add-to-cart\"]:hover { filter:brightness(.95); }\n\n  \/* Responsive *\/\n  @media (max-width:768px){\n    .abera-bodywash div[style*=\"flex: 1 1 300px\"]{ flex:1 1 100% !important; }\n    .abera-bodywash h2{ font-size:22px !important; }\n    .abera-bodywash p, .abera-bodywash li{ font-size:14px !important; }\n    .abera-bodywash a{ width:100% !important; }\n  }\n\u003c\/style\u003e","brand":"ABERA US","offers":[{"title":"1 Bottle","offer_id":54225655824752,"sku":"CB-USASTABM+SL1","price":28.0,"currency_code":"USD","in_stock":true},{"title":"Double-Action Clear Body Bundle","offer_id":54225655890288,"sku":"CB-USASTABM+SL1-CB-BHA059+SL1","price":45.0,"currency_code":"USD","in_stock":true},{"title":"2 Bottles + 🎁 ABERA BHA Acne Spray","offer_id":54225655857520,"sku":"CB-USASTABM+SL2-CB-BHA059+SL1","price":50.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_4.webp?v=1787718062"},{"product_id":"folliculitis-shower-gel","title":"Gel de baño ABERA para la foliculitis para hombres y mujeres","description":"\u003c!-- ============================================================\nABERA FOLLICULITIS TREATMENT BODY WASH\nVERSIÓN EN ESPAÑOL — HISPANOS EN ESTADOS UNIDOS\n\n- Se conservaron todos los estilos CSS, imágenes, videos y funciones JS.\n- Solo se localizó el copy visible, alt text y etiquetas de accesibilidad.\n============================================================ --\u003e\n\n\u003c!-- ============================================================\nABERA FOLLICULITIS TREATMENT BODY WASH\nFULL SHOPIFY CUSTOM LIQUID V6\n\nUPDATE:\n- Fixed senior doctor background in BRAND section\n- Foreground information carousel\n- Added 3 IMAGE-ONLY lifestyle cards\n- Important benefits remain visible\n- Results now use 4 complete before\/after image cards\n- Each result card uses one combined before\/after image\n- Proof\/examples use carousel on mobile\n============================================================ --\u003e\n\u003cstyle\u003e\n\n\/* =========================\nGLOBAL\n========================= *\/\n\n#abf-page{\n  --treatment-dark:#10261C;\n  --treatment-dark-2:#163126;\n  --forest:#1C4932;\n  --forest-light:#286144;\n  --bitter-green:#87B93C;\n  --active-lime:#CDEB78;\n  --clinical-cream:#F5F2E8;\n  --clinical-green:#E9F0E4;\n  --soft:#F4F6F3;\n  --white:#FFFFFF;\n  --charcoal:#111512;\n  --text:#151915;\n  --muted:#626A64;\n  --line:#DCE3DD;\n\n  font-family:Arial,Helvetica,sans-serif;\n  color:var(--text);\n  background:#fff;\n  overflow:hidden;\n}\n\n#abf-page *{\n  box-sizing:border-box;\n}\n\n#abf-page img{\n  display:block;\n  width:100%;\n}\n\n#abf-page .abf-wrap{\n  width:min(1180px,calc(100% - 40px));\n  margin:0 auto;\n}\n\n#abf-page .abf-section{\n  padding:72px 0;\n}\n\n#abf-page .abf-center{\n  text-align:center;\n}\n\n#abf-page .abf-eyebrow{\n  display:inline-block;\n  margin-bottom:12px;\n  color:var(--forest);\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:1.5px;\n  text-transform:uppercase;\n}\n\n#abf-page h2{\n  margin:0;\n  font-size:clamp(30px,4vw,52px);\n  line-height:1.04;\n  letter-spacing:-1.5px;\n  font-weight:900;\n  overflow-wrap:break-word;\n}\n\n#abf-page h3{\n  margin:0;\n  font-size:20px;\n  line-height:1.18;\n  font-weight:900;\n}\n\n#abf-page p{\n  margin:12px 0 0;\n  font-size:16px;\n  line-height:1.6;\n}\n\n#abf-page .abf-sub{\n  max-width:720px;\n  margin:16px auto 0;\n  color:var(--muted);\n}\n\n#abf-page .abf-two{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:55px;\n  align-items:center;\n}\n\n#abf-page .abf-main-img{\n  overflow:hidden;\n  border-radius:22px;\n  background:#ddd;\n}\n\n#abf-page .abf-main-img img{\n  width:100%;\n  aspect-ratio:1\/1;\n  object-fit:cover;\n}\n\n\n\/* =========================\nBUTTON\n========================= *\/\n\n#abf-page .abf-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  min-height:54px;\n  padding:0 28px;\n  margin-top:25px;\n\n  border:0;\n  border-radius:8px;\n\n  background:var(--charcoal);\n  color:#fff!important;\n\n  text-decoration:none;\n  font-size:15px;\n  font-weight:900;\n\n  transition:.2s ease;\n}\n\n#abf-page .abf-btn:hover{\n  transform:translateY(-2px);\n  opacity:.94;\n}\n\n#abf-page .abf-note{\n  margin-top:11px;\n  color:#777;\n  font-size:12px;\n}\n\n\n\/* =========================\nGENERIC CAROUSEL\n========================= *\/\n\n#abf-page .abf-track{\n  display:grid;\n  gap:16px;\n}\n\n#abf-page .abf-grid-3{\n  grid-template-columns:repeat(3,1fr);\n}\n\n#abf-page .abf-grid-4{\n  grid-template-columns:repeat(4,1fr);\n}\n\n#abf-page .abf-grid-5{\n  grid-template-columns:repeat(5,1fr);\n}\n\n#abf-page .abf-grid-6{\n  grid-template-columns:repeat(6,1fr);\n}\n\n#abf-page .abf-dots{\n  display:none;\n  justify-content:center;\n  gap:7px;\n  margin-top:18px;\n}\n\n#abf-page .abf-dot{\n  appearance:none;\n  width:7px;\n  height:7px;\n  padding:0;\n  border:0;\n  border-radius:50%;\n  background:#C6CEC8;\n  cursor:pointer;\n}\n\n#abf-page .abf-dot.active{\n  width:22px;\n  border-radius:20px;\n  background:var(--forest);\n}\n\n\n\/* ============================================================\n01 — TREATMENT SECTION\n============================================================ *\/\n\n#abf-page .abf-treatment{\n  padding:62px 0 68px;\n  background:var(--treatment-dark);\n  color:#fff;\n}\n\n#abf-page .abf-treatment .abf-eyebrow{\n  color:var(--active-lime);\n}\n\n#abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n  max-width:920px;\n  margin:0 auto;\n}\n\n#abf-page .abf-treatment .abf-sub{\n  max-width:720px;\n  color:#D3DED6;\n}\n\n\n\/* ============================================================\nFROM THE BRAND\nFIXED BACKGROUND + OVERLAY CAROUSEL\n============================================================ *\/\n\n#abf-page .abf-brand-stage{\n  position:relative;\n\n  max-width:1120px;\n  min-height:630px;\n\n  margin:35px auto 34px;\n\n  overflow:hidden;\n\n  border:1px solid rgba(255,255,255,.12);\n  border-radius:26px;\n\n  background:#DCE8D3;\n}\n\n\n\/* FIXED BACKGROUND *\/\n\n#abf-page .abf-brand-bg{\n  position:absolute;\n  inset:0;\n  z-index:1;\n}\n\n#abf-page .abf-brand-bg img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:left center;\n}\n\n#abf-page .abf-brand-bg:after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(16,38,28,.02) 0%,\n      rgba(16,38,28,.04) 38%,\n      rgba(16,38,28,.13) 70%,\n      rgba(16,38,28,.20) 100%\n    );\n}\n\n\n\/* TOP LABEL *\/\n\n#abf-page .abf-brand-top{\n  position:relative;\n  z-index:4;\n\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n\n  padding:22px 24px 0;\n}\n\n#abf-page .abf-brand-top span{\n  color:var(--active-lime);\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1.5px;\n  text-transform:uppercase;\n}\n\n#abf-page .abf-brand-top small{\n  color:rgba(255,255,255,.82);\n  font-size:11px;\n  font-weight:700;\n}\n\n\n\/* OVERLAY AREA *\/\n\n#abf-page .abf-brand-overlay-zone{\n  position:relative;\n  z-index:3;\n\n  width:68%;\n\n  margin-left:auto;\n\n  padding:112px 22px 28px 0;\n}\n\n#abf-page .abf-brand-viewport{\n  position:relative;\n}\n\n#abf-page .abf-brand-track{\n  display:flex;\n  align-items:stretch;\n  gap:14px;\n\n  overflow-x:auto;\n\n  scroll-snap-type:x mandatory;\n  scroll-behavior:smooth;\n\n  padding:0 2px 8px;\n\n  scrollbar-width:none;\n  -ms-overflow-style:none;\n}\n\n#abf-page .abf-brand-track::-webkit-scrollbar{\n  display:none;\n}\n\n\n\/* INFORMATION CARDS *\/\n\n#abf-page .abf-brand-card{\n  flex:0 0 320px;\n\n  min-height:430px;\n\n  overflow:hidden;\n\n  border:1px solid rgba(17,21,18,.07);\n  border-radius:18px;\n\n  background:#EEF3E8;\n\n  box-shadow:0 14px 38px rgba(0,0,0,.12);\n\n  scroll-snap-align:start;\n}\n\n#abf-page .abf-brand-card.is-white{\n  background:#fff;\n}\n\n#abf-page .abf-brand-card.is-green{\n  background:#E3ECD8;\n}\n\n#abf-page .abf-brand-card-media{\n  width:100%;\n  aspect-ratio:4\/3;\n  overflow:hidden;\n  background:#DDE7D7;\n}\n\n#abf-page .abf-brand-card-media img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n\n#abf-page .abf-brand-card-copy{\n  padding:18px 19px 21px;\n  text-align:left;\n}\n\n#abf-page .abf-brand-card-copy h3{\n  color:#173B2B;\n  font-size:16px;\n  line-height:1.08;\n  letter-spacing:-.25px;\n  text-transform:uppercase;\n}\n\n#abf-page .abf-brand-card-copy p{\n  margin-top:9px;\n  color:#506056;\n  font-size:12.5px;\n  line-height:1.48;\n}\n\n#abf-page .abf-brand-card-copy p strong{\n  color:#173B2B;\n  font-size:1.15em;\n  font-weight:900;\n}\n\n#abf-page .abf-brand-mini{\n  display:flex;\n  flex-wrap:wrap;\n  gap:6px;\n  margin-top:14px;\n}\n\n#abf-page .abf-brand-mini span{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  min-height:26px;\n\n  padding:0 9px;\n\n  border:1px solid rgba(23,59,43,.12);\n  border-radius:999px;\n\n  background:rgba(255,255,255,.82);\n\n  color:#244734;\n\n  font-size:9.5px;\n  font-weight:800;\n}\n\n\n\/* ============================================================\nIMAGE-ONLY LIFESTYLE CARDS\nNEW — 3 FRAMES\n============================================================ *\/\n\n#abf-page .abf-brand-photo-card{\n  position:relative;\n\n  flex:0 0 320px;\n\n  height:auto;\n  min-height:430px;\n\n  overflow:hidden;\n\n  border:1px solid rgba(17,21,18,.07);\n  border-radius:18px;\n\n  background:#DCE5D8;\n\n  box-shadow:0 14px 38px rgba(0,0,0,.12);\n\n  scroll-snap-align:start;\n}\n\n#abf-page .abf-brand-photo-card img{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n\n#abf-page .abf-brand-photo-card:after{\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  pointer-events:none;\n\n  box-shadow:\n    inset 0 0 0 1px rgba(255,255,255,.12);\n}\n\n\n\/* BRAND ARROWS *\/\n\n#abf-page .abf-brand-arrow{\n  position:absolute;\n  top:50%;\n  z-index:6;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:44px;\n  height:44px;\n\n  border:0;\n  border-radius:50%;\n\n  background:#fff;\n  color:#173B2B;\n\n  box-shadow:0 6px 22px rgba(0,0,0,.16);\n\n  cursor:pointer;\n\n  transform:translateY(-50%);\n}\n\n#abf-page .abf-brand-prev{\n  left:-21px;\n}\n\n#abf-page .abf-brand-next{\n  right:-21px;\n}\n\n#abf-page .abf-brand-arrow:hover{\n  background:var(--active-lime);\n}\n\n\n\/* BRAND DOTS *\/\n\n#abf-page .abf-brand-dots{\n  display:flex;\n  justify-content:center;\n  gap:7px;\n  margin-top:15px;\n}\n\n#abf-page .abf-brand-dot{\n  width:7px;\n  height:7px;\n  padding:0;\n\n  border:0;\n  border-radius:99px;\n\n  background:rgba(255,255,255,.45);\n\n  cursor:pointer;\n}\n\n#abf-page .abf-brand-dot.active{\n  width:24px;\n  background:var(--active-lime);\n}\n\n\n\/* ============================================================\n5 TREATMENT CLAIMS\n============================================================ *\/\n\n#abf-page .abf-claims-grid{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:13px;\n  margin-top:30px;\n}\n\n#abf-page .abf-claim{\n  min-height:150px;\n  padding:19px 16px;\n\n  border:1px solid rgba(255,255,255,.15);\n  border-radius:16px;\n\n  background:rgba(255,255,255,.035);\n\n  text-align:left;\n}\n\n#abf-page .abf-num{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:34px;\n  height:34px;\n\n  margin-bottom:17px;\n\n  border-radius:50%;\n\n  background:var(--active-lime);\n  color:var(--treatment-dark);\n\n  font-size:11px;\n  font-weight:900;\n}\n\n#abf-page .abf-claim h3{\n  color:#fff;\n  font-size:14px;\n  text-transform:uppercase;\n}\n\n#abf-page .abf-claim p{\n  margin-top:7px;\n  color:#C9D4CC;\n  font-size:12px;\n  line-height:1.48;\n}\n\n#abf-page .abf-brand-transition{\n  margin:22px auto 0;\n  padding:0;\n  background:transparent;\n  color:var(--active-lime);\n  font-size:12px;\n  line-height:1.5;\n  font-weight:900;\n  letter-spacing:.55px;\n}\n\n#abf-page .abf-treatment .abf-btn{\n  background:var(--active-lime);\n  color:var(--treatment-dark)!important;\n}\n\n\n\/* ============================================================\n02 — WILD BITTER MELON HERO\n============================================================ *\/\n\n#abf-page .abf-wbm{\n  background:var(--clinical-cream);\n}\n\n#abf-page .abf-big-copy h2{\n  max-width:610px;\n}\n\n#abf-page .abf-big-copy \u003e p{\n  max-width:610px;\n  color:#494F4A;\n}\n\n#abf-page .abf-wbm-benefits{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:12px;\n  margin-top:25px;\n}\n\n#abf-page .abf-benefit{\n  min-height:136px;\n  padding:19px;\n\n  border:1px solid rgba(28,73,50,.09);\n  border-radius:14px;\n\n  background:#fff;\n}\n\n#abf-page .abf-benefit strong{\n  display:block;\n  margin-bottom:8px;\n\n  color:var(--treatment-dark);\n\n  font-size:13px;\n  font-weight:900;\n\n  text-transform:uppercase;\n}\n\n#abf-page .abf-benefit p{\n  margin:0;\n  color:#5E665F;\n  font-size:13px;\n  line-height:1.5;\n}\n\n\n\/* ============================================================\n03 — WILD BITTER MELON STORY\n============================================================ *\/\n\n#abf-page .abf-story{\n  background:var(--forest);\n  color:#fff;\n}\n\n#abf-page .abf-story .abf-two{\n  grid-template-columns:1.05fr .95fr;\n}\n\n#abf-page .abf-story .abf-eyebrow{\n  color:var(--active-lime);\n}\n\n#abf-page .abf-story p{\n  max-width:570px;\n  color:#DCE7E0;\n}\n\n#abf-page .abf-story-sign{\n  margin-top:22px;\n  padding-top:18px;\n\n  border-top:1px solid rgba(255,255,255,.18);\n\n  color:#fff!important;\n\n  font-weight:900;\n}\n\n\n\/* ============================================================\n04 — RESULTS\n4 COMPLETE BEFORE \/ AFTER CARDS\nONE IMAGE FILE PER CARD\n============================================================ *\/\n\n#abf-page .abf-results{\n  background:#fff;\n}\n\n#abf-page .abf-results-track{\n  margin-top:32px;\n}\n\n#abf-page .abf-result-card{\n  overflow:hidden;\n\n  border:1px solid #E0E5E1;\n  border-radius:18px;\n\n  background:#fff;\n\n  box-shadow:0 4px 16px rgba(16,38,28,.04);\n}\n\n\/* ONE COMPLETE IMAGE CONTAINING BOTH BEFORE + AFTER *\/\n#abf-page .abf-result-image{\n  overflow:hidden;\n  width:100%;\n  background:#ECEFED;\n}\n\n#abf-page .abf-result-image img{\n  display:block;\n  width:100%;\n  aspect-ratio:4\/5;\n  object-fit:cover;\n  transition:transform .35s ease;\n}\n\n#abf-page .abf-result-card:hover .abf-result-image img{\n  transform:scale(1.015);\n}\n\n\/* COPY UNDER EACH COMPLETE BEFORE \/ AFTER IMAGE *\/\n#abf-page .abf-result-copy{\n  min-height:154px;\n  padding:18px 17px 20px;\n  background:#fff;\n  text-align:center;\n}\n\n#abf-page .abf-result-tag{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:25px;\n  margin-bottom:10px;\n  padding:0 9px;\n  border-radius:999px;\n  background:var(--clinical-green);\n  color:var(--forest);\n  font-size:9px;\n  font-weight:900;\n  letter-spacing:.6px;\n  text-transform:uppercase;\n}\n\n#abf-page .abf-result-copy h3{\n  margin:0;\n  color:var(--treatment-dark);\n  font-size:16px;\n  line-height:1.18;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n#abf-page .abf-result-copy p{\n  margin:9px 0 0;\n  color:#58615A;\n  font-size:12.5px;\n  line-height:1.5;\n}\n\n\n\/* ============================================================\n05 — PROBLEMS\n============================================================ *\/\n\n#abf-page .abf-problems{\n  background:var(--soft);\n}\n\n#abf-page .abf-problem-track{\n  margin-top:32px;\n}\n\n#abf-page .abf-problem{\n  overflow:hidden;\n  border-radius:18px;\n  background:#fff;\n}\n\n#abf-page .abf-problem img{\n  aspect-ratio:4\/3;\n  object-fit:cover;\n}\n\n#abf-page .abf-card-copy{\n  padding:18px;\n}\n\n#abf-page .abf-card-copy p{\n  margin-top:7px;\n  color:#626A64;\n  font-size:13px;\n}\n\n\n\/* ============================================================\n06 — MECHANISM\n============================================================ *\/\n\n#abf-page .abf-mechanism{\n  background:#fff;\n}\n\n#abf-page .abf-mechanism-visual{\n  max-width:900px;\n  margin:32px auto 0;\n}\n\n#abf-page .abf-mechanism-visual img{\n  width:100%;\n\n  border:1px solid var(--line);\n  border-radius:20px;\n\n  background:var(--clinical-green);\n}\n\n#abf-page .abf-mechanism-caption{\n  margin-top:12px;\n\n  color:var(--forest);\n\n  text-align:center;\n\n  font-size:13px;\n  font-weight:900;\n}\n\n#abf-page .abf-mech-grid{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:14px;\n  margin-top:30px;\n}\n\n#abf-page .abf-mech{\n  min-height:118px;\n  padding:16px;\n\n  border:1px solid var(--line);\n  border-radius:16px;\n}\n\n#abf-page .abf-step{\n  display:inline-flex;\n\n  margin-bottom:10px;\n  padding:5px 8px;\n\n  border-radius:5px;\n\n  background:var(--clinical-green);\n  color:var(--forest);\n\n  font-size:10px;\n  font-weight:900;\n}\n\n#abf-page .abf-mech p{\n  color:#626A64;\n  font-size:13px;\n}\n\n\n\/* ============================================================\n07 — INGREDIENTS\n============================================================ *\/\n\n#abf-page .abf-ingredients{\n  background:var(--treatment-dark);\n  color:#fff;\n}\n\n#abf-page .abf-ingredients .abf-eyebrow{\n  color:var(--active-lime);\n}\n\n#abf-page .abf-ingredients .abf-sub{\n  color:#C7D3CB;\n}\n\n#abf-page .abf-ing-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:15px;\n  margin-top:26px;\n}\n\n#abf-page .abf-ing{\n  overflow:hidden;\n\n  border:1px solid rgba(255,255,255,.13);\n  border-radius:17px;\n\n  background:rgba(255,255,255,.05);\n}\n\n#abf-page .abf-ing:first-child{\n  border:1px solid var(--bitter-green);\n}\n\n#abf-page .abf-ing img{\n  aspect-ratio:4\/3;\n  object-fit:cover;\n}\n\n#abf-page .abf-ing h3{\n  color:#fff;\n}\n\n#abf-page .abf-ing p{\n  color:#C8D2CB;\n}\n\n\n\/* ============================================================\n08 — EXPERT\n============================================================ *\/\n\n#abf-page .abf-expert{\n  background:var(--clinical-green);\n}\n\n#abf-page .abf-video-box{\n  overflow:hidden;\n  border-radius:22px;\n  background:#000;\n}\n\n#abf-page .abf-video-box video{\n  display:block;\n  width:100%;\n  aspect-ratio:16\/9;\n  background:#000;\n}\n\n#abf-page .abf-checks{\n  margin:22px 0 0;\n  padding:0;\n  list-style:none;\n}\n\n#abf-page .abf-checks li{\n  position:relative;\n  margin:12px 0;\n  padding-left:28px;\n  font-size:14px;\n  font-weight:800;\n}\n\n#abf-page .abf-checks li:before{\n  content:\"✓\";\n\n  position:absolute;\n  left:0;\n  top:0;\n\n  width:19px;\n  height:19px;\n\n  border-radius:50%;\n\n  background:var(--forest);\n  color:#fff;\n\n  text-align:center;\n  line-height:19px;\n\n  font-size:11px;\n}\n\n\n#abf-page .abf-expert-checks{\n  margin-top:18px;\n}\n\n#abf-page .abf-expert-checks li{\n  margin:10px 0;\n  padding-left:29px;\n  font-weight:400;\n}\n\n#abf-page .abf-expert-checks li strong{\n  display:block;\n  color:var(--treatment-dark);\n  font-size:13px;\n  line-height:1.3;\n  font-weight:900;\n}\n\n#abf-page .abf-expert-checks li span{\n  display:block;\n  margin-top:2px;\n  color:#556159;\n  font-size:12.5px;\n  line-height:1.45;\n}\n\n\n\/* ============================================================\n09 — ZONES\n============================================================ *\/\n\n#abf-page .abf-zones{\n  background:#fff;\n}\n\n#abf-page .abf-zone-track{\n  margin-top:30px;\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:16px;\n}\n\n#abf-page .abf-zone{\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n\n  min-width:0;\n  padding:18px 16px;\n\n  border:1px solid var(--line);\n  border-radius:18px;\n\n  background:#fff;\n\n  text-align:center;\n}\n\n#abf-page .abf-zone-media{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:86px;\n  height:86px;\n  margin-bottom:10px;\n\n  border:1px solid #E4ECE5;\n  border-radius:18px;\n  background:#F7FAF7;\n  overflow:hidden;\n}\n\n#abf-page .abf-zone-media img{\n  width:100%;\n  height:100%;\n  object-fit:contain;\n}\n\n#abf-page .abf-zone strong{\n  display:block;\n  color:var(--forest);\n  font-size:16px;\n  line-height:1.15;\n}\n\n#abf-page .abf-zone span{\n  display:block;\n  margin-top:6px;\n  color:#747B75;\n  font-size:12px;\n  line-height:1.4;\n}\n\n\n\/* ============================================================\n10 — HOW TO USE\n============================================================ *\/\n\n#abf-page .abf-use{\n  background:var(--clinical-cream);\n}\n\n#abf-page .abf-use-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:14px;\n  margin-top:32px;\n}\n\n#abf-page .abf-use-card{\n  min-height:165px;\n  padding:23px;\n  border-radius:15px;\n  background:#fff;\n}\n\n#abf-page .abf-use-card .abf-num{\n  background:var(--forest);\n  color:#fff;\n}\n\n\n\/* ============================================================\n10B — PERFECT DUO BUNDLE\nBUY 2 BODY WASHES + GET 1 BHA BACK ACNE SPRAY FREE\n============================================================ *\/\n\n#abf-page .abf-duo{\n  background:#EEF4E8;\n}\n\n#abf-page .abf-duo-box{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  align-items:stretch;\n  overflow:hidden;\n  border:1px solid #D7E2D4;\n  border-radius:22px;\n  background:#fff;\n  box-shadow:0 8px 24px rgba(16,38,28,.06);\n}\n\n#abf-page .abf-duo-media{\n  position:relative;\n  min-height:430px;\n  overflow:hidden;\n  background:#E5EEDC;\n}\n\n#abf-page .abf-duo-media img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n\n#abf-page .abf-duo-free-badge{\n  position:absolute;\n  left:18px;\n  bottom:18px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:34px;\n  padding:0 14px;\n  border-radius:999px;\n  background:#D72828;\n  color:#fff;\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:.5px;\n  text-transform:uppercase;\n  box-shadow:0 5px 14px rgba(0,0,0,.16);\n}\n\n#abf-page .abf-duo-copy{\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  padding:42px 44px;\n}\n\n#abf-page .abf-duo-kicker{\n  display:inline-flex;\n  align-items:center;\n  width:max-content;\n  min-height:28px;\n  margin-bottom:14px;\n  padding:0 10px;\n  border-radius:999px;\n  background:var(--active-lime);\n  color:var(--treatment-dark);\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:.7px;\n  text-transform:uppercase;\n}\n\n#abf-page .abf-duo-copy h2{\n  max-width:560px;\n  color:var(--treatment-dark);\n  font-size:clamp(30px,3.7vw,48px);\n  line-height:1.02;\n}\n\n#abf-page .abf-duo-copy \u003e p{\n  max-width:540px;\n  color:#566058;\n  font-size:15px;\n  line-height:1.55;\n}\n\n#abf-page .abf-duo-steps{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:10px;\n  margin-top:22px;\n}\n\n#abf-page .abf-duo-step{\n  padding:14px;\n  border:1px solid #DDE6DB;\n  border-radius:13px;\n  background:#F8FAF7;\n}\n\n#abf-page .abf-duo-step strong{\n  display:block;\n  color:var(--forest);\n  font-size:12px;\n  line-height:1.25;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n#abf-page .abf-duo-step span{\n  display:block;\n  margin-top:5px;\n  color:#646D66;\n  font-size:12px;\n  line-height:1.4;\n}\n\n#abf-page .abf-duo-step span b{\n  color:var(--treatment-dark);\n  font-weight:900;\n}\n\n#abf-page .abf-duo-offer{\n  margin-top:16px;\n  padding:12px 14px;\n  border-radius:10px;\n  background:var(--active-lime);\n  color:var(--treatment-dark);\n  font-size:12px;\n  line-height:1.35;\n  font-weight:900;\n  text-align:center;\n}\n\n#abf-page .abf-duo-note{\n  margin-top:12px;\n  color:var(--forest);\n  font-size:12px;\n  line-height:1.4;\n  font-weight:900;\n}\n\n#abf-page .abf-duo .abf-btn{\n  align-self:flex-start;\n  margin-top:19px;\n  background:var(--forest);\n  color:#fff!important;\n}\n\n@media(max-width:767px){\n\n  #abf-page .abf-duo-box{\n    grid-template-columns:1fr;\n    border-radius:18px;\n  }\n\n  #abf-page .abf-duo-media{\n    min-height:0;\n    aspect-ratio:4\/3;\n  }\n\n  #abf-page .abf-duo-copy{\n    padding:25px 18px 26px;\n  }\n\n  #abf-page .abf-duo-kicker{\n    margin-bottom:11px;\n    font-size:10.5px;\n  }\n\n  #abf-page .abf-duo-copy h2{\n    font-size:31px;\n  }\n\n  #abf-page .abf-duo-copy \u003e p{\n    font-size:14.5px;\n    line-height:1.55;\n  }\n\n  #abf-page .abf-duo-steps{\n    gap:8px;\n    margin-top:17px;\n  }\n\n  #abf-page .abf-duo-step{\n    padding:12px 10px;\n  }\n\n  #abf-page .abf-duo-step strong{\n    font-size:11.5px;\n  }\n\n  #abf-page .abf-duo-step span{\n    font-size:11.5px;\n  }\n\n  #abf-page .abf-duo-note{\n    font-size:12.5px;\n  }\n\n  #abf-page .abf-duo-free-badge{\n    left:12px;\n    bottom:12px;\n    min-height:31px;\n    padding:0 11px;\n    font-size:10px;\n  }\n}\n\n\/* ============================================================\n11 — PRODUCT COMPARISON V2\nPRODUCT IMAGE + RED X + GREEN CHECK\n============================================================ *\/\n\n#abf-page .abf-compare{\n  background:#fff;\n}\n\n#abf-page .abf-compare-box{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  max-width:930px;\n  margin:34px auto 0;\n  overflow:hidden;\n  border:1px solid #DCE3DD;\n  border-radius:22px;\n  background:#EEF5EF;\n}\n\n#abf-page .abf-compare-col{\n  position:relative;\n  display:flex;\n  flex-direction:column;\n  min-width:0;\n  padding:28px 30px 30px;\n}\n\n#abf-page .abf-compare-col.is-regular{\n  background:#F6F7F6;\n  color:#171B18;\n}\n\n#abf-page .abf-compare-col.is-abera{\n  background:#EFF7EC;\n  color:#17261C;\n  border-left:1px solid #D5E3D6;\n}\n\n#abf-page .abf-compare-title{\n  margin:0;\n  text-align:center;\n  font-size:19px;\n  line-height:1.15;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n#abf-page .is-regular .abf-compare-title{ color:#161A17; }\n#abf-page .is-abera .abf-compare-title{ color:#1D6833; }\n\n#abf-page .abf-compare-product{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  height:190px;\n  margin-top:16px;\n  margin-bottom:12px;\n  overflow:hidden;\n}\n\n#abf-page .abf-compare-product img{\n  width:auto;\n  max-width:78%;\n  height:170px;\n  object-fit:contain;\n}\n\n#abf-page .is-abera .abf-compare-product img{ max-width:82%; }\n\n#abf-page .abf-comp-line{\n  display:grid;\n  grid-template-columns:22px 1fr;\n  gap:8px;\n  align-items:start;\n  min-height:52px;\n  padding:14px 0;\n  border-bottom:1px solid rgba(20,40,28,.11);\n  font-size:14px;\n  line-height:1.4;\n}\n\n#abf-page .abf-comp-line:last-child{ border-bottom:0; }\n\n#abf-page .abf-comp-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:20px;\n  height:20px;\n  font-size:18px;\n  line-height:1;\n  font-weight:900;\n}\n\n#abf-page .abf-comp-icon.is-no{ color:#E32626; }\n#abf-page .abf-comp-icon.is-yes{ color:#22A447; }\n#abf-page .abf-comp-text{ min-width:0; }\n\n#abf-page .abf-compare-badge{\n  display:none;\n}\n\n\/* ============================================================\n12 — KOC \/ CUSTOMER VIDEO CAROUSEL\n9 VERTICAL VIDEOS — NO REVIEW TEXT\n============================================================ *\/\n\n#abf-page .abf-reviews{\n  background:var(--soft);\n}\n\n#abf-page .abf-koc-shell{\n  position:relative;\n  margin-top:32px;\n}\n\n#abf-page .abf-koc-track{\n  display:flex;\n  gap:16px;\n\n  overflow-x:auto;\n  scroll-snap-type:x mandatory;\n  scroll-behavior:smooth;\n\n  padding:2px 2px 8px;\n\n  scrollbar-width:none;\n  -ms-overflow-style:none;\n}\n\n#abf-page .abf-koc-track::-webkit-scrollbar{\n  display:none;\n}\n\n#abf-page .abf-koc-card{\n  flex:0 0 calc((100% - 48px) \/ 4);\n\n  overflow:hidden;\n\n  border:1px solid #E0E5E1;\n  border-radius:18px;\n\n  background:#fff;\n\n  box-shadow:0 5px 18px rgba(16,38,28,.06);\n\n  scroll-snap-align:start;\n}\n\n#abf-page .abf-koc-video{\n  display:block;\n  width:100%;\n  aspect-ratio:9\/16;\n\n  object-fit:cover;\n\n  background:#E7EEE8;\n}\n\n#abf-page .abf-koc-arrow{\n  position:absolute;\n  top:50%;\n  z-index:4;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:44px;\n  height:44px;\n\n  border:0;\n  border-radius:50%;\n\n  background:#fff;\n  color:var(--forest);\n\n  box-shadow:0 6px 20px rgba(0,0,0,.14);\n\n  cursor:pointer;\n\n  transform:translateY(-50%);\n}\n\n#abf-page .abf-koc-prev{\n  left:-22px;\n}\n\n#abf-page .abf-koc-next{\n  right:-22px;\n}\n\n#abf-page .abf-koc-arrow:hover{\n  background:var(--active-lime);\n}\n\n#abf-page .abf-koc-dots{\n  display:flex;\n  justify-content:center;\n  gap:6px;\n\n  margin-top:18px;\n}\n\n#abf-page .abf-koc-dot{\n  width:6px;\n  height:6px;\n\n  padding:0;\n\n  border:0;\n  border-radius:999px;\n\n  background:#C6CEC8;\n\n  cursor:pointer;\n}\n\n#abf-page .abf-koc-dot.active{\n  width:20px;\n  background:var(--forest);\n}\n\n\n\/* ============================================================\n12B — QUALITY \u0026 SAFETY DOCUMENTATION\nCOMPACT 2-COLUMN DOCUMENT PROOF\n============================================================ *\/\n\n#abf-page .abf-docs{\n  padding:42px 0;\n  background:var(--clinical-cream);\n}\n\n#abf-page .abf-docs .abf-eyebrow{\n  margin-bottom:8px;\n}\n\n#abf-page .abf-docs h2{\n  font-size:clamp(24px,3vw,36px);\n  letter-spacing:-1px;\n}\n\n#abf-page .abf-docs .abf-sub{\n  max-width:650px;\n  margin-top:10px;\n  font-size:14px;\n}\n\n#abf-page .abf-doc-grid{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:14px;\n\n  max-width:760px;\n  margin:22px auto 0;\n}\n\n#abf-page .abf-doc-card{\n  display:block;\n  padding:10px;\n\n  border:1px solid var(--line);\n  border-radius:15px;\n\n  background:#fff;\n\n  color:inherit;\n  text-decoration:none;\n\n  box-shadow:0 4px 14px rgba(16,38,28,.04);\n  transition:.2s ease;\n}\n\n#abf-page .abf-doc-card:hover{\n  transform:translateY(-2px);\n  box-shadow:0 8px 20px rgba(16,38,28,.08);\n}\n\n#abf-page .abf-doc-image{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  height:250px;\n\n  overflow:hidden;\n\n  border-radius:10px;\n  background:#F7F6EF;\n}\n\n#abf-page .abf-doc-image img{\n  width:100%;\n  height:100%;\n  object-fit:contain;\n}\n\n#abf-page .abf-doc-label{\n  display:block;\n  margin-top:9px;\n\n  color:var(--forest);\n\n  text-align:center;\n\n  font-size:11px;\n  line-height:1.35;\n  font-weight:900;\n}\n\n\n\n\/* MOBILE — STILL 2 COLUMNS, SMALLER *\/\n@media(max-width:767px){\n\n  #abf-page .abf-docs{\n    padding:34px 0;\n  }\n\n  #abf-page .abf-docs h2{\n    font-size:25px;\n  }\n\n  #abf-page .abf-docs .abf-sub{\n    font-size:11.5px;\n  }\n\n  #abf-page .abf-doc-grid{\n    gap:8px;\n    margin-top:18px;\n  }\n\n  #abf-page .abf-doc-card{\n    padding:6px;\n    border-radius:11px;\n  }\n\n  #abf-page .abf-doc-image{\n    height:180px;\n    border-radius:8px;\n  }\n\n  #abf-page .abf-doc-label{\n    margin-top:7px;\n    font-size:9px;\n  }\n\n}\n\n\n\/* ============================================================\n13 — FINAL CTA\n============================================================ *\/\n\n#abf-page .abf-final{\n  background:var(--treatment-dark);\n  color:#fff;\n}\n\n#abf-page .abf-final .abf-eyebrow{\n  color:var(--active-lime);\n}\n\n#abf-page .abf-final .abf-sub{\n  color:#C9D5CD;\n}\n\n#abf-page .abf-final .abf-btn{\n  background:var(--active-lime);\n  color:var(--treatment-dark)!important;\n}\n\n#abf-page .abf-final .abf-note{\n  color:#AABAAF;\n}\n\n\n\/* ============================================================\n14 — FAQ\n============================================================ *\/\n\n#abf-page .abf-faq{\n  background:#fff;\n}\n\n#abf-page .abf-faq-list{\n  max-width:850px;\n  margin:30px auto 0;\n}\n\n#abf-page details{\n  border-bottom:1px solid var(--line);\n}\n\n#abf-page summary{\n  position:relative;\n\n  padding:20px 38px 20px 0;\n\n  cursor:pointer;\n  list-style:none;\n\n  font-size:16px;\n  font-weight:900;\n}\n\n#abf-page summary::-webkit-details-marker{\n  display:none;\n}\n\n#abf-page summary:after{\n  content:\"+\";\n\n  position:absolute;\n  right:3px;\n  top:18px;\n\n  color:var(--forest);\n\n  font-size:23px;\n  font-weight:400;\n}\n\n#abf-page details[open] summary:after{\n  content:\"−\";\n}\n\n#abf-page details p{\n  margin:0;\n  padding:0 35px 20px 0;\n  color:#626A64;\n  font-size:14px;\n}\n\n\n\/* ============================================================\nMOBILE\n============================================================ *\/\n\n@media(max-width:767px){\n\n  #abf-page .abf-wrap{\n    width:calc(100% - 28px);\n  }\n\n  #abf-page .abf-section{\n    padding:48px 0;\n  }\n\n  #abf-page h2{\n    max-width:100%;\n    font-size:30px;\n    line-height:1.03;\n    letter-spacing:-1px;\n  }\n\n  #abf-page h3{\n    font-size:17px;\n  }\n\n  #abf-page p{\n    font-size:14px;\n    line-height:1.55;\n  }\n\n  #abf-page .abf-two,\n  #abf-page .abf-story .abf-two{\n    grid-template-columns:1fr;\n    gap:28px;\n  }\n\n  #abf-page .abf-main-img img{\n    aspect-ratio:4\/3;\n  }\n\n\n  \/* TREATMENT *\/\n\n  #abf-page .abf-treatment{\n    padding:48px 0;\n  }\n\n  #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n    font-size:34px;\n    line-height:1.01;\n  }\n\n\n  \/* BRAND *\/\n\n  #abf-page .abf-brand-stage{\n    min-height:auto;\n    margin:27px auto 28px;\n    border-radius:18px;\n  }\n\n  #abf-page .abf-brand-bg{\n    position:relative;\n    height:300px;\n  }\n\n  #abf-page .abf-brand-bg img{\n    height:100%;\n    object-position:left center;\n  }\n\n  #abf-page .abf-brand-top{\n    position:absolute;\n    top:0;\n    left:0;\n    width:100%;\n    padding:14px 14px 0;\n  }\n\n  #abf-page .abf-brand-top small{\n    display:none;\n  }\n\n  #abf-page .abf-brand-overlay-zone{\n    width:100%;\n    margin:0;\n    padding:14px 0 18px;\n  }\n\n  #abf-page .abf-brand-track{\n    gap:11px;\n\n    margin-left:-14px;\n    margin-right:-14px;\n\n    padding:0 14px 6px;\n  }\n\n  #abf-page .abf-brand-card{\n    flex:0 0 82%;\n    min-height:390px;\n    border-radius:16px;\n  }\n\n  #abf-page .abf-brand-photo-card{\n    flex:0 0 82%;\n    height:auto;\n    min-height:390px;\n    align-self:stretch;\n    border-radius:16px;\n  }\n\n  #abf-page .abf-brand-card-copy{\n    padding:15px 15px 18px;\n  }\n\n  #abf-page .abf-brand-card-copy h3{\n    font-size:14px;\n  }\n\n  #abf-page .abf-brand-card-copy p{\n    font-size:11.5px;\n    line-height:1.45;\n  }\n\n  #abf-page .abf-brand-arrow{\n    display:none;\n  }\n\n\n  \/* CLAIMS *\/\n\n  #abf-page .abf-claims-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:9px;\n  }\n\n  #abf-page .abf-claim{\n    min-height:123px;\n    padding:15px 12px;\n  }\n\n  #abf-page .abf-claim:last-child{\n    grid-column:1 \/ -1;\n    min-height:auto;\n  }\n\n  #abf-page .abf-claim .abf-num{\n    width:28px;\n    height:28px;\n    margin-bottom:12px;\n    font-size:9px;\n  }\n\n  #abf-page .abf-claim h3{\n    font-size:11px;\n  }\n\n  #abf-page .abf-claim p{\n    font-size:10.5px;\n  }\n\n\n  \/* SECTION 1 COMPACT TRANSITION *\/\n  #abf-page .abf-brand-transition{\n    margin-top:18px;\n    font-size:12.5px;\n    line-height:1.55;\n    letter-spacing:.35px;\n  }\n\n  \/* WBM *\/\n\n  #abf-page .abf-big-copy h2{\n    font-size:29px;\n  }\n\n  #abf-page .abf-wbm-benefits{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:9px;\n  }\n\n  #abf-page .abf-benefit{\n    min-height:118px;\n    padding:14px 12px;\n  }\n\n  #abf-page .abf-benefit strong{\n    font-size:10.5px;\n  }\n\n  #abf-page .abf-benefit p{\n    font-size:10.5px;\n  }\n\n\n  #abf-page .abf-story .abf-main-img{\n    order:-1;\n  }\n\n\n  \/* INGREDIENT *\/\n\n  #abf-page .abf-ing-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:10px;\n  }\n\n  #abf-page .abf-ing .abf-card-copy{\n    padding:13px;\n  }\n\n  #abf-page .abf-ing h3{\n    font-size:13px;\n  }\n\n  #abf-page .abf-ing p{\n    font-size:10.5px;\n  }\n\n\n  \/* MECHANISM — COMPACT 2×2 + FULL-WIDTH STEP 05 *\/\n\n  #abf-page .abf-mech-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:9px;\n    margin-top:22px;\n  }\n\n  #abf-page .abf-mech{\n    min-height:102px;\n    padding:13px 11px;\n  }\n\n  #abf-page .abf-mech:last-child{\n    grid-column:1 \/ -1;\n    min-height:86px;\n  }\n\n  #abf-page .abf-mech h3{\n    font-size:13px;\n  }\n\n  #abf-page .abf-mech p{\n    margin-top:5px;\n    font-size:11.5px;\n    line-height:1.4;\n  }\n\n\n  \/* USE *\/\n\n  #abf-page .abf-use-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:10px;\n  }\n\n  #abf-page .abf-use-card{\n    min-height:140px;\n    padding:16px;\n  }\n\n\n  \/* COMPARE — KEEP 2 COLUMNS ON MOBILE *\/\n\n  #abf-page .abf-compare-box{\n    grid-template-columns:minmax(0,1fr) minmax(0,1fr);\n    gap:0;\n    width:100%;\n    margin-top:25px;\n    border-radius:17px;\n  }\n\n  #abf-page .abf-compare-col{\n    padding:15px 10px 16px;\n  }\n\n  #abf-page .abf-compare-col.is-abera{\n    border-left:1px solid #D2DED4;\n  }\n\n  #abf-page .abf-compare-title{\n    min-height:34px;\n    font-size:12px;\n    line-height:1.15;\n  }\n\n  #abf-page .abf-compare-product{\n    height:120px;\n    margin-top:9px;\n    margin-bottom:7px;\n  }\n\n  #abf-page .abf-compare-product img{\n    max-width:88%;\n    height:110px;\n  }\n\n  #abf-page .is-abera .abf-compare-product img{\n    max-width:94%;\n  }\n\n  #abf-page .abf-compare-badge{\n    min-height:21px;\n    margin-top:2px;\n    padding:0 7px;\n    font-size:7.5px;\n  }\n\n  #abf-page .abf-comp-line{\n    grid-template-columns:16px 1fr;\n    gap:4px;\n    min-height:69px;\n    padding:10px 0;\n    font-size:10.5px;\n    line-height:1.35;\n  }\n\n  #abf-page .abf-comp-icon{\n    width:15px;\n    height:15px;\n    font-size:14px;\n  }\n\n\n  #abf-page .abf-btn{\n    width:100%;\n  }\n\n\n  \/* GENERIC CAROUSEL MOBILE *\/\n\n  #abf-page .abf-track[data-carousel]{\n    display:flex!important;\n\n    gap:12px;\n\n    margin-left:-14px;\n    margin-right:-14px;\n\n    padding:0 14px 4px;\n\n    overflow-x:auto;\n\n    scroll-snap-type:x mandatory;\n\n    scrollbar-width:none;\n  }\n\n  #abf-page .abf-track[data-carousel]::-webkit-scrollbar{\n    display:none;\n  }\n\n  #abf-page .abf-track[data-carousel] \u003e *{\n    flex:0 0 83%;\n    scroll-snap-align:center;\n  }\n\n  #abf-page .abf-dots{\n    display:flex;\n  }\n\n  #abf-page .abf-results-track \u003e *{\n    flex-basis:84%!important;\n  }\n\n  \/* PROBLEM RECOGNITION — STATIC 2 × 2 GRID ON MOBILE *\/\n  #abf-page .abf-problem-track{\n    display:grid!important;\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:10px;\n    margin:24px 0 0;\n    padding:0;\n    overflow:visible;\n  }\n\n  #abf-page .abf-problem{\n    min-width:0;\n    border-radius:15px;\n  }\n\n  #abf-page .abf-problem img{\n    aspect-ratio:1\/1;\n  }\n\n  #abf-page .abf-problem .abf-card-copy{\n    padding:13px 11px 14px;\n  }\n\n  #abf-page .abf-problem .abf-card-copy h3{\n    font-size:14px;\n    line-height:1.18;\n  }\n\n  #abf-page .abf-problem .abf-card-copy p{\n    margin-top:6px;\n    font-size:13px;\n    line-height:1.45;\n  }\n\n  #abf-page .abf-zone-track{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:12px;\n    margin-top:24px;\n  }\n\n  #abf-page .abf-zone{\n    padding:16px 10px 15px;\n    border-radius:16px;\n  }\n\n  #abf-page .abf-zone-media{\n    width:64px;\n    height:64px;\n    margin-bottom:10px;\n    border-radius:14px;\n  }\n\n  #abf-page .abf-zone strong{\n    font-size:13px;\n  }\n\n  #abf-page .abf-zone span{\n    margin-top:4px;\n    font-size:10.5px;\n    line-height:1.35;\n  }\n\n  \/* KOC VIDEO CAROUSEL *\/\n\n  #abf-page .abf-koc-shell{\n    margin-top:25px;\n  }\n\n  #abf-page .abf-koc-track{\n    gap:12px;\n\n    margin-left:-14px;\n    margin-right:-14px;\n\n    padding:0 14px 6px;\n  }\n\n  #abf-page .abf-koc-card{\n    flex:0 0 76%;\n    border-radius:16px;\n  }\n\n  #abf-page .abf-koc-arrow{\n    display:none;\n  }\n\n  #abf-page .abf-koc-dots{\n    gap:5px;\n    margin-top:14px;\n  }\n\n  #abf-page .abf-koc-dot{\n    width:5px;\n    height:5px;\n  }\n\n  #abf-page .abf-koc-dot.active{\n    width:18px;\n  }\n\n}\n\n@media(max-width:380px){\n  #abf-page .abf-compare-col{\n    padding-left:8px;\n    padding-right:8px;\n  }\n  #abf-page .abf-compare-title{ font-size:11px; }\n  #abf-page .abf-comp-line{ font-size:10px; }\n\n  #abf-page .abf-zone{\n    padding-left:8px;\n    padding-right:8px;\n  }\n\n  #abf-page .abf-zone strong{\n    font-size:12px;\n  }\n\n  #abf-page .abf-zone span{\n    font-size:10px;\n  }\n}\n\n\n\/* ============================================================\nMOBILE READABILITY PASS — 30+ AUDIENCE\nLarger readable text across the entire page.\nDesktop is unchanged.\n============================================================ *\/\n\n@media(max-width:767px){\n\n  \/* GLOBAL READING SIZE *\/\n  #abf-page p{\n    font-size:15.5px;\n    line-height:1.58;\n  }\n\n  #abf-page h3{\n    font-size:18px;\n    line-height:1.22;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:13px;\n    line-height:1.35;\n    letter-spacing:1.25px;\n  }\n\n  #abf-page .abf-sub{\n    font-size:15px;\n    line-height:1.55;\n  }\n\n  #abf-page .abf-btn{\n    min-height:56px;\n    font-size:16px;\n  }\n\n  #abf-page .abf-note{\n    font-size:13px;\n    line-height:1.45;\n  }\n\n\n  \/* BRAND CAROUSEL *\/\n  #abf-page .abf-brand-top span{\n    font-size:12px;\n  }\n\n  #abf-page .abf-brand-card-copy h3{\n    font-size:15px;\n    line-height:1.18;\n  }\n\n  #abf-page .abf-brand-card-copy p{\n    font-size:13px;\n    line-height:1.52;\n  }\n\n  #abf-page .abf-brand-mini{\n    gap:7px;\n  }\n\n  #abf-page .abf-brand-mini span{\n    min-height:28px;\n    padding:0 9px;\n    font-size:11px;\n    line-height:1.2;\n  }\n\n\n  \/* MAIN TREATMENT CLAIMS *\/\n  #abf-page .abf-claim{\n    min-height:142px;\n    padding:17px 13px;\n  }\n\n  #abf-page .abf-claim .abf-num{\n    width:30px;\n    height:30px;\n    font-size:11px;\n  }\n\n  #abf-page .abf-claim h3{\n    font-size:13px;\n    line-height:1.24;\n  }\n\n  #abf-page .abf-claim p{\n    font-size:12.5px;\n    line-height:1.48;\n  }\n\n\n  \/* WILD BITTER MELON BENEFITS *\/\n  #abf-page .abf-benefit{\n    min-height:126px;\n    padding:16px 14px;\n  }\n\n  #abf-page .abf-benefit strong{\n    font-size:13px;\n    line-height:1.28;\n  }\n\n  #abf-page .abf-benefit p{\n    font-size:13px;\n    line-height:1.52;\n  }\n\n\n  \/* RESULTS \/ BEFORE-AFTER *\/\n  #abf-page .abf-result-copy{\n    min-height:172px;\n    padding:18px 16px 20px;\n  }\n\n  #abf-page .abf-result-tag{\n    min-height:27px;\n    padding:0 9px;\n    font-size:10.5px;\n  }\n\n  #abf-page .abf-result-copy h3{\n    font-size:17px;\n    line-height:1.22;\n  }\n\n  #abf-page .abf-result-copy p{\n    font-size:13.5px;\n    line-height:1.52;\n  }\n\n\n  \/* PROBLEM RECOGNITION CARDS *\/\n  #abf-page .abf-card-copy{\n    padding:17px;\n  }\n\n  #abf-page .abf-card-copy h3{\n    font-size:17px;\n  }\n\n  #abf-page .abf-card-copy p{\n    font-size:13.5px;\n    line-height:1.5;\n  }\n\n\n  \/* MECHANISM *\/\n  #abf-page .abf-mechanism-caption{\n    font-size:13px;\n    line-height:1.4;\n  }\n\n  #abf-page .abf-mech{\n    min-height:160px;\n    padding:16px 13px;\n  }\n\n  #abf-page .abf-step{\n    margin-bottom:12px;\n    padding:6px 8px;\n    font-size:11.5px;\n  }\n\n  #abf-page .abf-mech h3{\n    font-size:14px;\n    line-height:1.25;\n  }\n\n  #abf-page .abf-mech p{\n    font-size:12.5px;\n    line-height:1.5;\n  }\n\n\n  \/* INGREDIENTS *\/\n  #abf-page .abf-ing .abf-card-copy{\n    padding:15px 13px 16px;\n  }\n\n  #abf-page .abf-ing h3{\n    font-size:14px;\n    line-height:1.25;\n  }\n\n  #abf-page .abf-ing p{\n    font-size:12.5px;\n    line-height:1.5;\n  }\n\n\n  \/* EXPERT *\/\n  #abf-page .abf-checks li{\n    margin:13px 0;\n    padding-left:29px;\n    font-size:14px;\n    line-height:1.45;\n  }\n\n\n  \/* BODY ZONES *\/\n  #abf-page .abf-zone{\n    padding:17px 10px 16px;\n  }\n\n  #abf-page .abf-zone strong{\n    font-size:14px;\n    line-height:1.2;\n  }\n\n  #abf-page .abf-zone span{\n    margin-top:5px;\n    font-size:12.5px;\n    line-height:1.4;\n  }\n\n\n  \/* HOW TO USE *\/\n  #abf-page .abf-use-card{\n    min-height:158px;\n    padding:18px 16px;\n  }\n\n  #abf-page .abf-use-card h3{\n    font-size:17px;\n  }\n\n  #abf-page .abf-use-card p{\n    font-size:13.5px;\n    line-height:1.5;\n  }\n\n\n  \/* COMPARISON *\/\n  #abf-page .abf-compare-title{\n    min-height:38px;\n    font-size:13px;\n    line-height:1.2;\n  }\n\n  #abf-page .abf-compare-badge{\n    min-height:23px;\n    padding:0 7px;\n    font-size:10px;\n    line-height:1.1;\n  }\n\n  #abf-page .abf-comp-line{\n    grid-template-columns:17px 1fr;\n    gap:5px;\n    min-height:78px;\n    padding:11px 0;\n    font-size:12.5px;\n    line-height:1.42;\n  }\n\n  #abf-page .abf-comp-icon{\n    width:16px;\n    height:16px;\n    font-size:16px;\n  }\n\n\n  \/* DOCUMENTATION *\/\n  #abf-page .abf-docs .abf-sub{\n    font-size:13px;\n    line-height:1.5;\n  }\n\n  #abf-page .abf-doc-label{\n    margin-top:8px;\n    font-size:10.5px;\n    line-height:1.35;\n  }\n\n\n  \/* FAQ *\/\n  #abf-page summary{\n    padding:21px 38px 21px 0;\n    font-size:16px;\n    line-height:1.4;\n  }\n\n  #abf-page details p{\n    padding-bottom:21px;\n    font-size:15px;\n    line-height:1.55;\n  }\n\n}\n\n\n@media(max-width:380px){\n\n  \/* Keep very small phones readable instead of shrinking text too far *\/\n  #abf-page p{\n    font-size:15px;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:12.5px;\n  }\n\n  #abf-page .abf-brand-card-copy p,\n  #abf-page .abf-result-copy p,\n  #abf-page .abf-card-copy p,\n  #abf-page .abf-use-card p{\n    font-size:13px;\n  }\n\n  #abf-page .abf-claim h3{\n    font-size:12.5px;\n  }\n\n  #abf-page .abf-claim p,\n  #abf-page .abf-benefit p,\n  #abf-page .abf-mech p,\n  #abf-page .abf-ing p,\n  #abf-page .abf-zone span,\n  #abf-page .abf-comp-line{\n    font-size:12px;\n  }\n\n  #abf-page .abf-compare-title{\n    font-size:12.5px;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:10px;\n  }\n\n}\n\n\n\/* ============================================================\nEXPERT VIDEO — INLINE PLAYER\nCustom play overlay \/ no native fullscreen UI\n============================================================ *\/\n\n#abf-page .abf-video-box{\n  position:relative;\n  cursor:pointer;\n}\n\n#abf-page .abf-video-box video{\n  display:block;\n  width:100%;\n  aspect-ratio:16\/9;\n  object-fit:cover;\n  background:#DDE7D7;\n}\n\n#abf-page .abf-expert-play{\n  position:absolute;\n  inset:0;\n  z-index:3;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border:0;\n  background:linear-gradient(\n    180deg,\n    rgba(0,0,0,.03),\n    rgba(0,0,0,.16)\n  );\n\n  cursor:pointer;\n}\n\n#abf-page .abf-expert-play-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:68px;\n  height:68px;\n\n  border-radius:50%;\n\n  background:rgba(255,255,255,.94);\n  color:var(--forest);\n\n  box-shadow:0 8px 28px rgba(0,0,0,.20);\n\n  font-size:27px;\n  line-height:1;\n\n  transition:.2s ease;\n}\n\n#abf-page .abf-expert-play:hover .abf-expert-play-icon{\n  transform:scale(1.05);\n  background:var(--active-lime);\n}\n\n#abf-page .abf-video-box.is-playing .abf-expert-play{\n  opacity:0;\n  pointer-events:none;\n}\n\n@media(max-width:767px){\n\n  #abf-page .abf-expert-play-icon{\n    width:58px;\n    height:58px;\n    font-size:23px;\n  }\n\n}\n\n\n\/* ============================================================\nMOBILE READABILITY PASS V2 — SLIGHTLY LARGER\nFor 30+ audience. Main headings stay controlled; smaller copy\ngets another +1 to +1.5px for easier mobile reading.\n============================================================ *\/\n\n@media(max-width:767px){\n\n  \/* GLOBAL *\/\n  #abf-page p{\n    font-size:16.5px;\n    line-height:1.6;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:14px;\n    line-height:1.35;\n    letter-spacing:1.2px;\n  }\n\n  #abf-page .abf-sub{\n    font-size:16px;\n    line-height:1.58;\n  }\n\n  #abf-page .abf-btn{\n    min-height:58px;\n    font-size:17px;\n  }\n\n  #abf-page .abf-note{\n    font-size:14px;\n    line-height:1.5;\n  }\n\n\n  \/* BRAND *\/\n  #abf-page .abf-brand-top span{\n    font-size:13px;\n  }\n\n  #abf-page .abf-brand-card-copy h3{\n    font-size:16px;\n    line-height:1.2;\n  }\n\n  #abf-page .abf-brand-card-copy p{\n    font-size:14px;\n    line-height:1.55;\n  }\n\n  #abf-page .abf-brand-mini span{\n    min-height:29px;\n    font-size:12px;\n  }\n\n\n  \/* TREATMENT CLAIMS *\/\n  #abf-page .abf-claim{\n    min-height:148px;\n  }\n\n  #abf-page .abf-claim h3{\n    font-size:14px;\n    line-height:1.25;\n  }\n\n  #abf-page .abf-claim p{\n    font-size:13.5px;\n    line-height:1.5;\n  }\n\n\n  \/* WILD BITTER MELON BENEFITS *\/\n  #abf-page .abf-benefit{\n    min-height:126px;\n  }\n\n  #abf-page .abf-benefit strong{\n    font-size:14px;\n    line-height:1.3;\n  }\n\n  #abf-page .abf-benefit p{\n    font-size:14px;\n    line-height:1.55;\n  }\n\n\n  \/* RESULTS *\/\n  #abf-page .abf-result-tag{\n    font-size:11px;\n  }\n\n  #abf-page .abf-result-copy h3{\n    font-size:18px;\n    line-height:1.23;\n  }\n\n  #abf-page .abf-result-copy p{\n    font-size:14.5px;\n    line-height:1.55;\n  }\n\n\n  \/* PROBLEM CARDS *\/\n  #abf-page .abf-card-copy h3{\n    font-size:18px;\n  }\n\n  #abf-page .abf-card-copy p{\n    font-size:14.5px;\n    line-height:1.55;\n  }\n\n\n  \/* MECHANISM *\/\n  #abf-page .abf-mechanism-caption{\n    font-size:14px;\n    line-height:1.45;\n  }\n\n  #abf-page .abf-step{\n    font-size:12px;\n  }\n\n  #abf-page .abf-mech h3{\n    font-size:15px;\n    line-height:1.25;\n  }\n\n  #abf-page .abf-mech p{\n    font-size:13.5px;\n    line-height:1.52;\n  }\n\n\n  \/* INGREDIENTS *\/\n  #abf-page .abf-ing h3{\n    font-size:15px;\n  }\n\n  #abf-page .abf-ing p{\n    font-size:13.5px;\n    line-height:1.52;\n  }\n\n\n  \/* EXPERT *\/\n  #abf-page .abf-checks li{\n    font-size:15px;\n    line-height:1.48;\n  }\n\n\n  \/* BODY ZONES *\/\n  #abf-page .abf-zone strong{\n    font-size:15px;\n  }\n\n  #abf-page .abf-zone span{\n    font-size:13.5px;\n    line-height:1.42;\n  }\n\n\n  \/* HOW TO USE *\/\n  #abf-page .abf-use-card h3{\n    font-size:18px;\n  }\n\n  #abf-page .abf-use-card p{\n    font-size:14.5px;\n    line-height:1.52;\n  }\n\n\n  \/* PERFECT DUO *\/\n  #abf-page .abf-duo-kicker{\n    font-size:11.5px;\n  }\n\n  #abf-page .abf-duo-copy \u003e p{\n    font-size:15.5px;\n    line-height:1.58;\n  }\n\n  #abf-page .abf-duo-step strong{\n    font-size:12.5px;\n  }\n\n  #abf-page .abf-duo-step span{\n    font-size:12.5px;\n    line-height:1.45;\n  }\n\n  #abf-page .abf-duo-note{\n    font-size:13.5px;\n    line-height:1.45;\n  }\n\n  #abf-page .abf-duo-free-badge{\n    font-size:11px;\n  }\n\n\n  \/* COMPARISON — keep 2 columns readable *\/\n  #abf-page .abf-compare-title{\n    min-height:40px;\n    font-size:14px;\n    line-height:1.22;\n  }\n\n  #abf-page .abf-compare-badge{\n    min-height:24px;\n    font-size:11px;\n  }\n\n  #abf-page .abf-comp-line{\n    min-height:84px;\n    font-size:13.5px;\n    line-height:1.45;\n  }\n\n\n  \/* DOCUMENTATION *\/\n  #abf-page .abf-docs .abf-sub{\n    font-size:14px;\n    line-height:1.52;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:11.5px;\n    line-height:1.4;\n  }\n\n\n  \/* FAQ *\/\n  #abf-page summary{\n    font-size:17px;\n    line-height:1.42;\n  }\n\n  #abf-page details p{\n    font-size:16px;\n    line-height:1.58;\n  }\n\n}\n\n\n@media(max-width:380px){\n\n  #abf-page p{\n    font-size:16px;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:13.5px;\n  }\n\n  #abf-page .abf-brand-card-copy p,\n  #abf-page .abf-result-copy p,\n  #abf-page .abf-card-copy p,\n  #abf-page .abf-use-card p{\n    font-size:14px;\n  }\n\n  #abf-page .abf-claim p,\n  #abf-page .abf-benefit p,\n  #abf-page .abf-mech p,\n  #abf-page .abf-ing p,\n  #abf-page .abf-zone span{\n    font-size:13px;\n  }\n\n  #abf-page .abf-comp-line{\n    font-size:13px;\n  }\n\n  #abf-page .abf-compare-title{\n    font-size:13.5px;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:11px;\n  }\n\n}\n\n\n\/* ============================================================\nMOBILE READABILITY PASS V3 — ONE SIZE LARGER\nKeep major titles\/headings unchanged. Increase body, card copy,\nlabels, bullets and supporting text by ~1px for easier reading.\n============================================================ *\/\n\n@media(max-width:767px){\n\n  \/* GLOBAL BODY COPY — TITLES UNCHANGED *\/\n  #abf-page p{\n    font-size:17.5px;\n    line-height:1.62;\n  }\n\n  #abf-page .abf-sub{\n    font-size:17px;\n    line-height:1.6;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:15px;\n    line-height:1.4;\n  }\n\n  #abf-page .abf-note{\n    font-size:15px;\n    line-height:1.5;\n  }\n\n  #abf-page .abf-btn{\n    font-size:18px;\n  }\n\n\n  \/* BRAND SUPPORTING COPY *\/\n  #abf-page .abf-brand-top span{\n    font-size:14px;\n  }\n\n  #abf-page .abf-brand-card-copy p{\n    font-size:15px;\n    line-height:1.58;\n  }\n\n  #abf-page .abf-brand-mini span{\n    font-size:13px;\n    min-height:30px;\n  }\n\n\n  \/* TREATMENT CLAIM COPY *\/\n  #abf-page .abf-claim p{\n    font-size:14.5px;\n    line-height:1.54;\n  }\n\n  #abf-page .abf-claim .abf-num{\n    font-size:12px;\n  }\n\n\n  \/* WILD BITTER MELON BENEFITS *\/\n  #abf-page .abf-benefit strong{\n    font-size:15px;\n    line-height:1.3;\n  }\n\n  #abf-page .abf-benefit p{\n    font-size:15px;\n    line-height:1.58;\n  }\n\n\n  \/* RESULTS *\/\n  #abf-page .abf-result-tag{\n    font-size:12px;\n  }\n\n  #abf-page .abf-result-copy p{\n    font-size:15.5px;\n    line-height:1.58;\n  }\n\n\n  \/* PROBLEM CARDS *\/\n  #abf-page .abf-card-copy p{\n    font-size:15.5px;\n    line-height:1.58;\n  }\n\n\n  \/* MECHANISM *\/\n  #abf-page .abf-mechanism-caption{\n    font-size:15px;\n    line-height:1.45;\n  }\n\n  #abf-page .abf-step{\n    font-size:13px;\n  }\n\n  #abf-page .abf-mech p{\n    font-size:14.5px;\n    line-height:1.56;\n  }\n\n\n  \/* INGREDIENTS *\/\n  #abf-page .abf-ing p{\n    font-size:14.5px;\n    line-height:1.56;\n  }\n\n\n  \/* EXPERT BULLETS *\/\n  #abf-page .abf-checks li{\n    font-size:16px;\n    line-height:1.5;\n  }\n\n\n  \/* BODY ZONES *\/\n  #abf-page .abf-zone span{\n    font-size:14.5px;\n    line-height:1.45;\n  }\n\n\n  \/* HOW TO USE *\/\n  #abf-page .abf-use-card p{\n    font-size:15.5px;\n    line-height:1.56;\n  }\n\n\n  \/* PERFECT DUO *\/\n  #abf-page .abf-duo-kicker{\n    font-size:12.5px;\n  }\n\n  #abf-page .abf-duo-copy \u003e p{\n    font-size:16.5px;\n    line-height:1.6;\n  }\n\n  #abf-page .abf-duo-step strong{\n    font-size:13.5px;\n  }\n\n  #abf-page .abf-duo-step span{\n    font-size:13.5px;\n    line-height:1.48;\n  }\n\n  #abf-page .abf-duo-note{\n    font-size:14.5px;\n    line-height:1.45;\n  }\n\n  #abf-page .abf-duo-free-badge{\n    font-size:12px;\n  }\n\n\n  \/* COMPARISON SUPPORTING TEXT *\/\n  #abf-page .abf-compare-badge{\n    font-size:12px;\n  }\n\n  #abf-page .abf-comp-line{\n    min-height:88px;\n    font-size:14.5px;\n    line-height:1.48;\n  }\n\n\n  \/* DOCUMENTATION *\/\n  #abf-page .abf-docs .abf-sub{\n    font-size:15px;\n    line-height:1.55;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:12.5px;\n    line-height:1.42;\n  }\n\n\n  \/* FAQ ANSWERS ONLY — QUESTION TITLE KEPT *\/\n  #abf-page details p{\n    font-size:17px;\n    line-height:1.6;\n  }\n\n}\n\n\n@media(max-width:380px){\n\n  #abf-page p{\n    font-size:17px;\n  }\n\n  #abf-page .abf-sub{\n    font-size:16.5px;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:14.5px;\n  }\n\n  #abf-page .abf-brand-card-copy p,\n  #abf-page .abf-result-copy p,\n  #abf-page .abf-card-copy p,\n  #abf-page .abf-use-card p{\n    font-size:15px;\n  }\n\n  #abf-page .abf-claim p,\n  #abf-page .abf-benefit p,\n  #abf-page .abf-mech p,\n  #abf-page .abf-ing p,\n  #abf-page .abf-zone span{\n    font-size:14px;\n  }\n\n  #abf-page .abf-comp-line{\n    font-size:14px;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:12px;\n  }\n\n}\n\n\n\/* ============================================================\nMOBILE READABILITY PASS V4 — +2PX ON SMALL LABELS \u0026 SUPPORTING COPY\nMajor titles\/headings remain unchanged.\n============================================================ *\/\n@media(max-width:767px){\n\n  #abf-page .abf-eyebrow{\n    font-size:17px;\n    line-height:1.4;\n    letter-spacing:1.15px;\n  }\n\n  #abf-page .abf-brand-top span{ font-size:16px; }\n  #abf-page .abf-brand-mini span{ font-size:15px; min-height:32px; }\n  #abf-page .abf-claim .abf-num{ font-size:14px; }\n  #abf-page .abf-result-tag{ font-size:14px; }\n  #abf-page .abf-step{ font-size:15px; }\n  #abf-page .abf-duo-kicker{ font-size:14.5px; }\n  #abf-page .abf-duo-free-badge{ font-size:14px; }\n  #abf-page .abf-compare-badge{ font-size:14px; }\n\n  #abf-page .abf-brand-card-copy p{ font-size:17px; line-height:1.6; }\n  #abf-page .abf-claim p{ font-size:16.5px; line-height:1.58; }\n  #abf-page .abf-benefit p{ font-size:17px; line-height:1.6; }\n  #abf-page .abf-result-copy p{ font-size:17.5px; line-height:1.6; }\n  #abf-page .abf-card-copy p{ font-size:17.5px; line-height:1.6; }\n  #abf-page .abf-mech p{ font-size:16.5px; line-height:1.6; }\n  #abf-page .abf-ing p{ font-size:16.5px; line-height:1.6; }\n  #abf-page .abf-zone span{ font-size:16.5px; line-height:1.5; }\n  #abf-page .abf-use-card p{ font-size:17.5px; line-height:1.58; }\n\n  #abf-page .abf-duo-step strong{ font-size:15.5px; }\n  #abf-page .abf-duo-step span{ font-size:15.5px; line-height:1.52; }\n  #abf-page .abf-duo-note{ font-size:16.5px; line-height:1.5; }\n\n  #abf-page .abf-comp-line{\n    min-height:94px;\n    font-size:16.5px;\n    line-height:1.52;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:14.5px;\n    line-height:1.45;\n  }\n}\n\n@media(max-width:380px){\n\n  #abf-page .abf-eyebrow{ font-size:16.5px; }\n\n  #abf-page .abf-brand-card-copy p,\n  #abf-page .abf-result-copy p,\n  #abf-page .abf-card-copy p,\n  #abf-page .abf-use-card p{\n    font-size:17px;\n  }\n\n  #abf-page .abf-claim p,\n  #abf-page .abf-benefit p,\n  #abf-page .abf-mech p,\n  #abf-page .abf-ing p,\n  #abf-page .abf-zone span{\n    font-size:16px;\n  }\n\n  #abf-page .abf-comp-line{ font-size:16px; }\n  #abf-page .abf-doc-label{ font-size:14px; }\n}\n\n\n\/* ============================================================\nSECTION 05 — MOBILE 2 × 2 FINAL OVERRIDE\nKeeps problem-recognition cards compact despite global readability passes.\n============================================================ *\/\n@media(max-width:767px){\n  #abf-page .abf-problem-track{\n    display:grid!important;\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\n    gap:10px!important;\n    margin:24px 0 0!important;\n    padding:0!important;\n    overflow:visible!important;\n  }\n\n  #abf-page .abf-problem{\n    min-width:0!important;\n    border-radius:15px;\n  }\n\n  #abf-page .abf-problem img{\n    aspect-ratio:1\/1;\n    object-fit:cover;\n  }\n\n  #abf-page .abf-problem .abf-card-copy{\n    padding:13px 11px 14px!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy h3{\n    font-size:14px!important;\n    line-height:1.18!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy p{\n    margin-top:6px!important;\n    font-size:13px!important;\n    line-height:1.45!important;\n  }\n}\n\n@media(max-width:380px){\n  #abf-page .abf-problem-track{\n    gap:8px!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy{\n    padding:11px 9px 12px!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy h3{\n    font-size:13px!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy p{\n    font-size:12.5px!important;\n  }\n}\n\n\n\n\/* ============================================================\nSECTION 06 — COMPACT MECHANISM FINAL OVERRIDE\nAnimation does the explaining; cards stay short.\n============================================================ *\/\n@media(max-width:767px){\n  #abf-page .abf-mechanism .abf-sub{\n    max-width:340px;\n    margin-top:14px;\n    font-size:15px!important;\n    line-height:1.5!important;\n  }\n\n  #abf-page .abf-mechanism-visual{\n    margin-top:24px;\n  }\n\n  #abf-page .abf-mechanism-caption{\n    margin-top:10px;\n    font-size:13px!important;\n    line-height:1.4!important;\n  }\n\n  #abf-page .abf-mech-grid{\n    margin-top:20px!important;\n    gap:8px!important;\n  }\n\n  #abf-page .abf-mech{\n    min-height:96px!important;\n    padding:12px 10px!important;\n    border-radius:14px;\n  }\n\n  #abf-page .abf-mech:last-child{\n    min-height:80px!important;\n  }\n\n  #abf-page .abf-step{\n    margin-bottom:8px!important;\n    padding:5px 7px!important;\n    font-size:11px!important;\n  }\n\n  #abf-page .abf-mech h3{\n    font-size:13px!important;\n    line-height:1.2!important;\n  }\n\n  #abf-page .abf-mech p{\n    margin-top:4px!important;\n    font-size:12px!important;\n    line-height:1.38!important;\n  }\n}\n\n@media(max-width:380px){\n  #abf-page .abf-mechanism .abf-sub{\n    font-size:14.5px!important;\n  }\n\n  #abf-page .abf-mech{\n    min-height:92px!important;\n  }\n\n  #abf-page .abf-mech h3{\n    font-size:12.5px!important;\n  }\n\n  #abf-page .abf-mech p{\n    font-size:11.5px!important;\n  }\n}\n\n\n\/* ============================================================\nSECTION 06 — FINAL COMPACT PASS\nAnimation + caption only. No repeated step cards.\n============================================================ *\/\n@media(max-width:767px){\n  #abf-page .abf-mechanism{\n    padding-bottom:42px;\n  }\n\n  #abf-page .abf-mechanism-caption{\n    margin-bottom:0!important;\n  }\n}\n\n\n\/* ============================================================\nSECTION 07 — COMPACT FORMULA GRID\nDesktop: 4 across\nMobile: 2 × 2, short copy\n============================================================ *\/\n@media(max-width:767px){\n  #abf-page .abf-ingredients .abf-ing-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\n    gap:9px!important;\n    margin-top:22px!important;\n  }\n\n  #abf-page .abf-ingredients .abf-ing{\n    border-radius:15px;\n  }\n\n  #abf-page .abf-ingredients .abf-ing .abf-card-copy{\n    padding:13px 11px 14px!important;\n  }\n\n  #abf-page .abf-ingredients .abf-ing h3{\n    font-size:14px!important;\n    line-height:1.2!important;\n  }\n\n  #abf-page .abf-ingredients .abf-ing p{\n    margin-top:6px!important;\n    font-size:13px!important;\n    line-height:1.45!important;\n  }\n}\n\n@media(max-width:380px){\n  #abf-page .abf-ingredients .abf-ing h3{\n    font-size:13px!important;\n  }\n\n  #abf-page .abf-ingredients .abf-ing p{\n    font-size:12.5px!important;\n  }\n}\n\n\n\/* ============================================================\nSECTION 08 — COMPACT EXPERT AUTHORITY\n============================================================ *\/\n@media(max-width:767px){\n  #abf-page .abf-expert .abf-two{\n    gap:22px!important;\n  }\n\n  #abf-page .abf-expert \u003e .abf-wrap \u003e div:last-child \u003e p{\n    margin-top:12px;\n    font-size:15px!important;\n    line-height:1.52!important;\n  }\n\n  #abf-page .abf-expert-checks{\n    margin-top:16px!important;\n  }\n\n  #abf-page .abf-expert-checks li{\n    margin:9px 0!important;\n    padding-left:28px!important;\n    font-size:inherit!important;\n    line-height:1.4!important;\n  }\n\n  #abf-page .abf-expert-checks li:before{\n    top:1px;\n    width:18px;\n    height:18px;\n    line-height:18px;\n    font-size:10px;\n  }\n\n  #abf-page .abf-expert-checks li strong{\n    font-size:14px!important;\n    line-height:1.28!important;\n  }\n\n  #abf-page .abf-expert-checks li span{\n    margin-top:2px;\n    font-size:13px!important;\n    line-height:1.42!important;\n  }\n}\n\n\n\/* ============================================================\nSECTION 09 — COMPACT TREATMENT AREAS\n============================================================ *\/\n@media(max-width:767px){\n  #abf-page .abf-zones{\n    padding-top:42px;\n    padding-bottom:42px;\n  }\n\n  #abf-page .abf-zone-track{\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\n    gap:10px!important;\n    margin-top:22px!important;\n  }\n\n  #abf-page .abf-zone{\n    min-height:126px;\n    padding:14px 10px 13px!important;\n    border-radius:15px;\n  }\n\n  #abf-page .abf-zone-media{\n    width:68px!important;\n    height:68px!important;\n    margin-bottom:9px!important;\n    border-radius:14px;\n  }\n\n  #abf-page .abf-zone strong{\n    font-size:14px!important;\n    line-height:1.15!important;\n  }\n}\n\n@media(max-width:380px){\n  #abf-page .abf-zone{\n    min-height:118px;\n    padding:12px 8px!important;\n  }\n\n  #abf-page .abf-zone-media{\n    width:62px!important;\n    height:62px!important;\n  }\n\n  #abf-page .abf-zone strong{\n    font-size:13px!important;\n  }\n}\n\n\n\/* ============================================================\nSECTION 10 + 10B — ROUTINE → PERFECT DUO FLOW\n============================================================ *\/\n@media(max-width:767px){\n\n  \/* HOW TO USE — compact 2×2 *\/\n  #abf-page .abf-use-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\n    gap:9px!important;\n    margin-top:22px!important;\n  }\n\n  #abf-page .abf-use-card{\n    min-height:108px!important;\n    padding:13px 12px!important;\n  }\n\n  #abf-page .abf-use-card h3{\n    font-size:16px!important;\n    line-height:1.2!important;\n  }\n\n  #abf-page .abf-use-card p{\n    margin-top:7px!important;\n    font-size:13.5px!important;\n    line-height:1.45!important;\n  }\n\n  \/* PERFECT DUO — reads as the next step, not a repeated how-to *\/\n  #abf-page .abf-duo-copy h2{\n    font-size:29px!important;\n    line-height:1.03!important;\n  }\n\n  #abf-page .abf-duo-copy \u003e p{\n    font-size:14px!important;\n    line-height:1.45!important;\n  }\n\n  #abf-page .abf-duo-steps{\n    gap:8px!important;\n    margin-top:16px!important;\n  }\n\n  #abf-page .abf-duo-step{\n    padding:11px 9px!important;\n  }\n\n  #abf-page .abf-duo-step strong{\n    font-size:11.5px!important;\n    line-height:1.25!important;\n  }\n\n  #abf-page .abf-duo-step span{\n    font-size:11.5px!important;\n    line-height:1.42!important;\n  }\n\n  #abf-page .abf-duo-offer{\n    margin-top:14px;\n    padding:11px 10px;\n    font-size:12px;\n    line-height:1.35;\n  }\n\n  #abf-page .abf-duo-note{\n    margin-top:11px;\n    font-size:12px!important;\n    line-height:1.4!important;\n  }\n}\n\n\n\/* ============================================================\nSECTION 10 — MERGED ROUTINE + PERFECT DUO\n============================================================ *\/\n\n#abf-page .abf-routine-combo{\n  background:var(--clinical-cream);\n}\n\n#abf-page .abf-routine-combo .abf-use-grid{\n  margin-bottom:30px;\n}\n\n#abf-page .abf-routine-duo{\n  display:grid;\n  grid-template-columns:.9fr 1.1fr;\n  align-items:stretch;\n  overflow:hidden;\n  margin-top:30px;\n  border:1px solid #D7E2D4;\n  border-radius:20px;\n  background:#fff;\n}\n\n#abf-page .abf-routine-duo-media{\n  min-height:360px;\n  overflow:hidden;\n  background:#E5EEDC;\n}\n\n#abf-page .abf-routine-duo-media img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n\n#abf-page .abf-routine-duo-copy{\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  padding:30px 34px;\n}\n\n#abf-page .abf-routine-duo-copy h3{\n  margin-top:10px;\n  color:var(--treatment-dark);\n  font-size:28px;\n  line-height:1.08;\n  text-transform:uppercase;\n}\n\n#abf-page .abf-routine-duo-copy \u003e p{\n  margin-top:11px;\n  color:#586159;\n  font-size:14px;\n  line-height:1.55;\n}\n\n#abf-page .abf-routine-duo-steps{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:9px;\n  margin-top:16px;\n}\n\n#abf-page .abf-routine-duo-step{\n  padding:12px 13px;\n  border:1px solid #DDE6DB;\n  border-radius:12px;\n  background:#F8FAF7;\n}\n\n#abf-page .abf-routine-duo-step strong{\n  display:block;\n  color:var(--forest);\n  font-size:11px;\n  line-height:1.2;\n  font-weight:900;\n}\n\n#abf-page .abf-routine-duo-step span{\n  display:block;\n  margin-top:4px;\n  color:#626A64;\n  font-size:12px;\n  line-height:1.35;\n}\n\n#abf-page .abf-routine-offer{\n  margin-top:14px;\n  padding:11px 12px;\n  border-radius:9px;\n  background:var(--active-lime);\n  color:var(--treatment-dark);\n  font-size:12px;\n  line-height:1.35;\n  font-weight:900;\n  text-align:center;\n}\n\n#abf-page .abf-routine-duo-copy .abf-btn{\n  align-self:flex-start;\n  margin-top:14px;\n  background:var(--forest);\n  color:#fff!important;\n}\n\n@media(max-width:767px){\n\n  #abf-page .abf-routine-combo .abf-use-grid{\n    margin-bottom:22px!important;\n  }\n\n  #abf-page .abf-routine-duo{\n    grid-template-columns:1fr;\n    margin-top:22px;\n    border-radius:17px;\n  }\n\n  #abf-page .abf-routine-duo-media{\n    min-height:0;\n    aspect-ratio:16\/10;\n  }\n\n  #abf-page .abf-routine-duo-copy{\n    padding:20px 16px 21px;\n  }\n\n  #abf-page .abf-routine-duo-copy h3{\n    font-size:24px!important;\n    line-height:1.05!important;\n  }\n\n  #abf-page .abf-routine-duo-copy \u003e p{\n    margin-top:9px;\n    font-size:14px!important;\n    line-height:1.48!important;\n  }\n\n  #abf-page .abf-routine-duo-steps{\n    gap:8px;\n    margin-top:14px;\n  }\n\n  #abf-page .abf-routine-duo-step{\n    padding:10px 9px;\n  }\n\n  #abf-page .abf-routine-duo-step strong{\n    font-size:11.5px!important;\n  }\n\n  #abf-page .abf-routine-duo-step span{\n    font-size:12px!important;\n  }\n\n  #abf-page .abf-routine-offer{\n    margin-top:12px;\n    font-size:12px;\n  }\n\n  #abf-page .abf-routine-duo-copy .abf-btn{\n    width:100%;\n    margin-top:12px;\n  }\n}\n\n\n\/* ============================================================\nSECTION 11 — COMPACT COMPARISON\n============================================================ *\/\n@media(max-width:767px){\n  #abf-page .abf-compare{\n    padding-top:42px;\n    padding-bottom:42px;\n  }\n\n  #abf-page .abf-compare-box{\n    margin-top:22px!important;\n  }\n\n  #abf-page .abf-compare-title{\n    min-height:44px!important;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    font-size:12.5px!important;\n    line-height:1.15!important;\n  }\n\n  #abf-page .abf-compare-product{\n    height:105px!important;\n    margin-top:7px!important;\n    margin-bottom:5px!important;\n  }\n\n  #abf-page .abf-compare-product img{\n    height:95px!important;\n  }\n\n  #abf-page .abf-comp-line{\n    min-height:68px!important;\n    padding:9px 0!important;\n    font-size:12px!important;\n    line-height:1.4!important;\n  }\n}\n\n@media(max-width:380px){\n  #abf-page .abf-compare-title{\n    font-size:11.5px!important;\n  }\n\n  #abf-page .abf-comp-line{\n    font-size:11.5px!important;\n  }\n}\n\n\n\/* ============================================================\nSECTION 12 + 12B — FINAL COMPACT PASS\n============================================================ *\/\n\n#abf-page .abf-reviews h2{\n  font-size:clamp(28px,3.4vw,42px);\n}\n\n#abf-page .abf-docs .abf-doc-grid{\n  margin-top:18px;\n}\n\n@media(max-width:767px){\n\n  #abf-page .abf-reviews{\n    padding-top:40px;\n    padding-bottom:40px;\n  }\n\n  #abf-page .abf-reviews h2{\n    font-size:29px!important;\n    line-height:1.05!important;\n  }\n\n  #abf-page .abf-koc-shell{\n    margin-top:20px!important;\n  }\n\n  #abf-page .abf-docs{\n    padding:30px 0!important;\n  }\n\n  #abf-page .abf-docs .abf-eyebrow{\n    margin-bottom:7px;\n  }\n\n  #abf-page .abf-docs h2{\n    font-size:25px!important;\n  }\n\n  #abf-page .abf-doc-grid{\n    margin-top:16px!important;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:11.5px!important;\n    line-height:1.3!important;\n  }\n}\n\n\n\/* ============================================================\nSECTION 03 — COMPACT STORY\n============================================================ *\/\n#abf-page .abf-story .abf-eyebrow{\n  margin-bottom:6px;\n}\n\n#abf-page .abf-story p strong{\n  color:#fff;\n  font-weight:900;\n}\n\n@media(max-width:767px){\n  #abf-page .abf-story{\n    padding-top:40px;\n    padding-bottom:40px;\n  }\n\n  #abf-page .abf-story .abf-two{\n    gap:20px!important;\n  }\n\n  #abf-page .abf-story p{\n    margin-top:10px;\n    font-size:15px!important;\n    line-height:1.55!important;\n  }\n}\n\n\n\/* ============================================================\nFINAL VISUAL POLISH — MOBILE-FIRST\n- Harmonized section backgrounds\n- Cleaner card\/text containers\n- Larger small text on mobile\n- Scoped at the end so it overrides earlier passes safely\n============================================================ *\/\n\n\/* ---------- SECTION BACKGROUND RHYTHM ---------- *\/\n\n#abf-page .abf-treatment{\n  background:#10261C;\n}\n\n#abf-page .abf-wbm{\n  background:#F5F1E6;\n}\n\n#abf-page .abf-story{\n  background:#214D37;\n}\n\n#abf-page .abf-results{\n  background:#FFFFFF;\n}\n\n#abf-page .abf-problems{\n  background:#EEF3EC;\n}\n\n#abf-page .abf-mechanism{\n  background:#FAF8F2;\n}\n\n#abf-page .abf-ingredients{\n  background:#10261C;\n}\n\n#abf-page .abf-expert{\n  background:#E7EFE3;\n}\n\n#abf-page .abf-zones{\n  background:#FFFFFF;\n}\n\n#abf-page .abf-use,\n#abf-page .abf-routine-combo{\n  background:#F5F1E6;\n}\n\n#abf-page .abf-compare{\n  background:#F7F9F6;\n}\n\n#abf-page .abf-reviews{\n  background:#EEF3ED;\n}\n\n#abf-page .abf-docs{\n  background:#F5F1E6;\n}\n\n#abf-page .abf-final{\n  background:#10261C;\n}\n\n#abf-page .abf-faq{\n  background:#FFFFFF;\n}\n\n\n\/* ---------- CARD \/ TEXT CONTAINER POLISH ---------- *\/\n\n#abf-page .abf-result-card,\n#abf-page .abf-problem,\n#abf-page .abf-zone,\n#abf-page .abf-use-card,\n#abf-page .abf-doc-card{\n  border:1px solid #DDE5DE;\n  box-shadow:0 7px 20px rgba(16,38,28,.055);\n}\n\n#abf-page .abf-problem{\n  background:#FFFFFF;\n}\n\n#abf-page .abf-problem .abf-card-copy{\n  background:#FFFFFF;\n}\n\n#abf-page .abf-zone{\n  background:#FBFCFA;\n}\n\n#abf-page .abf-use-card{\n  background:#FFFFFF;\n}\n\n#abf-page .abf-ingredients .abf-ing{\n  background:#183127;\n  border-color:rgba(255,255,255,.13);\n  box-shadow:0 8px 20px rgba(0,0,0,.08);\n}\n\n#abf-page .abf-ingredients .abf-ing:first-child{\n  border-color:#B9DF57;\n}\n\n#abf-page .abf-ingredients .abf-ing .abf-card-copy{\n  background:#183127;\n}\n\n#abf-page .abf-expert .abf-two \u003e div:last-child{\n  padding:28px 30px;\n  border:1px solid #D8E4D7;\n  border-radius:20px;\n  background:rgba(255,255,255,.82);\n  box-shadow:0 8px 22px rgba(16,38,28,.055);\n}\n\n#abf-page .abf-routine-duo{\n  border-color:#D6E1D3;\n  background:#FFFFFF;\n  box-shadow:0 8px 24px rgba(16,38,28,.06);\n}\n\n#abf-page .abf-compare-box{\n  background:#FFFFFF;\n  box-shadow:0 8px 24px rgba(16,38,28,.05);\n}\n\n#abf-page .abf-koc-card{\n  background:#FFFFFF;\n  border-color:#DDE5DE;\n  box-shadow:0 7px 20px rgba(16,38,28,.055);\n}\n\n#abf-page .abf-doc-card{\n  background:#FFFFFF;\n}\n\n#abf-page .abf-faq-list details{\n  margin-bottom:10px;\n  padding:0 16px;\n  border:1px solid #E1E7E2;\n  border-radius:14px;\n  background:#F9FBF8;\n}\n\n#abf-page .abf-faq-list details:last-child{\n  margin-bottom:0;\n}\n\n\n\/* ============================================================\nMOBILE — LARGER SMALL TEXT \/ LABELS\nThe highlighted styles are increased by ~4px.\n============================================================ *\/\n@media(max-width:767px){\n\n  \/* EYEBROWS \/ SMALL SECTION LABELS *\/\n  #abf-page .abf-eyebrow{\n    font-size:21px!important;\n    line-height:1.24!important;\n    letter-spacing:.75px!important;\n    margin-bottom:10px!important;\n  }\n\n  \/* Keep long labels tidy when they wrap *\/\n  #abf-page .abf-center .abf-eyebrow{\n    max-width:100%;\n  }\n\n  \/* GENERAL SUPPORTING COPY *\/\n  #abf-page .abf-sub{\n    font-size:18px!important;\n    line-height:1.55!important;\n  }\n\n  \/* STORY *\/\n  #abf-page .abf-story p{\n    font-size:18px!important;\n    line-height:1.58!important;\n  }\n\n  \/* PROBLEM RECOGNITION — highlighted area in screenshot *\/\n  #abf-page .abf-problem .abf-card-copy{\n    padding:15px 13px 16px!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy h3{\n    font-size:18px!important;\n    line-height:1.18!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy p{\n    margin-top:7px!important;\n    font-size:17px!important;\n    line-height:1.48!important;\n  }\n\n  \/* MECHANISM CAPTION *\/\n  #abf-page .abf-mechanism-caption{\n    font-size:17px!important;\n    line-height:1.4!important;\n  }\n\n  \/* INGREDIENTS *\/\n  #abf-page .abf-ingredients .abf-ing .abf-card-copy{\n    padding:15px 13px 16px!important;\n  }\n\n  #abf-page .abf-ingredients .abf-ing h3{\n    font-size:18px!important;\n    line-height:1.2!important;\n  }\n\n  #abf-page .abf-ingredients .abf-ing p{\n    margin-top:7px!important;\n    font-size:17px!important;\n    line-height:1.48!important;\n  }\n\n  \/* EXPERT TEXT CARD *\/\n  #abf-page .abf-expert .abf-two \u003e div:last-child{\n    padding:19px 17px!important;\n    border-radius:17px;\n  }\n\n  #abf-page .abf-expert \u003e .abf-wrap \u003e div:last-child \u003e p{\n    font-size:18px!important;\n    line-height:1.52!important;\n  }\n\n  #abf-page .abf-expert-checks li strong{\n    font-size:18px!important;\n    line-height:1.28!important;\n  }\n\n  #abf-page .abf-expert-checks li span{\n    font-size:17px!important;\n    line-height:1.42!important;\n  }\n\n  \/* BODY ZONES *\/\n  #abf-page .abf-zone{\n    min-height:132px!important;\n    padding:15px 10px 14px!important;\n  }\n\n  #abf-page .abf-zone strong{\n    font-size:18px!important;\n    line-height:1.15!important;\n  }\n\n  \/* HOW TO USE *\/\n  #abf-page .abf-use-card{\n    min-height:132px!important;\n    padding:15px 13px!important;\n  }\n\n  #abf-page .abf-use-card h3{\n    font-size:20px!important;\n    line-height:1.18!important;\n  }\n\n  #abf-page .abf-use-card p{\n    margin-top:7px!important;\n    font-size:17.5px!important;\n    line-height:1.45!important;\n  }\n\n  \/* PERFECT DUO *\/\n  #abf-page .abf-routine-duo-copy{\n    padding:21px 17px 22px!important;\n  }\n\n  #abf-page .abf-duo-kicker{\n    font-size:18px!important;\n    line-height:1.2!important;\n  }\n\n  #abf-page .abf-routine-duo-step strong{\n    font-size:15.5px!important;\n    line-height:1.25!important;\n  }\n\n  #abf-page .abf-routine-duo-step span{\n    font-size:16px!important;\n    line-height:1.4!important;\n  }\n\n  #abf-page .abf-routine-offer{\n    font-size:16px!important;\n    line-height:1.35!important;\n  }\n\n  \/* COMPARISON *\/\n  #abf-page .abf-compare-title{\n    min-height:54px!important;\n    font-size:16.5px!important;\n    line-height:1.16!important;\n  }\n\n  #abf-page .abf-comp-line{\n    min-height:82px!important;\n    padding:11px 0!important;\n    font-size:16px!important;\n    line-height:1.42!important;\n  }\n\n  \/* KOC *\/\n  #abf-page .abf-reviews h2{\n    font-size:31px!important;\n  }\n\n  \/* DOCUMENTATION *\/\n  #abf-page .abf-doc-label{\n    font-size:15.5px!important;\n    line-height:1.35!important;\n  }\n\n  \/* FAQ *\/\n  #abf-page summary{\n    font-size:18px!important;\n    line-height:1.4!important;\n  }\n\n  #abf-page details p{\n    font-size:17.5px!important;\n    line-height:1.55!important;\n  }\n\n}\n\n\n\/* SMALL PHONES — keep readable without overflowing *\/\n@media(max-width:380px){\n\n  #abf-page .abf-eyebrow{\n    font-size:20px!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy h3,\n  #abf-page .abf-ingredients .abf-ing h3,\n  #abf-page .abf-zone strong{\n    font-size:17px!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy p,\n  #abf-page .abf-ingredients .abf-ing p,\n  #abf-page .abf-expert-checks li span{\n    font-size:16px!important;\n  }\n\n  #abf-page .abf-comp-line{\n    font-size:15px!important;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:14.5px!important;\n  }\n}\n\n\n\/* ============================================================\nFINAL TYPOGRAPHY PASS — +4PX EVERYWHERE EXCEPT MAIN SECTION TITLES\nMain section titles (h2) are intentionally unchanged.\nApplies to desktop and mobile.\n============================================================ *\/\n\n\/* ---------- DESKTOP \/ TABLET ---------- *\/\n\n#abf-page h3{\n  font-size:24px;\n}\n\n#abf-page p{\n  font-size:20px;\n}\n\n#abf-page .abf-eyebrow{\n  font-size:16px;\n}\n\n#abf-page .abf-sub{\n  font-size:20px;\n}\n\n#abf-page .abf-btn{\n  font-size:19px;\n}\n\n#abf-page .abf-note{\n  font-size:16px;\n}\n\n#abf-page .abf-brand-top span{\n  font-size:15px;\n}\n\n#abf-page .abf-brand-top small{\n  font-size:15px;\n}\n\n#abf-page .abf-brand-card-copy h3{\n  font-size:20px;\n}\n\n#abf-page .abf-brand-card-copy p{\n  font-size:16.5px;\n}\n\n#abf-page .abf-brand-mini span{\n  font-size:13.5px;\n}\n\n#abf-page .abf-brand-transition{\n  font-size:16px;\n}\n\n#abf-page .abf-benefit strong{\n  font-size:17px;\n}\n\n#abf-page .abf-benefit p{\n  font-size:17px;\n}\n\n#abf-page .abf-result-tag{\n  font-size:13px;\n}\n\n#abf-page .abf-result-copy h3{\n  font-size:20px;\n}\n\n#abf-page .abf-result-copy p{\n  font-size:16.5px;\n}\n\n#abf-page .abf-card-copy p{\n  font-size:17px;\n}\n\n#abf-page .abf-mechanism-caption{\n  font-size:17px;\n}\n\n#abf-page .abf-ing h3{\n  font-size:24px;\n}\n\n#abf-page .abf-ing p{\n  font-size:17px;\n}\n\n#abf-page .abf-checks li{\n  font-size:18px;\n}\n\n#abf-page .abf-expert-checks li strong{\n  font-size:17px;\n}\n\n#abf-page .abf-expert-checks li span{\n  font-size:16.5px;\n}\n\n#abf-page .abf-zone strong{\n  font-size:20px;\n}\n\n#abf-page .abf-zone span{\n  font-size:16px;\n}\n\n#abf-page .abf-use-card h3{\n  font-size:24px;\n}\n\n#abf-page .abf-use-card p{\n  font-size:17px;\n}\n\n#abf-page .abf-duo-kicker{\n  font-size:14px;\n}\n\n#abf-page .abf-routine-duo-step strong{\n  font-size:15px;\n}\n\n#abf-page .abf-routine-duo-step span{\n  font-size:16px;\n}\n\n#abf-page .abf-routine-offer{\n  font-size:16px;\n}\n\n#abf-page .abf-compare-title{\n  font-size:23px;\n}\n\n#abf-page .abf-comp-line{\n  font-size:18px;\n}\n\n#abf-page .abf-docs .abf-sub{\n  font-size:18px;\n}\n\n#abf-page .abf-doc-label{\n  font-size:15px;\n}\n\n#abf-page summary{\n  font-size:20px;\n}\n\n#abf-page details p{\n  font-size:18px;\n}\n\n\n\/* ---------- MOBILE ---------- *\/\n\n@media(max-width:767px){\n\n  \/* Main section titles H2 stay exactly as before *\/\n\n  #abf-page h3{\n    font-size:22px!important;\n    line-height:1.22!important;\n  }\n\n  #abf-page p{\n    font-size:21.5px!important;\n    line-height:1.58!important;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:25px!important;\n    line-height:1.22!important;\n    letter-spacing:.55px!important;\n  }\n\n  #abf-page .abf-sub{\n    font-size:22px!important;\n    line-height:1.54!important;\n  }\n\n  #abf-page .abf-btn{\n    font-size:22px!important;\n  }\n\n  #abf-page .abf-note{\n    font-size:19px!important;\n  }\n\n  \/* BRAND *\/\n  #abf-page .abf-brand-top span{\n    font-size:20px!important;\n  }\n\n  #abf-page .abf-brand-card-copy h3{\n    font-size:20px!important;\n    line-height:1.18!important;\n  }\n\n  #abf-page .abf-brand-card-copy p{\n    font-size:21px!important;\n    line-height:1.52!important;\n  }\n\n  #abf-page .abf-brand-mini span{\n    font-size:19px!important;\n    min-height:34px!important;\n  }\n\n  #abf-page .abf-brand-transition{\n    font-size:16.5px!important;\n    line-height:1.5!important;\n  }\n\n  \/* WILD BITTER MELON BENEFITS *\/\n  #abf-page .abf-benefit strong{\n    font-size:19px!important;\n    line-height:1.26!important;\n  }\n\n  #abf-page .abf-benefit p{\n    font-size:21px!important;\n    line-height:1.5!important;\n  }\n\n  \/* STORY *\/\n  #abf-page .abf-story p{\n    font-size:22px!important;\n    line-height:1.56!important;\n  }\n\n  \/* RESULTS *\/\n  #abf-page .abf-result-tag{\n    font-size:18px!important;\n  }\n\n  #abf-page .abf-result-copy h3{\n    font-size:22px!important;\n    line-height:1.2!important;\n  }\n\n  #abf-page .abf-result-copy p{\n    font-size:21.5px!important;\n    line-height:1.5!important;\n  }\n\n  \/* PROBLEM RECOGNITION *\/\n  #abf-page .abf-problem .abf-card-copy h3{\n    font-size:22px!important;\n    line-height:1.16!important;\n  }\n\n  #abf-page .abf-problem .abf-card-copy p{\n    font-size:21px!important;\n    line-height:1.45!important;\n  }\n\n  \/* MECHANISM *\/\n  #abf-page .abf-mechanism .abf-sub{\n    font-size:19px!important;\n    line-height:1.5!important;\n  }\n\n  #abf-page .abf-mechanism-caption{\n    font-size:21px!important;\n    line-height:1.36!important;\n  }\n\n  \/* INGREDIENTS *\/\n  #abf-page .abf-ingredients .abf-ing h3{\n    font-size:22px!important;\n    line-height:1.18!important;\n  }\n\n  #abf-page .abf-ingredients .abf-ing p{\n    font-size:21px!important;\n    line-height:1.46!important;\n  }\n\n  \/* EXPERT *\/\n  #abf-page .abf-expert \u003e .abf-wrap \u003e div:last-child \u003e p{\n    font-size:22px!important;\n    line-height:1.5!important;\n  }\n\n  #abf-page .abf-expert-checks li strong{\n    font-size:22px!important;\n    line-height:1.24!important;\n  }\n\n  #abf-page .abf-expert-checks li span{\n    font-size:21px!important;\n    line-height:1.4!important;\n  }\n\n  \/* BODY ZONES *\/\n  #abf-page .abf-zone strong{\n    font-size:22px!important;\n    line-height:1.12!important;\n  }\n\n  \/* HOW TO USE *\/\n  #abf-page .abf-use-card h3{\n    font-size:24px!important;\n    line-height:1.15!important;\n  }\n\n  #abf-page .abf-use-card p{\n    font-size:21.5px!important;\n    line-height:1.42!important;\n  }\n\n  \/* PERFECT DUO *\/\n  #abf-page .abf-duo-kicker{\n    font-size:22px!important;\n    line-height:1.15!important;\n  }\n\n  #abf-page .abf-routine-duo-copy \u003e p{\n    font-size:20px!important;\n    line-height:1.48!important;\n  }\n\n  #abf-page .abf-routine-duo-step strong{\n    font-size:19.5px!important;\n  }\n\n  #abf-page .abf-routine-duo-step span{\n    font-size:20px!important;\n  }\n\n  #abf-page .abf-routine-offer{\n    font-size:20px!important;\n    line-height:1.32!important;\n  }\n\n  \/* COMPARISON *\/\n  #abf-page .abf-compare-title{\n    font-size:20.5px!important;\n    line-height:1.14!important;\n  }\n\n  #abf-page .abf-comp-line{\n    font-size:20px!important;\n    line-height:1.4!important;\n  }\n\n  \/* DOCUMENTATION *\/\n  #abf-page .abf-doc-label{\n    font-size:19.5px!important;\n    line-height:1.32!important;\n  }\n\n  \/* FAQ *\/\n  #abf-page summary{\n    font-size:22px!important;\n    line-height:1.36!important;\n  }\n\n  #abf-page details p{\n    font-size:21.5px!important;\n    line-height:1.5!important;\n  }\n\n  \/* Let cards grow naturally with the larger copy *\/\n  #abf-page .abf-brand-card,\n  #abf-page .abf-brand-photo-card,\n  #abf-page .abf-benefit,\n  #abf-page .abf-result-copy,\n  #abf-page .abf-problem,\n  #abf-page .abf-ing,\n  #abf-page .abf-use-card,\n  #abf-page .abf-zone,\n  #abf-page .abf-comp-line{\n    height:auto!important;\n  }\n\n  #abf-page .abf-benefit,\n  #abf-page .abf-use-card,\n  #abf-page .abf-zone{\n    min-height:0!important;\n  }\n}\n\n\n\/* ---------- SMALL PHONES ---------- *\/\n@media(max-width:380px){\n\n  #abf-page .abf-eyebrow{\n    font-size:23px!important;\n  }\n\n  #abf-page p,\n  #abf-page .abf-story p,\n  #abf-page .abf-result-copy p,\n  #abf-page .abf-problem .abf-card-copy p,\n  #abf-page .abf-ingredients .abf-ing p,\n  #abf-page .abf-use-card p,\n  #abf-page details p{\n    font-size:20px!important;\n  }\n\n  #abf-page .abf-brand-card-copy p,\n  #abf-page .abf-benefit p,\n  #abf-page .abf-expert-checks li span{\n    font-size:19.5px!important;\n  }\n\n  #abf-page .abf-comp-line{\n    font-size:18.5px!important;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:18px!important;\n  }\n}\n\n\n\/* ============================================================\nFINAL TYPOGRAPHY TUNE\n- Main section titles: -2px\n- All supporting typography: -1px\n============================================================ *\/\n\n\/* ---------- DESKTOP \/ TABLET ---------- *\/\n\n\/* Main section titles *\/\n#abf-page h2{\n  font-size:clamp(28px,3.8vw,50px);\n}\n\n\/* Supporting text *\/\n#abf-page h3{ font-size:23px; }\n#abf-page p{ font-size:19px; }\n#abf-page .abf-eyebrow{ font-size:15px; }\n#abf-page .abf-sub{ font-size:19px; }\n#abf-page .abf-btn{ font-size:18px; }\n#abf-page .abf-note{ font-size:15px; }\n\n#abf-page .abf-brand-top span{ font-size:14px; }\n#abf-page .abf-brand-top small{ font-size:14px; }\n#abf-page .abf-brand-card-copy h3{ font-size:19px; }\n#abf-page .abf-brand-card-copy p{ font-size:15.5px; }\n#abf-page .abf-brand-mini span{ font-size:12.5px; }\n#abf-page .abf-brand-transition{ font-size:15px; }\n\n#abf-page .abf-benefit strong{ font-size:16px; }\n#abf-page .abf-benefit p{ font-size:16px; }\n\n#abf-page .abf-result-tag{ font-size:12px; }\n#abf-page .abf-result-copy h3{ font-size:19px; }\n#abf-page .abf-result-copy p{ font-size:15.5px; }\n\n#abf-page .abf-card-copy p{ font-size:16px; }\n#abf-page .abf-mechanism-caption{ font-size:16px; }\n\n#abf-page .abf-ing h3{ font-size:23px; }\n#abf-page .abf-ing p{ font-size:16px; }\n\n#abf-page .abf-checks li{ font-size:17px; }\n#abf-page .abf-expert-checks li strong{ font-size:16px; }\n#abf-page .abf-expert-checks li span{ font-size:15.5px; }\n\n#abf-page .abf-zone strong{ font-size:19px; }\n#abf-page .abf-zone span{ font-size:15px; }\n\n#abf-page .abf-use-card h3{ font-size:23px; }\n#abf-page .abf-use-card p{ font-size:16px; }\n\n#abf-page .abf-duo-kicker{ font-size:13px; }\n#abf-page .abf-routine-duo-step strong{ font-size:14px; }\n#abf-page .abf-routine-duo-step span{ font-size:15px; }\n#abf-page .abf-routine-offer{ font-size:15px; }\n\n#abf-page .abf-compare-title{ font-size:22px; }\n#abf-page .abf-comp-line{ font-size:17px; }\n\n#abf-page .abf-docs .abf-sub{ font-size:17px; }\n#abf-page .abf-doc-label{ font-size:14px; }\n\n#abf-page summary{ font-size:19px; }\n#abf-page details p{ font-size:17px; }\n\n\n\/* ---------- MOBILE ---------- *\/\n@media(max-width:767px){\n\n  \/* Main section titles: -2px from the previous mobile sizing *\/\n  #abf-page h2{\n    font-size:28px!important;\n    line-height:1.03!important;\n  }\n\n  #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n    font-size:32px!important;\n  }\n\n  #abf-page .abf-big-copy h2{\n    font-size:27px!important;\n  }\n\n  \/* Everything else: -1px *\/\n  #abf-page h3{\n    font-size:21px!important;\n  }\n\n  #abf-page p{\n    font-size:20.5px!important;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:24px!important;\n  }\n\n  #abf-page .abf-sub{\n    font-size:21px!important;\n  }\n\n  #abf-page .abf-btn{\n    font-size:21px!important;\n  }\n\n  #abf-page .abf-note{\n    font-size:18px!important;\n  }\n\n  \/* BRAND *\/\n  #abf-page .abf-brand-top span{ font-size:19px!important; }\n  #abf-page .abf-brand-card-copy h3{ font-size:19px!important; }\n  #abf-page .abf-brand-card-copy p{ font-size:20px!important; }\n  #abf-page .abf-brand-mini span{ font-size:18px!important; }\n  #abf-page .abf-brand-transition{ font-size:15.5px!important; }\n\n  \/* WBM BENEFITS *\/\n  #abf-page .abf-benefit strong{ font-size:18px!important; }\n  #abf-page .abf-benefit p{ font-size:20px!important; }\n\n  \/* STORY *\/\n  #abf-page .abf-story p{ font-size:21px!important; }\n\n  \/* RESULTS *\/\n  #abf-page .abf-result-tag{ font-size:17px!important; }\n  #abf-page .abf-result-copy h3{ font-size:21px!important; }\n  #abf-page .abf-result-copy p{ font-size:20.5px!important; }\n\n  \/* PROBLEM RECOGNITION *\/\n  #abf-page .abf-problem .abf-card-copy h3{ font-size:21px!important; }\n  #abf-page .abf-problem .abf-card-copy p{ font-size:20px!important; }\n\n  \/* MECHANISM *\/\n  #abf-page .abf-mechanism .abf-sub{ font-size:18px!important; }\n  #abf-page .abf-mechanism-caption{ font-size:20px!important; }\n\n  \/* INGREDIENTS *\/\n  #abf-page .abf-ingredients .abf-ing h3{ font-size:21px!important; }\n  #abf-page .abf-ingredients .abf-ing p{ font-size:20px!important; }\n\n  \/* EXPERT *\/\n  #abf-page .abf-expert \u003e .abf-wrap \u003e div:last-child \u003e p{ font-size:21px!important; }\n  #abf-page .abf-expert-checks li strong{ font-size:21px!important; }\n  #abf-page .abf-expert-checks li span{ font-size:20px!important; }\n\n  \/* BODY ZONES *\/\n  #abf-page .abf-zone strong{ font-size:21px!important; }\n\n  \/* HOW TO USE *\/\n  #abf-page .abf-use-card h3{ font-size:23px!important; }\n  #abf-page .abf-use-card p{ font-size:20.5px!important; }\n\n  \/* PERFECT DUO *\/\n  #abf-page .abf-duo-kicker{ font-size:21px!important; }\n  #abf-page .abf-routine-duo-copy \u003e p{ font-size:19px!important; }\n  #abf-page .abf-routine-duo-step strong{ font-size:18.5px!important; }\n  #abf-page .abf-routine-duo-step span{ font-size:19px!important; }\n  #abf-page .abf-routine-offer{ font-size:19px!important; }\n\n  \/* COMPARISON *\/\n  #abf-page .abf-compare-title{ font-size:19.5px!important; }\n  #abf-page .abf-comp-line{ font-size:19px!important; }\n\n  \/* DOCUMENTATION *\/\n  #abf-page .abf-doc-label{ font-size:18.5px!important; }\n\n  \/* FAQ *\/\n  #abf-page summary{ font-size:21px!important; }\n  #abf-page details p{ font-size:20.5px!important; }\n}\n\n\n\/* ---------- SMALL PHONES ---------- *\/\n@media(max-width:380px){\n\n  #abf-page h2{\n    font-size:27px!important;\n  }\n\n  #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n    font-size:31px!important;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:22px!important;\n  }\n\n  #abf-page p,\n  #abf-page .abf-story p,\n  #abf-page .abf-result-copy p,\n  #abf-page .abf-problem .abf-card-copy p,\n  #abf-page .abf-ingredients .abf-ing p,\n  #abf-page .abf-use-card p,\n  #abf-page details p{\n    font-size:19px!important;\n  }\n\n  #abf-page .abf-brand-card-copy p,\n  #abf-page .abf-benefit p,\n  #abf-page .abf-expert-checks li span{\n    font-size:18.5px!important;\n  }\n\n  #abf-page .abf-comp-line{\n    font-size:17.5px!important;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:17px!important;\n  }\n}\n\n\n\/* ============================================================\nFINAL MOBILE HEADING TUNE\nParagraph\/body copy stays unchanged.\n- H2: -2px\n- H3: -2px\n- Eyebrow\/section label: -2px\n- More breathing room between lines and label → title\n============================================================ *\/\n\n@media(max-width:767px){\n\n  \/* MAIN SECTION TITLES *\/\n  #abf-page h2{\n    font-size:26px!important;\n    line-height:1.08!important;\n    letter-spacing:-.75px!important;\n  }\n\n  \/* Hero \/ treatment title still slightly larger, but reduced *\/\n  #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n    font-size:30px!important;\n    line-height:1.07!important;\n  }\n\n  \/* Wild Bitter Melon section title *\/\n  #abf-page .abf-big-copy h2{\n    font-size:25px!important;\n    line-height:1.08!important;\n  }\n\n  \/* CARD \/ SUB HEADINGS *\/\n  #abf-page h3{\n    font-size:19px!important;\n    line-height:1.22!important;\n  }\n\n  \/* SECTION LABELS \/ EYEBROWS *\/\n  #abf-page .abf-eyebrow{\n    font-size:22px!important;\n    line-height:1.24!important;\n    letter-spacing:.5px!important;\n    margin-bottom:12px!important;\n  }\n\n  \/* Specific card headings that had larger scoped overrides *\/\n  #abf-page .abf-brand-card-copy h3,\n  #abf-page .abf-result-copy h3,\n  #abf-page .abf-problem .abf-card-copy h3,\n  #abf-page .abf-ingredients .abf-ing h3,\n  #abf-page .abf-expert-checks li strong,\n  #abf-page .abf-zone strong{\n    font-size:19px!important;\n    line-height:1.22!important;\n  }\n\n  #abf-page .abf-use-card h3{\n    font-size:21px!important;\n    line-height:1.2!important;\n  }\n\n  #abf-page .abf-compare-title{\n    font-size:17.5px!important;\n    line-height:1.18!important;\n  }\n\n  #abf-page summary{\n    font-size:19px!important;\n    line-height:1.4!important;\n  }\n\n  \/* Slightly more space between heading block and content *\/\n  #abf-page .abf-center \u003e h2 + .abf-sub{\n    margin-top:16px!important;\n  }\n}\n\n@media(max-width:380px){\n\n  #abf-page h2{\n    font-size:25px!important;\n  }\n\n  #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n    font-size:29px!important;\n  }\n\n  #abf-page .abf-big-copy h2{\n    font-size:24px!important;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:20px!important;\n  }\n\n  #abf-page h3,\n  #abf-page .abf-brand-card-copy h3,\n  #abf-page .abf-result-copy h3,\n  #abf-page .abf-problem .abf-card-copy h3,\n  #abf-page .abf-ingredients .abf-ing h3,\n  #abf-page .abf-expert-checks li strong,\n  #abf-page .abf-zone strong{\n    font-size:18px!important;\n  }\n}\n\n\n\/* ============================================================\nFINAL MOBILE TYPOGRAPHY SYSTEM\nUnified hierarchy across all sections.\nParagraph\/body copy is intentionally left unchanged.\n============================================================ *\/\n@media(max-width:767px){\n\n  \/* 1) SECTION TITLES *\/\n  #abf-page h2{\n    font-size:26px!important;\n    line-height:1.10!important;\n    letter-spacing:-.7px!important;\n  }\n\n  \/* Hero \/ first section stays intentionally larger *\/\n  #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n    font-size:30px!important;\n    line-height:1.08!important;\n  }\n\n  \/* Wild Bitter Melon section now matches standard H2 *\/\n  #abf-page .abf-big-copy h2{\n    font-size:26px!important;\n    line-height:1.10!important;\n  }\n\n  \/* 2) EYEBROW \/ SECTION LABEL *\/\n  #abf-page .abf-eyebrow{\n    font-size:17px!important;\n    line-height:1.28!important;\n    letter-spacing:.8px!important;\n    margin-bottom:11px!important;\n  }\n\n  \/* 3) CARD \/ SUB HEADINGS *\/\n  #abf-page h3,\n  #abf-page .abf-brand-card-copy h3,\n  #abf-page .abf-result-copy h3,\n  #abf-page .abf-problem .abf-card-copy h3,\n  #abf-page .abf-ingredients .abf-ing h3,\n  #abf-page .abf-expert-checks li strong,\n  #abf-page .abf-zone strong,\n  #abf-page .abf-use-card h3,\n  #abf-page .abf-compare-title{\n    font-size:19px!important;\n    line-height:1.22!important;\n  }\n\n  \/* Keep comparison labels vertically aligned *\/\n  #abf-page .abf-compare-title{\n    min-height:48px!important;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n  }\n\n  \/* 4) SMALL TAGS \/ SUPPORT LABELS *\/\n  #abf-page .abf-result-tag{\n    font-size:15px!important;\n  }\n\n  #abf-page .abf-brand-mini span{\n    font-size:15px!important;\n  }\n\n  #abf-page .abf-duo-kicker{\n    font-size:16px!important;\n  }\n\n  #abf-page .abf-doc-label{\n    font-size:16px!important;\n    line-height:1.35!important;\n  }\n\n  \/* 5) FAQ QUESTION = H3 LEVEL *\/\n  #abf-page summary{\n    font-size:19px!important;\n    line-height:1.4!important;\n  }\n\n  \/* A little breathing room below heading blocks *\/\n  #abf-page .abf-center \u003e h2 + .abf-sub{\n    margin-top:15px!important;\n  }\n}\n\n\n\/* SMALL PHONES *\/\n@media(max-width:380px){\n\n  #abf-page h2{\n    font-size:25px!important;\n  }\n\n  #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n    font-size:29px!important;\n  }\n\n  #abf-page .abf-big-copy h2{\n    font-size:25px!important;\n  }\n\n  #abf-page .abf-eyebrow{\n    font-size:16px!important;\n  }\n\n  #abf-page h3,\n  #abf-page .abf-brand-card-copy h3,\n  #abf-page .abf-result-copy h3,\n  #abf-page .abf-problem .abf-card-copy h3,\n  #abf-page .abf-ingredients .abf-ing h3,\n  #abf-page .abf-expert-checks li strong,\n  #abf-page .abf-zone strong,\n  #abf-page .abf-use-card h3,\n  #abf-page .abf-compare-title,\n  #abf-page summary{\n    font-size:18px!important;\n  }\n}\n\n\u003c\/style\u003e\n\u003cdiv id=\"abf-page\"\u003e\n\u003c!-- ============================================================\n01 — TREATMENT\n============================================================ --\u003e\n\u003csection class=\"abf-treatment abf-center\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n      DESDE LA MARCA\n    \u003c\/span\u003e\n\u003ch2\u003e\n      GEL DE DUCHA DE ALTO RENDIMIENTO PARA TRATAR LA FOLICULITIS\n    \u003c\/h2\u003e\n\u003cp class=\"abf-sub\"\u003e\n      Combate el acné de espalda y la hiperqueratosis con un gel de ducha específico para piel con tendencia a la foliculitis y bultos corporales recurrentes.\n    \u003c\/p\u003e\n\u003c!-- =====================================================\n    BRAND BACKGROUND\n\n    PASTE_BRAND_BACKGROUND_DOCTOR_IMAGE_URL\n\n    SIZE:\n    2000×1100 px\n\n    VISUAL:\n    - American male doctor 55–65\n    - older \/ mature \/ salt-and-pepper hair\n    - white coat\n    - stethoscope around neck\n    - LEFT side\n\n    OPTION A:\n    Doctor points toward before\/after dermatology board.\n\n    OPTION B:\n    muscular\/fit male model faces away,\n    doctor points to back folliculitis area.\n\n    BACKGROUND:\n    pale green \/ cream \/ clean clinical green.\n\n    IMPORTANT:\n    Doctor stays LEFT.\n    Keep RIGHT side relatively simple because carousel overlays it.\n    Doctor from this image should be reused later in Expert Video.\n    ===================================================== --\u003e\n\u003cdiv class=\"abf-brand-stage\"\u003e\n\u003cdiv class=\"abf-brand-bg\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Shopifi_6.webp?v=1787213309\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-overlay-zone\"\u003e\n\u003cdiv class=\"abf-brand-viewport\"\u003e\n\u003cbutton class=\"abf-brand-arrow abf-brand-prev\" type=\"button\"\u003e\n            ←\n          \u003c\/button\u003e\n\u003cdiv class=\"abf-brand-track\"\u003e\n\u003carticle class=\"abf-brand-card is-white\"\u003e\n\u003cdiv class=\"abf-brand-card-media\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_pointing_at_woman_s_back_202608151401.webp?v=1786777580\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-card-copy\"\u003e\n\u003ch3\u003e\n                  SOMOS EXPERTOS EN CUIDADO CORPORAL\n                \u003c\/h3\u003e\n\u003cp\u003e\n                  Entendemos problemas de la piel corporal como el sudor, el exceso de grasa, la fricción y los folículos obstruidos que hacen que los bultos vuelvan una y otra vez.\n                \u003c\/p\u003e\n\u003cdiv class=\"abf-brand-mini\"\u003e\n\u003cspan\u003eEspalda\u003c\/span\u003e\n\u003cspan\u003ePecho\u003c\/span\u003e\n\u003cspan\u003eHombros\u003c\/span\u003e\n\u003cspan\u003eMuslos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-card is-green\"\u003e\n\u003cdiv class=\"abf-brand-card-media\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Cosmetic_formulation_product_adv__4K_202608151404_1.webp?v=1786778339\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-card-copy\"\u003e\n\u003ch3\u003e\n                  CONOCEMOS A FONDO LOS INGREDIENTES\n                \u003c\/h3\u003e\n\u003cp\u003e\n                  El melón amargo silvestre, BHA, aceite de árbol de té y Heartleaf trabajan juntos para exfoliar, purificar y calmar la piel corporal propensa a brotes.\n                \u003c\/p\u003e\n\u003cdiv class=\"abf-brand-mini\"\u003e\n\u003cspan\u003eMelón amargo silvestre\u003c\/span\u003e\n\u003cspan\u003eBHA\u003c\/span\u003e\n\u003cspan\u003eÁrbol de té\u003c\/span\u003e\n\u003cspan\u003eHeartleaf\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-card is-white\"\u003e\n\u003cdiv class=\"abf-brand-card-media\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Clinical_skin_before_and_after_202608151355.webp?v=1786777580\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-card-copy\"\u003e\n\u003ch3\u003e\n                  POR QUÉ LA GENTE CONFÍA EN ABERA FOLLICULITIS SHOWER GEL\n                \u003c\/h3\u003e\n\u003cp\u003e\n\u003cstrong\u003e92%\u003c\/strong\u003e notó menos bultos en la espalda y signos de foliculitis.\u003cbr\/\u003e\n\u003cstrong\u003e95%\u003c\/strong\u003e notó la piel más suave y con menos enrojecimiento visible en solo unas semanas.\n                \u003c\/p\u003e\n\u003cdiv class=\"abf-brand-mini\"\u003e\n\u003cspan\u003eResultados medidos\u003c\/span\u003e\n\u003cspan\u003eCambio visible\u003c\/span\u003e\n\u003cspan\u003ePocas semanas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-card is-green\"\u003e\n\u003cdiv class=\"abf-brand-card-media\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Cosmetic_formulation_product_adv__4K_202608151404.webp?v=1786777580\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-card-copy\"\u003e\n\u003ch3\u003e\n                  FORMULADO PARA UN TRATAMIENTO CORPORAL ESPECÍFICO\n                \u003c\/h3\u003e\n\u003cp\u003e\n                  Un gel de ducha específico diseñado para bultos corporales recurrentes, textura áspera y piel propensa a la foliculitis.\n                \u003c\/p\u003e\n\u003cdiv class=\"abf-brand-mini\"\u003e\n\u003cspan\u003eCuidado específico\u003c\/span\u003e\n\u003cspan\u003eUso diario\u003c\/span\u003e\n\u003cspan\u003eEnfoque corporal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-card is-white\"\u003e\n\u003cdiv class=\"abf-brand-card-media\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Cosmetic_formulation_product_adv__4K_2026s08151404.webp?v=1786778556\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-card-copy\"\u003e\n\u003ch3\u003e\n                  CON EL PODER DEL MELÓN AMARGO SILVESTRE\n                \u003c\/h3\u003e\n\u003cp\u003e\n                  Un gel de ducha enfocado en el tratamiento que ayuda a limpiar, destapar y mantener la piel corporal con una apariencia más limpia.\n                \u003c\/p\u003e\n\u003cdiv class=\"abf-brand-mini\"\u003e\n\u003cspan\u003eLimpiar\u003c\/span\u003e\n\u003cspan\u003eDestapar\u003c\/span\u003e\n\u003cspan\u003ePurificar\u003c\/span\u003e\n\u003cspan\u003eMantener\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-photo-card\"\u003e\n\u003cimg alt=\"Hombre sosteniendo ABERA Folliculitis Body Wash\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_1_6c9e8016-b200-49cb-951f-a9c09716aa7d.webp?v=1786777993\"\/\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-photo-card\"\u003e\n\u003cimg alt=\"Mujer sosteniendo ABERA Folliculitis Body Wash\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_3_f3fc4c4d-a776-47fe-94f0-f58ba9e80aa4.webp?v=1786777993\"\/\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-photo-card\"\u003e\n\u003cimg alt=\"Uso diario de ABERA Folliculitis Body Wash\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_4_15dc276f-d1a6-4cca-a743-75c26493d648.webp?v=1786777993\"\/\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"abf-brand-arrow abf-brand-next\" type=\"button\"\u003e\n            →\n          \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-dots\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BRAND → TREATMENT TRANSITION --\u003e\n\u003cp class=\"abf-brand-transition\"\u003e\n      FOLICULITIS • ACNÉ DE ESPALDA • ACNÉ CORPORAL • PIEL DE FRESA • QUERATOSIS PILARIS\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n02 — WILD BITTER MELON HERO\n\nIMAGE:\nPASTE_WILD_BITTER_MELON_HERO_IMAGE_URL\n\nSIZE:\n1200×1000 or 1200×1200\n\nFLOW:\nUPLOAD PRODUCT REFERENCE.\n\nVisual:\nABERA bottle + Wild Bitter Melon + green gel.\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-wbm\"\u003e\n\u003cdiv class=\"abf-wrap abf-two\"\u003e\n\u003cdiv class=\"abf-main-img\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Body_wash_product_hero_image_202608151436.webp?v=1786779691\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-big-copy\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        EL PODER DEL MELÓN AMARGO SILVESTRE\n      \u003c\/span\u003e\n\u003ch2\u003e\n        POR QUÉ EL MELÓN AMARGO SILVESTRE FUNCIONA CONTRA LA FOLICULITIS\u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003cp\u003e\n        El ingrediente estrella de \u003cstrong\u003eABERA Folliculitis Body Wash\u003c\/strong\u003e — ayuda a combatir los folículos obstruidos, la acumulación de hongos y el acné corporal recurrente.\n      \u003c\/p\u003e\n\u003cdiv class=\"abf-wbm-benefits\"\u003e\n\u003cdiv class=\"abf-benefit\"\u003e\n\u003cstrong\u003eCOMBATE LA FOLICULITIS\u003c\/strong\u003e\n\u003cp\u003e\n            Actúa sobre folículos obstruidos e inflamados.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-benefit\"\u003e\n\u003cstrong\u003eACCIÓN ANTIFÚNGICA\u003c\/strong\u003e\n\u003cp\u003e\n            Ayuda a eliminar la acumulación de hongos.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-benefit\"\u003e\n\u003cstrong\u003eDESTAPA LOS FOLÍCULOS\u003c\/strong\u003e\n\u003cp\u003e\n            Elimina grasa, células muertas y residuos.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-benefit\"\u003e\n\u003cstrong\u003eAYUDA A PREVENIR LA RECURRENCIA\u003c\/strong\u003e\n\u003cp\u003e\n            Ayuda a evitar que los bultos persistentes vuelvan.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n03 — WILD BITTER MELON STORY\nCompact history → research → product relevance\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-story\"\u003e\n\u003cdiv class=\"abf-wrap abf-two\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        USADO DURANTE GENERACIONES\n      \u003c\/span\u003e\n\u003cp\u003e\n        El melón amargo (\u003cem\u003eMomordica charantia\u003c\/em\u003e) se ha utilizado durante generaciones en prácticas ayurvédicas y tradicionales asiáticas de bienestar.\n      \u003c\/p\u003e\n\u003cp\u003e\n        La investigación moderna ha identificado compuestos naturales con actividad antioxidante, antiinflamatoria y antimicrobiana, una de las razones por las que el melón amargo silvestre se convirtió en el botánico distintivo de\n        \u003cstrong\u003eABERA Folliculitis Body Wash\u003c\/strong\u003e.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-main-img\"\u003e\n\u003cimg alt=\"Agricultor sosteniendo melón amargo silvestre\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Farmer_holding_bitter_melon_vine_202608151448.webp?v=1786780165\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n04 — RESULTS \/ BEFORE \u0026 AFTER PROOF\n\nNEW STRUCTURE:\n- 4 CARDS TOTAL\n- EACH CARD USES ONLY 1 COMPLETE IMAGE FILE\n- YOU DESIGN BEFORE + AFTER INSIDE THAT ONE IMAGE YOURSELF\n- DO NOT UPLOAD BEFORE AND AFTER AS SEPARATE HTML IMAGES\n\nRECOMMENDED IMAGE SIZE FOR ALL 4:\n1080 × 1350 px (4:5)\n\nSUGGESTED INTERNAL IMAGE LAYOUT:\nLEFT = BEFORE\nRIGHT = AFTER\n\nYou can put BEFORE \/ AFTER labels directly inside your designed image.\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-results\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        TRANSFORMACIÓN VISIBLE\n      \u003c\/span\u003e\n\u003ch2\u003e\n        RESULTADOS REALES EN SOLO 4 SEMANAS\n      \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-track abf-grid-4 abf-results-track\" data-carousel=\"\"\u003e\n\u003c!-- ==================================================\n      RESULT 01 — BACK ACNE \u0026 FOLLICULITIS\n\n      UPLOAD ONE COMPLETE BEFORE\/AFTER IMAGE:\n      PASTE_RESULT_BACK_BEFORE_AFTER_URL\n\n      Recommended:\n      1080 × 1350 px \/ 4:5\n      Same back area shown BEFORE + AFTER inside the single file.\n      ================================================== --\u003e\n\u003carticle class=\"abf-result-card\"\u003e\n\u003cdiv class=\"abf-result-image\"\u003e\n\u003cimg alt=\"Antes y después del tratamiento para acné de espalda y foliculitis\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1105-20241105034555-lo59z-ezgifcom-gif-to-webp-converter-20260715072644-mtvj3.webp?v=1786781353\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-result-copy\"\u003e\n\u003cspan class=\"abf-result-tag\"\u003e\n            ESPALDA\n          \u003c\/span\u003e\n\u003ch3\u003e\n            REDUCE EL ACNÉ DE ESPALDA\u003cbr\/\u003e\n            Y LA FOLICULITIS\n          \u003c\/h3\u003e\n\u003cp\u003e\n            Ayuda a reducir visiblemente los bultos foliculares persistentes, el enrojecimiento y la apariencia congestionada de la piel de la espalda.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ==================================================\n      RESULT 02 — CHEST \u0026 SHOULDER BREAKOUTS\n\n      UPLOAD ONE COMPLETE BEFORE\/AFTER IMAGE:\n      PASTE_RESULT_CHEST_BEFORE_AFTER_URL\n\n      Suggested area:\n      chest OR shoulder.\n      Both BEFORE + AFTER are already designed inside one image.\n      ================================================== --\u003e\n\u003carticle class=\"abf-result-card\"\u003e\n\u003cdiv class=\"abf-result-image\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/11051-20241105040542-fzl01-ezgifcom-gif-to-webp-converter-20260715072557-zu1pq.webp?v=1786781418\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-result-copy\"\u003e\n\u003cspan class=\"abf-result-tag\"\u003e\n            PECHO + HOMBROS\n          \u003c\/span\u003e\n\u003ch3\u003e\n            REDUCE LOS\u003cbr\/\u003e\n            BROTES CORPORALES\n          \u003c\/h3\u003e\n\u003cp\u003e\n            Actúa sobre folículos obstruidos y ayuda a calmar el enrojecimiento y la apariencia desigual de la piel del pecho y los hombros.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ==================================================\n      RESULT 03 — STRAWBERRY SKIN \u0026 ROUGH TEXTURE\n\n      UPLOAD ONE COMPLETE BEFORE\/AFTER IMAGE:\n      PASTE_RESULT_TEXTURE_BEFORE_AFTER_URL\n\n      Suggested area:\n      thigh or upper arm.\n      Rough follicular texture → smoother-looking skin.\n      ================================================== --\u003e\n\u003carticle class=\"abf-result-card\"\u003e\n\u003cdiv class=\"abf-result-image\"\u003e\n\u003cimg alt=\"Antes y después de piel de fresa y textura corporal áspera\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/11052-20241105040542-bxwym-ezgifcom-gif-to-webp-converter-20260715072317-as3z-ezgifcom-optiwebp-20260720064022-z_g6c.webp?v=1786781923\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-result-copy\"\u003e\n\u003cspan class=\"abf-result-tag\"\u003e\n            TEXTURA ÁSPERA\n          \u003c\/span\u003e\n\u003ch3\u003e\n            SUAVIZA LA PIEL DE FRESA\u003cbr\/\u003e\n            Y LA TEXTURA ÁSPERA\n          \u003c\/h3\u003e\n\u003cp\u003e\n            Ayuda a mejorar la apariencia de los folículos obstruidos y a recuperar una piel corporal más suave y uniforme.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ==================================================\n      RESULT 04 — INGROWN HAIRS \u0026 RECURRING BUMPS\n\n      UPLOAD ONE COMPLETE BEFORE\/AFTER IMAGE:\n      PASTE_RESULT_INGROWN_BEFORE_AFTER_URL\n\n      Suggested area:\n      thigh, arm or another shaving\/friction-prone body zone.\n      ================================================== --\u003e\n\u003carticle class=\"abf-result-card\"\u003e\n\u003cdiv class=\"abf-result-image\"\u003e\n\u003cimg alt=\"Antes y después de vellos encarnados y bultos corporales recurrentes\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/11054-20241105075910-ws4wj-ezgifcom-gif-to-webp-converter-20260715092652-rwb9c.webp?v=1786782810\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-result-copy\"\u003e\n\u003cspan class=\"abf-result-tag\"\u003e\n            BULTOS RECURRENTES\n          \u003c\/span\u003e\n\u003ch3\u003e\n            TRATA LOS VELLOS ENCARNADOS\u003cbr\/\u003e\n            Y LOS BULTOS RECURRENTES\n          \u003c\/h3\u003e\n\u003cp\u003e\n            Ayuda a mantener los folículos más despejados y reduce la apariencia de los bultos causados por el afeitado y la fricción.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-dots\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n05 — PROBLEM RECOGNITION\nDesktop: 4 cards in one row\nMobile: 2 × 2 grid — no carousel\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-problems\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        RECONOCE LAS SEÑALES\n      \u003c\/span\u003e\n\u003ch2\u003e\n        ¿TU PIEL\u003cbr\/\u003e\n        SE VE ASÍ?\n      \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-track abf-grid-4 abf-problem-track\"\u003e\n\u003carticle class=\"abf-problem\"\u003e\n\u003cimg alt=\"Bultos por foliculitis alrededor de los folículos pilosos\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/close-up-of-red-folliculitis-papules-on-skin-dr-chris-halescience-photo-library.jpg?v=1786783739\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eBultos por foliculitis\u003c\/h3\u003e\n\u003cp\u003e\n            Bultos rojos e inflamados alrededor de los folículos pilosos.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-problem\"\u003e\n\u003cimg alt=\"Acné de espalda y pecho\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Refresh-Medispa-Cosmetic-Conditions-BackAcne.webp?v=1786783738\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eAcné de espalda y pecho\u003c\/h3\u003e\n\u003cp\u003e\n            Brotes provocados por el sudor, la grasa y la fricción.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-problem\"\u003e\n\u003cimg alt=\"Vellos encarnados después del afeitado\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/how_to_prevent_ingrown_hairs_3454976.webp?v=1786783938\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eVellos encarnados\u003c\/h3\u003e\n\u003cp\u003e\n            Bultos elevados después del afeitado o la fricción.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-problem\"\u003e\n\u003cimg alt=\"Piel de fresa y queratosis pilaris\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/strawberry.jpg?v=1786783738\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003ePiel de fresa \/ KP\u003c\/h3\u003e\n\u003cp\u003e\n            Folículos oscuros y textura áspera e irregular.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n06 — MECHANISM\nAnimation explains the cycle.\nCards below act as a short visual legend.\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-mechanism\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        ROMPE EL CICLO\n      \u003c\/span\u003e\n\u003ch2\u003e\n        ¿POR QUÉ LA FOLICULITIS\u003cbr\/\u003e\n        SIGUE VOLVIENDO?\n      \u003c\/h2\u003e\n\u003cp class=\"abf-sub\"\u003e\n        El sudor, la grasa, las células muertas y la acumulación microbiana pueden mantener los folículos atrapados en el mismo ciclo de brotes.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-mechanism-visual\"\u003e\n\u003cimg alt=\"Animación del ciclo de brotes de foliculitis\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/logoremover_1786786362466-ezgif.com-video-to-webp-converter.webp?v=1786786671\"\/\u003e\n\u003cdiv class=\"abf-mechanism-caption\"\u003e\n        ABERA ACTÚA SOBRE EL FOLÍCULO, NO SOLO SOBRE LA SUCIEDAD SUPERFICIAL.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n07 — ACTIVE INGREDIENTS\nCompact formula breakdown\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-ingredients\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        FÓRMULA ESPECÍFICA\n      \u003c\/span\u003e\n\u003ch2\u003e\n        4 ACTIVOS. 4 FUNCIONES.\u003cbr\/\u003e\n        UN SOLO GEL DE DUCHA PARA LA FOLICULITIS.\n      \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-ing-grid\"\u003e\n\u003carticle class=\"abf-ing\"\u003e\n\u003cimg alt=\"Melón amargo silvestre\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Wild_bitter_melon_with_gel_202608151652.webp?v=1786787820\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eMelón amargo silvestre\u003c\/h3\u003e\n\u003cp\u003e\n            Botánico estrella para piel propensa a la foliculitis.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-ing\"\u003e\n\u003cimg alt=\"Corteza de sauce blanco, BHA natural\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Willow_bark_skincare_ingredient___202608151653.webp?v=1786787820\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eCorteza de sauce blanco — BHA natural\u003c\/h3\u003e\n\u003cp\u003e\n            Exfolia las células muertas y destapa los folículos.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-ing\"\u003e\n\u003cimg alt=\"Aceite de árbol de té\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Tea_tree_oil_ingredient_photography_202608151654.webp?v=1786787820\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eAceite de árbol de té\u003c\/h3\u003e\n\u003cp\u003e\n            Combate la acumulación de hongos y bacterias.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-ing\"\u003e\n\u003cimg alt=\"Heartleaf\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Heartleaf_skincare_ingredient_ma__4K_202608151655.webp?v=1786787820\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eHeartleaf\u003c\/h3\u003e\n\u003cp\u003e\n            Calma el enrojecimiento, la picazón y la irritación.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n08 — EXPERT VIDEO\nAuthority section — concise expert explanation\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-expert\"\u003e\n\u003cdiv class=\"abf-wrap abf-two\"\u003e\n\u003cdiv class=\"abf-video-box\" id=\"abf-expert-player\"\u003e\n\u003cvideo controlslist=\"nofullscreen nodownload noremoteplayback\" disablepictureinpicture=\"\" id=\"abf-expert-video\" playsinline=\"\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Dermatologist_examining_patient_OP.jpg?v=1786776649\" preload=\"metadata\" webkit-playsinline=\"\" x-webkit-airplay=\"deny\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/324395522d604d97829970f4eeb1a78e.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003cbutton aria-label=\"Reproducir video del experto\" class=\"abf-expert-play\" type=\"button\"\u003e\n\u003cspan class=\"abf-expert-play-icon\"\u003e▶\u003c\/span\u003e\n\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        EL EXPERTO EXPLICA\n      \u003c\/span\u003e\n\u003ch2\u003e\n        POR QUÉ UN GEL DE DUCHA COMÚN PUEDE NO SER SUFICIENTE.\n      \u003c\/h2\u003e\n\u003cp\u003e\n        Un gel de ducha común limpia la superficie. El tratamiento de la foliculitis necesita ir más allá: actuar sobre los folículos obstruidos, el exceso de grasa y la acumulación recurrente.\n      \u003c\/p\u003e\n\u003cul class=\"abf-checks abf-expert-checks\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eACTÚA SOBRE FOLÍCULOS OBSTRUIDOS\u003c\/strong\u003e\n\u003cspan\u003eNo solo sobre la suciedad superficial.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eELIMINA GRASA + CÉLULAS MUERTAS\u003c\/strong\u003e\n\u003cspan\u003eAyuda a mantener más despejadas las aberturas de los folículos.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCONTROLA LA ACUMULACIÓN RECURRENTE\u003c\/strong\u003e\n\u003cspan\u003eAyuda a mantener la piel corporal con una apariencia más limpia con el tiempo.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n09 — BODY ZONES\nCompact treatment-area overview\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-zones\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        CUIDADO CORPORAL ESPECÍFICO\n      \u003c\/span\u003e\n\u003ch2\u003e\n        ÚSALO DONDE\u003cbr\/\u003e\n        APARECEN LOS BULTOS.\n      \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-zone-track\"\u003e\n\u003cdiv class=\"abf-zone\"\u003e\n\u003cdiv class=\"abf-zone-media\"\u003e\n\u003cimg alt=\"Zona de tratamiento de la espalda\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_showing_back_skin_4K_202608171104.webp?v=1786940012\"\/\u003e\n\u003c\/div\u003e\n\u003cstrong\u003eESPALDA\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-zone\"\u003e\n\u003cdiv class=\"abf-zone-media\"\u003e\n\u003cimg alt=\"Zona de tratamiento del pecho\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_showing_chest_concern_zone_202608171105.webp?v=1786940012\"\/\u003e\n\u003c\/div\u003e\n\u003cstrong\u003ePECHO\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-zone\"\u003e\n\u003cdiv class=\"abf-zone-media\"\u003e\n\u003cimg alt=\"Zona de tratamiento de los hombros\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Model_showing_shoulder_skin_cond__202608171105.webp?v=1786940012\"\/\u003e\n\u003c\/div\u003e\n\u003cstrong\u003eHOMBROS\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-zone\"\u003e\n\u003cdiv class=\"abf-zone-media\"\u003e\n\u003cimg alt=\"Zona de tratamiento de los glúteos\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Model_showing_body_skincare_trea__202608171106.webp?v=1786940012\"\/\u003e\n\u003c\/div\u003e\n\u003cstrong\u003eGLÚTEOS\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-zone\"\u003e\n\u003cdiv class=\"abf-zone-media\"\u003e\n\u003cimg alt=\"Zona de tratamiento de los muslos\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Model_showing_thigh_skincare_zone_202608171106.webp?v=1786940012\"\/\u003e\n\u003c\/div\u003e\n\u003cstrong\u003eMUSLOS\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-zone\"\u003e\n\u003cdiv class=\"abf-zone-media\"\u003e\n\u003cimg alt=\"Zona de tratamiento de los brazos\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_showing_upper_arms_4K_202608171111.webp?v=1786940013\"\/\u003e\n\u003c\/div\u003e\n\u003cstrong\u003eBRAZOS\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n10 — HOW TO USE + PERFECT DUO\nOne continuous routine section:\nHow to use → stronger follow-up with BHA → bundle offer\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-use abf-routine-combo\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        RUTINA DIARIA DE TRATAMIENTO\n      \u003c\/span\u003e\n\u003ch2\u003e\n        60–120 SEGUNDOS\u003cbr\/\u003e\n        EN LA DUCHA.\n      \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-use-grid\"\u003e\n\u003carticle class=\"abf-use-card\"\u003e\n\u003cdiv class=\"abf-num\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eHumedece la piel\u003c\/h3\u003e\n\u003cp\u003eHumedece completamente las zonas afectadas.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-use-card\"\u003e\n\u003cdiv class=\"abf-num\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eHaz espuma\u003c\/h3\u003e\n\u003cp\u003eAplica ABERA sobre las zonas problemáticas.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-use-card\"\u003e\n\u003cdiv class=\"abf-num\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eMasajea\u003c\/h3\u003e\n\u003cp\u003eMasajea durante 60–120 segundos.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-use-card\"\u003e\n\u003cdiv class=\"abf-num\"\u003e4\u003c\/div\u003e\n\u003ch3\u003eEnjuaga\u003c\/h3\u003e\n\u003cp\u003eEnjuaga bien y úsalo de forma constante.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-routine-duo\"\u003e\n\u003cdiv class=\"abf-routine-duo-media\"\u003e\n\u003cimg alt=\"Dúo perfecto ABERA Folliculitis Shower Gel y BHA Back Acne Spray\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_applying_shower_foam_4K_202608171711.webp?v=1786961722\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-routine-duo-copy\"\u003e\n\u003cspan class=\"abf-duo-kicker\"\u003e\n          DÚO PERFECTO\n        \u003c\/span\u003e\n\u003ch3\u003e\n          POTENCIA TU RUTINA CON BHA.\n        \u003c\/h3\u003e\n\u003cp\u003e\n          Para bultos persistentes en la espalda, el pecho y zonas difíciles de alcanzar, después de la ducha usa ABERA BHA Back Acne Spray como cuidado exfoliante sin enjuague.\n        \u003c\/p\u003e\n\u003cdiv class=\"abf-routine-duo-steps\"\u003e\n\u003cdiv class=\"abf-routine-duo-step\"\u003e\n\u003cstrong\u003eGEL DE DUCHA\u003c\/strong\u003e\n\u003cspan\u003eLimpia + Destapa\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-routine-duo-step\"\u003e\n\u003cstrong\u003eSPRAY BHA\u003c\/strong\u003e\n\u003cspan\u003eExfolia + Trata\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-routine-offer\"\u003e\n          COMPRA 2 GELES DE DUCHA → RECIBE GRATIS 1 SPRAY BHA\n        \u003c\/div\u003e\n\u003ca class=\"abf-btn abf-buy-btn\" href=\"#\"\u003e\n          OBTÉN EL DÚO PERFECTO →\n        \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n11 — PRODUCT COMPARISON\nCompact two-column comparison\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-compare\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003ePOR QUÉ ABERA\u003c\/span\u003e\n\u003ch2\u003eGEL DE DUCHA COMÚN\u003cbr\/\u003eNO FUE CREADO PARA ESTO.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-compare-box\"\u003e\n\u003cdiv class=\"abf-compare-col is-regular\"\u003e\n\u003ch3 class=\"abf-compare-title\"\u003e\n          GEL DE DUCHA COMÚN\n        \u003c\/h3\u003e\n\u003cdiv class=\"abf-compare-product\"\u003e\n\u003cimg alt=\"Gel de ducha común\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/sua-tam-ko-nhan-20250211041614-3hpo4-20260715090117-odxcy.webp?v=1786938441\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eSolo limpieza superficial\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eSin cuidado específico de los folículos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eSin exfoliación con BHA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eSin cuidado específico para la acumulación\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eLos bultos pueden volver\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-compare-col is-abera\"\u003e\n\u003ch3 class=\"abf-compare-title\"\u003e\n          ABERA FOLLICULITIS\u003cbr\/\u003e\n          GEL DE DUCHA\n        \u003c\/h3\u003e\n\u003cdiv class=\"abf-compare-product\"\u003e\n\u003cimg alt=\"ABERA Folliculitis Shower Gel\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1_1_bba2e09e-d787-4148-9c9d-c3b8a7672a98.webp?v=1786938523\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eActúa sobre piel propensa a la foliculitis\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eLimpia profundamente los folículos obstruidos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eExfoliación con BHA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eCombate la acumulación de hongos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eAyuda a prevenir la recurrencia\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n12 — REAL CUSTOMER \/ KOC VIDEOS\n\nUPLOAD 9 VERTICAL MP4 VIDEOS:\nPASTE_KOC_VIDEO_01_URL\nPASTE_KOC_VIDEO_02_URL\nPASTE_KOC_VIDEO_03_URL\nPASTE_KOC_VIDEO_04_URL\nPASTE_KOC_VIDEO_05_URL\nPASTE_KOC_VIDEO_06_URL\nPASTE_KOC_VIDEO_07_URL\nPASTE_KOC_VIDEO_08_URL\nPASTE_KOC_VIDEO_09_URL\n\nRECOMMENDED:\n- 9:16 vertical video\n- MP4 \/ H.264\n- no review text underneath\n- only one video plays at a time\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-reviews\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003ch2\u003e\n        CLIENTES REALES\n      \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-koc-shell\"\u003e\n\u003cbutton aria-label=\"Videos anteriores de clientes\" class=\"abf-koc-arrow abf-koc-prev\" type=\"button\"\u003e\n        ←\n      \u003c\/button\u003e\n\u003cdiv class=\"abf-koc-track\"\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2aa65a66e666432091d284f00c0b170f.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/90a537e801f24e4aab87cf505a367d40.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c5c4d7284fe1465e982a0b0366d1acfe.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a09d92962f8f43d39d5f7c0340ee2769.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/7fe2094e761647b7ac83640b54b0be90.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a52a7093e2d343c7ac5b826e0f4e3987.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/71cf5584adb442e79072e6d2f4a6c0b4.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0f8f29778ed64156981de087147bf688.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/57ab10aa60d94663ac2ee96f392445e1.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cbutton aria-label=\"Siguientes videos de clientes\" class=\"abf-koc-arrow abf-koc-next\" type=\"button\"\u003e\n        →\n      \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-koc-dots\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n12B — QUALITY \u0026 SAFETY DOCUMENTATION\n\nCompact 2-column documentation section.\nPlaced directly after the KOC video carousel.\nStatic document cards — no click \/ no full-view link.\n\nDOCUMENT 01:\nhttps:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA.jpg?v=1786441226\n\nDOCUMENT 02:\nhttps:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA_2.jpg?v=1786441227\n============================================================ --\u003e\n\u003csection class=\"abf-docs\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        DOCUMENTACIÓN DE CALIDAD\n      \u003c\/span\u003e\n\u003ch2\u003e\n        CALIDAD DOCUMENTADA.\n      \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-doc-grid\"\u003e\n\u003cdiv class=\"abf-doc-card\"\u003e\n\u003cdiv class=\"abf-doc-image\"\u003e\n\u003cimg alt=\"Documentación de producto y seguridad de ABERA\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA.jpg?v=1786441226\"\/\u003e\n\u003c\/div\u003e\n\u003cspan class=\"abf-doc-label\"\u003e\n          PRODUCTO Y SEGURIDAD\n        \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-doc-card\"\u003e\n\u003cdiv class=\"abf-doc-image\"\u003e\n\u003cimg alt=\"Documentación de fabricación y calidad de ABERA\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA_2.jpg?v=1786441227\"\/\u003e\n\u003c\/div\u003e\n\u003cspan class=\"abf-doc-label\"\u003e\n          FABRICACIÓN Y CALIDAD\n        \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n13 — FINAL CTA\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-final abf-center\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n      COMIENZA TU TRATAMIENTO\n    \u003c\/span\u003e\n\u003ch2\u003e\n      TRATA LA FOLICULITIS.\u003cbr\/\u003e\n      ROMPE EL CICLO DE RECURRENCIA.\n    \u003c\/h2\u003e\n\u003cp class=\"abf-sub\"\u003e\n      Combate la foliculitis, los brotes corporales por hongos, el acné de espalda, los vellos encarnados y los bultos recurrentes con un tratamiento a base de melón amargo silvestre.\n    \u003c\/p\u003e\n\u003ca class=\"abf-btn abf-buy-btn\" href=\"#\"\u003e\n      COMPRA EL TRATAMIENTO ABERA PARA LA FOLICULITIS →\n    \u003c\/a\u003e\n\u003cdiv class=\"abf-note\"\u003e\n      Garantía de devolución de 30 días • Envío rápido en EE. UU. • Pago seguro\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n14 — FAQ\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-faq\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n        PREGUNTAS FRECUENTES SOBRE FOLICULITIS\n      \u003c\/span\u003e\n\u003ch2\u003e\n        ¿PREGUNTAS?\u003cbr\/\u003e\n        EMPIEZA AQUÍ.\n      \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-faq-list\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n          ¿Para qué sirve ABERA Folliculitis Treatment Body Wash?\n        \u003c\/summary\u003e\n\u003cp\u003e\n          ABERA está diseñado para tratar la foliculitis, los bultos corporales recurrentes, el acné de espalda y pecho, los brotes corporales por hongos, los vellos encarnados, la piel de fresa y la textura folicular áspera.\n        \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n          ¿Cómo ayuda el melón amargo silvestre con la foliculitis?\n        \u003c\/summary\u003e\n\u003cp\u003e\n          El melón amargo silvestre es el botánico distintivo del sistema de tratamiento ABERA. Actúa junto con BHA, aceite de árbol de té y Heartleaf sobre los folículos congestionados y propensos a problemas.\n        \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n          ¿Puedo usarlo para la foliculitis de espalda y pecho?\n        \u003c\/summary\u003e\n\u003cp\u003e\n          Sí. Está diseñado para zonas comúnmente afectadas, como la espalda, el pecho, los hombros, los brazos, los muslos y los glúteos.\n        \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n          ¿Trata la foliculitis por hongos?\n        \u003c\/summary\u003e\n\u003cp\u003e\n          El sistema de tratamiento combina melón amargo silvestre y aceite de árbol de té para combatir la acumulación de hongos, mientras que el BHA ayuda a eliminar la grasa y las células muertas atrapadas alrededor de los folículos.\n        \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n          ¿Puede ayudar a prevenir que la foliculitis vuelva?\n        \u003c\/summary\u003e\n\u003cp\u003e\n          El uso constante ayuda a mantener los folículos más limpios, eliminar la acumulación recurrente y conservar un entorno cutáneo más limpio para ayudar a prevenir la recurrencia.\n        \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n          ¿Con qué frecuencia debo usar ABERA Folliculitis Body Wash?\n        \u003c\/summary\u003e\n\u003cp\u003e\n          Úsalo de forma constante como parte de tu rutina de ducha. Masajea las zonas problemáticas durante aproximadamente 60–120 segundos antes de enjuagar bien.\n        \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n          ¿Puedo usarlo después de hacer ejercicio?\n        \u003c\/summary\u003e\n\u003cp\u003e\n          Sí. Es especialmente útil después de sudar porque ayuda a eliminar el sudor, el exceso de grasa y la acumulación de las zonas propensas a la foliculitis.\n        \u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function(){\n\n  const root = document.getElementById('abf-page');\n  if(!root) return;\n\n\n  \/* =========================================================\n  STANDARD MOBILE CAROUSELS\n  ========================================================= *\/\n\n  function setupStandardCarousels(){\n\n    const tracks = root.querySelectorAll('[data-carousel]');\n\n    tracks.forEach(function(track){\n\n      let dotsBox = track.nextElementSibling;\n\n      if(\n        !dotsBox ||\n        !dotsBox.classList.contains('abf-dots')\n      ){\n        dotsBox = track.parentElement.querySelector('.abf-dots');\n      }\n\n      if(!dotsBox) return;\n\n      const slides = Array.from(track.children);\n\n      dotsBox.innerHTML = '';\n\n      slides.forEach(function(slide,index){\n\n        const dot = document.createElement('button');\n\n        dot.className =\n          'abf-dot' +\n          (index === 0 ? ' active' : '');\n\n        dot.setAttribute(\n          'aria-label',\n          'Ir a la diapositiva ' + (index + 1)\n        );\n\n        dot.addEventListener('click',function(){\n\n          slide.scrollIntoView({\n            behavior:'smooth',\n            block:'nearest',\n            inline:'center'\n          });\n\n        });\n\n        dotsBox.appendChild(dot);\n\n      });\n\n\n      function updateDots(){\n\n        if(window.innerWidth \u003e 767) return;\n\n        const trackRect = track.getBoundingClientRect();\n\n        const center =\n          trackRect.left +\n          trackRect.width \/ 2;\n\n        let closestIndex = 0;\n        let closestDistance = Infinity;\n\n        slides.forEach(function(slide,index){\n\n          const rect = slide.getBoundingClientRect();\n\n          const slideCenter =\n            rect.left +\n            rect.width \/ 2;\n\n          const distance =\n            Math.abs(slideCenter - center);\n\n          if(distance \u003c closestDistance){\n\n            closestDistance = distance;\n            closestIndex = index;\n\n          }\n\n        });\n\n        dotsBox\n          .querySelectorAll('.abf-dot')\n          .forEach(function(dot,index){\n\n            dot.classList.toggle(\n              'active',\n              index === closestIndex\n            );\n\n          });\n\n      }\n\n\n      let ticking = false;\n\n      track.addEventListener(\n        'scroll',\n        function(){\n\n          if(!ticking){\n\n            requestAnimationFrame(function(){\n\n              updateDots();\n\n              ticking = false;\n\n            });\n\n            ticking = true;\n\n          }\n\n        },\n        {passive:true}\n      );\n\n      updateDots();\n\n    });\n\n  }\n\n  setupStandardCarousels();\n\n\n  \/* =========================================================\n  BRAND CAROUSEL\n  Includes normal cards + lifestyle photo cards\n  ========================================================= *\/\n\n  const brandTrack =\n    root.querySelector('.abf-brand-track');\n\n  if(brandTrack){\n\n    const brandSlides =\n      Array.from(\n        brandTrack.children\n      );\n\n    const prev =\n      root.querySelector('.abf-brand-prev');\n\n    const next =\n      root.querySelector('.abf-brand-next');\n\n    const dotsBox =\n      root.querySelector('.abf-brand-dots');\n\n    if(\n      brandSlides.length \u0026\u0026\n      dotsBox\n    ){\n\n      dotsBox.innerHTML = '';\n\n      brandSlides.forEach(function(slide,index){\n\n        const dot =\n          document.createElement('button');\n\n        dot.className =\n          'abf-brand-dot' +\n          (index === 0 ? ' active' : '');\n\n        dot.setAttribute(\n          'aria-label',\n          'Ir a la diapositiva de marca ' +\n          (index + 1)\n        );\n\n        dot.addEventListener(\n          'click',\n          function(){\n\n            slide.scrollIntoView({\n              behavior:'smooth',\n              block:'nearest',\n              inline:'start'\n            });\n\n          }\n        );\n\n        dotsBox.appendChild(dot);\n\n      });\n\n\n      function getBrandIndex(){\n\n        const trackRect =\n          brandTrack.getBoundingClientRect();\n\n        const start =\n          trackRect.left;\n\n        let closest = 0;\n        let distance = Infinity;\n\n        brandSlides.forEach(\n          function(slide,index){\n\n            const rect =\n              slide.getBoundingClientRect();\n\n            const currentDistance =\n              Math.abs(\n                rect.left -\n                start\n              );\n\n            if(\n              currentDistance \u003c\n              distance\n            ){\n\n              distance =\n                currentDistance;\n\n              closest =\n                index;\n\n            }\n\n          }\n        );\n\n        return closest;\n\n      }\n\n\n      function updateBrandDots(){\n\n        const current =\n          getBrandIndex();\n\n        dotsBox\n          .querySelectorAll('.abf-brand-dot')\n          .forEach(\n            function(dot,index){\n\n              dot.classList.toggle(\n                'active',\n                index === current\n              );\n\n            }\n          );\n\n      }\n\n\n      function moveBrand(direction){\n\n        let current =\n          getBrandIndex();\n\n        current += direction;\n\n        if(current \u003c 0){\n          current =\n            brandSlides.length - 1;\n        }\n\n        if(\n          current \u003e=\n          brandSlides.length\n        ){\n          current = 0;\n        }\n\n        brandSlides[current]\n          .scrollIntoView({\n\n            behavior:'smooth',\n            block:'nearest',\n            inline:'start'\n\n          });\n\n      }\n\n\n      if(prev){\n\n        prev.addEventListener(\n          'click',\n          function(){\n            moveBrand(-1);\n          }\n        );\n\n      }\n\n\n      if(next){\n\n        next.addEventListener(\n          'click',\n          function(){\n            moveBrand(1);\n          }\n        );\n\n      }\n\n\n      let brandTicking = false;\n\n      brandTrack.addEventListener(\n        'scroll',\n        function(){\n\n          if(!brandTicking){\n\n            requestAnimationFrame(\n              function(){\n\n                updateBrandDots();\n\n                brandTicking = false;\n\n              }\n            );\n\n            brandTicking = true;\n\n          }\n\n        },\n        {passive:true}\n      );\n\n      updateBrandDots();\n\n    }\n\n  }\n\n\n\n  \/* =========================================================\n  KOC VIDEO CAROUSEL\n  9 vertical videos \/ only one plays at a time\n  ========================================================= *\/\n\n  const kocTrack = root.querySelector('.abf-koc-track');\n\n  if(kocTrack){\n\n    const kocCards = Array.from(\n      kocTrack.querySelectorAll('.abf-koc-card')\n    );\n\n    const kocVideos = Array.from(\n      kocTrack.querySelectorAll('.abf-koc-video')\n    );\n\n    const kocPrev =\n      root.querySelector('.abf-koc-prev');\n\n    const kocNext =\n      root.querySelector('.abf-koc-next');\n\n    const kocDotsBox =\n      root.querySelector('.abf-koc-dots');\n\n\n    \/* Prime a real video frame as the thumbnail.\n       Videos stay paused; only a tiny range is requested when near viewport. *\/\n\n    function primeKocThumbnail(video){\n\n      if(video.dataset.abfThumbPrimed === '1') return;\n      video.dataset.abfThumbPrimed = '1';\n\n      function seekToPreviewFrame(){\n\n        try{\n          if(video.duration \u0026\u0026 isFinite(video.duration)){\n            video.currentTime = Math.min(0.12, Math.max(0.04, video.duration * 0.01));\n          }else{\n            video.currentTime = 0.12;\n          }\n        }catch(e){}\n\n      }\n\n      if(video.readyState \u003e= 1){\n        seekToPreviewFrame();\n      }else{\n        video.addEventListener('loadedmetadata',seekToPreviewFrame,{once:true});\n        video.load();\n      }\n\n    }\n\n\n    if('IntersectionObserver' in window){\n\n      const kocThumbObserver = new IntersectionObserver(\n        function(entries){\n\n          entries.forEach(function(entry){\n\n            if(entry.isIntersecting){\n              primeKocThumbnail(entry.target);\n              kocThumbObserver.unobserve(entry.target);\n            }\n\n          });\n\n        },\n        {rootMargin:'350px 0px'}\n      );\n\n      kocVideos.forEach(function(video){\n        kocThumbObserver.observe(video);\n      });\n\n    }else{\n\n      kocVideos.forEach(primeKocThumbnail);\n\n    }\n\n\n    \/* Only one video can play at a time *\/\n\n    kocVideos.forEach(function(video){\n\n      video.addEventListener('play',function(){\n\n        kocVideos.forEach(function(other){\n\n          if(other !== video){\n            other.pause();\n          }\n\n        });\n\n      });\n\n    });\n\n\n    \/* Dots *\/\n\n    if(kocDotsBox \u0026\u0026 kocCards.length){\n\n      kocDotsBox.innerHTML = '';\n\n      kocCards.forEach(function(card,index){\n\n        const dot =\n          document.createElement('button');\n\n        dot.className =\n          'abf-koc-dot' +\n          (index === 0 ? ' active' : '');\n\n        dot.setAttribute(\n          'aria-label',\n          'Ir al video de cliente ' + (index + 1)\n        );\n\n        dot.addEventListener(\n          'click',\n          function(){\n\n            card.scrollIntoView({\n              behavior:'smooth',\n              block:'nearest',\n              inline:'start'\n            });\n\n          }\n        );\n\n        kocDotsBox.appendChild(dot);\n\n      });\n\n\n      function getKocIndex(){\n\n        const trackRect =\n          kocTrack.getBoundingClientRect();\n\n        const start =\n          trackRect.left;\n\n        let closest = 0;\n        let distance = Infinity;\n\n        kocCards.forEach(function(card,index){\n\n          const rect =\n            card.getBoundingClientRect();\n\n          const current =\n            Math.abs(rect.left - start);\n\n          if(current \u003c distance){\n\n            distance = current;\n            closest = index;\n\n          }\n\n        });\n\n        return closest;\n\n      }\n\n\n      function updateKocDots(){\n\n        const current =\n          getKocIndex();\n\n        kocDotsBox\n          .querySelectorAll('.abf-koc-dot')\n          .forEach(function(dot,index){\n\n            dot.classList.toggle(\n              'active',\n              index === current\n            );\n\n          });\n\n      }\n\n\n      function moveKoc(direction){\n\n        let current =\n          getKocIndex();\n\n        current += direction;\n\n        if(current \u003c 0){\n          current = kocCards.length - 1;\n        }\n\n        if(current \u003e= kocCards.length){\n          current = 0;\n        }\n\n        kocCards[current]\n          .scrollIntoView({\n            behavior:'smooth',\n            block:'nearest',\n            inline:'start'\n          });\n\n      }\n\n\n      if(kocPrev){\n\n        kocPrev.addEventListener(\n          'click',\n          function(){\n            moveKoc(-1);\n          }\n        );\n\n      }\n\n\n      if(kocNext){\n\n        kocNext.addEventListener(\n          'click',\n          function(){\n            moveKoc(1);\n          }\n        );\n\n      }\n\n\n      let kocTicking = false;\n\n      kocTrack.addEventListener(\n        'scroll',\n        function(){\n\n          if(!kocTicking){\n\n            requestAnimationFrame(function(){\n\n              updateKocDots();\n              kocTicking = false;\n\n            });\n\n            kocTicking = true;\n\n          }\n\n        },\n        {passive:true}\n      );\n\n\n      updateKocDots();\n\n    }\n\n  }\n\n\n\n  \/* =========================================================\n  EXPERT VIDEO — INLINE PLAY \/ PAUSE\n  Doctor video only. KOC players are untouched.\n  ========================================================= *\/\n\n  const expertPlayer =\n    root.querySelector('#abf-expert-player');\n\n  const expertVideo =\n    root.querySelector('#abf-expert-video');\n\n  const expertPlayButton =\n    expertPlayer\n      ? expertPlayer.querySelector('.abf-expert-play')\n      : null;\n\n  if(expertPlayer \u0026\u0026 expertVideo \u0026\u0026 expertPlayButton){\n\n    function playExpertVideo(){\n\n      expertVideo.play()\n        .then(function(){\n          expertPlayer.classList.add('is-playing');\n        })\n        .catch(function(){\n          expertPlayer.classList.remove('is-playing');\n        });\n\n    }\n\n    function pauseExpertVideo(){\n      expertVideo.pause();\n      expertPlayer.classList.remove('is-playing');\n    }\n\n    expertPlayButton.addEventListener('click',function(event){\n      event.preventDefault();\n      event.stopPropagation();\n      playExpertVideo();\n    });\n\n    expertVideo.addEventListener('click',function(){\n      if(expertVideo.paused){\n        playExpertVideo();\n      }else{\n        pauseExpertVideo();\n      }\n    });\n\n    expertVideo.addEventListener('play',function(){\n      expertPlayer.classList.add('is-playing');\n    });\n\n    expertVideo.addEventListener('pause',function(){\n      expertPlayer.classList.remove('is-playing');\n    });\n\n    expertVideo.addEventListener('ended',function(){\n      expertPlayer.classList.remove('is-playing');\n      try{\n        expertVideo.currentTime = 0;\n      }catch(e){}\n    });\n\n  }\n\n  \/* =========================================================\n  CTA SCROLL TO SHOPIFY PRODUCT FORM\n  ========================================================= *\/\n\n  const buyButtons =\n    root.querySelectorAll(\n      '.abf-buy-btn'\n    );\n\n  buyButtons.forEach(function(button){\n\n    button.addEventListener(\n      'click',\n      function(event){\n\n        event.preventDefault();\n\n        const possibleTargets = [\n\n          document.querySelector('.product-form'),\n\n          document.querySelector('.product__info-container'),\n\n          document.querySelector('[id^=\"ProductInfo-\"]'),\n\n          document.querySelector('product-info'),\n\n          document.querySelector('form[action*=\"\/cart\/add\"]')\n\n        ];\n\n        const target =\n          possibleTargets.find(Boolean);\n\n        if(target){\n\n          target.scrollIntoView({\n            behavior:'smooth',\n            block:'center'\n          });\n\n        }else{\n\n          window.scrollTo({\n            top:0,\n            behavior:'smooth'\n          });\n\n        }\n\n      }\n    );\n\n  });\n\n})();\n\u003c\/script\u003e","brand":"ABERA US","offers":[{"title":"1 CAJA","offer_id":53838772011376,"sku":"CB-GTABERA087+SL1","price":34.95,"currency_code":"USD","in_stock":true},{"title":"COMPRA 2 (AHORRA 15%) + SPRAY BHA PARA EL ACNÉ DE LA ESPALDA DE REGALO","offer_id":54017347846512,"sku":"CB-GTABERA087+SL2-CB-BHA059+SL1","price":67.95,"currency_code":"USD","in_stock":true},{"title":"1 CAJA + 1 CHAMPÚ DE GINSENG","offer_id":54073073369456,"sku":"CB-GTABERA087+SL1-CB-LANGBIAN096+SL1","price":49.95,"currency_code":"USD","in_stock":true},{"title":"3 CAJAS (Ahorra un 35%)","offer_id":54017347879280,"sku":"CB-GTABERA087+SL3","price":72.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/nh_330b8023-2e57-46d8-aa5a-c95a5728ee79.webp?v=1786950821"},{"product_id":"abera-maximum-strength-nail-repair-serum","title":"Abera Maximum Strength Nail Repair Serum","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e𝐃𝐮𝐚𝐥-𝐀𝐜𝐭𝐢𝐨𝐧 𝐑𝐞𝐬𝐭𝐨𝐫𝐚𝐭𝐢𝐨𝐧: Combines nourishment and repair to target multiple nail issues.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e𝐈𝐧𝐭𝐞𝐧𝐬𝐢𝐯𝐞 𝐍𝐮𝐭𝐫𝐢𝐞𝐧𝐭 𝐃𝐞𝐥𝐢𝐯𝐞𝐫𝐲: Strengthens weak nails while removing stains and discoloration.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e𝐒𝐮𝐩𝐩𝐨𝐫𝐭𝐬 𝐍𝐚𝐭𝐮𝐫𝐚𝐥 𝐆𝐫𝐨𝐰𝐭𝐡: Encourages healthy nail development and prevents deformities.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e𝐏𝐫𝐞𝐦𝐢𝐮𝐦 𝐅𝐨𝐫𝐦𝐮𝐥𝐚𝐭𝐢𝐨𝐧: Lightweight drops absorb quickly for maximum comfort and effectiveness.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\n\u003cspan class=\"a-list-item\"\u003e𝐂𝐡𝐨𝐨𝐬𝐞 𝐀𝐛𝐞𝐫𝐚 𝐂𝐨𝐦𝐛𝐨 𝐏𝐫𝐞𝐦𝐢𝐮𝐦: for a versatile solution that promotes healthy, resilient, and flawless nails every day.\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan class=\"a-list-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/dab53bd5-8a84-49cf-b5d9-e2aa0008b092.__CR0_0_1959_803_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/406097ed-2bc5-40ce-a65b-14cb00f2e4ed.__CR0_0_1959_803_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/beafa611-c9f2-4d5b-a212-ec0cbf3e0050.__CR0_0_1464_600_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/7590cbe2-0f2f-4d0a-a0f5-966214bd0220.__CR0_0_1958_802_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/f5609854-8fe6-4024-9262-b3ee27ba639c.__CR0_1_1957_802_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/16dc8048-5e0f-4a4d-a2e1-95ec9203b068.__CR0_80_1774_727_PT0_SX1464_V1.webp?v=1787212518\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/p\u003e","brand":"Abera","offers":[{"title":"Set 1 Box","offer_id":54199174168944,"sku":"NAILFG048","price":29.95,"currency_code":"USD","in_stock":true},{"title":"Set 2 Boxes","offer_id":54199174201712,"sku":"NAILFG048+SL2","price":49.95,"currency_code":"USD","in_stock":true},{"title":"Set 3 Boxes","offer_id":54199214014832,"sku":"NAILFG048+SL3","price":69.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/61D6NZyBgsL._SL1500.webp?v=1787212519"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/collections\/bodycare.webp?v=1788583362","url":"https:\/\/www.dasuho.com\/es\/collections\/body-care.oembed","provider":"DASUHO","version":"1.0","type":"link"}