.mhs{
  --mhs-label-top: 16px;
  --mhs-label-left: 16px;
  --mhs-seg-gap: 8px;
  --mhs-seg-h: 5px;
  --mhs-seg-bottom: 18px;
  --mhs-next-size: 56px;
  --mhs-next-right: 18px;
  --mhs-prev-left: 18px;
  --mhs-label-pad-y: 8px;
  --mhs-label-pad-x: 16px;
  --mhs-label-bg: rgba(255,255,255,0.18);
  --mhs-label-blur: 32px;
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #0b0b0c;
  min-height: var(--mhs-fixed-height, 425px);
  isolation: isolate;
  border-radius: 8px;
}

.mhs__bg,
.mhs__slide,
.mhs__img,
.mhs__shade,
.mhs__skeleton{
  position: absolute;
  inset: 0;
}

.mhs__bg{z-index:1;background:#0b0b0c;}
.mhs__slide{opacity:0;overflow:hidden;transition:opacity .42s ease;}
.mhs__slide.is-active{opacity:1;}
.mhs__img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block;
}
.mhs__shade{z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.12) 100%);}

.mhs__ui{
  position:absolute;
  inset:0;
  z-index:58;
  pointer-events:none;
}

.mhs__label{
  position:absolute;
  top:var(--mhs-label-top);
  left:var(--mhs-label-left);
  display:none;
  align-items:center;
  gap:8px;
  max-width:calc(100% - 96px);
  padding:var(--mhs-label-pad-y) var(--mhs-label-pad-x);
  border-radius:999px;
  background:var(--mhs-label-bg);
  backdrop-filter:blur(var(--mhs-label-blur));
  -webkit-backdrop-filter:blur(var(--mhs-label-blur));
}

.mhs__labelDot{
  width:9px;
  height:9px;
  border-radius:999px;
  background:var(--mhs-dot-color, #FF9800);
  flex:0 0 auto;
}

.mhs__labelText{
  color:#fff;
  font-weight:500;
  font-size:12px;
  line-height:1.25;
  white-space:normal;
}

.mhs__prev,
.mhs__next{
  position:absolute;
  z-index:65;
  top:50%;
  right:var(--mhs-next-right);
  transform:translateY(-50%);
  width:var(--mhs-next-size);
  height:var(--mhs-next-size);
  aspect-ratio:1 / 1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background: rgba(20, 20, 20, 0.4) !important;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(36px);
  color:#fff!important;
  box-shadow:none!important;
  outline:none!important;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent;
  -webkit-appearance:none;
  appearance:none;
  cursor:pointer;
  transition:opacity .18s ease, visibility .18s ease, background .18s ease;
  box-sizing:border-box;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.mhs__prev{
  left:var(--mhs-prev-left);
  right:auto;
}
.mhs__prev:hover,
.mhs__prev:focus,
.mhs__prev:focus-visible,
.mhs__prev:active,
.mhs__next:hover,
.mhs__next:focus,
.mhs__next:focus-visible,
.mhs__next:active{
  transform:translateY(-50%);
  background:rgba(255,255,255,0.20)!important;
  outline:none!important;
  box-shadow:none!important;
  border:0!important;
}
.mhs__prev::before,
.mhs__prev::after,
.mhs__next::before,
.mhs__next::after{display:none!important;}
.mhs__nextIcon{
  display:block;
  width:25px;
  height:25px;
  margin:-3px 0 0 0;
  pointer-events:none;
  background-color:#fff;
  -webkit-mask-image:url('/wp-content/uploads/2026/03/arrow.svg');
  mask-image:url('/wp-content/uploads/2026/03/arrow.svg');
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
  transform:translateY(2px);
}

.mhs__prev .mhs__nextIcon{
  transform:translateY(2px) rotate(180deg);
}

.mhs__segments{
  position:absolute;
  z-index:58;
  left:50%;
  bottom:var(--mhs-seg-bottom);
  transform:translateX(-50%);
  width:min(calc(100% - 48px), calc(var(--mhs-seg-count, 3) * 68px));
  display:flex;
  justify-content:center;
  gap:var(--mhs-seg-gap);
}

.mhs__seg{
  appearance:none;
  border:0!important;
  background:transparent!important;
  padding:0;
  cursor:pointer;
  flex:1 1 0;
  min-width:0;
  outline:none!important;
  -webkit-appearance:none;
  appearance:none;
}

.mhs__segTrack{
  display:block;
  width:100%;
  height:var(--mhs-seg-h);
  border-radius:999px;
  background:rgba(255,255,255,0.5)!important;
  overflow:hidden;
  transition:background .14s ease;
}

.mhs__segFill{
  display:block;
  height:100%;
  width:0%;
  background:rgba(255,255,255,0.92)!important;
  border-radius:999px;
  will-change:width;
}

.mhs__seg.is-active .mhs__segTrack{background:rgba(255,255,255,0.33)!important;}
.mhs__seg:hover .mhs__segTrack,
.mhs__seg:focus-visible .mhs__segTrack{background:rgba(255,255,255,0.40)!important;}

.mhs__skeleton{
  z-index:50;
  background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.14),rgba(255,255,255,.06));
  background-size:300% 100%;
  animation:mhs_skel 1.1s linear infinite;
  opacity:1;
}

@keyframes mhs_skel{0%{background-position:0% 50%}100%{background-position:100% 50%}}


.mhs__prev::-moz-focus-inner,
.mhs__next::-moz-focus-inner{border:0;padding:0;}
.mhs__prev:focus:not(:focus-visible),
.mhs__next:focus:not(:focus-visible){outline:none!important;box-shadow:none!important;}
@media (hover:none), (pointer:coarse){
  .mhs__prev,
  .mhs__next{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
}

@media (max-width:1024px){
  .mhs{
    --mhs-next-size:48px;
    --mhs-label-top:14px;
    --mhs-label-left:14px;
    --mhs-seg-bottom:16px;
  }
  .mhs__label{max-width:calc(100% - 92px);}
}

@media (max-width:767px){
  .mhs{
    min-height:260px;
    --mhs-next-size:48px;
    --mhs-next-right:12px;
    --mhs-prev-left:12px;
    --mhs-label-top:12px;
    --mhs-label-left:12px;
    --mhs-label-pad-y:8px;
    --mhs-label-pad-x:14px;
    --mhs-seg-bottom:14px;
    --mhs-seg-gap:6px;
    --mhs-seg-h:4px;
  }
  .mhs__label{gap:8px;max-width:calc(100% - 78px);}
  .mhs__labelDot{width:9px;height:9px;}
  .mhs__labelText{font-size:12px;line-height:1.25;}
  .mhs__nextIcon{width:17px;height:17px;transform:translateY(2px);}
  .mhs__prev .mhs__nextIcon{transform:translateY(2px) rotate(180deg);}
  .mhs__segments{width:min(calc(100% - 24px), calc(var(--mhs-seg-count, 3) * 54px));}
}
@media (max-width: 767px) {
  .mhs[data-fixed-height] {
    --mhs-fixed-height: 265px !important;
    height: 265px !important;
    min-height: 265px !important;
    max-height: 265px !important;
    border-radius: 0 0 8px 8px !important;
  }

  .mhs[data-fixed-height] .mhs__bg,
  .mhs[data-fixed-height] .mhs__slide,
  .mhs[data-fixed-height] .mhs__img,
  .mhs[data-fixed-height] .mhs__shade,
  .mhs[data-fixed-height] .mhs__skeleton {
    height: 265px !important;
    min-height: 265px !important;
    max-height: 265px !important;
  }
}