/* ========================================================================== AirCrewCentral — витрина для незалогиненного посетителя Источник правды: C:\xampp\update\project-2026\02-DESIGN-SYSTEM.md !!! ВНИМАНИЕ. ЭТОТ ФАЙЛ НЕЛЬЗЯ ПОДКЛЮЧАТЬ В app.blade.php. !!! Он прячет боковое меню, шапку и правую панель покупной темы. Нужен только на витрине, и подключается ИЗ САМОГО партиала landing.blade.php, который рендерится только гостю и только на главной. Подключите его глобально — весь сайт останется без навигации. check-integrity.py следит за этим отдельной проверкой: если файл появится в app.blade.php, скрипт скажет об этом как о проблеме. ПОЧЕМУ ТАК, А НЕ КЛАССОМ НА . Класс на body из шаблона страницы не поставить: живёт в app.blade.php, а туда мы не лезем. Можно было бы через JS, но тогда при загрузке на мгновение мелькнёт полная тема и всё дёрнется. Ссылка на стиль — решение без мигания и без JS. ========================================================================== */ /* --- Снимаем обрамление темы ------------------------------------------- */ .page-sidebar, .page-header, #main-right-sidebar { display: none !important; } .page-content { margin-left: 0 !important; } .page-inner { padding: 0 !important; } /* Первый .container-fluid внутри .page-inner — это хлебные крошки. На витрине они не нужны: посетитель ещё никуда не углублялся. */ .page-inner > .container-fluid:first-child { display: none !important; } .page-inner > #main-wrapper.container-fluid { padding: 0 !important; } /* Подвал у темы absolute. Без бокового меню он уезжает; переводим в поток. Прятать не стал — там кредиты phpVMS и темы. */ .page-footer { position: static !important; width: auto !important; margin-top: var(--acc-sp-8); } /* --- Первый экран во весь рост ----------------------------------------- */ .acc-hero--full { height: 100vh; height: 100dvh; min-height: 560px; border-radius: 0; box-shadow: none; } .acc-hero--full .acc-hero__inner { justify-content: center; padding: clamp(88px, 12vh, 140px) clamp(20px, 6vw, 96px) clamp(28px, 5vh, 56px); } .acc-hero--full .acc-hero__panel { max-width: 660px; } .acc-hero--full .acc-hero__title { font-size: clamp(40px, 6.4vw, 86px); } .acc-hero--full .acc-hero__lead { font-size: clamp(16px, 1.5vw, 20px); } /* Затемнение мягче: на весь экран прежнее было слишком плотным и убивало карту, ради которой всё и затевалось. */ .acc-hero--full .acc-hero__scrim { background: linear-gradient(90deg, rgba(var(--acc-scrim), 0.9) 0%, rgba(var(--acc-scrim), 0.62) 38%, rgba(var(--acc-scrim), 0.18) 68%, rgba(var(--acc-scrim), 0.45) 100%), linear-gradient(0deg, rgba(var(--acc-scrim), 0.9) 0%, transparent 34%), linear-gradient(180deg, rgba(var(--acc-scrim), 0.75) 0%, transparent 18%); } /* --- Плавающее меню-таблетка -------------------------------------------- */ .acc-nav { position: fixed; top: clamp(14px, 2.4vh, 26px); left: 50%; transform: translateX(-50%); z-index: 1100; display: flex; align-items: center; gap: var(--acc-sp-1); padding: 6px 6px 6px 10px; border: 1px solid var(--acc-glass-brd); border-radius: var(--acc-r-pill); background: var(--acc-nav-bg); backdrop-filter: blur(18px); box-shadow: var(--acc-shadow-card), var(--acc-shadow-inset); max-width: calc(100vw - 24px); } /* Прокрутили ниже первого экрана — таблетка становится плотной. Класс вешает acc-hero.js. Полупрозрачное стекло поверх обычного текста выглядит грязью, а не стеклом. */ .acc-nav--solid { background: var(--acc-nav-bg-solid); border-color: var(--acc-nav-brd-solid); transition: background var(--acc-dur-base) var(--acc-ease); } .acc-nav__crest { display: flex; align-items: center; padding-right: var(--acc-sp-2); margin-right: var(--acc-sp-1); border-right: 1px solid var(--acc-glass-brd); line-height: 0; } .acc-nav__links { display: flex; align-items: center; gap: 2px; overflow-x: auto; scrollbar-width: none; } .acc-nav__links::-webkit-scrollbar { display: none; } .acc-nav__links a { display: block; padding: 9px 15px; border-radius: var(--acc-r-pill); font-family: var(--acc-font-display); font-size: 13.5px; font-weight: 600; letter-spacing: 1.1px; text-transform: uppercase; white-space: nowrap; color: var(--acc-text-dim); text-decoration: none; transition: color var(--acc-dur-fast) var(--acc-ease), background var(--acc-dur-fast) var(--acc-ease); } .acc-nav__links a:hover, .acc-nav__links a[aria-current="page"] { color: var(--acc-text); background: var(--acc-hover); text-decoration: none; } /* Переключатель режима. Показываем ту иконку, в который режим ведёт нажатие, а не тот, в котором мы сейчас: кнопка обещает результат. В тёмной теме на кнопке солнце, в светлой — луна. */ .acc-nav__theme { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-left: var(--acc-sp-1); padding: 0; border: 1px solid var(--acc-glass-brd); border-radius: 50%; background: transparent; color: var(--acc-text-dim); cursor: pointer; transition: color var(--acc-dur-fast) var(--acc-ease), border-color var(--acc-dur-fast) var(--acc-ease); } .acc-nav__theme:hover { color: var(--acc-cyan); border-color: var(--acc-cyan-dim); } .acc-nav__theme-light { display: none; } [data-bs-theme="light"] .acc-nav__theme-light { display: none; } [data-bs-theme="light"] .acc-nav__theme-dark { display: block; } [data-bs-theme="dark"] .acc-nav__theme-dark { display: none; } [data-bs-theme="dark"] .acc-nav__theme-light { display: block; } .acc-nav__cta { flex: 0 0 auto; margin-left: var(--acc-sp-1); padding: 9px 18px; border-radius: var(--acc-r-pill); background: var(--acc-cyan); color: var(--acc-on-cyan); font-family: var(--acc-font-display); font-size: 13.5px; font-weight: 600; letter-spacing: 1.1px; text-transform: uppercase; white-space: nowrap; text-decoration: none; transition: background var(--acc-dur-fast) var(--acc-ease); } .acc-nav__cta:hover { background: var(--acc-cyan-dim); color: var(--acc-on-cyan); text-decoration: none; } /* --- Главная кнопка витрины -------------------------------------------- ВАЖНО ПРО ДВА РЕЖИМА. Свечение — приём тёмного режима и только его. Свет виден там, где вокруг темно; на бумаге светиться нечему, и «светящаяся» кнопка превращается в мутное пятно по краю. На светлом ту же роль — «это главная кнопка» — выполняет сплошная заливка. Поэтому здесь не один стиль с подкрученными переменными, а два разных приёма под одну задачу. Это и есть переворот: сохраняем роль, меняем способ. --------------------------------------------------------------- */ .acc-hero__btn--glow { position: relative; padding: 16px 34px; font-size: 16px; border: 2px solid var(--acc-cyan); background: var(--acc-cyan-soft); color: var(--acc-text); box-shadow: 0 0 0 4px var(--acc-cyan-soft), 0 0 28px var(--acc-cyan-glow), inset 0 0 18px var(--acc-cyan-soft); } .acc-hero__btn--glow:hover { background: var(--acc-cyan); color: var(--acc-on-cyan); box-shadow: 0 0 0 5px var(--acc-cyan-soft), 0 0 40px var(--acc-cyan-glow); } [data-bs-theme="light"] .acc-hero__btn--glow { background: var(--acc-cyan); color: var(--acc-on-cyan); box-shadow: 0 0 0 4px var(--acc-cyan-soft), 0 6px 18px var(--acc-cyan-glow); } [data-bs-theme="light"] .acc-hero__btn--glow:hover { background: var(--acc-cyan-dim); color: var(--acc-on-cyan); box-shadow: 0 0 0 5px var(--acc-cyan-soft), 0 8px 22px var(--acc-cyan-glow); } /* Подсказка «листайте вниз» на бумаге слишком бледная — на светлом приглушённый серый почти сливается. Делаем её основным тоном текста. */ [data-bs-theme="light"] .acc-scroll { color: var(--acc-text-dim); } /* --- Стрелка «листайте вниз» -------------------------------------------- */ .acc-scroll { position: absolute; left: 50%; bottom: clamp(14px, 3vh, 30px); z-index: 3; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 6px; color: var(--acc-text-mute); font-family: var(--acc-font-mono); font-size: 10px; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; pointer-events: auto; } .acc-scroll:hover { color: var(--acc-cyan); text-decoration: none; } .acc-scroll svg { animation: acc-scroll-hint 2.2s var(--acc-ease) infinite; } @keyframes acc-scroll-hint { 0%, 100% { transform: translateY(0); opacity: 0.55; } 50% { transform: translateY(5px); opacity: 1; } } /* --- Секции под первым экраном ------------------------------------------ */ /* Витрина идёт во всю ширину, поэтому внутренним блокам нужны свои поля — у .page-inner мы их сняли. */ .acc-below { max-width: 1560px; margin: 0 auto; padding: clamp(28px, 5vh, 64px) clamp(16px, 3vw, 40px) 0; } .acc-below > .row { margin-left: 0; margin-right: 0; } /* --- Узкие экраны ------------------------------------------------------- */ @media (max-width: 767.98px) { .acc-hero--full { height: auto; min-height: 88vh; } .acc-nav { left: 12px; right: 12px; transform: none; max-width: none; } .acc-nav__links { flex: 1 1 auto; } .acc-scroll { display: none; } } @media (prefers-reduced-motion: reduce) { .acc-scroll svg { animation: none; } }