.home-grid-heading {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--brand-dark);
    margin-bottom: 1.25rem;
}

/* Sutun sayisi ekranla birlikte degistigi icin (telefonda 2, genis ekranda 6)
   gorsel alani da sabit yukseklik yerine kare oranla olceklenir. Sabit yukseklik
   telefonda kartin genisligiyle orantisini kaybedip 65px'lik ince bir serit
   birakiyordu. */
#homeProductsGrid .product-card-img-wrap {
    height: auto;
    aspect-ratio: 1 / 1;
}
#homeProductsGrid .product-card-img {
    max-height: none;
}

/* Baslik iki satira kadar sigar; tek satirda kirpilinca "Tischd..." disinda bir
   sey okunmuyordu. min-height iki satirlik yeri her kartta ayni tutar ki fiyat
   satirlari ayni hizada kalsin. */
#homeProductsGrid .card-title {
    font-size: .85rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.4em;
}

/* Telefonda iki sutun ~170px kart birakiyor: kart butun parcalariyla duruyor,
   yalnizca ic bosluklar ve yardimci dugmeler bir tik kuculuyor. */
@media (max-width: 575.98px) {
    #homeProductsGrid .card-body { padding: .5rem !important; }
    #homeProductsGrid .card-footer { padding-left: .5rem; padding-right: .5rem; padding-bottom: .5rem; }
    #homeProductsGrid .card-title { font-size: .78rem; }
    #homeProductsGrid .product-card-brand { display: none; }
    #homeProductsGrid .product-card-price-row { flex-wrap: wrap; row-gap: 2px; }
    #homeProductsGrid .product-card-price { font-size: .82rem; }
    #homeProductsGrid .product-card-wishlist-btn {
        width: 26px; height: 26px; top: .35rem; right: .35rem;
    }
    #homeProductsGrid .product-card-cart-btn {
        width: 28px; height: 28px; bottom: .35rem; right: .35rem;
    }
    #homeProductsGrid .product-card-discount-badge {
        padding: 1px 6px; top: .35rem; left: .35rem;
    }
}