/* OMT-FOOTER-MOBILE-TWO-COLUMNS-V2 */

@media screen and (max-width: 767px) {

    .site-footer.site-footer-rich
    .footer-rich-grid {
        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 18px !important;
        row-gap: 25px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 28px 16px 30px !important;
        box-sizing: border-box !important;
        align-items: start !important;
    }

    /* Informasi OMTOPUP tetap satu baris penuh */
    .site-footer.site-footer-rich
    .footer-rich-grid > section:first-child {
        grid-column: 1 / -1 !important;
        min-width: 0 !important;
    }

    /* Navigasi dan bantuan berdampingan */
    .site-footer.site-footer-rich
    .footer-rich-grid > section.footer-col {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        min-width: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 11px !important;
        text-align: left !important;
    }

    .site-footer.site-footer-rich
    .footer-rich-grid > section.footer-col h3 {
        margin: 0 0 5px !important;
        padding: 0 !important;
        color: #ffffff !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1.4 !important;
        text-align: left !important;
    }

    .site-footer.site-footer-rich
    .footer-rich-grid > section.footer-col > a {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #aeb8cc !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
        text-align: left !important;
        overflow-wrap: break-word !important;
    }

    /* Pembayaran mengambil lebar penuh */
    .site-footer.site-footer-rich
    .footer-rich-grid > section.footer-col:last-child {
        grid-column: 1 / -1 !important;
        align-items: center !important;
        text-align: center !important;
        gap: 12px !important;
    }

    .site-footer.site-footer-rich
    .footer-rich-grid > section.footer-col:last-child h3 {
        width: 100% !important;
        text-align: center !important;
    }

    .site-footer.site-footer-rich
    .payment-badges {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 7px !important;
        width: 100% !important;
    }

    .site-footer.site-footer-rich
    .payment-safe {
        width: 100% !important;
        margin-top: 3px !important;
        text-align: center !important;
    }

    .site-footer.site-footer-rich
    .footer-bottom {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        padding: 18px 16px !important;
        text-align: center !important;
    }

    .site-footer.site-footer-rich
    .footer-bottom-links {
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
    }
}

@media screen and (max-width: 360px) {
    .site-footer.site-footer-rich
    .footer-rich-grid {
        column-gap: 12px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .site-footer.site-footer-rich
    .footer-rich-grid > section.footer-col > a {
        font-size: 11.5px !important;
    }
}