/* Surekha category/home product-card CSS chunk. Loaded conditionally from functions.php. */

/* ============================================================
 * SUREKHA — KYARI LOOP ITEM CARD  (Elementor Loop Grid version)
 * Append to child theme style.css.
 * Card internals only — Elementor Loop Grid handles columns/gaps.
 * Apply class "sa-cat-card" to the Loop Item's outer Container.
 * ============================================================ */
:root{
  --sa-teal:#CFE8E6;        --sa-teal-ink:#15514c;
  --sa-amber:#F4C84A;       --sa-amber-ink:#5c4708;
  --sa-hero-flood:#1F4128;   /* forest-green hero/flood card */
}

/* ---------- CARD SHELL (the Loop Item container) ---------- */
.sa-cat-card{
  background:#fff;border-radius:16px;overflow:hidden;position:relative;
  display:flex;flex-direction:column;height:100%;
  box-shadow:var(--sa-shadow);transition:box-shadow .28s,transform .28s;
}
.sa-cat-card:hover{box-shadow:var(--sa-shadow-hover);transform:translateY(-4px)}

/* ---------- FEATURED IMAGE — edge to edge ---------- */
.sa-cat-card .elementor-widget-theme-post-featured-image,
.sa-cat-card .elementor-widget-woocommerce-product-images{
  position:relative;margin:0;
}
.sa-cat-card .elementor-widget-theme-post-featured-image img,
.sa-cat-card .elementor-widget-woocommerce-product-images img{
  width:100%;aspect-ratio:1/1;object-fit:cover;display:block;transition:transform .5s;
}
.sa-cat-card:hover .elementor-widget-theme-post-featured-image img{transform:scale(1.05)}

/* ---------- INFO-STRIP (the [sa_cat_strip] shortcode widget) ---------- */
/* Pull the strip up so it overlaps the bottom of the image */
.sa-cat-card .elementor-widget-shortcode{margin:0;position:relative;z-index:2;margin-top:-38px}
.sa-cat-card__strip{
  display:flex;align-items:center;gap:7px;padding:9px 14px;
  font-size:13px;font-weight:600;font-family:'Inter',sans-serif;
}
.sa-cat-card__strip--deal{background:var(--sa-teal);color:var(--sa-teal-ink)}
.sa-cat-card__strip--urgent{background:var(--sa-amber);color:var(--sa-amber-ink)}
.sa-cat-card__strip-ico{font-size:13px;line-height:1}

/* ---------- BODY widgets get padding via a wrapper later;
   for now pad the text widgets directly ---------- */
.sa-cat-card .elementor-widget-woocommerce-product-title{margin:13px 14px 8px}
.sa-cat-card .elementor-widget-woocommerce-product-title h1,
.sa-cat-card .elementor-widget-woocommerce-product-title h2,
.sa-cat-card .elementor-widget-woocommerce-product-title a{
  font-family:'Fraunces',serif !important;font-size:15.5px !important;font-weight:600 !important;
  color:var(--sa-text) !important;line-height:1.25 !important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:38px;margin:0;
}
.sa-cat-card .elementor-widget-woocommerce-product-title a:hover{color:var(--sa-green) !important}

/* price */
.sa-cat-card .elementor-widget-woocommerce-product-price{margin:0 14px 10px}
.sa-cat-card .elementor-widget-woocommerce-product-price .price{
  font-size:18px !important;font-weight:700;color:var(--sa-text);
}
.sa-cat-card .elementor-widget-woocommerce-product-price del{
  font-size:13px;color:var(--sa-sale);opacity:.8;font-weight:500;margin-left:6px;
}
.sa-cat-card .elementor-widget-woocommerce-product-price ins{text-decoration:none;font-weight:700}

/* add to cart → green pill */
.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart{margin:auto 14px 14px;padding-top:4px}
.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart .button,
.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart a.button{
  width:100%;background:var(--sa-green-dark) !important;color:#fff !important;border:none !important;
  padding:13px !important;border-radius:30px !important;font-family:'Inter',sans-serif !important;
  font-size:14px !important;font-weight:700 !important;text-align:center;transition:background .2s;
}
.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart .button:hover{background:#163019 !important}

/* ---------- RATING (added later) ---------- */
.sa-cat-card .elementor-widget-woocommerce-product-rating{margin:13px 14px 0}

/* ---------- BENEFIT TAG-PILLS (added later via shortcode) ---------- */
.sa-cat-card__tags{display:flex;gap:7px;flex-wrap:wrap;margin:0 14px 12px}
.sa-cat-card__tag{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;
  padding:5px 10px;border-radius:20px;background:#eef1ea;color:#3a4a40}
.sa-cat-card__tag--air-purifying{background:#dbeee0;color:#2c6b41}
.sa-cat-card__tag--perfect-gift{background:#f3e1d6;color:#9a5a32}
.sa-cat-card__tag--vastu-approved{background:#e3ecd9;color:#5a6b32}
.sa-cat-card__tag--pet-safe,.sa-cat-card__tag--pet-friendly{background:#e7e2f0;color:#5c4c84}
.sa-cat-card__tag--low-maintenance,.sa-cat-card__tag--beginner-friendly{background:#fbe9cf;color:#8a6a12}
.sa-cat-card__tag--lucky{background:#dcefe0;color:#2c6b41}
.sa-cat-card__tag--flowering{background:#f7dde6;color:#9a4060}

/* ---------- FLOODED HERO CARD (first card in the grid) ----------
   Auto-applies to the first Loop Item via :first-of-type. The loop
   container's first child is a <style> tag, so :first-child would miss;
   :first-of-type targets the first .e-loop-item div. No class needed,
   and it survives AJAX filtering/pagination.
   Card bg = var(--sa-hero-flood) (forest green); button = white w/ brick text.
   Added 2026-05-29. Rollback: delete this whole block + revert Edit 1. */
.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card{
  background: var(--sa-hero-flood) !important;
}
/* Title + sale price → white */
.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .elementor-widget-woocommerce-product-title a,
.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .elementor-widget-woocommerce-product-price .price,
.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .elementor-widget-woocommerce-product-price ins,
.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .elementor-widget-woocommerce-product-price ins .amount,
.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .elementor-widget-woocommerce-product-price .amount{
  color:#fff !important;
}
/* Strikethrough price → translucent white */
.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .elementor-widget-woocommerce-product-price del,
.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .elementor-widget-woocommerce-product-price del .amount{
  color:rgba(255,255,255,.7) !important;
}
/* Rating count + stars */
.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .sa-cat-card__rating-count{ color:rgba(255,255,255,.88) !important; }
.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .sa-cat-card__stars{ color:#ffd27a !important; }
.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .sa-cat-card__star--empty{ color:rgba(255,255,255,.4) !important; }
/* Deal strip + tag pills → frosted white */
.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .sa-cat-card__strip{ background:rgba(255,255,255,.16) !important; color:#fff !important; }
.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .sa-cat-card__tag{ background:rgba(255,255,255,.18) !important; color:#fff !important; }
/* Swatch borders */
.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .sa-cat-card__swatch{ border-color:rgba(255,255,255,.6) !important; }
.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .sa-cat-card__swatch.is-selected{ border-color:#fff !important; box-shadow:0 0 0 1px #fff !important; }
/* Add to cart → white button, brick-red text. The :not() chain matches
   (and out-specifies) the existing "absolute final override" green rule. */
html body .elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .sa-cat-card__controls button.sa-cat-card__add[data-sa-cat-add],
html body .elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card button.sa-cat-card__add[data-sa-cat-add]:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle){
  background:#fff !important; background-color:#fff !important; background-image:none !important;
  color:#B5453B !important; border-color:#fff !important; box-shadow:none !important;
}
html body .elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .sa-cat-card__controls button.sa-cat-card__add[data-sa-cat-add]:hover,
html body .elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card button.sa-cat-card__add[data-sa-cat-add]:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle):hover{
  background:#f6ece9 !important; background-color:#f6ece9 !important;
  color:#B5453B !important; border-color:#f6ece9 !important;
}

/* ---------- MOBILE 2-UP COMPACT (≤767px) ----------
   Loop Grid mobile columns = 2, so each card is ~165px wide.
   Tightens gutters, fonts, strip, tags, and forces the
   Add to cart label onto one line (custom + native buttons).
   Added 2026-05-29. Rollback: delete this whole block. */
@media (max-width: 767px) {

  /* Tighter side gutters */
  .sa-cat-card .elementor-widget-woocommerce-product-title { margin: 11px 10px 6px; }
  .sa-cat-card .elementor-widget-woocommerce-product-price  { margin: 0 10px 8px; }
  .sa-cat-card .elementor-widget-woocommerce-product-rating { margin: 11px 10px 0; }
  .sa-cat-card__tags     { margin: 0 10px 10px; gap: 5px; }
  .sa-cat-card__controls { margin: 8px 10px 0 !important; }

  /* Title — smaller, keep 2-line clamp */
  .sa-cat-card .elementor-widget-woocommerce-product-title a,
  .sa-cat-card .elementor-widget-woocommerce-product-title h1,
  .sa-cat-card .elementor-widget-woocommerce-product-title h2,
  .sa-cat-card .elementor-widget-woocommerce-product-title h3 {
    font-size: 13px !important; line-height: 1.22 !important; min-height: 32px !important;
  }

  /* Price */
  .sa-cat-card .elementor-widget-woocommerce-product-price .price { font-size: 15px !important; }
  .sa-cat-card .elementor-widget-woocommerce-product-price del    { font-size: 11px; margin-left: 4px; }

  /* Deal / urgency strip */
  .sa-cat-card__strip     { font-size: 11px; padding: 7px 9px; gap: 5px; }
  .sa-cat-card__strip-ico { font-size: 11px; }

  /* Tag pills — each stays on one line, group wraps */
  .sa-cat-card__tag { font-size: 10.5px; padding: 4px 8px; white-space: nowrap; }

  /* Add to cart — shrink font + padding, never wrap.
     Covers the custom [sa_cat_controls] button AND native Woo button. */
  .sa-cat-card__add,
  .sa-cat-card .sa-cat-card__add {
    font-size: 12px !important; padding: 9px 8px !important; white-space: nowrap !important;
  }
  .sa-cat-card .elementor-widget-woocommerce-product-add-to-cart { margin: auto 10px 12px; }
  .sa-cat-card .elementor-widget-woocommerce-product-add-to-cart .button,
  .sa-cat-card .elementor-widget-woocommerce-product-add-to-cart a.button {
    font-size: 12px !important; padding: 11px 8px !important; white-space: nowrap !important;
  }
}

/* ============================================================
 * SUREKHA - Kyari loop card polish overrides
 * Keeps the Elementor-native loop item, but tightens the card
 * after the initial render check.
 * ============================================================ */
.sa-cat-card,
.elementor-widget-loop-grid .sa-cat-card {
  background: #fff !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 0 rgba(28, 42, 34, 0.08) !important;
  gap: 0 !important;
}

.sa-cat-card > .e-con-inner,
.sa-cat-card > .elementor-widget-wrap {
  gap: 0 !important;
}

/* Media stays flush with the card edges. */
.sa-cat-card .elementor-widget-theme-post-featured-image,
.sa-cat-card .elementor-widget-theme-post-featured-image .elementor-widget-container {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

.sa-cat-card .elementor-widget-theme-post-featured-image img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
}

/* Strip: full width, tight, and visually attached to the image. */
.sa-cat-card .elementor-widget-shortcode,
.sa-cat-card .elementor-widget-shortcode .elementor-widget-container {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sa-cat-card__strip {
  min-height: 31px !important;
  padding: 7px 12px !important;
  font-family: Inter, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  border-radius: 0 !important;
}

/* Product title: override global serif archive headings inside this card. */
.sa-cat-card .elementor-widget-woocommerce-product-title,
.sa-cat-card .elementor-widget-woocommerce-product-title .elementor-widget-container {
  margin: 0 !important;
  padding: 16px 12px 0 !important;
}

.sa-cat-card .elementor-widget-woocommerce-product-title h1,
.sa-cat-card .elementor-widget-woocommerce-product-title h2,
.sa-cat-card .elementor-widget-woocommerce-product-title h3,
.sa-cat-card .elementor-widget-woocommerce-product-title h4,
.sa-cat-card .elementor-widget-woocommerce-product-title a,
.sa-cat-card .woocommerce-loop-product__title,
.sa-cat-card .product_title {
  margin: 0 !important;
  color: #111f18 !important;
  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.38 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 58px !important;
}

/* Price row: sale price first visually, MRP muted and compact. */
.sa-cat-card .elementor-widget-woocommerce-product-price,
.sa-cat-card .elementor-widget-woocommerce-product-price .elementor-widget-container {
  margin: 0 !important;
  padding: 12px 12px 0 !important;
}

.sa-cat-card .elementor-widget-woocommerce-product-price .price {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 0 !important;
  color: #e08a00 !important;
  font-family: Inter, sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.sa-cat-card .elementor-widget-woocommerce-product-price del {
  order: -1 !important;
  margin: 0 !important;
  color: #c65b48 !important;
  opacity: 0.8 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.sa-cat-card .elementor-widget-woocommerce-product-price ins {
  color: #e08a00 !important;
  text-decoration: none !important;
}

/* Add to Basket / Select options: full-width green bar. */
.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart,
.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart .elementor-widget-container {
  width: 100% !important;
  margin: auto 0 0 !important;
  padding: 18px 12px 12px !important;
}

.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart form,
.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart .cart {
  width: 100% !important;
  margin: 0 !important;
}

.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart a.button,
.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart button.button,
.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart .button,
.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart .added_to_cart,
.sa-cat-card a.add_to_cart_button,
.sa-cat-card a.product_type_variable,
.sa-cat-card a.product_type_simple {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 11px 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--sa-green-dark, #1f3f27) !important;
  color: #fff !important;
  box-shadow: none !important;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  white-space: nowrap !important;
  transform: none !important;
}

.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart a.button:hover,
.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart button.button:hover,
.sa-cat-card a.add_to_cart_button:hover,
.sa-cat-card a.product_type_variable:hover,
.sa-cat-card a.product_type_simple:hover {
  background: #17331f !important;
  color: #fff !important;
  transform: none !important;
}

/* Future widgets: these will style cleanly once ratings/tags/swatches exist. */
.sa-cat-card .elementor-widget-woocommerce-product-rating {
  margin: 0 !important;
  padding: 10px 12px 0 !important;
}

.sa-cat-card .star-rating,
.sa-cat-card .woocommerce-product-rating {
  color: #f2a900 !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

.sa-cat-card__tags {
  margin: 10px 12px 0 !important;
}

.sa-cat-card .variations,
.sa-cat-card .variable-items-wrapper,
.sa-cat-card .woo-variation-swatches {
  margin: 10px 12px 0 !important;
}

@media (max-width: 680px) {
  .sa-cat-card .elementor-widget-woocommerce-product-title,
  .sa-cat-card .elementor-widget-woocommerce-product-title .elementor-widget-container {
    padding: 12px 10px 0 !important;
  }

  .sa-cat-card .elementor-widget-woocommerce-product-title h1,
  .sa-cat-card .elementor-widget-woocommerce-product-title h2,
  .sa-cat-card .elementor-widget-woocommerce-product-title h3,
  .sa-cat-card .elementor-widget-woocommerce-product-title h4,
  .sa-cat-card .elementor-widget-woocommerce-product-title a,
  .sa-cat-card .woocommerce-loop-product__title,
  .sa-cat-card .product_title {
    font-size: 13px !important;
    line-height: 1.34 !important;
    min-height: 52px !important;
  }

  .sa-cat-card .elementor-widget-woocommerce-product-price,
  .sa-cat-card .elementor-widget-woocommerce-product-price .elementor-widget-container,
  .sa-cat-card .elementor-widget-woocommerce-product-add-to-cart,
  .sa-cat-card .elementor-widget-woocommerce-product-add-to-cart .elementor-widget-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* ============================================================
 * SUREKHA - Kyari reference pass
 * Mirrors Kyari's product-card rhythm: image, deal strip,
 * reviews, compact title, price, chips/swatches, basket button.
 * Snippet/widget-backed rows will inherit these styles when added.
 * ============================================================ */
.elementor-widget-loop-grid .e-loop-item {
  background: transparent !important;
}

.elementor-widget-loop-grid .e-loop-item .sa-cat-card {
  --sa-kyari-green: #174b2a;
  --sa-kyari-green-deep: #12391f;
  --sa-kyari-mint: #d2edeb;
  --sa-kyari-mint-text: #064f49;
  --sa-kyari-orange: #e89113;
  --sa-kyari-red: #c95545;
  --sa-kyari-text: #111814;
  --sa-kyari-muted: #647064;
  --sa-kyari-chip: #edf4e9;
  --sa-kyari-line: #e6ece4;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  background: #fff !important;
}

.elementor-widget-loop-grid .e-loop-item .sa-cat-card:hover {
  box-shadow: none !important;
  transform: none !important;
}

.elementor-widget-loop-grid .e-loop-item.sa-cat-card--clickable,
.elementor-widget-loop-grid .e-loop-item .sa-cat-card--clickable,
.sa-cat-card.sa-cat-card--clickable {
  cursor: pointer;
}

.sa-cat-card.sa-cat-card--clickable a,
.sa-cat-card.sa-cat-card--clickable button,
.sa-cat-card.sa-cat-card--clickable [data-sa-cat-controls] {
  cursor: auto;
}

.sa-cat-card .elementor-widget-theme-post-featured-image img {
  aspect-ratio: 1 / 1 !important;
  background: #f6f7f3 !important;
  transform: none !important;
}

.sa-cat-card:hover .elementor-widget-theme-post-featured-image img {
  transform: none !important;
}

/* Kyari-style deal strip: slim mint bar tucked against image. */
.sa-cat-card .elementor-widget-shortcode {
  margin-top: -31px !important;
  z-index: 3 !important;
}

.sa-cat-card__strip {
  min-height: 31px !important;
  padding: 7px 12px !important;
  background: var(--sa-kyari-mint, #d2edeb) !important;
  color: var(--sa-kyari-mint-text, #064f49) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.sa-cat-card__strip--urgent {
  background: #f4cf56 !important;
  color: #4d3b05 !important;
}

.sa-cat-card__strip-ico {
  width: 14px !important;
  height: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
}

/* Review/rating row. Add the rating widget later; this makes it match Kyari. */
.sa-cat-card .elementor-widget-woocommerce-product-rating,
.sa-cat-card .woocommerce-product-rating,
.sa-cat-card .sa-cat-card__rating {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 13px 12px 0 !important;
  color: var(--sa-kyari-muted, #647064) !important;
  font-family: Inter, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

.sa-cat-card .star-rating {
  color: #f4b400 !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
}

/* Product title: Kyari uses compact sans product names, not archive-heading serif. */
.sa-cat-card .elementor-widget-woocommerce-product-title,
.sa-cat-card .elementor-widget-woocommerce-product-title .elementor-widget-container {
  padding: 10px 12px 0 !important;
}

.sa-cat-card .elementor-widget-woocommerce-product-title h1,
.sa-cat-card .elementor-widget-woocommerce-product-title h2,
.sa-cat-card .elementor-widget-woocommerce-product-title h3,
.sa-cat-card .elementor-widget-woocommerce-product-title h4,
.sa-cat-card .elementor-widget-woocommerce-product-title a,
.sa-cat-card .woocommerce-loop-product__title,
.sa-cat-card .product_title {
  color: var(--sa-kyari-text, #111814) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.42 !important;
  -webkit-line-clamp: 2 !important;
  min-height: 40px !important;
}

/* Price row: current price orange, MRP red/struck, optional per-item text quiet. */
.sa-cat-card .elementor-widget-woocommerce-product-price,
.sa-cat-card .elementor-widget-woocommerce-product-price .elementor-widget-container {
  padding: 10px 12px 0 !important;
}

.sa-cat-card .elementor-widget-woocommerce-product-price .price {
  color: var(--sa-kyari-orange, #e89113) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  gap: 6px !important;
}

.sa-cat-card .elementor-widget-woocommerce-product-price del,
.sa-cat-card .elementor-widget-woocommerce-product-price del .amount {
  color: var(--sa-kyari-red, #c95545) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.sa-cat-card .elementor-widget-woocommerce-product-price ins,
.sa-cat-card .elementor-widget-woocommerce-product-price ins .amount,
.sa-cat-card .elementor-widget-woocommerce-product-price .amount {
  color: var(--sa-kyari-orange, #e89113) !important;
}

/* Benefit tags: ready for a shortcode/widget row under the title/price. */
.sa-cat-card__tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 10px 12px 0 !important;
}

.sa-cat-card__tag {
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 10px !important;
  border: 1px solid var(--sa-kyari-line, #e6ece4) !important;
  border-radius: 999px !important;
  background: var(--sa-kyari-chip, #edf4e9) !important;
  color: #31513b !important;
  font-family: Inter, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

/* Variation swatches: compatible with Variation Swatches / Woo wrappers. */
.sa-cat-card .variations_form,
.sa-cat-card .variations,
.sa-cat-card .variable-items-wrapper,
.sa-cat-card .woo-variation-swatches,
.sa-cat-card .wvs-archive-variations-wrapper {
  width: auto !important;
  margin: 10px 12px 0 !important;
}

.sa-cat-card .variable-items-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

.sa-cat-card .variable-item,
.sa-cat-card .variable-item:not(.radio-variable-item) {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  padding: 2px !important;
  border: 1px solid #d7dfd4 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

.sa-cat-card .variable-item.selected,
.sa-cat-card .variable-item:hover {
  border-color: var(--sa-kyari-green, #174b2a) !important;
  box-shadow: 0 0 0 1px var(--sa-kyari-green, #174b2a) !important;
}

/* Basket button: full-width, dark green, no Shoptimizer orange bleed. */
.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart,
.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart .elementor-widget-container {
  padding: 14px 12px 0 !important;
}

.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart a.button,
.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart button.button,
.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart .button,
.sa-cat-card a.add_to_cart_button,
.sa-cat-card a.product_type_variable,
.sa-cat-card a.product_type_simple {
  min-height: 44px !important;
  border-radius: 999px !important;
  background: var(--sa-kyari-green, #174b2a) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart a.button:hover,
.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart button.button:hover,
.sa-cat-card .elementor-widget-woocommerce-product-add-to-cart .button:hover,
.sa-cat-card a.add_to_cart_button:hover,
.sa-cat-card a.product_type_variable:hover,
.sa-cat-card a.product_type_simple:hover {
  background: var(--sa-kyari-green-deep, #12391f) !important;
}

/* Discount badge/row if Woo or a later shortcode outputs one. */
.sa-cat-card .onsale,
.sa-cat-card__discount {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  min-height: 24px !important;
  margin: 8px 12px 0 !important;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  background: #eff5e8 !important;
  color: var(--sa-kyari-green, #174b2a) !important;
  font-family: Inter, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

@media (max-width: 680px) {
  .sa-cat-card__strip {
    min-height: 29px !important;
    padding: 7px 10px !important;
    font-size: 11px !important;
  }

  .sa-cat-card .elementor-widget-shortcode {
    margin-top: -29px !important;
  }

  .sa-cat-card .elementor-widget-woocommerce-product-title h1,
  .sa-cat-card .elementor-widget-woocommerce-product-title h2,
  .sa-cat-card .elementor-widget-woocommerce-product-title h3,
  .sa-cat-card .elementor-widget-woocommerce-product-title h4,
  .sa-cat-card .elementor-widget-woocommerce-product-title a,
  .sa-cat-card .woocommerce-loop-product__title,
  .sa-cat-card .product_title {
    font-size: 12.5px !important;
    min-height: 36px !important;
  }

  .sa-cat-card .elementor-widget-woocommerce-product-price .price {
    font-size: 15px !important;
  }

  .sa-cat-card .elementor-widget-woocommerce-product-add-to-cart a.button,
  .sa-cat-card .elementor-widget-woocommerce-product-add-to-cart button.button,
  .sa-cat-card .elementor-widget-woocommerce-product-add-to-cart .button,
  .sa-cat-card a.add_to_cart_button,
  .sa-cat-card a.product_type_variable,
  .sa-cat-card a.product_type_simple {
    min-height: 40px !important;
    font-size: 12px !important;
  }
}

/* ============================================================
 * SUREKHA - Category card screenshot match
 * Requires [sa_cat_rating] after title and [sa_cat_controls]
 * after price in the Elementor Loop Item.
 * ============================================================ */
.elementor-widget-loop-grid .sa-cat-card {
  border: 1px solid #dfded7 !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: none !important;
  padding-bottom: 10px !important;
}

.elementor-widget-loop-grid .sa-cat-card .elementor-widget-theme-post-featured-image img {
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  background: #f7f7f2 !important;
}

.elementor-widget-loop-grid .sa-cat-card .elementor-widget-shortcode {
  margin-top: 0 !important;
}

.elementor-widget-loop-grid .sa-cat-card__strip {
  min-height: 28px !important;
  padding: 6px 10px !important;
  font-size: 11px !important;
}

.elementor-widget-loop-grid .sa-cat-card .elementor-widget-woocommerce-product-title,
.elementor-widget-loop-grid .sa-cat-card .elementor-widget-woocommerce-product-title .elementor-widget-container {
  padding: 10px 10px 0 !important;
}

.elementor-widget-loop-grid .sa-cat-card .elementor-widget-woocommerce-product-title h1,
.elementor-widget-loop-grid .sa-cat-card .elementor-widget-woocommerce-product-title h2,
.elementor-widget-loop-grid .sa-cat-card .elementor-widget-woocommerce-product-title h3,
.elementor-widget-loop-grid .sa-cat-card .elementor-widget-woocommerce-product-title h4,
.elementor-widget-loop-grid .sa-cat-card .elementor-widget-woocommerce-product-title a,
.elementor-widget-loop-grid .sa-cat-card .woocommerce-loop-product__title,
.elementor-widget-loop-grid .sa-cat-card .product_title {
  color: #28643d !important;
  font-family: Inter, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
  -webkit-line-clamp: 2 !important;
  min-height: 31px !important;
}

.sa-cat-card__rating {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 7px 10px 0 !important;
  font-family: Inter, sans-serif !important;
  line-height: 1 !important;
}

.sa-cat-card__stars {
  display: inline-flex !important;
  gap: 1px !important;
  color: #f39b16 !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

.sa-cat-card__star--empty {
  color: #e5d3bd !important;
}

.sa-cat-card__rating-count {
  color: #767d72 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}

.elementor-widget-loop-grid .sa-cat-card .elementor-widget-woocommerce-product-price,
.elementor-widget-loop-grid .sa-cat-card .elementor-widget-woocommerce-product-price .elementor-widget-container {
  padding: 8px 10px 0 !important;
}

.elementor-widget-loop-grid .sa-cat-card .elementor-widget-woocommerce-product-price .price {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  margin: 0 !important;
  color: #e58a00 !important;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

.elementor-widget-loop-grid .sa-cat-card .elementor-widget-woocommerce-product-price del,
.elementor-widget-loop-grid .sa-cat-card .elementor-widget-woocommerce-product-price del .amount {
  order: -1 !important;
  color: #9b6d5f !important;
  opacity: 0.9 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}

.elementor-widget-loop-grid .sa-cat-card .elementor-widget-woocommerce-product-price ins,
.elementor-widget-loop-grid .sa-cat-card .elementor-widget-woocommerce-product-price ins .amount,
.elementor-widget-loop-grid .sa-cat-card .elementor-widget-woocommerce-product-price .amount {
  color: #e58a00 !important;
  text-decoration: none !important;
}

.sa-cat-card__controls {
  margin: 8px 10px 0 !important;
}

.sa-cat-card__swatches {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  min-height: 22px !important;
  margin-bottom: 10px !important;
  padding: 0 6px 4px 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-x !important;
  overscroll-behavior-x: contain !important;
}

.sa-cat-card__swatches::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.sa-cat-card__swatch {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #cfd6cc !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.sa-cat-card__swatch-dot {
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  background: var(--swatch-bg, #ddd) !important;
  display: block !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08) !important;
}

.sa-cat-card__swatch.is-selected {
  border-color: #1f4d2e !important;
  box-shadow: 0 0 0 1px #1f4d2e !important;
}

.sa-cat-card__swatch-more {
  min-width: 24px !important;
  height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 7px !important;
  border: 1px solid #d9ddd5 !important;
  border-radius: 999px !important;
  background: #f4f6f1 !important;
  color: #31513b !important;
  font-family: Inter, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

.sa-cat-card__add,
.sa-cat-card .sa-cat-card__add {
  width: 100% !important;
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 9px 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #d97843 !important;
  color: #fff !important;
  box-shadow: none !important;
  font-family: Inter, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  cursor: pointer !important;
}

.sa-cat-card__add:hover,
.sa-cat-card .sa-cat-card__add:hover {
  background: #c96634 !important;
  color: #fff !important;
  transform: none !important;
}

.sa-cat-card__add.is-loading {
  opacity: 0.75 !important;
  pointer-events: none !important;
}

.sa-cat-card__add-done {
  display: none !important;
}

.sa-cat-card__add.is-added .sa-cat-card__add-text {
  display: none !important;
}

.sa-cat-card__add.is-added .sa-cat-card__add-done {
  display: inline !important;
}

/* Hide Elementor's default Product Add To Cart widget only when the custom control has a working button. */
.sa-cat-card:has(.sa-cat-card__controls [data-sa-cat-add]) .elementor-widget-woocommerce-product-add-to-cart {
  display: none !important;
}

/* Bullet-proof category-card swatches.
   The global theme button rule is very specific and turns swatch buttons into
   orange pills unless we override it with equal/higher specificity. */
html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch,
html body .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch,
html body .sa-cat-card button.sa-cat-card__swatch:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #cfd6cc !important;
  border-radius: 50% !important;
  background: #fff !important;
  background-color: #fff !important;
  color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  overflow: hidden !important;
  text-indent: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch::before,
html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch::after,
html body .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch::before,
html body .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch::after {
  display: none !important;
  content: none !important;
}

html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch .sa-cat-card__swatch-dot,
html body .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch .sa-cat-card__swatch-dot {
  flex: 0 0 14px !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: var(--swatch-bg, #d8d8d2) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08) !important;
}

html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch.is-selected,
html body .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch.is-selected,
html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch:hover,
html body .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch:hover {
  border-color: #1f4d2e !important;
  background: #fff !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 1px #1f4d2e !important;
  transform: none !important;
}

html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__swatches,
html body .sa-cat-card .sa-cat-card__swatches {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

/* Final Kyari category-card controls pass: larger swatches + deep green CTA. */
html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__swatches,
html body .sa-cat-card .sa-cat-card__swatches {
  gap: 8px !important;
  min-height: 30px !important;
  margin-bottom: 10px !important;
}

html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch,
html body .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch,
html body .sa-cat-card button.sa-cat-card__swatch:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle) {
  flex-basis: 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  border-width: 1.5px !important;
}

html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch .sa-cat-card__swatch-dot,
html body .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch .sa-cat-card__swatch-dot {
  flex-basis: 20px !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
}

html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__swatch-more,
html body .sa-cat-card .sa-cat-card__swatch-more {
  min-width: 30px !important;
  height: 26px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
}

html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__add,
html body .sa-cat-card .sa-cat-card__add,
html body .sa-cat-card button.sa-cat-card__add,
html body .sa-cat-card a.sa-cat-card__add {
  background: #174b2a !important;
  background-color: #174b2a !important;
  color: #fff !important;
}

html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__add:hover,
html body .sa-cat-card .sa-cat-card__add:hover,
html body .sa-cat-card button.sa-cat-card__add:hover,
html body .sa-cat-card a.sa-cat-card__add:hover {
  background: #12391f !important;
  background-color: #12391f !important;
  color: #fff !important;
}

/* Global WooCommerce add-to-cart buttons: Surekha/Kyari green. */
html body.woocommerce a.button.add_to_cart_button,
html body.woocommerce a.button.product_type_simple,
html body.woocommerce a.button.product_type_variable,
html body.woocommerce a.button.product_type_grouped,
html body.woocommerce a.button.product_type_external,
html body.woocommerce button.button.single_add_to_cart_button,
html body.woocommerce .single_add_to_cart_button,
html body .woocommerce a.button.add_to_cart_button,
html body .woocommerce a.button.product_type_simple,
html body .woocommerce a.button.product_type_variable,
html body .woocommerce a.button.product_type_grouped,
html body .woocommerce a.button.product_type_external,
html body .woocommerce button.button.single_add_to_cart_button,
html body .woocommerce .single_add_to_cart_button,
html body a.add_to_cart_button,
html body a.product_type_simple,
html body a.product_type_variable,
html body button.single_add_to_cart_button {
  background: #174b2a !important;
  background-color: #174b2a !important;
  color: #fff !important;
  border-color: #174b2a !important;
  box-shadow: none !important;
}

html body.woocommerce a.button.add_to_cart_button:hover,
html body.woocommerce a.button.product_type_simple:hover,
html body.woocommerce a.button.product_type_variable:hover,
html body.woocommerce a.button.product_type_grouped:hover,
html body.woocommerce a.button.product_type_external:hover,
html body.woocommerce button.button.single_add_to_cart_button:hover,
html body.woocommerce .single_add_to_cart_button:hover,
html body .woocommerce a.button.add_to_cart_button:hover,
html body .woocommerce a.button.product_type_simple:hover,
html body .woocommerce a.button.product_type_variable:hover,
html body .woocommerce a.button.product_type_grouped:hover,
html body .woocommerce a.button.product_type_external:hover,
html body .woocommerce button.button.single_add_to_cart_button:hover,
html body .woocommerce .single_add_to_cart_button:hover,
html body a.add_to_cart_button:hover,
html body a.product_type_simple:hover,
html body a.product_type_variable:hover,
html body button.single_add_to_cart_button:hover {
  background: #12391f !important;
  background-color: #12391f !important;
  color: #fff !important;
  border-color: #12391f !important;
  transform: none !important;
}

/* Absolute final override: category loop AJAX add button must be green.
   This beats the earlier global button:not(...) terracotta CTA rule. */
html body .elementor-widget-loop-grid .e-loop-item .sa-cat-card .sa-cat-card__controls button.sa-cat-card__add[data-sa-cat-add],
html body .elementor-widget-loop-grid .e-loop-item .sa-cat-card button.sa-cat-card__add[data-sa-cat-add]:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle),
html body .sa-cat-card .sa-cat-card__controls button.sa-cat-card__add[data-sa-cat-add],
html body .sa-cat-card button.sa-cat-card__add[data-sa-cat-add]:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle) {
  background: #174b2a !important;
  background-color: #174b2a !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #174b2a !important;
  box-shadow: none !important;
}

html body .elementor-widget-loop-grid .e-loop-item .sa-cat-card .sa-cat-card__controls button.sa-cat-card__add[data-sa-cat-add]:hover,
html body .elementor-widget-loop-grid .e-loop-item .sa-cat-card button.sa-cat-card__add[data-sa-cat-add]:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle):hover,
html body .sa-cat-card .sa-cat-card__controls button.sa-cat-card__add[data-sa-cat-add]:hover,
html body .sa-cat-card button.sa-cat-card__add[data-sa-cat-add]:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle):hover {
  background: #12391f !important;
  background-color: #12391f !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #12391f !important;
  transform: none !important;
}

/* ============================================================
 * SUREKHA — Category page FILTER BAR (Elementor Taxonomy Filter)
 * Two filters target Loop Grid bc7e481: product_cat + pa_size.
 * Category filter renders child terms; CSS curates to the 13 plant
 * sub-types + "All". Pills styled to brand; mobile = horizontal scroll.
 * Added 2026-05-29. Rollback: delete this whole block.
 * ============================================================ */
.sa-filter .e-filter{ display:flex !important; flex-wrap:wrap !important; gap:9px !important; align-items:center !important; }
.elementor-widget-taxonomy-filter.sa-filter--size{ margin-bottom:18px !important; }

/* Pills — appearance (the :not() chain out-specifies the theme's terracotta button rule) */
html body .sa-filter button.e-filter-item:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle){
  align-items:center !important; justify-content:center !important;
  padding:8px 15px !important; min-height:0 !important; border-radius:999px !important;
  background:#fff !important; background-color:#fff !important; background-image:none !important;
  border:1.5px solid #d9e0d6 !important; color:#1C2A22 !important;
  font-family:Inter,sans-serif !important; font-size:13px !important; font-weight:600 !important;
  line-height:1 !important; letter-spacing:0 !important; text-transform:none !important;
  box-shadow:none !important; cursor:pointer !important; white-space:nowrap !important; transition:all .18s !important;
}
html body .sa-filter button.e-filter-item:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle):hover{
  border-color:#2F5D3A !important; color:#2F5D3A !important; background:#fff !important; background-color:#fff !important;
}
html body .sa-filter button.e-filter-item[aria-pressed="true"]:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle){
  background:#2F5D3A !important; background-color:#2F5D3A !important; border-color:#2F5D3A !important; color:#fff !important;
}

/* DISPLAY control: size always visible; category hide-all then whitelist the 13 plant sub-types + All */
.sa-filter--size .e-filter-item{ display:inline-flex !important; }
.sa-filter--cat .e-filter-item{ display:none !important; }
.sa-filter--cat .e-filter-item[data-filter="__all"],
.sa-filter--cat .e-filter-item[data-filter="flowering"],
.sa-filter--cat .e-filter-item[data-filter="good-luck-plant"],
.sa-filter--cat .e-filter-item[data-filter="air-purifying-plants"],
.sa-filter--cat .e-filter-item[data-filter="beginner-friendly-plants"],
.sa-filter--cat .e-filter-item[data-filter="cactus-and-succulents"],
.sa-filter--cat .e-filter-item[data-filter="flower-plants"],
.sa-filter--cat .e-filter-item[data-filter="gifting-plants"],
.sa-filter--cat .e-filter-item[data-filter="indoor-plants"],
.sa-filter--cat .e-filter-item[data-filter="low-light-plants"],
.sa-filter--cat .e-filter-item[data-filter="lucky-plants"],
.sa-filter--cat .e-filter-item[data-filter="outdoor-plants"],
.sa-filter--cat .e-filter-item[data-filter="pet-safe-plants"],
.sa-filter--cat .e-filter-item[data-filter="vastu-plants"]{ display:inline-flex !important; }

/* "All" pill first in each row */
.sa-filter--cat .e-filter-item[data-filter="__all"],
.sa-filter--size .e-filter-item[data-filter="__all"]{ order:-1 !important; }

/* Mobile: single horizontal-scroll row */
@media(max-width:767px){
  .sa-filter .e-filter{ flex-wrap:nowrap !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; padding-bottom:4px !important; scrollbar-width:none !important; }
  .sa-filter .e-filter::-webkit-scrollbar{ display:none !important; }
html body .sa-filter button.e-filter-item:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle){ padding:7px 13px !important; font-size:12px !important; }
}

/* ============================================================
 * SUREKHA - final product-card controls fix
 * Variation chips can now be color dots or compact text labels.
 * All add-to-cart buttons are forced to the requested brand green.
 * ============================================================ */
html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__controls,
html body .sa-cat-card .sa-cat-card__controls,
html body [data-jltma-wrapper-link] .sa-cat-card__controls {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 10px 16px 0 !important;
}

html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch--label,
html body .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch--label,
html body [data-jltma-wrapper-link] .sa-cat-card__controls button.sa-cat-card__swatch--label,
html body .sa-cat-card button.sa-cat-card__swatch--label:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle) {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 32px !important;
  max-width: none !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: #f4f6f1 !important;
  background-color: #f4f6f1 !important;
  color: #31513b !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch--label .sa-cat-card__swatch-dot,
html body .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch--label .sa-cat-card__swatch-dot,
html body [data-jltma-wrapper-link] .sa-cat-card__controls button.sa-cat-card__swatch--label .sa-cat-card__swatch-dot {
  display: none !important;
}

html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch--label .sa-cat-card__swatch-label,
html body .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch--label .sa-cat-card__swatch-label,
html body [data-jltma-wrapper-link] .sa-cat-card__controls button.sa-cat-card__swatch--label .sa-cat-card__swatch-label {
  display: inline !important;
  color: #31513b !important;
  font-family: Inter, sans-serif !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch--color .sa-cat-card__swatch-label,
html body .sa-cat-card .sa-cat-card__controls button.sa-cat-card__swatch--color .sa-cat-card__swatch-label,
html body [data-jltma-wrapper-link] .sa-cat-card__controls button.sa-cat-card__swatch--color .sa-cat-card__swatch-label {
  display: none !important;
}

html body [data-jltma-wrapper-link] .sa-cat-card__swatches {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  min-height: 30px !important;
  margin-bottom: 10px !important;
  padding: 0 6px 4px 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-x !important;
  overscroll-behavior-x: contain !important;
}

html body [data-jltma-wrapper-link] .sa-cat-card__swatches::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Homepage static Elementor cards: force variation swatches to be Kyari-style color dots. */
html body [data-jltma-wrapper-link] .sa-cat-card__controls button.sa-cat-card__swatch,
html body [data-jltma-wrapper-link] .sa-cat-card__controls button.sa-cat-card__swatch--label,
html body [data-jltma-wrapper-link] .sa-cat-card__controls button.sa-cat-card__swatch--color,
html body [data-jltma-wrapper-link] button.sa-cat-card__swatch:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #cfd6cc !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

html body [data-jltma-wrapper-link] .sa-cat-card__controls button.sa-cat-card__swatch .sa-cat-card__swatch-dot,
html body [data-jltma-wrapper-link] .sa-cat-card__controls button.sa-cat-card__swatch--label .sa-cat-card__swatch-dot,
html body [data-jltma-wrapper-link] .sa-cat-card__controls button.sa-cat-card__swatch--color .sa-cat-card__swatch-dot {
  display: block !important;
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  border-radius: 50% !important;
  background: var(--swatch-bg, #d8d8d2) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08) !important;
}

html body [data-jltma-wrapper-link] .sa-cat-card__controls button.sa-cat-card__swatch .sa-cat-card__swatch-label,
html body [data-jltma-wrapper-link] .sa-cat-card__controls button.sa-cat-card__swatch--label .sa-cat-card__swatch-label,
html body [data-jltma-wrapper-link] .sa-cat-card__controls button.sa-cat-card__swatch--color .sa-cat-card__swatch-label {
  display: none !important;
}

html body [data-jltma-wrapper-link] .sa-cat-card__controls button.sa-cat-card__swatch.is-selected,
html body [data-jltma-wrapper-link] .sa-cat-card__controls button.sa-cat-card__swatch:hover {
  border-color: #174b2a !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 2px #174b2a !important;
}

html body [data-jltma-wrapper-link] .sa-cat-card__swatch-more {
  min-width: 32px !important;
  height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 8px !important;
  border: 1px solid #d9ddd5 !important;
  border-radius: 999px !important;
  background: #eef4ee !important;
  color: #174b2a !important;
  font-family: Inter, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body .elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .sa-cat-card__controls button.sa-cat-card__add[data-sa-cat-add],
html body .elementor-widget-loop-grid .e-loop-item .sa-cat-card .sa-cat-card__controls button.sa-cat-card__add[data-sa-cat-add],
html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__add,
html body .elementor-widget-loop-grid .e-loop-item .sa-cat-card__add,
html body .sa-cat-card__add,
html body [data-jltma-wrapper-link] .sa-cat-card__add,
html body .sa-cat-card .sa-cat-card__add,
html body .sa-cat-card button.sa-cat-card__add,
html body .sa-cat-card a.sa-cat-card__add,
html body .elementor-shortcode .sa-cat-card__controls button.sa-cat-card__add[data-sa-cat-add]:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle),
html body button.sa-cat-card__add[data-sa-cat-add]:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle),
html body .woocommerce a.button.add_to_cart_button,
html body .woocommerce a.button.product_type_simple,
html body .woocommerce a.button.product_type_variable,
html body .woocommerce button.button.single_add_to_cart_button,
html body a.add_to_cart_button,
html body a.product_type_simple,
html body a.product_type_variable,
html body button.single_add_to_cart_button {
  background: #174b2a !important;
  background-color: #174b2a !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #174b2a !important;
  box-shadow: none !important;
}

html body .elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .sa-cat-card__controls button.sa-cat-card__add[data-sa-cat-add]:hover,
html body .elementor-widget-loop-grid .e-loop-item .sa-cat-card .sa-cat-card__controls button.sa-cat-card__add[data-sa-cat-add]:hover,
html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__add:hover,
html body .elementor-widget-loop-grid .e-loop-item .sa-cat-card__add:hover,
html body .sa-cat-card__add:hover,
html body [data-jltma-wrapper-link] .sa-cat-card__add:hover,
html body .sa-cat-card .sa-cat-card__add:hover,
html body .sa-cat-card button.sa-cat-card__add:hover,
html body .sa-cat-card a.sa-cat-card__add:hover,
html body .elementor-shortcode .sa-cat-card__controls button.sa-cat-card__add[data-sa-cat-add]:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle):hover,
html body button.sa-cat-card__add[data-sa-cat-add]:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle):hover,
html body .woocommerce a.button.add_to_cart_button:hover,
html body .woocommerce a.button.product_type_simple:hover,
html body .woocommerce a.button.product_type_variable:hover,
html body .woocommerce button.button.single_add_to_cart_button:hover,
html body a.add_to_cart_button:hover,
html body a.product_type_simple:hover,
html body a.product_type_variable:hover,
html body button.single_add_to_cart_button:hover {
  background: #12391f !important;
  background-color: #12391f !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #12391f !important;
  transform: none !important;
}

/* Mobile product cards: keep variation dots in one swipeable row. */
html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__swatches,
html body .sa-cat-card .sa-cat-card__swatches,
html body [data-jltma-wrapper-link] .sa-cat-card__swatches,
html body .sa-cat-card__swatches {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 0 6px 4px 0 !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-x !important;
  overscroll-behavior-x: contain !important;
}

html body .elementor-widget-loop-grid .sa-cat-card .sa-cat-card__swatches::-webkit-scrollbar,
html body .sa-cat-card .sa-cat-card__swatches::-webkit-scrollbar,
html body [data-jltma-wrapper-link] .sa-cat-card__swatches::-webkit-scrollbar,
html body .sa-cat-card__swatches::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* ============================================================
 * SUREKHA — Category page HERO BAND
 * Container holds the dynamic Archive Title (.sa-cat-hero__title)
 * + tagline (.sa-cat-hero__tagline). The band targets the container
 * via :has() because Elementor doesn't render _css_classes on
 * API-created containers (same as the filter bar).
 * Added 2026-05-29. Rollback: delete this whole block.
 * ============================================================ */
.e-con:has(> .sa-cat-hero__title){
  background:linear-gradient(180deg,#FAF7F2 0%,#EEF3EA 100%) !important;
  padding:44px 20px 38px !important; text-align:center !important;
  border-bottom:1px solid #e5e0d6 !important; margin:0 0 24px !important; align-items:center !important;
}
.sa-cat-hero__title .elementor-heading-title,
.sa-cat-hero__title h1, .sa-cat-hero__title h2,
html body .sa-cat-hero__title .elementor-heading-title{
  font-family:Fraunces,Georgia,serif !important; font-size:36px !important; line-height:1.12 !important;
  font-weight:600 !important; color:#1F4128 !important; margin:0 0 10px !important; text-align:center !important;
}
.sa-cat-hero__tagline .elementor-heading-title,
.sa-cat-hero__tagline p,
html body .sa-cat-hero__tagline .elementor-heading-title{
  font-family:Inter,sans-serif !important; font-size:15.5px !important; line-height:1.55 !important;
  font-weight:400 !important; color:#5a6b58 !important; max-width:560px !important; margin:0 auto !important; text-align:center !important;
}
@media(max-width:767px){
  .e-con:has(> .sa-cat-hero__title){ padding:30px 18px 26px !important; margin:0 0 18px !important; }
  .sa-cat-hero__title .elementor-heading-title, .sa-cat-hero__title h1, .sa-cat-hero__title h2{ font-size:26px !important; }
  .sa-cat-hero__tagline .elementor-heading-title, .sa-cat-hero__tagline p{ font-size:14px !important; }
}


/* ============================================================
 * SUREKHA — Category page SEO BLOCK + FAQ
 * Container = dynamic category description (.sa-cat-seo__desc)
 * + [sa_plant_faq] accordion. Container targeted via :has().
 * Added 2026-05-29. Rollback: delete this whole block.
 * ============================================================ */
.e-con:has(> .sa-cat-seo__desc){ padding:42px 20px 52px !important; border-top:1px solid #ece7dd !important; margin-top:30px !important; align-items:center !important; }
.sa-cat-seo__desc, .sa-cat-seo__faq{ width:100% !important; max-width:840px !important; margin-left:auto !important; margin-right:auto !important; }
.sa-cat-seo__desc{ color:#4a5648; font-family:Inter,sans-serif; font-size:15px; line-height:1.7; }
.sa-cat-seo__desc h2, .sa-cat-seo__desc h3{ font-family:Fraunces,Georgia,serif; color:#1F4128; }

.sa-faq{ margin-top:34px; }
.sa-faq__title{ font-family:Fraunces,Georgia,serif; font-size:26px; color:#1F4128; text-align:center; margin:0 0 20px; }
.sa-faq__list{ display:flex; flex-direction:column; gap:10px; }
.sa-faq__item{ background:#fff; border:1px solid #e5e0d6; border-radius:12px; overflow:hidden; }
.sa-faq__q{ list-style:none; cursor:pointer; padding:16px 18px; font-family:Inter,sans-serif; font-weight:600; font-size:15px; color:#1C2A22; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.sa-faq__q::-webkit-details-marker{ display:none; }
.sa-faq__icon{ width:18px; height:18px; position:relative; flex:0 0 auto; }
.sa-faq__icon::before, .sa-faq__icon::after{ content:''; position:absolute; background:#2F5D3A; border-radius:2px; transition:transform .2s, opacity .2s; }
.sa-faq__icon::before{ top:8px; left:2px; width:14px; height:2px; }
.sa-faq__icon::after{ top:2px; left:8px; width:2px; height:14px; }
.sa-faq__item[open] .sa-faq__icon::after{ opacity:0; }
.sa-faq__a{ padding:0 18px 16px; font-family:Inter,sans-serif; font-size:14.5px; line-height:1.65; color:#5a6b58; }
.sa-faq__a p{ margin:0; }
@media(max-width:767px){
  .e-con:has(> .sa-cat-seo__desc){ padding:30px 16px 40px !important; }
  .sa-faq__title{ font-size:22px; }
  .sa-faq__q{ font-size:14px; padding:14px 15px; }
}

/* ============================================================
 * SUREKHA — Category nav link-pills (replaces AJAX filter)
 * Shortcode: [sa_cat_pills]. Pills are real <a> links; current
 * category gets .is-active -> filled green state.
 * Added 2026-06-03. Rollback: delete this whole block.
 * ============================================================ */
.sa-catnav{ display:flex; flex-wrap:wrap; gap:9px; align-items:center; }

html body .sa-catnav .sa-catnav-pill:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle){
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  padding:8px 15px !important; min-height:0 !important; border-radius:999px !important;
  background:#fff !important; background-color:#fff !important; background-image:none !important;
  border:1.5px solid #d9e0d6 !important; color:#1C2A22 !important;
  font-family:Inter,sans-serif !important; font-size:13px !important; font-weight:600 !important;
  line-height:1 !important; letter-spacing:0 !important; text-transform:none !important;
  text-decoration:none !important; box-shadow:none !important; cursor:pointer !important;
  white-space:nowrap !important; transition:all .18s !important;
}
html body .sa-catnav .sa-catnav-pill:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle):hover{
  border-color:#2F5D3A !important; color:#2F5D3A !important; background:#fff !important;
}
html body .sa-catnav .sa-catnav-pill.is-active:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle){
  background:#2F5D3A !important; background-color:#2F5D3A !important; border-color:#2F5D3A !important; color:#fff !important;
}

@media(max-width:767px){
  .sa-catnav{ flex-wrap:nowrap !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; padding-bottom:4px !important; scrollbar-width:none !important; }
  .sa-catnav::-webkit-scrollbar{ display:none !important; }
  html body .sa-catnav .sa-catnav-pill:not(.menu-toggle):not(.dropdown-toggle):not(.sub-menu-toggle):not(.close-drawer):not(.drawer-close):not(.menu-close):not(.mobile-menu-close):not(.close):not(.swiper-button-next):not(.swiper-button-prev):not(.sa-mobile-search-toggle){ padding:7px 13px !important; font-size:12px !important; }
}


/* First card title — force white to override global sa-green title rule */
.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .elementor-widget-woocommerce-product-title h1,
.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .elementor-widget-woocommerce-product-title h2,
.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .elementor-widget-woocommerce-product-title h1 a,
.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item:first-of-type .sa-cat-card .elementor-widget-woocommerce-product-title h2 a {
  color: #fff !important;
}