/* Urun izgarasi: urun sayisi arttikca kutu kuculur, uc ekranda da oturur.
 Mobilde tek, tablette iki, masaustunde dort, genis ekranda bes sutun. */
#product-grid {
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 gap: 1.1rem;
 align-items: stretch;
}
@media (min-width: 640px) {
 #product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
}
@media (min-width: 1024px) {
 #product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
}
@media (min-width: 1280px) {
 #product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

#product-grid .product-premium-card__frame {
 aspect-ratio: 1 / 1;
 min-height: 0;
}
#product-grid .product-premium-card__image {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 object-fit: contain;
 padding: 0.75rem;
 background: #f4f5f7;
}
#product-grid .product-premium-card__media { padding: 0.7rem; padding-bottom: 0; }
#product-grid .product-premium-card__body { gap: 0.7rem; padding: 0.9rem 0.85rem 0.85rem; }
#product-grid .product-premium-card__title { font-size: 1.05rem; min-height: 0; }
#product-grid .product-premium-card__description { font-size: 0.85rem; min-height: 0; -webkit-line-clamp: 2; }
#product-grid .product-premium-card__chip { font-size: 0.6rem; letter-spacing: 0.1em; padding: 0.35rem 0.6rem; }
#product-grid .product-premium-card__eyebrow { font-size: 0.62rem; }

@media (max-width: 639px) {
 #product-grid .product-premium-card__frame { min-height: 0; }
}

#product-grid .product-premium-card__meta { flex-wrap: wrap; gap: 0.4rem; }
#product-grid .product-premium-card__chip,
#product-grid .product-premium-card__eyebrow { white-space: normal; overflow-wrap: anywhere; }
#product-grid .product-premium-card__chip { max-width: 100%; }