/* Menu con cấp hai; thanh điều hướng chính dùng nguyên giao diện navbar của index.php. */
.mega645-page .navbar-main{z-index:1050}
.mega645-page main{padding-top:76px}
.mega645-page .sub-item-11{position:relative}
.mega645-page .sub-item-11>.dropdown-menu{margin-top:0;border:1px solid rgba(13,27,42,.12);border-radius:0 0 8px 8px;box-shadow:0 10px 24px rgba(13,27,42,.18)}
.mega645-page .sub-item-11:hover>.dropdown-menu,.mega645-page .sub-item-11:focus-within>.dropdown-menu{display:block}
.mega645-page .sub-item-22>.dropdown-item{white-space:normal}
.mega645-page .sub-item-22,.mega645-page .sub-item-3{position:relative}
.mega645-page .sub-item-22>.dropdown-menu,.mega645-page .sub-item-3>.dropdown-menu{top:-1px;left:100%;margin:0;border:1px solid rgba(13,27,42,.12);border-radius:0 8px 8px 8px;box-shadow:10px 10px 24px rgba(13,27,42,.18)}
.mega645-page .sub-item-22:hover>.dropdown-menu,.mega645-page .sub-item-22:focus-within>.dropdown-menu,.mega645-page .sub-item-3:hover>.dropdown-menu,.mega645-page .sub-item-3:focus-within>.dropdown-menu{display:block}
.mega645-page .sub-item-22>.dropdown-toggle::after{float:right;margin-top:.45em;transform:rotate(-90deg)}
.mega645-page .sub-cap3 .dropdown-item{min-width:205px;white-space:normal}
@media (max-width:991.98px){
    .mega645-page main{padding-top:68px}
    .mega645-page .navbar-main .navbar-collapse{max-height:calc(100vh - 68px);overflow-y:auto;padding:8px 0 14px}
    .mega645-page .sub-item-11>.dropdown-menu{position:static;float:none;width:100%;margin:0 0 6px;padding:4px 0 4px 12px;border:0;border-left:2px solid var(--accent,#d4a017);border-radius:0;box-shadow:none;background:rgba(255,255,255,.06)}
    .mega645-page .sub-item-11:hover>.dropdown-menu{display:none}
    .mega645-page .sub-item-11.mobile-open>.dropdown-menu,.mega645-page .sub-item-11:focus-within>.dropdown-menu{display:block}
    .mega645-page .sub-item-22>.dropdown-item{color:rgba(255,255,255,.82);padding:.5rem .9rem}
    .mega645-page .sub-item-22>.dropdown-menu,.mega645-page .sub-item-3>.dropdown-menu{position:static;display:none;width:100%;margin:0;padding:2px 0 2px 10px;border:0;border-left:1px solid rgba(125,232,220,.4);border-radius:0;box-shadow:none;background:transparent}
    .mega645-page .sub-item-22.mobile-open>.dropdown-menu,.mega645-page .sub-item-22:focus-within>.dropdown-menu{display:block}
    .mega645-page .sub-cap3 .dropdown-item{min-width:0;padding:.45rem .8rem;color:rgba(255,255,255,.74)}
}

/* Mega menu AI: nhóm cấp 2 thành các cột, link cấp 3 hiển thị như thẻ điều hướng. */
.mega645-page .navbar-main .menus{gap:8px}
.mega645-page .navbar-main>.container{position:relative}
.mega645-page .navbar-main .navbar-collapse{position:static}
.mega645-page .navbar-main .menus{position:absolute;left:50%;margin:0!important;transform:translateX(-50%)}
.mega645-page .navbar-main .menus>.sub-item-11>.nav-link{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(125,232,220,.22);border-radius:999px;padding:9px 15px!important;color:#e8fffb!important;background:rgba(125,232,220,.08);font-weight:800;letter-spacing:.01em;white-space:nowrap}
.mega645-page .navbar-main .menus>.sub-item-11>.nav-link:hover,.mega645-page .navbar-main .menus>.sub-item-11:focus-within>.nav-link{border-color:rgba(125,232,220,.65);color:#061b2a!important;background:linear-gradient(135deg,#8deede,#ffd66d);box-shadow:0 8px 22px rgba(0,0,0,.2)}
.mega645-page .sub-item-11>.sub-cap2{right:auto;left:50%;width:min(960px,calc(100vw - 30px));padding:18px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(125,232,220,.3);border-radius:16px;background:linear-gradient(145deg,rgba(13,35,55,.98),rgba(6,19,34,.98));box-shadow:0 20px 45px rgba(0,0,0,.35);transform:translateX(-50%)}
.mega645-page .sub-item-11:hover>.sub-cap2,.mega645-page .sub-item-11:focus-within>.sub-cap2{display:grid}
.mega645-page .sub-cap2>.sub-item-22{min-width:0;padding:10px;border:1px solid rgba(157,197,232,.14);border-radius:12px;background:rgba(255,255,255,.035)}
.mega645-page .sub-cap2>.sub-item-22>.dropdown-item{padding:4px 4px 8px;color:#ffe19a;font-size:.7rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.mega645-page .sub-cap2>.sub-item-22>.dropdown-item:after{display:none}
.mega645-page .sub-cap2>.sub-item-22>.dropdown-item{width:100%;border:0;background:transparent;text-align:left}
.mega645-page .sub-cap2>.sub-item-22>.sub-cap3{position:static;display:block;width:auto;min-width:0;margin:0;padding:7px 0 0;border:0;border-top:1px solid rgba(157,197,232,.12);border-radius:0;box-shadow:none;background:transparent}
.mega645-page .sub-cap2>.sub-item-22>.sub-cap3>.sub-item-33>.dropdown-item{display:block;margin-top:3px;border-radius:7px;padding:7px 8px;color:rgba(239,246,255,.75);font-size:.67rem;line-height:1.3;white-space:normal}
.mega645-page .sub-cap2>.sub-item-22>.sub-cap3>.sub-item-33>.dropdown-item:hover,.mega645-page .sub-cap2>.sub-item-22>.sub-cap3>.sub-item-33>.dropdown-item:focus{color:#061b2a;background:#8deede}
.mega645-page .sub-cap2>.sub-item-22:hover,.mega645-page .sub-cap2>.sub-item-22:focus-within{border-color:rgba(125,232,220,.45);background:rgba(125,232,220,.06)}
/* Thu gọn bốn nhóm xổ số để tránh đè logo trên màn hình laptop nhỏ. */
@media (min-width:992px) and (max-width:1199.98px){
    .mega645-page .navbar-main .menus{position:static;transform:none;margin-left:auto!important;gap:4px}
    .mega645-page .navbar-main .menus>.sub-item-11>.nav-link{padding:9px 8px!important;font-size:.75rem}
}
@media (max-width:991.98px){
    .mega645-page .navbar-main .menus{position:static;margin:0!important;transform:none}
    .mega645-page .navbar-main .menus>.sub-item-11>.nav-link{border:0;border-radius:8px;padding:.72rem .55rem!important;background:transparent}
    .mega645-page .sub-item-11>.sub-cap2{display:none;width:100%;padding:8px 0;grid-template-columns:1fr;border:0;border-left:2px solid #8deede;border-radius:0;background:rgba(255,255,255,.04);box-shadow:none;transform:none}
    .mega645-page .sub-item-11.mobile-open>.sub-cap2,.mega645-page .sub-item-11:focus-within>.sub-cap2{display:grid}
    .mega645-page .sub-cap2>.sub-item-22{margin:3px 8px;padding:8px;border-color:rgba(157,197,232,.12)}
    .mega645-page .sub-cap2>.sub-item-22>.dropdown-item{padding:5px 7px;color:#ffe19a}
    .mega645-page .sub-cap2>.sub-item-22>.sub-cap3{display:block;padding-top:5px}
    .mega645-page .sub-cap2>.sub-item-22>.sub-cap3>.sub-item-33>.dropdown-item{padding:8px;color:rgba(255,255,255,.8)}
}