.sss-hero-carousel{display:block;position:relative;--slide-height:600px;background:#fff}.sss-hero-carousel__viewport{height:var(--slide-height);position:relative;overflow:hidden}.sss-hero-carousel__slide{height:100%;overflow-y:auto;overflow-x:hidden}.sss-hero-carousel__slide[hidden]{display:none!important}.sss-hero-carousel__controls button{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:44px;padding:0;border:1px solid #ffffffbb;border-radius:50%;background:#ffffffdd;color:#10263a;font-size:24px;cursor:pointer;box-shadow:0 2px 8px #10263a22}.sss-hero-carousel__controls [data-step="-1"]{left:8px}.sss-hero-carousel__controls [data-step="1"]{right:8px}.sss-hero-carousel__controls button:focus-visible{outline:3px solid #e84d00;outline-offset:3px}.sss-hero-carousel__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(min-width:768px) and (max-width:1023px){.sss-hero-carousel{--slide-height:480px}}@media(max-width:767px){.sss-hero-carousel{--slide-height:550px}.sss-hero-carousel__controls button{top:43%;width:36px;height:44px}.sss-hero-carousel__controls [data-step="-1"]{left:2px}.sss-hero-carousel__controls [data-step="1"]{right:2px}}

@media(min-width:1024px){.sss-hero-carousel__viewport{height:auto;aspect-ratio:1600/656}.sss-hero-carousel__slide{position:absolute;inset:0;height:100%}}
.sss-volume-supplied{display:none}@media(min-width:1024px){.sss-volume-responsive{display:none}.sss-volume-supplied{display:block;position:relative;width:98.5%;height:100%;margin:auto;line-height:0}.sss-volume-supplied>img{display:block;width:100%;height:100%;object-fit:contain}.sss-volume-supplied__product{position:absolute;top:14.5%;height:80.5%;width:11.2%}.sss-volume-supplied__product--1{left:7.5%}.sss-volume-supplied__product--2{left:22.7%}.sss-volume-supplied__product--3{left:37.7%}.sss-volume-supplied__product--4{left:52.8%}.sss-volume-supplied__product--5{left:67.8%}.sss-volume-supplied__product--6{left:82.7%}.sss-volume-supplied__product:focus-visible{outline:3px solid #176078;outline-offset:2px}.sss-hero-carousel:has([data-slide="0"]:not([hidden])) .sss-hero-carousel__controls button{top:56.3%;background:transparent;border:0;box-shadow:none;color:transparent}.sss-hero-carousel:has([data-slide="0"]:not([hidden])) .sss-hero-carousel__controls [data-step="-1"]{left:calc(2.6% - 22px)}.sss-hero-carousel:has([data-slide="0"]:not([hidden])) .sss-hero-carousel__controls [data-step="1"]{right:calc(2.1% - 22px)}}