/** Shopify CDN: Minification failed

Line 144:0 Expected "}" to go with "{"

**/
/* Existing styles */

.tcustomizer-price-addons{
    background-color: rgba(96, 163, 250) !important;
    border: 1px solid rgba(96, 163, 250) !important;
    border-radius: 10px !important;
    text-align: center !important;
  color: white !important;
  
    position:sticky; 
    bottom:10% !important;
}
.kit-image-swatch .tcustomizer-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    place-items: center;
}

.model-image-swatch .tcustomizer-tooltip {
    /* Your existing styles here */
}

.kit-image-swatch .tcustomizer__image--small,
.kit-image-swatch .tcustomizer__image--big {
    width: 250px !important;
    height: 500px !important;  
}

.kit-image-swatch img.tcustomizer__image-content {
    max-height: 500px !important;
    max-width: 250px !important;
}

.kit-image-swatch .tcustomizer__option-name, .brand-image-swatch .tcustomizer__option-name {
    white-space: nowrap;
   
}

.brand-image-swatch .tcustomizer-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    place-items: center;
}

.brand-image-swatch .tcustomizer__image--small,
.model-image-swatch .tcustomizer__image--small,
.brand-image-swatch .tcustomizer__image--big,
.model-image-swatch .tcustomizer__image--big {
    width: 250px !important;
    height: 250px !important;
}

.brand-image-swatch img.tcustomizer__image-content, .model-image-swatch img.tcustomizer__image-content {
    max-height: 250px !important;
    max-width: 250px !important;
  
}

.product--no-media:has(.tcustomizer-customization-form) {
    max-width: 80%;
}
.tcustomizer-field__heading {
  font-size: 1.5em;
  text-align: center;
}
/* Adding tablet/mobile breakpoint */
@media (max-width: 1050px) {
    .kit-image-swatch .tcustomizer-row, .brand-image-swatch .tcustomizer-row, .model-image-swatch .tcustomizer-row {
        grid-template-columns: 1fr 1fr; /* Adjust grid to 2 columns for smaller screens */
    }
    
    .kit-image-swatch .tcustomizer__image--small,
    .kit-image-swatch .tcustomizer__image--big {
        width: 187.5px !important; /* Adjust size for smaller screens while maintaining aspect ratio for non-square images */
        height: 375px !important;
    }

    .brand-image-swatch .tcustomizer__image--small,
    .model-image-swatch .tcustomizer__image--small,
    .brand-image-swatch .tcustomizer__image--big,
    .model-image-swatch .tcustomizer__image--big {
        width: 100px !important; /* Maintain square aspect ratio */
        height: 100px !important; /* Ensure height matches width for square images */
    }

    .kit-image-swatch img.tcustomizer__image-content {
        max-height: 375px !important;
        max-width: 187.5px !important;
    }

    .brand-image-swatch img.tcustomizer__image-content, .model-image-swatch img.tcustomizer__image-content {
        max-height: 100px !important; /* Ensure max dimensions maintain square aspect ratio */
        max-width: 100px !important;
    }
  .kit-image-swatch .tcustomizer__option-name, .brand-image-swatch .tcustomizer__option-name {
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Adding small mobile breakpoint */
@media (max-width: 497px) {
    .kit-image-swatch .tcustomizer-row, .brand-image-swatch .tcustomizer-row, .model-image-swatch .tcustomizer-row {
        grid-template-columns: 1fr; /* Adjust grid to 2 columns for smaller screens */
    }
    
    .kit-image-swatch .tcustomizer__image--small,
    .kit-image-swatch .tcustomizer__image--big{
        width: 250px !important; /* Adjust size for smaller screens while maintaining aspect ratio for non-square images */
        height: 500px !important;
    }

    .brand-image-swatch .tcustomizer__image--small,
    .model-image-swatch .tcustomizer__image--small,
    .brand-image-swatch .tcustomizer__image--big,
    .model-image-swatch .tcustomizer__image--big {
        width: 100px !important; /* Maintain square aspect ratio */
        height: 100px !important; /* Ensure height matches width for square images */
    }

    .kit-image-swatch img.tcustomizer__image-content {
        max-height: 500px !important;
        max-width: 250px !important;
    }

    .brand-image-swatch img.tcustomizer__image-content, .model-image-swatch img.tcustomizer__image-content {
        max-height: 100px !important; /* Ensure max dimensions maintain square aspect ratio */
        max-width: 100px !important;
    }
  .kit-image-swatch .tcustomizer__option-name, .brand-image-swatch .tcustomizer__option-name {
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

  .tcustomizer-help-text {
    text-align: center;
  }