/** Shopify CDN: Minification failed

Line 16:0 Unexpected "#"
Line 16:2 Unexpected "{"
Line 16:14 Expected ":"
Line 16:18 Unexpected "{"
Line 17:0 Unexpected "#"
Line 17:2 Unexpected "{"
Line 17:14 Expected ":"
Line 19:0 Unexpected "#"
Line 19:2 Unexpected "{"
Line 19:14 Expected ":"
... and 66 more hidden warnings

**/
#{{ section_id }} { width: 100%; }
#{{ section_id }} .cts__title { font-size: clamp(22px, 2.2vw, 34px); margin: 0 0 14px; }

#{{ section_id }} .cts__tabs {
  display:flex;
  gap:5px 20px;
  flex-wrap:nowrap;
  overflow:auto;
  padding:0 0 10px;
  margin:0 0 12px;
  -webkit-overflow-scrolling:touch;
}
@media (min-width: 990px){
  .cts__tabs{
    flex-wrap:wrap;
    overflow:visible;
  }
}
#{{ section_id }} .cts__tabs::-webkit-scrollbar { height: 6px; }
#{{ section_id }} .cts__tab {
    background: transparent; border: 0; padding: 8px 0; cursor: pointer;
    font: inherit; opacity: .65; white-space: nowrap;
    border-bottom: 0px solid transparent;
    color: #333;
    font-weight:500;
    transition: all ease-in-out 200ms 
}
#{{ section_id }} .cts__tab.is-active { opacity: 1; border-bottom: 3px solid #97B94B;  color: #97B94B; font-size: 17px;}

#{{ section_id }} .cts__panel { display: none; }
#{{ section_id }} .cts__panel.is-active { display: block; }

#{{ section_id }} .cts__slider { position: relative; }
#{{ section_id }} .cts__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(190px, 1fr);
    gap: 18px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 8px 2px 12px;
    -webkit-overflow-scrolling: touch;
    grid-auto-columns: clamp(190px, 24vw, 260px); 
    justify-content: start;   
}
    

#{{ section_id }} .cts__track::-webkit-scrollbar { height: 8px; }

#{{ section_id }} .cts__item { scroll-snap-align: start; }

#{{ section_id }} .cts__card {
    display: block; color: inherit; text-decoration: none;
}
#{{ section_id }} .cts__img {
    border-radius: 14px;
    overflow: hidden;
    background: rgba(0,0,0,.03);
    aspect-ratio: 1 / 1;
    display: grid;
    place-items: center;
    max-height: 250px;
}
#{{ section_id }} .cts__img img { width: 100%; height: 100%; object-fit: cover; display: block; }

#{{ section_id }} .cts__meta { padding: 10px 2px 0; }
#{{ section_id }} .cts__name { font-size: 15px; line-height: 1.25; color: currentColor; font-weight: 600}
#{{ section_id }} .cts__price { margin-top: 6px; font-size: 14px; }
#{{ section_id }} .cts__price--compare { opacity: .6; text-decoration: line-through; margin-left: 8px; }
#{{ section_id }} .cts__price--sale { font-weight: 600; }

#{{ section_id }} .cts__arrow {
    position:absolute;
    top:42%;
    transform:translateY(-50%);
    z-index:2;

    border:0;
    background:transparent;
    box-shadow:none;

    width:auto;
    height:auto;
    padding:0;
    cursor:pointer;

    color: #97B94B; 
    line-height:0;
}

.cts__arrow svg{ display:block; }

.cts__arrow[disabled]{ opacity:.25; cursor:default; }
#{{ section_id }} .cts__arrow[disabled] { opacity: .35; cursor: default; }
#{{ section_id }} .cts__arrow--prev { left: -35px; }
#{{ section_id }} .cts__arrow--next { right: -35px; }

@media (max-width: 749px) {
#{{ section_id }} .cts__arrow { display: none; } /* swipe on mobile */
}
.cts{
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 16px;
}


