/** Shopify CDN: Minification failed

Line 667:4 Unexpected "{"
Line 667:5 Expected identifier but found "%"
Line 668:8 Expected ":"
Line 669:44 Expected identifier but found whitespace
Line 670:5 Expected identifier but found "%"
Line 677:4 Unexpected "{"
Line 677:5 Expected identifier but found "%"
Line 678:8 Expected ":"
Line 679:43 Expected identifier but found whitespace
Line 680:5 Expected identifier but found "%"

**/
slideshow-component {
  position: relative;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 989px) {
  .no-js slideshow-component .slider {
    padding-bottom: 3rem;
  }
}

slideshow-component .slideshow.banner {
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0;
  gap: 0;
}

.slideshow__slide {
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 749px) {
  .slideshow--placeholder.banner--mobile-bottom.banner--adapt_image
    .slideshow__media,
  .slideshow--placeholder.banner--adapt_image:not(.banner--mobile-bottom) {
    height: 28rem;
  }
}

@media screen and (min-width: 750px) {
  .slideshow--placeholder.banner--adapt_image {
    height: 56rem;
  }
}

.slideshow__text.banner__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 54.5rem;
}

.slideshow__text > * {
  max-width: 100%;
}

@media screen and (max-width: 749px) {
  slideshow-component.page-width .slideshow__text {
    border-right: var(--text-boxes-border-width) solid
      rgba(var(--color-foreground), var(--text-boxes-border-opacity));
    border-left: var(--text-boxes-border-width) solid
      rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  }

  .banner--mobile-bottom .slideshow__text.banner__box {
    max-width: 100%;
  }

  .banner--mobile-bottom .slideshow__text-wrapper {
    flex-grow: 1;
  }

  .banner--mobile-bottom .slideshow__text.banner__box {
    height: 100%;
  }

  .banner--mobile-bottom .slideshow__text .button {
    flex-grow: 0;
  }

  .slideshow__text.slideshow__text-mobile--left {
    align-items: flex-start;
    text-align: left;
  }

  .slideshow__text.slideshow__text-mobile--right {
    align-items: flex-end;
    text-align: right;
  }
}

@media screen and (min-width: 750px) {
  .slideshow__text.slideshow__text--left {
    align-items: flex-start;
    text-align: left;
  }

  .slideshow__text.slideshow__text--right {
    align-items: flex-end;
    text-align: right;
  }
}

.slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper {
  height: 100%;
}

@media screen and (min-width: 750px) {
  .slideshow__text-wrapper.banner__content {
    height: 100%;
    padding: 5rem;
  }
}

.slideshow__controls {
  border: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.slideshow__controls--top {
  order: 2;
  z-index: 1;
}

@media screen and (max-width: 749px) {
  .slideshow__controls--border-radius-mobile {
    border-bottom-right-radius: var(--text-boxes-radius);
    border-bottom-left-radius: var(--text-boxes-radius);
  }
}

.spaced-section--full-width:last-child
  slideshow-component:not(.page-width)
  .slideshow__controls {
  border-bottom: none;
}

@media screen and (min-width: 750px) {
  .slideshow__controls {
    position: relative;
  }
}

slideshow-component:not(.page-width) .slider-buttons {
  border-right: 0;
  border-left: 0;
}

.slideshow__control-wrapper {
  display: flex;
}

.slideshow__autoplay {
  position: absolute;
  right: 0;
  border-left: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 749px) {
  slideshow-component.page-width .slideshow__autoplay {
    right: 1.5rem;
  }
}

@media screen and (min-width: 750px) {
  .slideshow__autoplay.slider-button {
    position: inherit;
    margin-left: 0.6rem;
    padding: 0 0 0 0.6rem;
    border-left: 0.1rem solid rgba(var(--color-foreground), 0.08);
  }
}

.slideshow__autoplay .icon.icon-play,
.slideshow__autoplay .icon.icon-pause {
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition: transform 150ms ease, opacity 150ms ease;
  width: 0.8rem;
  height: 1.2rem;
}

.slideshow__autoplay .icon.icon-play {
  height: 1rem;
}

.slideshow__autoplay path {
  fill: rgba(var(--color-foreground), 0.75);
}

.slideshow__autoplay:hover path {
  fill: rgb(var(--color-foreground));
}

@media screen and (forced-colors: active) {
  .slideshow__autoplay path,
  .slideshow__autoplay:hover path {
    fill: CanvasText;
  }
}

.slideshow__autoplay:hover svg {
  transform: scale(1.1);
}

.slideshow__autoplay--paused .icon-pause,
.slideshow__autoplay:not(.slideshow__autoplay--paused) .icon-play {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.8);
}
  .mySwiper { overflow: visible; }
  .swiper-slide { position: relative; }
@media screen and (min-width: 750px) {
  .mySwiper {
    aspect-ratio: 640:227;
    width: 100%;
  }
  .mySwiper .swiper-slide,
  .mySwiper .slide-media {
    height: 100%;
  }
  .mySwiper .slide-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
/* Mobile keeps default behavior: no aspect-ratio override */
@media screen and (max-width: 749px) {
  .mySwiper {
    width: 100%;
  }
  .mySwiper .swiper-slide,
  .mySwiper .slide-media {
    height: auto;
  }
  .mySwiper .slide-media img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

  .swiper-slide {
  position: relative;
}

/* Base positioning */
.slide-content[class*="box-align-"] {
  position: absolute;
  height: fit-content;
  word-wrap: break-word;
  z-index: 1;
}
  @media screen and (max-width: 832px) and (min-width: 749px){ 
    .slide-content[class*="box-align-"] {
       padding-left: 50px;
    padding-right: 16px;
    }
  }
  @media screen and (min-width: 1283px) {
  .slide-content[class*="box-align-"] {
     padding-left: 80px;
    padding-right: 80px;
   /* margin-top: 81.5px !important;
    margin-bottom:  81.5px !important;
    padding-left: 80px;*/
  }
}

@media screen and (max-width: 1727px) and (min-width: 1282px) {
  /* MacBook Air - 1 */
  .slide-content[class*="box-align-"] {
     padding-left: 80px;
    padding-right: 80px;
   /* margin-top: 81.5px !important;
    margin-bottom:  81.5px !important;
    padding-left: 80px;*/
    }
}

@media screen and (max-width: 1281px) and (min-width: 1024px) {
  /* iPad Pro 12.9" - 1 */
  .slide-content[class*="box-align-"] {
     padding-left: 80px;
    padding-right: 80px;
       /*margin-top: 81.5px !important;
       margin-bottom:  81.5px !important;
       padding-left: 50px;*/
     }
}

@media screen and (max-width: 1023px) and (min-width: 833px) {
  /* iPad Pro 11" - 1 */
  .slide-content[class*="box-align-"] {
       padding-left: 50px;
     }
}
/* align Desktop box content */
.box-align-top-left {
  top: 0;
  left: 0;
  transform: translate(0, 0);
}
.box-align-top-center {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.box-align-top-right {
  top: 0;
  right: 0;
  transform: translate(0, 0);
}

/* Middle positions */
.box-align-middle-left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.box-align-middle-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.box-align-middle-right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

/* Bottom positions */
.box-align-bottom-left {
  bottom: 0;
  left: 0;
  transform: translate(0, 0);
}
.box-align-bottom-center {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.box-align-bottom-right {
  bottom: 0;
  right: 0;
  transform: translate(0, 0);
}
/*Mobile align box content */
  @media screen and (max-width: 749px) {
    .slide-content[class*="box-align-"]{
      padding: var(--Spacing-System-spacing-4xl, 40px) 16px;
    }
  /* Top positions */
  .box-align-mobile-top-left {
    top: 0;
    left: 0;
    transform: translate(0,0);
  }
  .box-align-mobile-top-center {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .box-align-mobile-top-right {
    top: 0;
    right: 0;
    transform: translate(0,0);
  }

  /* Middle positions */
  .box-align-mobile-middle-left {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .box-align-mobile-middle-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .box-align-mobile-middle-right {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }

  /* Bottom positions */
  .box-align-mobile-bottom-left {
    bottom: 0;
    left: 0;
    transform: translate(0,0);
  }
  .box-align-mobile-bottom-center {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .box-align-mobile-bottom-right {
    bottom: 0;
    right: 0;
    transform: translate(0,0);
  }
}

.swiper-slide .slide-content {
  position: absolute;
  width: 50%;
  z-index: 2;
  padding: 1rem;
  color: #fff;
}
.swiper-slide .slide-media img {
  display: block;
  width: 100%;
  height: auto;
}
  
.slide-heading {
  font-size: 2rem;
  margin-bottom: 16px;
}
.slide-subheading {
  font-size: 1rem;
  margin-bottom: 1rem;
}
.slide-content .button {
  margin-top:16px;
}
.slide-media {
  position: relative;
}
.slide-media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.swiper-button-prev,
.swiper-button-next {
  cursor: pointer;
}

/* Desktop text alignment */
.text-align-left {
  text-align: left;
}
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}

/* Mobile text alignment overrides */
@media screen and (max-width: 749px) {
  .text-align-mobile-left {
    text-align: left !important;
  }
  .text-align-mobile-center {
    text-align: center !important;
  }
  .text-align-mobile-right {
    text-align: right !important;
  }

}
@media screen and (max-width: 749px) {
  .heading-desktop,
  .subheading-desktop {
    display: none;
  }

  .heading-mobile,
  .subheading-mobile {
    display: block;
  }
  .heading-mobile p,
  .subheading-mobile p{
    margin:0;
  }
   .subheading-mobile {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
  font-family: 'Merriweather';
  font-style: italic;
  }
}

@media screen and (min-width: 750px) {
  .heading-mobile,
  .subheading-mobile {
    display: none;
  }
.subheading-desktop p {
  margin: 0;
}
  .heading-desktop p{
    margin:0;
  }
  .heading-desktop,
  .subheading-desktop {
    display: block;
  }
}
@media screen and (min-width:750px) {
  .subheading-desktop {
    margin-bottom: 32px;
    height: 38px;
    font-family: 'Merriweather';
    font-weight: 400;
    font-size: 19px;
    line-height: 24px;
  color: inherit;
  }
}
  .mySwiper, 
.mySwiper .swiper-slide, 
.mySwiper .slide-media {
  overflow: visible !important;
  height: auto !important; /* or at least enough height */
}
.product-overlay {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s ease; /* Match Swiper speed */
  z-index: 9999;
}

.product-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

.product-overlay.active {
  opacity: 1;
  pointer-events: auto;
}
.product-overlay img {
  display: block;
  width: 100%;
  height: auto;
}

/* Desktop positions */
.desktop-position-top-left {
  top: 0;
  left: 0;
  transform: translate(var(--desktop-offset-x,0), var(--desktop-offset-y,0));
}
.desktop-position-top-center {
  top: 0;
  left: 50%;
  transform: translate(calc(-50% + var(--desktop-offset-x,0)), var(--desktop-offset-y,0));
}
.desktop-position-top-right {
  top: 0;
  right: 0;
  transform: translate(var(--desktop-offset-x,0), var(--desktop-offset-y,0));
}
.desktop-position-middle-left {
  top: 50%;
  left: 0;
  transform: translate(var(--desktop-offset-x,0), -50% + var(--desktop-offset-y,0));
}
.desktop-position-middle-center {
  top: 50%;
  left: 50%;
  transform: translate(calc(-50% + var(--desktop-offset-x,0)), calc(-50% + var(--desktop-offset-y,0)));
}
.desktop-position-middle-right {
  top: 50%;
  right: 0;
  transform: translate(var(--desktop-offset-x,0), calc(-50% + var(--desktop-offset-y,0)));
}
.desktop-position-bottom-left {
  bottom: 0;
  left: 0;
  transform: translate(var(--desktop-offset-x,0), var(--desktop-offset-y,0));
}
.desktop-position-bottom-center {
  bottom: 0;
  left: 50%;
  transform: translate(calc(-50% + var(--desktop-offset-x,0)), var(--desktop-offset-y,0));
}
.desktop-position-bottom-right {
  bottom: 0;
  right: 0;
  transform: translate(var(--desktop-offset-x,0), var(--desktop-offset-y,0));
}

/* Mobile positions */
@media screen and (max-width: 749px) {
  .product-overlay {
    /* Override transform for mobile */
  }
  .mobile-position-top-left {
    top: 0;
    left: 0;
    transform: translate(var(--mobile-offset-x,0), var(--mobile-offset-y,0));
  }
  .mobile-position-top-center {
    top: 0;
    left: 50%;
    transform: translate(calc(-50% + var(--mobile-offset-x,0)), var(--mobile-offset-y,0));
  }
  .mobile-position-top-right {
    top: 0;
    right: 0;
    transform: translate(var(--mobile-offset-x,0), var(--mobile-offset-y,0));
  }
  .mobile-position-middle-left {
    top: 50%;
    left: 0;
    transform: translate(var(--mobile-offset-x,0), calc(-50% + var(--mobile-offset-y,0)));
  }
  .mobile-position-middle-center {
    top: 50%;
    left: 50%;
    transform: translate(calc(-50% + var(--mobile-offset-x,0)), calc(-50% + var(--mobile-offset-y,0)));
  }
  .mobile-position-middle-right {
    top: 50%;
    right: 0;
    transform: translate(var(--mobile-offset-x,0), calc(-50% + var(--mobile-offset-y,0)));
  }
  .mobile-position-bottom-left {
    bottom: 0;
    left: 0;
    transform: translate(var(--mobile-offset-x,0), var(--mobile-offset-y,0));
  }
  .mobile-position-bottom-center {
    bottom: 0;
    left: 50%;
    transform: translate(calc(-50% + var(--mobile-offset-x,0)), var(--mobile-offset-y,0));
  }
  .mobile-position-bottom-right {
    bottom: 0;
    right: 0;
    transform: translate(var(--mobile-offset-x,0), var(--mobile-offset-y,0));
  }
}

/* Desktop sizing */
.product-overlay {
  width: auto;
  height: auto;
}
@media screen and (min-width: 750px) {
  .product-overlay {
    {% comment %}
      If percent is set, size by height percent;
      if pixel is set, size by pixel height.
    {% endcomment %}
    width: var(--desktop-size, auto);
  }
}
/* Mobile sizing */
@media screen and (max-width: 749px) {
  .product-overlay {
    {% comment %}
      If percent is set, size by width percent;
      if pixel is set, size by pixel width.
    {% endcomment %}
    width: var(--mobile-size, auto);
  }
}
@media screen and (max-width: 984px) {
  .slide-heading.h1 {
    font-size: 21px;
    line-height: 25.2px;
  }
}
  @media screen and (min-width: 750px) {
     .slide-heading.h1 {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.06em;
  }
  }
  @media screen and (max-width: 749px) {
    .slide-heading.h1 {
    font-size: 21px;
      margin-top:0;
    line-height: 120%;
    letter-spacing: 0.08em;
  }
  }