/** Shopify CDN: Minification failed

Line 103:0 Unexpected "}"

**/
.collection.loading {
  opacity: 0.36;
  pointer-events: none;
}
.collection-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-family: "TBJ Norguba Regular", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #2F3F92; /* Indigo */
}
.collection-heading__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.collection-heading .collection-product-count + .active-facets {
  margin-top: 0.75rem !important;
}
.collection-heading .active-facets:not(:empty) {
  margin-bottom: 0.75rem;
}
@media screen and (min-width: 1024px) {
  .collection-heading-container {
    margin-bottom: -1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .collection-heading-container {
    margin-bottom: -0.375rem;
  }
 /* Tablet: stack heading text and count vertically with some spacing */
  .collection-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  /* Adjust labels container on tablet */
  .custom-product-labels {
    top: 6px;
    left: 6px;
    gap: 4px;
    max-width: 120px;
  }

  /* Slightly bigger labels on tablet */
  .product-label {
    padding: 3px 8px;
    font-size: 0.85rem;
    border-radius: 8px;
  }

  .product-label.top-label {
    max-width: 60px;
  }

  .product-label.bottom-label {
    max-width: 90px;

  }
}
@media screen and (max-width: 767px) {
  .facets--horiz + .collection-heading {
    margin-bottom: var(--grid-gap);
  }
}
  .collection-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .custom-product-labels {
    top: 4px;
    left: 4px;
    gap: 3px;
    max-width: 100px;
  }

  .product-label {
    padding: 1.5px 5px;    
    font-size: 0.60rem;     
    border-radius: 6px;      
    white-space: normal;     
  }

  .product-label.top-label {
    max-width: 70px;
  }
  .product-label.bottom-label {
    max-width: 90px;
  }
}

.product-item__image-figure--primary {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease;
  z-index: 1; /* base layer */
}

.product-item__image-figure--secondary {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease;
  z-index: 1; 
}

@media (hover: hover) and (pointer: fine) {
  .product-item:hover .product-item__image-figure--secondary {
    opacity: 1;
    z-index: 2; 
  }

  .product-item:hover .product-item__image-figure--primary {
    opacity: 0;
    z-index: 1;
  }
}

.product-item.product-item--active .product-item__image-figure--secondary {
  opacity: 1;
  z-index: 2; 
}

.product-item.product-item--active .product-item__image-figure--primary {
  opacity: 0;
  z-index: 1;
}


.product-item__image {
  position: relative; /* container for absolute elements */
}



.custom-product-labels {
  position: absolute;
  top: 8px;
  left: 8px;
  pointer-events: none;
  z-index: 100;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: auto;             
  font-family: "Lexend Regular", sans-serif;
  color: #2F3F92; /* Indigo */
}

.product-label {
  display: inline-flex;     
  align-self: flex-start;
  padding: 5px 9px;      
  font-size: 0.80rem;
  font-weight: 900;
  height: 1.3;
  line-height: 1.3;        
  white-space: nowrap;      
  max-width: none !important;
  pointer-events: none;
  position: relative;
  z-index: 101;
  border-radius: 18px !important;
  background: #C7C4E2; /* Orchid */
  color: #2F3F92; /* Indigo */
}

.product-label.top-label,
.product-label.bottom-label {
  max-width: none !important;
  white-space: nowrap !important;
}

@media screen and (max-width: 767px) {
  .product-label {
    padding: 5px 8px;      
    font-size: 0.60rem;
    line-height: 1.1;
  }
}

/* Tablet - taller */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product-label {
    padding: 6px 9px;       
    font-size: 0.85rem;
    line-height: 1.1;
  }
}



/* ===============================
   PRODUCT CARD - ADD TO CART BUTTON
   =============================== */
.product-card__atc {
  margin-top: 10px;
  width: 100%;
}

.product-card__atc .button {
  display: block;         
  width: 100%;            
  margin: 0;              
  box-sizing: border-box; 
  font-family: "Lexend Regular", sans-serif;
  background-color: #F8BA77; /* Mango */
  color: #2F3F92; /* Indigo */
}

.product-card__atc .button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.collection .product-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.collection .product-item .product-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; 
  height: 100%;
}

.product-card__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;       
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

  line-height: 1.4em;          
  min-height: calc(1.4em * 2); 
  max-height: calc(1.4em * 2);

  font-family: "Lexend SemiBold", sans-serif;
  text-transform: capitalize;
  color: #2F3F92; /* Indigo */
}

.product-card__bottom {
  margin-top: auto;   
}

.product-item__ratings {
  font-size: 12px; 
  margin-top: 4px; 
  min-height: 1.5rem; 
  font-family: "Lexend Regular", sans-serif;
  color: #2F3F92; /* Indigo */
}

.product-item__ratings .rating-star {
  font-size: 14px; 
  color: #2F3F92; /* Indigo */
  margin-right: 2px;
}

.product-item__ratings .numeric-rating {
  font-size: 12px; 
  color: #333; 
}

.sold-out-btn {
  width: 100%;              
  max-width: 100% !important; 
  padding: 12px 20px;
  font-size: 16px;
  border-radius: 20px;
  cursor: not-allowed;
  opacity: 0.8;
  font-family: "Lexend Regular", sans-serif;

  background:rgb(255, 255, 255); 
  color: #2F3F92;    
  text-align: center; 
  display: block;
  box-sizing: border-box;
}


.product-item__text > * {
  margin-bottom: 0.75rem; 
  font-family: "Lexend Regular", sans-serif;
  color: #2F3F92; /* Indigo */
}

.product-item__text > *:last-child {
  margin-bottom: 0; 
}

.product-item__title { min-height: 3rem; }
.product-item__quick-buy, .product-item__link { min-height: 3rem; }
.product-item__excerpt { min-height: 3rem; }

.product-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; 
}























/* ===============================
   COLLECTION MENU (ALL DEVICES)
   =============================== */

/* Wrapper */
.custom-collection-menu {
  margin-bottom: 20px;
  overflow-x: auto;                 /* enable horizontal scroll */
  -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
  white-space: nowrap;              /* keep all links on one line */
  scrollbar-width: none;            /* hide scrollbar (Firefox) */
  padding-left:23px
}
.custom-collection-menu::-webkit-scrollbar {
  display: none; /* hide scrollbar (Chrome/Safari) */
}

/* Scroll container */
.custom-menu-scroll {
  display: flex;
  gap: 18px;                        /* spacing between links */
  min-width: max-content;           /* prevents wrapping */
  padding: 0 10px;                  /* small side padding */
}

/* Links */
.custom-menu-link {
  font-family: "Lexend Regular", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  text-decoration: none;
  font-weight: normal;
  color: #2F3F92;                   /* Indigo default */
  transition: color 0.2s ease;
  white-space: nowrap;
  padding: 6px 4px;
}

/* Hover */
.custom-menu-link:hover {
  color: #C7C4E2; /* Light indigo */
}

/* Active */
.custom-menu-link.active {
  font-weight: bold;
  color: #2F3F92;
}


.custom-collection-menu {
  margin-bottom: 0; /* remove space below menu */
}

.collection-menu-separator {
  border-bottom: 1px solid #ddd;
  margin: 0 0 20px 0; /* no top gap, keep 20px gap below */
}

/* Active menu item underline overlapping separator */
.custom-menu-link.active {
  font-weight: bold;
  color: #2F3F92;
  position: relative;
}

.custom-menu-link.active::after {
  content: "";
  position: absolute;
  bottom: -1px;       /* sit right above separator line */
  left: 0;
  width: 100%;
  height: 3px;        /* thickness for bold effect */
  background-color: #2F3F92; /* Indigo */
  z-index: 2;         /* make sure it shows above separator */
}





/* Hide product count above product cards */
.facets__product-count,
.collection-product-count {
  display: none !important;

}

#main-collection-product-grid {
  margin-top: 15px;
}


















.collection-heading--left {
  align-items: flex-start;
  text-align: left;
}

.collection-heading--center {
  align-items: center;
  text-align: center;
}

.collection-heading--right {
  align-items: flex-end;
  text-align: right;
}
.collection-heading-banner {
  width: 100%;
  padding: 20px 0; /* controls height */
}

.collection-heading {
  margin: 0;
  /* font-size: 1.8rem; */
  line-height: 1.4;
}


.star {
  font-size: 16px;
  margin-right: 2px;
  color: #ccc; /* default unfilled */
}
.star--full {
  color: #2F3F92; /* filled color */
}
.star--half {
  background: linear-gradient(90deg, #f8ba77 50%, #ccc 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}