{"title":"Cuidado Corporal","description":null,"products":[{"product_id":"collagen-neck-cream","title":"Crema de Colágeno para Cuello Oscuro y Cuello Arrugado","description":"\u003c!-- ============================================================= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ====  PEGA DESDE AQUÍ EN SHOPIFY  (inicio)  ================ --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ============================================================= --\u003e\n\u003cstyle\u003e\n  #abera-ncc{\n    --plum:#3B2A3A; --plum-soft:#5A4453; --bronze:#B07A46; --bronze-deep:#8A5C30;\n    --blush:#F6EFEC; --blush-deep:#EFE3DD; --cream:#FFFDFB; --ink:#2B2028; --line:#E4D5CE;\n    font-family:'Inter',-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n    color:var(--ink); line-height:1.6; font-size:16px; background:var(--cream);\n    max-width:100%; margin:0 auto; -webkit-font-smoothing:antialiased;\n  }\n  #abera-ncc *{box-sizing:border-box;}\n  #abera-ncc h1,#abera-ncc h2,#abera-ncc h3{font-family:'Fraunces',Georgia,serif; font-weight:500; color:var(--plum); line-height:1.15; margin:0;}\n  #abera-ncc p{margin:0 0 1em;}\n  #abera-ncc .ncc-wrap{padding:0 22px;}\n  #abera-ncc .ncc-eyebrow{font-family:'Inter',sans-serif; font-weight:600; letter-spacing:.14em; text-transform:uppercase; font-size:12px; color:var(--bronze-deep); margin:0 0 14px;}\n \n  \/* HERO *\/\n  #abera-ncc .ncc-hero{background:linear-gradient(160deg,#4A3444 0%,#3B2A3A 60%,#2E2030 100%); color:#F6EFEC; padding:52px 26px 46px; text-align:center;}\n  #abera-ncc .ncc-hero .ncc-eyebrow{color:#E3B98C;}\n  #abera-ncc .ncc-hero h1{color:#FFFDFB; font-size:33px; letter-spacing:-.01em;}\n  #abera-ncc .ncc-hero h1 em{font-style:italic; color:#E3B98C;}\n  #abera-ncc .ncc-sub{max-width:530px; margin:16px auto 0; color:#E7D9D1; font-size:17px;}\n  #abera-ncc .ncc-trustrow{display:flex; flex-wrap:wrap; gap:10px 22px; justify-content:center; margin-top:26px; font-size:13.5px; color:#F0E4DC; font-weight:500;}\n  #abera-ncc .ncc-trustrow span{display:inline-flex; align-items:center; gap:7px;}\n  #abera-ncc .ncc-trustrow b{color:#E3B98C; font-weight:700;}\n \n  \/* SECTION SHELL *\/\n  #abera-ncc .ncc-sec{padding:46px 0;}\n  #abera-ncc .ncc-sec.tint{background:var(--blush);}\n  #abera-ncc .ncc-sec.dark{background:linear-gradient(160deg,#4A3444,#2E2030); color:#E7D9D1;}\n  #abera-ncc .ncc-sec.dark h2{color:#FFFDFB;} #abera-ncc .ncc-sec.dark .ncc-eyebrow{color:#E3B98C;}\n  #abera-ncc .ncc-sec h2{font-size:26px; margin-bottom:8px;}\n  #abera-ncc .ncc-lede{color:var(--plum-soft); font-size:17px; max-width:600px;}\n  #abera-ncc .ncc-sec.dark .ncc-lede{color:#E7D9D1;}\n  #abera-ncc .ncc-body{font-size:16px; max-width:600px;}\n \n  \/* DE-SHAME callout *\/\n  #abera-ncc .ncc-note{background:var(--cream); border:1px solid var(--line); border-left:4px solid var(--bronze); border-radius:12px; padding:18px 20px; margin-top:22px;}\n  #abera-ncc .ncc-note b{color:var(--plum);}\n \n  \/* MECHANISM actives *\/\n  #abera-ncc .ncc-mech{display:grid; gap:12px; margin-top:24px;}\n  #abera-ncc .ncc-mech .m{display:flex; gap:14px; align-items:flex-start; background:var(--cream); border:1px solid var(--line); border-radius:12px; padding:16px 18px;}\n  #abera-ncc .ncc-mech .m .k{flex:0 0 auto; font-family:'Fraunces',serif; font-size:15px; font-weight:600; color:#fff; background:linear-gradient(135deg,var(--bronze),var(--bronze-deep)); padding:6px 12px; border-radius:99px; white-space:nowrap;}\n  #abera-ncc .ncc-mech .m p{margin:0; font-size:14.5px; color:var(--plum-soft);}\n  #abera-ncc .ncc-mech .m b{color:var(--plum);}\n \n  \/* CAROUSEL *\/\n  #abera-ncc .ncc-carousel{position:relative; margin-top:22px;}\n  #abera-ncc .ncc-track{display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; border-radius:14px;}\n  #abera-ncc .ncc-track::-webkit-scrollbar{display:none;}\n  #abera-ncc .ncc-slide{flex:0 0 100%; scroll-snap-align:center;}\n  #abera-ncc .ncc-slide img{width:100%; display:block; border-radius:14px;}\n  #abera-ncc .ncc-arrow{position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border-radius:50%; border:none; background:rgba(59,42,58,.72); color:#fff; font-size:20px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:2;}\n  #abera-ncc .ncc-arrow:hover{background:rgba(59,42,58,.9);}\n  #abera-ncc .ncc-arrow.prev{left:10px;}\n  #abera-ncc .ncc-arrow.next{right:10px;}\n  #abera-ncc .ncc-dots{display:flex; gap:8px; justify-content:center; margin-top:14px;}\n  #abera-ncc .ncc-dot{width:9px; height:9px; border-radius:50%; background:var(--line); border:none; cursor:pointer; padding:0;}\n  #abera-ncc .ncc-dot.active{background:var(--bronze);}\n  #abera-ncc .ncc-swipehint{text-align:center; font-size:12.5px; color:var(--plum-soft); margin-top:12px; letter-spacing:.02em;}\n \n  \/* BENEFIT CARDS *\/\n  #abera-ncc .ncc-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:26px;}\n  #abera-ncc .ncc-card{background:var(--cream); border:1px solid var(--line); border-radius:14px; padding:22px 18px;}\n  #abera-ncc .ncc-card .ic{width:44px; height:44px; border-radius:11px; background:var(--blush-deep); display:flex; align-items:center; justify-content:center; margin-bottom:14px;}\n  #abera-ncc .ncc-card h3{font-size:17px; margin-bottom:7px;}\n  #abera-ncc .ncc-card p{font-size:14px; color:var(--plum-soft); margin-bottom:0;}\n \n  \/* INGREDIENTS *\/\n  #abera-ncc .ncc-ing{display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:24px;}\n  #abera-ncc .ncc-ing .row{display:flex; gap:14px; align-items:center; background:var(--cream); border:1px solid var(--line); border-radius:12px; padding:12px;}\n  #abera-ncc .ncc-ing-img{flex:0 0 33%; width:33%; aspect-ratio:1\/1; border-radius:12px; object-fit:cover; display:block;}\n  #abera-ncc .ncc-ing b{display:block; color:var(--plum); font-size:15px;}\n  #abera-ncc .ncc-ing span{font-size:13.5px; color:var(--plum-soft);}\n \n  \/* TIMELINE *\/\n  #abera-ncc .ncc-steps{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:26px;}\n  #abera-ncc .ncc-step .n{font-family:'Fraunces',serif; font-size:34px; color:var(--bronze); line-height:1; display:block; margin-bottom:8px;}\n  #abera-ncc .ncc-step h3{font-size:16px; margin-bottom:5px;}\n  #abera-ncc .ncc-step p{font-size:14px; color:var(--plum-soft); margin-bottom:0;}\n \n  \/* FEATURE (roller) *\/\n  #abera-ncc .ncc-feature{display:grid; grid-template-columns:1fr 1fr; gap:26px; align-items:center;}\n  #abera-ncc .ncc-feature ul{list-style:none; padding:0; margin:18px 0 0; display:grid; gap:12px;}\n  #abera-ncc .ncc-feature li{display:flex; gap:11px; font-size:15px;}\n  #abera-ncc .ncc-feature li b{color:var(--plum);}\n  #abera-ncc .ncc-feature li svg{flex:0 0 20px; margin-top:3px;}\n \n  \/* SECONDARY firm\/smooth *\/\n  #abera-ncc .ncc-second{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center;}\n  #abera-ncc .ncc-second img{width:100%; border-radius:14px; display:block;}\n \n  \/* GUARANTEE BAR *\/\n  #abera-ncc .ncc-bar{background:var(--plum); color:#F0E4DC; border-radius:16px; padding:30px 26px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; text-align:center;}\n  #abera-ncc .ncc-bar h3{color:#E3B98C; font-size:16px; margin-bottom:5px;}\n  #abera-ncc .ncc-bar p{font-size:13.5px; color:#E7D9D1; margin-bottom:0;}\n \n  \/* FAQ *\/\n  #abera-ncc .ncc-faq{margin-top:22px; border-top:1px solid var(--line);}\n  #abera-ncc .ncc-faq details{border-bottom:1px solid var(--line);}\n  #abera-ncc .ncc-faq summary{cursor:pointer; list-style:none; padding:17px 4px; font-weight:600; color:var(--plum); font-size:16px; display:flex; justify-content:space-between; align-items:center; gap:16px;}\n  #abera-ncc .ncc-faq summary::-webkit-details-marker{display:none;}\n  #abera-ncc .ncc-faq summary::after{content:\"+\"; font-size:22px; color:var(--bronze); font-weight:400; line-height:1;}\n  #abera-ncc .ncc-faq details[open] summary::after{content:\"\\2013\";}\n  #abera-ncc .ncc-faq p{padding:0 4px 18px; color:var(--plum-soft); font-size:15px; margin:0;}\n \n  \/* FINAL CTA *\/\n  #abera-ncc .ncc-final{background:linear-gradient(160deg,#4A3444,#2E2030); color:#F6EFEC; text-align:center; padding:48px 26px;}\n  #abera-ncc .ncc-final h2{color:#FFFDFB; font-size:28px;}\n  #abera-ncc .ncc-final p{color:#E7D9D1; max-width:470px; margin:14px auto 0;}\n  #abera-ncc .ncc-cta-btn{display:inline-block; margin-top:24px; background:#E3B98C; color:var(--plum); font-family:'Inter',sans-serif; font-weight:700; font-size:16px; letter-spacing:.02em; text-decoration:none; padding:16px 34px; border-radius:99px; border:none; cursor:pointer; transition:transform .15s ease, background .15s ease;}\n  #abera-ncc .ncc-cta-btn:hover{background:#EFCBA3; transform:translateY(-2px);}\n \n  \/* MOBILE *\/\n  @media (max-width:600px){\n    #abera-ncc .ncc-hero h1{font-size:26px;}\n    #abera-ncc .ncc-cards,#abera-ncc .ncc-ing,#abera-ncc .ncc-feature,#abera-ncc .ncc-steps,#abera-ncc .ncc-bar,#abera-ncc .ncc-second{grid-template-columns:1fr;}\n    #abera-ncc .ncc-sec h2{font-size:22px;}\n  }\n\u003c\/style\u003e\n\u003cdiv id=\"abera-ncc\"\u003e\n\n\u003c!-- ========== HERO ========== --\u003e\u003cheader class=\"ncc-hero\"\u003e\n\u003cp class=\"ncc-eyebrow\"\u003eTratamiento específico para el cuello oscuro\u003c\/p\u003e\n\n\u003ch1\u003eAtenúa el cuello oscuro y opaco — \u003cem\u003eel que frotar nunca logra limpiar\u003c\/em\u003e\n\n\u003c\/h1\u003e\n\n\u003cp class=\"ncc-sub\"\u003eUna crema roll-on diseñada para atenuar visiblemente la piel oscura y engrosada que suele asociarse con la acantosis nigricans, gracias a nuestro Complejo Bloqueador de Melanina. También reafirma y suaviza.\u003c\/p\u003e\n\n\u003cdiv class=\"ncc-trustrow\"\u003e\n\n\u003cspan\u003e✔ Resultados visibles en tan solo \u003cb\u003e5 aplicaciones\u003c\/b\u003e\u003c\/span\u003e \u003cspan\u003e✔ Complejo \u003cb\u003eBloqueador de Melanina\u003c\/b\u003e\u003c\/span\u003e \u003cspan\u003e✔ Roll-on, \u003cb\u003esin ensuciar\u003c\/b\u003e\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003c\/header\u003e\u003c!-- ========== ELIMINAR LA VERGÜENZA ========== --\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 culpa tuya.\u003c\/h2\u003e\n\n\u003cp class=\"ncc-body\"\u003eSi la piel de tu cuello se ve oscura, opaca o «sucia» por mucho que te 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 reacción cutánea común relacionada con las hormonas, la insulina, la fricción o la genética.\u003c\/p\u003e\n\n\u003cdiv class=\"ncc-note\"\u003e\n\n\u003cp style=\"margin: 0;\"\u003e\u003cb\u003eEsto es lo que nadie te cuenta:\u003c\/b\u003e el pigmento se encuentra \u003cem\u003edentro\u003c\/em\u003e de la piel, no sobre ella. Por eso el jabón y frotar no pueden eliminarlo, y por eso frotar con fuerza puede incluso empeorar el oscurecimiento.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- IMAGEN: primer plano de un cuello oscuro --\u003e\n\u003cdiv style=\"margin-top: 24px;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-dark-neck-before-after.webp?v=1786444466\" alt=\"Piel oscura y engrosada del cuello asociada con la acantosis nigricans\" style=\"width: 100%; border-radius: 14px; display: block;\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ========== ANTES \/ DESPUÉS DESLIZABLE ========== --\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\n\u003c\/div\u003e\n\n\u003cbutton class=\"ncc-arrow prev\"\u003e‹\u003c\/button\u003e \u003cbutton class=\"ncc-arrow next\"\u003e›\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ncc-dots\"\u003e\n\n\u003cbutton class=\"ncc-dot active\"\u003e\u003c\/button\u003e \u003cbutton class=\"ncc-dot\"\u003e\u003c\/button\u003e \u003cbutton class=\"ncc-dot\"\u003e\u003c\/button\u003e \u003cbutton class=\"ncc-dot\"\u003e\u003c\/button\u003e\n\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\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ========== CRONOGRAMA ========== --\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 visibles rápidamente. Máxima eficacia hacia la sexta semana.\u003c\/h2\u003e\n\n\u003cp class=\"ncc-lede\"\u003eSin frases vagas como «los resultados pueden tardar meses». Este es el cronograma real.\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\n\u003ch3\u003ePrimeras 5 aplicaciones\u003c\/h3\u003e\n\n\u003cp style=\"color: #e7d9d1;\"\u003eLa piel se siente más suave y tersa; el tono empieza 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\n\u003ch3\u003eSemanas 2–4\u003c\/h3\u003e\n\n\u003cp style=\"color: #e7d9d1;\"\u003eLos pliegues oscuros empiezan a aclararse visiblemente; el tono general se ve 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\n\u003ch3\u003eSemanas 4–6\u003c\/h3\u003e\n\n\u003cp style=\"color: #e7d9d1;\"\u003eResultados óptimos: un cuello más luminoso, uniforme y de aspecto más firme.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ========== CÓMO FUNCIONA + ACTIVOS (combinado) ========== --\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 lavándolo. Tienes que combatirlo.\u003c\/h2\u003e\n\n\u003cp class=\"ncc-lede\"\u003eUn cuello oscuro no es suciedad superficial, sino un exceso de pigmento en la piel. Nuestro Complejo Bloqueador de Melanina combina tres iluminadores clínicamente probados para atenuarlo, además de nanocollageno 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\n\u003cdiv\u003e\n\n\u003cb\u003eNiacinamida\u003c\/b\u003e\u003cspan\u003eInterrumpe la transferencia del exceso de pigmento y unifica el tono de los pliegues gruesos y decolorados, al tiempo 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\n\u003cdiv\u003e\n\n\u003cb\u003eAlfa-arbutina\u003c\/b\u003e\u003cspan\u003eUn iluminador suave y específico que actúa sobre las manchas oscuras rebeldes sin recurrir a blanqueadores agresivos.\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\n\u003cdiv\u003e\n\n\u003cb\u003eExtracto de raíz de regaliz\u003c\/b\u003e\u003cspan\u003eCalma e ilumina al mismo tiempo, ayudando a atenuar con el tiempo el aspecto de la piel oscura y opaca.\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=\"Nanocollageno hidrolizado\"\u003e\n\u003cdiv\u003e\n\n\u003cb\u003eNanocollageno hidrolizado\u003c\/b\u003e\u003cspan\u003eReafirma la piel flácida y favorece la elasticidad, para que el cuello luzca más luminoso \u003cem\u003ey\u003c\/em\u003e terso sin necesidad de otro producto.\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ========== CARACTERÍSTICA DEL ROLL-ON ========== --\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 masajeador integrado\u003c\/h2\u003e\n\n\u003cp class=\"ncc-lede\"\u003ePreciso, sin ensuciar y ayuda a que los iluminadores alcancen los pliegues gruesos y profundos.\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 se aplica directamente sobre el cuello, sin desperdiciar producto en las 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\u003eMayor absorción\u003c\/b\u003e — el movimiento de rotación estimula la microcirculación y ayuda a que los activos penetren en la piel gruesa y con textura.\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 tratamiento facial en casa.\u003c\/span\u003e\n\n\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- IMAGEN: rodillo --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-roller.webp?v=1786444442\" alt=\"Aplicador rodillo masajeador integrado de la crema reafirmante para el cuello ABERA\" style=\"width: 100%; border-radius: 14px; display: block;\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ========== SECUNDARIO: REAFIRMA Y SUAVIZA (el ~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 y de aspecto más firme, con menos líneas\"\u003e\n\u003cdiv\u003e\n\n\u003cp class=\"ncc-eyebrow\"\u003eExtra\u003c\/p\u003e\n\n\u003ch2\u003eTambién reafirma y suaviza\u003c\/h2\u003e\n\n\u003cp style=\"font-size: 15.5px; color: var(--plum-soft); margin: 0;\"\u003eUn cuello oscuro suele presentar flacidez y arrugas profundas por el uso de dispositivos electrónicos. El nanocollageno ayuda a reafirmar y a suavizar esas arrugas, para que el cuello luzca más luminoso \u003cem\u003ey\u003c\/em\u003e terso.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ========== MODO DE USO ========== --\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\n\u003ch3\u003eLimpieza\u003c\/h3\u003e\n\n\u003cp\u003eComienza con la piel del cuello y los pliegues limpios y secos.\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\n\u003ch3\u003eAplicar con el rodillo\u003c\/h3\u003e\n\n\u003cp\u003eDesliza el rodillo sobre las zonas 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\n\u003ch3\u003eMasajear\u003c\/h3\u003e\n\n\u003cp\u003eDeja que se absorba. Úsalo dos veces al día: la constancia es fundamental.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ========== BARRA DE GARANTÍA ========== --\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 de los pliegues engrosados, no es una crema hidratante común.\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\u003eLigera, no grasa y respetuosa 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 ensuciar\u003c\/h3\u003e\n\n\u003cp\u003eSin desperdicio ni residuos: desliza y listo.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ========== PREGUNTAS FRECUENTES ========== --\u003e\n\u003csection class=\"ncc-sec\"\u003e\n\u003cdiv class=\"ncc-wrap\"\u003e\n\n\u003cp class=\"ncc-eyebrow\"\u003eInformación útil\u003c\/p\u003e\n\n\u003ch2\u003eRespuestas a sus preguntas\u003c\/h2\u003e\n\n\u003cdiv class=\"ncc-faq\"\u003e\n\n\u003cdetails open=\"\"\u003e\n\u003csummary\u003e¿Por qué no se quita el cuello oscuro al lavarlo?\u003c\/summary\u003e\n\u003cp\u003ePorque normalmente no es suciedad. Los pliegues oscuros y engrosados del cuello suelen ser acantosis nigricans, un exceso de pigmento producido dentro de la piel en respuesta a factores como las hormonas, la insulina o la fricción. El jabón no puede alcanzarlo. Una fórmula iluminadora específica puede ayudar a atenuar su aspecto con el tiempo.\u003c\/p\u003e\n\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Cuánto tardaré en ver resultados?\u003c\/summary\u003e\n\u003cp\u003eMuchas personas notan una piel más suave y de aspecto más fresco en las primeras 5 aplicaciones. El aclaramiento visible de las manchas oscuras suele producirse entre la segunda y la sexta semana con un uso constante dos veces al día. Los resultados varían según el tipo de piel y la frecuencia de uso.\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, consulte a un médico, ya que puede estar relacionado con problemas de salud subyacentes.\u003c\/p\u003e\n\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Es seguro para los tonos de piel más oscuros y la piel sensible?\u003c\/summary\u003e\n\u003cp\u003eSí. Está formulado para iluminar suavemente, sin blanqueadores agresivos, y es lo suficientemente ligero para la fina piel del cuello. Si sabes que tienes alguna sensibilidad, haz primero una prueba en una pequeña zona de la parte interior del brazo durante 24 horas.\u003c\/p\u003e\n\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Puedo usarlo con otros productos para el cuidado de la piel?\u003c\/summary\u003e\n\u003cp\u003ePor supuesto. Aplícalo sobre la piel limpia antes de cremas más densas o del protector solar, y deja que el rodillo lo masajee primero.\u003c\/p\u003e\n\n\u003c\/details\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ========== LLAMADA A LA ACCIÓN FINAL ========== --\u003e\n\u003csection class=\"ncc-final\"\u003e\n\u003ch2\u003eDeja de ocultar tu cuello\u003c\/h2\u003e\n\n\u003cp\u003eAtenúa la piel oscura y engrosada que frotar nunca pudo, con un solo paso suave con el 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\u003c\/a\u003e\u003c\/section\u003e\n\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ============================================================= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ====  PEGA DESDE AQUÍ EN SHOPIFY  (final)  =================== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ============================================================= --\u003e","brand":"Abera","offers":[{"title":"1 Box","offer_id":53908354171248,"sku":"CB-ABERA062+SL1","price":17.99,"currency_code":"USD","in_stock":true},{"title":"2 Boxes + 5x Eye Mask Gift","offer_id":53908354204016,"sku":"CB-ABERA062+SL2-CB-CBMASK05+SL1","price":30.99,"currency_code":"USD","in_stock":true},{"title":"3 Boxes + 10x Eye Mask Gift","offer_id":53908354236784,"sku":"CB-ABERA062+SL3-CB-CBMATNA039+SL1","price":43.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/collagen_neck_cream_main_image_spf_df32a9e7-7f8b-455e-b8b7-0293da79e9e1.webp?v=1784519282"},{"product_id":"abera-men-acne-body-wash","title":"ABERA Gel Limpiador Corporal Antiacné Para Hombres","description":"\u003cstyle\u003e\n.abera-acne-intro {\n  font-family: Inter, Arial, sans-serif;\n  background: #fff;\n  padding: 72px 28px 92px;\n  color: #111;\n}\n\n.abera-acne-intro__inner {\n  max-width: none ;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.abera-acne-intro__badge {\n  display: inline-block;\n  background: #f3efe9;\n  border-radius: 999px;\n  padding: 8px 20px;\n  font-size: 24px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  margin-bottom: 28px;\n}\n\n.abera-acne-intro__title {\n  margin: 0 auto;\n  max-width: none;\n  font-size: clamp(28px, 4vw, 58px);\n  line-height: 1.3;\n  letter-spacing: 0px;\n  font-weight: 700;\n}\n\n.abera-acne-intro__description {\n  max-width: none;\n  margin: 35px auto 0;\n  font-size: 20px;\n  line-height: 1.55;\n  color: #666;\n  font-weight: 400;\n}\n\n.abera-acne-intro__description strong {\n  color: #111;\n  font-weight: 700;\n}\n\n.abera-acne-intro__divider {\n  width: 100%;\n  height: 1px;\n  background: #e7e3dd;\n  margin: 25px 0 25px;\n}\n\n.abera-acne-intro__benefits {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 40px;\n  font-size: 20px;\n  font-weight: 700;\n}\n\n.abera-acne-intro__benefit {\n  white-space: nowrap;\n}\n\n.abera-acne-intro__closing {\n  margin: 34px 0 0;\n  font-size: 20px;\n  line-height: 1.45;\n  font-weight: 700;\n}\n\n@media (max-width: 767px) {\n  .abera-acne-intro {\n    padding: 48px 18px 48px;\n  }\n\n  .abera-acne-intro__badge {\n    font-size: 14px;\n    padding: 7px 14px;\n    margin-bottom: 20px;\n  }\n\n  .abera-acne-intro__title {\n    font-size: 27px;\n    line-height: 1.2;\n    letter-spacing: 0px;\n  }\n\n  .abera-acne-intro__description {\n    margin-top: 24px;\n    font-size: 16px;\n    line-height: 1.6;\n  }\n\n  .abera-acne-intro__divider {\n    margin: 25px 0 25px;\n  }\n\n  .abera-acne-intro__benefits {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 14px 12px;\n    font-size: 15px;\n    text-align: center;\n    max-width: none;\n    margin: 0 auto;\n  }\n\n  .abera-acne-intro__benefit {\n    white-space: normal;\n  }\n\n  .abera-acne-intro__closing {\n    margin-top: 27px;\n    font-size: 16px;\n  }\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-acne-intro\"\u003e\n\u003cdiv class=\"abera-acne-intro__inner\"\u003e\n\n\u003cdiv class=\"abera-acne-intro__badge\"\u003eGEL DE BAÑO PARA ACNE MASCULINO\u003c\/div\u003e\n\n\u003ch1 class=\"abera-acne-intro__title\"\u003eCUIDADO CORPORAL PARA EL ACNÉ. DISEÑADO PARA LA PIEL MASCULINA.\u003c\/h1\u003e\n\n\u003cp class=\"abera-acne-intro__description\"\u003e\u003cstrong\u003eABERA Men Acne Body Wash\u003c\/strong\u003e es un gel de baño exfoliante diario diseñado para ayudar a mejorar la apariencia de los \u003cstrong\u003ebrotes corporales\u003c\/strong\u003e sin añadir pasos extra a tu rutina de ducha. Con \u003cstrong\u003e5% de Ácido Láctico + Niacinamida + BHA + Hamamelis\u003c\/strong\u003e, ayuda a eliminar la acumulación de piel muerta, reducir los poros obstruidos y favorecer una piel corporal más suave y clara con un uso constante.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-intro__divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-intro__benefits\"\u003e\n\n\u003cdiv class=\"abera-acne-intro__benefit\"\u003e✓ Acné en la espalda\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-intro__benefit\"\u003e✓ Acné en el pecho\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-intro__benefit\"\u003e✓ Acné en los hombros\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-intro__benefit\"\u003e✓ Acné en los glúteos\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cp class=\"abera-acne-intro__closing\"\u003eCuidado corporal sencillo para hombres que desean una piel más clara y suave.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n   ABERA MEN ACNE BODY WASH\n   CLINICAL \/ PROVEN RESULTS SECTION\n========================================================= *\/\n\n.abera-acne-proof {\n  --bg: #0c0c0e;\n  --white: #ffffff;\n  --text-soft: #b7b7bb;\n  --line: rgba(255,255,255,.16);\n  --accent: #c8b9a5;\n  \n  width: 100%;\n  background: var(--bg);\n  color: var(--white);\n  font-family: Inter, Arial, sans-serif;\n  overflow: hidden;\n}\n\n.abera-acne-proof * {\n  box-sizing: border-box;\n}\n\n\/* ========================\n   MAIN LAYOUT\n======================== *\/\n\n.abera-acne-proof__layout {\n  width: 100%;\n  display: grid;\n  grid-template-columns: 58% 42%;\n  min-height: 720px;\n}\n\n\/* LEFT *\/\n\n.abera-acne-proof__content {\n  padding: 50px 5vw 50px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n\/* EYEBROW *\/\n\n.abera-acne-proof__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n\n  margin-bottom: 24px;\n\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n\n  color: var(--accent);\n}\n\n.abera-acne-proof__eyebrow::before {\n  content: \"\";\n  display: block;\n  width: 31px;\n  height: 1.5px;\n  background: var(--accent);\n}\n\n\/* TITLE *\/\n\n.abera-acne-proof__title {\n  max-width: 760px;\n  margin: 0;\n\n  font-size: clamp(30px, 4vw, 50px);\n  line-height: 1.2;\n  letter-spacing: -1px;\n  font-weight: 600;\n}\n\n\/* DESCRIPTION *\/\n\n.abera-acne-proof__intro {\n  max-width: 720px;\n  margin: 20px 0 25px;\n\n  font-size: 18px;\n  line-height: 1.55;\n  font-weight: 400;\n\n  color: var(--text-soft);\n}\n\n.abera-acne-proof__intro strong {\n  color: #fff;\n  font-weight: 600;\n}\n\n\n\/* =========================================================\n   RESULT ROWS\n========================================================= *\/\n\n.abera-acne-proof__results {\n  width: 100%;\n  max-width: 790px;\n}\n\n.abera-acne-proof__result {\n  display: grid;\n  grid-template-columns: 104px 1fr;\n  align-items: center;\n  gap: 27px;\n\n  padding: 22px 0;\n  border-bottom: 1px solid var(--line);\n}\n\n.abera-acne-proof__result:first-child {\n  border-top: 1px solid var(--line);\n}\n\n\n\/* =========================================================\n   CIRCLE STAT\n========================================================= *\/\n\n.abera-acne-proof__circle {\n  --progress: 97;\n\n  position: relative;\n\n  width: 90px;\n  height: 90px;\n  border-radius: 50%;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  background:\n    conic-gradient(\n      var(--accent) calc(var(--progress) * 1%),\n      rgba(255,255,255,.10) 0\n    );\n}\n\n.abera-acne-proof__circle::after {\n  content: \"\";\n  position: absolute;\n\n  width: 76px;\n  height: 76px;\n  border-radius: 50%;\n\n  background: var(--bg);\n}\n\n.abera-acne-proof__number {\n  position: relative;\n  z-index: 2;\n\n  font-size: 22px;\n  line-height: 1;\n  font-weight: 700;\n\n  color: #fff;\n}\n\n\n\/* RESULT TEXT *\/\n\n.abera-acne-proof__result-copy {\n  font-size: 18px;\n  line-height: 1.3;\n  color: #c5c5c8;\n}\n\n.abera-acne-proof__result-copy strong {\n  color: #fff;\n  font-weight: 600;\n}\n\n\n\/* DISCLAIMER *\/\n\n.abera-acne-proof__note {\n  max-width: 760px;\n\n  margin: 28px 0 0;\n\n  font-size: 11px;\n  line-height: 1.5;\n\n  color: #77777c;\n}\n\n\n\/* =========================================================\n   RIGHT IMAGE\n========================================================= *\/\n\n.abera-acne-proof__media {\n  position: relative;\n  width: 100%;\n  min-height: 720px;\n  overflow: hidden;\n}\n\n.abera-acne-proof__media img {\n  width: 100%;\n  height: 100%;\n\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n\n\/* subtle transition between content \u0026 photo *\/\n\n.abera-acne-proof__media::before {\n  content: \"\";\n  position: absolute;\n  z-index: 2;\n\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 75px;\n\n  background:\n    linear-gradient(\n      to right,\n      rgba(12,12,14,.40),\n      transparent\n    );\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 990px) {\n\n  .abera-acne-proof__layout {\n    grid-template-columns: 56% 44%;\n  }\n\n  .abera-acne-proof__content {\n    padding: 60px 38px;\n  }\n\n  .abera-acne-proof__title {\n    font-size: 46px;\n  }\n\n  .abera-acne-proof__result {\n    grid-template-columns: 82px 1fr;\n    gap: 20px;\n  }\n\n  .abera-acne-proof__circle {\n    width: 74px;\n    height: 74px;\n  }\n\n  .abera-acne-proof__circle::after {\n    width: 62px;\n    height: 62px;\n  }\n\n  .abera-acne-proof__number {\n    font-size: 19px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .abera-acne-proof__layout {\n    display: flex;\n    flex-direction: column;\n    min-height: auto;\n  }\n\n  .abera-acne-proof__media {\n    order: 1;\n    min-height: 0;\n    aspect-ratio: 1 \/ 1;\n  }\n\n  .abera-acne-proof__media img {\n    position: absolute;\n    inset: 0;\n  }\n\n  .abera-acne-proof__media::before {\n    display: none;\n  }\n\n  .abera-acne-proof__content {\n    order: 2;\n    padding: 42px 20px 48px;\n  }\n\n  .abera-acne-proof__eyebrow {\n    margin-bottom: 19px;\n    font-size: 10px;\n    letter-spacing: 1.7px;\n  }\n\n  .abera-acne-proof__eyebrow::before {\n    width: 25px;\n  }\n\n  .abera-acne-proof__title {\n    max-width: 100%;\n\n    font-size: 34px;\n    line-height: 1.2;\n    letter-spacing: 0px;\n\n    \/* still 600 on mobile *\/\n    font-weight: 600;\n  }\n\n  .abera-acne-proof__intro {\n    margin: 20px 0 26px;\n\n    font-size: 16px;\n    line-height: 1.55;\n  }\n\n  .abera-acne-proof__result {\n    grid-template-columns: 75px 1fr;\n    gap: 18px;\n\n    padding: 19px 0;\n  }\n\n  .abera-acne-proof__circle {\n    width: 70px;\n    height: 70px;\n  }\n\n  .abera-acne-proof__circle::after {\n    width: 58px;\n    height: 58px;\n  }\n\n  .abera-acne-proof__number {\n    font-size: 18px;\n  }\n\n  .abera-acne-proof__result-copy {\n    font-size: 16px;\n    line-height: 1.45;\n  }\n\n  .abera-acne-proof__note {\n    margin-top: 23px;\n\n    font-size: 9px;\n    line-height: 1.5;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003csection class=\"abera-acne-proof\"\u003e\n\u003cdiv class=\"abera-acne-proof__layout\"\u003e\n\n\u003c!-- =========================================\n         LEFT — PROVEN RESULTS\n    ========================================== --\u0026gt;\n\u003cdiv class=\"abera-acne-proof__content\"\u003e\n\n\u003cdiv class=\"abera-acne-proof__eyebrow\"\u003eCLÍNICAMENTE PROBADO\u003c\/div\u003e\n\n\u003ch2 class=\"abera-acne-proof__title\"\u003eTRATA EL ACNÉ CORPORAL\u003cbr\u003eDESDE LA RAÍZ.\u003c\/h2\u003e\n\n\u003cp class=\"abera-acne-proof__intro\"\u003eNuestra fórmula específica para el acné corporal está diseñada para ayudar a \u003cstrong\u003ereducir los brotes visibles, mejorar la textura de la piel y promover una piel de aspecto más claro.\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003c!-- RESULTS --\u003e\n\u003cdiv class=\"abera-acne-proof__results\"\u003e\n\n\u003c!-- RESULT 01 --\u003e\n\u003cdiv class=\"abera-acne-proof__result\"\u003e\n\n\u003cdiv class=\"abera-acne-proof__circle\" style=\"--progress: 97;\"\u003e\u003cspan class=\"abera-acne-proof__number\"\u003e 97% \u003c\/span\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-proof__result-copy\"\u003eTuvo \u003cstrong\u003emenos acné corporal visible\u003c\/strong\u003e después de un uso constante.\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- RESULT 02 --\u003e\n\u003cdiv class=\"abera-acne-proof__result\"\u003e\n\n\u003cdiv class=\"abera-acne-proof__circle\" style=\"--progress: 92;\"\u003e\u003cspan class=\"abera-acne-proof__number\"\u003e 92% \u003c\/span\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-proof__result-copy\"\u003eReportó una \u003cstrong\u003epiel más suave y menos congestionada\u003c\/strong\u003e en las áreas propensas a brotes.\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- RESULT 03 --\u003e\n\u003cdiv class=\"abera-acne-proof__result\"\u003e\n\n\u003cdiv class=\"abera-acne-proof__circle\" style=\"--progress: 89;\"\u003e\u003cspan class=\"abera-acne-proof__number\"\u003e 89% \u003c\/span\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-proof__result-copy\"\u003eVio una mejora en la apariencia de \u003cstrong\u003eenrojecimiento y marcas post-brotes.\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- NOTE --\u003e\n\u003cp class=\"abera-acne-proof__note\"\u003e*Reemplazar los porcentajes y la descripción del estudio con datos de pruebas verificadas de ABERA o autoevaluación del consumidor antes de la publicación. Los resultados individuales pueden variar.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- =========================================\n         RIGHT — IMAGE\n    ========================================== --\u0026gt;\n\u003cdiv class=\"abera-acne-proof__media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Gemini_Generated_Image_23g95d23g95d23g9-clean.webp?v=1787737399E\" alt=\"Man using ABERA Men Acne Body Wash\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!--$2--\u003e\n\u003csection class=\"abera-acne-reviews\"\u003e\n\u003cdiv class=\"abera-acne-reviews__inner\"\u003e\n\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"abera-acne-reviews__header\"\u003e\n\n\u003cdiv class=\"abera-acne-reviews__main-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003ch2 class=\"abera-acne-reviews__title\"\u003eOPINIONES DE NUESTROS CLIENTES RECIENTES\u003c\/h2\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- REVIEW CARDS --\u003e\n\u003cdiv class=\"abera-acne-reviews__grid\"\u003e\n\n\u003c!-- =================================================\n           REVIEW 01 — BACK ACNE\n      ================================================== --\u0026gt;\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_5.webp?v=1787739753\" alt=\"Back acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abera-acne-review-card__review\"\u003eMi espalda solía brotar constantemente después de los entrenamientos. Después de usar esto de manera constante, los granos se ven mucho más calmados y mi piel se siente notablemente más suave.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\n\u003cp class=\"abera-acne-review-card__name\"\u003eMarcus T.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\n\u003cspan\u003eEdad 29\u003c\/span\u003e \u003cspan\u003eAustin, TX\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- =================================================\n           REVIEW 02 — SHOULDER ACNE\n      ================================================== --\u0026gt;\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_7.webp?v=1787892153\" alt=\"Shoulder acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abera-acne-review-card__review\"\u003eMe salían constantemente grupos de pequeños granos en los hombros, especialmente cuando usaba camisetas ajustadas. Después de unas semanas, la zona se veía más suave y mucho menos irritada.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\n\u003cp class=\"abera-acne-review-card__name\"\u003eEthan R.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\n\u003cspan\u003eEdad 32\u003c\/span\u003e \u003cspan\u003eDenver, CO\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- =================================================\n           REVIEW 03 — CHEST ACNE\n      ================================================== --\u0026gt;\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_9.webp?v=1787898714\" alt=\"Chest acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abera-acne-review-card__review\"\u003eMi pecho se ponía graso y se obstruía cada vez que sudaba mucho. Este gel de baño se adaptó fácilmente a mi rutina de ducha y los brotes se hicieron gradualmente mucho menos notables.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\n\u003cp class=\"abera-acne-review-card__name\"\u003eDaniel S.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\n\u003cspan\u003eEdad 34\u003c\/span\u003e \u003cspan\u003eMiami, FL\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- =================================================\n           REVIEW 04 — BUTT ACNE\n      ================================================== --\u0026gt;\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_10.webp?v=1787899652\" alt=\"Butt acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abera-acne-review-card__review\"\u003eMe siento durante largas horas en el trabajo y me salían constantemente granos ásperos alrededor de los glúteos y la parte superior de los muslos. Después de un uso constante, la piel se ve más calmada y se siente mucho más suave.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\n\u003cp class=\"abera-acne-review-card__name\"\u003eBrian C.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\n\u003cspan\u003eEdad 38\u003c\/span\u003e \u003cspan\u003eChicago, IL\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- =================================================\n           REVIEW 05 — UPPER BACK\n      ================================================== --\u0026gt;\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_11.webp?v=1787899944\" alt=\"Upper back acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abera-acne-review-card__review\"\u003eMi espalda superior era probablemente la zona de la que más me avergonzaba. Después de usar esto regularmente, tengo menos granos notables y la textura general se ve mucho más limpia.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\n\u003cp class=\"abera-acne-review-card__name\"\u003eChris B.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\n\u003cspan\u003eEdad 24\u003c\/span\u003e \u003cspan\u003eSeattle, WA\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- =================================================\n           REVIEW 06 — BODY TEXTURE\n      ================================================== --\u0026gt;\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_12.webp?v=1787900230\" alt=\"Body skin texture before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abera-acne-review-card__review\"\u003eEra escéptico sobre cambiar de gel de baño, pero este es bastante fácil de usar todos los días. Mi piel se siente menos áspera y las áreas con aspecto obstruido son mucho menos notables.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\n\u003cp class=\"abera-acne-review-card__name\"\u003eKevin F.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\n\u003cspan\u003eEdad 28\u003c\/span\u003e \u003cspan\u003eSan Diego, CA\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!--$3--\u003e\n\u003csection class=\"abera-acne-howto\"\u003e\n\u003cdiv class=\"abera-acne-howto__inner\"\u003e\n\n\u003cdiv class=\"abera-acne-howto__header\"\u003e\n\n\u003ch2 class=\"abera-acne-howto__title\"\u003eCÓMO OBTENER LOS MEJORES RESULTADOS\u003c\/h2\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-howto__grid\"\u003e\n\n\u003c!-- STEP 1 --\u003e\n\u003carticle class=\"abera-acne-howto__card\"\u003e\n\u003cdiv class=\"abera-acne-howto__step\"\u003e01\u003c\/div\u003e\n\n\u003ch3 class=\"abera-acne-howto__card-title\"\u003eHUMEDECE Y ENJABONA\u003c\/h3\u003e\n\n\u003cp class=\"abera-acne-howto__card-text\"\u003eHumedece tu piel completamente, luego aplica y enjabona sobre las áreas propensas al acné.\u003c\/p\u003e\n\n\u003c\/article\u003e\n\u003c!-- STEP 2 --\u003e\n\u003carticle class=\"abera-acne-howto__card\"\u003e\n\u003cdiv class=\"abera-acne-howto__step\"\u003e02\u003c\/div\u003e\n\n\u003ch3 class=\"abera-acne-howto__card-title\"\u003eESPERA Y ENJUAGA\u003c\/h3\u003e\n\n\u003cp class=\"abera-acne-howto__card-text\"\u003eDeja actuar de \u003cstrong\u003e60 a 90 segundos\u003c\/strong\u003e, luego enjuaga abundantemente con agua.\u003c\/p\u003e\n\n\u003c\/article\u003e\n\u003c!-- STEP 3 --\u003e\n\u003carticle class=\"abera-acne-howto__card\"\u003e\n\u003cdiv class=\"abera-acne-howto__step\"\u003e03\u003c\/div\u003e\n\n\u003ch3 class=\"abera-acne-howto__card-title\"\u003eSÉ CONSTANTE\u003c\/h3\u003e\n\n\u003cp class=\"abera-acne-howto__card-text\"\u003eÚsalo \u003cstrong\u003edos veces al día\u003c\/strong\u003e para obtener los mejores resultados.\u003c\/p\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n   ABERA MEN ACNE BODY WASH\n   TECHNOLOGY + INGREDIENTS SECTION\n========================================================= *\/\n\n.abera-acne-tech {\n  font-family: Inter, Arial, sans-serif;\n  background: #0b0b0d;\n  color: #ffffff;\n  padding: 40px 18px 40px;\n}\n\n.abera-acne-tech * {\n  box-sizing: border-box;\n}\n\n.abera-acne-tech__inner {\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n.abera-acne-tech__header {\n  text-align: center;\n  max-width: 760px;\n  margin: 0 auto 34px;\n}\n\n.abera-acne-tech__title {\n  margin: 0;\n  font-size: clamp(28px, 3vw, 44px);\n  line-height: 1.2;\n  letter-spacing: 0;\n  font-weight: 600;\n  color: #ffffff;\n}\n\n\/* =========================================================\n   INGREDIENT GRID\n========================================================= *\/\n\n.abera-acne-tech__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 18px;\n  margin-bottom: 28px;\n}\n\n.abera-acne-tech__card {\n  position: relative;\n  overflow: hidden;\n  border-radius: 18px;\n  min-height: 142px;\n  background: #1a1a1d;\n  box-shadow: 0 10px 24px rgba(0,0,0,.24);\n}\n\n.abera-acne-tech__card-image {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.abera-acne-tech__card-image img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n}\n\n.abera-acne-tech__card-overlay {\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(to bottom, rgba(0,0,0,.18), rgba(0,0,0,.44)),\n    linear-gradient(to right, rgba(0,0,0,.48), rgba(0,0,0,.12));\n}\n\n.abera-acne-tech__card-content {\n  position: relative;\n  z-index: 2;\n  padding: 18px 18px 16px;\n}\n\n.abera-acne-tech__card-title {\n  margin: 0 0 8px;\n  font-size: 19px;\n  line-height: 1.15;\n  font-weight: 700;\n  color: #ffffff;\n}\n\n.abera-acne-tech__card-text {\n  margin: 0;\n  font-size: 15px;\n  line-height: 1.45;\n  font-weight: 500;\n  color: rgba(255,255,255,.92);\n}\n\n\/* =========================================================\n   TRUST ROW\n========================================================= *\/\n\n.abera-acne-tech__trust {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 14px 26px;\n}\n\n.abera-acne-tech__trust-item {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  min-height: 26px;\n}\n\n.abera-acne-tech__trust-icon {\n  width: 22px;\n  height: 22px;\n  flex: 0 0 22px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.abera-acne-tech__trust-icon img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  display: block;\n}\n\n.abera-acne-tech__trust-label {\n  font-size: 15px;\n  line-height: 1.3;\n  font-weight: 500;\n  color: #ffffff;\n}\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 991px) {\n  .abera-acne-tech__grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 767px) {\n  .abera-acne-tech {\n    padding: 35px 16px 20px;\n  }\n\n  .abera-acne-tech__header {\n    margin-bottom: 24px;\n  }\n\n  .abera-acne-tech__title {\n    font-size: 24px;\n    line-height: 1.25;\n  }\n\n  .abera-acne-tech__grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 22px;\n  }\n\n  .abera-acne-tech__card {\n    min-height: 132px;\n    border-radius: 14px;\n  }\n\n  .abera-acne-tech__card-content {\n    padding: 14px 12px 12px;\n  }\n\n  .abera-acne-tech__card-title {\n    font-size: 16px;\n    margin-bottom: 6px;\n  }\n\n  .abera-acne-tech__card-text {\n    font-size: 12px;\n    line-height: 1.4;\n  }\n\n  .abera-acne-tech__trust {\n    justify-content: flex-start;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px 16px;\n  }\n\n  .abera-acne-tech__trust-label {\n    font-size: 14px;\n  }\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-acne-tech\"\u003e\n\u003cdiv class=\"abera-acne-tech__inner\"\u003e\n\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"abera-acne-tech__header\"\u003e\n\n\u003ch2 class=\"abera-acne-tech__title\"\u003eQUÉ CONTIENE Y POR QUÉ FUNCIONA\u003c\/h2\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- INGREDIENT CARDS --\u003e\n\u003cdiv class=\"abera-acne-tech__grid\"\u003e\n\n\u003c!-- CARD 1 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_9_cf5fea3c-f857-46dc-b3f3-27004085cb8c.webp?v=1787967140\" alt=\"Lactic Acid\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003e5% ÁCIDO LÁCTICO (AHA)\u003c\/h3\u003e\n\n\u003cp class=\"abera-acne-tech__card-text\"\u003eDesobstruye los poros y trata los brotes.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- CARD 2 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_11_3dd2f558-f8cd-4ff9-8f57-96fba011aece.webp?v=1787967139\" alt=\"Witch Hazel\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003eÁCIDO SALICÍLICO (BHA)\u003c\/h3\u003e\n\n\u003cp class=\"abera-acne-tech__card-text\"\u003eExfolia y suaviza la piel áspera.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- CARD 3 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_10_ac7e96ad-6be8-490e-aac9-58781928b79b.webp?v=1787967139\" alt=\"Panthenol\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003eNIACINAMIDA\u003c\/h3\u003e\n\n\u003cp class=\"abera-acne-tech__card-text\"\u003eControla el exceso de grasa y unifica el tono de la piel.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- CARD 4 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_12_6161b02b-fb43-49ad-a79f-7e542ab400a1.webp?v=1787967139\" alt=\"Niacinamide\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003ePANTENOL (VITAMINA B5)\u003c\/h3\u003e\n\n\u003cp class=\"abera-acne-tech__card-text\"\u003eHidrata y apoya la barrera cutánea\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- CARD 5 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_14_c87813ff-fd81-45fe-a34d-91346c0a4d23.webp?v=1787967140\" alt=\"Chamomile\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003eHAMAMELIS\u003c\/h3\u003e\n\n\u003cp class=\"abera-acne-tech__card-text\"\u003eRefresca la piel grasa y congestionada\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- CARD 6 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_13_97629cd4-fe60-4a4b-bc46-2a14cde890dd.webp?v=1787967140\" alt=\"Succinic Acid\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003eMANZANILLA\u003c\/h3\u003e\n\n\u003cp class=\"abera-acne-tech__card-text\"\u003eCalma la piel estresada y sensible\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- TRUST ROW --\u003e\n\u003cdiv class=\"abera-acne-tech__trust\"\u003e\n\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/18_2b9950f9-1de2-4435-840f-a2788bc79db5.webp?v=1786634004\" alt=\"Trust Icon 1\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eProbado por dermatólogos\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/19_f1ab1d79-53db-49a0-93ac-390f9f40fc7a.webp?v=1786634004\" alt=\"Trust Icon 2\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eSin parabenos\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_13.webp?v=1787970153\" alt=\"Trust Icon 3\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eSin ftalatos\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/17_4b584ed0-a5a0-4e05-b5ed-941e0659119d.webp?v=1786634004\" alt=\"Trust Icon 4\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eLibre de crueldad\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_14.webp?v=1787970891\" alt=\"Trust Icon 5\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eProbado por terceros\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_15.webp?v=1787971033\" alt=\"Trust Icon 6\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eEnfocado en el acné corporal\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n   ABERA MEN ACNE BODY WASH\n   28-DAY BODY SKIN JOURNEY\n   ALIGNED WITH OTHER SECTIONS\n========================================================= *\/\n\n.abera-body-journey {\n  --black: #111111;\n  --text: #1b1b1b;\n  --muted: #626262;\n  --line: #dddddd;\n  --accent: #a98f78;\n  --border: #e5e5e5;\n\n  width: 100%;\n  padding: 40px 18px;\n  margin: 0;\n\n  background: #ffffff;\n  color: var(--text);\n\n  font-family: Inter, Arial, sans-serif;\n}\n\n.abera-body-journey,\n.abera-body-journey * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   WRAPPER\n   SAME LOGIC AS INGREDIENT SECTION\n========================================================= *\/\n\n.abera-body-journey__inner {\n  width: 100%;\n  max-width: none;\n  margin: 0 auto;\n  padding: 0;\n}\n\n\n\/* =========================================================\n   DESKTOP LAYOUT\n   60\/40 WITHOUT OVERFLOW\n========================================================= *\/\n\n.abera-body-journey__layout {\n  width: 100%;\n\n  display: grid;\n  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);\n  gap: 18px;\n\n  align-items: stretch;\n\n  margin: 0;\n  padding: 0;\n}\n\n\n\/* =========================================================\n   CONTENT PANEL\n========================================================= *\/\n\n.abera-body-journey__content {\n  width: 100%;\n  min-width: 0;\n\n  background: #ffffff;\n\n  border: 1px solid var(--border);\n  border-radius: 16px;\n\n  padding: 30px 28px 30px;\n\n  overflow: hidden;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.abera-body-journey__eyebrow {\n  margin: 0 0 16px;\n\n  font-size: 12px;\n  line-height: 1;\n  font-weight: 700;\n\n  letter-spacing: .7px;\n  text-transform: uppercase;\n\n  color: var(--accent);\n}\n\n\n.abera-body-journey__title {\n  width: 100%;\n  max-width: 760px;\n\n  margin: 0 0 36px;\n\n  font-size: clamp(32px, 3vw, 50px);\n  line-height: 1.16;\n\n  letter-spacing: -1px;\n  font-weight: 600;\n\n  color: var(--black);\n}\n\n\n\/* =========================================================\n   TIMELINE\n========================================================= *\/\n\n.abera-body-journey__timeline {\n  width: 100%;\n}\n\n\n\/* =========================================================\n   TIMELINE ITEM\n========================================================= *\/\n\n.abera-body-journey__item {\n  position: relative;\n\n  width: 100%;\n\n  display: grid;\n  grid-template-columns: 28px minmax(0, 1fr);\n  column-gap: 18px;\n\n  padding-bottom: 31px;\n}\n\n\n.abera-body-journey__item:last-child {\n  padding-bottom: 0;\n}\n\n\n\/* Vertical line *\/\n\n.abera-body-journey__item:not(:last-child)::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 13px;\n  top: 28px;\n  bottom: 0;\n\n  width: 1px;\n\n  background: var(--line);\n}\n\n\n\/* =========================================================\n   MARKER\n========================================================= *\/\n\n.abera-body-journey__marker {\n  position: relative;\n  z-index: 2;\n\n  width: 27px;\n  height: 27px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  color: #111111;\n}\n\n\n.abera-body-journey__marker::before {\n  content: \"✦\";\n\n  display: block;\n\n  font-size: 22px;\n  line-height: 1;\n}\n\n\n\/* =========================================================\n   COPY\n========================================================= *\/\n\n.abera-body-journey__period {\n  margin: 4px 0 14px;\n\n  font-size: 12px;\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .2px;\n  text-transform: uppercase;\n\n  color: #222222;\n}\n\n\n.abera-body-journey__headline {\n  width: 100%;\n  max-width: 720px;\n\n  margin: 0 0 10px;\n\n  font-size: 23px;\n  line-height: 1.4;\n\n  font-weight: 500;\n\n  color: var(--black);\n}\n\n\n.abera-body-journey__benefit {\n  width: 100%;\n  max-width: 760px;\n\n  margin: 0;\n\n  font-size: 15px;\n  line-height: 1.55;\n\n  color: var(--muted);\n}\n\n\n.abera-body-journey__benefit strong {\n  color: var(--accent);\n  font-weight: 600;\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.abera-body-journey__media {\n  position: relative;\n\n  width: 100%;\n  min-width: 0;\n  min-height: 100%;\n\n  overflow: hidden;\n\n  border-radius: 16px;\n\n  background: #eeeeee;\n}\n\n\n.abera-body-journey__media img {\n  width: 100%;\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n  object-position: center;\n\n  margin: 0;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1000px) {\n\n  .abera-body-journey {\n    padding: 36px 18px;\n  }\n\n\n  .abera-body-journey__layout {\n    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);\n    gap: 16px;\n  }\n\n\n  .abera-body-journey__content {\n    padding: 30px 24px;\n  }\n\n\n  .abera-body-journey__title {\n    font-size: 38px;\n  }\n\n\n  .abera-body-journey__headline {\n    font-size: 20px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .abera-body-journey {\n    width: 100%;\n\n    padding: 22px 16px 42px;\n\n    margin: 0;\n  }\n\n\n  .abera-body-journey__inner {\n    width: 100%;\n\n    max-width: none;\n\n    margin: 0;\n    padding: 0;\n  }\n\n\n  \/* Image first, content second *\/\n\n  .abera-body-journey__layout {\n    width: 100%;\n\n    display: flex;\n    flex-direction: column;\n\n    gap: 12px;\n\n    margin: 0;\n    padding: 0;\n  }\n\n\n  \/* =====================================================\n     IMAGE ABOVE\n  ===================================================== *\/\n\n  .abera-body-journey__media {\n    order: 1;\n\n    width: 100%;\n\n    min-width: 0;\n    min-height: 0;\n\n    aspect-ratio: 1 \/ 1;\n\n    border-radius: 14px;\n\n    margin: 0;\n  }\n\n\n  .abera-body-journey__media img {\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n\n    margin: 0;\n  }\n\n\n  \/* =====================================================\n     CONTENT BELOW\n  ===================================================== *\/\n\n  .abera-body-journey__content {\n    order: 2;\n\n    width: 100%;\n    min-width: 0;\n\n    padding: 30px 20px 32px;\n\n    margin: 0;\n\n    background: #ffffff;\n\n    border-radius: 14px;\n  }\n\n\n  .abera-body-journey__eyebrow {\n    margin: 0 0 14px;\n\n    font-size: 11px;\n  }\n\n\n  .abera-body-journey__title {\n    width: 100%;\n\n    margin: 0 0 30px;\n\n    font-size: 30px;\n    line-height: 1.2;\n\n    letter-spacing: -.5px;\n  }\n\n\n  .abera-body-journey__item {\n    width: 100%;\n\n    grid-template-columns: 24px minmax(0, 1fr);\n    column-gap: 14px;\n\n    padding-bottom: 29px;\n  }\n\n\n  .abera-body-journey__item:not(:last-child)::after {\n    left: 11px;\n    top: 25px;\n  }\n\n\n  .abera-body-journey__marker {\n    width: 23px;\n    height: 23px;\n  }\n\n\n  .abera-body-journey__marker::before {\n    font-size: 19px;\n  }\n\n\n  .abera-body-journey__period {\n    margin-top: 3px;\n    margin-bottom: 12px;\n\n    font-size: 11px;\n  }\n\n\n  .abera-body-journey__headline {\n    width: 100%;\n\n    margin-bottom: 9px;\n\n    font-size: 18px;\n    line-height: 1.42;\n  }\n\n\n  .abera-body-journey__benefit {\n    width: 100%;\n\n    font-size: 14px;\n    line-height: 1.55;\n  }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-body-journey\"\u003e\n\u003cdiv class=\"abera-body-journey__inner\"\u003e\n\n\u003cdiv class=\"abera-body-journey__layout\"\u003e\n\n\u003c!-- =================================================\n           CONTENT\n      ================================================== --\u0026gt;\n\u003cdiv class=\"abera-body-journey__content\"\u003e\n\n\u003cdiv class=\"abera-body-journey__eyebrow\"\u003eQUÉ ESPERAR\u003c\/div\u003e\n\n\u003ch2 class=\"abera-body-journey__title\"\u003ePiel corporal más clara y suave en 28 días.\u003c\/h2\u003e\n\n\u003cdiv class=\"abera-body-journey__timeline\"\u003e\n\n\u003c!-- DAY 1–7 --\u003e\n\u003cdiv class=\"abera-body-journey__item\"\u003e\n\n\u003cdiv class=\"abera-body-journey__marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv\u003e\n\n\u003cdiv class=\"abera-body-journey__period\"\u003eDÍA 1–7\u003c\/div\u003e\n\n\u003cp class=\"abera-body-journey__headline\"\u003eLa piel se siente más limpia, fresca y menos congestionada.\u003c\/p\u003e\n\n\u003cp class=\"abera-body-journey__benefit\"\u003e\u003cstrong\u003eBeneficios:\u003c\/strong\u003e Ayuda a eliminar el exceso de grasa, sudor y acumulación superficial que pueden contribuir a la obstrucción de los poros.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- DAY 8–14 --\u003e\n\u003cdiv class=\"abera-body-journey__item\"\u003e\n\n\u003cdiv class=\"abera-body-journey__marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv\u003e\n\n\u003cdiv class=\"abera-body-journey__period\"\u003eDÍA 8–14\u003c\/div\u003e\n\n\u003cp class=\"abera-body-journey__headline\"\u003eLas áreas ásperas y con aspecto obstruido comienzan a sentirse más suaves.\u003c\/p\u003e\n\n\u003cp class=\"abera-body-journey__benefit\"\u003e\u003cstrong\u003eBeneficios:\u003c\/strong\u003e La exfoliación regular ayuda a reducir la acumulación de células muertas de la piel y a mejorar la sensación de la textura corporal áspera.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- DAY 15–21 --\u003e\n\u003cdiv class=\"abera-body-journey__item\"\u003e\n\n\u003cdiv class=\"abera-body-journey__marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv\u003e\n\n\u003cdiv class=\"abera-body-journey__period\"\u003eDÍA 15–21\u003c\/div\u003e\n\n\u003cp class=\"abera-body-journey__headline\"\u003eLos brotes visibles en el cuerpo comienzan a verse más calmados.\u003c\/p\u003e\n\n\u003cp class=\"abera-body-journey__benefit\"\u003e\u003cstrong\u003eBeneficios:\u003c\/strong\u003e Las áreas propensas al acné pueden mostrar menos protuberancias visibles y una textura general de aspecto más suave.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- DAY 22–28 --\u003e\n\u003cdiv class=\"abera-body-journey__item\"\u003e\n\n\u003cdiv class=\"abera-body-journey__marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv\u003e\n\n\u003cdiv class=\"abera-body-journey__period\"\u003eDÍA 22–28\u003c\/div\u003e\n\n\u003cp class=\"abera-body-journey__headline\"\u003eLa piel del cuerpo se ve más clara, suave y uniforme.\u003c\/p\u003e\n\n\u003cp class=\"abera-body-journey__benefit\"\u003e\u003cstrong\u003eBeneficios:\u003c\/strong\u003e Las áreas propensas a brotes se ven mejor cuidadas, con una piel de aspecto más suave y menos imperfecciones visibles.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- =================================================\n           IMAGE\n      ================================================== --\u0026gt;\n\u003cdiv class=\"abera-body-journey__media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/27_4397c1b6-cebc-4510-bbdb-6ebfd461c346.webp?v=1787729365\" alt=\"ABERA Men Acne Body Wash 28-day body skin journey\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!--$6--\u003e\n\u003csection class=\"abera-acne-faq\"\u003e\n\u003cdiv class=\"abera-acne-faq__inner\"\u003e\n\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"abera-acne-faq__header\"\u003e\n\n\u003ch2 class=\"abera-acne-faq__title\"\u003ePREGUNTAS FRECUENTES DE LOS HOMBRES\u003c\/h2\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- FAQ LIST --\u003e\n\u003cdiv class=\"abera-acne-faq__list\"\u003e\n\n\u003c!-- FAQ 01 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003e¿Puedo usar ABERA Men Acne Body Wash si tengo piel sensible?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\n\u003cp\u003eSí. ABERA Men Acne Body Wash está diseñado para el cuidado corporal diario y combina \u003cstrong\u003eácido láctico al 5 %\u003c\/strong\u003e con \u003cstrong\u003eniacinamida\u003c\/strong\u003e y otros ingredientes que favorecen la piel.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- FAQ 02 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003e¿Es esto solo para el acné o también puede ayudar con pequeños bultos y la textura áspera de la piel del cuerpo?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\n\u003cp\u003eNo es solo para brotes visibles. La fórmula de \u003cstrong\u003eácido láctico al 5 %\u003c\/strong\u003e ayuda a exfoliar la acumulación de células muertas de la piel y a suavizar la textura corporal áspera y con bultos, lo que la convierte en una excelente opción para áreas como la espalda, el pecho, los hombros y los glúteos.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- FAQ 03 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003e¿Puedo usarlo junto con un spray corporal BHA u otros productos para el acné?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\n\u003cp\u003eSí, pero introduce gradualmente múltiples productos exfoliantes. Usa ABERA Men Acne Body Wash en la ducha, luego aplica tu \u003cstrong\u003eBHA Body Spray\u003c\/strong\u003e después de secar la piel.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- FAQ 04 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003e¿Este gel de baño es solo para hombres, o las mujeres también pueden usarlo?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\n\u003cp\u003eAunque ABERA Men Acne Body Wash fue creado pensando en las necesidades de cuidado corporal de los hombres, las mujeres también pueden usarlo. Es adecuado para cualquiera que busque un gel de baño exfoliante sencillo para ayudar a mejorar el aspecto de la piel corporal áspera y propensa a los brotes.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- FAQ 05 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\" open=\"\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003e¿Cuánto tiempo tardará en llegar mi pedido?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\n\u003cp\u003eLa mayoría de los pedidos de EE. UU. llegan en \u003cstrong\u003e3 a 6 días hábiles\u003c\/strong\u003e después del envío. Una vez que tu pedido esté en camino, recibirás un número de seguimiento para rastrear tu entrega.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c\/section\u003e","brand":"Abera","offers":[{"title":"1 Bottle","offer_id":54225655824752,"sku":"CB-USASTABM+SL1","price":28.0,"currency_code":"USD","in_stock":true},{"title":"Double-Action Clear Body Bundle","offer_id":54225655890288,"sku":"CB-USASTABM+SL1-CB-BHA059+SL1","price":45.0,"currency_code":"USD","in_stock":true},{"title":"2 Bottles + 🎁 ABERA BHA Acne Spray","offer_id":54225655857520,"sku":"CB-USASTABM+SL2-CB-BHA059+SL1","price":50.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_4.webp?v=1787718062"},{"product_id":"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","offers":[{"title":"1 CAJA (-30%)","offer_id":53838772011376,"sku":"CB-GTABERA087+SL1","price":34.95,"currency_code":"USD","in_stock":true},{"title":"COMPRA 2, LLÉVATE 1 GRATIS: SPRAY PARA EL ACNE DEL ESPALDO CON BHA (-45%)","offer_id":54017347846512,"sku":"CB-GTABERA087+SL2-CB-BHA059+SL1","price":64.95,"currency_code":"USD","in_stock":true},{"title":"3 CAJAS + GRATIS (1 SPRAY BHA \u0026 1 Sérum Rodillo para Ojos) (Ahorra 50%)","offer_id":54017347879280,"sku":"CB-GTABERA087+SL3-CB-BHA059+SL1-CB-BONGMATUSA061+SL1","price":89.95,"currency_code":"USD","in_stock":true},{"title":"1 Gel de ducha + Champú de pomelo y sérum de crecimiento capilar (Ahorra 45%)","offer_id":54364028567920,"sku":"CB-GTABERA087+SL1-CB-DGBUOI081+SL1-CB-SRBUOI080+SL1","price":68.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Abera_Folliculitis_Shower_Gel.webp?v=1789574833"},{"product_id":"abera-maximum-strength-nail-repair-serum","title":"Abera Sérum Reparador de Uñas de Máxima Potencia","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eRestauración de doble acción: Combina nutrición y reparación para abordar múltiples problemas de las uñas.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eSuministro intensivo de nutrientes: Fortalece las uñas débiles mientras elimina manchas y decoloración.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eApoya el crecimiento natural: Fomenta el desarrollo saludable de las uñas y previene deformidades.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eFórmula premium: Las gotas ligeras se absorben rápidamente para una máxima comodidad y eficacia.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\n\n\u003cspan class=\"a-list-item\"\u003eElija Abera Combo Premium: para una solución versátil que promueve uñas sanas, resistentes e impecables todos los días.\u003c\/span\u003e\u003cbr\u003e\n\n\u003c\/li\u003e\n\n\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 Caja","offer_id":54199174168944,"sku":"CB-NAILFG048+SL1","price":29.95,"currency_code":"USD","in_stock":true},{"title":"Juego de 2 cajas","offer_id":54199174201712,"sku":"NAILFG048+SL2","price":49.95,"currency_code":"USD","in_stock":true},{"title":"Establecer 3 cajas","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.abera.us\/es\/collections\/body-care.oembed","provider":"ABERA","version":"1.0","type":"link"}