/* Мобільне меню: закріплена шапка, бокова панель із затемненням */
.burger-bars{display:block;position:relative;width:20px;height:14px;margin:auto}
.burger-bars span{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s,top .2s}
.burger-bars span:nth-child(1){top:0}.burger-bars span:nth-child(2){top:6px}.burger-bars span:nth-child(3){top:12px}
.burger[aria-expanded=true] .burger-bars span:nth-child(1){top:6px;transform:rotate(45deg)}
.burger[aria-expanded=true] .burger-bars span:nth-child(2){opacity:0}
.burger[aria-expanded=true] .burger-bars span:nth-child(3){top:6px;transform:rotate(-45deg)}
.nav-overlay{display:none}
@media(max-width:1100px){
.site-header{position:fixed;top:12px;z-index:1000}
.burger{position:relative;z-index:1002;display:grid;place-items:center;padding:0}
.main-nav{position:fixed!important;top:0!important;right:0!important;left:auto!important;bottom:0;width:min(320px,85vw);max-width:none!important;max-height:none!important;border-radius:0!important;padding:92px 16px 24px!important;display:flex!important;transform:translateX(100%);visibility:hidden;transition:transform .25s,visibility .25s;z-index:1001;overflow:auto;justify-content:flex-start!important;gap:4px!important;font-size:16px!important}
.main-nav.open{transform:none;visibility:visible}
.nav-overlay{display:block;position:fixed;inset:0;background:rgba(7,25,54,.55);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:999}
.nav-overlay.show{opacity:1;visibility:visible}
}
/* Демо-форма заявки (4-й блок головної за ТЗ) */
.demo-form-section{background:#f5f8fd}.demo-form-section h2{text-align:center}
.demo-form{max-width:640px;margin:0 auto;display:grid;gap:14px;background:#fff;border:1px solid #e0e7f0;border-radius:16px;padding:24px}
.demo-form label{display:grid;gap:6px;font-weight:700;font-size:14px}
.demo-form input,.demo-form select{font:inherit;padding:12px 14px;border:1px solid #cfd9e8;border-radius:10px;width:100%;min-width:0}
.demo-ok{margin:0;color:#1d7a3e;font-weight:700}
.footer-buttons{display:grid;gap:10px;align-content:start}
/* Однакова висота першого екрана на всіх сторінках */
.hero{min-height:800px}
.hero-document img{height:440px;max-height:none;width:100%;object-fit:contain}
.hero-document p{min-height:4.5em;display:flex;align-items:center;justify-content:center}
@media(max-width:1100px){.hero{min-height:0}.hero-document img{height:360px}}
@media(max-width:640px){.hero-document img{height:260px}.hero-document p{min-height:0}}
/* Фіксована сітка першого екрана: заголовок і текст займають однакове місце на всіх сторінках */
.hero-inner{align-items:center}
.hero h1{min-height:calc(3 * 1.15em);display:flex;align-items:flex-end;margin-bottom:22px}
.hero .lead{min-height:calc(4 * 1.6em)}
@media(max-width:1100px){.hero h1{min-height:calc(4 * 1.15em)}.hero .lead{min-height:calc(5 * 1.6em)}}
@media(max-width:640px){.hero h1{min-height:calc(5 * 1.15em)}.hero .lead{min-height:calc(6 * 1.6em)}}
/* Плавний перехід між сторінками (Chrome/Edge/Safari 18+): сторінка м'яко змінюється, шапка стоїть на місці */
@view-transition{navigation:auto}
.site-header{view-transition-name:site-header}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s;animation-timing-function:ease}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}