/* ================================================================= Green Campus — header / navigation fix (drop-in, all pages) Каждую страницу ичига, шаблон CSS'ларидан КЕЙИН уланг: ================================================================= */ /* --- Тест режими баннери + header офсети (ички саҳифалар) --- */ #test-mode-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; height: 34px; line-height: 34px; background: #f59e0b; color: #241a00; text-align: center; font-family: "Outfit", "Manrope", sans-serif; font-weight: 600; font-size: 13px; letter-spacing: .3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 14px; } @media (max-width: 600px) { #test-mode-bar { font-size: 11px; } } /* Тест баннери бўлганда header уни остига тушади. Баннер олиб ташланса, бу иккита қаторни ҳам ўчиринг (ёки top:0 қилинг). */ .top-navbar { top: 34px; } .top-navbar.sticky { top: 34px; } /* --- Тил алмаштиргич тугмалари (юқори панель) --- */ .gm-lang { display: flex; gap: 6px; align-items: center; background: rgba(0, 0, 0, .18); padding: 4px; border-radius: 10px; } .gm-lang .lang-btn { font: 600 13px "Outfit", "Manrope", sans-serif; color: #fff; opacity: .7; padding: 5px 9px; border-radius: 7px; text-decoration: none; transition: .2s; } .gm-lang .lang-btn:hover { opacity: 1; } .gm-lang .lang-btn.active { opacity: 1; background: #2e9e5b; } /* ===================================================================== КАТТА ЭКРАН (≥1851px): горизонтал меню, тил алмаштиргич МЕНЮДАН КЕЙИН ===================================================================== */ @media (min-width: 1851px) { .top-navbar { flex-wrap: nowrap; } .top-navbar > a:first-of-type { order: 0; } .top-navbar .mobile-nav { order: 1; margin-left: auto; } .top-navbar .gm-lang { order: 2; margin-left: 26px; margin-right: 0; } .top-navbar .menu-toggle { order: 3; } .top-navbar .menu { flex-wrap: nowrap; } .top-navbar .menu .dropdown a { font-size: 15px; white-space: nowrap; line-height: 1.25; } .top-navbar .dots-circle { margin: 0 9px; } /* dropdown panels: fit long Uzbek labels on one line */ .top-navbar .submenu { width: max-content; min-width: 210px; max-width: 460px; } .top-navbar .submenu li { padding: 7px 14px; } .top-navbar .submenu li a { font-size: 15px; line-height: 1.4; white-space: nowrap; } .top-navbar .menu > li:last-child .submenu { left: auto; right: 0; } } /* ===================================================================== ≤1850px: тоза off-canvas гамбургер меню (ноутбук, планшет, телефон) Биргина тил алмаштиргич — меню ичида, бандлардан кейин. ===================================================================== */ @media (max-width: 1850px) { .menu-toggle { display: flex !important; margin-left: 8px; } .gm-lang { display: flex !important; margin-left: auto; margin-right: 0; } /* битта алмаштиргич — юқори панелда */ .mobile-nav { flex-direction: column; justify-content: flex-start; gap: 28px; position: fixed; top: 0; left: -360px; max-width: 340px; width: 100%; height: 100vh; height: 100dvh; background: #0b1f13; padding: 22px 22px 32px; transition: left .45s ease-in-out; z-index: 10050; overflow-y: auto; align-items: stretch; } .mobile-nav.active { left: 0; } .menu-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, .55); z-index: 10040; opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease; } .menu-overlay.active { opacity: 1; visibility: visible; } .mobile-nav-top-content, .mobile-nav-bottom-content { width: 100%; } .mobile-nav-top-content { display: flex; flex-direction: column; gap: 12px; } .mobile-nav-bottom-content { display: none !important; } /* драўердаги дубликат яширилади */ .menu-toggle-logo-close-icon { display: flex; align-items: center; justify-content: space-between; } .menu { flex-direction: column; align-items: stretch; gap: 0; } .menu li { width: 100%; padding: 1px 0; } .dots-circle-li, .dots-circle { display: none; } .menu .dropdown a { justify-content: space-between; width: 100%; font-size: 16px; color: #fff; padding: 11px 8px; border-radius: 8px; line-height: 1.3; } .menu .dropdown a:hover { background: rgba(255, 255, 255, .06); color: #fff; } .submenu { position: static; background: #14311f; width: 100%; opacity: 1; visibility: visible; transform: none; display: none; margin: 2px 0 8px 8px; border-radius: 8px; box-shadow: none; border-top: none; } .submenu.open { display: block; } .submenu li { padding: 3px 12px; } .submenu li a { color: #cfe8d6; font-size: 14px; line-height: 1.4; } .mobile-lang-switcher { justify-content: center; } } /* ===================================================================== Мобайл hero/слайдер: матнларни ихчамлаштириш (барча саҳифалар) ===================================================================== */ @media (max-width: 768px) { .hero-container2 h1, .hero-container h1, .hero-slide-content h1, .hero-container4 h1 { font-size: 32px !important; line-height: 40px !important; padding: 8px 0 14px 0 !important; } .hero-container-para1 { font-size: 13px !important; line-height: 18px !important; letter-spacing: 1.5px !important; } .hero-container-para2 { font-size: 15px !important; line-height: 24px !important; max-width: 540px !important; } .hero-container-button-video { padding-top: 28px !important; gap: 18px !important; } } @media (max-width: 480px) { .hero-container2 { padding: 0 22px !important; } .hero-container2 h1, .hero-container h1, .hero-slide-content h1, .hero-container4 h1 { font-size: 27px !important; line-height: 34px !important; padding: 6px 0 12px 0 !important; } .hero-container-para1 { font-size: 12px !important; } .hero-container-para2 { font-size: 14px !important; line-height: 22px !important; } .hero-container-button-video { padding-top: 20px !important; } }