/* XGQN mobile-only: two-column links within each footer group + 2 balanced news photos.
   Scope: Transport pages, viewport <= 767px. Desktop CSS/data untouched. */
@media screen and (max-width:767px) {
    /* Homepage footer: keep Dịch vụ vận tải and Loại xe as two distinct sections.
       Each section displays its own entries in two columns. */
    footer.qnvf23f-footer .footer-menu-columns {
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        gap:22px!important;
    }
    footer.qnvf23f-footer .footer-menu-column {
        width:100%;
        min-width:0;
    }
    footer.qnvf23f-footer .footer-menu-list {
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        column-gap:14px!important;
        row-gap:0!important;
        width:100%;
        padding:0!important;
        margin:0!important;
    }
    footer.qnvf23f-footer .footer-menu-list > li {
        display:block;
        min-width:0;
        margin:0;
    }
    footer.qnvf23f-footer .footer-menu-list > li > a,
    footer.qnvf23f-footer .footer-menu-list > li > button {
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:5px!important;
        min-width:0;
        width:100%;
        min-height:48px;
        padding:10px 0;
        font-size:13px!important;
        line-height:1.4;
        text-align:left;
    }
    footer.qnvf23f-footer .footer-menu-list > li > :is(a,button) > span:first-child {
        min-width:0;
        overflow-wrap:break-word;
    }
    footer.qnvf23f-footer .footer-menu-list > li > :is(a,button) > span:last-child {
        flex:none;
        margin-left:auto;
    }

    /* Non-home Transport footer uses a separate Laravel component.
       Apply the same two-column behavior, without changing desktop. */
    footer.trf61 .trf61-nav .trf61-list {
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:0 14px!important;
        max-height:none!important;
        overflow:visible!important;
        width:100%;
    }
    footer.trf61 .trf61-nav .trf61-list > a,
    footer.trf61 .trf61-nav .trf61-list > button {
        display:flex!important;
        width:100%!important;
        min-width:0!important;
        min-height:46px;
        padding:9px 0!important;
        font-size:12.5px!important;
        line-height:1.4!important;
        overflow-wrap:break-word!important;
    }
    footer.trf61 .trf61-nav .trf61-list .trf61-item-icon {
        display:none!important;
    }
    footer.trf61 .trf61-nav .trf61-list .trf61-arrow {
        margin-left:auto;
        flex:none;
    }

    /* Homepage magazine: first two thumbnails form one complete row.
       Suppress only the third side thumbnail on phones; retain its article,
       images, URLs, SEO index state, and desktop presentation. */
    body.qnvf23g-home .trp02-news .dt-mag-side {
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        grid-template-rows:auto!important;
        align-items:stretch!important;
        gap:10px!important;
        width:100%!important;
        min-width:0!important;
        height:auto!important;
        min-height:0!important;
        padding:0!important;
        overflow:visible!important;
        scroll-snap-type:none!important;
    }
    body.qnvf23g-home .trp02-news .dt-mag-side > a.dt-overlay-card:nth-child(n+3) {
        display:none!important;
    }
    body.qnvf23g-home .trp02-news .dt-mag-side > a.dt-overlay-card,
    body.qnvf23g-home .trp02-news .dt-mag-side > a.dt-overlay-card.dt-mag-wide {
        display:block!important;
        flex:none!important;
        grid-column:auto!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        min-height:0!important;
        height:auto!important;
        aspect-ratio:1 / 1!important;
        border-radius:9px!important;
        background:#e8edf2;
        overflow:hidden!important;
        box-shadow:0 3px 12px rgba(18,40,63,.08);
    }
    body.qnvf23g-home .trp02-news .dt-mag-side > a.dt-overlay-card > img {
        display:block!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        max-height:none!important;
        object-fit:cover!important;
        border-radius:9px!important;
    }
    /* The two photo cards are image-only as in the reference screenshot.
       Accessible titles remain on links through aria-label. */
    body.qnvf23g-home .trp02-news .dt-mag-side > a.dt-overlay-card > .dt-overlay-content,
    body.qnvf23g-home .trp02-news .dt-mag-side > a.dt-overlay-card::after {
        display:none!important;
    }
}