/*
 * IranStores public store grids
 * Desktop: 4 | Laptop: 3 | Tablet/Mobile: 2
 */

/* دسکتاپ بزرگ */
@media (min-width: 1200px) {
    .stores-page .stores-grid,
    .local-store-grid,
    .online-store-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .search-page .public-store-grid > [class*="col-"] {
        flex: 0 0 auto !important;
        width: 25% !important;
    }

    .search-v2-store-media,
    .local-store-media,
    .online-store-media {
        height: 185px !important;
    }

    .stores-page .store-card-body,
    .search-v2-store-body,
    .local-store-body,
    .online-store-body {
        padding: 14px !important;
    }

    .stores-page .store-card-title,
    .search-v2-store-body h3,
    .local-store-body h3,
    .online-store-body h3 {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    .search-v2-store-body > p,
    .local-store-body > p,
    .online-store-body > p {
        display: -webkit-box;
        min-height: 42px !important;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }
}

/* لپ‌تاپ */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .stores-page .stores-grid,
    .local-store-grid,
    .online-store-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .search-page .public-store-grid > [class*="col-"] {
        flex: 0 0 auto !important;
        width: 33.333333% !important;
    }
}

/* تبلت */
@media (min-width: 576px) and (max-width: 991.98px) {
    .stores-page .stores-grid,
    .local-store-grid,
    .online-store-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .search-page .public-store-grid > [class*="col-"] {
        flex: 0 0 auto !important;
        width: 50% !important;
    }
}

/* موبایل؛ دو ستون حفظ شود */
@media (max-width: 575.98px) {
    .stores-page .stores-grid,
    .local-store-grid,
    .online-store-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .search-page .public-store-grid {
        --bs-gutter-x: 8px !important;
        --bs-gutter-y: 10px !important;
    }

    .search-page .public-store-grid > [class*="col-"] {
        flex: 0 0 auto !important;
        width: 50% !important;
    }
}

/* گوشی‌های بسیار باریک نیز دو ستونه باقی بمانند */
@media (max-width: 360px) {
    .stores-page .stores-grid,
    .local-store-grid,
    .online-store-grid {
        gap: 6px !important;
    }

    .search-page .public-store-grid {
        --bs-gutter-x: 6px !important;
    }
}