/*
 * شبکه محصولات صفحه اصلی آذین‌فایل.
 * این استایل همه کارت‌های دارای کلاس pcon را فقط در صفحه نخست و فقط وقتی
 * افزودنی‌ها روشن هستند هدف می‌گیرد؛ بنابراین ساختار داخلی Elementor و قالب محفوظ می‌ماند.
 */
body.afz-home-products-grid .pcon {
    box-sizing: border-box !important;
    flex: 0 0 calc(100% / var(--afz-home-products-columns, 4)) !important;
    width: calc(100% / var(--afz-home-products-columns, 4)) !important;
    max-width: calc(100% / var(--afz-home-products-columns, 4)) !important;
    min-width: 0 !important;
}

body.afz-home-products-grid .pcon,
body.afz-home-products-grid .pcon .product,
body.afz-home-products-grid .pcon .prod-name,
body.afz-home-products-grid .pcon .post-img {
    min-width: 0;
}

body.afz-home-products-grid .pcon img,
body.afz-home-products-grid .pcon video,
body.afz-home-products-grid .pcon iframe {
    max-width: 100%;
}

body.afz-home-products-grid .pcon img {
    height: auto;
}

/* تبلت: حداکثر سه ستون، با حفظ تعداد ستون کمتر انتخاب‌شده. */
@media (max-width: 991.98px) {
    body.afz-home-products-grid .pcon {
        flex-basis: calc(100% / var(--afz-home-products-tablet-columns, 3)) !important;
        width: calc(100% / var(--afz-home-products-tablet-columns, 3)) !important;
        max-width: calc(100% / var(--afz-home-products-tablet-columns, 3)) !important;
    }
}

/* موبایل: حداکثر دو ستون برای جلوگیری از بزرگ‌شدن بیش از حد کارت‌ها. */
@media (max-width: 767.98px) {
    body.afz-home-products-grid .pcon {
        flex-basis: calc(100% / var(--afz-home-products-mobile-columns, 2)) !important;
        width: calc(100% / var(--afz-home-products-mobile-columns, 2)) !important;
        max-width: calc(100% / var(--afz-home-products-mobile-columns, 2)) !important;
    }
}