/* ═══════════════════════════════════════════════════════════════
   NAT-FOOTER-BUTTONS-FIX — هم‌شکل با سوشال
   ═══════════════════════════════════════════════════════════════ */
@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: 400px !important;
        margin: 14px auto 14px !important;
        padding: 0 12px !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 8px !important;
        min-height: 42px !important;
        background: rgba(255,255,255,.08) !important;
        border: 1px solid rgba(255,255,255,.18) !important;
        border-radius: 12px !important;
        color: #fbf9f3 !important;
        font-family: 'Vazirmatn', Tahoma !important;
        font-size: .74rem !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        text-align: center !important;
        line-height: 1.2 !important;
        transition: all .25s cubic-bezier(.4,0,.2,1) !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 {
        background: linear-gradient(135deg, #D99A2B, #8B5E14) !important;
        border-color: transparent !important;
        color: #1a1e22 !important;
    }
}