/** Shopify CDN: Minification failed

Line 106:0 Unexpected "<"

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/
.custom.custom_meta_field_4, .custom.custom_meta_field_3, .custom.custom_meta_field_2, .custom.custom_meta_field_1,
.metafield-multi_line_text_field  {
  background-color: #f2357b;
    color: white;
    padding: 5px 10px;
    text-align: center;
    border-radius: 3px;
    font-family: poppins;
    font-weight: 400;
font-size:10px;
line-height: 35px;
flex-direction: row;
flex-wrap: wrap;
gap: 0.6rem;
row-gap:0.5rem;
}

@media screen and (min-width: 641px) {
    .t4s-drawer {
        width: 500px;
    }
}

.ai-product-meta-item-abgjtwk90wlvwz2thwaigenblockaac51c6gbhxdt {
    background-color: #fff;
    color: #f2357b;
}

.ai-product-title-abgjtwk90wlvwz2thwaigenblockaac51c6gbhxdt{
text-align:left;
}

.ai-product-variant-selector-abgjtwk90wlvwz2thwaigenblockaac51c6gbhxdt{
text-align:left;
}

h4 {
color: #f2357b;
}

.ai-load-more-wrapper-abgjtwk90wlvwz2thwaigenblockaac51c6gbhxdt{
margin-bottom:50px;
}

.ai-product-carousel__container-amzexalrdyjflwxd0baigenblock5c53953cyupnr{
margin-bottom:50px;
}

/* ===== CUSTOM SCROLLBAR FOR COLLECTION CAROUSEL ===== */
/* Hide native scrollbar but keep scrolling functional */
#shopify-section-template--19264059375706__1766333266a62d7d05 .ai-product-carousel__container {
  overflow-x: scroll !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

#shopify-section-template--19264059375706__1766333266a62d7d05 .ai-product-carousel__container::-webkit-scrollbar {
  display: none !important;
}

/* Custom scrollbar track and thumb */
.ai-carousel-custom-scrollbar-track {
  width: 100% !important;
  height: 8px !important;
  background-color: #e8e8e8 !important;
  border-radius: 4px !important;
  margin-top: 10px !important;
  position: relative !important;
  overflow: hidden !important;
}

.ai-carousel-custom-scrollbar-thumb {
  height: 100% !important;
  background-color: #f2357b !important;
  border-radius: 4px !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
  min-width: 20px !important;
}

.ai-carousel-custom-scrollbar-thumb:hover {
  background-color: #d12a68 !important;
}

/* Ensure custom scrollbar is always visible */
.ai-carousel-custom-scrollbar-track,
.ai-carousel-custom-scrollbar-thumb {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

<script>
(function() {
  function initCustomScrollbar() {
    const carouselContainer = document.querySelector('#shopify-section-template--19264059375706__1766333266a62d7d05 .ai-product-carousel__container');
    if (!carouselContainer) return;
    if (carouselContainer.nextElementSibling && carouselContainer.nextElementSibling.classList.contains('ai-carousel-custom-scrollbar-track')) return;
    
    const scrollbarTrack = document.createElement('div');
    scrollbarTrack.className = 'ai-carousel-custom-scrollbar-track';
    const scrollbarThumb = document.createElement('div');
    scrollbarThumb.className = 'ai-carousel-custom-scrollbar-thumb';
    scrollbarTrack.appendChild(scrollbarThumb);
    carouselContainer.parentNode.insertBefore(scrollbarTrack, carouselContainer.nextSibling);
    
    function updateScrollbar() {
      const scrollLeft = carouselContainer.scrollLeft;
      const scrollWidth = carouselContainer.scrollWidth;
      const clientWidth = carouselContainer.clientWidth;
      if (scrollWidth <= clientWidth) { scrollbarTrack.style.display = 'none'; return; }
      scrollbarTrack.style.display = 'block';
      const thumbWidth = (clientWidth / scrollWidth) * scrollbarTrack.clientWidth;
      const thumbLeft = (scrollLeft / scrollWidth) * scrollbarTrack.clientWidth;
      scrollbarThumb.style.width = Math.max(thumbWidth, 20) + 'px';
      scrollbarThumb.style.left = thumbLeft + 'px';
    }
    
    carouselContainer.addEventListener('scroll', updateScrollbar);
    window.addEventListener('resize', updateScrollbar);
    
    let isDragging = false;
    scrollbarThumb.addEventListener('mousedown', function(e) { isDragging = true; e.preventDefault(); });
    document.addEventListener('mousemove', function(e) {
      if (!isDragging) return;
      const rect = scrollbarTrack.getBoundingClientRect();
      const trackWidth = scrollbarTrack.clientWidth;
      const thumbWidth = scrollbarThumb.clientWidth;
      const maxThumbLeft = trackWidth - thumbWidth;
      let thumbLeft = e.clientX - rect.left - (thumbWidth / 2);
      thumbLeft = Math.max(0, Math.min(thumbLeft, maxThumbLeft));
      const scrollPercentage = thumbLeft / maxThumbLeft;
      const scrollWidth = carouselContainer.scrollWidth;
      const clientWidth = carouselContainer.clientWidth;
      carouselContainer.scrollLeft = scrollPercentage * (scrollWidth - clientWidth);
    });
    document.addEventListener('mouseup', function() { isDragging = false; });
    updateScrollbar();
  }
  
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initCustomScrollbar);
  } else {
    initCustomScrollbar();
  }
})();
</script>

/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {
  .ai-product-meta-item-aru9hd1lmu3b5cxdzbnewproductblockrlh4cf{
font-size:9px!important;
padding:3px;
word-break:unset;
}

.ai-product-meta-item-ac2c2dulentnhrjdvnnewproductblock3gaqyu{
padding:3px;
font-size:9px;
word-break:unset;
}

.ai-product-meta-item-argvovdffu0m3vtkxanewproductblockgykx37{
padding:3px;
font-size:9px;
word-break:unset;

}
}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {
  .t4s-toolbart-search.t4s-toolbar-item{
display:none;
}
}

/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  
}

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){
  .t4s-site-nav__icons.t4s-use__kalles.is--hover2.t4s-h-cart__design1.t4s-lh-1.t4s-d-inline-flex.t4s-align-items-center{
display:none!important;
}

/* Collection Featured Slider - Force 2 columns on mobile */
@media (max-width: 767px) {
  #shopify-section-template--19264059015258__collection_feat_slider_DtQL4j .ai-product-carousel__grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
  }
  
  #shopify-section-template--19264059015258__collection_feat_slider_DtQL4j .ai-product-card-template--19264059015258collectionfeatsliderdtql4j {
    width: auto !important;
    min-width: 0 !important;
  }
}

.ai-product-meta-grid-template--19264059015258collectionfeatsliderdtql4j{
    grid-template-columns: 1fr;
}

/* Mobile Menu - Collection Image List 3-column grid */
.t4s-mb-nav .t4s-catpr-list {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
}

.t4s-mb-nav .t4s-catpr-item {
  width: 100% !important;
  min-width: 0 !important;
}

/* Mobile Menu - Mb cat Carousel 3-column grid */
.t4s-mb-nav .t4s-mb-col-carousel {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
}

.t4s-mb-nav .t4s-mb-col-carousel-item {
  width: 100% !important;
  min-width: 0 !important;
}
}