/** Shopify CDN: Minification failed

Line 187:17 Unexpected "{"
Line 187:26 Expected ":"
Line 187:33 Unexpected "{"
Line 188:16 Expected identifier but found whitespace
Line 188:23 Unexpected "{"
Line 188:32 Expected ":"
Line 189:21 Expected identifier but found whitespace
Line 189:23 Unexpected "{"
Line 189:32 Expected ":"
Line 190:21 Expected identifier but found whitespace
... and 13 more hidden warnings

**/
@media (min-width: 990px) {
    .product__grid {
        display: grid;
        grid-template-columns: minmax(492px, 50%) minmax(380px, 50%);
        gap: 48px;
        align-items: start;
    }
    .product__custom-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 20px;
    margin-bottom: 16px;
}
}

.main-product {
    padding: 2rem 0 4rem;
    background: #eef0f3;
}


.product-container{
    margin: 0 auto;
    background: white;
    border-radius: 16px;
    padding: 28px;
    box-shadow: 0 1px 2px rgba(20, 23, 28, 0.04), 0 12px 32px rgba(20, 23, 28, 0.06);
}

.swiper.product__media-main{
    border:0
}
.details h1 {
    font-size: 35px;
    line-height: 1.25;
    margin: 0 0 10px;
    letter-spacing: -.01em;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-weight: 700;
    text-align: left;
}

.botton-line::after {
    content: "";
    width: 60px;
    height: 4px;
    background: #1c6fe8;
    position: absolute;
    left: 0;
    bottom: -13px;
    transform: none;
}

.product__price {
    font-size: 1.75rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0.5rem;
    padding: 15px;
}
.price {
    font-size: 35px;
    font-weight: 700;
    color: #1c6fe8;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
    margin: 0 0 22px;
}

.product__variants .product__variant {
  margin-bottom: 20px; 
}

.product__variant-select, .product__custom-field select {
    width: 100%;
    border: 1px solid #e2e5ea;
    background: #f6f7f9; 
    border-radius: 8px;
    padding: 17px 11px;
    font-size: 14px;
    color: #14171c;
    font-family: inherit;
}



select.form-control:not([size]):not([multiple]) {
    height: 3.2rem;
}

.product__custom-field input, .product__custom-field select, .product__custom-field textarea{
    line-height: 1.5;
    width: 100%;
    border: 1px solid #e2e5ea;
    background: #f6f7f9;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    color: #14171c;
    font-family: inherit;
    height: 3.2rem;
}

.product__radio-label input[type=radio]{
    height:1.2rem
}

.product__actions-wrapper {
    display: flex;
    gap: 12px;
    margin-bottom: 18px;
}

.product__actions{
        flex: 1;
    display: flex;
    align-items: flex-end;
}

.product__actions button{
    height: 52px;
    border-radius: 10px;
}
.quantity-selector {
    max-width: 140px;
    display: flex;
    align-items: center;
    border: 1px solid #e2e5ea;
    border-radius: 8px;
    overflow: hidden;
    background: #f6f7f9;
}

.quantity-selector__btn {
    transition: .3s;
    cursor: pointer;
    width: 38px;
    height: 44px;
    background: #f6f7f9;
    border: none;
    font-size: 16px;
    cursor: pointer;
    color: #000;
}

.quantity-selector__input {
    margin: 0 -1px;
    width: 50px;
    height: 50px;
    text-align: center;
    border: none;
    border-left: 1px solid #e2e5ea;
    border-right: 1px solid #e2e5ea;
    font-size: 14px;
}





/* existing css  */

@media(min-width:760px){
  .product__variants {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

}

  /* ── 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;
  }