.elementor-964 .elementor-element.elementor-element-9dabc50{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-964 .elementor-element.elementor-element-b5769c1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-964 .elementor-element.elementor-element-b5769c1.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-964 .elementor-element.elementor-element-b5769c1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-964 .elementor-element.elementor-element-b5769c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-964 .elementor-element.elementor-element-b5769c1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-b5769c1 *//* ===============================
   THEME-SAFE PRODUCT GRID (Drop-in)
   =============================== */
:root{
  --primary:#1e8e4a;
  --primary-dark:#176f39;
  --text:#111827;
  --muted:#9ca3af;
  --stroke:#e5e7eb;
  --radius:14px;
  --shadow:0 4px 18px rgba(0,0,0,.10);
  --shadow-hover:0 10px 26px rgba(0,0,0,.14);
}

/* SECTION PADDING – section/container অক্ষত রাখে */
.woocommerce .products,
.woocommerce div.products{
  /* container padding থিম যেভাবে দেয় সেভাবেই থাকুক */
}

/* GRID BASE */
.woocommerce ul.products{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin:0;
  padding:0;           /* কেবল ul-এর ভেতরের padding */
  list-style:none;
}

/* CARD */
.woocommerce ul.products li.product{
  position:relative;
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1.5px solid var(--stroke);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:14px 14px 12px;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  width:auto !important; max-width:none !important; float:none !important; margin:0;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-hover);
  border-color:#d1d5db;
}

/* IMAGE (figure/img) */
.woocommerce ul.products li.product a img{
  width:100% !important;
  height:auto;
  display:block;
  border-radius:10px;
  background:#fff;
  object-fit:contain;
  aspect-ratio:1/1;                /* modern */
}
/* যদি aspect-ratio কাজ না করে, fallback height সেট করুন: */
/*
.woocommerce ul.products li.product a img{ height:240px; object-fit:contain; }
*/

/* SALE BADGE */
.woocommerce ul.products li.product .onsale{
  position:absolute;
  top:10px; left:10px;
  background:var(--primary);
  color:#fff;
  font-size:12px; font-weight:800;
  padding:5px 10px; border-radius:6px; line-height:1;
  z-index:3; box-shadow:0 2px 6px rgba(0,0,0,.15);
}

/* TITLE – 2 line clamp */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color:var(--text);
  font-size:15px; font-weight:700;
  margin:10px 0 6px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; line-height:1.25;
}

/* PRICE (inline) */
.woocommerce ul.products li.product .price{
  display:flex; align-items:baseline; gap:8px;
  margin:6px 0 10px; white-space:nowrap;
  color:var(--primary); font-weight:700;
}
.woocommerce ul.products li.product .price del{
  color:var(--muted); opacity:.9; font-weight:600;
}

/* BUTTON pinned bottom */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart{
  margin-top:auto;
  width:100%;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:12px 14px; border-radius:10px;
  font-size:14px; font-weight:800; text-transform:uppercase; letter-spacing:.02em;
  background:var(--primary); color:#fff; border:1px solid var(--primary);
  transition:transform .2s ease, background .2s ease;
}
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product .button:hover{
  background:var(--primary-dark); transform:translateY(-1px);
}

/* ========= Responsive ========= */

/* Tablet: 3 per row */
@media (max-width:1024px){
  .woocommerce ul.products{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
}

/* Mobile: 2 per row, compact cards */
@media (max-width:768px){
  .woocommerce ul.products{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .woocommerce ul.products li.product{ padding:10px 10px 10px; }
  .woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:13.5px; margin:8px 0 4px; }
  .woocommerce ul.products li.product .price{ margin:4px 0 6px; font-size:13px; }
  .woocommerce ul.products li.product a.button{ padding:10px 12px; font-size:13px; }
  .woocommerce ul.products li.product .onsale{ top:8px; left:8px; font-size:11px; padding:4px 8px; }
}

/* Kill theme's column floats/widths that fight grid */
.woocommerce ul.products li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce ul.products.columns-3 li.product,
.woocommerce ul.products.columns-2 li.product{
  width:auto !important; max-width:none !important; float:none !important; margin:0 !important;
}/* End custom CSS */