/** Shopify CDN: Minification failed

Line 20:10 Unexpected "{"
Line 20:19 Expected ":"
Line 21:10 Unexpected "{"
Line 21:19 Expected ":"
Line 22:10 Unexpected "{"
Line 22:19 Expected ":"
Line 25:10 Unexpected "{"
Line 25:19 Expected ":"
Line 26:10 Unexpected "{"
Line 26:19 Expected ":"
... and 38 more hidden warnings

**/


/* CSS from section stylesheet tags */
/* Header (static) */
#Section-{{ section.id }} .vps-head { text-align:center; margin-bottom:18px; }
#Section-{{ section.id }} .vps-title { font-size:clamp(22px,2.2vw,32px); margin:0; }
#Section-{{ section.id }} .vps-subtitle { color:var(--color-foreground-50,#666); margin:6px 0 0; }

/* Slider shell */
#Section-{{ section.id }} .vps-slider { position:relative; }
#Section-{{ section.id }} .vps-track {
  display:flex; gap:var(--gap);
  overflow-x:auto; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch; padding-bottom:6px;
}

/* Cards (equal height, CTA aligned) */
#Section-{{ section.id }} .vps-card {
  scroll-snap-align:start; flex:0 0 85%;
  background:#fff; border:1px solid rgba(0,0,0,.06);
  border-radius:16px; overflow:hidden; position:relative;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
  display:flex; flex-direction:column;
}
@media (min-width:750px){ #Section-{{ section.id }} .vps-card { flex-basis:48%; } }
@media (min-width:990px){ #Section-{{ section.id }} .vps-card { flex-basis:31%; } }

#Section-{{ section.id }} .vps-badge {
  position:absolute; top:10px; left:10px; z-index:2;
  background:#000; color:#D4AF37; font-size:12px;
  padding:6px 10px; border-radius:999px; pointer-events:none;
}

/* Media — no cropping */
#Section-{{ section.id }} .vps-media { aspect-ratio:var(--ratio,4/5); background:#0f0f0f; }
#Section-{{ section.id }} .vps-video { width:100%; height:100%; object-fit:contain; background:#000; display:block; }
#Section-{{ section.id }} .vps-thumb--placeholder { color:#bbb; display:flex; justify-content:center; align-items:center; }

/* Info area with pinned CTA */
#Section-{{ section.id }} .vps-info { padding:14px; display:flex; flex-direction:column; gap:10px; flex:1; }
#Section-{{ section.id }} .vps-info-main { margin-bottom:8px; }
#Section-{{ section.id }} .vps-card-title { font-size:16px; margin:0; }
#Section-{{ section.id }} .vps-card-subtitle { font-size:14px; color:#666; margin:0; }
#Section-{{ section.id }} .vps-price { font-weight:600; margin:2px 0 8px; }
#Section-{{ section.id }} .vps-btn {
  align-self:stretch; text-align:center;
  padding:10px 14px; border:1px solid #D4AF37; border-radius:999px;
  text-decoration:none; font-weight:600;
  color:#D4AF37; transition:background .2s ease,color .2s ease;
  margin-top:auto;
}
#Section-{{ section.id }} .vps-btn:hover { background:#D4AF37; color:#0b0b0b; }

/* Arrows — very high z-index so clicks always work */
#Section-{{ section.id }} .vps-nav {
  position:absolute; top:40%; transform:translateY(-50%);
  width:36px; height:36px; border-radius:50%;
  border:1px solid rgba(0,0,0,.2);
  background:#fff; color:#111;
  cursor:pointer; display:flex; align-items:center; justify-content:center;
  box-shadow:0 2px 10px rgba(0,0,0,.12);
  z-index:50;
  pointer-events:auto;
}
#Section-{{ section.id }} .vps-prev { left:-12px; }
#Section-{{ section.id }} .vps-next { right:-12px; }
@media (max-width:749px){
  #Section-{{ section.id }} .vps-prev{left:-6px;} #Section-{{ section.id }} .vps-next{right:-6px;}
}