.elementor-6 .elementor-element.elementor-element-a922346{margin-top:40px;margin-bottom:0px;}.elementor-6 .elementor-element.elementor-element-5f238c0{margin-top:30px;margin-bottom:30px;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6 .elementor-element.elementor-element-3290107.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-6 .elementor-element.elementor-element-3290107.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-6 .elementor-element.elementor-element-ade09a2{margin-top:70px;margin-bottom:0px;}.elementor-6 .elementor-element.elementor-element-697cf84{margin-top:70px;margin-bottom:0px;}@media(max-width:1024px){.elementor-6 .elementor-element.elementor-element-3290107.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-3290107.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-3290107 *//* ==========================================================
   BabyLux Official — Product Grid Custom CSS (v3.2)
   Matches confirmed live markup:
   - li.product > a.woocommerce-loop-product__link (img, h2, .price)
   - a.button.add_to_cart_button (sibling, after the link)
   - div.yith-wcwl-add-to-wishlist > a.yith-wcwl-add-to-wishlist-button
       > svg.yith-wcwl-icon.yith-wcwl-icon-svg + span label

   v3.1 FIX (kept): the "View Cart" link (a.added_to_cart) was
   positioned at bottom:-20px, which placed it OUTSIDE the card.
   Since li.product has overflow:hidden (needed for the rounded
   corners), it was being clipped and never appeared after adding
   an item. Moved it to bottom:4px, which sits in the existing
   empty gap below the Add to Cart button.

   v3.2 CHANGE (only change vs v3.1): mobile-only tightening.
   Added a max-width: 600px block that (a) reduces the grid gap
   between product cards and (b) reduces the left/right inner
   padding on title and price so cards feel less roomy on small
   screens. Tablet/desktop are untouched — every existing rule
   above the new block is unchanged.
========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;0,6..96,600;1,6..96,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

.blx-products {
  --brown: #3C2415;
  --brown-light: #5C3D2E;
  --cream: #F5F1E8;
  --taupe: #A68A64;
  --sand: #E8DCC6;
}

.blx-products ul.products {
  display: grid !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
@media (min-width: 768px) {
  .blx-products ul.products { gap: 24px !important; }
}

.blx-products ul.products li.product {
  background: #fff;
  border: 1px solid rgba(60,36,21,0.06);
  border-radius: 24px;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  position: relative !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.blx-products ul.products li.product:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 48px -20px rgba(60,36,21,0.28);
}
.blx-products ul.products li.product::before,
.blx-products ul.products li.product::after {
  display: none !important;
}

.blx-products ul.products li.product a.woocommerce-loop-product__link {
  display: block;
  text-decoration: none;
  color: var(--brown);
  position: relative;
}

.blx-products ul.products li.product img {
  width: 100% !important;
  aspect-ratio: 1 / 1.05;
  object-fit: cover !important;
  display: block;
  background: var(--cream);
  transition: transform 0.5s ease;
}
.blx-products ul.products li.product:hover img {
  transform: scale(1.08);
}

/* sale badge */
.blx-products span.onsale {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--brown) !important;
  color: var(--cream) !important;
  border-radius: 999px !important;
  padding: 5px 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  margin: 0 !important;
  z-index: 3 !important;
}

/* ---- Wishlist: confirmed real markup ---- */
.blx-products li.product div.yith-wcwl-add-to-wishlist {
  display: contents !important;
}

.blx-products li.product a.yith-wcwl-add-to-wishlist-button {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(60,36,21,0.18) !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  overflow: visible !important;
}
.blx-products li.product a.yith-wcwl-add-to-wishlist-button:hover {
  background: var(--cream) !important;
}

/* hide the text label — icon only */
.blx-products li.product .yith-wcwl-add-to-wishlist-button__label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
}

/* the SVG itself — force explicit pixel size since it has no width/height attrs */
.blx-products li.product svg.yith-wcwl-icon {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  color: var(--brown) !important;   /* drives stroke="currentColor" */
  stroke: var(--brown) !important;
  fill: none !important;
  flex-shrink: 0 !important;
}

/* filled state once product is on the wishlist */
.blx-products li.product .yith-wcwl-wishlistexistsbrowse svg.yith-wcwl-icon,
.blx-products li.product .yith-wcwl-wishlistaddedbrowse svg.yith-wcwl-icon {
  fill: var(--brown) !important;
  color: var(--brown) !important;
}

/* ---- title ---- */
.blx-products ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  color: var(--brown) !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 36px;
  padding: 16px 16px 0 !important;
  margin: 0 !important;
}

/* ---- star rating ---- */
.blx-products ul.products li.product .star-rating {
  margin: 8px 16px 0 !important;
  font-size: 13px !important;
}
.blx-products ul.products li.product .star-rating::before {
  color: rgba(60,36,21,0.15) !important;
}
.blx-products ul.products li.product .star-rating span::before {
  color: var(--taupe) !important;
}

/* ---- price row: reserve wider space on the right so long
   prices (e.g. Rs1,349.00) never push the button to a new line ---- */
.blx-products ul.products li.product .price {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 2px !important;
  padding: 8px 120px 20px 16px !important;
  margin: 0 !important;
  min-height: 64px;
  font-family: 'Bodoni Moda', serif !important;
  white-space: nowrap !important;
}
.blx-products ul.products li.product .price ins {
  text-decoration: none !important;
  font-size: 17px !important;
  color: var(--brown) !important;
  font-weight: 500;
  order: 1;
  white-space: nowrap !important;
}
.blx-products ul.products li.product .price del {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 11px !important;
  opacity: 0.5;
  color: var(--brown) !important;
  order: 2;
  white-space: nowrap !important;
}
.blx-products ul.products li.product .price .woocommerce-Price-amount {
  color: inherit !important;
}

/* ---- add to cart: absolutely positioned so it can never be
   pushed to a new line by price text wrapping ---- */
.blx-products ul.products li.product a.add_to_cart_button,
.blx-products ul.products li.product a.button {
  position: absolute !important;
  right: 16px !important;
  bottom: 22px !important;
  left: auto !important;
  top: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  height: 34px;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: var(--brown) !important;
  color: var(--cream) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em;
  text-transform: none !important;
  border: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  transition: background 0.25s ease;
  z-index: 2;
}
.blx-products ul.products li.product a.add_to_cart_button:hover,
.blx-products ul.products li.product a.button:hover {
  background: var(--brown-light) !important;
  color: var(--cream) !important;
}

/* FIX: was bottom:-20px (outside the card, clipped by
   li.product's overflow:hidden). Now sits inside the existing
   gap below the Add to Cart button so it's actually visible. */
.blx-products ul.products li.product a.added_to_cart {
  position: absolute !important;
  right: 16px !important;
  bottom: 4px !important;
  display: inline-flex !important;
  margin: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 10px !important;
  color: var(--brown-light) !important;
  text-decoration: underline !important;
  z-index: 2 !important;
}

.blx-products ul.products li.product a.add_to_cart_button.loading::after {
  border-color: var(--cream) !important;
  border-top-color: transparent !important;
}

.blx-products ul.products li.product.outofstock .woocommerce-loop-product__link {
  opacity: 0.6;
}

.blx-products ul.products li.product a:focus-visible {
  outline: 2px solid var(--brown-light);
  outline-offset: 2px;
}

@media (max-width: 480px) {
  .blx-products ul.products li.product .woocommerce-loop-product__title {
    font-size: 11px !important;
  }
  .blx-products ul.products li.product .price ins {
    font-size: 16px !important;
  }
}

/* ==========================================================
   v3.2 — MOBILE-ONLY tightening
   Only affects screens ≤ 600px. Tablet/desktop rules above
   (gap: 24px at min-width:768px, all padding, etc.) are
   untouched and still win at larger sizes because this block
   is scoped to max-width: 600px.
========================================================== */
@media (max-width: 600px) {
  /* smaller gap between grid columns/rows */
  .blx-products ul.products {
    gap: 10px !important;
  }

  /* tighter left/right padding on title */
  .blx-products ul.products li.product .woocommerce-loop-product__title {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* tighter left/right padding on price row — right side kept
     wide enough to clear the Add to Cart button, just less than
     the 120px used on larger screens */
  .blx-products ul.products li.product .price {
    padding-left: 10px !important;
    padding-right: 90px !important;
  }

  /* wishlist + add-to-cart buttons pulled in to match the
     tighter card padding */
  .blx-products li.product a.yith-wcwl-add-to-wishlist-button {
    top: 8px !important;
    right: 8px !important;
  }
  .blx-products span.onsale {
    top: 8px !important;
    left: 8px !important;
  }
  .blx-products ul.products li.product a.add_to_cart_button,
  .blx-products ul.products li.product a.button {
    right: 10px !important;
  }
  .blx-products ul.products li.product a.added_to_cart {
    right: 10px !important;
  }
}/* End custom CSS */