@media (max-width:1199.98px){#atr__header .navbar{height:60px;min-height:60px;padding:0.5rem 0;}#atr__header .container-fluid{padding:0 50px 0 30px;width:100%;justify-content:flex-start;}#atr__header .navbar-brand{height:50px;padding: 0 90px 0px 0;width:auto;max-width:200px;margin-left: -20px;margin-right:auto;}.hamburger__button{display:flex;margin-right:0;z-index:1003;position:relative;cursor:pointer;pointer-events:auto;background:none;border:none;padding:0.5rem;}#mobile__menu__aside{margin-left:20px;position:fixed;top:0;left:-100%;width:100%;max-width:300px;height:100vh;background:#fff;z-index:1000;transition:left 0.3s ease-in-out,visibility 0.3s ease-in-out;visibility:hidden;overflow-y:auto;box-shadow:2px 0 5px rgba(0,0,0,0.2);}body.active-menu-mobile #mobile__menu__aside{left:0 !important;visibility:visible !important;}#mobile__menu__aside:not(.active){left:-100% !important;visibility:hidden !important;}#atr__header .navbar .level-1>li{border-bottom:1px solid rgba(255,255,255,0.1);position:relative;}#atr__header .navbar .level-1>li>a{padding:1rem 1.5rem;display:block;color:#fff;font-weight:500;}#atr__header .navbar .level-2{display:none;background:rgba(255,255,255,0.1);padding:0.5rem 0;position:static;width:100%;max-height:0;overflow:hidden;box-shadow:none;border:none;border-radius:0;min-width:auto;z-index:auto;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;}#atr__header .navbar .level-2.show{display:block;max-height:500px;overflow-y:auto;}#atr__header .navbar .level-2 li a{padding:0.75rem 2rem;display:block;color:#fff;}#atr__header .navbar .level-2 li a:hover{background-color:rgba(255,255,255,0.2);color:#fff;}.panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:99;visibility:hidden;opacity:0;}body.active-menu-mobile .panel-backdrop{visibility:visible;opacity:1;}body.active-menu-mobile{overflow:hidden;}}@media (min-width:768px) and (max-width:1199.98px){body{padding-top:0px !important;}#atr__header .navbar{height:60px;min-height:60px;}#atr__header .navbar-brand{height:60px;max-width:250px;}#atr__header .container-fluid{padding:0 20px;}.hamburger__button{height:35px;display:flex;align-items:center;justify-content:center;}.hamburger__button i,.hamburger__button i::before,.hamburger__button i::after{width:30px;}#atr__header .navbar .level-1>li>a{font-size:1.1rem;padding:1.2rem 2rem;}#atr__header .navbar .level-2 li>a{font-size:1rem;padding:1rem 2.5rem;}}@media (min-width:1200px){#atr__header .navbar{height:50px;padding:0;}#atr__header .container-fluid{max-width:1200px;margin:0 auto;padding:0 1rem;}#atr__header .navbar-brand{height:50px;width:200px;margin-right:2rem;flex-shrink:0;margin-left:0;}.hamburger__button{display:none !important;}#atr__header .navbar .level-1{display:flex !important;position:static;flex-direction:row;width:auto;background:none;box-shadow:none;max-height:none;overflow:visible;align-items:center;margin-right:auto;gap:0.1rem;}#atr__header .navbar .level-1>li{width:auto;border-bottom:none;margin:0 0.05rem;}#atr__header .navbar .level-1>li>a{color:#fff;font-weight:600;white-space:nowrap;padding:0.15rem 0.3rem;text-decoration:none;border-left:none;border-radius:6px;display:flex;line-height:1.2;}#atr__header .navbar .level-1>li>a:hover{background-color:rgba(255,255,255,0.15);border-left:none;color:#fff;}#atr__header .navbar .level-2{display:none;position:absolute;top:100%;left:0;margin:0;padding:1rem 1.5rem;background:#ffffff;border:1px solid rgba(0,0,0,0.05);box-shadow:0 4px 15px rgba(0,0,0,0.08);border-radius:8px;min-width:180px;z-index:100;opacity:0;}#atr__header .navbar .level-2::before{content:none;}#atr__header .navbar .level-2.xsmn{columns:4;-webkit-columns:4;-moz-columns:4;column-gap:2rem;min-width:700px;}#atr__header .navbar .level-2.xsmb{columns:2;-webkit-columns:2;-moz-columns:2;column-gap:2rem;min-width:300px;}#atr__header .navbar .level-2.xsmt{columns:3;-webkit-columns:3;-moz-columns:3;column-gap:2rem;min-width:500px;}#atr__header .navbar .level-2 li{width:auto;break-inside:avoid;margin-bottom:0.2rem;}#atr__header .navbar .level-2 li>a{color:#333;display:block;white-space:nowrap;padding:.4rem 0;font-weight:500;font-size:0.9rem;border-radius:4px;text-decoration:none;}#atr__header .navbar .level-1>li:hover .level-2{display:block;opacity:1;}}#atr__header a:focus{outline:none;}.panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:99;visibility:hidden;opacity:0;}body.active-menu-mobile .panel-backdrop{visibility:visible;opacity:1;}body.active-menu-mobile{overflow:hidden;}.mobile-menu-red{background-color:#ff3c00;padding:0.8rem 0;box-shadow:0 2px 8px rgba(0,0,0,0.2);position:relative;z-index:1001;}.mobile-menu-red .container-fluid{padding:0 15px;}.mobile-menu-red .level-1{list-style:none;padding:0;margin:0;display:flex;justify-content:space-around;overflow-x:auto;-webkit-overflow-scrolling:touch;}.mobile-menu-red .level-1 li a{color:#fff;font-weight:700;font-size:1.1rem;display:block;white-space:nowrap;padding:0.7rem 0.9rem;text-decoration:none;border-radius:6px;transition:background-color 0.3s ease;text-shadow:0 1px 2px rgba(0,0,0,0.3);}.mobile-menu-red .level-1 li a:hover{background-color:rgba(255,255,255,0.2);}.mobile-menu-red .level-2{position:absolute;top:100%;left:0;right:0;background-color:#ff3c00;border:none;border-radius:0;box-shadow:0 4px 12px rgba(0,0,0,0.3);z-index:99999;max-height:0;overflow:hidden;opacity:0;transition:all 0.3s ease;margin-top:0;display:none;list-style:none;padding:0.5rem 0;margin:0;flex-direction:row;flex-wrap:wrap;justify-content:space-around;}.mobile-menu-red .level-2.show{max-height:400px;opacity:1;overflow-y:auto;display:flex;z-index:99999 !important;position:absolute !important;}.mobile-menu-red .level-2 li{flex-shrink:0;position:static;border-bottom:none;border-right:1px solid rgba(255,255,255,0.1);}.mobile-menu-red .level-2 li:last-child{border-right:none;}.mobile-menu-red .level-2 li a{color:#fff;font-weight:500;font-size:0.85rem;padding:0.6rem 0.7rem;display:block;text-decoration:underline;border-radius:0;transition:all 0.2s ease;text-align:center;white-space:nowrap;}.mobile-menu-red .level-2 li a:hover{background-color:rgba(255,255,255,0.1);color:#fff;}.mobile-menu-red .level-1 li.has-dropdown > a::after{content:'▼';font-size:0.7rem;margin-left:0.3rem;transition:transform 0.3s ease;}.mobile-menu-red .level-1 li.has-dropdown.active > a::after{transform:rotate(180deg);}.mobile-menu-red .level-1 li.has-dropdown > a{cursor:pointer;user-select:none;}@media (max-width:767px){body{padding-top:51px !important;}.mobile-menu-red{position:fixed !important;top:50px !important;left:0 !important;right:0 !important;z-index:1002 !important;background:#e51919 !important;box-shadow:0 3px 10px rgba(0,0,0,0.2) !important;transition:none !important;padding:0.6rem 0 !important;margin:0 !important;border:none !important;outline:none !important;min-height:50px !important;width:100% !important;transform:none !important;}.mobile-menu-red .level-1 li a{font-size:.95rem;padding:0.5rem;font-weight:650;}.mobile-menu-red .level-2{left:10px;right:10px;width:auto;}.mobile-menu-red .level-2 li a{font-size:0.85rem;padding:0.5rem 0.8rem;}}.mobile-menu-red .level-2{z-index:99999 !important;}.mobile-menu-red .level-2.show{z-index:99999 !important;}@media (min-width:1200px){.mobile-menu-red{display:none !important;}#mobile__menu__aside{display:none !important;}}#atr__header ul li a:not([href]):hover,#atr__header ul li a[href="#"]:hover,#atr__header ul li a[href="javascript:void(0)"]:hover{cursor:pointer;}@media (max-width:1199px){body{padding-top:50px;}#atr__header{position:fixed;top:0;left:0;right:0;z-index:1001;transition:transform 0.3s ease-in-out;}#atr__header.hidden{transform:translateY(-100%);}#atr__header.hidden + .mobile-menu-red{top:0px !important;}.mobile-menu-red{position:fixed !important;top:50px !important;left:0 !important;right:0 !important;z-index:1002 !important;background:#e51919 !important;box-shadow:0 3px 10px rgba(0,0,0,0.2) !important;transition:none !important;padding:0.8rem 0 !important;margin:0 !important;border:none !important;outline:none !important;width:100% !important;transform:none !important;}}@media (min-width:1200px){body{padding-top:0px !important;}#atr__header{position:relative;top:auto;left:auto;right:auto;z-index:999;transition:none;}}#atr__header.hidden{transform:translateY(-100%);}
@media (max-width: 767px) {
    #atr__header .navbar-brand {
        height: 60px !important;
        max-width: 250px !important;
        width: auto !important;
    }
    
    #atr__header .navbar-brand img {
        height: 32px !important;
        width: auto !important;
        max-width: 250px !important;
        margin-bottom: 7px;
    }
}
.hamburger__button span {
    line-height: 1 !important;
    display: block !important;
}
.mobile-menu-red,
.mobile-menu-red .container-fluid1,
.mobile-menu-red .level-1 {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Thanh scroll cơ bản */
.mobile-menu-red .level-1::-webkit-scrollbar {
    height: 3px !important;
    transform: translateY(100%) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.mobile-menu-red .level-1::-webkit-scrollbar-track {
    background: transparent !important;
}

.mobile-menu-red .level-1::-webkit-scrollbar-thumb {
    background: rgba(111, 109, 109, 0.6) !important;
    border-radius: 2px !important;
}

/* Padding cho main container trên mobile */
@media (max-width: 767px) {
    main.container.mt-3 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .container.mt-3 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    /* .container-fluid.mt-3{
        padding-left: 10px !important;
        padding-right: 10px !important;
    } */
}