/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 119:12 Unexpected "{"
Line 119:21 Expected ":"
Line 120:16 Expected identifier but found whitespace
Line 120:18 Unexpected "{"
Line 120:27 Expected ":"
Line 120:78 Expected ":"
Line 121:19 Expected identifier but found whitespace
Line 121:21 Unexpected "{"
... and 16 more hidden warnings

**/
{%- style -%}
/* === Bison — Featured Collection (zonder grid) === */

/* Tokens */
:root{
  --bison-border: rgba(110, 88, 67, 0.32);
  --bison-border-hover: rgba(110, 88, 67, 0.46);
  --bison-border-weak: rgba(110, 88, 67, 0.10);
  --bison-shadow-sm: 0 1px 0 rgba(0,0,0,.03);
  --bison-shadow-hover: 0 12px 30px rgba(0,0,0,.08);
}

/* CARD — vaste kaartbreedte voor je JS logica */
.bison-card{
  flex: 0 0 380px;
  max-width: 380px;
  background:#fff;
  border-radius:16px;
  overflow:hidden;

  /* retina-ring via border/box-shadow */
  border:2px solid var(--bison-border);
  background-clip:padding-box;
  box-shadow: var(--bison-shadow-sm);
  transform-origin:center;
  will-change: transform;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

/* Desktop: echte outer ring */
@media (min-width:900px){
  .bison-card{
    border-color:transparent;
    box-shadow:
      0 0 0 2px var(--bison-border),
      var(--bison-shadow-sm);
  }
}

/* Hover */
@media (hover:hover){
  .bison-card:hover{
    transform: translateY(-2px);
    border-color: var(--bison-border-hover);
    box-shadow:
      0 0 0 2px var(--bison-border-hover),
      var(--bison-shadow-hover);
  }
}

/* Keyboard focus */
.bison-card:focus-within{
  outline:none;
  box-shadow:
    0 0 0 2px var(--bison-border-hover),
    0 0 0 6px rgba(212,187,156,.18),
    var(--bison-shadow-hover);
}

/* Link reset */
.bison-card-link{
  text-decoration:none; color:inherit; display:block;
  -webkit-tap-highlight-color:transparent;
}

/* Media */
.bison-image-wrapper{ aspect-ratio:1/1; background:#f9f9f9 }
.bison-product-image{ width:100%; height:100%; object-fit:cover; display:block }

/* Content */
.bison-card-content{
  border-top:1px solid var(--bison-border-weak);
  padding:16px;
  padding-top:12px;
}
.bison-product-title{
  font-size:18px; font-weight:600; margin:0 0 8px; line-height:1.4;
}
.bison-product-price{
  display:flex; align-items:baseline; gap:6px; margin-top:4px;
}
.bison-product-price .old-price{
  font-size:14px; color:#888; font-weight:500;
  display:inline-block; text-decoration:line-through; position:relative;
}
/* geen diagonale rode lijn */
.bison-product-price .old-price::after{ content:none !important; display:none !important }
.bison-product-price .new-price{
  font-size:18px; font-weight:700; color:#1a1a1a;
}

/* Section padding (zoals in jouw snippet) */
@media (max-width:768px){
  .bison-product-title{ font-size:17px; line-height:1.3 }
  .bison-product-price{ flex-wrap:wrap }
  .bison-product-price .new-price,
  .bison-product-price .old-price{ font-size:18px }

  .slider-component{ overflow:hidden; position:relative }

  .section-{{ section.id }}-padding{
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }
}
@media screen and (min-width:750px){
  .section-{{ section.id }}-padding{
    padding-top: {{ section.settings.padding_top }}px;
    padding-bottom: {{ section.settings.padding_bottom }}px;
  }
}
{%- endstyle -%}
<style>
/* === Bison — Grid alleen === */

/* Wrapper + horizontale scroll */
.bison-product-grid{
  display:flex;
  flex-wrap:nowrap;
  gap:24px;

  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;

  scroll-snap-type:x mandatory;
  scroll-padding-left:1px;

  padding:32px 0;
  margin-left:auto; margin-right:auto;
  max-width:1592px;
  position:relative;
}

/* Scrollbar verbergen */
.bison-product-grid::-webkit-scrollbar{ display:none }

/* Slider wrappers */
.bison-slider-wrapper{ padding:0 16px; margin:24px 0; position:relative }
.bison-scroll-wrapper{ display:flex; justify-content:center }

/* Fade-edges links/rechts */
.bison-slider-wrapper::before,
.bison-slider-wrapper::after{
  content:"";
  position:absolute; top:0; bottom:0; width:48px;
  z-index:5; pointer-events:none;
}
.bison-slider-wrapper::before{
  left:0; background:linear-gradient(to right, #f5f5f5, rgba(245,245,245,0));
}
.bison-slider-wrapper::after{
  right:0; background:linear-gradient(to left, #f5f5f5, rgba(245,245,245,0));
}

/* Pijlen */
.slider-button.disabled{
  opacity:.3; pointer-events:none; cursor:default;
}

/* Mobiel: grid/scroll gedrag + pijlen/fades verbergen */
@media (max-width:768px){
  .bison-product-grid{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    gap:16px;
    padding:0 16px;
  }
  .bison-card{
    /* kaart-breedte onder mobiel binnen de scroller */
    flex:0 0 100%;
    max-width:100%;
    scroll-snap-align:center;
  }

  .slider-button,
  .bison-slider-wrapper::before,
  .bison-slider-wrapper::after{
    display:none !important;
  }
}
</style>