/* === Ürün kartlarını BÜYÜT: 4 sütun yerine 3 sütun yap (lg/xl) === */ .product-list .col-lg-3, .product-list .col-xl-3, .products .col-lg-3, .products .col-xl-3, .productGrid .col-lg-3, .productGrid .col-xl-3, .category-products .col-lg-3, .category-products .col-xl-3 { flex: 0 0 33.333% !important; max-width: 33.333% !important; } /* Tablet’te 2 sütun */ @media (max-width: 991.98px) { .product-list .col-md-4, .products .col-md-4, .productGrid .col-md-4, .category-products .col-md-4, .product-list .col-lg-3, .products .col-lg-3, .productGrid .col-lg-3, .category-products .col-lg-3 { flex: 0 0 50% !important; max-width: 50% !important; } } /* Mobilde 1 sütun (zaten çoğu temada böyle) */ @media (max-width: 576px) { .product-list [class*="col-"], .products [class*="col-"], .productGrid [class*="col-"], .category-products [class*="col-"] { flex: 0 0 100% !important; max-width: 100% !important; } } /* Kart ve görseli de büyütelim */ .product-item, .product-card, .productBox, .product { padding: 16px !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 6px 22px rgba(0,0,0,.06) !important; height: 100% !important; } .product-item img, .product-card img, .productBox img, .product .image img { width: 100% !important; height: 360px !important; /* görsel yüksekliği */ object-fit: contain !important; display: block !important; } /* Başlık ve fiyat okunaklı olsun */ .product-item .name, .product-card .name, .productBox .name { font-size: 16px !important; line-height: 1.35 !important; min-height: 44px !important; /* 2 satır yer */ display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden !important; } .product-item .price, .product-card .price, .productBox .price { font-size: 18px !important; font-weight: 700 !important; } .product-list [class*="col-"] { outline: 2px solid red !important; }