.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:10px;z-index:1000;} .menu-toggle span{width:25px;height:3px;background:#fff;margin:5px 0;transition:0.3s;border-radius:2px;} .menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(10px, 10px);} .menu-toggle.active span:nth-child(2){opacity:0;} .menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px, -7px);} .ios-manset-prev, .ios-manset-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(0, 0, 0, 0.5);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:20;cursor:pointer;border:1px solid rgba(255,255,255,0.2);transition:0.3s;} .ios-manset-prev{left:10px;} .ios-manset-next{right:10px;} .ios-manset-prev:hover, .ios-manset-next:hover{background:var(--primary-color, #e30613);} @media (max-width:1024px){.container{padding:0 15px;} .main-header-inner{flex-wrap:wrap;gap:15px;} .district-links{gap:10px;} .district-links a{font-size:12px;} .header-right-menu{gap:15px;width:100%;} .search-form{flex:1;} .manset-container-v3{gap:15px;} .ios-manset-slider{height:450px;} .ios-manset-title{font-size:22px;}} @media (max-width:768px){html{font-size:15px;} .container{padding:0 12px;background-image:linear-gradient( 45deg, rgba(0, 122, 255, 0.23), rgba(255, 255, 255, 0.52), rgba(88, 86, 214, 0.4) );} .top-bar-inner, .main-header-inner{flex-direction:column;align-items:center;text-align:center;} .site-logo img{max-width:120px;} .district-links{justify-content:center;width:100%;} .menu-toggle{display:flex;} .nav-inner{top:100%;left:0;right:0;background:var(--primary-color);max-height:0;overflow:hidden;transition:max-height 0.3s ease;z-index:999;} .nav-inner.active{max-height:500px;} .header-nav{flex-direction:column;padding:10px 0;} .manset-container-v3{flex-direction:column;margin-top:10px;background:#fff;padding-bottom:15px;} .ios-manset-wrapper{border-radius:12px;margin-bottom:20px;position:relative;overflow:visible;} .ios-manset-slider{height:350px;} .ios-manset-content{bottom:20px;padding:15px;background:linear-gradient(transparent, rgba(0,0,0,0.8));} .ios-manset-title{font-size:18px;line-height:1.3;} .ios-manset-numbers{position:relative;bottom:auto;left:auto;transform:none;margin-top:15px;border:1px solid #ddd;padding:12px 15px;width:auto;max-width:100%;display:flex;justify-content:center;overflow-x:auto;white-space:nowrap;gap:8px;} .ios-manset-number{background:#fff;color:#333;border:1px solid #ccc;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;} .ios-manset-number.active{background:var(--primary-color, #e30613);color:#fff;border-color:var(--primary-color);} .side-manset-side{flex-direction:row !important;gap:10px;} .side-news-box{flex:1;min-height:120px;} .v4-news-item{flex-direction:column !important;} .v4-news-img{width:100% !important;height:200px !important;}} @media (max-width:480px){.ios-manset-slider{height:300px;} .ios-manset-prev, .ios-manset-next{width:32px;height:32px;font-size:12px;} .ios-manset-title{font-size:16px;} .ios-manset-numbers{gap:6px;padding:10px 12px;margin-top:12px;} .ios-manset-number{width:26px;height:26px;font-size:10px;}} @media (hover:none) and (pointer:coarse){.ios-manset-prev, .ios-manset-next{display:flex;opacity:0.8;}} @media (max-width:991px){.site-main-inner{flex-direction:column !important;} .v4-sidebar{width:100% !important;margin-top:30px;} .v4-glass-news-item{flex-direction:column !important;height:auto !important;min-height:350px;} .v4-glass-visual{height:200px !important;flex:none !important;} .v4-glass-content{padding:15px !important;} .v4-glass-inner{padding:15px !important;} .full-manset-wrapper{height:400px !important;} .ios-manset-title{font-size:20px !important;} .ios-manset-excerpt{display:none;}}