{"id":555,"date":"2026-09-21T12:37:33","date_gmt":"2026-09-21T15:37:33","guid":{"rendered":"https:\/\/order-science.com\/?page_id=555"},"modified":"2026-09-22T13:17:00","modified_gmt":"2026-09-22T16:17:00","slug":"electrolitos-en","status":"publish","type":"page","link":"https:\/\/order-science.com\/en\/electrolitos-en\/","title":{"rendered":"Electrolytes"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600;700;800&amp;family=Inter:wght@400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n<style>\n.electro-lp *, .electro-lp *::before, .electro-lp *::after { box-sizing: border-box; margin: 0; padding: 0; }\n.electro-lp a, .electro-lp a:hover, .electro-lp a:visited, .electro-lp a:active { text-decoration: none !important; }\n.electro-lp {\n    --teal: #00A8CC;\n    --teal-deep: #007A99;\n    --teal-dark: #005C75;\n    --teal-pale: #E4F6FB;\n    --teal-pale-2: #CFF0F8;\n    --magenta: #E4067E;\n    --magenta-deep: #B80463;\n    --magenta-pale: #FCE6F1;\n    --navy: #12293B;\n    --navy-deep: #0A1B28;\n    --amber: #F7A823;\n    --white: #FFFFFF;\n    --off-white: #F5FAFB;\n    --gray: #EBF3F5;\n    --text-dark: #12293B;\n    --text-mid: #4C6474;\n    --text-light: #8298A5;\n    --radius: 18px;\n    --shadow: 0 12px 34px rgba(0,92,117,0.14);\n  }\n.electro-lp { scroll-behavior: smooth; }\n.electro-lp {\n    font-family: 'Inter', sans-serif;\n    color: var(--text-dark);\n    background: var(--white);\n    overflow-x: hidden;\n    position: relative;\n  }\n.electro-lp h1, .electro-lp h2, .electro-lp h3, .electro-lp h4 { font-family: 'Poppins', sans-serif; line-height: 1.15; font-weight: 700; }\n.electro-lp .eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-family: 'Inter', sans-serif;\n    font-weight: 800;\n    font-size: 0.72rem;\n    letter-spacing: 1.6px;\n    text-transform: uppercase;\n    color: var(--white);\n    background: var(--teal);\n    padding: 6px 14px 6px 12px;\n    border-radius: 100px;\n  }\n.electro-lp .eyebrow::before {\n    content: '';\n    width: 6px; height: 6px;\n    border-radius: 50%;\n    background: var(--magenta);\n    display: inline-block;\n    flex-shrink: 0;\n  }\n.electro-lp .compare-bg .eyebrow, .electro-lp .cta-section .eyebrow { background: var(--white); color: var(--teal-deep); }\n.electro-lp .compare-bg .eyebrow::before, .electro-lp .cta-section .eyebrow::before { background: var(--magenta); }\n\n\/* \u2500\u2500 LANG SWITCH \u2500\u2500 *\/\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.electro-lp .hero {\n    min-height: 100vh;\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    align-items: center;\n    padding: 120px 6% 80px;\n    position: relative;\n    overflow: hidden;\n    background: var(--navy);\n  }\n.electro-lp .hero::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: var(--white);\n    clip-path: polygon(0 0, 62% 0, 40% 100%, 0 100%);\n    z-index: 0;\n  }\n.electro-lp .hero::after {\n    content: '';\n    position: absolute;\n    top: -20%; right: -8%;\n    width: 640px; height: 640px;\n    background: radial-gradient(circle, rgba(0,168,204,0.55), transparent 70%);\n    z-index: 0;\n  }\n.electro-lp .hero-text { position: relative; z-index: 2; }\n.electro-lp .hero-title {\n    font-size: clamp(2.3rem, 4.2vw, 3.5rem);\n    font-weight: 800;\n    color: var(--navy);\n    margin: 20px 0 20px;\n    letter-spacing: -0.5px;\n  }\n.electro-lp .hero-title em { font-style: normal; color: var(--magenta); }\n.electro-lp .hero-subtitle {\n    font-size: clamp(1rem, 1.3vw, 1.12rem);\n    color: var(--text-mid);\n    line-height: 1.75;\n    margin-bottom: 34px;\n    max-width: 480px;\n  }\n.electro-lp .hero-actions { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; margin-bottom: 40px; }\n.electro-lp .btn-primary {\n    background: var(--magenta);\n    color: #fff;\n    border: none;\n    padding: 17px 38px;\n    border-radius: 100px;\n    font-family: 'Inter', sans-serif;\n    font-weight: 800;\n    font-size: 0.98rem;\n    cursor: pointer;\n    text-decoration: none;\n    display: inline-block;\n    transition: background 0.2s, transform 0.2s, box-shadow 0.2s;\n    box-shadow: 0 10px 28px rgba(228,6,126,0.30);\n  }\n.electro-lp .btn-primary:hover { background: var(--magenta-deep); transform: translateY(-2px); box-shadow: 0 14px 34px rgba(228,6,126,0.38); }\n.electro-lp .btn-secondary {\n    background: transparent;\n    color: var(--navy);\n    border: 1.5px solid rgba(18,41,59,0.3);\n    padding: 15px 30px;\n    border-radius: 100px;\n    font-family: 'Inter', sans-serif;\n    font-weight: 800;\n    font-size: 0.92rem;\n    cursor: pointer;\n    text-decoration: none;\n    display: inline-block;\n    transition: border-color 0.2s, transform 0.2s, background 0.2s;\n  }\n.electro-lp .btn-secondary:hover { border-color: var(--teal); background: var(--teal-pale); transform: translateY(-2px); }\n.electro-lp .hero-badges { display: flex; gap: 10px; flex-wrap: wrap; }\n.electro-lp .badge {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    background: #fff;\n    border: 1px solid rgba(0,168,204,0.25);\n    border-radius: 100px;\n    padding: 7px 15px;\n    font-size: 0.74rem;\n    font-weight: 700;\n    color: var(--navy);\n  }\n.electro-lp .badge-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--teal); flex-shrink: 0; }\n\n\/* \u2500\u2500 HERO VISUAL \u2500\u2500 *\/\n.electro-lp .hero-visual { position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; }\n.electro-lp .capsule-stage { width: min(460px, 100%); position: relative; animation: electrolp-float 5s ease-in-out infinite; }\n  @keyframes electrolp-float { 0%,100% { transform: translateY(0px); } 50% { transform: translateY(-16px); } }\n.electro-lp .product-shot-wrap { position: relative; display: flex; justify-content: center; align-items: center; }\n.electro-lp .product-shot-wrap::before {\n    content: '';\n    position: absolute;\n    width: 90%; height: 90%;\n    border-radius: 50%;\n    background: radial-gradient(ellipse 60% 60% at 50% 50%, rgba(228,6,126,0.16), transparent 70%);\n    z-index: -1;\n  }\n.electro-lp .img-placeholder {\n    aspect-ratio: 4 \/ 3;\n    border-radius: var(--radius);\n    border: 2px dashed rgba(0,92,117,0.28);\n    background: repeating-linear-gradient(135deg, rgba(0,168,204,0.06) 0 12px, transparent 12px 24px), #fff;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    gap: 10px;\n    color: var(--text-light);\n    padding: 24px;\n  }\n.electro-lp .img-placeholder .ph-icon { font-size: 1.8rem; opacity: 0.6; }\n.electro-lp .img-placeholder .ph-title { font-family: 'Poppins', sans-serif; font-size: 1rem; color: var(--navy); font-weight: 700; max-width: 260px; }\n.electro-lp .img-placeholder .ph-sub { font-size: 0.76rem; max-width: 240px; line-height: 1.5; }\n.electro-lp .img-placeholder.has-photo { border: none; background: #fff; padding: 0; overflow: hidden; }\n.electro-lp .img-placeholder.has-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }\n.electro-lp .hero-visual .img-placeholder { aspect-ratio: 1\/1; max-width: 420px; width: 100%; background: repeating-linear-gradient(135deg, rgba(0,168,204,0.06) 0 12px, transparent 12px 24px), #fff; }\n.electro-lp .floating-chip {\n    position: absolute;\n    background: #fff;\n    border-radius: 14px;\n    padding: 10px 16px;\n    font-family: 'Inter', sans-serif;\n    box-shadow: 0 10px 30px rgba(10,27,40,0.20);\n    display: flex;\n    flex-direction: column;\n    animation: electrolp-float-chip 5.5s ease-in-out infinite;\n    border-top: 3px solid var(--teal);\n  }\n.electro-lp .floating-chip .fc-num { font-weight: 800; font-size: 1.05rem; color: var(--magenta); font-family: 'Poppins', sans-serif; }\n.electro-lp .floating-chip .fc-label { font-size: 0.66rem; color: var(--text-light); font-weight: 700; }\n  @keyframes electrolp-float-chip { 0%,100% { transform: translateY(0) rotate(-1.5deg); } 50% { transform: translateY(-10px) rotate(1.5deg); } }\n.electro-lp .chip-1 { top: 4%; left: -4%; animation-delay: 0s; }\n.electro-lp .chip-2 { bottom: 10%; right: -6%; animation-delay: 1.2s; }\n.electro-lp .chip-3 { top: 44%; right: -10%; animation-delay: 0.6s; }\n@media (max-width: 900px) { .electro-lp .floating-chip { display: none; } }\n\n\/* \u2500\u2500 QUICK PICKER (4 products nav) \u2500\u2500 *\/\n.electro-lp .picker-bg { background: #fff; padding: 64px 6% 74px; }\n.electro-lp .picker-head { max-width: 640px; margin: 0 auto 36px; text-align: center; }\n.electro-lp .picker-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; max-width: 1200px; margin: 0 auto; }\n.electro-lp .picker-card {\n    background: var(--off-white);\n    border: 1px solid rgba(0,92,117,0.10);\n    border-top: 4px solid var(--teal);\n    border-radius: var(--radius);\n    padding: 26px 20px;\n    text-decoration: none;\n    color: inherit;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;\n  }\n.electro-lp .picker-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); border-top-color: var(--magenta); }\n.electro-lp .picker-thumb { aspect-ratio: 1\/1; border-radius: 14px; }\n.electro-lp .picker-tag { font-size: 0.66rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: var(--magenta); }\n.electro-lp .picker-card h4 { font-size: 1.02rem; color: var(--navy); font-family: 'Poppins', sans-serif; }\n.electro-lp .picker-card p { font-size: 0.8rem; color: var(--text-mid); line-height: 1.5; }\n@media (max-width: 900px) { .electro-lp .picker-grid { grid-template-columns: repeat(2, 1fr); } }\n@media (max-width: 480px) { .electro-lp .picker-grid { grid-template-columns: 1fr; } }\n\n\/* \u2500\u2500 STATS STRIP \u2500\u2500 *\/\n.electro-lp .stats-strip {\n    background: var(--teal-dark);\n    color: #fff;\n    padding: 42px 6%;\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n    gap: 24px;\n    flex-wrap: wrap;\n  }\n.electro-lp .stat-item { text-align: center; }\n.electro-lp .stat-num { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 2.3rem; color: #fff; display: block; line-height: 1; }\n.electro-lp .stat-label { font-size: 0.78rem; opacity: 0.85; margin-top: 6px; max-width: 160px; }\n\n\/* \u2500\u2500 SECTIONS \u2500\u2500 *\/\n.electro-lp section { padding: 88px 6%; }\n.electro-lp .section-head { max-width: 620px; margin-bottom: 48px; }\n.electro-lp .section-title { font-size: clamp(1.9rem, 3vw, 2.5rem); font-weight: 800; color: var(--navy); margin: 14px 0 16px; letter-spacing: -0.3px; }\n.electro-lp .section-title em { font-style: normal; color: var(--magenta); }\n.electro-lp .section-desc { font-size: 1rem; color: var(--text-mid); line-height: 1.75; }\n.electro-lp .center { text-align: center; margin-left: auto; margin-right: auto; }\n\n\/* \u2500\u2500 PILLARS \u2500\u2500 *\/\n.electro-lp .pillars-strip { background: #fff; padding: 44px 6%; display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; border-bottom: 1px solid rgba(0,92,117,0.08); }\n.electro-lp .pillar-item { display: flex; align-items: center; gap: 10px; max-width: 190px; }\n.electro-lp .pillar-num {\n    font-family: 'Inter', sans-serif; font-weight: 800; font-size: 0.7rem; color: #fff;\n    background: var(--teal); width: 24px; height: 24px; border-radius: 50%;\n    display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n  }\n.electro-lp .pillar-item span.pillar-label { font-size: 0.78rem; font-weight: 700; color: var(--navy); line-height: 1.35; }\n@media (max-width: 768px) { .electro-lp .pillars-strip { gap: 24px; } }\n\n\/* \u2500\u2500 LIFESTYLE \u2500\u2500 *\/\n.electro-lp .lifestyle-bg { background: var(--off-white); }\n.electro-lp .lifestyle-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }\n.electro-lp .lifestyle-grid.reverse .lifestyle-photo { order: 2; }\n.electro-lp .lifestyle-grid.reverse .lifestyle-copy { order: 1; }\n@media (max-width: 900px) {\n  .electro-lp .lifestyle-grid { grid-template-columns: 1fr; }\n  .electro-lp .lifestyle-grid.reverse .lifestyle-photo, .electro-lp .lifestyle-grid.reverse .lifestyle-copy { order: initial; }\n}\n.electro-lp .lifestyle-copy .section-head { margin-bottom: 20px; }\n.electro-lp .lifestyle-photo .img-placeholder { aspect-ratio: 4\/3; }\n\n\/* \u2500\u2500 USE CASES \u2500\u2500 *\/\n.electro-lp .usecase-bg { background: #fff; }\n.electro-lp .usecase-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; }\n@media (max-width: 1024px) { .electro-lp .usecase-grid { grid-template-columns: repeat(3, 1fr); } }\n@media (max-width: 640px) { .electro-lp .usecase-grid { grid-template-columns: 1fr; } }\n.electro-lp .usecase-card { background: var(--off-white); border: 1px solid rgba(0,92,117,0.08); border-radius: var(--radius); padding: 28px 24px; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s; }\n.electro-lp .usecase-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); border-color: transparent; }\n.electro-lp .usecase-icon { width: 46px; height: 46px; border-radius: 12px; background: var(--teal); display: flex; align-items: center; justify-content: center; font-size: 21px; margin-bottom: 16px; }\n.electro-lp .usecase-title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 1rem; color: var(--navy); margin-bottom: 8px; }\n.electro-lp .usecase-desc { font-size: 0.85rem; color: var(--text-mid); line-height: 1.6; }\n\n\/* \u2500\u2500 PRODUCT DEEP-DIVE \u2500\u2500 *\/\n.electro-lp .product-section { border-bottom: 1px solid rgba(0,92,117,0.08); }\n.electro-lp .product-section:nth-child(even) { background: var(--off-white); }\n.electro-lp .product-grid { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 56px; align-items: center; }\n.electro-lp .product-grid.reverse .product-visual { order: 2; }\n.electro-lp .product-grid.reverse .product-copy { order: 1; }\n@media (max-width: 900px) {\n  .electro-lp .product-grid { grid-template-columns: 1fr; }\n  .electro-lp .product-grid.reverse .product-visual, .electro-lp .product-grid.reverse .product-copy { order: initial; }\n  .electro-lp .product-purchase { justify-content: center; }\n  .electro-lp .product-buy-btn { display: inline-flex; }\n}\n.electro-lp .product-visual .img-placeholder { aspect-ratio: 3\/4; max-width: 340px; margin: 0 auto; }\n.electro-lp .product-flavour {\n    display: inline-flex; align-items: center; gap: 8px;\n    background: #fff; border: 1px solid rgba(0,92,117,0.12);\n    border-radius: 100px; padding: 6px 14px; font-size: 0.76rem; font-weight: 700; color: var(--navy);\n    margin-top: 18px;\n  }\n.electro-lp .flavour-dot { width: 10px; height: 10px; border-radius: 50%; }\n.electro-lp .product-title { font-size: clamp(1.6rem, 2.6vw, 2.1rem); color: var(--magenta); margin: 12px 0 14px; font-weight: 800; }\n.electro-lp .product-desc { font-size: 0.98rem; color: var(--text-mid); line-height: 1.7; margin-bottom: 26px; max-width: 540px; }\n.electro-lp .product-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-bottom: 26px; }\n@media (max-width: 640px) { .electro-lp .product-cols { grid-template-columns: 1fr; } }\n.electro-lp .product-col h4 {\n    font-size: 0.68rem; letter-spacing: 1px; text-transform: uppercase; color: var(--teal-deep); font-weight: 800; margin-bottom: 12px;\n    display: inline-block; background: var(--teal-pale); padding: 5px 12px; border-radius: 6px;\n  }\n.electro-lp .purity-points { list-style: none; display: flex; flex-direction: column; gap: 11px; margin-top: 6px; }\n.electro-lp .purity-points li { display: flex; gap: 10px; font-size: 0.87rem; color: var(--text-mid); line-height: 1.5; }\n.electro-lp .purity-points li::before {\n    content: '\u2713'; color: #fff; background: var(--teal); font-weight: 800; flex-shrink: 0;\n    width: 16px; height: 16px; border-radius: 50%; font-size: 0.6rem;\n    display: flex; align-items: center; justify-content: center; margin-top: 2px;\n  }\n.electro-lp .product-use-box {\n    display: flex; gap: 14px; align-items: flex-start;\n    background: var(--teal-pale); border: 1px solid rgba(0,168,204,0.25);\n    border-left: 4px solid var(--teal);\n    border-radius: 14px; padding: 16px 20px; margin-bottom: 22px; max-width: 540px;\n  }\n.electro-lp .product-use-box .puc-icon { font-size: 18px; flex-shrink: 0; }\n.electro-lp .product-use-box p { font-size: 0.85rem; color: var(--text-mid); line-height: 1.55; }\n.electro-lp .product-use-box strong { color: var(--navy); }\n.electro-lp .product-note { font-size: 0.78rem; color: var(--text-light); max-width: 540px; margin-bottom: 22px; line-height: 1.5; }\n.electro-lp .product-note.warn { color: var(--magenta-deep); font-weight: 600; }\n.electro-lp .product-badges { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }\n.electro-lp .pbadge { font-size: 0.68rem; font-weight: 800; letter-spacing: 0.5px; padding: 5px 12px; border-radius: 100px; background: var(--magenta-pale); color: var(--magenta-deep); }\n.electro-lp .product-buy-btn { display: flex; align-items: center; gap: 10px; margin-top: 24px; background: var(--navy); color: #fff; border: none; padding: 13px 26px; border-radius: 100px; font-family: 'Inter', sans-serif; font-weight: 800; font-size: 0.9rem; cursor: pointer; text-decoration: none; box-shadow: 0 10px 26px rgba(18,41,59,0.22); transition: transform 0.2s, box-shadow 0.2s, background 0.2s; }\n.electro-lp .product-buy-btn:hover { background: var(--teal); transform: translateY(-2px); box-shadow: 0 14px 32px rgba(0,168,204,0.3); }\n.electro-lp .product-buy-btn .cta-label { white-space: nowrap; }\n.electro-lp .product-buy-btn .cta-price { white-space: nowrap; background: rgba(255,255,255,0.18); padding: 4px 12px; border-radius: 100px; font-weight: 800; font-size: 0.85rem; }\n.electro-lp .electrolitos-buy-link.is-loading { opacity: 0.72; pointer-events: none; }\n.electro-lp .product-purchase { display: flex; align-items: center; gap: 14px; margin-top: 24px; flex-wrap: wrap; }\n.electro-lp .product-purchase .product-buy-btn { margin-top: 0; }\n.electro-lp .qty-selector { display: inline-flex; align-items: center; background: var(--off-white) !important; border: 1.5px solid rgba(0,92,117,0.14); border-radius: 100px; overflow: visible; }\n.electro-lp .qty-btn { background: transparent !important; border: none; width: 38px; height: 44px; font-size: 1.1rem; font-weight: 800; color: var(--navy) !important; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.15s; line-height: 1; -webkit-text-fill-color: var(--navy); opacity: 1;}\n.electro-lp .qty-btn:hover { background: rgba(0,168,204,0.12) !important; }\n.electro-lp input.qty-input[type=\"number\"] {\n    width: 36px;\n    height: 44px;\n    border: none !important;\n    background: transparent !important;\n    background-color: transparent !important;\n    text-align: center;\n    font-family: 'Inter', sans-serif !important;\n    font-weight: 700 !important;\n    font-size: 0.95rem !important;\n    line-height: 44px !important;\n    color: var(--navy) !important;\n    -webkit-text-fill-color: var(--navy) !important;\n    -moz-appearance: textfield;\n    -webkit-appearance: none;\n    appearance: none;\n    opacity: 1 !important;\n    box-shadow: none !important;\n    outline: none !important;\n    caret-color: var(--navy);\n  }\n.electro-lp .qty-input::-webkit-outer-spin-button, .electro-lp .qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }\n@media (max-width: 900px) { .electro-lp .product-purchase { justify-content: center; } }\n\n\/* \u2500\u2500 COMPARISON TABLE \u2500\u2500 *\/\n.electro-lp .compare-bg { background: var(--navy); color: #fff; }\n.electro-lp .compare-bg .section-title { color: #fff; }\n.electro-lp .compare-bg .section-title em { color: var(--teal-light, #6FE0F5); }\n.electro-lp .compare-bg .section-desc { color: rgba(255,255,255,0.68); }\n.electro-lp .table-scroll { overflow-x: auto; border-radius: var(--radius); box-shadow: var(--shadow); }\n.electro-lp .compare-table { width: 100%; min-width: 640px; border-collapse: collapse; background: #fff; }\n.electro-lp .compare-table th, .electro-lp .compare-table td { padding: 14px 20px; text-align: left; font-size: 0.85rem; border-bottom: 1px solid rgba(0,92,117,0.08); color: var(--text-dark); white-space: nowrap; }\n.electro-lp .compare-table th { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 0.9rem; color: #fff; background: var(--teal); }\n.electro-lp .compare-table th:first-child, .electro-lp .compare-table td:first-child { position: sticky; left: 0; font-weight: 700; z-index: 1; box-shadow: 2px 0 6px rgba(0,0,0,0.08); }\n.electro-lp .compare-table th:first-child { background: var(--teal); color: #fff; }\n.electro-lp .compare-table td:first-child { background: #fff; color: var(--navy); }\n.electro-lp .compare-table th:not(:first-child), .electro-lp .compare-table td:not(:first-child) { text-align: center; }\n.electro-lp .compare-table tr:nth-child(even) td { background: var(--off-white); }\n.electro-lp .compare-table tr:last-child td { border-bottom: none; }\n.electro-lp .compare-table td.dash { color: var(--text-light); }\n.electro-lp .table-note { font-size: 0.78rem; color: rgba(255,255,255,0.55); margin-top: 16px; }\n.electro-lp .concentration-note {\n    margin-top: 34px;\n    background: rgba(255,255,255,0.07);\n    border: 1px solid rgba(255,255,255,0.14);\n    border-left: 4px solid var(--teal-light, #6FE0F5);\n    border-radius: 16px;\n    padding: 24px 28px;\n    max-width: 780px;\n  }\n.electro-lp .concentration-note h4 { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 1rem; color: #fff; margin-bottom: 10px; }\n.electro-lp .concentration-note p { font-size: 0.9rem; color: rgba(255,255,255,0.78); line-height: 1.7; }\n.electro-lp .concentration-note strong { color: #fff; }\n.electro-lp .scroll-hint { display: none; font-size: 0.76rem; color: rgba(255,255,255,0.6); margin-bottom: 10px; text-align: center; }\n@media (max-width: 640px) { .electro-lp .scroll-hint { display: block; } }\n\n\/* \u2500\u2500 AGE GROUPS \u2500\u2500 *\/\n.electro-lp .age-bg { background: var(--off-white); }\n.electro-lp .age-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }\n@media (max-width: 1024px) { .electro-lp .age-grid { grid-template-columns: repeat(2, 1fr); } }\n@media (max-width: 560px) { .electro-lp .age-grid { grid-template-columns: 1fr; } }\n.electro-lp .age-card { background: #fff; border: 1px solid rgba(0,92,117,0.10); border-radius: var(--radius); padding: 26px; position: relative; padding-left: 60px; }\n.electro-lp .age-card::before {\n    content: '\u2713'; position: absolute; left: 22px; top: 26px;\n    width: 24px; height: 24px; border-radius: 50%; background: var(--teal); color: #fff;\n    font-size: 0.72rem; font-weight: 800; display: flex; align-items: center; justify-content: center;\n  }\n.electro-lp .age-card h4 { font-size: 0.98rem; color: var(--navy); margin-bottom: 10px; font-family: 'Poppins', sans-serif; }\n.electro-lp .age-card p { font-size: 0.85rem; color: var(--text-mid); line-height: 1.6; }\n.electro-lp .age-card.warn { border-color: rgba(228,6,126,0.3); background: var(--magenta-pale); }\n.electro-lp .age-card.warn::before { content: '!'; background: var(--magenta); }\n.electro-lp .age-card.warn h4 { color: var(--magenta-deep); }\n.electro-lp .age-card.warn p { color: #8A0F52; }\n\n\/* \u2500\u2500 FAQ \u2500\u2500 *\/\n.electro-lp .faq-bg { background: #fff; }\n.electro-lp .faq-list { display: flex; flex-direction: column; gap: 12px; max-width: 760px; margin: 0 auto; }\n.electro-lp .faq-item { background: var(--off-white); border: 1px solid rgba(0,92,117,0.10); border-radius: 14px; overflow: hidden; }\n.electro-lp .faq-question { padding: 20px 24px; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 1rem; color: var(--navy); cursor: pointer; display: flex; justify-content: space-between; align-items: center; }\n.electro-lp .faq-question::after { content: '+'; font-size: 1.3rem; color: var(--magenta); transition: transform 0.25s; flex-shrink: 0; margin-left: 12px; }\n.electro-lp .faq-item.active .faq-question::after { transform: rotate(45deg); }\n.electro-lp .faq-item.active { border-color: var(--teal); }\n.electro-lp .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.35s ease; padding: 0 24px; font-size: 0.9rem; color: var(--text-mid); line-height: 1.7; }\n.electro-lp .faq-item.active .faq-answer { max-height: 320px; padding: 0 24px 22px; }\n\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\n.electro-lp .cta-section { background: linear-gradient(120deg, var(--teal) 0%, var(--magenta) 100%); text-align: center; padding: 110px 6%; position: relative; overflow: hidden; color: #fff; }\n.electro-lp .cta-section::before { content: ''; position: absolute; top: -120px; right: -100px; width: 420px; height: 420px; background: rgba(255,255,255,0.10); border-radius: 50%; }\n.electro-lp .cta-section .eyebrow { position: relative; z-index: 1; margin-bottom: 6px; }\n.electro-lp .cta-section h2 { font-size: clamp(2rem, 4vw, 3rem); color: #fff; margin-bottom: 16px; position: relative; z-index: 1; }\n.electro-lp .cta-section h2 em { font-style: normal; color: var(--navy); }\n.electro-lp .cta-section p { color: rgba(255,255,255,0.9); font-size: 1.05rem; margin-bottom: 40px; max-width: 520px; margin-left: auto; margin-right: auto; position: relative; z-index: 1; }\n.electro-lp .cta-buttons { display: flex; gap: 14px; justify-content: center; flex-wrap: nowrap; position: relative; z-index: 1; }\n@media (max-width: 900px) { .electro-lp .cta-buttons { flex-wrap: wrap; } }\n@media (max-width: 480px) { .electro-lp .btn-cta-white { white-space: normal; width: 100%; text-align: center; } }\n.electro-lp .btn-cta-white { background: #fff; color: var(--magenta-deep); border: none; padding: 16px 22px; border-radius: 100px; font-family: 'Inter', sans-serif; font-weight: 800; font-size: 0.86rem; cursor: pointer; text-decoration: none; display: inline-block; white-space: nowrap; box-shadow: 0 10px 34px rgba(0,0,0,0.18); transition: transform 0.2s, box-shadow 0.2s; }\n.electro-lp .btn-cta-white:hover { transform: translateY(-3px); box-shadow: 0 16px 42px rgba(0,0,0,0.24); }\n.electro-lp .presentation-note { margin-top: 28px; color: rgba(255,255,255,0.85); font-size: 0.84rem; position: relative; z-index: 1; }\n.electro-lp .anmat-legend { margin-top: 14px; color: rgba(255,255,255,0.65); font-size: 0.72rem; position: relative; z-index: 1; }\n\n\/* \u2500\u2500 ORDER BAND \/ FOOTER \u2500\u2500 *\/\n.electro-lp .order-band { background: #fff; border-top: 1px solid rgba(0,92,117,0.10); padding: 26px 6%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }\n.electro-lp .order-brand { display: flex; align-items: center; gap: 18px; }\n.electro-lp .order-brand-fallback { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 1.1rem; color: var(--navy); }\n.electro-lp .order-brand-fallback small { display: block; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 0.62rem; letter-spacing: 1.5px; text-transform: uppercase; color: var(--magenta); }\n.electro-lp .order-info { font-size: 0.82rem; color: var(--text-mid); line-height: 1.5; }\n.electro-lp .order-info strong { color: var(--navy); }\n.electro-lp .order-contact { display: flex; flex-direction: column; gap: 4px; align-items: flex-end; font-size: 0.82rem; }\n.electro-lp .order-contact a { color: var(--teal-deep); text-decoration: none; font-weight: 700; }\n@media (max-width: 768px) { .electro-lp .order-band { flex-direction: column; align-items: flex-start; } .electro-lp .order-contact { align-items: flex-start; } }\n.electro-lp footer { background: var(--navy-deep); color: rgba(255,255,255,0.55); text-align: center; padding: 34px; font-size: 0.8rem; line-height: 1.7; }\n.electro-lp footer strong { color: rgba(255,255,255,0.85); }\n\n\/* \u2500\u2500 REVEAL \u2500\u2500 *\/\n.electro-lp .reveal { opacity: 1; transform: none; transition: opacity 0.7s ease, transform 0.7s ease; }\n.electro-lp.js-reveal-active .reveal { opacity: 0; transform: translateY(28px); }\n.electro-lp.js-reveal-active .reveal.visible { opacity: 1; transform: translateY(0); }\n@media (prefers-reduced-motion: reduce) {\n  .electro-lp .capsule-stage, .electro-lp .floating-chip { animation: none; }\n  .electro-lp .reveal { opacity: 1; transform: none; transition: none; }\n}\n@media (max-width: 900px) {\n  .electro-lp .hero { grid-template-columns: 1fr; text-align: center; padding: 100px 6% 60px; background: linear-gradient(180deg, #ffffff 0%, var(--teal-pale) 100%); }\n  .electro-lp .hero::before { display: none; }\n  .electro-lp .hero::after { top: -10%; right: -30%; width: 420px; height: 420px; opacity: 0.5; }\n  .electro-lp .hero-actions, .electro-lp .hero-badges { justify-content: center; }\n  .electro-lp .hero-subtitle { margin-left: auto; margin-right: auto; }\n  .electro-lp .hero-visual { margin-top: 44px; }\n  .electro-lp .product-use-box, .electro-lp .product-desc, .electro-lp .product-note { max-width: none; }\n}\n.electro-lp a:focus-visible, .electro-lp button:focus-visible { outline: 2px solid var(--magenta); outline-offset: 3px; }\n.electro-lp .lang-switch {\n    position: absolute !important;\n    top: 14px !important;\n    right: 5% !important;\n    left: auto !important;\n    bottom: auto !important;\n    z-index: 30 !important;\n    display: flex !important;\n    flex-wrap: nowrap !important;\n    align-items: center !important;\n    gap: 6px !important;\n    max-width: 90px !important;\n    font-family: 'Inter', sans-serif !important;\n  }\n.electro-lp .lang-switch span,\n.electro-lp .lang-switch a {\n    display: inline-block !important;\n    background: rgba(0,92,117,0.55) !important;\n    color: #fff !important;\n    font-size: 0.68rem !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.5px !important;\n    padding: 5px 10px !important;\n    border-radius: 100px !important;\n    text-decoration: none !important;\n    white-space: nowrap !important;\n    line-height: 1 !important;\n  }\n.electro-lp .lang-switch span.active { background: var(--navy) !important; }\n@media (max-width: 900px) {\n.electro-lp .lang-switch { top: 76px !important; right: 4% !important; }\n  }\n<\/style>\n<div class=\"electro-lp\">\n\n<div class=\"lang-switch\">\n  <a href=\"https:\/\/order-science.com\/electrolitos\/\">ES<\/a>\n  <span class=\"active\">EN<\/span>\n<\/div>\n\n<!-- HERO -->\n<section class=\"hero\">\n  <div class=\"hero-text\">\n    <span class=\"eyebrow\">sanotact\u00ae \u00b7 A German Brand<\/span>\n    <h1 class=\"hero-title\">Your body loses<br><em>electrolytes<\/em>. Replace them right.<\/h1>\n    <p class=\"hero-subtitle\">Four electrolyte formulas developed in Germany for every moment of your day: daily hydration, recovery, physical activity and focus. With sodium, potassium, magnesium and chloride in the proportions your body needs.<\/p>\n    <div class=\"hero-actions\">\n      <a href=\"#productos\" class=\"btn-primary\">Choose your formula<\/a>\n      <a href=\"#comparativa\" class=\"btn-secondary\">View full composition<\/a>\n    <\/div>\n    <div class=\"hero-badges\">\n      <div class=\"badge\"><span class=\"badge-dot\"><\/span>Based on WHO formula<\/div>\n      <div class=\"badge\"><span class=\"badge-dot\"><\/span>Cologne List\u00ae certified<\/div>\n      <div class=\"badge\"><span class=\"badge-dot\"><\/span>Market leader in Germany<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"hero-visual\">\n    <div class=\"capsule-stage\">\n      <div class=\"product-shot-wrap\">\n        <div class=\"img-placeholder has-photo\">\n          <img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/electrolitos-todos-1.webp\" alt=\"The 4 sanotact\u00ae Electrolytes lines: Plus, Recovery, Active and Boost + Caffeine\" loading=\"lazy\">\n        <\/div>\n      <\/div>\n      <div class=\"floating-chip chip-1\">\n        <span class=\"fc-num\">4<\/span>\n        <span class=\"fc-label\">Specific formulas<\/span>\n      <\/div>\n      <div class=\"floating-chip chip-2\">\n        <span class=\"fc-num\">Na \u00b7 K \u00b7 Mg<\/span>\n        <span class=\"fc-label\">Key electrolytes<\/span>\n      <\/div>\n      <div class=\"floating-chip chip-3\">\n        <span class=\"fc-num\">4+<\/span>\n        <span class=\"fc-label\">Suitable from age 4*<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- QUICK PICKER -->\n<section class=\"picker-bg\" id=\"productos\">\n  <div class=\"picker-head\">\n    <span class=\"eyebrow\">Choose your formula<\/span>\n    <h2 class=\"section-title reveal\">Four solutions, <em>one shared<\/em> goal<\/h2>\n    <p class=\"section-desc reveal\">Every moment of your day has its own electrolyte: hydration, recovery, activity or focus.<\/p>\n  <\/div>\n  <div class=\"picker-grid\">\n    <a href=\"#plus\" class=\"picker-card reveal\">\n      <div class=\"img-placeholder picker-thumb has-photo\"><img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/elektrolyte-plus.jpg\" alt=\"Electrolytes Plus\" loading=\"lazy\"><\/div>\n      <span class=\"picker-tag\">Daily hydration<\/span>\n      <h4>Electrolytes Plus<\/h4>\n      <p>WHO-based formula with glucose and sodium. Suitable from age 4.<\/p>\n    <\/a>\n    <a href=\"#recovery\" class=\"picker-card reveal\">\n      <div class=\"img-placeholder picker-thumb has-photo\"><img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/elektro-recovery.jpg\" alt=\"Electrolytes Recovery\" loading=\"lazy\"><\/div>\n      <span class=\"picker-tag\">Recovery<\/span>\n      <h4>Electrolytes Recovery<\/h4>\n      <p>With choline for liver function, ideal after exertion.<\/p>\n    <\/a>\n    <a href=\"#active\" class=\"picker-card reveal\">\n      <div class=\"img-placeholder picker-thumb has-photo\"><img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/elektrolyte-activ.webp\" alt=\"Electrolytes Active\" loading=\"lazy\"><\/div>\n      <span class=\"picker-tag\">Active lifestyle<\/span>\n      <h4>Electrolytes Active<\/h4>\n      <p>No sugar, no calories, with B vitamins. Vegan.<\/p>\n    <\/a>\n    <a href=\"#boost\" class=\"picker-card reveal\">\n      <div class=\"img-placeholder picker-thumb has-photo\"><img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/elektro-active-caffein.jpg\" alt=\"Electrolytes Boost + Caffeine\" loading=\"lazy\"><\/div>\n      <span class=\"picker-tag\">Focus and energy<\/span>\n      <h4>Electrolytes Boost + Caffeine<\/h4>\n      <p>150 mg of caffeine per dose. Not suitable for children.<\/p>\n    <\/a>\n  <\/div>\n<\/section>\n\n<!-- STATS -->\n<div class=\"stats-strip\">\n  <div class=\"stat-item\"><span class=\"stat-num\">4<\/span><div class=\"stat-label\">Specific electrolyte formulas<\/div><\/div>\n  <div class=\"stat-item\"><span class=\"stat-num\">+40%<\/span><div class=\"stat-label\">of athletes use electrolytes for recovery\u00b9<\/div><\/div>\n  <div class=\"stat-item\"><span class=\"stat-num\">N\u00ba1<\/span><div class=\"stat-label\">sanotact\u00ae Electrolytes, leader in German retail<\/div><\/div>\n  <div class=\"stat-item\"><span class=\"stat-num\">4+<\/span><div class=\"stat-label\">Lines suitable from age 4 (except Boost)<\/div><\/div>\n<\/div>\n\n<!-- PILLARS -->\n<div class=\"pillars-strip\">\n  <div class=\"pillar-item\"><span class=\"pillar-num\">01<\/span><span class=\"pillar-label\">Plus formula based on the WHO standard<\/span><\/div>\n  <div class=\"pillar-item\"><span class=\"pillar-num\">02<\/span><span class=\"pillar-label\">Sodium, potassium, magnesium and chloride in every dose<\/span><\/div>\n  <div class=\"pillar-item\"><span class=\"pillar-num\">03<\/span><span class=\"pillar-label\">No artificial colorants<\/span><\/div>\n  <div class=\"pillar-item\"><span class=\"pillar-num\">04<\/span><span class=\"pillar-label\">Cologne List\u00ae certified \u2014 Plus and Active<\/span><\/div>\n  <div class=\"pillar-item\"><span class=\"pillar-num\">05<\/span><span class=\"pillar-label\">German brand, category leader<\/span><\/div>\n<\/div>\n\n<!-- LIFESTYLE -->\n<section class=\"lifestyle-bg\">\n  <div class=\"lifestyle-grid\">\n    <div class=\"lifestyle-photo reveal\">\n      <div class=\"img-placeholder has-photo\">\n        <img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/lifestyle-order.webp\" alt=\"Couple hydrating outdoors after a workout\" loading=\"lazy\">\n      <\/div>\n    <\/div>\n    <div class=\"lifestyle-copy reveal\">\n      <div class=\"section-head\">\n        <span class=\"eyebrow\">Why replace electrolytes<\/span>\n        <h2 class=\"section-title\">Losing just 1-2% of body water <em>already affects you<\/em><\/h2>\n        <p class=\"section-desc\">When you sweat you don&#8217;t just lose water: you lose sodium, potassium and magnesium, minerals essential for nerve transmission, muscle function and fluid balance. Replacing them along with water is more effective than hydrating with water alone.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- USE CASES -->\n<section class=\"usecase-bg\" id=\"usos\">\n  <div class=\"section-head\">\n    <span class=\"eyebrow\">When to use them<\/span>\n    <h2 class=\"section-title reveal\">An electrolyte for <em>every<\/em> situation<\/h2>\n    <p class=\"section-desc reveal\">Sport, heat, travel, long days or the morning after \u2014 each formula is designed for a different moment.<\/p>\n  <\/div>\n  <div class=\"usecase-grid\">\n    <div class=\"usecase-card reveal\">\n      <div class=\"usecase-icon\">\ud83c\udfc3<\/div>\n      <div class=\"usecase-title\">Sport and exercise<\/div>\n      <div class=\"usecase-desc\">Fluid and electrolyte loss from sweating during training.<\/div>\n    <\/div>\n    <div class=\"usecase-card reveal\">\n      <div class=\"usecase-icon\">\u2600\ufe0f<\/div>\n      <div class=\"usecase-title\">Heat and travel<\/div>\n      <div class=\"usecase-desc\">Climate changes and increased sweating that throw off your body&#8217;s fluid balance.<\/div>\n    <\/div>\n    <div class=\"usecase-card reveal\">\n      <div class=\"usecase-icon\">\ud83e\udde0<\/div>\n      <div class=\"usecase-title\">Mental stress<\/div>\n      <div class=\"usecase-desc\">B vitamins and caffeine to support focus and energy on demanding days.<\/div>\n    <\/div>\n    <div class=\"usecase-card reveal\">\n      <div class=\"usecase-icon\">\ud83c\udf19<\/div>\n      <div class=\"usecase-title\">After a long night<\/div>\n      <div class=\"usecase-desc\">Dehydration and electrolyte imbalance after alcohol consumption.<\/div>\n    <\/div>\n    <div class=\"usecase-card reveal\">\n      <div class=\"usecase-icon\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67<\/div>\n      <div class=\"usecase-title\">Families and children<\/div>\n      <div class=\"usecase-desc\">Electrolytes Plus is suitable for children from age 4.<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ PRODUCT 1: PLUS ============ -->\n<section class=\"product-section\" id=\"plus\">\n  <div class=\"product-grid\">\n    <div class=\"product-visual reveal\">\n      <div class=\"img-placeholder has-photo\">\n        <img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/elektrolyte-plus.jpg\" alt=\"sanotact\u00ae Electrolytes Plus pack\" loading=\"lazy\">\n      <\/div>\n    <\/div>\n    <div class=\"product-copy reveal\">\n      <span class=\"eyebrow\">Daily hydration<\/span>\n      <h3 class=\"product-title\">Electrolytes Plus<\/h3>\n      <p class=\"product-desc\">The glucose and sodium combination in <strong>Electrolytes Plus<\/strong> is based on the WHO formula and helps the intestine absorb water more efficiently than water alone. Ideal for heat, diarrhea or exercise.<\/p>\n      <div class=\"product-cols\">\n        <div class=\"product-col\">\n          <h4>Scientific basis<\/h4>\n          <ul class=\"purity-points\">\n            <li>Glucose and sodium enhance intestinal water absorption<\/li>\n            <li>Magnesium contributes to normal muscle function and electrolyte balance<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"product-col\">\n          <h4>Key differentiators<\/h4>\n          <ul class=\"purity-points\">\n            <li>6 g of glucose per 2 sticks \u2014 WHO-based formula<\/li>\n            <li>High in sodium, potassium and magnesium<\/li>\n            <li>No artificial colorants<\/li>\n            <li>Suitable for children from age 4<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"product-use-box\">\n        <span class=\"puc-icon\">\ud83d\udca7<\/span>\n        <p><strong>How to use:<\/strong> 2 sticks daily, each dissolved in 200 ml of water.<\/p>\n      <\/div>\n      <div class=\"product-flavour\"><span class=\"flavour-dot\" style=\"background:#F0A93E;\"><\/span>Orange flavour<\/div>\n      <div class=\"product-badges\">\n        <span class=\"pbadge\">Best Seller 2023<\/span>\n        <span class=\"pbadge\">Cologne List\u00ae certified<\/span>\n      <\/div>\n      <div class=\"product-purchase\">\n        <div class=\"qty-selector\" data-product=\"plus\">\n          <button type=\"button\" class=\"qty-btn qty-minus\" aria-label=\"Decrease quantity\">\u2212<\/button>\n          <span class=\"qty-display\" aria-live=\"polite\" style=\"display:inline-block !important; min-width:26px !important; text-align:center !important; font-family:'Inter',sans-serif !important; font-weight:700 !important; font-size:0.95rem !important; color:#12293B !important; -webkit-text-fill-color:#12293B !important; line-height:44px !important; height:44px !important; background:transparent !important; opacity:1 !important;\">1<\/span><input type=\"hidden\" class=\"qty-input\" value=\"1\">\n          <button type=\"button\" class=\"qty-btn qty-plus\" aria-label=\"Increase quantity\">+<\/button>\n        <\/div>\n        <a href=\"https:\/\/order-science.com\/checkout\/?add-to-cart=515&amp;quantity=1\" class=\"product-buy-btn electrolitos-buy-link\" data-base-url=\"https:\/\/order-science.com\/checkout\/?add-to-cart=515\" data-product-id=\"515\" data-product=\"plus\" data-unit-price=\"25000\" target=\"_blank\" rel=\"noopener\"><span class=\"cta-label\">Buy now<\/span><span class=\"cta-price\">$25.000<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ PRODUCT 2: RECOVERY ============ -->\n<section class=\"product-section\" id=\"recovery\">\n  <div class=\"product-grid reverse\">\n    <div class=\"product-visual reveal\">\n      <div class=\"img-placeholder has-photo\">\n        <img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/elektro-recovery.jpg\" alt=\"sanotact\u00ae Electrolytes Recovery pack\" loading=\"lazy\">\n      <\/div>\n    <\/div>\n    <div class=\"product-copy reveal\">\n      <span class=\"eyebrow\">Complete recovery<\/span>\n      <h3 class=\"product-title\">Electrolytes Recovery<\/h3>\n      <p class=\"product-desc\">More than hydration: <strong>Electrolytes Recovery<\/strong> combines electrolytes, glucose, B vitamins and 100 mg of choline to support liver function \u2014 ideal after heat, physical exertion or alcohol consumption.<\/p>\n      <div class=\"product-cols\">\n        <div class=\"product-col\">\n          <h4>Scientific basis<\/h4>\n          <ul class=\"purity-points\">\n            <li>Choline contributes to normal liver function<\/li>\n            <li>Magnesium and B vitamins help reduce tiredness and fatigue<\/li>\n            <li>Glucose and sodium improve hydration<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"product-col\">\n          <h4>Key differentiators<\/h4>\n          <ul class=\"purity-points\">\n            <li>100 mg of choline per daily dose<\/li>\n            <li>With glucose, B vitamins and electrolytes<\/li>\n            <li>Designed for after exertion or the night before<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"product-use-box\">\n        <span class=\"puc-icon\">\ud83d\udca7<\/span>\n        <p><strong>How to use:<\/strong> 2 sticks daily, each dissolved in 200 ml of water.<\/p>\n      <\/div>\n      <div class=\"product-flavour\"><span class=\"flavour-dot\" style=\"background:#E8896B;\"><\/span>Peach flavour<\/div>\n      <div class=\"product-badges\">\n        <span class=\"pbadge\">Choline for liver function<\/span>\n      <\/div>\n      <div class=\"product-purchase\">\n        <div class=\"qty-selector\" data-product=\"recovery\">\n          <button type=\"button\" class=\"qty-btn qty-minus\" aria-label=\"Decrease quantity\">\u2212<\/button>\n          <span class=\"qty-display\" aria-live=\"polite\" style=\"display:inline-block !important; min-width:26px !important; text-align:center !important; font-family:'Inter',sans-serif !important; font-weight:700 !important; font-size:0.95rem !important; color:#12293B !important; -webkit-text-fill-color:#12293B !important; line-height:44px !important; height:44px !important; background:transparent !important; opacity:1 !important;\">1<\/span><input type=\"hidden\" class=\"qty-input\" value=\"1\">\n          <button type=\"button\" class=\"qty-btn qty-plus\" aria-label=\"Increase quantity\">+<\/button>\n        <\/div>\n        <a href=\"https:\/\/order-science.com\/checkout\/?add-to-cart=516&amp;quantity=1\" class=\"product-buy-btn electrolitos-buy-link\" data-base-url=\"https:\/\/order-science.com\/checkout\/?add-to-cart=516\" data-product-id=\"516\" data-product=\"recovery\" data-unit-price=\"13000\" target=\"_blank\" rel=\"noopener\"><span class=\"cta-label\">Buy now<\/span><span class=\"cta-price\">$13.000<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ PRODUCT 3: ACTIVE ============ -->\n<section class=\"product-section\" id=\"active\">\n  <div class=\"product-grid\">\n    <div class=\"product-visual reveal\">\n      <div class=\"img-placeholder has-photo\">\n        <img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/elektrolyte-activ.webp\" alt=\"sanotact\u00ae Electrolytes Active pack\" loading=\"lazy\">\n      <\/div>\n    <\/div>\n    <div class=\"product-copy reveal\">\n      <span class=\"eyebrow\">For an active lifestyle<\/span>\n      <h3 class=\"product-title\">Electrolytes Active<\/h3>\n      <p class=\"product-desc\"><strong>Electrolytes Active<\/strong> combines the key electrolytes with B vitamins to support muscle function and energy metabolism \u2014 with no added sugars or calories.<\/p>\n      <div class=\"product-cols\">\n        <div class=\"product-col\">\n          <h4>Scientific basis<\/h4>\n          <ul class=\"purity-points\">\n            <li>Magnesium and potassium contribute to normal muscle function<\/li>\n            <li>Vitamins B2 and B6 support energy metabolism and help reduce tiredness<\/li>\n            <li>Sugar-free and calorie-free<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"product-col\">\n          <h4>Key differentiators<\/h4>\n          <ul class=\"purity-points\">\n            <li>With vitamins B1, B2 and B6<\/li>\n            <li>Vegan \u00b7 Cologne List\u00ae certified<\/li>\n            <li>4 flavours to choose from<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"product-use-box\">\n        <span class=\"puc-icon\">\ud83d\udca7<\/span>\n        <p><strong>How to use:<\/strong> 2 effervescent tablets daily, each in 400-500 ml of water.<\/p>\n      <\/div>\n      <div class=\"product-flavour\"><span class=\"flavour-dot\" style=\"background:#D6E24A;\"><\/span>Grapefruit-lime \u00b7 Grape \u00b7 Mixed berry-ginger \u00b7 Pomegranate<\/div>\n      <div class=\"product-badges\">\n        <span class=\"pbadge\">Vegan<\/span>\n        <span class=\"pbadge\">Cologne List\u00ae certified<\/span>\n      <\/div>\n      <div class=\"product-purchase\">\n        <div class=\"qty-selector\" data-product=\"active\">\n          <button type=\"button\" class=\"qty-btn qty-minus\" aria-label=\"Decrease quantity\">\u2212<\/button>\n          <span class=\"qty-display\" aria-live=\"polite\" style=\"display:inline-block !important; min-width:26px !important; text-align:center !important; font-family:'Inter',sans-serif !important; font-weight:700 !important; font-size:0.95rem !important; color:#12293B !important; -webkit-text-fill-color:#12293B !important; line-height:44px !important; height:44px !important; background:transparent !important; opacity:1 !important;\">1<\/span><input type=\"hidden\" class=\"qty-input\" value=\"1\">\n          <button type=\"button\" class=\"qty-btn qty-plus\" aria-label=\"Increase quantity\">+<\/button>\n        <\/div>\n        <a href=\"https:\/\/order-science.com\/checkout\/?add-to-cart=517&amp;quantity=1\" class=\"product-buy-btn electrolitos-buy-link\" data-base-url=\"https:\/\/order-science.com\/checkout\/?add-to-cart=517\" data-product-id=\"517\" data-product=\"active\" data-unit-price=\"19000\" target=\"_blank\" rel=\"noopener\"><span class=\"cta-label\">Buy now<\/span><span class=\"cta-price\">$19.000<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ PRODUCT 4: BOOST + CAFFEINE ============ -->\n<section class=\"product-section\" id=\"boost\">\n  <div class=\"product-grid reverse\">\n    <div class=\"product-visual reveal\">\n      <div class=\"img-placeholder has-photo\">\n        <img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/elektro-active-caffein.jpg\" alt=\"sanotact\u00ae Electrolytes Boost + Caffeine pack\" loading=\"lazy\">\n      <\/div>\n    <\/div>\n    <div class=\"product-copy reveal\">\n      <span class=\"eyebrow\">Focus and energy<\/span>\n      <h3 class=\"product-title\">Electrolytes Boost + Caffeine<\/h3>\n      <p class=\"product-desc\">When fluid loss and tiredness affect physical and mental performance, <strong>Electrolytes Boost + Caffeine<\/strong> adds 150 mg of caffeine to electrolyte replenishment.<\/p>\n      <div class=\"product-cols\">\n        <div class=\"product-col\">\n          <h4>Scientific basis<\/h4>\n          <ul class=\"purity-points\">\n            <li>Caffeine contributes to increased alertness and concentration<\/li>\n            <li>Electrolytes replenish losses caused by sweating<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"product-col\">\n          <h4>Key differentiators<\/h4>\n          <ul class=\"purity-points\">\n            <li>150 mg of caffeine (2 tablets)<\/li>\n            <li>Ideal before training or on long days<\/li>\n            <li>Vegan, sugar-free<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"product-use-box\">\n        <span class=\"puc-icon\">\ud83d\udca7<\/span>\n        <p><strong>How to use:<\/strong> 2 effervescent tablets daily, each in 400-500 ml of water.<\/p>\n      <\/div>\n      <p class=\"product-note warn\">\u26a0 Not recommended for children, pregnant or breastfeeding women (contains 150 mg of caffeine).<\/p>\n      <div class=\"product-flavour\"><span class=\"flavour-dot\" style=\"background:#F2994A;\"><\/span>Tropical flavour<\/div>\n      <div class=\"product-badges\">\n        <span class=\"pbadge\">150 mg caffeine<\/span>\n      <\/div>\n      <div class=\"product-purchase\">\n        <div class=\"qty-selector\" data-product=\"boost\">\n          <button type=\"button\" class=\"qty-btn qty-minus\" aria-label=\"Decrease quantity\">\u2212<\/button>\n          <span class=\"qty-display\" aria-live=\"polite\" style=\"display:inline-block !important; min-width:26px !important; text-align:center !important; font-family:'Inter',sans-serif !important; font-weight:700 !important; font-size:0.95rem !important; color:#12293B !important; -webkit-text-fill-color:#12293B !important; line-height:44px !important; height:44px !important; background:transparent !important; opacity:1 !important;\">1<\/span><input type=\"hidden\" class=\"qty-input\" value=\"1\">\n          <button type=\"button\" class=\"qty-btn qty-plus\" aria-label=\"Increase quantity\">+<\/button>\n        <\/div>\n        <a href=\"https:\/\/order-science.com\/checkout\/?add-to-cart=518&amp;quantity=1\" class=\"product-buy-btn electrolitos-buy-link\" data-base-url=\"https:\/\/order-science.com\/checkout\/?add-to-cart=518\" data-product-id=\"518\" data-product=\"boost\" data-unit-price=\"21000\" target=\"_blank\" rel=\"noopener\"><span class=\"cta-label\">Buy now<\/span><span class=\"cta-price\">$21.000<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- COMPARISON TABLE -->\n<section class=\"compare-bg\" id=\"comparativa\">\n  <div class=\"section-head\">\n    <span class=\"eyebrow\">Nutritional composition<\/span>\n    <h2 class=\"section-title reveal\">All 4 formulas, <em>side by side<\/em><\/h2>\n    <p class=\"section-desc reveal\">Content per recommended daily dose of each line.<\/p>\n  <\/div>\n  <p class=\"scroll-hint\">\u2190 Swipe to see all 4 formulas \u2192<\/p>\n  <div class=\"table-scroll reveal\">\n    <table class=\"compare-table\">\n      <thead>\n        <tr>\n          <th>Per daily dose<\/th>\n          <th>Plus<br><span style=\"font-weight:400;font-size:0.72rem;color:var(--text-light);\">2 sticks<\/span><\/th>\n          <th>Recovery<br><span style=\"font-weight:400;font-size:0.72rem;color:var(--text-light);\">2 sticks<\/span><\/th>\n          <th>Active<br><span style=\"font-weight:400;font-size:0.72rem;color:var(--text-light);\">2 tablets<\/span><\/th>\n          <th>Boost + Caffeine<br><span style=\"font-weight:400;font-size:0.72rem;color:var(--text-light);\">2 tablets<\/span><\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <tr><td>Sodium<\/td><td>640 mg<\/td><td>640 mg<\/td><td>670 mg<\/td><td>670 mg<\/td><\/tr>\n        <tr><td>Chloride<\/td><td>870 mg<\/td><td>870 mg<\/td><td>630 mg<\/td><td>630 mg<\/td><\/tr>\n        <tr><td>Potassium<\/td><td>300 mg<\/td><td>300 mg<\/td><td>300 mg<\/td><td>300 mg<\/td><\/tr>\n        <tr><td>Magnesium<\/td><td>150 mg<\/td><td>150 mg<\/td><td>112.5 mg<\/td><td>112.5 mg<\/td><\/tr>\n        <tr><td>Glucose<\/td><td>6.0 g<\/td><td>6.0 g<\/td><td class=\"dash\">\u2014<\/td><td class=\"dash\">\u2014<\/td><\/tr>\n        <tr><td>Caffeine<\/td><td class=\"dash\">\u2014<\/td><td class=\"dash\">\u2014<\/td><td class=\"dash\">\u2014<\/td><td>150 mg<\/td><\/tr>\n        <tr><td>Choline<\/td><td class=\"dash\">\u2014<\/td><td>100 mg<\/td><td class=\"dash\">\u2014<\/td><td class=\"dash\">\u2014<\/td><\/tr>\n        <tr><td>Pantothenic acid<\/td><td class=\"dash\">\u2014<\/td><td>6 mg<\/td><td class=\"dash\">\u2014<\/td><td class=\"dash\">\u2014<\/td><\/tr>\n        <tr><td>Vitamin B1<\/td><td class=\"dash\">\u2014<\/td><td class=\"dash\">\u2014<\/td><td>0.6 mg<\/td><td>0.6 mg<\/td><\/tr>\n        <tr><td>Vitamin B2<\/td><td class=\"dash\">\u2014<\/td><td class=\"dash\">\u2014<\/td><td>0.7 mg<\/td><td>0.7 mg<\/td><\/tr>\n        <tr><td>Vitamin B6<\/td><td class=\"dash\">\u2014<\/td><td class=\"dash\">\u2014<\/td><td>0.9 mg<\/td><td>0.9 mg<\/td><\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n  <p class=\"table-note\">Source: sanotact\u00ae nutritional information. Values correspond to the recommended daily dose of each product.<\/p>\n  <div class=\"concentration-note reveal\">\n    <h4>It&#8217;s not just how many electrolytes it has, but at what concentration<\/h4>\n    <p>Many products on the market list the same electrolytes \u2014 sodium, chloride, potassium and magnesium \u2014 but that doesn&#8217;t make them equivalent. What really determines whether a formula hydrates effectively is <strong>the concentration of each mineral per dose<\/strong>, not just its presence on the label. sanotact\u00ae formulas are developed with the specific amounts that support each use case \u2014 from daily hydration to post-exertion recovery \u2014 not just a list of ingredients.<\/p>\n  <\/div>\n<\/section>\n\n<!-- AGE GROUPS -->\n<section class=\"age-bg\" id=\"edades\">\n  <div class=\"section-head\">\n    <span class=\"eyebrow\">Age groups<\/span>\n    <h2 class=\"section-title reveal\">Who can take <em>each<\/em> formula<\/h2>\n  <\/div>\n  <div class=\"age-grid\">\n    <div class=\"age-card reveal\">\n      <h4>Electrolytes Plus<\/h4>\n      <p>Also suitable for children from age 4.<\/p>\n    <\/div>\n    <div class=\"age-card reveal\">\n      <h4>Electrolytes Active<\/h4>\n      <p>Suitable for adults. Vegan and sugar-free.<\/p>\n    <\/div>\n    <div class=\"age-card reveal\">\n      <h4>Electrolytes Recovery<\/h4>\n      <p>Suitable for adults, especially recommended after exertion or alcohol consumption.<\/p>\n    <\/div>\n    <div class=\"age-card warn reveal\">\n      <h4>Electrolytes Boost + Caffeine<\/h4>\n      <p>Not recommended for children or for pregnant or breastfeeding women \u2014 contains 150 mg of caffeine.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section class=\"faq-bg\" id=\"faq\">\n  <div class=\"section-head\">\n    <span class=\"eyebrow\">Frequently asked questions<\/span>\n    <h2 class=\"section-title reveal\">Everything you need to <em>know<\/em><\/h2>\n  <\/div>\n  <div class=\"faq-list\">\n    <div class=\"faq-item\">\n      <div class=\"faq-question\">Which one should I choose if I play sports?<\/div>\n      <div class=\"faq-answer\">Electrolytes Active is the best fit: it replenishes sodium, potassium and magnesium along with B vitamins, with no added sugar or calories. If you&#8217;re also looking for an extra boost of energy and focus before training, Electrolytes Boost + Caffeine adds 150 mg of caffeine.<\/div>\n    <\/div>\n    <div class=\"faq-item\">\n      <div class=\"faq-question\">Which one is suitable for children?<\/div>\n      <div class=\"faq-answer\">Electrolytes Plus is recommended for children from age 4. Electrolytes Boost + Caffeine is not suitable for children due to its caffeine content.<\/div>\n    <\/div>\n    <div class=\"faq-item\">\n      <div class=\"faq-question\">What makes Electrolytes Recovery different?<\/div>\n      <div class=\"faq-answer\">It adds 100 mg of choline, which contributes to normal liver function, along with glucose, sodium and B vitamins. It&#8217;s designed for after heat, physical exertion or alcohol consumption.<\/div>\n    <\/div>\n    <div class=\"faq-item\">\n      <div class=\"faq-question\">Can I take Boost + Caffeine if I&#8217;m pregnant?<\/div>\n      <div class=\"faq-answer\">It&#8217;s not recommended. Since it contains 150 mg of caffeine, it&#8217;s not suitable for pregnant or breastfeeding women, or for children.<\/div>\n    <\/div>\n    <div class=\"faq-item\">\n      <div class=\"faq-question\">How are they prepared?<\/div>\n      <div class=\"faq-answer\">Electrolytes Plus and Recovery: 2 sticks daily, each dissolved in 200 ml of water. Electrolytes Active and Boost + Caffeine: 2 effervescent tablets daily, each in 400-500 ml of water.<\/div>\n    <\/div>\n    <div class=\"faq-item\">\n      <div class=\"faq-question\">Do the products contain artificial colorants?<\/div>\n      <div class=\"faq-answer\">No. Electrolytes Plus is formulated without artificial colorants, in line with the rest of the sanotact\u00ae Electrolytes range.<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA -->\n<section class=\"cta-section\" id=\"comprar\">\n  <h2>Find your <em>ideal electrolyte<\/em><\/h2>\n  <p>Four formulas, one standard: the leading German electrolyte brand.<\/p>\n  <div class=\"cta-buttons\">\n    <a href=\"https:\/\/order-science.com\/checkout\/?add-to-cart=515&amp;quantity=1\" class=\"btn-cta-white electrolitos-buy-link\" data-base-url=\"https:\/\/order-science.com\/checkout\/?add-to-cart=515\" data-product-id=\"515\" target=\"_blank\" rel=\"noopener\"><span class=\"cta-label\">Buy Electrolytes Plus \u2014 $25.000<\/span><\/a>\n    <a href=\"https:\/\/order-science.com\/checkout\/?add-to-cart=516&amp;quantity=1\" class=\"btn-cta-white electrolitos-buy-link\" data-base-url=\"https:\/\/order-science.com\/checkout\/?add-to-cart=516\" data-product-id=\"516\" target=\"_blank\" rel=\"noopener\"><span class=\"cta-label\">Buy Electrolytes Recovery \u2014 $13.000<\/span><\/a>\n    <a href=\"https:\/\/order-science.com\/checkout\/?add-to-cart=517&amp;quantity=1\" class=\"btn-cta-white electrolitos-buy-link\" data-base-url=\"https:\/\/order-science.com\/checkout\/?add-to-cart=517\" data-product-id=\"517\" target=\"_blank\" rel=\"noopener\"><span class=\"cta-label\">Buy Electrolytes Active \u2014 $19.000<\/span><\/a>\n    <a href=\"https:\/\/order-science.com\/checkout\/?add-to-cart=518&amp;quantity=1\" class=\"btn-cta-white electrolitos-buy-link\" data-base-url=\"https:\/\/order-science.com\/checkout\/?add-to-cart=518\" data-product-id=\"518\" target=\"_blank\" rel=\"noopener\"><span class=\"cta-label\">Buy Boost + Caffeine \u2014 $21.000<\/span><\/a>\n  <\/div>\n  <p class=\"presentation-note\">sanotact\u00ae \u00b7 A German Brand \u2014 Cologne List\u00ae \u00b7 WHO-based formula<\/p>\n  <p class=\"anmat-legend\">Dietary supplement. Complements insufficient diets. Consult your doctor and\/or pharmacist.<\/p>\n<\/section>\n\n<!-- ORDER BAND -->\n<div class=\"order-band\">\n  <div class=\"order-brand\">\n    <img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/06\/cropped-Logo_order-04-2-removebg-preview-300x100.png\" alt=\"ORDER Nutritional Science\" style=\"height:40px; width:auto; display:block;\" loading=\"lazy\">\n    <div style=\"width:1px; height:40px; background:rgba(10,59,88,0.12);\"><\/div>\n    <div class=\"order-info\">\n      <strong>Distributed by ORDER Nutritional Science<\/strong><br>\n      Science, nutrition and precision\n    <\/div>\n  <\/div>\n  <div class=\"order-contact\">\n    <span>\ud83c\udf10 <a href=\"https:\/\/order-science.com\" target=\"_blank\" rel=\"noopener\">order-science.com<\/a><\/span>\n    <span style=\"color:var(--text-light); font-size:0.78rem;\">Premium supplements \u00b7 Argentine market<\/span>\n  <\/div>\n<\/div>\n\n<footer>\n  \u00b9 IMARC Group (2023) identifies increasing alcohol consumption and wellness trends as key growth drivers for electrolyte supplements.<br>\n  sanotact\u00ae is a registered trademark of sanotact GmbH, M\u00fcnster, Germany.\n<\/footer>\n\n<\/div><!-- \/.electro-lp -->\n\n<script>\n  document.querySelector('.electro-lp').classList.add('js-reveal-active');\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry, i) => {\n      if (entry.isIntersecting) {\n        setTimeout(() => entry.target.classList.add('visible'), i * 70);\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.12 });\n\n  document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n  document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n    a.addEventListener('click', e => {\n      const target = document.querySelector(a.getAttribute('href'));\n      if (target) {\n        e.preventDefault();\n        target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n    });\n  });\n\n  document.querySelectorAll('.faq-question').forEach(question => {\n    question.addEventListener('click', () => {\n      const item = question.parentElement;\n      const isActive = item.classList.contains('active');\n      document.querySelectorAll('.faq-item').forEach(faq => faq.classList.remove('active'));\n      if (!isActive) item.classList.add('active');\n    });\n  });\n\n  \/\/ Selector de cantidad + link de compra\n  document.querySelectorAll('.product-purchase').forEach(block => {\n    const input = block.querySelector('.qty-input'); \/\/ hidden, guarda el valor real\n    const display = block.querySelector('.qty-display'); \/\/ span visible\n    const minusBtn = block.querySelector('.qty-minus');\n    const plusBtn = block.querySelector('.qty-plus');\n    const buyBtn = block.querySelector('.product-buy-btn');\n    const baseUrl = buyBtn.getAttribute('data-base-url') || buyBtn.getAttribute('href');\n    const unitPrice = parseInt(buyBtn.getAttribute('data-unit-price'), 10) || 0;\n    const priceSpan = buyBtn.querySelector('.cta-price');\n\n    function clamp(val) {\n      val = parseInt(val, 10);\n      if (isNaN(val) || val < 1) val = 1;\n      if (val > 99) val = 99;\n      return val;\n    }\n\n    function formatPrice(n) {\n      return '$' + n.toLocaleString('es-AR');\n    }\n\n    function setQty(qty) {\n      qty = clamp(qty);\n      input.value = qty;\n      display.textContent = qty;\n      \/\/ arma el link real de compra (abre en pesta\u00f1a nueva, mismo patr\u00f3n que el resto del sitio)\n      if (!baseUrl || baseUrl.charAt(0) === '#') {\n        buyBtn.setAttribute('href', baseUrl);\n      } else {\n        const sep = baseUrl.indexOf('?') === -1 ? '?' : '&';\n        buyBtn.setAttribute('href', baseUrl + sep + 'quantity=' + qty);\n      }\n      if (priceSpan && unitPrice) {\n        priceSpan.textContent = formatPrice(unitPrice * qty);\n      }\n    }\n\n    minusBtn.addEventListener('click', () => setQty(parseInt(input.value, 10) - 1));\n    plusBtn.addEventListener('click', () => setQty(parseInt(input.value, 10) + 1));\n    setQty(1);\n  });\n\n  \/\/ Agregar al carrito v\u00eda AJAX de WooCommerce (sin salir de la p\u00e1gina),\n  \/\/ para que el carrito lateral del sitio se abra en vez de ir directo al checkout.\n  function electrolitosAddToCart(link) {\n    if (link.classList.contains('is-loading')) return;\n\n    const productId = link.dataset.productId;\n    let quantity = '1';\n    try {\n      quantity = new URL(link.href, window.location.href).searchParams.get('quantity') || '1';\n    } catch (err) {}\n\n    const labelEl = link.querySelector('.cta-label');\n    const originalLabel = labelEl ? labelEl.textContent : '';\n\n    \/\/ Fija el ancho actual del bot\u00f3n para que no \"salte\" al cambiar el texto\n    \/\/ (Comprar ahora \u2192 Agregando\u2026 \u2192 \u00a1Agregado!).\n    link.style.minWidth = link.offsetWidth + 'px';\n\n    link.classList.add('is-loading');\n    if (labelEl) labelEl.textContent = 'Adding\u2026';\n\n    const body = new URLSearchParams();\n    body.set('product_id', productId);\n    body.set('quantity', quantity);\n\n    \/\/ URL relativa: pega siempre al mismo dominio\/subdominio con el que se\n    \/\/ carg\u00f3 la p\u00e1gina (evita bloqueos de CORS si el sitio usa www vs. sin www,\n    \/\/ http vs. https, etc.).\n    fetch('\/?wc-ajax=add_to_cart', {\n      method: 'POST',\n      credentials: 'same-origin',\n      headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\n      body: body.toString()\n    })\n      .then(res => res.text().then(text => ({ status: res.status, text: text })))\n      .then(({ status, text }) => {\n        let data;\n        try {\n          data = JSON.parse(text);\n        } catch (parseErr) {\n          console.error('Electrolitos: la respuesta de add_to_cart no es JSON (status ' + status + ')', text.slice(0, 600));\n          throw new Error('invalid_json');\n        }\n\n        if (!data || data.error) {\n          console.error('Electrolitos: WooCommerce devolvi\u00f3 error al agregar al carrito (status ' + status + ')', data);\n          throw new Error('add_to_cart_error');\n        }\n\n        \/\/ Actualiza los fragments de WooCommerce (mini-cart \/ carrito lateral)\n        if (data.fragments) {\n          Object.keys(data.fragments).forEach(selector => {\n            document.querySelectorAll(selector).forEach(el => {\n              el.outerHTML = data.fragments[selector];\n            });\n          });\n        }\n\n        \/\/ El producto ya est\u00e1 en el carrito en este punto \u2014 lo de abajo es\n        \/\/ solo avisarle al carrito lateral \/ a WooCommerce que se agreg\u00f3,\n        \/\/ as\u00ed que un error ac\u00e1 NO debe mandarnos al checkout de respaldo.\n        try {\n          if (window.jQuery) {\n            const $link = window.jQuery(link); \/\/ WooCommerce espera un objeto jQuery, no un elemento DOM crudo\n            window.jQuery(document.body).trigger('added_to_cart', [data.fragments, data.cart_hash, $link]);\n            window.jQuery(document.body).trigger('wc_fragments_refreshed');\n          }\n          document.body.dispatchEvent(new CustomEvent('added_to_cart', { detail: data }));\n        } catch (triggerErr) {\n          console.error('Electrolitos: el agregado funcion\u00f3 pero un listener de \"added_to_cart\" tir\u00f3 error', triggerErr);\n        }\n\n        link.classList.remove('is-loading');\n        if (labelEl) {\n          labelEl.textContent = 'Added!';\n          setTimeout(() => {\n            labelEl.textContent = originalLabel;\n            link.style.minWidth = '';\n          }, 1600);\n        }\n      })\n      .catch(err => {\n        console.error('Electrolitos: fallo el agregado por AJAX, redirigiendo al checkout', err);\n        \/\/ Si el agregado por AJAX falla de verdad, seguimos con el flujo cl\u00e1sico: ir al checkout.\n        window.location.href = link.href;\n      });\n  }\n\n  document.querySelectorAll('.electrolitos-buy-link').forEach(link => {\n    link.addEventListener('click', function (e) {\n      e.preventDefault();\n      electrolitosAddToCart(this);\n    });\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>ES EN sanotact\u00ae \u00b7 A German Brand Your body loseselectrolytes. Replace them right. Four electrolyte formulas developed in Germany for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-555","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/pages\/555","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/comments?post=555"}],"version-history":[{"count":2,"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/pages\/555\/revisions"}],"predecessor-version":[{"id":559,"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/pages\/555\/revisions\/559"}],"wp:attachment":[{"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/media?parent=555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}