/* ==========================================
   KATMAN - GENİŞ İÇERİK DÜZENİ (layout-wide.css)
   Açıklama: Oran 5/8'den büyük olduğunda yüklenir.
   İşlev: 4'lü ürün gridleri, yan yana formlar.
   Açıklama: Oran 5/8'den büyük olduğunda yüklenir.
========================================== */

/* 1. Grid (4 Kolon) */
.grid-container { grid-template-columns: repeat(4, calc(var(--y) * 16)); } 

/* 2. Ürün Detay Sayfası (Yan Yana ve Kare Format) */
.product-bottom-area { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: calc(var(--y) * 1); margin-top: 0; padding-top: 0; border: none; }
.tab-header { display: none; }

.content-box { 
    background: #111; border: 1px solid #333; border-radius: calc(var(--y) * 0.75); padding: calc(var(--y) * 2); 
    aspect-ratio: 1 / 1; height: auto; max-width: 100%; min-width: 0;
    display: flex; flex-direction: column; justify-content: flex-start; 
}
.content-box h3 { color: #ff99cc; margin-bottom: calc(var(--y) * 0.75); border-bottom: 1px dashed #333; padding-bottom: calc(var(--y) * 0.5); font-size: calc(var(--y) * 1.1); text-transform:uppercase; letter-spacing:1px; flex-shrink: 0; }

.prod-tab-content { display: flex !important; flex-direction: column; flex-grow: 1; justify-content: flex-start; }