.simple-hero-banner__image-bg {
  aspect-ratio: 16/9
}
.simple-hero-banner .video {
  height: 100%
}
.simple-hero-banner--center .config-text {
  text-align: center
}
.simple-hero-banner--center .config-text__cta-wrapper {
  justify-content: center
}
.carousel-banner .cta.cta--primary:hover {
  background-color: var(--primary-1-900)
}
.carousel-banner .cta.cta--primary:hover .cta__icon {
  color: var(--secondary-2-900)
}
.carousel-banner .arrow-button {
  display: none;
}
.carousel-banner .action-button.d-flex.icon-pause::before{
display:none
}
.carousel-banner .action-button.d-flex.icon-pause::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M9.25 13C8.83333 13 8.475 12.8583 8.175 12.575C7.89167 12.275 7.75 11.9167 7.75 11.5V1.5C7.75 1.08333 7.89167 0.733332 8.175 0.449999C8.475 0.149999 8.83333 -9.53674e-07 9.25 -9.53674e-07H11.5C11.9167 -9.53674e-07 12.2667 0.149999 12.55 0.449999C12.85 0.733332 13 1.08333 13 1.5V11.5C13 11.9167 12.85 12.275 12.55 12.575C12.2667 12.8583 11.9167 13 11.5 13H9.25ZM1.5 13C1.08333 13 0.725 12.8583 0.425 12.575C0.141667 12.275 1.19209e-07 11.9167 1.19209e-07 11.5V1.5C1.19209e-07 1.08333 0.141667 0.733332 0.425 0.449999C0.725 0.149999 1.08333 -9.53674e-07 1.5 -9.53674e-07H3.75C4.16667 -9.53674e-07 4.51667 0.149999 4.8 0.449999C5.1 0.733332 5.25 1.08333 5.25 1.5V11.5C5.25 11.9167 5.1 12.275 4.8 12.575C4.51667 12.8583 4.16667 13 3.75 13H1.5ZM9.25 11.5H11.5V1.5H9.25V11.5ZM1.5 11.5H3.75V1.5H1.5V11.5Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  position: absolute;
  height: 13px;
  width: 13px;
}

@media (min-width:768px) {
  .simple-hero-banner {
    height: 44rem
  }
  .simple-hero-banner__bg {
    top: 0;
    inset-inline-start: 0;
    overflow: hidden;
    position: absolute
  }
  .simple-hero-banner__bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-start: 0;
    z-index: 1;
    background: var(--ui-images-overlays-image-tint)
  }
  .simple-hero-banner__image-bg {
    aspect-ratio: auto
  }
  .simple-hero-banner--center .simple-hero-banner__bg::before {
    background: var(--dark-50)
  }
}

@media (min-width:992px) {
  .simple-hero-banner--full-height {
    height: 100vh
  }
}

@media (min-width:1200px) {
  .simple-hero-banner {
    height: 80vh;
    min-height: 60rem
  }
  .simple-hero-banner--full-height {
    height: 100vh
  }
}

.carousel-banner {
  z-index: 1
}

/* RTL-safe: border-radius: 100% is symmetric — no change needed */
.carousel-banner .video .action-button {
  inset-inline-end: var(--md-2);
  inset-block-start: var(--sm-1);
  height: 3.6rem;
  width: 3.6rem;
  align-items: center;
  justify-content: center;
  border-radius: 100%
}

.carousel-banner__bg {
  background: var(--secondary-2-300)
}
.carousel-banner__content {
  background: var(--secondary-2-300)
}
.carousel-banner .config-text {
  padding-top: 125px
}
.carousel-banner .config-text .display-lg {
  color: var(--primary-3-500)
}
.carousel-banner .config-text__intro-text {
  color: var(--primary-3-500)
}
.carousel-banner .cta__icon {
  color: var(--ui-buttons-link-icon)
}
.carousel-banner .cta--primary {
  background-color: var(--primary-1-500);
  color: var(--ui-buttons-link-text)
}
.carousel-banner .cta--secondary {
  background-color: var(--primary-1-500);
  color: var(--ui-buttons-link-text)
}

/* RTL-safe replacement for:
   border-radius: var(--radius-xs) var(--radius-xs) var(--radius-xl) var(--radius-xs)
   (top-left  top-right  bottom-right  bottom-left) */
.carousel-banner .shareprice-ticker {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-start-start-radius: var(--radius-xs);   /* top-left     → top-start    */
  border-start-end-radius: var(--radius-xs);     /* top-right    → top-end      */
  border-end-end-radius: var(--radius-xl);       /* bottom-right → bottom-end   */
  border-end-start-radius: var(--radius-xs)      /* bottom-left  → bottom-start */
}

.carousel-banner__image-bg {
  aspect-ratio: 16/9
}

/* RTL-safe replacement for:
   border-radius: var(--radius-nil) var(--radius-nil) var(--radius-nil) var(--radius-xl)
   (0  0  0  bottom-left) — bottom-left flips to bottom-right in RTL */
.carousel-banner .video {
  height: 100%;
  border-start-start-radius: var(--radius-nil);
  border-start-end-radius: var(--radius-nil);
  border-end-end-radius: var(--radius-nil);
  border-end-start-radius: var(--radius-xl)      /* bottom-left → bottom-start (flips in RTL) */
}

.carousel-banner .carousel-navigation {
  position: absolute;
  top: calc(56.25vw - 4.8rem);
  z-index: 2;
  width: 100%;
  inset-inline: 0;
  margin: auto
}
.carousel-banner--arrow .carousel-navigation {
  top: calc(56.25vw - 4.8rem);
  inset-inline: 1.6rem auto
}
.carousel-banner--arrow .video .action-button {
  bottom: 1.2rem
}
.carousel-banner--with-share-price {
  overflow: visible
}
.carousel-banner--with-share-price .shareprice-ticker {
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 0;
  inset-inline-end: 2.2rem;
  transform: translateY(-140%);
  max-height: 19.5rem;
  max-width: 26.8rem;
  min-height: auto
}

@media (min-width:768px) {
  .carousel-banner {
    height: 56rem
  }
  .carousel-banner .config-text {
    padding-top: inherit
  }
  .carousel-banner .config-text .display-lg {
    color: var(--base-8)
  }
  .carousel-banner .config-text__intro-text {
    color: var(--base-8)
  }

  /* RTL-safe replacement for:
     border-radius: var(--radius-nil) var(--radius-nil) var(--radius-nil) var(--radius-xxl) */
  .carousel-banner .video {
    height: 100%;
    border-start-start-radius: var(--radius-nil);
    border-start-end-radius: var(--radius-nil);
    border-end-end-radius: var(--radius-nil);
    border-end-start-radius: var(--radius-xxl)   /* bottom-left → bottom-start (flips in RTL) */
  }

  .carousel-banner__content {
    background: 0 0
  }
  .carousel-banner .shareprice-ticker {
    max-height: 24rem;
    max-width: 49.4rem;
    transform: translateY(50%)
  }
  .carousel-banner__bg {
    top: 0;
    inset-inline-start: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    background: 0 0
  }

  /* RTL-safe replacement for:
     border-radius: var(--radius-nil) var(--radius-nil) var(--radius-nil) var(--radius-xxl) */
  .carousel-banner__bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-start: 0;
    z-index: 1;
    background: var(--gradient-overlay-left);
    border-start-start-radius: var(--radius-nil);
    border-start-end-radius: var(--radius-nil);
    border-end-end-radius: var(--radius-nil);
    border-end-start-radius: var(--radius-xxl)   /* bottom-left → bottom-start (flips in RTL) */
  }

  .carousel-banner__image-bg {
    aspect-ratio: auto
  }
  .carousel-banner .carousel-navigation {
    top: auto;
    bottom: 0
  }
  .carousel-banner--arrow .carousel-navigation {
    top: auto;
    bottom: 1.2rem;
    inset-inline: auto 6rem
  }
  .carousel-banner--with-share-price {
    height: 56rem
  }
  .carousel-banner--with-share-price .swiper-wrapper {
    max-height: 56rem
  }
  .carousel-banner--with-thumbnails .carousel-banner__bg::before {
    background: var(--ui-images-overlays-image-tint)
  }

  /* RTL-safe: border-radius: var(--card-border-radius) is symmetric — no change needed */
  .carousel-banner--with-thumbnails .gallery-thumbs {
    overflow: hidden;
    border-radius: var(--card-border-radius)
  }

  .carousel-banner--with-thumbnails .gallery-thumbs .swiper-slide {
    flex: 1;
    cursor: pointer;
    transition: all .25s ease-in-out;
    background: var(--card-bg);
    color: var(--card-title);
    border: solid calc(var(--card-border-weight) * 1px) var(--card-border-colour);
    box-shadow: 0 var(--card-shadow-offset) var(--card-shadow-blur) 0 var(--card-shadow-colour)
  }
  .carousel-banner--with-thumbnails .gallery-thumbs .swiper-slide:hover {
    background: var(--card-hover-bg);
    color: var(--card-hover-fg);
    border-color: var(--card-hover-border);
    box-shadow: 0 var(--card-hover-shadow-offset) var(--card-hover-shadow-blur) 0 var(--card-hover-shadow-colour)
  }
  .carousel-banner--with-thumbnails .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    background: var(--card-active-bg);
    color: var(--card-active-fg);
    border-color: var(--card-active-border)
  }
}

@media (min-width:992px) {
  .carousel-banner {
    height: 80rem
  }

  /* RTL-safe replacement for:
     border-radius: var(--radius-nil) var(--radius-nil) var(--radius-nil) var(--radius-xxl) */
  .carousel-banner__bg {
    border-start-start-radius: var(--radius-nil);
    border-start-end-radius: var(--radius-nil);
    border-end-end-radius: var(--radius-nil);
    border-end-start-radius: var(--radius-xxl)   /* bottom-left → bottom-start (flips in RTL) */
  }

  .carousel-banner--arrow .carousel-navigation {
    inset-inline: auto 0;
    bottom: 0
  }
  .carousel-banner--arrow .video .action-button {
    bottom: 5.6rem
  }
  .carousel-banner--full-height {
    height: 100vh
  }
  .carousel-banner--with-share-price {
    overflow: visible
  }
  .carousel-banner--with-share-price .swiper-wrapper {
    max-height: none;
  }
  .carousel-banner--with-share-price .shareprice-ticker {
    position: absolute;
    z-index: 1;
    bottom: 0;
    inset-inline-end: 5.2rem;
    transform: translateY(27%);
    max-height: 28rem;
    max-width: 48.2rem;
    min-height: auto
  }
  .carousel-banner--with-thumbnails .gallery-thumbs {
    position: absolute;
    margin-top: -12rem;
    inset-inline-end: 0
  }
  .carousel-banner--with-thumbnails .gallery-thumbs .swiper-slide {
    flex: none;
    max-width: 24.8rem
  }
  .carousel-banner--with-thumbnails .video .action-button {
    bottom: 13.6rem
  }
}

@media (min-width:1200px) {
  .carousel-banner {
    height: 82vh;
    min-height: 80rem
  }
}