/* Supplied Nature's Electrolytes artwork with native, localized site typography. */
.dsx-expansion>#dsx-electrolytes{width:100%;max-width:none;margin-inline:0}
#dsx-electrolytes>.dsx-er-reference-art{display:none}
#dsx-electrolytes .dsx-er-hero-art{position:relative;aspect-ratio:1280/788;overflow:hidden}
#dsx-electrolytes .dsx-er-hero-art img{display:block;width:100%;max-width:none;height:auto}
#dsx-electrolytes .dsx-er-number{display:none}
#dsx-electrolytes .dsx-er-source-icon{position:relative;display:block;overflow:hidden;flex:none}
#dsx-electrolytes .dsx-er-source-icon img{position:absolute;display:block;width:var(--icon-width,1600%)!important;max-width:none!important;height:auto!important;left:var(--icon-x);top:var(--icon-y)}
@layer arotec-text-colors{
 html body #main #dsx-electrolytes #dsx-electrolytes-title{text-transform:none!important}
 html body #main #dsx-electrolytes :is(.dsx-er-balance h3,.dsx-er-ion-panel,.dsx-er-benefits h4,.dsx-er-coast-copy h3){color:#2b54a3!important}
}
@layer arotec-display-headings.spec.request-20260910{
 html body #main #dsx-electrolytes #dsx-electrolytes-title{
  font-family:var(--site-font)!important;font-size:var(--arotec-display-size)!important;
  font-weight:var(--arotec-display-weight)!important;font-style:normal!important;
  line-height:var(--arotec-display-line-height)!important;letter-spacing:var(--arotec-display-letter-spacing)!important;
  overflow-wrap:anywhere!important;
 }
}
@layer arotec-mobile-main-headings{
 @media(max-width:767px){
  html body #main #dsx-electrolytes #dsx-electrolytes-title{
   font-size:calc(var(--arotec-display-size) * .6)!important;
   line-height:calc(var(--arotec-display-line-height) * .6)!important;
   letter-spacing:calc(var(--arotec-display-letter-spacing) * .6)!important;
   white-space:normal!important;overflow-wrap:anywhere!important;max-width:100%!important;
  }
 }
}
@media(min-width:1280px){
 #dsx-electrolytes{position:relative;aspect-ratio:2160/3344;isolation:isolate;background:#e9f4fc}
 #dsx-electrolytes>.dsx-er-reference-art{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;z-index:-1;pointer-events:none}
 #dsx-electrolytes :is(.dsx-er-nature-hero,.dsx-er-nature-body,.dsx-er-balance,.dsx-er-ion-panel,.dsx-er-coast){display:contents}
 #dsx-electrolytes :is(.dsx-er-hero-art,.dsx-er-photo){display:none}
 #dsx-electrolytes .dsx-er-hero-copy{position:absolute;left:10.55%;top:6.1%;width:48%;padding:0}
 html body #main #dsx-electrolytes #dsx-electrolytes-title{margin:0 0 20px!important}
 html body #main #dsx-electrolytes .dsx-er-hero-copy .dsx-er-lead{width:80%;margin:0 0 20px!important}
 html body #main #dsx-electrolytes .dsx-er-hero-copy>p:last-child{width:78%;margin:0!important}
 #dsx-electrolytes .dsx-er-balance>div:first-child{position:absolute;left:10.55%;top:42%;width:29.6%}
 html body #main #dsx-electrolytes .dsx-er-balance h3{margin-bottom:22px!important}
 html body #main #dsx-electrolytes .dsx-er-ion-panel>h4{position:absolute;left:40.1%;top:43.3%;width:49.1%;text-align:center;margin:0!important;font-size:22px!important;line-height:28px!important}
 #dsx-electrolytes .dsx-er-ions{position:absolute;left:42.27%;top:45.73%;width:45.1%;height:4.4%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6.1%;margin:0;padding:0}
 #dsx-electrolytes .dsx-er-ions li{aspect-ratio:auto;border:0;border-radius:0;background:none;gap:4px}
 #dsx-electrolytes .dsx-er-ions b{font-size:32px;line-height:1.1}
 #dsx-electrolytes .dsx-er-ions span{font-size:14px;line-height:1.25}
 html body #main #dsx-electrolytes .dsx-er-ion-note{position:absolute;left:42%;top:52.7%;width:45%;text-align:center;border:0;padding:0;margin:0!important}
 #dsx-electrolytes .dsx-er-benefits{position:absolute;left:8.75%;top:57.25%;width:80.7%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.3%}
 #dsx-electrolytes .dsx-er-benefits article{position:relative;display:block}
 #dsx-electrolytes .dsx-er-benefits .dsx-er-icon{width:80px;height:80px;margin:0 auto 4px}
 html body #main #dsx-electrolytes .dsx-er-benefits h4{font-size:24px!important;line-height:28px!important;font-weight:500!important;min-height:0;margin:0!important}
 #dsx-electrolytes .dsx-er-coast-copy{position:absolute;left:9.22%;top:86.42%;width:24.84%;min-height:8.78%;padding:25px 18px 24px 26px;border-radius:24px;background:#eaf5fd;display:flex;gap:22px}
 #dsx-electrolytes .dsx-er-coast-copy>.dsx-er-icon{display:block;width:50px;height:70px;flex:none;margin:0}
 #dsx-electrolytes .dsx-er-coast-copy>div{position:static;flex:1;width:auto}
 html body #main #dsx-electrolytes .dsx-er-coast-copy h3{font-size:24px!important;line-height:32px!important;margin:0 0 10px!important}
 html body #main #dsx-electrolytes .dsx-er-coast-copy p{font-size:18px!important;line-height:28px!important;margin:0!important}
}
@media(max-width:1279px){
 #dsx-electrolytes .dsx-er-nature-hero{display:flex;flex-direction:column;min-height:0;aspect-ratio:auto;padding-bottom:0;overflow:visible}
 #dsx-electrolytes .dsx-er-hero-copy{order:0;width:100%;padding:40px max(24px,6%)}
 #dsx-electrolytes .dsx-er-hero-art{order:1}
 #dsx-electrolytes .dsx-er-nature-body{padding:40px max(24px,6%)}
 #dsx-electrolytes .dsx-er-balance{grid-template-columns:1fr;gap:28px;margin:0 0 36px}
 #dsx-electrolytes .dsx-er-ion-panel{background:#f5faff}
 #dsx-electrolytes .dsx-er-coast{display:flex;flex-direction:column;min-height:0}
 #dsx-electrolytes .dsx-er-coast>.dsx-er-photo{width:100%;order:2}
 #dsx-electrolytes .dsx-er-coast-copy{position:relative;inset:auto;width:auto;order:1;margin:24px;padding:24px;border-radius:16px}
 #dsx-electrolytes .dsx-er-coast-copy>.dsx-er-source-icon{width:50px;height:70px}
}