/** Shopify CDN: Minification failed

Line 23:0 Unexpected "#"

**/
/* section-slider.css */

/* 
 * This separate CSS file contains all styles for the slider section
 * It uses CSS variables to target specific section instances
 */

/* Root slider section container */
.slider-section {
  width: 100%;
  overflow: hidden;
  /* CSS Variables defined in the HTML */
  padding-top: var(--padding-top-desktop);
  padding-bottom: var(--padding-bottom-desktop);
}

/* Targeting specific sliders using CSS variables */
#[id^='slider-'] {
  /* This will apply to any ID that starts with "slider-" */
  --slider-max-width: 1600px;
  --slider-border-radius: 20px;
  --slide-max-width: 680px;
  --nav-button-size: 40px;
  --nav-button-mobile-size: 30px;
  --pagination-bullet-size: 10px;
}

/* Container for the slider */
.slider-section .slider-container {
  overflow: hidden;
}

/* Swiper element */
.slider-section .slider-swiper {
  width: 100%;
  position: relative;
}

/* Individual slides */
.slider-section .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

/* Slide images */
.slider-section .slide-image {
  width: 100%;
  height: auto;
  display: block;
  max-width: var(--slide-max-width);
  border-radius: var(--slider-border-radius);
}

/* Video container */
.slider-section .slide-video-container {
  max-width: var(--slide-max-width);
  width: 100%;
  position: relative;
  padding-bottom: 25%;
  /* Aspect Ratio */
  height: 0;
  overflow: hidden;
}

/* Video elements */
.slider-section .slide-video,
.slider-section .youtube-video-container iframe,
.slider-section .vimeo-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Navigation arrows */
.slider-section .swiper-button-prev,
.slider-section .swiper-button-next {
  color: #3e6d3d;
  background: #fff;
  width: var(--nav-button-size);
  height: var(--nav-button-size);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider-section .swiper-button-prev:after,
.slider-section .swiper-button-next:after {
  font-size: calc(var(--nav-button-size) * 0.7);
}

/* Pagination dots */
.slider-section .swiper-pagination-bullet {
  width: var(--pagination-bullet-size);
  height: var(--pagination-bullet-size);
  background: rgba(0, 0, 0, 0.5);
  opacity: 0.5;
}

.slider-section .swiper-pagination-bullet-active {
  opacity: 1;
  background: #000;
}

/* Responsive styles */
@media screen and (max-width: 768px) {
  .slider-section {
    padding-top: var(--padding-top-mobile);
    padding-bottom: var(--padding-bottom-mobile);
  }

  .slider-section .swiper-button-prev,
  .slider-section .swiper-button-next {
    width: var(--nav-button-mobile-size);
    height: var(--nav-button-mobile-size);
  }

  .slider-section .swiper-button-prev:after,
  .slider-section .swiper-button-next:after {
    font-size: calc(var(--nav-button-mobile-size) * 0.47);
  }
}