.site-footer{position:relative;background:#0a2f31;border-top:1px solid var(--line);padding:72px var(--pad-x) 28px}
.f-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px 32px}
.f-brand .osw{font-size:30px;letter-spacing:.16em;line-height:1}
.f-brand p{margin-top:18px;max-width:34ch;color:var(--ink-mute);font-size:13px}
.f-col .f-h{font:500 11px/1.5 var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:16px}
.f-col a{display:block;padding:5px 0;font-size:13px;transition:color .2s}
@media (hover:hover) and (pointer:fine){.f-col a:hover{color:var(--brass)}}
.f-pay{margin-top:52px;padding-top:28px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between}
.pay-row{display:flex;flex-wrap:wrap;gap:8px}
.pay{width:52px;height:32px;color:var(--ink);opacity:.9}
.f-legal{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px 28px;color:var(--ink-mute);font-size:12px}
.f-mark{margin-top:56px;padding-bottom:.06em;font:700 clamp(46px,16.2vw,260px)/.95 var(--ff-display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;
  color:transparent;-webkit-text-stroke:1px rgba(228,239,234,.14);user-select:none}
.cookie{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));z-index:95;width:min(420px,calc(100vw - 28px));padding:18px 18px 16px;
  background:var(--surface-hi);border:1px solid var(--line-strong);box-shadow:0 22px 50px -18px rgba(0,0,0,.65);font-size:12px;line-height:1.6;
  transition:opacity .35s var(--ease),transform .35s var(--ease)}
.cookie.is-gone{opacity:0;transform:translateY(14px);pointer-events:none}
.cookie p{margin-bottom:14px}
.cookie .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cookie .btn{min-height:40px;padding:0 20px}
@media (max-width:860px){.f-grid{grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1}}
@media (max-width:520px){.f-grid{grid-template-columns:1fr}.site-footer{padding-top:56px}}
@media (max-width:640px){
  .cookie{left:10px;right:64px;width:auto;display:flex;gap:12px;align-items:center;padding:10px 12px;font-size:11px;line-height:1.45}
  .cookie p{margin:0}
  .cookie .btn{min-height:36px;padding:0 16px}
}

/* бар шрифтов (только превью) не должен закрывать плашку и стрелку */
body:has(.gf-ff-bar) .cookie{bottom:calc(88px + env(safe-area-inset-bottom))}
body:has(.gf-ff-bar) .to-top{bottom:calc(88px + env(safe-area-inset-bottom))}
body:has(.gf-ff-bar) .toast{bottom:calc(150px + env(safe-area-inset-bottom))}