/** Shopify CDN: Minification failed

Line 28:17 Unexpected "{"
Line 28:26 Expected ":"
Line 28:33 Unexpected "{"
Line 29:16 Expected identifier but found whitespace
Line 29:23 Unexpected "{"
Line 29:32 Expected ":"
Line 30:21 Expected identifier but found whitespace
Line 30:23 Unexpected "{"
Line 30:32 Expected ":"
Line 31:21 Expected identifier but found whitespace
... and 13 more hidden warnings

**/

  /* ── Two‑column layout for product variants ── */
.product__variants {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.product__variants .product__variant {
  margin-bottom: 0; /* remove default bottom margin from each option */
}
  /* ── Section-scoped design tokens from schema settings ── */
  #main-product-{{ section.id }} {
    --mp-accent:      {{ section.settings.accent_color      | default: '#00a6ff' }};
    --mp-accent-dark: {{ section.settings.arrow_hover_color | default: '#0088cc' }};
    --mp-arrow-color: {{ section.settings.arrow_color       | default: '#00a6ff' }};
    --mp-arrow-bg:    {{ section.settings.arrow_bg_color    | default: '#ffffff' }};
  }
  #main-product-{{ section.id }} .product__media-wrapper .swiper-button-next,
  #main-product-{{ section.id }} .product__media-wrapper .swiper-button-prev {
    color: var(--mp-arrow-color);
    background-color: var(--mp-arrow-bg);
  }
  #main-product-{{ section.id }} .product__media-wrapper .swiper-button-next:hover,
  #main-product-{{ section.id }} .product__media-wrapper .swiper-button-prev:hover {
    color: var(--mp-accent-dark);
  }
  /* Keep native select arrows visible always */
  .product__variant-select,
  .product__custom-field select {
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    background-image: none !important;
  }
  /* Swiper core alignment */
  .swiper.product__media-main .swiper-wrapper { align-items: center; }
  .swiper.product__media-main .swiper-slide   { display: flex; align-items: center; justify-content: center; }
  .product__media-image                        { display: block; }
  .product-section .swiper                     { --swiper-navigation-size: 18px; }

  /* ── "WE CUSTOMIZE TO FIT YOUR BIKE" overlay badge ── */
  /* position:relative safety net — Swiper already sets this, belt-and-braces */
  .product__media-main .swiper-slide {
    position: relative;
  }
.product__customize-overlay {
  position: absolute;
  top: 2%;
  left: 3%;
  width: 29.5%;
  z-index: 2;
  pointer-events: none;
  line-height: 0;
  user-select: none;
}

.product__customize-overlay-img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-user-drag: none;
  max-width: 210px;
}

/* Never show on thumbnail strip */
.product__media-thumbs .product__customize-overlay {
  display: none !important;
}

@media (max-width: 749px) {
  .product__customize-overlay {
    width: 34%;
    top: 4%;
    left: 4%;
  }
}
  /* ── FIX B: keep Swiper nav above Fancybox transition layer ── */
  .product__media-main .swiper-button-next,
  .product__media-main .swiper-button-prev {
    z-index: 11;
  }