/* ============ ЛЕЙАУТ: контейнер, шапка, підвал ============ */
.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--sp-5)}

.site-header{background:var(--brand);color:#fff;position:sticky;top:0;z-index:40}
.site-header__inner{display:flex;align-items:center;gap:var(--sp-5);min-height:64px}
.site-brand{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:#fff}
.site-brand:hover{text-decoration:none}
.site-nav__list{list-style:none;display:flex;gap:var(--sp-4);margin:0;padding:0}
.site-nav__list a{color:rgba(255,255,255,.86);font-weight:500}
.site-nav__list a:hover{color:#fff;text-decoration:none}

.site-footer{background:var(--brand-2);color:rgba(255,255,255,.8);padding:var(--sp-7) 0 var(--sp-6);margin-top:var(--sp-8)}
.site-footer a{color:rgba(255,255,255,.85)}
.site-footer__attr{font-size:.8rem;opacity:.85}

#main{padding-block:var(--sp-6) var(--sp-8)}