/**
 * Ana sayfa CLS düzeltmeleri (GSC mobil CLS > 0,1).
 * index.ejs ile birlikte yüklenir; asset bundle rebuild beklemeden etkili olur.
 */

/* Marka logosu bandı görünür olunca ani sıçramayı azalt */
#brand-logos-slider-section {
    min-height: 0;
    transition: min-height 0s;
}

#brand-logos-slider-section.is-visible {
    min-height: 72px;
}

/* Footer blog görselleri: aspect-ratio yedek */
.footer-blog-news__image-link {
    display: block;
    aspect-ratio: 16 / 6;
    overflow: hidden;
}

.footer-blog-news__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Hero SSR: spinner yerine slider-container ile aynı kutu */
.hero-slider[data-ssr-hero="1"] .slider-container {
    aspect-ratio: 3 / 1;
    min-height: 200px;
}

@media (max-width: 768px) {
    .hero-slider[data-ssr-hero="1"] .slider-container {
        aspect-ratio: 2 / 1;
        max-height: 50vh;
    }
}

/* Ürün grid SSR: boş grid yerine kart yüksekliği */
.products-grid[data-ssr="1"] {
    min-height: 0;
}

@media (max-width: 768px) {
    .featured-products .products-grid,
    .trending-products .products-grid {
        min-height: 0;
    }

    .featured-products .products-grid:not([data-ssr="1"]),
    .trending-products .products-grid:not([data-ssr="1"]) {
        min-height: 480px;
    }
}

@media (min-width: 769px) {
    .featured-products .products-grid:not([data-ssr="1"]),
    .trending-products .products-grid:not([data-ssr="1"]) {
        min-height: 320px;
    }
}