/* Product Name & Price - centered, transparent, no backgrounds */
.product-card .product-title,
.product-card .product-price,
 {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0.1em 0 !important;
  margin: 0.6em 0 0.25em 0 !important;
  text-align: center !important;
  color: #422a18 !important;
  font-weight: 700;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: column !important;
}

/* Add custom CSS styles below */ 
/* Remove banner arrows */
.s-slider-arrow,
.s-slider-prev,
.s-slider-next,
.swiper-button-prev,
.swiper-button-next {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ===========================
   PART 01: QUICK LINKS CARDS
=======================-=======*/

/* Quick Links Glass Card */
a.slide--cat-entry {
  background: rgba(255,255,255,0.76) !important;
  border-radius: 1.3rem !important;
  box-shadow: 0 4px 18px 0 rgba(68,42,24,0.10);
  border: 1.5px solid rgba(227,246,245,0.22) !important;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  transition: box-shadow .23s, background .23s;
  padding: 1.1rem 0 1.2rem 0 !important;
  margin: 0 7px !important;
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  justify-content: center !important;
}

/* Hide Quick Link Icons, center text */
a.slide--cat-entry svg,
a.slide--cat-entry i,
a.slide--cat-entry .icon {
  display: none !important;
}
a.slide--cat-entry * {
  color: #422a18 !important;
  font-weight: 700;
  font-size: 1.08rem;
  text-align: center !important;
  width: 100%;
  display: block;
}

/* Hover Effect */
a.slide--cat-entry:hover {
  background: rgba(255,255,255,0.95) !important;
  box-shadow: 0 8px 32px 0 rgba(68,42,24,0.15);
}

/* Remove banner shadow overlay */

.overlay-bg::after,
.overlay-bg::before {
    display: none !important;
    opacity: 0 !important;
    background: none !important;
}

/* =============================
   PART 02: PRODUCT CARDS GLASS
===============================*/

/* Main Product Card Glass */
.s-product-card-entry,
.product-card,
div[class*="product-card"] {
  background: rgba(255,255,255,0.74) !important;
  border-radius: 1.3rem !important;
  box-shadow: 0 4px 18px 0 rgba(68,42,24,0.11);
  border: 1.2px solid rgba(189,237,232,0.13) !important;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  transition: box-shadow .21s, background .21s;
}

/* Remove inner div backgrounds for FULLY glass effect */
.s-product-card-entry > div,
.product-card > div,
div[class*="product-card"] > div {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Product Image: clean, no bg, rounded corners */
.s-product-card-entry img,
.product-card img,
div[class*="product-card"] img {
  width: 100% !important;
  max-width: 220px;
  height: 170px !important;
  max-height: 170px;
  object-fit: cover !important;
  border-radius: 1.1rem 1.1rem 0 0 !important;
  display: block;
  margin: 0 auto;
  background: transparent !important;
}
.s-product-card-entry .card-img-top,
.product-card .card-img-top,
div[class*="product-card"] .card-img-top,
.s-product-card-entry .product-card-img,
.product-card .product-card-img,
div[class*="product-card"] .product-card-img {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Remove ALL wishlist/fav overlays */
.s-wishlist-btn,
.s-product-card-entry .s-wishlist-btn,
.product-card .s-wishlist-btn,
.product-card .wishlist,
.s-product-card-entry .wishlist,
div[class*="product-card"] .wishlist,
div[class*="product-card"] [class*="wishlist"],
.s-product-card-entry [class*="wishlist"] {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Product Name & Price - centered, transparent, no backgrounds */
.s-product-card-content-main,
.s-product-card-content-sub,
.product-card .product-title,
.product-card .product-price,
div[class*="product-card"] .product-title,
div[class*="product-card"] .product-price {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0.1em 0 !important;
  margin: 0.6em 0 0.25em 0 !important;
  text-align: center !important;
  color: #422a18 !important;
  font-weight: 700;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: column !important;
}

/* Product Button: gradient glass, bolder, modern */
.s-product-card-entry button,
.product-card button,
div[class*="product-card"] button {
  background: linear-gradient(90deg, rgba(182,237,231,0.78) 0%, rgba(255,255,255,0.65) 100%) !important;
  color: #422a18 !important;
  border: none !important;
  border-radius: 2.2rem !important;
  box-shadow: 0 4px 14px 0 rgba(56,188,155,0.08);
  font-weight: 700;
  font-size: 1.08rem !important;
  padding: 0.6em 2.1em !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  transition: background 0.13s;
  display: block;
  margin: 0.9em auto 0.7em auto;
}
.s-product-card-entry button:hover,
.product-card button:hover,
div[class*="product-card"] button:hover {
  background: linear-gradient(90deg, #95e5d4 0%, #ffe7b0 100%) !important;
  color: #331f10 !important;
}

/*-------   ---*/

/* resposive full width product image */

.s-product-card-entry img,
.product-card img,
div[class*="product-card"] img {
  width: 100% !important;
  height: 170px !important;
  max-width: 100% !important;
  max-height: 170px !important;
  min-width: 0 !important;
  object-fit: cover !important;
  border-radius: 1.1rem 1.1rem 0 0 !important;
  display: block;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.s-product-card-image {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Responsive adjustment for mobile screens */
@media (max-width: 500px) {
  .s-product-card-entry img,
  .product-card img,
  div[class*="product-card"] img {
    height: 180px !important;
    max-height: 180px !important;
  }
}

/* side menue */

.mm-spn--open li:nth-child(odd) a.text-gray-500 {
  background: #fff !important;
}
/*
.mm-spn--open li:nth-child(even) a.text-gray-500 {
  background: linear-gradient(90deg, #ffffff 0%, #e3fdf5 100%) !important;
  /* Example cool mint: #e3fdf5, or try #b8f6e7 for a bit more color */
}

/* Optional: extra touches for all */
.mm-spn--open li a.text-gray-500 {
  border-radius: 12px;
  margin: 4px 0;
  padding: 0.9em 1.2em;
  display: block;
  transition: background 0.2s;
  font-weight: 600;
  font-size: 1.06em;
  color: #422a18 !important;
}

/* dividers for side menue*/

.mm-spn--open li:not(:last-child) a.text-gray-500 {
  border-bottom: 1px solid #e5e5e5;
  margin-left: 8px;
  margin-right: 8px;
}



/*floating whatsapp button */

#whatsapp-float-btn {
  position: fixed;
  left: 24px; /* or right: 24px; for bottom right */
  bottom: 32px;
  z-index: 99999;
  background: transparent;
  border-radius: 50%;
  width: 74px;
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 18px rgba(44,62,80,0.16);
  text-decoration: none;
  transition: background 0.2s, transform 0.1s;
  cursor: pointer;
  border: none;
  padding: 0;
}
#whatsapp-float-btn:hover {
  background: #1ebe57;
  transform: scale(1.08);
}
#whatsapp-float-btn svg {
  width: 60px;
  height: 60px;
  display: block;
}
@media (max-width: 700px) {
  #whatsapp-float-btn {
    width: 64px;
    height: 64px;
    left: 24px;
    bottom: 24px;
  }
  #whatsapp-float-btn svg {
    width: 64px;
    height: 64px;
  }
}