/* ════════════════════════════════════════════════
   Общая «обвязка» сайта: подвал + cookie-баннер.
   Подключается на каждой странице. Опирается на токены
   из landing.css / case.css (--navy, --gold, --serif …).
   ════════════════════════════════════════════════ */

/* ── единый подвал: две колонки — ссылки | реквизиты ── */
.site-foot{
  background:var(--navy);
  border-top:1px solid var(--line-dark);
  padding:clamp(36px,4vw,56px) 0;
  color:#717A8C;font-size:13.5px;line-height:1.8;
}
.site-foot-inner{
  display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;align-items:start;
}
.site-foot-nav{display:flex;flex-direction:column;gap:12px}
.site-foot-nav a{color:#C7CBD4;text-decoration:none;font-size:14px;width:fit-content}
.site-foot-nav a:hover{color:#fff}
.site-foot-req{justify-self:end;text-align:right;color:#8C93A3;font-size:13px;line-height:1.7;font-variant-numeric:tabular-nums}
.site-foot-req p{margin:0;max-width:none}
.site-foot-copy{margin-top:12px;color:#5C6473;font-size:12.5px}
.site-foot a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px}
@media(max-width:680px){
  .site-foot-inner{grid-template-columns:1fr;gap:22px}
  .site-foot-req{justify-self:start;text-align:left}
}

/* ── информационный cookie-баннер ── */
.cookie-bar{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:60;
  max-width:760px;margin:0 auto;
  display:flex;align-items:center;gap:16px 20px;flex-wrap:wrap;
  background:#141d2c;color:#C7CBD4;
  border:1px solid rgba(255,255,255,.12);border-radius:12px;
  padding:16px 20px;font-size:13.5px;line-height:1.6;
  box-shadow:0 24px 60px -28px rgba(0,0,0,.75);
  animation:cookieIn .5s cubic-bezier(.16,1,.3,1) both;
}
.cookie-bar p{flex:1 1 280px;margin:0;max-width:none;color:#AEB4C0}
.cookie-bar a{color:#D8C49A;text-decoration:none;border-bottom:1px solid rgba(216,196,154,.4)}
.cookie-bar a:hover{color:#fff}
.cookie-ok{
  flex:none;cursor:pointer;
  background:var(--gold);color:#1a1408;border:none;border-radius:6px;
  font-family:inherit;font-weight:600;font-size:13.5px;padding:11px 22px;
  transition:background .2s ease;
}
.cookie-ok:hover{background:#cda967}
.cookie-ok:focus-visible{outline:2px solid #fff;outline-offset:2px}
@keyframes cookieIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.cookie-bar{animation:none}}
@media(max-width:560px){
  .cookie-bar{flex-direction:column;align-items:stretch;text-align:left}
  .cookie-bar p{flex:0 1 auto}
  .cookie-ok{width:100%}
}