/** Shopify CDN: Minification failed

Line 19:0 Unexpected "<"
Line 21:16 Unexpected "{"
Line 21:25 Expected ":"
Line 21:31 Unexpected "{"
Line 21:43 Expected identifier but found "{"
Line 21:44 Unexpected "{"
Line 21:53 Expected ":"
Line 37:161 Expected identifier but found "1px"
Line 37:172 Unexpected "{"
Line 37:181 Expected ":"
... and 13 more hidden warnings

**/


/* CSS from section stylesheet tags */
<style>
/* Full-width, responsive quadrant styles (scoped) */
#shop-quadrant-{{ section.id }}{background:{{ section.settings.bg_color }};padding:1rem 0}
.shop-quadrant__inner{width:100%;box-sizing:border-box;padding:1rem 1rem;margin:0 auto;max-width:1600px}
.shop-quadrant__top{max-width:1200px;margin:0 auto 1rem;text-align:center;padding:0 1rem}
.shop-quadrant__top h2{margin:0;font-size:1.5rem;font-weight:700;font-family: 'Poppins';
    font-style: normal;}
.shop-quadrant__top p{margin:.5rem 0 0;color:#444;font-size:1.1rem}

/* layout */
.shop-quadrant__grid{display:flex;flex-direction:column;gap:1rem;align-items:stretch}
.shop-quadrant__banner{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:1}
.shop-quadrant__banner img{width:100%;height:100%;object-fit:cover;display:block}
.shop-quadrant__banner-text{position:absolute;left:0;right:0;bottom:0;padding:1.125rem;background:linear-gradient(transparent 48%, rgba(0,0,0,.45) 86%);display:flex;flex-direction:column;color:#fff;align-items:flex-start;text-align:left}
.shop-quadrant__banner-text.center{align-items:center;text-align:center}
.shop-quadrant__banner-text.right{align-items:flex-end;text-align:right}
.shop-quadrant__banner-title{font-weight:400;font-size:1.45rem;margin-bottom:.3125rem;line-height:110%}
.shop-quadrant__banner-sub{font-size:1.125rem;margin-bottom:1rem;line-height:110%}
.shop-quadrant__banner-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:20px;text-decoration:none;font-size:1.4rem;border:1px solid {{ section.settings.accent_color }};background:{{ section.settings.cta_bg }};color:{{ section.settings.accent_color }}}

/* items */
.shop-quadrant__items{display:flex;gap:.75rem;padding:.5rem 0;overflow-x:auto;scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch}
.shop-quadrant__card{flex:0 0 16rem;min-width:16rem;aspect-ratio:1;position:relative;overflow:hidden;border-radius:6px;scroll-snap-align:center}
.shop-quadrant__card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.shop-quadrant__card:hover img{transform:scale(1.05)}
.shop-quadrant__badge{position:absolute;top:.75rem;left:.6rem;padding:.45rem .6rem;background:{{ section.settings.accent_color }};color:#000;font-weight:600;border-radius:4px;font-size:.8rem}
.shop-quadrant__promo{position:absolute;top:.75rem;right:.75rem;z-index:10;background:rgba(0,0,0,.3);border:1px solid {{ section.settings.accent_color }};padding:.4rem .5rem;border-radius:.1875rem;color:#fff;font-size:.75rem;display:flex;flex-direction:column;align-items:center}
.shop-quadrant__meta{position:absolute;left:0;bottom:0;padding:.5rem;width:100%;display:flex;justify-content:flex-start;align-items:flex-end;color:#fff;font-weight:400;background:linear-gradient(0deg, rgba(0,0,0,.35), transparent);box-sizing:border-box}

/* responsive: on wide screens show banner left and items right */
@media(min-width:980px){
  .shop-quadrant__grid{flex-direction:row;gap:1rem;align-items:stretch}
  .shop-quadrant__banner{flex:1;aspect-ratio:1}
  .shop-quadrant__items{flex:1;flex-wrap:wrap;gap:.9rem;padding-left:.5rem;overflow:visible;align-content:flex-start}
  .shop-quadrant__card{flex:0 0 calc(50% - .75rem);min-width:auto;width:calc(50% - .75rem)}
  .shop-quadrant__items{display:flex}
}

/* accessibility focus */
.shop-quadrant__card:focus-within, .shop-quadrant__card:focus{outline:3px solid rgba(255, 181, 0, .35);outline-offset:2px}

/* small screens: slightly smaller heading */
@media(max-width:420px){
  .shop-quadrant__top h2{font-size:1.25rem}
  .shop-quadrant__banner-title{font-size:1.1rem}
  .shop-quadrant__banner-sub{font-size:1rem}
  .shop-quadrant__card{min-width:13rem;flex:0 0 13rem}
}
</style>
.responsive-slideshow {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .responsive-slideshow .slide {
    display: none;
    width: 100%;
    position: relative;
  }

  .responsive-slideshow .slide.active {
    display: block;
  }

  .responsive-slideshow img {
    width: 100%;
    height: auto;
    display: block;
  }

  .slide-text {
    position: absolute;
    bottom: 10%;
    left: 5%;
    color: white;
    z-index: 2;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.7);
  }

  .slide-text h2 {
    font-size: 2em;
    margin: 0;
  }

  .slide-text a.button {
    display: inline-block;
    margin-top: 10px;
    background: #fff;
    color: #000;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
  }

  @media screen and (max-width: 768px) {
    .desktop-image {
      display: none !important;
    }
    .mobile-image {
      display: block !important;
    }
  }

  @media screen and (min-width: 769px) {
    .desktop-image {
      display: block !important;
    }
    .mobile-image {
      display: none !important;
    }
  }

  .slideshow-dots {
    text-align: center;
    margin-top: 10px;
    position: relative;
    bottom: 30px;
    z-index: 10;
  }

  .slideshow-dots .dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .slideshow-dots .dot.active {
    background-color: #fff;
  }


a.button-custom {
    padding: 15px 40px;
    background-color: white;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 100;
    text-shadow: none;
    color: #000;
}
@media screen and (max-width: 768px) {
  .slide-text {
    position: absolute;
    bottom: 6%;
    left: 4%;
    color: #fff;
    z-index: 2;
    text-shadow: 0px 0px 10px rgba(0,0,0,.7);
  }
  a.button-custom {
    padding: 15px 30px;
    
    font-size: 15px;
    
}
}