/** Shopify CDN: Minification failed

Line 730:1 Expected "}" to go with "{"

**/
/* ============================= */
/* 🔥 CLEAN SLIDESHOW FIX       */
/* ============================= */

/* REMOVE ROUNDED CORNERS */
.slideshow-wrapper,
.slideshow__item-wrap,
.slideshow__bg,
.slideshow__bg img,
.slideshow__bg video,
.swiper,
.swiper-wrapper,
.swiper-slide {
  border-radius: 0 !important;
}

/* ===================================== */
/* 🔥 RESPONSIVE HERO HEIGHT SYSTEM */
/* ===================================== */

.slideshow__item-wrap {
  height: 75vh !important;
  min-height: 650px;
  max-height: 980px;

  position: relative;
  overflow: hidden;
}

/* ===================================== */
/* 🔥 IMAGE FIT */
/* ===================================== */

.slideshow__bg,
.slideshow__bg img,
.slideshow__bg video {
  width: 100%;
  height: 100%;
}

.slideshow__bg img,
.slideshow__bg video {
  object-fit: cover;
  object-position: center center;
}

/* ===================================== */
/* 🔥 13-INCH LAPTOPS */
/* ===================================== */

@media screen and (max-width: 1440px) {

  .slideshow__item-wrap {
    height: 68vh !important;
    min-height: 620px;
  }

}

/* ===================================== */
/* 🔥 15-INCH LAPTOPS */
/* ===================================== */

@media screen and (min-width: 1441px) and (max-width: 1680px) {

  .slideshow__item-wrap {
    height: 72vh !important;
  }

}

/* ===================================== */
/* 🔥 24-INCH + NORMAL MONITORS */
/* ===================================== */

@media screen and (min-width: 1681px) and (max-width: 2200px) {

  .slideshow__item-wrap {
    height: 78vh !important;
  }

}

/* ===================================== */
/* 🔥 ULTRAWIDE + 32-INCH */
/* ===================================== */

@media screen and (min-width: 2201px) {

  .slideshow__item-wrap {
    height: 85vh !important;
    max-height: 1100px;
  }

}

/* ===================================== */
/* 🔥 TABLETS */
/* ===================================== */

@media screen and (max-width: 1024px) {

  .slideshow__item-wrap {
    height: 60vh !important;
    min-height: 520px;
  }

}

/* ===================================== */
/* 🔥 MOBILE */
/* ===================================== */

@media screen and (max-width: 768px) {

  .slideshow__item-wrap {
    height: auto !important;
    min-height: auto !important;
    max-height: unset !important;
  }

}


/* ============================= */
/* 🔥 IMAGE FIT FIX              */
/* ============================= */

.slideshow__bg {
  position: relative;
  z-index: 1; /* ✅ FIXED (no negative z-index) */
}

.slideshow__bg img,
.slideshow__bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}
@media (min-width: 2000px) {
  .slideshow__item-wrap {
    height: 100vh !important;
  }
}

/* ============================= */
/* 🔥 TEXT STYLING               */
/* ============================= */

.slideshow__text {
  max-width: 480px;
  padding: 2rem 0;
}

.slideshow__text h2 {
  font-size: clamp(2.6rem, 3.5vw, 4.2rem);
  line-height: 1.15;
  margin-bottom: 1rem;
}

.slideshow__text p {
  font-size: 1.5rem;
  line-height: 1.6;
  opacity: 0.85;
  margin-bottom: 1.5rem;
}

.slideshow__text .button {
  padding: 10px 22px;
  font-size: 1.4rem;
  border-radius: 30px;
}

/* ============================= */
/* 🔥 PAGINATION STYLE           */
/* ============================= */

.section--slideshow .swiper-pagination {
  display: flex;
  align-items: center;
  gap: 10px;
}

.section--slideshow .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: #cfcfcf;
  border-radius: 50%;
  opacity: 1;
  transition: all 0.5s ease;
}

.section--slideshow .swiper-pagination-bullet-active {
  width: 36px;
  height: 8px;
  background-color: #000;
  border-radius: 999px;
}

/* ============================= */
/* 🔥 PILLS OVERLAY (FINAL FIX)  */
/* ============================= */

/* PARENT FIX */
.slideshow__slide-bg {
  position: relative;
}

/* OVERLAY */
.gr-pills-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5; /* ✅ ABOVE IMAGE */
}

/* PILLS */
.pill {
  position: absolute;
  width: 60px;
  height: auto;
  object-fit: contain;
  z-index: 6;
  animation: float 6s ease-in-out infinite;
}

/* POSITIONS */
.pill-1 {
  top: 20%;
  left: 10%;
}

.pill-2 {
  top: 50%;
  right: 15%;
}

.pill-3 {
  bottom: 15%;
  left: 40%;
}

/* FLOAT ANIMATION */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

/* MOBILE */
@media (max-width: 768px) {
  .pill {
    width: 40px;
  }

  .pill-1 { top: 10%; left: 10%; }
  .pill-2 { top: 60%; right: 10%; }
  .pill-3 { bottom: 10%; left: 30%; }
}

/* 🔥 FIX LAYERING */
.slideshow__item-wrap {
  position: relative;
}

.slideshow__bg {
  position: relative;
  z-index: 1;
}

.gr-pills-overlay {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}

/* ============================= */
/* 🔥 DESKTOP POSITION FIX       */
/* ============================= */

.slideshow__content {
  position: absolute !important;
  top: 50%;
  left: 0%;                  /* ✅ safe spacing from left */
  transform: translateY(-50%);
  
  z-index: 10;
  width: auto;
  max-width: 700px;         /* ✅ prevent overflow */
}
/* 🔥 WHITE CARD DESIGN */
.slideshow__text {
  padding: 0;               /* ❌ remove big padding block */
  max-width: 750px;         /* 🔥 clean text width */
  width: 100%;
  text-align: left;
}

/* 🔥 HEADING */
.slideshow__text h2 {
  font-size: clamp(32px, 3vw, 48px);
  line-height: 1.2;
  margin-bottom: 16px;
}

/* 🔥 DESCRIPTION */
.slideshow__text p {
  font-size: 15px;
  line-height: 1.6;
  opacity: 0.7;
  margin-bottom: 24px;
}

/* 🔥 BUTTON - FINAL FIXED FILL EFFECT */
.slideshow__text .button {
  position: relative;
  overflow: hidden;
  background: transparent;
  color: #ffffffff;                /* 🔥 FIX: start black */
  border: 1px solid #000;
  padding: 12px 26px;
  font-size: 14px;
  border-radius: 2px;
  z-index: 1;
  transition: color 0.6s ease;
}

/* 🔥 FILL LAYER */
.slideshow__text .button::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.6s ease cubic-bezier(0.22, 1, 0.36, 1);
  z-index: -1;
}

/* 🔥 HOVER */
.slideshow__text .button:hover::after {
  transform: scaleX(1);
}

/* 🔥 TEXT COLOR CHANGE */
.slideshow__text .button:hover {
  color: #ffffffff;
}
/* REMOVE SECOND LAYER (GREY ONE) */
.btn::before {
  display: none !important;
}
/* 🔥 PILLS */
.gr-pills-overlay .pill {
  position: absolute;
  width: 60px;
  animation: float 6s ease-in-out infinite;
}

.pill-1 { top: 20%; left: 15%; }
.pill-2 { top: 50%; right: 20%; }
.pill-3 { bottom: 15%; left: 40%; }

@keyframes float {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

@media(max-width:768px){
/* ============================= */
/* 🔥 DESKTOP POSITION FIX       */
/* ============================= */

.slideshow__content {
  position: absolute !important;
  top: 50%;
  left: 6%;                  /* ✅ safe spacing from left */
  transform: translateY(-50%);
  
  z-index: 10;
  width: auto;
  max-width: 700px;         /* ✅ prevent overflow */
}
}


.slideshow__content {
  background: transparent !important;
}

.slideshow__content::before {
  display: none !important;
}

.slideshow__content::after {
  display: none !important;
}


@media (max-width: 768px) {

  /* ============================= */
  /* 🔥 FORCE VERTICAL LAYOUT      */
  /* ============================= */

  .slideshow__item-wrap {
    display: flex;
    flex-direction: column;   /* 🔥 STACK */
    height: auto;
    min-height: auto;
  }

  /* ============================= */
  /* 🔥 IMAGE ON TOP               */
  /* ============================= */

  .slideshow__bg {
    order: 1;
    width: 100%;
  }

  .slideshow__bg img,
  .slideshow__bg video {
    width: 100%;
    height: 55%;
    max-height: 55vh;
    object-fit: cover;
  }

  /* ============================= */
  /* 🔥 CONTENT BELOW IMAGE        */
  /* ============================= */

  .slideshow__content {
    order: 2;

    position: relative !important;
    top: auto;
    left: auto;
    transform: none;

    width: 100%;
    padding: 10px 8px 15px;

    background: transparent;
  }

  /* ============================= */
  /* 🔥 TEXT CLEAN                 */
  /* ============================= */

  .slideshow__text {
    max-width: 100%;
    text-align: left;
    margin-top: 10px;
  }

  .slideshow__text h2 {
    font-size: 2.2rem;
    line-height: 1.3;
    margin-bottom: 12px;
    margin-top: 10px;
  }

  .slideshow__text p {
    font-size: 1.4rem;
    line-height: 1.6;
    margin-bottom: 18px;
    margin-top: 10px;
  }

  /* ============================= */
  /* 🔥 CTA FIX                    */
  /* ============================= */

  .slideshow__text .button {
    width: fit-content;
    padding: 10px 20px;
    font-size: 1.3rem;
  }

  /* ============================= */
  /* 🔥 PILLS (SUBTLE / SAFE)      */
  /* ============================= */

  .pill {
    width: 26px;
    opacity: 0.4;
  }

  .pill-1 { top: 5%; left: 5%; }
  .pill-2 { top: 70%; right: 5%; }
  .pill-3 { bottom: 5%; left: 30%; }

  /* ============================= */
  /* 🔥 PREVENT ANY OVERFLOW       */
  /* ============================= */

  .slideshow__slide-bg {
    overflow: hidden;
  }

}

@media (max-width: 768px) {

  /* ============================= */
  /* 🔥 CONTENT SPACING FIX        */
  /* ============================= */

  .slideshow__content {
    padding: 14px 9px 36px !important;
  }

  .slideshow__text {
    display: flex;
    flex-direction: column;
    gap: 14px; /* 🔥 clean spacing between elements */
  }

  /* ============================= */
  /* 🔥 HEADING SPACING            */
  /* ============================= */

  .slideshow__text h2 {
    margin-bottom: 4px;
  }

  /* ============================= */
  /* 🔥 DESCRIPTION SPACING        */
  /* ============================= */

  .slideshow__text p {
    margin-bottom: 10px;
    opacity: 0.75;
  }

  /* ============================= */
  /* 🔥 CTA BUTTON FINAL           */
  /* ============================= */

@media (max-width: 768px) {

  /* REMOVE TOP SPACE */
  .slideshow__text .button {
    margin-top: 0 !important;   /* ❌ remove top gap */
    margin-bottom: 20px;        /* ✅ add bottom space */
    
    padding: 12px 24px;
    font-size: 1.35rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    min-width: 140px;
  }

  /* OPTIONAL: reduce gap so it doesn’t push button down */
  .slideshow__text {
    gap: 8px; /* 🔥 tighter above */
  }

}
@media (max-width: 768px) {

  .section--slideshow .swiper-pagination {
    position: relative !important;
    margin-top: 24px;   /* 🔥 moves below button */
    justify-content: flex-start;
    position: center;
  }

}
@media (max-width: 768px) {

  /* ============================= */
  /* 🔥 ALLOW CONTENT TO EXPAND    */
  /* ============================= */

  .slideshow__item-wrap {
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;

    display: flex;
    flex-direction: column;
  }

  /* ============================= */
  /* 🔥 REMOVE CLIPPING            */
  /* ============================= */

  .swiper-slide {
    height: auto !important;
    overflow: visible !important;
  }

  .slideshow__slide-bg {
    overflow: visible !important;
  }

  /* ============================= */
  /* 🔥 CONTENT SAFE SPACE         */
  /* ============================= */

 /* ============================= */
/* 🔥 DESKTOP POSITION FIX       */
/* ============================= */

.slideshow__content {
  left: 5px;
}
  /* ============================= */
  /* 🔥 BUTTON NEVER CUT           */
  /* ============================= */

  .slideshow__text .button {
    margin-bottom: 20px;
    white-space: nowrap;
  }

}
@media (max-width: 768px) {

  /* ============================= */
  /* 🔥 CENTER PAGINATION PERFECT  */
  /* ============================= */

  .section--slideshow .swiper-pagination {
    position: absolute !important;

    left: 100%;
    transform: translateX(5%); /* 🔥 perfect center */

    bottom: 12px; /* 🔥 adjust spacing from bottom */

    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }

}
@media (max-width: 768px) {

  .slideshow__slide-bg {
    position: relative !important;
  }

  .slideshow__bg {
    height: auto !important;
  }

  .slideshow__bg img {
    width: 100%;
    height: auto;
    max-height: 100vh;
    object-fit: cover;
  }

  .slideshow__content {
    position: relative !important;
    transform: none !important;
    padding: 12px 16px 20px !important;
    margin: 0 !important;
  }

}
@media (max-width: 768px) {

  /* ============================= */
  /* 🔥 FORCE SAME FILL AS DESKTOP */
  /* ============================= */

  .slideshow__text .button {
    position: relative;
    overflow: hidden;
    background: transparent !important;
    border: 1px solid #000;
    color: #000;
  }

  .slideshow__text .button::after {
    content: "";
    position: absolute;
    inset: 0;

    background: #000;

    transform: scaleX(0);              /* 👈 same as desktop */
    transform-origin: left;            /* 👈 left → right */

    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1;
  }

  .slideshow__text .button:hover::after {
    transform: scaleX(1);
  }

  .slideshow__text .button:hover {
    color: #fff;
  }

}
/* ============================= */
/* 🔥 MOBILE TOUCH SUPPORT       */
/* ============================= */

@media (max-width: 768px) {

  .slideshow__text .button:active::after,
  .slideshow__text .button:focus::after {
    transform: scaleX(1);
  }

  .slideshow__text .button:active,
  .slideshow__text .button:focus {
    color: #fff;
  }

}