/* ==========================================================================
   Header · nav — BẢN MÁY TÍNH

   Menu ba gach + thanh dieu huong duoi day + nut tron - CHI dien thoai.

   Số đo dùng thang --cq-1..6, màu dùng token (Theme.css).
   Bản máy tính và bản điện thoại TÁCH HẲN — không bản nào đè bản nào.
   Dòng "← file cũ" cho biết luật đó gom về từ đâu.
   ========================================================================== */


@media (min-width: 1280px) and (max-width: 1359px) {
    /* ← Content/Styles/mobile-v2.css */
    .cq-mnav {


        display: block;

        position: fixed;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        z-index: 1200;

        visibility: hidden;

        pointer-events: none;

        overflow: hidden;   /* cat panel truot khi dong -> khong lam trang rong hon man hinh */
    }

    .cq-mnav.is-open {


        visibility: visible;

        pointer-events: auto;
    }

    .cq-mnav__backdrop {


        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        background: rgba(15, 25, 35, .35);
    }

    .cq-mnav__panel {


        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        width: 360px;

        padding: 0 var(--cq-4) var(--cq-5);
        background: var(--cq-surface);
        box-shadow: -6px 0 24px rgba(20, 33, 46, .16);

        overflow-y: auto;

        transform: translateX(100%);

        transition: transform .24s ease;
    }

    .cq-mnav.is-open .cq-mnav__panel {


        transform: translateX(0);
    }

}

/* [2026-08-19] Ẩn ở BẢN MÁY TÍNH — ba thứ này chỉ dành cho điện thoại.
   ⚠ Luật ẩn phải nằm ở đây, KHÔNG để cuối file mobile: cùng mức ưu tiên mà đứng
   sau thì nó đè luôn luật bật trong @media, làm thanh dưới không bao giờ hiện. */
.cq-bottom-nav,
.cq-fab,
.cq-mnav {
    display: none;
}