.elementor-8291 .elementor-element.elementor-element-ccf8a83{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8291 .elementor-element.elementor-element-26992b6{--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-8291 .elementor-element.elementor-element-0382d1d{--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-8291 .elementor-element.elementor-element-7515fc8{--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;}@media(min-width:768px){.elementor-8291 .elementor-element.elementor-element-26992b6{--width:25%;}.elementor-8291 .elementor-element.elementor-element-0382d1d{--width:75%;}}/* Start custom CSS for html, class: .elementor-element-d29c93c *//* Left Column */
.category-list {
  background: #f7fafd;
  list-style: none;
  margin: 0;
  padding: 0;
  border-right: 1px solid #dce3ea;
}
.category-list li {
  padding: 15px 20px;
  border-bottom: 1px solid #e5ebf2;
  font-weight: 500;
  cursor: pointer;
  transition: all .3s ease;
  color: #1e293b;
  text-transform: uppercase;
}
.category-list .active {
  background: #2483be;
  color: #fff;
  font-weight: 600;
}
.category-list li:hover {
  background: rgba(36,131,190,0.1);
  color: #2483be;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6e2a352 *//* 🌟 Clean Product Showcase (Fixed Layout) */
.product-showcase {
  background: #ffffff;
  padding: 10px 15px;
  border-radius: 8px;
}

/* Reset WooCommerce default display */
.product-showcase ul.products {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 18px;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Each Product Card */
.product-showcase ul.products li.product {
  flex: 0 0 calc(20% - 18px); /* 5 per row */
  background: #fff;
  border: 1px solid #e3e9ef;
  border-radius: 8px;
  text-align: center;
  padding: 10px 8px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

.product-showcase ul.products li.product:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(36,131,190,0.12);
  border-color: #2483be;
}

/* Product Image */
.product-showcase ul.products li.product img {
  width: auto !important;
  max-width: 100% !important;
  height: 65px !important;
  object-fit: contain;
  margin-bottom: 8px;
  transition: transform .3s ease;
}
.product-showcase ul.products li.product:hover img {
  transform: scale(1.05);
}

/* Product Title (Single Line Compact) */
.product-showcase ul.products li.product .woocommerce-loop-product__title {
  font-size: 11px;              /* thoda readable but compact */
  font-weight: 500;
  color: #1e293b;
  line-height: 1.2em;
  margin: 0 0 3px;
  text-transform: uppercase;
  transition: color .3s ease;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;      /* … dikhata hai agar text lamba ho */
  display: block;
}
.product-showcase ul.products li.product:hover .woocommerce-loop-product__title {
  color: #2483be;
}


/* Hide Price, Cart, Wishlist, Short Description */
.product-showcase ul.products li.product .price,
.product-showcase ul.products li.product a.button,
.product-showcase ul.products li.product .yith-wcwl-add-to-wishlist,
.product-showcase ul.products li.product .tinv-wishlist,
.product-showcase ul.products li.product .woocommerce-product-details__short-description {
  display: none !important;
}

/* Responsive Layout */
@media(max-width:1200px){
  .product-showcase ul.products li.product { flex: 0 0 calc(25% - 18px); } /* 4 per row */
}
@media(max-width:992px){
  .product-showcase ul.products li.product { flex: 0 0 calc(33.33% - 18px); } /* 3 per row */
}
@media(max-width:768px){
  .product-showcase ul.products li.product { flex: 0 0 calc(50% - 18px); } /* 2 per row */
}
@media(max-width:480px){
  .product-showcase ul.products li.product { flex: 0 0 100%; } /* 1 per row */
}/* End custom CSS */