/** Shopify CDN: Minification failed

Line 21:0 Unexpected "}"

**/
 .header__container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* ===================================
   BIKE INNOV - Color Swatches Style 2
   Thème Allure - Swatches Ronds Professionnels
   =================================== */

/* Container des swatches */
.radio-option-swatch {
  position: relative;
  display: inline-block;
}
 
}

/* Image du swatch - RONDE au lieu de carrée */
.radio-option-swatch__image {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  border: 3px solid #e5e7eb !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* Effet hover */
.radio-option-swatch:hover .radio-option-swatch__image {
  transform: scale(1.15) translateY(-2px) !important;
  border-color: #9ca3af !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;
}

/* État sélectionné (quand le radio est checked) */
input[type="radio"]:checked + .radio-option-swatch__label .radio-option-swatch__image {
  border-color: #2563eb !important;
  border-width: 4px !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.2) !important;
  transform: scale(1.1) !important;
}

/* Checkmark sur sélection */
input[type="radio"]:checked + .radio-option-swatch__label .radio-option-swatch__image::after {
  content: '✓' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: white !important;
  font-size: 20px !important;
  font-weight: bold !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
  z-index: 10 !important;
}

/* Checkmark bleu pour couleurs claires (blanc) */
input[type="radio"]:checked + .radio-option-swatch__label .radio-option-swatch__image[style*="#FFFFFF"]::after,
input[type="radio"]:checked + .radio-option-swatch__label .radio-option-swatch__image[style*="rgb(255, 255, 255)"]::after {
  color: #2563eb !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/* Label overlay */
.radio-option-swatch__label-overlay {
  opacity: 0 !important;
  transition: opacity 0.2s !important;
}

.radio-option-swatch:hover .radio-option-swatch__label-overlay {
  opacity: 1 !important;
}

/* Responsive */
@media (max-width: 768px) {
  .radio-option-swatch__image {
    width: 45px !important;
    border-radius: 50% !important;
    height: 45px !important;
  }
}

@media (max-width: 480px) {
  .radio-option-swatch__image {
    width: 42px !important;
    height: 42px !important;
  } border-radius: 50% !important;

}/* Force absolue pour les boutons ronds */
.radio-option-swatch .radio-option-swatch__image,
.radio-option-swatch__label .radio-option-swatch__image,
input[type="radio"] + .radio-option-swatch__label .radio-option-swatch__image {
  border-radius: 50% !important;
  overflow: hidden !important;
  width: 50px !important;
  height: 50px !important;
}/* Force tous les swatches à être ronds - Style général */
.radio-option-swatch__label,
.radio-option-swatch__image,
.radio-option-swatch__image img {
  border-radius: 50% !important;
  overflow: hidden !important;
}