/* Ürün detay ve tüm ürünler sayfaları (urun.php, urunler.php) */
.breadcrumb { font-size: 0.875rem; padding: 12px 16px; color: #555; }
.breadcrumb a { color: inherit; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }

.urun-ozet { font-size: 1.05rem; line-height: 1.6; margin-bottom: 1.5rem; }

.urun-tablo { width: 100%; border-collapse: collapse; margin: 0 0 1.5rem; font-size: 0.95rem; }
.urun-tablo caption { text-align: left; font-weight: 600; font-size: 1.15rem; padding-bottom: 0.5rem; }
.urun-tablo th, .urun-tablo td { padding: 8px 10px; border-bottom: 1px solid #e3e6ea; vertical-align: top; text-align: left; }
.urun-tablo th { width: 40%; font-weight: 600; color: #333; background: #f6f8fa; }

.product-info h2 { font-size: 1.15rem; margin: 1.5rem 0 0.75rem; }

.urun-gorsel-yok { display: flex; align-items: center; justify-content: center; aspect-ratio: 3 / 2; background: #f0f2f5; color: #777; border-radius: 8px; }

.thumbnail-images img { cursor: pointer; object-fit: cover; }

.related-products .product-card img { width: 100%; object-fit: cover; }

@media (max-width: 767px) {
    .urun-tablo th { width: 45%; }
}

.related-products .product-card h3 { font-size: 1.05rem; margin: 0.75rem 0; }
.related-products .product-card p { font-size: 0.9rem; }

/* Ürün kartı görsel alanı: görseli olmayan ürünlerde model adı gösterilir */
.urunler-sayfa .product-grid, .related-products .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1.25rem; }
.urun-kart-gorsel { aspect-ratio: 4 / 3; overflow: hidden; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); position: relative; }
.related-products .product-card .urun-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.urun-kart-gorsel span { font-size: 1.6rem; font-weight: 700; letter-spacing: -0.02em;
    background: linear-gradient(135deg, #0b5ed7, #12b5c9 55%, #0ca678); -webkit-background-clip: text; background-clip: text; color: transparent; }
.related-products .product-card { display: flex; flex-direction: column; }
.related-products .product-card h3, .related-products .product-card p { padding-inline: 1rem; }
.related-products .product-card .btn { margin: auto 1rem 1rem; align-self: flex-start; }

@media (min-width: 992px) {
    .product-detail .product-images { position: sticky; top: 96px; align-self: start; }
}