/* ==========================================================
   LAYOUT.CSS — шапка и футер (чистая версия)
   ========================================================== */

/* NAV */
.nav{
  position: fixed; inset-inline:0; top:0; z-index:100;
  background: transparent; border:0; box-shadow:none; overflow:visible;
}

/* Волна шапки */
.nav__shape{ position:absolute; top:0; left:0; width:100%; height:120px; pointer-events:none; z-index:0; }
.nav__shape svg{ width:100%; height:100%; display:block; }

/* Контейнер шапки */
.nav__row{
  position:relative; z-index:1;
  display:flex; align-items:center; justify-content:space-between;
  padding:8px 0 14px;
}

/* Лого */
.brand{ display:flex; align-items:center; }
.brand__img--lg{ width:104px; height:104px; object-fit:contain; display:block; margin-top:-6px; }

/* Центр навигации */
.nav__center{
  position:absolute; left:50%; transform:translateX(-50%);
  display:flex; gap:20px;
}
.nav__center a{
  color:var(--text); font-weight:600; border-radius:10px; padding:8px 10px;
  transition: background .25s ease, color .25s ease;
}
.nav__center a:hover{ color:var(--accent); background:rgba(255,255,255,.05); }

/* Справа */
.nav__actions{ display:flex; gap:12px; }
.nav .btn--accent{ color:#0f1115 !important; }

/* Бургер */
.nav__menu-btn{ display:none; width:42px; height:42px; border-radius:10px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.08); }
.burger,.burger::before,.burger::after{ content:""; display:block; width:18px; height:2px; border-radius:2px; background:#fff; }
.burger{ position:relative; } .burger::before{ position:absolute; top:-6px; left:0; } .burger::after{ position:absolute; top:6px; left:0; }

/* Мобилка */
@media (max-width: 980px){
  .nav__center, .nav__actions{ display:none; }
  .nav__menu-btn{ display:inline-grid; place-items:center; margin-left:auto; }

  .nav--open .nav__center,
  .nav--open .nav__actions{
    position:static; display:grid; gap:8px; width:100%; margin-top:10px;
    padding:12px 16px 16px; background:rgba(14,15,18,.96);
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .nav--open .nav__center a{ background:transparent; border:none; }
}

/* FOOTER */
.footer{ border-top:1px solid var(--line); padding:28px 0 40px; background:rgba(255,255,255,.02); }
.footer__row{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.footer__links{ margin-left:auto; display:flex; gap:14px; }
@media (max-width:700px){ .footer__links{ margin-left:0; } }

/* Brand dim */
.brand--dim .brand__logo{
  width:34px; height:34px; border-radius:10px; display:grid; place-items:center;
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-700) 100%);
  color:#0e0f12; font-weight:900; box-shadow:var(--shadow-2);
  filter:saturate(.85) brightness(.92);
}