/** Shopify CDN: Minification failed

Line 355:2 Comments in CSS use "/* ... */" instead of "//"
Line 364:0 Unexpected "<"

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/
/* Testimonials Slider - Product Image Styling */
.testimonials-slider .testimonial-item,
.ai_gen_block_4beea37_wrdTr6 .testimonial-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}

/* Product thumbnail image styling */
.testimonial-item::before {
  content: '';
  display: block;
  width: 70px;
  height: 70px;
  min-width: 70px;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}

/* First testimonial product image */
.ai_gen_block_4beea37_wrdTr6 .testimonial-item:first-child::before {
  background-image: url('/cdn/shop/files/WhatsApp_Image_2026-02-18_at_5.52.44_AM.jpg?v=1771656747');
  background-size: cover;
  background-position: center;
}

/* Testimonial content wrapper */
.testimonial-item .testimonial-content {
  flex: 1;
  width: 100%;
}

/* Add social icons to footer Contact Us section */
.footer-col-0::after {
  content: '';
  display: block;
  margin-top: 15px;
}

.footer-col-0 .social-icons {
  display: flex;
  gap: 15px;
  margin-top: 15px;
}

.footer-col-0 .social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #222222;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 18px;
}

.footer-col-0 .social-icons a:hover {
  background-color: #56cfe1;
  color: #222222;
}

/* ===== MOVE QUICK VIEW AND ADD TO CART BUTTONS BELOW PRODUCT CARD ===== */

/* Target product item containers */
.product-item,
.product-card,
[class*="product-item"],
[class*="product-card"] {
  display: flex;
  flex-direction: column;
  position: relative;
}

/* Hide all overlay buttons on the image */
.product-item .product-image-wrapper .btn-quickview,
.product-item .product-image-wrapper .btn-addtocart,
.product-item .product-image-wrapper .quick-view,
.product-item .product-image-wrapper .add-to-cart,
.product-item .product-image-wrapper .product-buttons,
.product-item .product-image-wrapper .product-actions,
.product-item .product-image-wrapper [class*="btn-quick"],
.product-item .product-image-wrapper [class*="btn-add"],
.product-item .product-image-wrapper .overlay-buttons,
.product-item .product-image-wrapper .side-buttons {
  display: none !important;
}

/* Hide pseudo-element overlays */
.product-item .product-image-wrapper::before,
.product-item .product-image-wrapper::after {
  display: none !important;
}

/* Hide image overlay containers */
.product-item .product-image-overlay,
.product-item .image-overlay,
.product-item .overlay {
  display: none !important;
}

/* Position product image at top */
.product-item .product-image-wrapper,
.product-item .product-image,
.product-item .image-container {
  order: 1;
  width: 100%;
  position: relative;
  margin-bottom: 0;
}

/* Position product info in middle */
.product-item .product-info,
.product-item .product-details,
.product-item .product-title,
.product-item .product-meta {
  order: 2;
  width: 100%;
}

/* Position buttons at bottom - below product card */
.product-item .product-buttons,
.product-item .product-actions,
.product-item .btn-group,
.product-item .action-buttons,
.product-item [class*="product-button"],
.product-item [class*="product-action"] {
  order: 3 !important;
  position: static !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  padding: 12px 0 0 0;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  width: 100%;
  border: none !important;
  box-shadow: none !important;
}

/* Style quick view button */
.product-item .btn-quickview,
.product-item .quick-view,
.product-item [class*="quick-view"],
.product-item .product-buttons .btn-quickview,
.product-item .product-actions .btn-quickview {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  background-color: #222222 !important;
  color: #ffffff !important;
  border: none !important;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  font-size: 16px;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.product-item .btn-quickview:hover,
.product-item .quick-view:hover,
.product-item [class*="quick-view"]:hover {
  background-color: #56cfe1 !important;
  color: #222222 !important;
  transform: scale(1.1);
}

/* Style add to cart button */
.product-item .btn-addtocart,
.product-item .add-to-cart,
.product-item [class*="add-to-cart"],
.product-item .product-buttons .btn-addtocart,
.product-item .product-actions .btn-addtocart {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  background-color: #222222 !important;
  color: #ffffff !important;
  border: none !important;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  font-size: 16px;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.product-item .btn-addtocart:hover,
.product-item .add-to-cart:hover,
.product-item [class*="add-to-cart"]:hover {
  background-color: #56cfe1 !important;
  color: #222222 !important;
  transform: scale(1.1);
}

/* Ensure product image has no overlay positioning */
.product-item .product-image img {
  display: block;
  width: 100%;
  height: auto;
}

/* Remove any absolute/fixed positioning from buttons */
.product-item button[class*="quick"],
.product-item button[class*="add"],
.product-item a[class*="quick"],
.product-item a[class*="add"] {
  position: static !important;
}

/* Ensure buttons are visible and not hidden */
.product-item .product-buttons button,
.product-item .product-buttons a,
.product-item .product-actions button,
.product-item .product-actions a {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {
  <script>
(function() {
  'use strict';
  
  class CategoriesCarousel {
    constructor(sectionId) {
      this.sectionId = sectionId;
      this.section = document.querySelector('.' + sectionId);
      if (!this.section) return;
      
      this.currentIndex = 0;
      this.autoPlayInterval = null;
      this.autoPlayDelay = 5000;
      this.isAutoPlaying = true;
      this.itemsPerView = this.getItemsPerView();
      this.totalItems = this.getTotalItems();
      
      this.init();
    }
    
    init() {
      this.createCarouselControls();
      this.attachEventListeners();
      this.startAutoPlay();
      this.updateCarousel();
      window.addEventListener('resize', () => this.handleResize());
    }
    
    getTotalItems() {
      return this.section.querySelectorAll('.t4s-col').length;
    }
    
    getItemsPerView() {
      const width = window.innerWidth;
      if (width <= 480) return 1;
      if (width <= 768) return 2;
      if (width <= 1024) return 3;
      return 4;
    }
    
    createCarouselControls() {
      const controlsHTML = `
        <div class="carousel-controls">
          <button class="carousel-btn prev-btn" aria-label="Previous">❮</button>
          <button class="carousel-btn next-btn" aria-label="Next">❯</button>
        </div>
      `;
      this.section.insertAdjacentHTML('beforeend', controlsHTML);
    }
    
    attachEventListeners() {
      const prevBtn = this.section.querySelector('.prev-btn');
      const nextBtn = this.section.querySelector('.next-btn');
      
      if (prevBtn) prevBtn.addEventListener('click', () => this.prevSlide());
      if (nextBtn) nextBtn.addEventListener('click', () => this.nextSlide());
    }
    
    prevSlide() {
      this.currentIndex = (this.currentIndex - 1 + this.totalItems) % this.totalItems;
      this.updateCarousel();
    }
    
    nextSlide() {
      this.currentIndex = (this.currentIndex + 1) % this.totalItems;
      this.updateCarousel();
    }
    
    updateCarousel() {
      const offset = -this.currentIndex * (100 / this.itemsPerView);
      const carousel = this.section.querySelector('.carousel-inner');
      if (carousel) {
        carousel.style.transform = `translateX(${offset}%)`;
      }
    }
    
    startAutoPlay() {
      this.autoPlayInterval = setInterval(() => {
        if (this.isAutoPlaying) {
          this.nextSlide();
        }
      }, this.autoPlayDelay);
    }
    
    handleResize() {
      this.itemsPerView = this.getItemsPerView();
      this.updateCarousel();
    }
  }
  
  // Initialize carousel when DOM is ready
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', () => {
      new CategoriesCarousel('categories-carousel');
    });
  } else {
    new CategoriesCarousel('categories-carousel');
  }
})();
</script>

/* Add social icons to footer Contact Us section */
.footer-col-0::after {
  content: '';
  display: block;
  margin-top: 15px;
}

.footer-col-0 .social-icons {
  display: flex;
  gap: 15px;
  margin-top: 15px;
}

.footer-col-0 .social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #222222;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 18px;
}

.footer-col-0 .social-icons a:hover {
  background-color: #56cfe1;
  color: #222222;
}
}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {
  
}

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

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){
  /* Add social icons to footer Contact Us section */
.footer-col-0::after {
  content: '';
  display: block;
  margin-top: 15px;
}

.footer-col-0 .social-icons {
  display: flex;
  gap: 15px;
  margin-top: 15px;
}

.footer-col-0 .social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #222222;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 18px;
}

.footer-col-0 .social-icons a:hover {
  background-color: #56cfe1;
  color: #222222;
}
}