/*
 * Katalog zemini — ürün listeleme sayfalarının arka plan atmosferi.
 *
 * Neden ayrı dosya: sitenin ana CSS'i Vite ile derleniyor ve sunucuda Node
 * kurulu değil, bu yüzden derlenmiş pakete dokunulamıyor. Bu dosya paketten
 * sonra yükleniyor ve yalnızca zemin boyuyor.
 *
 * Kapsam: main:has(.products-grid) — yani ana sayfa, kategori, şehir ve arama
 * listeleme sayfaları. Ürün kartlarına, görsellere, başlığa veya banner'lara
 * dokunmaz; sadece altlarındaki zemini boyar.
 */

main:has(.products-grid) {
    background-color: #fbf9f6;
    background-image:
        radial-gradient(
            70% 100% at 50% 40%,
            rgba(255, 255, 255, 0.96) 0%,
            rgba(255, 255, 255, 0.86) 43%,
            rgba(255, 255, 255, 0) 72%
        ),
        radial-gradient(
            48% 80% at -8% 14%,
            rgba(245, 233, 232, 0.62) 0%,
            rgba(245, 233, 232, 0) 72%
        ),
        radial-gradient(
            44% 72% at 3% 94%,
            rgba(232, 239, 229, 0.58) 0%,
            rgba(232, 239, 229, 0) 72%
        ),
        radial-gradient(
            48% 82% at 108% 14%,
            rgba(232, 239, 229, 0.56) 0%,
            rgba(232, 239, 229, 0) 72%
        ),
        radial-gradient(
            44% 72% at 98% 92%,
            rgba(245, 233, 232, 0.58) 0%,
            rgba(245, 233, 232, 0) 72%
        ),
        linear-gradient(
            110deg,
            rgba(244, 236, 226, 0.32),
            rgba(248, 246, 242, 0.88) 50%,
            rgba(244, 236, 226, 0.32)
        );
    background-repeat: no-repeat;
    background-attachment: scroll;
}

/* Mobilde renk yoğunluğu yaklaşık %35 azaltıldı; zemin daha çok #FBF9F6 kalıyor. */
@media (max-width: 767px) {
    main:has(.products-grid) {
        background-image:
            radial-gradient(
                70% 100% at 50% 40%,
                rgba(255, 255, 255, 0.96) 0%,
                rgba(255, 255, 255, 0.9) 43%,
                rgba(255, 255, 255, 0) 72%
            ),
            radial-gradient(
                48% 80% at -8% 14%,
                rgba(245, 233, 232, 0.4) 0%,
                rgba(245, 233, 232, 0) 72%
            ),
            radial-gradient(
                44% 72% at 3% 94%,
                rgba(232, 239, 229, 0.38) 0%,
                rgba(232, 239, 229, 0) 72%
            ),
            radial-gradient(
                48% 82% at 108% 14%,
                rgba(232, 239, 229, 0.36) 0%,
                rgba(232, 239, 229, 0) 72%
            ),
            radial-gradient(
                44% 72% at 98% 92%,
                rgba(245, 233, 232, 0.38) 0%,
                rgba(245, 233, 232, 0) 72%
            ),
            linear-gradient(
                110deg,
                rgba(244, 236, 226, 0.21),
                rgba(248, 246, 242, 0.88) 50%,
                rgba(244, 236, 226, 0.21)
            );
    }
}