.product-slider-container .hero-banner__content {
  --width: 88% !important;
  --width--md: 60% !important;
  --pos_x--md: 35% !important;
}

.hero-style-bravado .hero-banner__content {
  --pos_y: 45% !important;
  --pos_y--md: 45% !important;
  --pos_x: 15px !important;
  --pos_x--md: 45px !important;
  --tw-translate-x: 0;
}

/**
  Text elements
**/

.product-slider-container .hero-banner__content > div {
  justify-content: end;
}

.product-slider-container .hero-banner__content > div > div {
  order: 1;
  flex-direction: column;
  align-items: flex-start;
}

.product-slider-container .hero-banner__content > div > h2 {
  top: 24px;
  position: absolute;
  outline: 2px solid;
  outline-color: inherit;
  outline-offset: 5px;
  border-radius: 12px;
  padding: 4px 8px;
  font-family: var(--font_navigation_md);
  font-weight: var(--font_navigation_md_weight);
  font-size: var(--font_navigation_md_size);
  letter-spacing: var(--font_navigation_md_letter);
  line-height: var(--font_navigation_md_line);
  text-transform: var(--font_navigation_md_text_transform);
}

.product-slider-container:hover
  .hero-banner__content
  > div
  > div
  > :nth-child(1) {
  text-decoration: underline;
}

.product-slider-container .hero-banner__content > div > p.text_body_lg {
  order: 2;
  font-family: var(--font_navigation_md);
  font-weight: var(--font_navigation_md_weight);
  font-size: var(--font_navigation_md_size);
  letter-spacing: var(--font_navigation_md_letter);
  line-height: var(--font_navigation_md_line);
  text-transform: var(--font_navigation_md_text_transform);
}

@media (min-width: 768px) {
  .product-slider-container .hero-banner__content > div > p.text_body_lg {
    font-size: var(--font_navigation_md_size_md);
  }
}

.product-slider-container .hero-banner__content > div > p.text_body_md {
  max-width: 54ch;
  order: 3;
  margin-top: 20px;
  margin-bottom: 100px;
  font-family: var(--font_navigation_md);
  font-weight: var(--font_navigation_md_weight);
  font-size: var(--font_navigation_md_size);
  letter-spacing: var(--font_navigation_md_letter);
  line-height: var(--font_navigation_md_line);
  text-transform: var(--font_navigation_md_text_transform);
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 768px) {
  .product-slider-container .hero-banner__content > div > p.text_body_md {
    font-size: var(--font_navigation_md_size_md);
  }
}

.product-slider-container .hero-banner__content > div > p.text_heading_lg {
  font-style: italic;
}

/**
  Buttons
**/

.product-slider-container .hero-banner__content > div > div > .btn {
  padding: 10px 0;
}

.product-slider-container .hero-banner__content > div > div > :nth-child(1) {
  font-family: var(--font_heading_2xl);
  font-weight: var(--font_heading_2xl_weight);
  font-size: var(--font_heading_2xl_size);
  letter-spacing: var(--font_heading_2xl_letter);
  line-height: var(--font_heading_2xl_line);
  text-transform: var(--font_heading_2xl_text_transform);
  text-wrap: balance;
}

@media (min-width: 768px) {
  .product-slider-container .hero-banner__content > div > div > :nth-child(1) {
    font-size: var(--font_heading_2xl_size_md);
  }
}

.product-slider-container .hero-banner__content > div > div > :nth-child(2) {
  position: absolute;
  bottom: 36px;
  font-family: var(--font_navigation_md);
  font-weight: var(--font_navigation_md_weight);
  font-size: var(--font_navigation_md_size_md);
  letter-spacing: var(--font_navigation_md_letter);
  line-height: var(--font_navigation_md_line);
  text-decoration: underline;
  text-transform: uppercase;
}

.product-slider-container:not(.hero-thumbnails-as-bars) .swiper__pagination {
  display: none;
}

.product-slider-container .banner-container {
  height: 500px;
  overflow: hidden;
}

.product-slider-container .carousel-nav {
  display: none;
}

.product-slider-container .video-wrapper {
  overflow: unset;
}

.hero-secondary-cta-extra-padding
  .hero-banner__content
  > div
  > div
  > .btn--secondary {
  padding: 19px 16px;
}

@media (min-width: 768px) {
  .product-slider-container .hero-banner__content > div > h2 {
    font-size: var(--font_navigation_md_size_md);
    top: 36px;
  }

  .product-slider-container .hero-banner__content > div > div > :nth-child(2) {
    bottom: 24px;
  }

  .product-slider-container .banner-container,
  .product-slider-container .video-umg-playback {
    height: 550px;
  }
}

@media (min-width: 768px) and (pointer: fine) {
  .product-slider-container .carousel-nav {
    display: block;
    top: 275px;
  }
}

/** 
  Pagination 
**/
.hero-thumbnails-as-bars .swiper__pagination {
  position: absolute;
  bottom: 25px;
  z-index: 1000;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: 18px;
  justify-content: left;
}

.hero-thumbnails-as-bars .swiper__pagination .swiper-pagination-bullet {
  width: 53px;
  height: 3px;
  background-color: var(--color-primary-60);
  margin: unset;
  border: unset;
  border-radius: 0;
}

.hero-thumbnails-as-bars .swiper__pagination .swiper-pagination-bullet-active {
  background-color: var(--color-secondary);
}

@media (min-width: 768px) {
  .hero-thumbnails-as-bars .swiper__pagination {
    width: 80%;
    left: 30px;
    gap: 10px;
  }
  .hero-thumbnails-as-bars .swiper__pagination .swiper-pagination-bullet {
    width: 80px;
  }
}