/** Shopify CDN: Minification failed

Line 206:25 Unexpected "*"
Line 213:25 Unexpected "*"

**/
/* Complete fix for centering Size and Condition options on mobile */
/* This overrides existing styles with maximum specificity */

@media screen and (max-width: 749px) {
  /* ============================================
     SIZE OPTIONS - Complete centering fix
     ============================================ */
  
  /* Target the first fieldset (usually Size) */
  variant-selects > fieldset:first-child.product-form__input--pill,
  variant-selects > fieldset.product-form__input--pill:nth-child(1),
  .product-form__input--pill:first-of-type {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  
  /* Center the Size legend */
  variant-selects > fieldset:first-child.product-form__input--pill legend,
  variant-selects > fieldset.product-form__input--pill:nth-child(1) legend,
  .product-form__input--pill:first-of-type legend {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin-bottom: 12px !important;
  }
  
  /* Container for size buttons - use flexbox for centering */
  variant-selects > fieldset:first-child.product-form__input--pill > div,
  variant-selects > fieldset.product-form__input--pill:nth-child(1) > div,
  .product-form__input--pill:first-of-type > div {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    gap: 0 !important;
    margin: 0 auto !important;
  }
  
  /* Style individual size buttons */
  variant-selects > fieldset:first-child.product-form__input--pill input[type="radio"] + label,
  variant-selects > fieldset.product-form__input--pill:nth-child(1) input[type="radio"] + label,
  .product-form__input--pill:first-of-type input[type="radio"] + label {
    margin: 3px !important;
    float: none !important;
    position: relative !important;
    display: inline-block !important;
  }
  
  /* ============================================
     CONDITION OPTIONS - Complete centering fix  
     ============================================ */
  
  /* Target the second/last fieldset (usually Condition) */
  variant-selects > fieldset:last-child.product-form__input--pill,
  variant-selects > fieldset.product-form__input--pill:nth-child(2),
  .product-form__input--pill:last-of-type {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  
  /* Center the Condition legend */
  variant-selects > fieldset:last-child.product-form__input--pill legend,
  variant-selects > fieldset.product-form__input--pill:nth-child(2) legend,
  .product-form__input--pill:last-of-type legend {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin-bottom: 12px !important;
  }
  
  /* Container for condition button */
  variant-selects > fieldset:last-child.product-form__input--pill > div,
  variant-selects > fieldset.product-form__input--pill:nth-child(2) > div,
  .product-form__input--pill:last-of-type > div {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
  
  /* Style the condition button */
  variant-selects > fieldset:last-child.product-form__input--pill input[type="radio"] + label,
  variant-selects > fieldset.product-form__input--pill:nth-child(2) input[type="radio"] + label,
  .product-form__input--pill:last-of-type input[type="radio"] + label {
    margin: 0 auto !important;
    float: none !important;
    position: relative !important;
    display: inline-block !important;
  }
  
  /* ============================================
     OVERRIDE CONFLICTING STYLES
     ============================================ */
  
  /* Remove display: contents that breaks centering */
  variant-selects fieldset.product-form__input--pill,
  .product-form__input--pill fieldset {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  
  /* Ensure variant-selects itself doesn't interfere */
  variant-selects {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }
  
  /* Remove any float properties */
  variant-selects * {
    float: none !important;
  }
  
  /* Ensure all fieldsets are centered */
  fieldset.product-form__input--pill {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  
  /* Target options by name attribute if available */
  fieldset:has(input[name*="Size"]),
  fieldset:has(input[name*="size"]),
  fieldset:has(input[name*="SIZE"]) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  
  fieldset:has(input[name*="Size"]) > div,
  fieldset:has(input[name*="size"]) > div,
  fieldset:has(input[name*="SIZE"]) > div {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    width: 100% !important;
  }
  
  fieldset:has(input[name*="Condition"]),
  fieldset:has(input[name*="condition"]),
  fieldset:has(input[name*="CONDITION"]) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  
  fieldset:has(input[name*="Condition"]) > div,
  fieldset:has(input[name*="condition"]) > div,
  fieldset:has(input[name*="CONDITION"]) > div {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }
  
  /* Specific value-based targeting as fallback */
  input[value="6.5"] + label,
  input[value="9.5"] + label,
  input[value="10"] + label,
  input[value="11"] + label,
  input[value="11.5"] + label,
  input[value="12"] + label {
    margin: 3px !important;
  }
  
  input[value="Brand New"] + label,
  input[value="Pre-Owned"] + label,
  input[value="Excellent"] + label {
    margin: 0 auto !important;
    display: block !important;
  }
}

/* Additional specificity boost for problematic elements */
@media screen and (max-width: 749px) {
  body .product-form__input--pill,
  body fieldset.product-form__input--pill {
    text-align: center !important;
  }
  
  body .product-form__input--pill > div,
  body fieldset.product-form__input--pill > div {
    justify-content: center !important;
  }
  
  /* Ultra-specific override for any left-aligned elements */
  #ProductInfo-template--* .product-form__input--pill,
  #ProductInfo-template--* fieldset.product-form__input--pill {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  
  #ProductInfo-template--* .product-form__input--pill > div {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }
}