:is(html, body).electrolytes-product .electrolytes-scope{--ink: #172423; --muted: #667674; --line: #c9dcda; --soft: #eef7f6; --accent: #006460; --accent-2: #00877f; --positive: #168548; --warning: #b64131; --white: #fff; --radius: 8px;}
:is(html, body).electrolytes-product .audience-tags{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 9px;}
:is(html, body).electrolytes-product .audience-tags a{display: inline-flex; min-height: 38px; align-items: center; padding: 7px 11px; border: 1px solid var(--line); border-radius: 5px; color: var(--accent); font-size: 14px; font-weight: 700; text-decoration: none;}
:is(html, body).electrolytes-product .audience-tags a:hover,:is(html, body).electrolytes-product .audience-tags a:focus-visible{border-color: var(--accent); background: var(--soft);}
:is(html, body).electrolytes-product .quick-proof{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); margin-top: 18px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius);}
:is(html, body).electrolytes-product .quick-proof a{display: flex; min-height: 96px; flex-direction: column; justify-content: center; padding: 15px 17px; text-decoration: none;}
:is(html, body).electrolytes-product .quick-proof a:nth-child(2n+1){border-right: 1px solid var(--line);}
:is(html, body).electrolytes-product .quick-proof a:nth-child(-n+2){border-bottom: 1px solid var(--line);}
:is(html, body).electrolytes-product .quick-proof strong{color: var(--accent); font-size: 17px;}
:is(html, body).electrolytes-product .quick-proof span{margin-top: 3px; color: var(--muted); font-size: 14px;}
@media (max-width: 520px) {:is(html, body).electrolytes-product .audience-tags{display: grid; grid-template-columns: 1fr 1fr;}
:is(html, body).electrolytes-product .audience-tags a{align-items: flex-start; font-size: 14px; line-height: 1.25;}
:is(html, body).electrolytes-product .quick-proof a{min-height: 108px; padding: 13px;}
:is(html, body).electrolytes-product .quick-proof strong{font-size: 16px;}
}
@media (max-width: 376px) {:is(html, body).electrolytes-product .audience-tags{grid-template-columns: 1fr;}
:is(html, body).electrolytes-product .quick-proof strong{font-size: 15px;}
:is(html, body).electrolytes-product .quick-proof span{font-size: 14px;}
}
:is(html, body).electrolytes-product .batch-link-row{display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; margin: 14px 0px 24px; padding: 14px 16px; border-radius: var(--radius); background: rgb(231, 244, 242);}
:is(html, body).electrolytes-product .batch-link-row div{display: flex; flex-direction: column;}
:is(html, body).electrolytes-product .batch-link-row strong{font-size: 15px;}
:is(html, body).electrolytes-product .batch-link-row span{margin-top: 2px; color: var(--muted); font-size: 14px;}
:is(html, body).electrolytes-product .batch-link-row a{color: var(--accent); font-weight: 800; text-underline-offset: 3px;}
:is(html, body).electrolytes-product #electrolytes-short,:is(html, body).electrolytes-product #electrolytes-long,:is(html, body).electrolytes-product #electrolytes-video-dialog{font-family: inherit !important;}
:is(html, body).electrolytes-product #electrolytes-short{margin: 22px 0px 6px; background: transparent;}
:is(html, body).electrolytes-product #electrolytes-short .audience-tags{margin-bottom: 12px;}
:is(html, body).electrolytes-product #electrolytes-short .audience-tags a,:is(html, body).electrolytes-product #electrolytes-short .quick-proof a,:is(html, body).electrolytes-product #electrolytes-short .batch-link-row a{text-decoration: none !important;}
:is(html, body).electrolytes-product #description > .description-inner > h3:first-child{display: none;}
:is(html, body).electrolytes-product #description .description-inner{max-width: none; padding-top: 0px;}
:is(html, body).electrolytes-product #electrolytes-long{width: min(1220px, 100%); margin-inline: auto; background: transparent;}
:is(html, body).electrolytes-product #product-detail-form .quantity-discounts{scroll-margin-top: 96px; margin-top: 10px !important; margin-bottom: 18px !important;}
:is(html, body).electrolytes-product #product-detail-form .quantity-discounts__headline{color: var(--electrolytes-ink); font-size: 20px; font-weight: 800; line-height: 1.25; text-wrap: balance;}
:is(html, body).electrolytes-product .electrolytes-quantity-table{gap: 14px; display: grid !important;}
:is(html, body).electrolytes-product .electrolytes-quantity-table .quantity-discounts__item{position: relative; grid-template-columns: minmax(0px, 1fr) auto; gap: 8px 16px; align-items: center; min-height: 82px; border-radius: 6px; cursor: pointer; transition: border-color 160ms, background-color 160ms, box-shadow 160ms, transform 140ms; display: grid !important; margin: 0px !important; padding: 16px !important; border: 1px solid var(--electrolytes-line-strong) !important; background: var(--electrolytes-surface) !important;}
:is(html, body).electrolytes-product .electrolytes-quantity-table .quantity-discounts__item:active{transform: scale(0.99);}
:is(html, body).electrolytes-product .electrolytes-quantity-table .quantity-discounts__item:focus-visible{outline: 3px solid var(--electrolytes-accent); outline-offset: 2px;}
:is(html, body).electrolytes-product .electrolytes-quantity-table .quantity-discounts__item--highlighted{box-shadow: rgba(0, 100, 96, 0.1) 0px 8px 24px; border-color: var(--electrolytes-accent) !important; background: var(--electrolytes-tint) !important;}
:is(html, body).electrolytes-product .electrolytes-quantity-table .electrolytes-quantity-3.quantity-discounts__item--highlighted{box-shadow: rgba(165, 60, 47, 0.12) 0px 8px 24px; border-color: var(--electrolytes-promo) !important; background: var(--electrolytes-promo-soft) !important;}
:is(html, body).electrolytes-product .electrolytes-option-copy strong,:is(html, body).electrolytes-product .electrolytes-option-copy small,:is(html, body).electrolytes-product .electrolytes-option-price strong,:is(html, body).electrolytes-product .electrolytes-option-price small{display: block;}
:is(html, body).electrolytes-product .electrolytes-option-copy strong{color: var(--electrolytes-ink); font-size: 16px; font-weight: 800;}
:is(html, body).electrolytes-product .electrolytes-option-copy small,:is(html, body).electrolytes-product .electrolytes-option-price small{margin-top: 3px; color: var(--electrolytes-muted); font-size: 14px; line-height: 1.35;}
:is(html, body).electrolytes-product .electrolytes-option-price{color: var(--electrolytes-ink); font-size: 0px; text-align: right;}
:is(html, body).electrolytes-product .electrolytes-option-price strong{font-size: 17px; line-height: 1.25;}
:is(html, body).electrolytes-product .electrolytes-best-badge{position: absolute; top: -10px; left: 14px; padding: 4px 8px; border-radius: 3px; background: var(--electrolytes-promo); color: rgb(255, 255, 255); font-size: 14px; font-weight: 800; line-height: 1.25;}
:is(html, body).electrolytes-product .electrolytes-option-benefits{display: flex; grid-column: 1 / -1; flex-wrap: wrap; gap: 6px 14px; padding-top: 9px; border-top: 1px solid var(--electrolytes-line); color: var(--electrolytes-positive); font-size: 14px;}
:is(html, body).electrolytes-product .quantity-discounts__save{display: none !important;}
:is(html, body).electrolytes-product #product-detail-form .price-final-holder{display: inline-flex; flex-wrap: wrap; gap: 8px; align-items: baseline;}
:is(html, body).electrolytes-product #product-detail-form .electrolytes-main-price-old{color: rgb(180, 61, 50); font-size: 0.62em; font-weight: 500; text-decoration: line-through; white-space: nowrap;}
:is(html, body).electrolytes-product #product-detail-form .electrolytes-main-price-current{color: inherit; font: inherit; white-space: nowrap;}
:is(html, body).electrolytes-product #electrolytes-video-dialog[open]{overflow: auto; position: fixed !important; inset: 0px !important; z-index: 100000 !important; width: min(520px, -32px + 100vw) !important; max-width: none !important; max-height: calc(100dvh - 32px) !important; margin: auto !important;}
:is(html, body).electrolytes-product #electrolytes-video-dialog video,:is(html, body).electrolytes-product #electrolytes-video-dialog iframe{object-fit: contain; width: 100% !important; height: min(78dvh, 780px) !important; max-height: min(78dvh, 780px) !important;}
:is(html, body).electrolytes-product.electrolytes-video-open{overflow: hidden;}
@media (hover: hover) and (pointer: fine) {:is(html, body).electrolytes-product .electrolytes-quantity-table .quantity-discounts__item:hover{border-color: var(--electrolytes-accent) !important; background: var(--electrolytes-soft) !important;}
}
@media (min-width: 768px) {:is(html, body).electrolytes-product .electrolytes-benefit-banner{grid-template-columns: repeat(2, minmax(0px, 1fr)); border-top: 1px solid var(--electrolytes-line); border-bottom: 1px solid var(--electrolytes-line); display: grid !important; width: 100% !important; margin: 24px 0px 0px !important; padding: 0px !important; background: transparent !important;}
:is(html, body).electrolytes-product .electrolytes-benefit-banner .benefitBanner__item{min-width: 0px; width: auto !important; margin: 0px !important; padding: 0px !important; border: 0px !important;}
:is(html, body).electrolytes-product .electrolytes-benefit-banner .benefitBanner__item:nth-child(2n){border-left: 1px solid var(--electrolytes-line) !important;}
:is(html, body).electrolytes-product .electrolytes-benefit-banner .benefitBanner__item:nth-child(n+3){border-top: 1px solid var(--electrolytes-line) !important;}
:is(html, body).electrolytes-product .electrolytes-benefit-banner .benefitBanner__link{grid-template-columns: 42px minmax(0px, 1fr); gap: 12px; align-items: center; min-height: 94px; display: grid !important; padding: 15px 13px !important; color: var(--electrolytes-ink) !important; text-decoration: none !important;}
:is(html, body).electrolytes-product .electrolytes-benefit-banner .benefitBanner__picture{width: 42px !important; min-width: 42px !important; height: 42px !important; margin: 0px !important; background-size: contain !important;}
:is(html, body).electrolytes-product .electrolytes-benefit-banner .benefitBanner__content{min-width: 0px;}
:is(html, body).electrolytes-product .electrolytes-benefit-banner .benefitBanner__title{display: block; color: var(--electrolytes-ink); font-size: 15px; line-height: 1.25;}
:is(html, body).electrolytes-product .electrolytes-benefit-banner .benefitBanner__data{margin-top: 4px; color: var(--electrolytes-muted); font-size: 14px; line-height: 1.35;}
}
@media (max-width: 767px) {:is(html, body).electrolytes-product #product-detail-form .price-final-holder{font-size: 36px !important; line-height: 1.1;}
}
@media (max-width: 430px) {:is(html, body).electrolytes-product .electrolytes-quantity-table .quantity-discounts__item{grid-template-columns: 1fr;}
:is(html, body).electrolytes-product .electrolytes-option-price{text-align: left;}
}
@media (prefers-reduced-motion: reduce) {:is(html, body).electrolytes-product .electrolytes-quantity-table .quantity-discounts__item{transition-duration: 0.01ms !important;}
}
:is(html, body).electrolytes-product #electrolytes-long button,:is(html, body).electrolytes-product #electrolytes-long input{font: inherit;}
:is(html, body).electrolytes-product #electrolytes-short .audience-tags{display: flex; flex-wrap: wrap; gap: 8px; margin: 0px 0px 14px;}
:is(html, body).electrolytes-product #electrolytes-short .audience-tags p{width: 100%; margin: 0px 0px 5px;}
:is(html, body).electrolytes-product #electrolytes-short .audience-tags p span{display: block; color: var(--muted);}
:is(html, body).electrolytes-product #electrolytes-short .audience-tags a{border: 1px solid var(--line); border-radius: 7px; padding: 9px 12px; text-decoration: none; color: var(--brand); font-weight: 700;}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof{display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden;}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof a{min-height: 108px; padding: 17px; text-decoration: none; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line);}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof a:nth-child(2n){border-right: 0px;}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof a:nth-child(n+3){border-bottom: 0px;}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof strong,:is(html, body).electrolytes-product #electrolytes-short .quick-proof span{display: block;}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof strong{color: var(--brand); font-size: 18px;}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof span{color: var(--muted); margin-top: 5px;}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row{display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; margin: 14px 0px 24px; padding: 14px 16px; border-radius: var(--radius); background: var(--pale);}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row div{display: flex; flex-direction: column;}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row strong{font-size: 15px;}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row span{margin-top: 2px; color: var(--muted); font-size: 14px;}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row a{color: var(--brand); font-weight: 800; text-underline-offset: 3px; white-space: nowrap;}
:is(html, body).electrolytes-product .electrolytes-content-nav{position: sticky; top: 0px; z-index: 10; margin: 35px 0px 20px; padding: 12px; border: 1px solid var(--line); background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(10px); border-radius: var(--radius);}
:is(html, body).electrolytes-product .electrolytes-content-nav a{flex: 0 0 auto; padding: 10px 15px; border-radius: 6px; font-weight: 700; color: var(--brand); text-decoration: none !important;}
:is(html, body).electrolytes-product .electrolytes-content-nav a:hover,:is(html, body).electrolytes-product .electrolytes-content-nav a:focus-visible{text-decoration: none !important;}
:is(html, body).electrolytes-product .electrolytes-content-nav a.is-active{background: var(--brand); color: white;}
:is(html, body).electrolytes-product #electrolytes-long .section-heading{max-width: 980px; padding: 30px 0px 24px;}
:is(html, body).electrolytes-product #electrolytes-long .section-heading > p,:is(html, body).electrolytes-product #electrolytes-long .routine-section > div > p,:is(html, body).electrolytes-product #electrolytes-long .testing-header p,:is(html, body).electrolytes-product #electrolytes-long .final-cta p{color: var(--brand); font-weight: 800; text-transform: uppercase; letter-spacing: 0.13em; margin: 0px 0px 10px;}
:is(html, body).electrolytes-product #electrolytes-long .section-heading h2,:is(html, body).electrolytes-product #electrolytes-long .testing-header h2{font-size: clamp(38px, 5vw, 68px); letter-spacing: -0.05em; line-height: 1.03; margin: 0px 0px 16px;}
:is(html, body).electrolytes-product #electrolytes-long .section-heading > span{display: block; color: var(--muted); font-size: 19px;}
:is(html, body).electrolytes-product #electrolytes-long .story-section,:is(html, body).electrolytes-product #electrolytes-long .contents-section,:is(html, body).electrolytes-product #electrolytes-long .routine-section,:is(html, body).electrolytes-product #electrolytes-long .comparison-section,:is(html, body).electrolytes-product #electrolytes-long .testing-section,:is(html, body).electrolytes-product #electrolytes-long .videos-section,:is(html, body).electrolytes-product #electrolytes-long .research-voices,:is(html, body).electrolytes-product #electrolytes-long .faq-section,:is(html, body).electrolytes-product #electrolytes-long .final-cta{margin-top: 18px;}
:is(html, body).electrolytes-product #electrolytes-long .story-grid{display: grid; grid-template-columns: 1.8fr 1fr; gap: 14px;}
:is(html, body).electrolytes-product #electrolytes-long .story-photo{position: relative; min-height: 620px; overflow: hidden; border-radius: var(--radius);}
:is(html, body).electrolytes-product #electrolytes-long .story-photo img{width: 100%; height: 100%; object-fit: cover;}
:is(html, body).electrolytes-product #electrolytes-long .story-photo::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(2, 47, 44, 0.9), rgba(2, 47, 44, 0.12) 70%);}
:is(html, body).electrolytes-product #electrolytes-long .story-photo > div{position: absolute; z-index: 1; left: 7%; bottom: 7%; max-width: 620px; color: white;}
:is(html, body).electrolytes-product #electrolytes-long .story-photo h3{font-size: clamp(38px, 5vw, 68px); line-height: 1; margin: 8px 0px;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts{display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts article{background: rgb(240, 244, 243); border-radius: var(--radius); padding: 26px; display: flex; flex-direction: column; justify-content: flex-end;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts .primary{background: var(--brand); color: white;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts strong{font-size: clamp(54px, 7vw, 94px); line-height: 1;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts article:nth-child(2) > strong{color: var(--brand);}
:is(html, body).electrolytes-product #electrolytes-long .story-facts p{color: inherit;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts .wide{grid-column: 1 / -1;}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line);}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid div{background: rgb(240, 244, 243); padding: 16px;}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid strong{font-size: 26px; color: var(--brand);}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid small{display: block; color: var(--muted);}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-cards{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-cards article{display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--radius); padding: 26px;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-card-top{display: grid; grid-template-columns: 52px minmax(0px, 1fr); align-items: center; gap: 14px; min-height: 104px;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-cards b{display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--brand); color: white; font-size: 20px;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-card-top img{display: block; width: 100%; height: 90px; object-fit: contain; object-position: center center; filter: drop-shadow(rgba(16, 48, 44, 0.12) 0px 5px 7px);}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-card-top img[src*="d3-capsule"]{max-width: 90px; justify-self: center;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-cards h3{font-size: 25px; line-height: 1.15;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-cards p{color: var(--muted);}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-cards a{margin-top: auto; padding-top: 12px; color: var(--brand); font-weight: 800;}
:is(html, body).electrolytes-product #electrolytes-long .routine-section{display: grid; grid-template-columns: 1fr 1fr; background: rgb(241, 246, 245); border-radius: var(--radius); overflow: hidden;}
:is(html, body).electrolytes-product #electrolytes-long .routine-photo{min-height: 560px;}
:is(html, body).electrolytes-product #electrolytes-long .routine-photo img{width: 100%; height: 100%; object-fit: cover;}
:is(html, body).electrolytes-product #electrolytes-long .routine-section > div:last-child{padding: 7%; display: flex; flex-direction: column; justify-content: center;}
:is(html, body).electrolytes-product #electrolytes-long .routine-section h2{font-size: clamp(38px, 4vw, 60px); line-height: 1.02; margin: 0px 0px 18px;}
:is(html, body).electrolytes-product #electrolytes-long .steps{display: grid; gap: 8px;}
:is(html, body).electrolytes-product #electrolytes-long .steps article{background: white; border: 1px solid var(--line); border-radius: 7px; padding: 13px 15px;}
:is(html, body).electrolytes-product #electrolytes-long .steps strong,:is(html, body).electrolytes-product #electrolytes-long .steps span{display: block;}
:is(html, body).electrolytes-product #electrolytes-long .steps span{color: var(--muted);}
:is(html, body).electrolytes-product #electrolytes-long .routine-section small{margin-top: 16px; color: var(--muted);}
:is(html, body).electrolytes-product #electrolytes-long .comparison-table{display: grid; grid-template-columns: minmax(170px, 0.75fr) 1fr 1fr; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-table > div{padding: 18px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line);}
:is(html, body).electrolytes-product #electrolytes-long .comparison-table > div:nth-child(3n){border-right: 0px;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-head{text-align: center; background: rgb(240, 244, 243);}
:is(html, body).electrolytes-product #electrolytes-long .comparison-head.puori,:is(html, body).electrolytes-product #electrolytes-long .value.puori{background: var(--pale); color: var(--brand); font-weight: 800;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-head img{width: 150px; height: 150px; margin: 0px auto 12px; border-radius: 8px; object-fit: contain;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-head strong,:is(html, body).electrolytes-product #electrolytes-long .comparison-head small{display: block;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-head strong{font-size: 20px;}
:is(html, body).electrolytes-product #electrolytes-long .label{font-weight: 800;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-note{font-size: 14px; color: var(--muted);}
:is(html, body).electrolytes-product #electrolytes-long .comparison-scroll-hint{display: none; margin: 10px 0px 0px; color: var(--brand); font-size: 14px; font-weight: 800;}
:is(html, body).electrolytes-product #electrolytes-long .testing-section{padding: clamp(22px, 5vw, 64px); background: var(--brand); color: white; border-radius: var(--radius);}
:is(html, body).electrolytes-product #electrolytes-long .testing-header{display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;}
:is(html, body).electrolytes-product #electrolytes-long .testing-header h2{max-width: 900px;}
:is(html, body).electrolytes-product #electrolytes-long .testing-header img{width: 110px; height: 110px; object-fit: contain; background: white; border-radius: 8px; padding: 7px;}
:is(html, body).electrolytes-product #electrolytes-long .testing-lead{max-width: 920px; font-size: 19px; color: rgb(215, 237, 235);}
:is(html, body).electrolytes-product #electrolytes-long .batch-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 28px 0px;}
:is(html, body).electrolytes-product #electrolytes-long .batch-grid article{padding: 20px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 8px;}
:is(html, body).electrolytes-product #electrolytes-long .batch-grid span,:is(html, body).electrolytes-product #electrolytes-long .batch-grid strong,:is(html, body).electrolytes-product #electrolytes-long .batch-grid small{display: block;}
:is(html, body).electrolytes-product #electrolytes-long .batch-grid strong{font-size: 20px;}
:is(html, body).electrolytes-product #electrolytes-long .batch-grid small{color: rgb(207, 227, 225);}
:is(html, body).electrolytes-product #electrolytes-long .testing-footer{display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 22px;}
:is(html, body).electrolytes-product #electrolytes-long .testing-actions{display: flex; flex-wrap: wrap; gap: 8px;}
:is(html, body).electrolytes-product #electrolytes-long .testing-footer a{padding: 9px 12px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 6px; text-decoration: none;}
:is(html, body).electrolytes-product #electrolytes-long .testing-ai{display: grid; grid-template-columns: minmax(0px, 190px) auto; gap: 12px; align-items: center; padding: 10px 12px 10px 16px; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 6px; background: rgba(0, 46, 43, 0.48);}
:is(html, body).electrolytes-product #electrolytes-long .testing-ai p{margin: 0px; color: rgb(255, 255, 255); font-size: 13px; font-weight: 800; line-height: 1.25;}
:is(html, body).electrolytes-product #electrolytes-long .testing-ai-actions{display: flex; gap: 8px;}
:is(html, body).electrolytes-product #electrolytes-long .testing-ai-actions a{display: grid; width: 44px; height: 44px; place-items: center; padding: 0px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 6px; background: rgba(255, 255, 255, 0.08); text-decoration: none; transition: background-color 160ms cubic-bezier(0.23, 1, 0.32, 1), transform 140ms cubic-bezier(0.23, 1, 0.32, 1);}
:is(html, body).electrolytes-product #electrolytes-long .testing-ai-actions a:hover,:is(html, body).electrolytes-product #electrolytes-long .testing-ai-actions a:focus-visible{background: rgba(255, 255, 255, 0.18); outline: none;}
:is(html, body).electrolytes-product #electrolytes-long .testing-ai-actions a:focus-visible{box-shadow: rgb(159, 217, 211) 0px 0px 0px 3px;}
:is(html, body).electrolytes-product #electrolytes-long .testing-ai-actions a:active{transform: translateY(1px);}
:is(html, body).electrolytes-product #electrolytes-long .ai-provider-name{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid{display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 31%); gap: 12px; overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-color: var(--brand) var(--line);}
:is(html, body).electrolytes-product #electrolytes-long .video-grid button{position: relative; min-height: 500px; aspect-ratio: 9 / 16; border: 0px; border-radius: var(--radius); overflow: hidden; padding: 0px; background: rgb(17, 34, 51); color: white; cursor: pointer; text-align: left; scroll-snap-align: start;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid img{width: 100%; height: 100%; object-fit: cover;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid button::after{content: ""; position: absolute; inset: 30% 0px 0px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.85));}
:is(html, body).electrolytes-product #electrolytes-long .video-grid button span,:is(html, body).electrolytes-product #electrolytes-long .video-grid button strong{position: absolute; z-index: 1;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid button span{top: 18px; right: 18px; width: 46px; height: 46px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; display: grid; place-items: center;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid button strong{left: 18px; bottom: 18px; font-size: 19px; right: 18px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voices{padding-top: 28px; border-top: 1px solid var(--line);}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid article{display: grid; grid-template-columns: 200px 1fr; min-height: 360px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft);}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid img{width: 100%; height: 100%; object-fit: cover; object-position: center top;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid article > div{display: flex; flex-direction: column; padding: 28px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid span{color: var(--brand); font-size: 14px; font-weight: 800;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid blockquote{margin: 20px 0px; font-size: clamp(21px, 2.2vw, 29px); line-height: 1.18; letter-spacing: -0.025em;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid blockquote strong{color: var(--brand); font-weight: 800;}
:is(html, body).electrolytes-product #electrolytes-long .research-expert-name{margin-top: auto;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid small{margin-top: 5px; color: var(--muted); font-size: 14px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid a{margin-top: 13px; color: var(--brand); font-weight: 800; text-underline-offset: 4px;}
:is(html, body).electrolytes-product #electrolytes-long .faq-section{display: grid; grid-template-columns: 340px 1fr; gap: 34px; padding: 35px; border: 1px solid var(--line); border-radius: var(--radius);}
:is(html, body).electrolytes-product #electrolytes-long .faq-aside h2{font-size: 42px; line-height: 1.05;}
:is(html, body).electrolytes-product #electrolytes-long .faq-aside > p{color: var(--muted);}
:is(html, body).electrolytes-product #electrolytes-long .faq-awards{margin-top: 20px; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: rgb(240, 244, 243);}
:is(html, body).electrolytes-product #electrolytes-long .faq-awards > p{margin: 0px 0px 14px; color: var(--muted); font-size: 14px; font-weight: 800; letter-spacing: 0.03em;}
:is(html, body).electrolytes-product #electrolytes-long .faq-awards-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; align-items: center;}
:is(html, body).electrolytes-product #electrolytes-long .faq-awards-grid img{width: 100%; max-height: 70px; object-fit: contain;}
:is(html, body).electrolytes-product #electrolytes-long .faq-list details{border-bottom: 1px solid var(--line);}
:is(html, body).electrolytes-product #electrolytes-long .faq-list summary{padding: 18px 45px 18px 0px; font-weight: 800; cursor: pointer; position: relative;}
:is(html, body).electrolytes-product #electrolytes-long .faq-list summary::after{content: "+"; position: absolute; right: 6px; color: var(--brand); font-size: 25px;}
:is(html, body).electrolytes-product #electrolytes-long .faq-list details[open] summary::after{content: "−";}
:is(html, body).electrolytes-product #electrolytes-long .faq-list details p{color: var(--muted); margin: 0px 0px 18px;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta{position: relative; min-height: 540px; border-radius: var(--radius); overflow: hidden; color: white;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta img{position: absolute; width: 100%; height: 100%; object-fit: cover;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(1, 59, 55, 0.95), rgba(1, 59, 55, 0.15));}
:is(html, body).electrolytes-product #electrolytes-long .final-cta div{position: relative; z-index: 1; padding: 7%; max-width: 810px;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta h2{font-size: clamp(42px, 6vw, 74px); line-height: 1; margin: 10px 0px 18px;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta p{color: rgb(200, 241, 237) !important; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta span{display: block; color: rgb(255, 255, 255); font-size: 19px; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta a{display: inline-block; margin-top: 22px; padding: 13px 18px; background: white; color: var(--brand); border-radius: 6px; text-decoration: none; font-weight: 800;}
:is(html, body).electrolytes-product #electrolytes-long .methodology-note{margin: 18px 0px 50px; padding: 0px 18px; border: 1px solid rgb(219, 230, 227); border-radius: 6px; background: rgb(248, 250, 249);}
:is(html, body).electrolytes-product #electrolytes-long .methodology-note summary{position: relative; padding: 14px 34px 14px 0px; color: rgb(49, 94, 91); font-size: 14px; font-weight: 700; cursor: pointer; list-style: none;}
:is(html, body).electrolytes-product #electrolytes-long .methodology-note summary::-webkit-details-marker{display: none;}
:is(html, body).electrolytes-product #electrolytes-long .methodology-note summary::after{content: "+"; position: absolute; top: 12px; right: 2px; font-size: 20px; line-height: 1;}
:is(html, body).electrolytes-product #electrolytes-long .methodology-note details[open] summary::after{content: "−";}
:is(html, body).electrolytes-product #electrolytes-long .methodology-note details > div{padding: 0px 0px 15px;}
:is(html, body).electrolytes-product #electrolytes-long .methodology-note p{max-width: none; margin: 6px 0px; color: var(--muted); font-size: 12px; line-height: 1.42;}
:is(html, body).electrolytes-product #electrolytes-long .methodology-links{display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px;}
:is(html, body).electrolytes-product #electrolytes-long .methodology-links a{color: var(--brand); font-size: 12px; font-weight: 700; text-underline-offset: 3px;}
:is(html, body).electrolytes-product #electrolytes-long dialog{width: min(680px, 100% - 30px); border: 0px; border-radius: 10px; padding: 0px; box-shadow: rgba(0, 0, 0, 0.4) 0px 25px 80px;}
:is(html, body).electrolytes-product #electrolytes-long dialog::backdrop{background: rgba(2, 24, 22, 0.75);}
:is(html, body).electrolytes-product #electrolytes-long dialog video{width: 100%; max-height: 76vh; background: rgb(0, 0, 0); display: block;}
@media (max-width: 980px) {:is(html, body).electrolytes-product #electrolytes-long .story-grid,:is(html, body).electrolytes-product #electrolytes-long .routine-section,:is(html, body).electrolytes-product #electrolytes-long .faq-section{grid-template-columns: 1fr;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-cards{grid-template-columns: 1fr;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-cards article{min-height: 290px;}
:is(html, body).electrolytes-product #electrolytes-long .story-photo{min-height: 520px;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts{grid-template-columns: 1fr 1fr;}
:is(html, body).electrolytes-product #electrolytes-long .routine-photo{min-height: 440px;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid{grid-auto-columns: minmax(250px, 44%);}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid{grid-template-columns: 1fr;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid article{grid-template-columns: 160px 1fr;}
:is(html, body).electrolytes-product #electrolytes-long .faq-section{padding: 22px;}
:is(html, body).electrolytes-product #electrolytes-long .faq-aside h2{margin-bottom: 18px;}
}
@media (max-width: 600px) {:is(html, body).electrolytes-product #electrolytes-long .section-heading,:is(html, body).electrolytes-product #electrolytes-long .story-section,:is(html, body).electrolytes-product #electrolytes-long .contents-section,:is(html, body).electrolytes-product #electrolytes-long .comparison-section,:is(html, body).electrolytes-product #electrolytes-long .videos-section,:is(html, body).electrolytes-product #electrolytes-long .research-voices,:is(html, body).electrolytes-product #electrolytes-long .methodology-note{margin-left: 16px; margin-right: 16px;}
:is(html, body).electrolytes-product #electrolytes-short .audience-tags a{font-size: 14px;}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof strong{font-size: 16px;}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof a{padding: 14px; min-height: 105px;}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row{align-items: start; margin-bottom: 21px;}
:is(html, body).electrolytes-product .electrolytes-content-nav{margin: 24px 0px 14px; top: 0px;}
:is(html, body).electrolytes-product #electrolytes-long .section-heading{padding: 22px 0px 16px;}
:is(html, body).electrolytes-product #electrolytes-long .section-heading h2,:is(html, body).electrolytes-product #electrolytes-long .testing-header h2{font-size: 39px;}
:is(html, body).electrolytes-product #electrolytes-long .section-heading > span{font-size: 16px;}
:is(html, body).electrolytes-product #electrolytes-long .story-grid{grid-template-columns: 1fr;}
:is(html, body).electrolytes-product #electrolytes-long .story-photo{min-height: 500px;}
:is(html, body).electrolytes-product #electrolytes-long .story-photo > div{left: 24px; right: 24px;}
:is(html, body).electrolytes-product #electrolytes-long .story-photo h3{font-size: 38px;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts{grid-template-columns: 1fr 1fr;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts article{padding: 18px;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts strong{font-size: 52px;}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid{grid-template-columns: repeat(3, minmax(0px, 1fr));}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid div{padding: 12px;}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid strong{font-size: 22px;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-cards article{min-height: 0px; padding: 20px;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-card-top{min-height: 86px;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-card-top img{height: 78px;}
:is(html, body).electrolytes-product #electrolytes-long .routine-section,:is(html, body).electrolytes-product #electrolytes-long .testing-section,:is(html, body).electrolytes-product #electrolytes-long .faq-section,:is(html, body).electrolytes-product #electrolytes-long .final-cta{border-radius: var(--radius);}
:is(html, body).electrolytes-product #electrolytes-long .routine-photo{min-height: 360px;}
:is(html, body).electrolytes-product #electrolytes-long .routine-section > div:last-child{padding: 28px 20px;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-scroll-hint{display: block; position: sticky; left: 0px; width: calc(-32px + 100vw);}
:is(html, body).electrolytes-product #electrolytes-long .comparison-table{grid-template-columns: 96px 148px 160px; overflow: visible; width: max-content;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-section{overflow: auto;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-section .section-heading,:is(html, body).electrolytes-product #electrolytes-long .comparison-note{position: sticky; left: 0px; width: calc(-32px + 100vw);}
:is(html, body).electrolytes-product #electrolytes-long .comparison-table > div{padding: 13px; font-size: 14px;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-head img{width: 64px; height: 64px;}
:is(html, body).electrolytes-product #electrolytes-long .testing-section{padding: 28px 18px;}
:is(html, body).electrolytes-product #electrolytes-long .testing-header img{width: 76px; height: 76px;}
:is(html, body).electrolytes-product #electrolytes-long .batch-grid{grid-template-columns: 1fr;}
:is(html, body).electrolytes-product #electrolytes-long .testing-footer{align-items: flex-start; flex-direction: column;}
:is(html, body).electrolytes-product #electrolytes-long .testing-ai{grid-template-columns: 1fr auto; padding: 10px 12px 10px 14px;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid{grid-auto-columns: minmax(250px, 82vw); margin-right: -16px;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid button{min-height: 440px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voices{padding-top: 24px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid article{grid-template-columns: 126px 1fr; min-height: 350px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid article > div{padding: 22px 18px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid blockquote{font-size: 18px; line-height: 1.3;}
:is(html, body).electrolytes-product #electrolytes-long .faq-section{padding: 26px 18px;}
:is(html, body).electrolytes-product #electrolytes-long .faq-aside h2{font-size: 38px;}
:is(html, body).electrolytes-product #electrolytes-long .faq-awards{display: none;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta{min-height: 560px;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta div{padding: 50px 22px;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta h2{font-size: 45px;}
:is(html, body).electrolytes-product #electrolytes-long .methodology-note{margin: 18px 16px 40px; padding: 0px 15px;}
}
:is(html, body).electrolytes-product{--electrolytes-ink: #172423; --electrolytes-muted: #667674; --electrolytes-line: #c9dcda; --electrolytes-line-strong: #b7d2cf; --electrolytes-soft: #f3f7f6; --electrolytes-tint: #e7f4f2; --electrolytes-surface: #fff; --electrolytes-accent: #006460; --electrolytes-promo: #a53c2f; --electrolytes-promo-soft: #fff3f0; --electrolytes-positive: #16874b; --brand: var(--electrolytes-accent); --brand-2: #008f88; --pale: var(--electrolytes-tint); --line: var(--electrolytes-line); --muted: var(--electrolytes-muted); --soft: var(--electrolytes-soft); --positive: var(--electrolytes-positive); --gold: #d88900; --radius: 6px;}
:is(html, body).electrolytes-product #electrolytes-short .audience-tags a{border-color: var(--electrolytes-line) !important; background: rgb(255, 255, 255) !important; color: var(--electrolytes-accent) !important;}
:is(html, body).electrolytes-product #electrolytes-short .audience-tags a:hover,:is(html, body).electrolytes-product #electrolytes-short .audience-tags a:focus-visible{border-color: var(--electrolytes-accent) !important; background: var(--electrolytes-tint) !important;}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof strong{color: var(--electrolytes-accent) !important;}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row{border: 0px !important; background: var(--electrolytes-tint) !important;}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row strong{color: var(--electrolytes-ink) !important;}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row span{color: var(--electrolytes-muted) !important;}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row a{color: var(--electrolytes-accent) !important;}
:is(html, body).electrolytes-product .electrolytes-content-nav{position: relative !important; top: auto !important; z-index: auto !important; border: 1px solid var(--electrolytes-line) !important; background: var(--electrolytes-soft) !important; backdrop-filter: none !important;}
:is(html, body).electrolytes-product .electrolytes-content-nav .content-nav-inner{display: flex !important; justify-content: center !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; overflow-x: auto !important; scrollbar-width: none !important;}
:is(html, body).electrolytes-product .electrolytes-content-nav .content-nav-inner::-webkit-scrollbar{display: none !important;}
:is(html, body).electrolytes-product .electrolytes-content-nav a{border: 1px solid var(--electrolytes-line) !important; background: rgb(255, 255, 255) !important; color: var(--electrolytes-accent) !important; text-decoration: none !important; text-underline-offset: 0px !important;}
:is(html, body).electrolytes-product .electrolytes-content-nav a:hover,:is(html, body).electrolytes-product .electrolytes-content-nav a:focus,:is(html, body).electrolytes-product .electrolytes-content-nav a:focus-visible{text-decoration: none !important;}
:is(html, body).electrolytes-product .electrolytes-content-nav a.is-active{border-color: var(--electrolytes-accent) !important; background: var(--electrolytes-accent) !important; color: rgb(255, 255, 255) !important;}
:is(html, body).electrolytes-product #electrolytes-long .testing-section h2,:is(html, body).electrolytes-product #electrolytes-long .testing-section h3,:is(html, body).electrolytes-product #electrolytes-long .testing-section strong,:is(html, body).electrolytes-product #electrolytes-long .story-photo h2,:is(html, body).electrolytes-product #electrolytes-long .story-photo h3,:is(html, body).electrolytes-product #electrolytes-long .final-cta h2{color: rgb(255, 255, 255) !important;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts article:nth-child(2) > strong{color: var(--electrolytes-accent) !important;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta::after{background: linear-gradient(90deg, rgba(1, 59, 55, 0.97) 0%, rgba(1, 59, 55, 0.88) 43%, rgba(1, 59, 55, 0.12) 100%) !important;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta p{color: rgb(200, 241, 237) !important;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta h2,:is(html, body).electrolytes-product #electrolytes-long .final-cta span{color: rgb(255, 255, 255) !important; text-shadow: rgba(0, 0, 0, 0.42) 0px 2px 12px !important;}
:is(html, body).electrolytes-product #electrolytes-long a{text-decoration: none !important;}
:is(html, body).electrolytes-product #electrolytes-long .testing-actions > a{color: rgb(255, 255, 255) !important; font-weight: 800 !important;}
@media (hover: hover) and (pointer: fine) {:is(html, body).electrolytes-product #electrolytes-long a:hover{text-underline-offset: 3px; text-decoration: underline !important;}
}
:is(html, body).electrolytes-product #electrolytes-long .video-grid{scroll-snap-type: x mandatory; display: grid !important; grid-auto-flow: column !important; grid-auto-columns: minmax(250px, 31%) !important; gap: 12px !important; width: 100% !important; max-width: 100% !important; overflow-x: auto !important; margin: 0px !important; padding: 0px 0px 10px !important;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid .video-card{scroll-snap-align: start; box-sizing: border-box !important; width: 100% !important; min-width: 0px !important; margin: 0px !important; transform: none !important;}
:is(html, body).electrolytes-product #electrolytes-long #experts-title{max-width: none !important; font-size: clamp(38px, 4.25vw, 61px) !important; line-height: 1.02 !important;}
:is(html, body).electrolytes-product #electrolytes-video-dialog[open]{position: fixed !important; inset: 0px !important; z-index: 100000 !important; width: min(520px, -32px + 100vw) !important; max-width: none !important; max-height: calc(100dvh - 32px) !important; margin: auto !important; padding: 0px !important; overflow: auto !important; border: 0px !important; border-radius: var(--radius) !important; background: rgb(7, 31, 30) !important; color: rgb(255, 255, 255) !important;}
:is(html, body).electrolytes-product #electrolytes-video-dialog::backdrop{background: rgba(2, 24, 22, 0.76) !important;}
:is(html, body).electrolytes-product #electrolytes-video-dialog .media-dialog__head{display: flex !important; min-height: 58px !important; align-items: center !important; justify-content: space-between !important; padding: 10px 16px !important; background: rgb(16, 46, 43) !important; color: rgb(255, 255, 255) !important;}
:is(html, body).electrolytes-product #electrolytes-video-dialog .media-dialog__head button{display: grid !important; width: 40px !important; height: 40px !important; place-items: center !important; padding: 0px !important; border: 1px solid rgba(255, 255, 255, 0.5) !important; border-radius: 4px !important; background: transparent !important; color: rgb(255, 255, 255) !important; font-size: 27px !important; line-height: 1 !important; cursor: pointer !important;}
:is(html, body).electrolytes-product #electrolytes-video-dialog .media-dialog__body{display: grid; min-height: min(76vh, 680px); place-items: center; background: rgb(0, 0, 0);}
:is(html, body).electrolytes-product #electrolytes-video-dialog video,:is(html, body).electrolytes-product #electrolytes-video-dialog iframe{display: block; border: 0px; object-fit: contain; width: 100% !important; height: min(76vh, 680px) !important; max-height: min(76vh, 680px) !important;}
@media (max-width: 520px) {:is(html, body).electrolytes-product .electrolytes-content-nav{box-sizing: border-box; width: 100%; max-width: 100%; margin-inline: 0px !important;}
:is(html, body).electrolytes-product .electrolytes-content-nav .content-nav-inner{justify-content: flex-start !important;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid{grid-auto-columns: minmax(250px, 82vw) !important;}
:is(html, body).electrolytes-product #electrolytes-long #experts-title{font-size: 38px !important;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts article{min-width: 0px !important; padding: 17px 14px !important; border-radius: var(--radius) !important;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts .wide{grid-column: 1 / -1 !important;}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)) !important;}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid div{min-width: 0px !important; padding: 12px 8px !important;}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid strong{font-size: 21px !important; overflow-wrap: anywhere;}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid small{font-size: 12px !important; overflow-wrap: anywhere;}
:is(html, body).electrolytes-product #electrolytes-long .story-photo,:is(html, body).electrolytes-product #electrolytes-long .routine-section,:is(html, body).electrolytes-product #electrolytes-long .testing-section,:is(html, body).electrolytes-product #electrolytes-long .videos-section,:is(html, body).electrolytes-product #electrolytes-long .research-voices,:is(html, body).electrolytes-product #electrolytes-long .faq-section,:is(html, body).electrolytes-product #electrolytes-long .final-cta{border-radius: var(--radius) !important;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-section{border-radius: var(--radius) !important; overflow-x: auto !important; overscroll-behavior-inline: contain !important;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-scroll-hint{display: block !important; position: sticky !important; left: 0px !important; width: calc(-32px + 100vw) !important; margin: 10px 0px !important; color: var(--electrolytes-accent) !important; font-size: 14px !important; font-weight: 800 !important;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-table{grid-template-columns: 96px 148px 160px !important; width: max-content !important; min-width: 0px !important;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-head img{width: 64px !important; height: 64px !important;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta::after{background: linear-gradient(rgba(1, 59, 55, 0.12) 10%, rgba(1, 59, 55, 0.92) 72%, rgba(1, 59, 55, 0.98) 100%) !important;}
}
:is(html, body).electrolytes-product #electrolytes-long .research-voices{padding-top: 28px; border-top: 1px solid var(--line);}
:is(html, body).electrolytes-product #electrolytes-long .research-voices > .section-heading{margin-bottom: 28px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voices > .section-heading{max-width: none;}
:is(html, body).electrolytes-product #electrolytes-long .research-voices > .section-heading h2{max-width: none;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid article{display: grid; grid-template-columns: 200px 1fr; min-height: 360px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft);}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid img{width: 100%; height: 100%; object-fit: cover; object-position: center top;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid article > div{display: flex; flex-direction: column; padding: 28px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid span{color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html, body).electrolytes-product #electrolytes-long .research-quotes{display: grid; gap: 12px; margin: 18px 0px 20px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid blockquote{margin: 0px; color: var(--ink); font-size: clamp(18px, 1.55vw, 22px); line-height: 1.28; letter-spacing: -0.018em;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid blockquote strong{color: var(--accent); font-weight: 850;}
:is(html, body).electrolytes-product #electrolytes-long .research-expert-name{margin-top: auto;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid small{margin-top: 5px; color: var(--muted); font-size: 14px; line-height: 1.4;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid a{margin-top: 13px; color: var(--accent); font-weight: 800; text-underline-offset: 4px;}
:is(html, body).electrolytes-product .electrolytes-term-tooltip{position: fixed; z-index: 100050; width: max-content; max-width: min(310px, -24px + 100vw); padding: 9px 12px; border: 1px solid rgba(0, 100, 96, 0.24); border-radius: 6px; background: rgb(18, 63, 60); box-shadow: rgba(8, 36, 34, 0.18) 0px 8px 24px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; line-height: 1.4; opacity: 0; visibility: hidden; transform: translateY(3px); transition: opacity 80ms, transform 80ms, visibility 80ms; pointer-events: none;}
:is(html, body).electrolytes-product .electrolytes-term-tooltip.is-visible{opacity: 1; visibility: visible; transform: translateY(0px);}

:is(html,body).electrolytes-product .electrolytes-scope *{box-sizing: border-box;}
:is(html,body).electrolytes-product .electrolytes-scope button,:is(html,body).electrolytes-product .electrolytes-scope input{font: inherit;}
:is(html,body).electrolytes-product .electrolytes-scope img{display: block; max-width: 100%;}
:is(html,body).electrolytes-product .electrolytes-scope a{color: rgb(0, 100, 96); text-underline-offset: 3px;}
:is(html,body).electrolytes-product .electrolytes-scope button{cursor: pointer;}
:is(html,body).electrolytes-product .electrolytes-scope h1,:is(html,body).electrolytes-product .electrolytes-scope h2,:is(html,body).electrolytes-product .electrolytes-scope h3,:is(html,body).electrolytes-product .electrolytes-scope strong,:is(html,body).electrolytes-product .electrolytes-scope b{font-weight: 850;}
:is(html,body).electrolytes-product .electrolytes-scope h1,:is(html,body).electrolytes-product .electrolytes-scope h2,:is(html,body).electrolytes-product .electrolytes-scope h3{letter-spacing: -0.035em;}
:is(html,body).electrolytes-product .electrolytes-scope button:focus-visible,:is(html,body).electrolytes-product .electrolytes-scope a:focus-visible,:is(html,body).electrolytes-product .electrolytes-scope summary:focus-visible{outline: rgb(0, 135, 127) solid 3px; outline-offset: 3px;}
:is(html,body).electrolytes-product .electrolytes-scope p{margin: 0px 0px 18px;}
:is(html,body).electrolytes-product .electrolytes-scope .short-lead{font-size: 18px;}
:is(html,body).electrolytes-product #product-detail-form .quantity-discounts__item{text-align: left; font-family: inherit;}
:is(html,body).electrolytes-product .electrolytes-quantity-3{margin-top: 8px !important;}
:is(html,body).electrolytes-product .electrolytes-quantity-table{gap: 18px !important;}
:is(html,body).electrolytes-product .electrolytes-quantity-table .electrolytes-option-benefits b{color: rgb(22, 135, 75);}
:is(html,body).electrolytes-product .electrolytes-best-badge{top: -12px !important;}
:is(html,body).electrolytes-product .electrolytes-benefit-banner{grid-template-columns: repeat(2, minmax(0px, 1fr)); border-block: 1px solid rgb(201, 220, 218); display: grid !important; margin: 20px 0px 0px !important;}
:is(html,body).electrolytes-product .benefitBanner__item{min-width: 0px; padding: 0px !important;}
:is(html,body).electrolytes-product .benefitBanner__link{align-items: center; gap: 12px; text-decoration: none; min-height: 110px; display: grid !important; grid-template-columns: 48px minmax(0px, 1fr) !important; padding: 16px 12px !important;}
:is(html,body).electrolytes-product .benefitBanner__picture,:is(html,body).electrolytes-product .benefitBanner__picture img{object-fit: contain; width: 48px !important; height: 48px !important;}
:is(html,body).electrolytes-product .benefitBanner__title{display: block; font-size: 15px; line-height: 1.25; color: rgb(23, 36, 35);}
:is(html,body).electrolytes-product .benefitBanner__data{font-size: 13px; line-height: 1.35; color: rgb(102, 118, 116); margin-top: 5px;}
:is(html,body).electrolytes-product .benefitBanner__item:nth-child(2n){border-left: 1px solid rgb(201, 220, 218);}
:is(html,body).electrolytes-product .benefitBanner__item:nth-child(n+3){border-top: 1px solid rgb(201, 220, 218);}
:is(html,body).electrolytes-product .electrolytes-content-nav{display: flex; align-items: center; gap: 6px; padding: 9px; margin-top: 40px; position: sticky !important; top: 0px !important; z-index: 50 !important;}
:is(html,body).electrolytes-product .electrolytes-content-nav .content-nav-inner{min-width: 0px; justify-content: flex-start !important;}
:is(html,body).electrolytes-product .electrolytes-content-nav a{font-size: 15px; white-space: nowrap;}
:is(html,body).electrolytes-product #electrolytes-long{width: 100%; max-width: 1220px;}
:is(html,body).electrolytes-product #electrolytes-long section{scroll-margin-top: 90px;}
:is(html,body).electrolytes-product #electrolytes-long .section-heading{max-width: none;}
:is(html,body).electrolytes-product #electrolytes-long .section-heading h2{font-size: clamp(35px, 4.2vw, 60px); line-height: 1.08;}
:is(html,body).electrolytes-product #electrolytes-long .section-heading > span{font-size: 18px; line-height: 1.6; max-width: 1080px;}
:is(html,body).electrolytes-product #electrolytes-long h2{line-height: 1.09;}
:is(html,body).electrolytes-product #electrolytes-long .routine-section{margin-top: 24px;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo{min-height: 640px; background: rgb(23, 60, 55); isolation: isolate;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo img{position: absolute; inset: 0px; object-fit: cover; object-position: 50% 25%;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo::after{background: linear-gradient(0deg, rgb(9, 41, 37) 0%, rgba(9, 41, 37, 0.83) 24%, rgba(9, 41, 37, 0) 62%);}
:is(html,body).electrolytes-product #electrolytes-long .story-photo > div{left: 32px; right: 32px; bottom: 32px;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo h3{font-size: clamp(34px, 3.5vw, 48px); line-height: 1.07; margin: 12px 0px 16px;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo p{color: rgb(200, 241, 237); font-size: 15px; font-weight: 850; letter-spacing: 0.09em; text-transform: uppercase; text-shadow: rgb(17, 34, 51) 0px 1px 2px;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo span{display: block; font-size: 18px; line-height: 1.5;}
:is(html,body).electrolytes-product #electrolytes-long .story-facts{grid-template-columns: repeat(2, minmax(0px, 1fr));}
:is(html,body).electrolytes-product #electrolytes-long .story-facts article{min-width: 0px; justify-content: center; padding: 22px;}
:is(html,body).electrolytes-product #electrolytes-long .story-facts strong{font-size: 68px; line-height: 1.05; margin: 12px 0px;}
:is(html,body).electrolytes-product #electrolytes-long .metric-grid{margin: 15px 0px; background: transparent; gap: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .metric-grid > div{background: transparent; padding: 12px 8px; border-right: 1px solid rgb(201, 220, 218);}
:is(html,body).electrolytes-product #electrolytes-long .metric-grid > div:last-child{border: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .metric-grid strong{font-size: 24px; white-space: nowrap; margin: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .story-facts p{margin: 12px 0px 0px; font-size: 16px; line-height: 1.5;}
:is(html,body).electrolytes-product #electrolytes-long .ingredient-cards article{padding: 26px; min-width: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .ingredient-card-top{min-height: 70px;}
:is(html,body).electrolytes-product .electrolytes-scope .mineral-dose{font-size: 38px; line-height: 1; color: rgb(0, 100, 96); white-space: nowrap;}
:is(html,body).electrolytes-product #electrolytes-long .ingredient-cards h3{margin: 18px 0px 12px;}
:is(html,body).electrolytes-product #electrolytes-long .ingredient-cards p{margin: 0px;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel{display: grid; grid-template-columns: 1.7fr repeat(3, 1fr); align-items: center; margin-top: 14px; padding: 28px; background: rgb(231, 244, 242); border: 1px solid rgb(201, 220, 218); border-radius: 6px; gap: 26px;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel h3{font-size: 22px; line-height: 1.2; margin: 0px 0px 8px;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel p{margin: 0px; font-size: 15px; color: rgb(102, 118, 116);}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel strong,:is(html,body).electrolytes-product .electrolytes-scope .trace-panel span{display: block;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel strong{font-size: 25px; color: rgb(0, 100, 96); white-space: nowrap;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel span{font-size: 14px; color: rgb(102, 118, 116);}
:is(html,body).electrolytes-product .electrolytes-scope .formula-note{padding: 22px 0px 6px;}
:is(html,body).electrolytes-product .electrolytes-scope .fineprint{color: rgb(102, 118, 116); font-size: 13px; line-height: 1.6; margin: 18px 0px;}
:is(html,body).electrolytes-product #electrolytes-long .routine-photo{position: relative; min-height: 620px;}
:is(html,body).electrolytes-product #electrolytes-long .routine-photo img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%;}
:is(html,body).electrolytes-product #electrolytes-long .routine-section > div:last-child{padding: 40px;}
:is(html,body).electrolytes-product #electrolytes-long .routine-section h2{font-size: clamp(34px, 3.5vw, 49px); line-height: 1.08;}
:is(html,body).electrolytes-product #electrolytes-long .routine-section p{line-height: 1.6;}
:is(html,body).electrolytes-product #electrolytes-long .steps article{padding: 14px 16px; border-radius: 6px;}
:is(html,body).electrolytes-product .electrolytes-scope .text-link{font-weight: 850; margin-top: 20px;}
:is(html,body).electrolytes-product #electrolytes-long .taste-section{background: rgb(231, 244, 242);}
:is(html,body).electrolytes-product #electrolytes-long .comparison-section{overflow: visible !important;}
:is(html,body).electrolytes-product .electrolytes-scope .comparison-viewport{overflow-x: auto; overscroll-behavior-inline: contain; max-width: 100%; border-radius: 6px; scrollbar-color: rgb(0, 100, 96) rgb(231, 244, 242);}
:is(html,body).electrolytes-product #electrolytes-long .comparison-section .section-heading,:is(html,body).electrolytes-product #electrolytes-long .comparison-note{position: static; width: auto;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-table{overflow: hidden;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-head{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; min-width: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-head img{height: 145px; width: 180px; object-fit: contain; margin: 0px; flex-shrink: 0; border-radius: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-head small{color: rgb(102, 118, 116);}
:is(html,body).electrolytes-product #electrolytes-long .comparison-table > div{line-height: 1.5;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-scroll-hint{position: static !important; width: auto !important;}
:is(html,body).electrolytes-product .electrolytes-scope .development-grid{display: grid; grid-template-columns: 340px 1fr; gap: 32px; background: rgb(243, 247, 246); border-radius: 6px; padding: 28px;}
:is(html,body).electrolytes-product #electrolytes-long .development-grid .video-grid{grid-auto-columns: 100% !important; overflow: hidden !important; padding: 0px !important;}
:is(html,body).electrolytes-product #electrolytes-long .development-grid .video-grid button{min-height: 0px; aspect-ratio: 9 / 16;}
:is(html,body).electrolytes-product .electrolytes-scope .development-copy{display: flex; flex-direction: column; justify-content: center;}
:is(html,body).electrolytes-product .electrolytes-scope .development-copy p{margin: 22px 0px 0px; color: rgb(102, 118, 116);}
:is(html,body).electrolytes-product #electrolytes-long .testing-header p{color: rgb(200, 241, 237);}
:is(html,body).electrolytes-product #electrolytes-long .testing-header h2{font-size: clamp(35px, 4.2vw, 57px); line-height: 1.1;}
:is(html,body).electrolytes-product #electrolytes-long .batch-grid article{min-width: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .batch-grid strong{margin: 10px 0px; overflow-wrap: anywhere;}
:is(html,body).electrolytes-product #electrolytes-long .testing-ai .ai-provider-icon{width: 28px; height: 28px; object-fit: contain; filter: brightness(0) invert(1);}
:is(html,body).electrolytes-product #electrolytes-long .testing-ai p{color: rgb(255, 255, 255) !important;}
:is(html,body).electrolytes-product #electrolytes-long #experts-title{line-height: 1.1 !important;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article{min-width: 0px; grid-template-columns: 180px minmax(0px, 1fr);}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid img{height: 100%; object-position: center center;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article > div{padding: 24px;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid blockquote{font-size: 21px; line-height: 1.35;}
:is(html,body).electrolytes-product #electrolytes-long .faq-awards{background: rgb(255, 255, 255); display: block !important;}
:is(html,body).electrolytes-product #electrolytes-long .faq-awards-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px;}
:is(html,body).electrolytes-product #electrolytes-long .faq-awards-grid img{max-height: 105px; width: 100%; height: 100px;}
:is(html,body).electrolytes-product #electrolytes-long .faq-list summary{list-style: none; line-height: 1.4;}
:is(html,body).electrolytes-product .electrolytes-scope .faq-list summary::-webkit-details-marker{display: none;}
:is(html,body).electrolytes-product #electrolytes-long .faq-list details p{margin: 0px; padding: 0px 0px 24px; line-height: 1.65;}
:is(html,body).electrolytes-product .electrolytes-scope .faq-list p a{display: inline-block; margin-top: 12px; font-weight: 800;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta{min-height: 650px;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta img{object-position: 65% 30%;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta h2{font-size: clamp(36px, 4.3vw, 58px); line-height: 1.08; text-shadow: none !important;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta > div{max-width: 740px;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta p{font-size: 14px;}
:is(html,body).electrolytes-product .electrolytes-scope .electrolytes-term{color: inherit; font: inherit; text-decoration: underline dotted; text-underline-offset: 4px; cursor: help; display: inline !important;}
:is(html,body).electrolytes-product #electrolytes-long .methodology-note{margin-inline: 0px;}
@media (max-width: 980px) {:is(html,body).electrolytes-product #electrolytes-long .story-grid{grid-template-columns: 1fr;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo{min-height: 660px;}
:is(html,body).electrolytes-product #electrolytes-long .routine-photo{height: 520px; min-height: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid{grid-template-columns: 1fr;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel{grid-template-columns: repeat(3, 1fr);}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel > div:first-child{grid-column: 1 / -1;}
:is(html,body).electrolytes-product #electrolytes-long .faq-awards-grid{grid-template-columns: repeat(5, minmax(0px, 1fr));}
:is(html,body).electrolytes-product .electrolytes-scope .development-grid{grid-template-columns: 280px 1fr; gap: 24px; padding: 24px;}
}
@media (max-width: 520px) {:is(html,body).electrolytes-product .benefitBanner__link{gap: 8px; min-height: 112px; grid-template-columns: 42px minmax(0px, 1fr) !important; padding: 14px 8px !important;}
:is(html,body).electrolytes-product .benefitBanner__picture,:is(html,body).electrolytes-product .benefitBanner__picture img{width: 42px !important; height: 42px !important;}
:is(html,body).electrolytes-product .benefitBanner__title{font-size: 13px;}
:is(html,body).electrolytes-product .benefitBanner__data{font-size: 12px;}
:is(html,body).electrolytes-product .electrolytes-scope .short-lead{font-size: 17px;}
:is(html,body).electrolytes-product #electrolytes-short .audience-tags a{font-size: 14px;}
:is(html,body).electrolytes-product #electrolytes-short .quick-proof a{padding: 14px; min-height: 105px;}
:is(html,body).electrolytes-product #electrolytes-short .quick-proof strong{font-size: 16px;}
:is(html,body).electrolytes-product #electrolytes-short .quick-proof span{font-size: 14px;}
:is(html,body).electrolytes-product .electrolytes-quantity-table .quantity-discounts__item{gap: 8px 10px; grid-template-columns: minmax(0px, 1fr) auto !important;}
:is(html,body).electrolytes-product .electrolytes-option-price{text-align: right;}
:is(html,body).electrolytes-product .electrolytes-option-copy strong{font-size: 15px;}
:is(html,body).electrolytes-product .electrolytes-option-price strong{font-size: 17px;}
:is(html,body).electrolytes-product .electrolytes-option-copy small,:is(html,body).electrolytes-product .electrolytes-option-price small{font-size: 13px;}
:is(html,body).electrolytes-product .electrolytes-content-nav{margin-top: 24px; padding: 7px 4px;}
:is(html,body).electrolytes-product .electrolytes-content-nav a{font-size: 14px; padding: 9px 12px !important;}
:is(html,body).electrolytes-product #electrolytes-long .section-heading{padding: 26px 0px 20px;}
:is(html,body).electrolytes-product #electrolytes-long .section-heading > p{font-size: 12px; line-height: 1.5; letter-spacing: 0.09em;}
:is(html,body).electrolytes-product #electrolytes-long .section-heading h2{font-size: 35px; line-height: 1.09;}
:is(html,body).electrolytes-product #electrolytes-long .section-heading > span{font-size: 17px;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo{min-height: 590px;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo img{object-position: 40% 0px;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo > div{left: 20px; right: 20px; bottom: 24px; max-width: none;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo h3{font-size: 35px;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo span{font-size: 16px;}
:is(html,body).electrolytes-product #electrolytes-long .story-facts strong{font-size: 56px;}
:is(html,body).electrolytes-product #electrolytes-long .story-facts p{font-size: 15px;}
:is(html,body).electrolytes-product #electrolytes-long .metric-grid strong{font-size: 21px !important;}
:is(html,body).electrolytes-product #electrolytes-long .metric-grid small{font-size: 13px !important;}
:is(html,body).electrolytes-product #electrolytes-long .ingredient-cards article{padding: 22px;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel{gap: 16px 8px; padding: 22px 16px;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel strong{font-size: 20px;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel span{font-size: 12px;}
:is(html,body).electrolytes-product #electrolytes-long .routine-photo{height: 370px; min-height: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .routine-photo img{object-position: 50% 28%;}
:is(html,body).electrolytes-product #electrolytes-long .routine-section > div:last-child{padding: 26px 20px;}
:is(html,body).electrolytes-product #electrolytes-long .routine-section > div > p{font-size: 13px; letter-spacing: 0.06em;}
:is(html,body).electrolytes-product #electrolytes-long .routine-section h2{font-size: 34px;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-table{grid-template-columns: 96px 156px 172px !important;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-head{gap: 10px;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-head strong{font-size: 16px;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-head img{width: 112px !important; height: 94px !important;}
:is(html,body).electrolytes-product .electrolytes-scope .development-grid{grid-template-columns: 1fr; padding: 20px; gap: 22px;}
:is(html,body).electrolytes-product #electrolytes-long .development-grid .video-grid{width: 100% !important; max-width: 300px !important; margin: auto !important; grid-auto-columns: 100% !important;}
:is(html,body).electrolytes-product #electrolytes-long .testing-header{display: grid; grid-template-columns: 1fr;}
:is(html,body).electrolytes-product #electrolytes-long .testing-header img{width: 90px; height: 90px;}
:is(html,body).electrolytes-product #electrolytes-long .testing-header h2{font-size: 34px;}
:is(html,body).electrolytes-product #electrolytes-long .testing-lead{font-size: 17px;}
:is(html,body).electrolytes-product #electrolytes-long .testing-ai{width: 100%; grid-template-columns: minmax(0px, 1fr) auto;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article{grid-template-columns: 110px minmax(0px, 1fr);}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article > div{padding: 20px 16px;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid blockquote{font-size: 18px; line-height: 1.38;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid small{font-size: 12px;}
:is(html,body).electrolytes-product #electrolytes-long #experts-title{font-size: 35px !important;}
:is(html,body).electrolytes-product #electrolytes-long .faq-aside h2{font-size: 34px;}
:is(html,body).electrolytes-product #electrolytes-long .faq-awards-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 15px;}
:is(html,body).electrolytes-product #electrolytes-long .faq-awards-grid img{height: 76px;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta{min-height: 700px; display: flex; align-items: flex-end; background: rgb(7, 60, 55);}
:is(html,body).electrolytes-product #electrolytes-long .final-cta img{object-position: 62% 0px;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta > div{padding: 28px 20px;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta h2{font-size: 36px;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta span{font-size: 17px;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta::after{background: linear-gradient(0deg, rgb(6, 59, 54) 0%, rgba(6, 59, 54, 0.94) 26%, transparent 76%) !important;}
:is(html,body).electrolytes-product #electrolytes-long .methodology-note{margin-inline: 0px;}
}
@media (max-width: 600px) {:is(html,body).electrolytes-product #electrolytes-long > .story-section,:is(html,body).electrolytes-product #electrolytes-long > .contents-section,:is(html,body).electrolytes-product #electrolytes-long > .comparison-section,:is(html,body).electrolytes-product #electrolytes-long > .videos-section,:is(html,body).electrolytes-product #electrolytes-long > .research-voices,:is(html,body).electrolytes-product #electrolytes-long .section-heading{margin-inline: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-section .section-heading{width: 100%; position: static;}
}
:is(html,body).electrolytes-product #electrolytes-long .taste-section > div > p:not(:first-child){font-size: 17px; font-weight: 400; text-transform: none; letter-spacing: 0px; color: rgb(102, 118, 116);}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid img{min-height: 0px; object-fit: cover; object-position: center top; align-self: stretch; height: 100%; width: 100%; aspect-ratio: auto;}
:is(html,body).electrolytes-product #electrolytes-long .testing-header{margin-bottom: 24px;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel > div:not(:first-child){align-self: start;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article{position: relative;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article > img{position: absolute; inset: 0px; width: 180px; height: 100%; margin: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article > div{grid-column: 2;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article:first-child > img{object-position: 38% top;}
:is(html,body).electrolytes-product #electrolytes-long .faq-awards{background: rgb(240, 244, 243); margin-top: 20px; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius);}
:is(html,body).electrolytes-product #electrolytes-long .faq-awards-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; align-items: center;}
:is(html,body).electrolytes-product #electrolytes-long .faq-awards-grid img{width: 100%; height: 70px; max-height: 70px; object-fit: contain;}
@media (min-width: 981px) {:is(html,body).electrolytes-product #electrolytes-long .taste-section > .routine-photo{grid-area: 1 / 2;}
:is(html,body).electrolytes-product #electrolytes-long .taste-section > div:last-child{grid-area: 1 / 1;}
}
:is(html,body).electrolytes-product #electrolytes-long .final-cta{background: rgb(18, 63, 60);}
:is(html,body).electrolytes-product #electrolytes-long .final-cta img{left: 180px; object-position: center 30%;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta > div{max-width: 690px;}
@media (min-width: 981px) {:is(html,body).electrolytes-product #electrolytes-long .final-cta::after{background: linear-gradient(90deg, rgb(18, 63, 60) 0%, rgb(18, 63, 60) 18%, rgba(18, 63, 60, 0.94) 30%, rgba(18, 63, 60, 0.5) 52%, rgba(18, 63, 60, 0) 78%) !important;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta h2{font-size: 50px;}
}
@media (max-width: 980px) {:is(html,body).electrolytes-product #electrolytes-long .final-cta img{left: 0px; object-position: 30% top;}
}
@media (max-width: 520px) {:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article > img{width: 110px; margin: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article:first-child > img{object-position: 39% top;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta img{object-position: 30% top;}
}
@media (max-width: 600px) {:is(html,body).electrolytes-product #electrolytes-long .final-cta{min-height: 0px; padding-top: 390px; background: rgb(6, 59, 54);}
:is(html,body).electrolytes-product #electrolytes-long .final-cta img{left: 0px; top: 0px; height: 440px; object-position: 50% top;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta::after{background: linear-gradient(rgba(6, 59, 54, 0) 300px, rgb(6, 59, 54) 440px) !important;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta > div{position: relative; padding: 0px 20px 28px; width: 100%;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta h2{font-size: 34px;}
}
@media (prefers-reduced-motion: reduce) {:is(html,body).electrolytes-product .electrolytes-scope *{transition: none !important;}
}
:is(html,body).electrolytes-product #electrolytes-long .test-results{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 6px; background: rgba(255, 255, 255, 0.25); margin-bottom: 24px;}
:is(html,body).electrolytes-product #electrolytes-long .test-results > div{display: flex; flex-direction: column; min-width: 0px; min-height: 110px; padding: 18px; background: rgba(0, 46, 43, 0.64);}
:is(html,body).electrolytes-product #electrolytes-long .test-results span{color: rgb(205, 231, 228);}
:is(html,body).electrolytes-product #electrolytes-long .test-results strong{margin-top: auto; padding-top: 8px; color: rgb(255, 255, 255); font-size: 22px; white-space: nowrap;}
:is(html,body).electrolytes-product #electrolytes-long .result-check{display: inline-grid; width: 24px; height: 24px; place-items: center; margin-right: 8px; border-radius: 50%; background: rgb(216, 242, 231); color: rgb(0, 100, 96); font-size: 15px; vertical-align: 3px;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-table > .label{min-width: 0px; hyphens: auto; overflow-wrap: anywhere;}
@media (max-width: 600px) {:is(html,body).electrolytes-product #electrolytes-long .test-results{grid-template-columns: repeat(2, minmax(0px, 1fr));}
:is(html,body).electrolytes-product #electrolytes-long .test-results > div{min-height: 100px; padding: 14px;}
:is(html,body).electrolytes-product #electrolytes-long .test-results strong{font-size: 18px;}
:is(html,body).electrolytes-product #electrolytes-long .result-check{vertical-align: 1px;}
}

/* Native Shoptet owns commerce, gallery, shipping and sticky navigation. */
:is(html,body).electrolytes-product .electrolytes-scope{font-family:inherit;line-height:1.55;color:#172423;--ink:#172423;--muted:#667674;--line:#c9dcda;--soft:#eef7f6;--accent:#006460;--radius:6px}
:is(html,body).electrolytes-product .electrolytes-scope,:is(html,body).electrolytes-product .electrolytes-scope *{box-sizing:border-box}
:is(html,body).electrolytes-product #electrolytes-long{width:100%;max-width:1220px;margin-inline:auto;font-size:17px}
:is(html,body).electrolytes-product #electrolytes-short{margin-block:16px}
:is(html,body).electrolytes-product #electrolytes-short .short-lead{font-size:18px;line-height:1.55;margin:0 0 24px}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long h2,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long h3{font-family:inherit;font-weight:850!important;color:inherit!important;letter-spacing:-.035em}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .testing-section h2,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .testing-section strong,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .story-photo h3,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .final-cta h2,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .final-cta p,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .final-cta span,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .media-dialog__head strong{color:#fff!important}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .story-facts article:not(.primary)>strong,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .metric-grid strong,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .mineral-dose,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .trace-panel strong{color:#006460!important}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .story-facts .primary>strong{color:#fff!important}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .comparison-head.puori strong{color:#006460!important}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .section-heading>p,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .routine-section>div>p:first-child{color:#006460!important;font-size:16px!important;font-weight:700!important;font-style:normal!important}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .story-photo img,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .routine-photo img,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .research-voice-grid article>img{height:100%!important;max-width:none!important}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .comparison-head img{height:145px!important;width:180px!important;object-fit:contain!important}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .faq-awards-grid img{height:70px!important;object-fit:contain!important}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .final-cta img{height:100%!important}
:is(html,body).electrolytes-product .electrolytes-content-nav{position:relative!important;top:auto!important;z-index:1!important;display:block!important;margin:24px auto!important;max-width:1220px;padding:9px!important}
:is(html,body).electrolytes-product .electrolytes-content-nav .content-nav-inner{display:flex!important;justify-content:center!important;overflow-x:auto;min-width:0;scrollbar-width:thin}
:is(html,body).electrolytes-product .electrolytes-content-nav.electrolytes-content-nav a{color:#006460!important;text-decoration:none!important;white-space:nowrap;flex-shrink:0}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .final-cta a{color:#006460!important;text-decoration:none!important}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .testing-actions a,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .testing-ai a{color:#fff!important}
:is(html,body).electrolytes-product .electrolytes-quantity-table .electrolytes-option-benefits{color:#168548}
:is(html,body).electrolytes-product .electrolytes-quantity-table .electrolytes-free-shipping{font-weight:800;color:#168548}
:is(html,body).electrolytes-product .electrolytes-quantity-table .quantity-discounts__item{position:relative;cursor:pointer;text-align:left}
:is(html,body).electrolytes-product .electrolytes-main-price-old{display:inline-block;color:#667674;font-size:16px;text-decoration:line-through;margin-right:10px}
:is(html,body).electrolytes-product .electrolytes-main-price-current{display:inline-block;color:#172423}
:is(html,body).electrolytes-product .electrolytes-benefit-banner .benefitBanner__picture img{min-width:42px;max-width:none!important}
:is(html,body).electrolytes-product #electrolytes-long .faq-list summary{cursor:pointer}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .research-voice-grid a,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .faq-list a,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .formula-note a{color:#006460!important}
@media(max-width:767px){
 :is(html,body).electrolytes-product #description .description-inner{padding-inline:0}
 :is(html,body).electrolytes-product #electrolytes-long{width:calc(100% - 32px);margin-inline:auto}
 :is(html,body).electrolytes-product .electrolytes-content-nav .content-nav-inner{justify-content:flex-start!important}
 :is(html,body).electrolytes-product #electrolytes-short .short-lead{font-size:17px}
}
@media(max-width:600px){
 :is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .comparison-head img{height:94px!important;width:112px!important}
 :is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .final-cta img{height:440px!important}
 :is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .batch-grid article,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .research-voice-grid article,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .testing-ai,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .steps article{border-radius:6px!important}
 :is(html,body).electrolytes-product #electrolytes-long#electrolytes-long>.routine-section,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long>.testing-section,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .story-photo,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .ingredient-cards article,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .faq-awards,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .final-cta{border-radius:6px!important}
}