/** Shopify CDN: Minification failed

Line 65:28 Unexpected "{"
Line 65:39 Expected ":"
Line 65:43 Unexpected "{"

**/
:root {
  --brand-primary: #1A3F6B;    /* var(--brand-primary) */
  --brand-secondary: #00AFEF ;  /* var(--brand-secondary) */
  --brand-accent: #8AD4F0;     /* var(--brand-accent); */
  --brand-accent-secondary: #008DC9;     /* var(--brand-accent-secondary); */
}

/* Thumbnail left spacing */
.slideshow-controls__thumbnails-container {
  padding-left: 12px;
}

 .DarkTheme{
  background-color: var(--brand-primary);
  color: #fff;
 }






 .custom-label-badges li{
  width: max-content;
 }

 .relatedProductTitle  * {
    text-align: center;
}

 .size-guide-container h3{
  margin-bottom: 3px;
 }
 .sizeGuideTable{
  width: 100%;
  table-layout: fixed;

}
 .sizeGuideTable td{
  width:10%;
 }

table tr:nth-child(odd) {
  background-color: #EEEEEE;
}

.swym-aw-notification {
  display: none !important;
}

legend{
  color: var(--brand-primary);
}
.ProductPrice { color: var(--brand-primary) !important; font-weight: 600; }
a.linkTitleSection, a.linkTitleSection * { color: var(--brand-primary) !important; }

  /* School collection view */
  .ai-favorite-collections-{{ ai_gen_id }} { max-height: unset; }
  nav.az-filter-nav, h2.az-heading, .variant-option__swatch-value { display: none !important;}

  .AccordionDescription *, quantity-selector-component * , .section-resource-list__content h3 { 
    color: var(--brand-primary) !important;
  }

  .product-custom-label-badges-BigView{
    position: absolute;
    top: 1px;
    left: var(--arrow-offset, 10px);
  }
  .badgeNLogo {
    margin-top: 5px;
}

  .product-collection-school-image{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    border-radius: 5px;
  }

  /* *** */
/* *** */
header-component#header-component{z-index: 100;}
main#MainContent {z-index: 5;}
/* *** */
header.scrolled {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  transition: box-shadow 0.3s ease;
}
/* *** */
/* *** */

li.product-grid__item, .resource-list__item {
    border: #efeaea7d 1px solid;
    border-radius: 5px;
}

.StrongIt{font-weight: bold;}
.OnlineOnly{ position: absolute; top: -30px; left: 0; color: #fff; font-size: 10px; }

  /* Size button start */
/* =========================================
   OVERRIDE: Size variants fit content
========================================= */
#swym-storefront-layout-section-container.swym-storefront-layout-layout .swym-storefront-layout-body {
    width: 100% !important;
    max-width: 1440px !important;
}

.variant-option--equal-width-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
}
.variant-option__button-label:has(input[data-option-available="false"]) {
    background-color: #fff; /* light red for unavailable */
    color: #1A3F6B; /* optional: dark red text */
    cursor: not-allowed; /* show it's disabled */
    border-color: #A3B2C4;
}

/* Remove forced grid sizing */
.variant-option--equal-width-buttons .variant-option__button-label {
  width: auto !important;
  min-width: max-content !important;
  flex: 0 0 auto !important;
}
/* =========================================
   Equal width buttons based on longest text
========================================= */

/* Define width based on longest label */
[data-option-id="template-18318557904974__main-7685804621902-size"] {
  --variant-ch: 7ch !important;
}

/* Keep flex layout (from earlier override) */
.variant-option--equal-width-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
}

/* Force same width for all buttons */
.variant-option--equal-width-buttons .variant-option__button-label {
  min-width: calc(var(--variant-ch) + 2em) !important;
  width: auto !important;
  flex: 0 0 auto !important;
  justify-content: center;
}
  /* ************************* */
  /* ************************* */
  /* ************************* */
  /* Size button end */
  /* ************************* */

  .productOrderSection #swym-atw-pdp-button{
    background: transparent !important;
    padding: 0;
    margin: 0;
    justify-content: right;
    text-align: right;
    position: absolute;
    top: 0;
  }

  add-to-cart-component{
    position: relative;
  }

  /* *** swym section **** */
  #swym-atw-pdp-button {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start; /* keep normal order */
    position: relative;           /* creates stacking context */
}

#swym-atw-pdp-button-icon {
    position: absolute;           /* remove from flex flow */
    right: 0;                      /* same position as inline */
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;                   /* behind text */
    width: 24px;
    height: 24px;
    pointer-events: none;         /* don't block clicks */
}

#swym-atw-pdp-button-text {
    position: relative;           /* normal flow */
    z-index: 1;                   /* above SVG */
    margin-left: 2px;            /* leave space for SVG */
    padding-right: 30px;
}

#swym-atw-pdp-button-icon path {
  stroke: var(--brand-primary);
}
#swym-atw-pdp-button.atw-button-added #swym-atw-pdp-button-icon path {
    fill: var(--brand-primary) !important;   /* fill color */
}
.default-position .atw-button:hover {
    transform: none !important;
}
.productOrderSection #swym-atw-pdp-button #swym-atw-pdp-button-text{
  color: var(--brand-primary);
}
.swym-atw-button-container.margin-top{ 
  margin-top: 0 !important;
  position: absolute;
  top: -30px;
}
.default-position .atw-button:hover {
    transform: none;
}


  /* ************************* */
  /* ************************* */

  body{
  overflow-x: hidden;
}
h3.rangeName {
   font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    font-style: italic;
    font-size: 40px;
    margin: 0;
    line-height: normal;
}
.category-breadcrumbs{
  padding: 10px 0;
}
#myFavoriteCollections .az-card-body {
  padding: 5px;
  text-align: center
}
.hideSizeButton{ display : none !important;}

#myFavoriteCollections .az-card11 img {
  padding: 25px;
  box-sizing: border-box;
}
#CollectionId{
  color: var(--brand-primary);
}
.breadcrumb__branch{color: #A3B2C4; font-family: Montserrat, sans-serif;}
fieldset#fieldset_size{position: relative;}
.FavText{display: none; }
button.atw-button-added{
  background-color: var(--brand-primary);
}
label.variant-option__button-label {
    border-radius: 5px;
}
.breadcrumb__product_title{
  color: var(--brand-primary);
  font-weight: lighter;
  font-family: Montserrat, sans-serif;
}
.variant-option--equal-width-buttons .variant-option__button-label{
  color: #fff;
}
#FilterFacts{ z-index: 9999999 !important;}
#ResultsList{ z-index: 98; }

.variant-option--equal-width-buttons .variant-option__button-label {
    color: var(--brand-primary);
    background-color: #E9ECF1;
    border: 1px solid #d4dae4;
}
.variant-option--equal-width-buttons .variant-option__button-label:hover{
    background-color: var(--brand-primary);
    color: #fff;
}
.variant-option__button-label:has(:checked), button.add-to-cart-button, button.atw-button-add {
  background-color: var(--brand-primary) !important;
  color: #fff;
}
.button[id^=BuyButtons-ProductSubmitButton-], button.atw-button{
  border-radius: 5px;
}
quantity-selector-component.quantity-selector {
    border-radius: 5px !important;
    border: 2px solid var(--brand-primary);
}




.ViewAll{
  float: right;
  color: var(--brand-primary);
  padding: 5px 0px 0;
  margin:0;
  line-height:0;
}
.ViewAll a{
text-decoration: underline;
}
swym-storefront-layout, quick-add-component {
    display: none !important;
}
.starit{
  font-size: 19px;
}
.product-media-container.constrain-height:has(.product-media-constraint-wrapper){
  padding: 10px 0 0 10px;
}
.product-badges--top-right {
    left: 10px;
    right: auto;
}
.cursorLink{
  cursor: pointer; cursor: hand;
}

.pt10{
  margin-top: 20px;
}
.facets--horizontal{
  z-index: 0 !important;
}
.pb10{
  margin-bottom: 20px;
}

.SchoolHeader {
  background: linear-gradient(to bottom, #01B0F0 0%, #006CA2 100%);
}


.FindYourSchoolButton {
    padding: 2px 17px !important;
    border: 1px solid white;
    border-radius: 10px;
}
.group-FindYourBackground {
    background: linear-gradient(to bottom, #01AFEF 0%, #016CA3 100%);
}


.swym-storefront-layout-body, .swym-storefront-layout-container{
  overflow: hidden !important;
}
.AvailableFalse {
  background-color: #f5dfdf;
  color: red;
}
.ptb5{
  padding-top: 10px;
  padding-bottom: 10px;
}
a[ref="productTitleLink"] * {
  display: -webkit-box;
  -webkit-line-clamp: 1; /* around 100 characters visually */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

button.favorite-collection-btn {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: smaller;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 8px;
    transition: background 0.3s ease, transform 0.2s ease;
    color: var(--brand-primary);
    text-transform: uppercase;
    cursor: pointer;
    cursor: hand;
    border: 1px solid #fff;
    background: #fff;
}

.ViewAs{
  padding: 5px 2px 0 0;
}


.hideit{
    display: none !important;
}
#FilterFacts{
    background-color: transparent;
    padding: 0 15px 0 0;
    margin-top: 20px;
}

.buttonbuttonbutton{
display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s 
ease;
    font-family: inherit;
    line-height: 1.2;
    border-style: solid;
    background-color: var(--brand-accent-secondary);
    color: #ffffff;
    border-width: 0px;
    border-color: var(--brand-accent-secondary);
    border-radius: 50px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 14px;
    font-weight: 600;
    textcenterIt: true;
    --custom-id: bookAppointmentbutton;
}
.star-icon{float: right;}
.fontsizeSmaller {font-size: smaller; height: 20px; display: block; color: #adadad; }
.imgIcon {width: 15px; }
.ml10 {margin-right: 15px}


 .ai-gen1:hover, .schoolListgrid:hover {
  border-color: #06406E; /* your hover color */
  --border-color: var(--border-color);
  border-width: 1px; /* optional if you want to adjust */
  border-style: solid; /* ensure border shows */
  transition: border-color 0.5s ease, border-width 0.5s ease;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

li.product-grid__item, .resource-list__item {
  transition: border-color 0.5s ease, border-width 0.5s ease, box-shadow 0.5s ease;
}



/* hover state */
li.product-grid__item:hover, .resource-list__item:hover {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


.details-content ul.list-unstyled li a{
    color: #707070;
}
.details-content ul.list-unstyled li a:hover{
    color: #00ADEF;
    text-decoration:underline;
}
.group-block:has(> .group-block-content > .shopify-block > #headerImage) {
    height: 100%;
    position: absolute ;
    right: 0;
}
.uniformFittingsSection{
    margin-bottom: 5px !important;
}
.collection-card__image .image-block__image{
    padding: 0 20px 25px 20px;
    object-fit: contain !important;
}

.padding-left-10{
    padding-left: 10px !important;
}

.column-options__option-input:checked~.column-picker{
    background-color: #ffffff;
    opacity: 1;
}
/* Not checked */
.column-options__option-input:not(:checked) ~ .column-picker {
    opacity: 0.4;
}

.column-picker svg {
  color: white;
}
label.column-options__option {
    backgroundss: #969696;
}

:is(.facets--drawer,.facets--vertical) :is(.facets__item,.sorting-filter):before {
  border-top: 1px solid #fff;
}

.facets--drawer :is(.facets__item,.sorting-filter):not(:first-of-type)::before,
.facets--vertical :is(.facets__item,.sorting-filter):not(:first-of-type)::before {
  border-top: 1px solid #e6e6e6;
}

.two-columns {
  display: flex;
  gap: 20px;
}

.column-left {
  flex: 0 0 70%; /* 70% width */
}

.column-right {
  flex: 0 0 30%; /* 30% width */
}


sorting-filter-component#sortingit1 {
    margin: 0;
    padding: 0;
    background: #06406E;
    padding-left: 0;
}

.sortingit5 {
    margin: 0;
    padding: 0;
    height: auto;
    text-align: left;
}

summary.facets__summary.sortingit6 {
    height: auto;
    padding: 0;
    margin: 0;
    text-align: left;
    background: #fff;
}

summary:hover {
    color: var(--brand-accent-secondary);
}
.AccordionDescription .resource-list__carousel .resource-list__slide {
    width: calc(33.333% - 10px);
}

.sortingit7 {
    background: white;
    padding: 4px 12px;
    margin: 0;
    text-align: left;
}
span.svg-wrapper.icon-caret.icon-animated.sorting8a {
    width: 25px;
    color: var(--brand-primary);
}

product-card-link, :not(product-card-link) product-card{
    margin-bottom: 15px;
}
.shopify-block:has(.contactUsSection) {
  width: 100% !important;
}

.size_chart span{
  width: 140px;
}
.variant-option {
    margin-top: 10px;
}

h4.predictive-search-results__title {
    text-transform: capitalize;
}
buttonIt.favorite-collection-btn.is-favorited {
    background-color: #009fe3;
    color: white;
    border: 1px solid #1284b5;
}
.LightBoxSection > .two-columns > .column-left {
    flex: 1;
}.LightBoxSection > .two-columns > .column-right {
    display: none !important;
}






.custom-label-badges {
  display: flex;             /* put items in a row */
  display: ruby;
  gap: 10px;                 /* space between buttons */
  padding: 0;
  margin: 0;
  list-style: none;          /* remove bullets */
}

.custom-label-badges li {
  display: inline-block;
  padding: 3px 8px;
  background: #00AFEF;
  font-size: small;
  cursor: default;
  transition: all 0.2s ease;
  color: #ffffff;
  border: 1px solid #00AFEF;
  margin-bottom: 3px; 
  font-weight: 500;
  border-radius: 5px;
}

.shopify-block.shopify-app-block {
    width: 100% !important;
}

.shopify-block:has(> custom-enquiry-form-custom.contactusForm) {
    width: 100%; /* Example CSS */
    /* Add any other styles you want here */
}
.hideItall{
  display: none !important;
}

a#bookAppointmentbutton {
    text-align: center;
}





@media only screen and (max-width: 767px) {
  
  img.imgIcon.ml10 {
    width: 20px !important;
}
 a[ref="productTitleLink"] * {
    display: block;      /* remove line-clamp */
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;   /* show full text */
    text-overflow: unset;
    white-space: normal;
  }
.product-collection-image{
  width: 100px !important;
  left: 0 !important;
  top: 0 !important;
  position:relative;
}



  img:not(.product-media__image):not(.deferred-media__poster-image):not(.imgIcon) {
    width: auto !important;     /* stop stretching */
    max-width: 100% !important; /* prevent overflow */
    height: auto !important;    /* keep aspect ratio */
    display: block;
    margin: 0 auto;
  }
  h4.NavBarFilter, h3.rangeName {
    text-align: left;
  }
  #BookAppointmentID img {
    width: 70px !important;
  }
}


@media only screen and (min-width: 740px) and (max-width: 1070px) {
  .font-dynamic>* {
    font-size: 1.1vw !important;
  }
    .collection-search__field{
    min-width: auto;
  }
    .collection-search__field {
     min-width: unset;
  }
  nav#uncomplicated-breadcrumbs{ height: 60px; }
  button.favorite-collection-btn{top: 60px;}
  #BookAppointmentID img {
    width: 70px !important;
  }
}


@media (max-width: 768px) {
    .SchoolLogo img{
       width: 150px !important;
       max-width: 150px !important;
    }
    .school-card{margin-top: 0 !important;}
    .WarehouseAvailableMobile {display: block;}
    .spacearound {display: none !important; }
    .JerseyInformationWithoutHeroImage{display:none;}




}

/* CSS: styles applied only when width is >=1000px and <=1400px */
@media (min-width: 750px) and (max-width: 1400px) {
  .product-collection-image{ left: 5rem !important; top:0 !important; }
}
@media (min-width: 750px) and (max-width: 850px) {
  /* Styles for 750–850px */
   button.favorite-collection-btn{top: 60px;}
  .product-collection-school-image {width: 50px !important;}
  .product-collection-image{left: 70px !important; top: 0;}
  nav#uncomplicated-breadcrumbs{ height: 60px !important; }
}

@media (max-width: 740px) {
  /* Styles for 740px and below */
   nav#uncomplicated-breadcrumbs{ height: 60px !important; }
   button.favorite-collection-btn {top: 60px !important;}
   .badgeNLogo{ width: 100px; display: none; }
   /* Fix iOS white space: product image must fill container */
   .product-media__image {
     width: 100% !important;
     height: 100% !important;
     object-fit: cover !important;
   }
       .collection-search__field{
    min-width: auto;
  }
}

/* Compound classes from your table example */
/* Define breakpoints */
/* Define breakpoints */
/* Define breakpoints */
/* Define breakpoints */
@media (max-width: 575.98px) { /* XS */
.d-xs-none { display: none !important; }
.d-xs-block { display: block !important; }
}
@media (min-width: 576px) and (max-width: 767.98px) { /* SM */
.d-sm-none { display: none !important; }
.d-sm-block { display: block !important; }
}
@media (min-width: 768px) and (max-width: 991.98px) { /* MD */
.d-md-none { display: none !important; }
.d-md-block { display: block !important; }
}
@media (min-width: 992px) and (max-width: 1199.98px) { /* LG */
.d-lg-none { display: none !important; }
.d-lg-block { display: block !important; }
}
@media (min-width: 1200px) { /* XL */
.d-xl-none { display: none !important; }
.d-xl-block { display: block !important; }
}

/* Compound classes from your table example */

/* d-none with specific breakpoints */
.d-none.d-sm-block { display: none; }
@media (min-width: 576px) { .d-none.d-sm-block { display: block; } }

.d-none.d-md-block { display: none; }
@media (min-width: 768px) { .d-none.d-md-block { display: block; } }

.d-none.d-lg-block { display: none; }
@media (min-width: 992px) { .d-none.d-lg-block { display: block; } }

.d-none.d-xl-block { display: none; }
@media (min-width: 1200px) { .d-none.d-xl-block { display: block; } }

/* d-block with specific breakpoints */
.d-block.d-sm-none { display: block; }
@media (min-width: 576px) { .d-block.d-sm-none { display: none; } }

.d-block.d-md-none { display: block; }
@media (min-width: 768px) { .d-block.d-md-none { display: none; } }

.d-block.d-lg-none { display: block; }
@media (min-width: 992px) { .d-block.d-lg-none { display: none; } }

.d-block.d-xl-none { display: block; }
@media (min-width: 1200px) { .d-block.d-xl-none { display: none; } }

@media (max-width: 768px) {
  button.favorite-collection-btn{
    top: 0 !important;
    right: 0 !important;
  }
}


@media (min-width: 780px) and (max-width: 880px) {

  /* Move buttons block to the top */
  #ButtonsButton {
    order: 1;
    width: 100%;
  }

  /* Place search below buttons */
  #SearchinSchoolSection {
    order: 2;
    width: 100%;
  }
  #UniformBookButtons .group-block-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 12px;
  }

}


/* ***************
   Responsive layout: stack sections and equal spacing for buttons
   Screens between 748px and 140px
***************** */
@media (min-width: 880px) and (max-width: 1490px) {
  .group-CollectionRangeList .group-block-content { display: flex; flex-wrap: wrap;}
  .group-CollectionRangeList .shopify-block { flex: 0 0 calc(25% - 14px); } /* *** make 25% for 4 columns *** */
  .FindYourSchoolButton { text-align: center !important;}
}

/* ***************
   Responsive layout: stack sections and equal spacing for buttons
   Screens between 768px and 880px
***************** */
@media (min-width: 780px) and (max-width: 880px) {

  /* This is mid between 768px to 880px ****** */
  .group-CollectionRangeList .group-block-content { display: flex; flex-wrap: wrap;}
  .group-CollectionRangeList .shopify-block { flex: 0 0 calc(50% - 14px); } /* *** make 25% for 4 columns *** */
  .FindYourSchoolButton { text-align: center !important;}
  .favYouSchoolIt { max-height: 219px !important; }



  /* ************************ */

  #FilterFacts{ height: auto;}
  /* Make ButtonsButton and SearchinSchoolSection full width */
  #ButtonsButton,
  #SearchinSchoolSection {
    width: 100%;       /* full row */
    display: block;    /* ensure full width */
    margin-bottom: 12px; /* optional spacing between rows */
  }

  /* Reorder sections */
  #ButtonsButton { order: 1; }         /* row 1 */
  #SearchinSchoolSection { order: 2; } /* row 2 */

  /* Override parent flex direction (stack children vertically) */
  .layout-panel-flex.layout-panel-flex--row.section-content-wrapper {
    flex-direction: column !important; /* stack sections vertically */
    gap: 12px; /* spacing between rows */
  }

  /* Buttons inside ButtonsButton */
  #UniformBookButtons .group-block-content {
    display: flex;
    flex-direction: row;        /* keep buttons in a row */
    justify-content: space-between; /* equal spacing across row */
    align-items: center;        /* vertical alignment */
    gap: 12px;                  /* optional spacing between buttons */
    width: 100%;                /* full width of row */
  }

  /* Make search input full width */
  #SearchinSchoolSection input.collection-search__input {
    width: 100%;
    box-sizing: border-box; /* include padding in width */
  }
}

/*  ***********
    ***********
*/
@media (min-width: 748px) and (max-width: 780px) {
  .group-CollectionRangeList .group-block-content {
    display: flex;
    flex-wrap: wrap; /* allow multiple rows */
    gap: 12px; /* optional: spacing between items */
  }
  .favYouSchoolIt { max-height: fit-content; }
  .group-CollectionRangeList .shopify-block {
    flex: 0 0 calc(50% - 12px) !important; /* two columns */
  }
}


/* *****************
 ******************
 ****************** */
  /* max-width 780 */
@media (max-width: 780px) {
  .menu-drawer__featured-content { display: none; }
  /* Move buttons block to the top */
  .favYouSchoolIt { max-height: unset; }

  /* ********************* */
  /* Grid Find your School */
  .FindYourSchoolButton { text-align: center !important; }
  .group-CollectionRangeList .group-block-content {
    display: flex;
    flex-wrap: wrap;
  }
  .group-CollectionRangeList .shopify-block { flex: 0 0 calc(25% - 14px); } /* *** make 25% for 4 columns *** */

  .group-SectionGroupYourSchools { padding-right: 10px; }
  .facets__label.SortBgBlock{font-size: 14px; font-weight: 500; }
  .ProductPrice{font-size: 16px;}
  .facets__panel[open] .facets__status { display: block; }
  .facets--horizontal, .products-count-wrapper{ display: block;}
  #FilterFacts{ height: auto; margin: 0 auto; text-align: center; }
  #ButtonsButton {
    order: 1;
    width: 100%;
  }
  .products-count-wrapper {
    font-size: 14px;
    padding-bottom: 14px;
}
  .ProductPrice { display: block; text-align: center; }

  /* Place search below buttons */
  #SearchinSchoolSection {
    order: 2;
    width: 100%;
  }
  #UniformBookButtons .group-block-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 12px;
  }
  .facets__status:not(:empty){
    margin: 0 0 0 10px;
  }
  .facets__summary .icon-caret{
    margin-left: 10px;
  }
  .facets__summary{
    justify-content: center;
  }

ul.YourSchoolFavorite img {
  width: 15px !important;
  height: 15px !important; /* optional, keeps it square */
}
    /* ****Drop Down list**** */
    /* CSS code for drop down */
  
    
    /* Make details the positioning reference */
    details.sortingit5 {
        position: relative;
    }

    /* Dropdown panel – float instead of pushing content and center it */
    .sorting-filter__options {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1000;

        width: max-content;
        min-width: 200px;
        max-width: 90vw;

        background: #fff;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);

        block-size: 0;
        opacity: 0;
        overflow-y: auto;

        transition: content-visibility var(--animation-speed-slow) allow-discrete,
                    padding-block var(--animation-speed-slow) var(--animation-easing),
                    opacity var(--animation-speed-slow) var(--animation-easing),
                    block-size var(--animation-speed-slow) var(--animation-easing);
    }

    /* Open state */
    details[open] .sorting-filter__options {
        block-size: auto;
        opacity: 1;
    }



}

.variant-option--equal-width-buttons .variant-option__button-label {
    color: var(--brand-primary);
    padding: 0;
}


/* =================  ================= */
/* =================  ================= */
/* =================  ================= */
/* ================= button ================= */
/* =================  ================= */

  .ai-carousel-nav-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    color: #000;
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }

  .ai-carousel-nav-button:hover {
    background-color: #fff;
    transform: translateY(-50%) scale(1.1);
  }

  .ai-carousel-nav-button:focus {
    outline: 2px solid #fff;
    outline-offset: 2px;
  }

  .ai-carousel-nav-button--prev {
    left: 20px;
  }

  .ai-carousel-nav-button--next {
    right: 20px;
  }

  .ai-carousel-nav-button svg {
    width: 25px;
    height: 25px;
  }

  .product-badges--top-right {
    left: 10px;
    right: auto;
    position: absolute;
    top: 10px;
}
.custom-label-badges li, .CustomBadge {
    display: inline-block;
    padding: 3px 8px;
    background: #00AFEF;
    font-size: smaller;
    cursor: default;
    transition: all 0.2s ease;
    color: #ffffff;
    border: 1px solid #00AFEF;
    margin-bottom: 3px;
    font-weight: 500;
    border-radius: 5px;
}

.group-PricePriceit .highlightPrice {
  color: #00AFEF;
  font-size: 28px;
}