/* ═══════════════════════════════════════════════════════════════
   NAT-IMAGE-FIX — عکس‌ها + دکمه‌های فوتر موبایل
   ═══════════════════════════════════════════════════════════════ */

/* ─── اطمینان از نمایش عکس‌ها ─── */
html body img {
    max-width: 100%;
    height: auto;
}
/* عکس‌های با background — تضمین display */
.hero__img,
.card__img,
.sub-card__img,
.product-card__img,
.hero-picks__cover,
.podcast__cover {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

/* ─── دکمه‌های فوتر موبایل — هم‌شکل، هم‌رنگ، مرتب ─── */
@media (max-width: 768px) {
    html body footer.footer .nat-footer-menu-mobile {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 380px !important;
        margin: 14px auto 12px !important;
        padding: 0 !important;
    }
    html body footer.footer .nat-footer-menu-mobile a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        padding: 10px 10px !important;
        min-height: 42px !important;
        height: auto !important;
        background: rgba(255,255,255,.08) !important;
        border: 1px solid rgba(255,255,255,.16) !important;
        border-radius: 10px !important;
        color: #fbf9f3 !important;
        font-family: 'Vazirmatn', Tahoma !important;
        font-size: .76rem !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        text-align: center !important;
        line-height: 1.2 !important;
        transition: all .22s ease !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    html body footer.footer .nat-footer-menu-mobile a:hover,
    html body footer.footer .nat-footer-menu-mobile a:active {
        background: rgba(217,154,43,.22) !important;
        border-color: rgba(217,154,43,.55) !important;
        color: #FFD98A !important;
        transform: translateY(-2px) !important;
    }
    /* دکمه‌های حساب — متمایز */
    html body footer.footer .nat-footer-menu-mobile a.is-account {
        background: rgba(217,154,43,.15) !important;
        border-color: rgba(217,154,43,.40) !important;
        color: #FFD98A !important;
        font-weight: 800 !important;
    }
    html body footer.footer .nat-footer-menu-mobile a.is-account:hover,
    html body footer.footer .nat-footer-menu-mobile a.is-account:active {
        background: linear-gradient(135deg, #D99A2B, #8B5E14) !important;
        border-color: transparent !important;
        color: #1a1e22 !important;
    }
}
@media (max-width: 480px) {
    html body footer.footer .nat-footer-menu-mobile {
        gap: 6px !important;
        max-width: 100% !important;
    }
    html body footer.footer .nat-footer-menu-mobile a {
        font-size: .7rem !important;
        padding: 9px 8px !important;
        min-height: 40px !important;
    }
}

/* ─── رفع احتمال problem تصاویر در سیستم‌های دیگر ─── */
html body a,
html body img {
    -webkit-touch-callout: default;
}
/* هیچ حدس احتمال بلاک نکن */
html body img[src=""],
html body img:not([src]) {
    display: none !important;
}