#iontmax-sport-drinks-app,#iontmax-sport-drinks-app *,#iontmax-sport-drinks-app-drinks-histogram,#iontmax-sport-drinks-app-drinks-histogram *,#iontmax-sport-drinks-app-cola-factor,#iontmax-sport-drinks-app-cola-factor *{box-sizing:border-box}.iontmax-sd{width:100%;font-family:inherit;color:#111}.iontmax-sd__intro{width:100%;margin:18px 0 14px;padding:18px 20px;border:1px solid #e7e7e7;border-radius:18px;background:#fff}.iontmax-sd__eyebrow{font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#d8007f;margin-bottom:6px}.iontmax-sd h2{margin:0 0 6px!important;font-size:clamp(24px,3vw,34px)!important;line-height:1.05!important;font-weight:950!important;color:#000!important}.iontmax-sd p{margin:0;color:#444;line-height:1.45;font-size:14px}.iontmax-sd__toolbar{width:100%;margin:0 0 12px;padding:12px 14px;border:1px solid #e7e7e7;border-radius:16px;background:#fff}.iontmax-sd__search{display:grid;gap:5px;font-weight:900}.iontmax-sd__search span{font-size:12px;color:#111}.iontmax-sd__search input{width:100%;height:40px;border:2px solid #e6e6e6;border-radius:999px;padding:0 14px;font-size:14px}.iontmax-sd__search input:focus{outline:none;border-color:#d8007f}.iontmax-sd__body{min-height:120px;margin-bottom:22px}.iontmax-sd__loader,.iontmax-sd__empty,.iontmax-sd__error{padding:18px;border:1px solid #e7e7e7;border-radius:16px;background:#fff;font-weight:900}.iontmax-sd__loader{display:flex;align-items:center;gap:12px}.iontmax-sd__loader span{width:26px;height:26px;border-radius:999px;border:4px solid #eee;border-top-color:#d8007f;animation:sdspin .8s linear infinite}@keyframes sdspin{to{transform:rotate(360deg)}}.iontmax-sd__table-wrap{width:100%;overflow:auto;margin-bottom:22px;border:1px solid #e7e7e7;border-radius:16px;background:#fff}.iontmax-sd__table{width:100%;border-collapse:separate;border-spacing:0;min-width:640px;table-layout:auto}.iontmax-sd__table th{position:sticky;top:0;background:#f7f7f7;text-align:left;padding:0;border-bottom:1px solid #e7e7e7}.iontmax-sd__sort{appearance:none;width:100%;height:100%;min-height:38px;border:0;background:transparent;color:#555;text-align:left;padding:9px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:950;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.iontmax-sd__sort:hover,.iontmax-sd__sort.is-active{color:#000;background:#efefef}.iontmax-sd__sort span{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid currentColor;opacity:.35}.iontmax-sd__sort.is-asc span{border-top:0;border-bottom:6px solid currentColor;opacity:1}.iontmax-sd__sort.is-desc span{opacity:1}.iontmax-sd__table td{padding:8px 10px;border-bottom:1px solid #f0f0f0;font-size:13px;line-height:1.25;font-weight:800;vertical-align:middle;white-space:nowrap}.iontmax-sd__table td:nth-child(2){white-space:normal;min-width:150px}.iontmax-sd__table tr{cursor:pointer}.iontmax-sd__table tr:hover td{background:#fafafa}.iontmax-sd__table small{display:block;margin-top:2px;color:#777;font-size:11px;font-weight:700}.is-green{background:#e7f8df!important}.is-yellow{background:#fff5b8!important}.is-orange{background:#ffe2b5!important}.is-red{background:#ffd1d1!important}.is-sorted-text{background:#f3f3f3!important}.iontmax-sd__modal[aria-hidden="true"]{display:none}.iontmax-sd__modal{position:fixed;z-index:999999;inset:0}.iontmax-sd__overlay{position:absolute;inset:0;background:rgba(0,0,0,.45)}.iontmax-sd__dialog{position:relative;width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;margin:12px auto;padding:24px;border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.25)}.iontmax-sd__close{position:absolute;right:16px;top:16px;border:0;border-radius:999px;background:#000;color:#fff;padding:10px 14px;font-weight:950;cursor:pointer}.iontmax-sd__dialog header{padding-right:100px;margin-bottom:18px}.iontmax-sd__dialog header small{display:block;color:#777;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.iontmax-sd__dialog h3{margin:4px 0 0;font-size:clamp(26px,4vw,42px);line-height:1.05}.iontmax-sd__dialog h4{margin:22px 0 10px;font-size:16px}.iontmax-sd__detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.iontmax-sd__metric{padding:13px;border:1px solid #e8e8e8;border-radius:16px;background:#fff}.iontmax-sd__metric span{display:block;margin-bottom:4px;font-size:11px;font-weight:950;text-transform:uppercase;color:#666}.iontmax-sd__metric strong{font-size:22px;line-height:1}.iontmax-sd__compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;border:1px solid #ededed;border-radius:16px;background:#fafafa}.iontmax-sd__compact p{font-size:14px;overflow-wrap:anywhere}.iontmax-sd__facts{grid-template-columns:1fr}.iontmax-sd__notes{padding:14px;border:1px solid #ededed;border-radius:16px;background:#fff}.iontmax-sd__notes ul{margin:0;padding-left:18px}.iontmax-sd__notes li{margin:0 0 8px;color:#333;font-size:14px;line-height:1.5;font-weight:400}.iontmax-sd__notes li:last-child{margin-bottom:0}.iontmax-sd-hist{position:relative;overflow:hidden;width:100%;margin:18px 0 22px;padding:24px 24px 22px;border:1px solid #e7e7e7;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.05);font-family:inherit;color:#111}.iontmax-sd-hist:before{content:"";position:absolute;inset:0 auto 0 0;width:10px;background:#d8007f}.iontmax-sd-hist__head{position:relative;z-index:2;margin:0 0 18px;padding-left:8px}.iontmax-sd-hist__eyebrow{margin-bottom:7px;color:#d8007f;font-size:12px;line-height:1.2;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.iontmax-sd-hist__head h2{margin:0 0 7px!important;color:#000!important;font-size:clamp(25px,3vw,38px)!important;line-height:1.1!important;font-weight:950!important}.iontmax-sd-hist__head p{max-width:820px;margin:0;color:#444;font-size:14px;line-height:1.5;font-weight:700}.iontmax-sd-hist__chart-wrap{position:relative;padding:0 0 0 42px}.iontmax-sd-hist__y-label{position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center;color:#666;font-size:12px;font-weight:800;white-space:nowrap}.iontmax-sd-hist__chart{position:relative;height:360px;padding:18px 18px 42px;border:1px solid #e4e4e4;border-radius:22px;background:linear-gradient(to top,rgba(0,0,0,.08) 1px,transparent 1px) 0 0/100% 20%,#fbfbfb;overflow:visible}.iontmax-sd-hist__grid{position:absolute;inset:18px 18px 42px;background:repeating-linear-gradient(to right,rgba(0,0,0,.08) 0 1px,transparent 1px calc(100% / 12));pointer-events:none}.iontmax-sd-hist__bars{position:relative;z-index:2;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(26px,1fr);align-items:end;gap:8px;height:100%}.iontmax-sd-hist__bar-col{position:relative;display:flex;align-items:flex-end;justify-content:center;height:100%;min-width:0}.iontmax-sd-hist__bar{position:relative;width:100%;max-width:52px;height:0;min-height:2px;border-radius:10px 10px 0 0;background:#d8007f;box-shadow:inset 0 -8px 0 rgba(0,0,0,.04);animation:sdhistgrow .72s cubic-bezier(.2,.9,.2,1) forwards;animation-delay:var(--bar-delay,0ms)}.is-loaded .iontmax-sd-hist__bar{height:var(--bar-height,0%)}@keyframes sdhistgrow{from{height:0}to{height:var(--bar-height,0%)}}.iontmax-sd-hist__bar span{position:absolute;left:50%;bottom:calc(100% + 7px);transform:translateX(-50%);display:none;padding:4px 7px;border-radius:999px;background:#000;color:#fff;font-size:11px;font-weight:900;white-space:nowrap}.iontmax-sd-hist__bar-col:hover .iontmax-sd-hist__bar span{display:block}.iontmax-sd-hist__bar--green{background:#65b32e}.iontmax-sd-hist__bar--yellow{background:#f3c400}.iontmax-sd-hist__bar--orange{background:#f28c00}.iontmax-sd-hist__bar--red{background:#e30613}.iontmax-sd-hist__x-tick{position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);color:#666;font-size:11px;font-weight:800;white-space:nowrap}.iontmax-sd-hist__x-label{margin:13px 0 0;color:#666;text-align:center;font-size:13px;font-weight:800}.iontmax-sd-hist__marker{position:absolute;z-index:5;top:18px;bottom:42px;width:0;transform:translateX(-50%);border-left:3px solid #000;pointer-events:none}.iontmax-sd-hist__marker:after{content:"";position:absolute;left:-8px;top:-8px;width:13px;height:13px;border-radius:999px;background:#000;border:3px solid #fff;box-shadow:0 0 0 2px #000}.iontmax-sd-hist__marker-label{position:absolute;left:50%;top:-54px;transform:translateX(-50%);display:grid;gap:2px;min-width:88px;padding:7px 9px;border-radius:13px;background:#000;color:#fff;text-align:center;box-shadow:0 12px 25px rgba(0,0,0,.18)}.iontmax-sd-hist__marker-label strong,.iontmax-sd-hist__marker-label span{display:block;color:#fff;line-height:1.1}.iontmax-sd-hist__marker-label strong{font-size:10px;font-weight:950;text-transform:uppercase}.iontmax-sd-hist__marker-label span{font-size:16px;font-weight:950}@media(max-width:800px){.iontmax-sd__table{min-width:620px}.iontmax-sd__table td{font-size:12px;padding:7px 8px}.iontmax-sd-hist__chart-wrap{padding-left:0;overflow-x:auto;padding-top:58px}.iontmax-sd-hist__y-label{display:none}.iontmax-sd-hist__chart{min-width:760px;height:330px}.iontmax-sd__detail-grid,.iontmax-sd__compact{grid-template-columns:1fr}.iontmax-sd__dialog{padding:20px}.iontmax-sd__dialog header{padding-right:0;padding-top:42px}.iontmax-sd__close{left:16px;right:auto}}

/* 1.1.2 - mobile scaling, sodium title clearance, currency selector */
.iontmax-sd__toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 130px;
  gap:10px;
  align-items:end;
}
.iontmax-sd__currency{display:grid;gap:5px;font-weight:900;min-width:0;}
.iontmax-sd__currency span{font-size:12px;color:#111;}
.iontmax-sd__currency select{width:100%;height:40px;border:2px solid #e6e6e6;border-radius:999px;padding:0 12px;background:#fff;color:#111;font-size:14px;font-weight:900;}
.iontmax-sd__currency select:focus{outline:none;border-color:#d8007f;}
.iontmax-sd-hist{overflow:visible;}
.iontmax-sd-hist--sodium .iontmax-sd-hist__head{margin-bottom:76px;}
.iontmax-sd-hist__marker.is-edge-right .iontmax-sd-hist__marker-label{left:auto;right:-10px;transform:none;}
.iontmax-sd-hist__marker.is-edge-left .iontmax-sd-hist__marker-label{left:-10px;transform:none;}

@media(max-width:800px){
  .iontmax-sd__toolbar{grid-template-columns:1fr;}
  .iontmax-sd__table-wrap{overflow:visible!important;border:0;background:transparent;}
  .iontmax-sd__table{display:block!important;width:100%!important;min-width:0!important;border-spacing:0!important;}
  .iontmax-sd__table thead{display:none!important;}
  .iontmax-sd__table tbody{display:grid!important;gap:10px;width:100%;}
  .iontmax-sd__table tr{display:grid!important;grid-template-columns:1fr 1fr;gap:0;width:100%;border:1px solid #e7e7e7;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.035);}
  .iontmax-sd__table td{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0!important;padding:8px 10px!important;border:0!important;border-bottom:1px solid #f0f0f0!important;font-size:12px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere;text-align:right;}
  .iontmax-sd__table td:nth-child(1),.iontmax-sd__table td:nth-child(2){grid-column:1/-1;}
  .iontmax-sd__table td:nth-child(2){min-width:0!important;}
  .iontmax-sd__table td:nth-last-child(1),.iontmax-sd__table td:nth-last-child(2){border-bottom:0!important;}
  .iontmax-sd__table td::before{content:attr(data-label);flex:0 0 auto;color:#666;font-size:10px;line-height:1.1;font-weight:950;letter-spacing:.04em;text-transform:uppercase;text-align:left;}
  .iontmax-sd__table td strong{display:block;max-width:100%;overflow-wrap:anywhere;text-align:right;}
  .iontmax-sd__table td small{font-size:10px;text-align:right;}

  .iontmax-sd-hist{padding:18px 12px 18px;border-radius:20px;}
  .iontmax-sd-hist:before{width:7px;}
  .iontmax-sd-hist__head{padding-left:4px;margin-bottom:16px;}
  .iontmax-sd-hist--sodium .iontmax-sd-hist__head{margin-bottom:62px;}
  .iontmax-sd-hist__head h2{font-size:clamp(21px,6vw,28px)!important;line-height:1.12!important;}
  .iontmax-sd-hist__chart-wrap{padding:0!important;overflow:visible!important;}
  .iontmax-sd-hist__y-label{display:none!important;}
  .iontmax-sd-hist__chart{width:100%!important;min-width:0!important;height:300px!important;padding:18px 8px 50px!important;border-radius:18px;}
  .iontmax-sd-hist__grid{inset:18px 8px 50px!important;background:repeating-linear-gradient(to right,rgba(0,0,0,.07) 0 1px,transparent 1px calc(100% / 10));}
  .iontmax-sd-hist__bars{grid-auto-columns:minmax(0,1fr)!important;gap:3px!important;}
  .iontmax-sd-hist__bar{max-width:none!important;border-radius:7px 7px 0 0;}
  .iontmax-sd-hist__x-tick{bottom:-39px;font-size:9px;line-height:1;font-weight:900;transform:translateX(-50%) rotate(-50deg);transform-origin:50% 0;}
  .iontmax-sd-hist__x-label{font-size:11px;margin-top:16px;}
  .iontmax-sd-hist__marker{top:18px;bottom:50px;border-left-width:2px;}
  .iontmax-sd-hist__marker:after{left:-7px;width:11px;height:11px;border-width:2px;}
  .iontmax-sd-hist__marker-label{top:-50px;min-width:58px;padding:5px 6px;border-radius:10px;}
  .iontmax-sd-hist__marker-label strong{font-size:8px;}
  .iontmax-sd-hist__marker-label span{font-size:11px;}
  .iontmax-sd-hist__marker.is-edge-right .iontmax-sd-hist__marker-label{right:-4px;}
  .iontmax-sd-hist__marker.is-edge-left .iontmax-sd-hist__marker-label{left:-4px;}
}

@media(max-width:430px){
  .iontmax-sd__intro,.iontmax-sd__toolbar{padding:14px;border-radius:16px;}
  .iontmax-sd__table tr{grid-template-columns:1fr;}
  .iontmax-sd__table td:nth-last-child(2){border-bottom:1px solid #f0f0f0!important;}
  .iontmax-sd-hist__chart{height:280px!important;padding-left:6px!important;padding-right:6px!important;}
  .iontmax-sd-hist__bars{gap:2px!important;}
  .iontmax-sd-hist__x-tick{font-size:8px;}
}

/* 1.1.3 - price currency fixed by data-currency, no visible currency switcher */
.iontmax-sd__toolbar{grid-template-columns:1fr!important;}
.iontmax-sd__currency{display:none!important;}

/* 1.1.4 - keep side stripe clipped inside histogram card + mobile attribute sorting */
.iontmax-sd-hist{
  overflow:hidden!important;
  isolation:isolate;
}
.iontmax-sd-hist:before{
  z-index:1;
}
.iontmax-sd-hist__head,
.iontmax-sd-hist__chart-wrap{
  position:relative;
  z-index:2;
}

@media(max-width:800px){
  .iontmax-sd__table td[data-sort-key]{
    cursor:pointer;
    position:relative;
  }
  .iontmax-sd__table td[data-sort-key]:not([data-mobile-open="1"])::after{
    content:"↕";
    flex:0 0 auto;
    margin-left:4px;
    color:#999;
    font-size:12px;
    font-weight:950;
  }
  .iontmax-sd__table td[data-mobile-open="1"]{
    cursor:pointer;
    background:#fff!important;
  }
  .iontmax-sd__table td[data-mobile-open="1"]::after{
    content:"Detail";
    flex:0 0 auto;
    margin-left:8px;
    padding:4px 8px;
    border-radius:999px;
    background:#111;
    color:#fff;
    font-size:10px;
    line-height:1;
    font-weight:950;
    text-transform:uppercase;
  }
  .iontmax-sd__table tr:hover td{
    background:inherit;
  }
  .iontmax-sd__table td.is-green,
  .iontmax-sd__table td.is-yellow,
  .iontmax-sd__table td.is-orange,
  .iontmax-sd__table td.is-red,
  .iontmax-sd__table td.is-sorted-text{
    box-shadow:inset 4px 0 0 rgba(0,0,0,.12);
  }
}


/* 1.1.6 - mobile sodium histogram label clearance */
@media(max-width:800px){
  .iontmax-sd-hist--sodium{
    padding-bottom:34px!important;
  }
  .iontmax-sd-hist--sodium .iontmax-sd-hist__chart{
    padding-bottom:68px!important;
  }
  .iontmax-sd-hist--sodium .iontmax-sd-hist__grid{
    bottom:68px!important;
  }
  .iontmax-sd-hist--sodium .iontmax-sd-hist__marker{
    bottom:68px!important;
  }
  .iontmax-sd-hist--sodium .iontmax-sd-hist__x-tick{
    bottom:-54px!important;
  }
  .iontmax-sd-hist--sodium .iontmax-sd-hist__x-label{
    margin-top:30px!important;
  }
}

/* 1.1.8 - mobile axis labels inside chart, readable */
@media(max-width:800px){
  .iontmax-sd-hist__chart-wrap{
    position:relative!important;
  }
  .iontmax-sd-hist__y-label{
    display:inline-flex!important;
    position:absolute!important;
    z-index:6!important;
    left:14px!important;
    top:10px!important;
    transform:none!important;
    max-width:calc(100% - 28px)!important;
    padding:5px 8px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(0,0,0,.08)!important;
    box-shadow:0 6px 16px rgba(0,0,0,.08)!important;
    color:#111!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.03em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    pointer-events:none!important;
  }
  .iontmax-sd-hist__x-label{
    position:absolute!important;
    z-index:6!important;
    left:50%!important;
    bottom:8px!important;
    transform:translateX(-50%)!important;
    max-width:calc(100% - 24px)!important;
    margin:0!important;
    padding:5px 9px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(0,0,0,.08)!important;
    box-shadow:0 6px 16px rgba(0,0,0,.08)!important;
    color:#111!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.03em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    pointer-events:none!important;
  }
  .iontmax-sd-hist--sodium .iontmax-sd-hist__x-label{
    margin-top:0!important;
  }
}

@media(max-width:430px){
  .iontmax-sd-hist__y-label,
  .iontmax-sd-hist__x-label{
    font-size:9px!important;
    padding:4px 7px!important;
  }
}


/* 1.1.9 - axis labels as non-overlapping legend */
.iontmax-sd-hist__axis-legend{
  position:relative;
  z-index:3;
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
  align-items:center;
  justify-content:center;
  margin:14px 0 0;
  padding:10px 12px;
  border:1px solid #ededed;
  border-radius:16px;
  background:#fafafa;
  color:#222;
  font-size:12px;
  line-height:1.25;
  font-weight:800;
}
.iontmax-sd-hist__axis-legend span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-width:0;
}
.iontmax-sd-hist__axis-legend strong{
  color:#000;
  font-weight:950;
  white-space:nowrap;
}

@media(max-width:800px){
  .iontmax-sd-hist__y-label,
  .iontmax-sd-hist__x-label{
    display:none!important;
  }
  .iontmax-sd-hist__axis-legend{
    justify-content:flex-start;
    margin-top:12px!important;
    padding:9px 10px!important;
    border-radius:14px!important;
    font-size:11px!important;
    line-height:1.3!important;
  }
  .iontmax-sd-hist__axis-legend span{
    width:100%;
  }
}

@media(max-width:430px){
  .iontmax-sd-hist__axis-legend{
    font-size:10px!important;
    padding:8px 9px!important;
  }
}


/* 1.1.10 - axis labels only in technical legend, no duplicates around chart */
.iontmax-sd-hist__y-label,
.iontmax-sd-hist__x-label{
  display:none!important;
}
.iontmax-sd-hist__axis-legend{
  margin-top:12px!important;
}
.iontmax-sd-hist__axis-legend span{
  line-height:1.35;
}

/* 1.1.11 - chart and legend aligned to the same width */
.iontmax-sd-hist__chart-wrap{
  padding-left:0!important;
  width:100%!important;
}
.iontmax-sd-hist__chart,
.iontmax-sd-hist__axis-legend{
  width:100%!important;
  max-width:100%!important;
}