/**
 * Anasayfa blok yan yana dizilimi + ürün grid sütunları (blok genişliğine göre).
 */

.container > .flex.flex-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: flex-start;
}

.container > .flex.flex-wrap > div {
    box-sizing: border-box !important;
    min-width: 0 !important;
}

.container > .flex.flex-wrap > div > .h-full {
    min-width: 0 !important;
    max-width: 100%;
}

.container > .flex.flex-wrap > div .grid,
.container > .flex.flex-wrap > div .swiper,
.container > .flex.flex-wrap > div .swiper-wrapper {
    min-width: 0 !important;
    max-width: 100%;
}

.container > .flex.flex-wrap > div .product-card {
    min-width: 0 !important;
}

@media (max-width: 767px) {
    .container > .flex.flex-wrap > div {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .homepage-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 768px) {
    .container > .flex.flex-wrap > [class~="md:w-full"] {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .container > .flex.flex-wrap > [class~="md:w-3/4"] {
        width: 75% !important;
        flex: 0 0 75% !important;
        max-width: 75% !important;
    }
    .container > .flex.flex-wrap > [class~="md:w-2/3"] {
        width: 66.666667% !important;
        flex: 0 0 66.666667% !important;
        max-width: 66.666667% !important;
    }
    .container > .flex.flex-wrap > [class~="md:w-1/2"] {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .container > .flex.flex-wrap > [class~="md:w-1/3"] {
        width: 33.333333% !important;
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }
    .container > .flex.flex-wrap > [class~="md:w-1/4"] {
        width: 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .homepage-product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1024px) {
    /* Tam genişlik — 6 sütun */
    .container > .flex.flex-wrap > [class~="md:w-full"] .homepage-product-grid,
    .container > .flex.flex-wrap > [class~="md:w-3/4"] .homepage-product-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }

    /* 2/3 genişlik — 4 sütun */
    .container > .flex.flex-wrap > [class~="md:w-2/3"] .homepage-product-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    /* Yarım genişlik — 3 sütun */
    .container > .flex.flex-wrap > [class~="md:w-1/2"] .homepage-product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    /* 1/3 ve 1/4 genişlik — 2 sütun */
    .container > .flex.flex-wrap > [class~="md:w-1/3"] .homepage-product-grid,
    .container > .flex.flex-wrap > [class~="md:w-1/4"] .homepage-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    /* Genişlik sınıfı olmayan bloklar (fallback) */
    .container .homepage-product-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
}

.homepage-product-grid {
    display: grid;
    width: 100%;
}

.homepage-product-grid > .product-card {
    min-width: 0 !important;
}