/* Fix Pagination Overlapping Issue */
.swiper-pagination {
  position: relative; /* Ensures it doesn’t overlap products */
  
}

.swiper-pagination .swiper-pagination-bullet {
  background: #BBBBBB; /* black dots */
  width: 8px;
  height: 8px;
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

.swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #494949; /* Darker black for active */
}
    .product-card {
      border: 1px solid #eee;
      border-radius: 10px;
      padding: 16px;
      background: #fff;
      height: 100%;
      position: relative;
      transition: all 0.3s;
      
    }

    .product-card:hover {
      transform: translateY(-4px);
    }

    .product-img {
      width: 100%;
      height: 100%;
      border-radius: 10px;
      background: #E6E6E675;
    }
 .product-img img {
   width: 100%;
   height : 100%;
   aspect-ratio:1/1 ;
   object-fit: cover;
 }
    .truncate-title {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      cursor: pointer;
    }

    .truncate-title.expanded {
      white-space: normal;
    }

    .badge-custom {
      position: absolute;
      top: 5;
      left: 5;
      font-size: 10px;
      padding: 5px 8px;
      border-radius: 50px !important;
      color: white !important;
      text-transform: uppercase !important;
    }

    .btn-custom {
      font-size: 14px;
      padding: 6px 12px;
      border-radius: 6px;
    }

    .product-actions .btn {
      margin-bottom: 6px;
    }