.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-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-wc-archive-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-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-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-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-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-wc-archive-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-wc-archive-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-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-230 .elementor-element.elementor-element-7505602 > .elementor-widget-container{padding:80px 0px 80px 0px;}.elementor-230 .elementor-element.elementor-element-7505602.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-230 .elementor-element.elementor-element-7505602.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-230 .elementor-element.elementor-element-7505602.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-230 .elementor-element.elementor-element-7505602.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-7505602 *//* ==========================================================
   BabyLux Official — Product Archive Grid CSS (v5, GLOBAL)
   Same v4 design, but with the .blx-products wrapper
   requirement removed. Applies to every WooCommerce product
   grid on the site automatically — main shop, related
   products, cross-sells, sale widgets — no matter which
   Elementor widget renders it, so nothing falls back to
   theme-default styling again.

   Kept from Spice House (useful, theme-neutral structure):
   - Explicit responsive grid-template-columns: 4 → 3 → 2
     (your old v3.1 had no column count set, so it depended
     entirely on the Elementor widget's own "Columns" setting)
   - Hiding the variation <select> dropdowns on archive cards
   - Tablet (≤1024px) and mobile (≤767px) breakpoints

   Kept from your v3.1 (confirmed live markup — unchanged):
   - a.woocommerce-loop-product__link / li.product structure
   - Real YITH wishlist markup: a.yith-wcwl-add-to-wishlist-button
     > svg.yith-wcwl-icon (not the fake ♡ character Spice House
     used — your site has a real wishlist plugin, so we keep
     using its real icon instead of faking one)
   - The bottom:4px View Cart fix
   - Rounded 24px card, pill add-to-cart button, Bodoni Moda price

   NOT carried over from Spice House (not confirmed on your
   site, so not safe to guess at):
   - Quick View button (needs a quick-view plugin's real class —
     tell me which plugin, if any, and I'll wire it up for real)
   - Compare button hiding (no compare plugin confirmed active)
========================================================== */

@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');

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

/* ---- Grid: explicit responsive column counts (new vs v3.1) ---- */
ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
@media (min-width: 768px) {
  ul.products { gap: 24px !important; }
}

/* ---- Card ---- */
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;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
ul.products li.product:hover {
  z-index: 3;
  transform: translateY(-3px);
  box-shadow: 0 20px 48px -20px rgba(60,36,21,0.28);
}
ul.products li.product::before,
ul.products li.product::after {
  display: none !important;
}

ul.products li.product a.woocommerce-loop-product__link {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  text-decoration: none;
  color: var(--brown);
  position: relative;
}

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;
}
ul.products li.product:hover img {
  transform: scale(1.08);
}

/* sale badge — brand pill, not Spice House's red circle */
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: 8 !important;
}

/* ---- Wishlist: your real YITH markup, brand-colored ---- */
li.product div.yith-wcwl-add-to-wishlist {
  display: contents !important;
}
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: 10 !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 8px 18px rgba(60,36,21,0.14) !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;
}
li.product a.yith-wcwl-add-to-wishlist-button:hover {
  background: var(--brown) !important;
}
li.product a.yith-wcwl-add-to-wishlist-button:hover svg.yith-wcwl-icon {
  color: var(--cream) !important;
  stroke: var(--cream) !important;
}

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;
}

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;
  stroke: var(--brown) !important;
  fill: none !important;
  flex-shrink: 0 !important;
  transition: color 0.22s ease, stroke 0.22s ease;
}

li.product .yith-wcwl-wishlistexistsbrowse svg.yith-wcwl-icon,
li.product .yith-wcwl-wishlistaddedbrowse svg.yith-wcwl-icon {
  fill: var(--brown) !important;
  color: var(--brown) !important;
}

/* ---- Title ---- */
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;
}
ul.products li.product:hover .woocommerce-loop-product__title {
  color: var(--brown-light) !important;
}

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

/* ---- Price ---- */
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: auto 0 0 !important;
  min-height: 64px;
  font-family: 'Bodoni Moda', serif !important;
  white-space: nowrap !important;
}
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;
}
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;
}
ul.products li.product .price .woocommerce-Price-amount { color: inherit !important; }

/* ---- Add to cart: brand pill, absolutely positioned ---- */
ul.products li.product a.add_to_cart_button,
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;
  border: none !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;
  box-shadow: none !important;
  white-space: nowrap !important;
  transition: background 0.25s ease;
  z-index: 2;
}
ul.products li.product a.add_to_cart_button:hover,
ul.products li.product a.button:hover {
  background: var(--brown-light) !important;
  color: var(--cream) !important;
}

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;
}

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

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

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

/* ---- Hide variation dropdowns on archive cards (from Spice House) ---- */
li.product .variations,
li.product form.variations_form,
li.product .variations select {
  display: none !important;
}

/* ==============================================================
   Tablet — 3 columns (new: v3.1 had no explicit breakpoint here)
   ============================================================== */
@media (max-width: 1024px) {
  ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* ==============================================================
   Mobile — 2 columns
   ============================================================== */
@media (max-width: 767px) {
  ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  ul.products li.product .woocommerce-loop-product__title {
    font-size: 11px !important;
  }

  ul.products li.product .price {
    padding-right: 16px !important;
  }
  ul.products li.product .price ins {
    font-size: 16px !important;
  }

  ul.products li.product a.add_to_cart_button,
  ul.products li.product a.button {
    position: static !important;
    width: calc(100% - 24px) !important;
    margin: 0 12px 14px !important;
    height: 36px;
  }
  ul.products li.product .price {
    padding-bottom: 8px !important;
    min-height: auto;
  }
  ul.products li.product a.added_to_cart {
    position: static !important;
    display: block !important;
    margin: 0 12px 12px !important;
    text-align: center;
  }

  li.product a.yith-wcwl-add-to-wishlist-button {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    top: 8px !important;
    right: 8px !important;
  }
  li.product svg.yith-wcwl-icon {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
  }

  span.onsale {
    top: 8px !important;
    left: 8px !important;
    padding: 4px 9px !important;
    font-size: 9px !important;
  }
}/* End custom CSS */