/* ==========================================================================
   Hero Slider
   ========================================================================== */

.hero-slider {
  position: relative;
  overflow: hidden;
  height: 760px; /* mobile Figma height */
  background-color: var(--color-secondary);
  margin-bottom:71px;
}

@media (width >= 768px) {
  .hero-slider {
    height: 777px; /* desktop Figma height */
  }
}

/* Swiper overrides */
.hero-slider__swiper,
.hero-slider .swiper {
  height: 100%;
}

.hero-slider__slide {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 100%;
}

/* Media */
.hero-slider__media {
  position: absolute;
  inset: 0;
}

.hero-slider__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: none;
}

/* Dark overlay (mix-blend-multiply equivalent) */
.hero-slider__overlay {
  position: absolute;
  inset: 0;
  background-color: rgb(0 0 0 / 35%);
  pointer-events: none;
}

/* Content */
.hero-slider__content {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: var(--space-7) var(--space-5) calc(var(--space-8) + 40px);
  text-align: center;
  color: #fff;
}

@media (width >= 768px) {
  .hero-slider__content {
    padding-bottom: 103px;
  }
}

.hero-slider__title {
  font-size: var(--text-3xl);
  font-weight: 500;
  color: #fff;
  line-height: 1.2;
  margin-block-end: var(--space-2);
}

.hero-slider__body {
  font-size: var(--text-3xl);
  font-weight: 300;
  color: #fff;
  margin-block-end: var(--space-5);
}

/* Two-CTA row */
.hero-slider__ctas {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
}

@media (width >= 768px) {
  .hero-slider__ctas {
    flex-direction: row;
    justify-content: center;
  }
}

.hero-slider__cta {
  /* extends .btn */
}

/* Pagination dots */
.hero-slider__pagination {
  position: absolute!important;
  bottom: 50px!important;
  left: 50%!important;
  transform: translateX(-50%)!important;
  z-index: 2!important;
  display: flex!important;
  gap: 22px!important;
  justify-content: center;
}

.hero-slider__pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: rgb(255 255 255 / 50%);
  opacity: 1;
  cursor: pointer;
  transition: background-color 0.2s;
}

.hero-slider__pagination .swiper-pagination-bullet-active {
  background-color: #fff;
}

/* Prev / next nav — disabled */
.hero-slider__nav {
  display: none;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .hero-slider__slide {
    transition: none !important;
  }
}

@media (width < 1024px) {
  .hero-slider__content{
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 0 20px 113px 20px;
    text-align: center;
    color: #fff;
  }
  .hero-slider__content .btn--primary{
    min-width:230px;
  }
  .hero-slider__pagination{
    display:none!important;
  }
  .hero-slider{
    margin-bottom:50px;
  }
}