/* Плавающая карточка: не занимает место над первым экраном. */
.cookie-banner{
  position:fixed;z-index:60;right:28px;bottom:calc(24px + env(safe-area-inset-bottom));
  width:420px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);
  overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;
  border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);
  box-shadow:0 16px 48px rgb(20 35 34 / .17),0 3px 10px rgb(20 35 34 / .06);
  animation:cookie-arrive .24s ease-out both;
}
.cookie-banner[hidden]{display:none!important}
.cookie-banner__inner{padding:24px}
.cookie-banner__header{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.cookie-banner__mark{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:var(--paper);color:var(--teal)}
.cookie-banner__mark svg{width:23px;height:23px}
.cookie-banner h2{margin:0;font:500 23px/1.3 var(--serif);letter-spacing:-.025em}
.cookie-banner p{margin:0;font:400 14px/1.65 var(--sans)}
.cookie-banner .cookie-banner__links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:12px}
.cookie-banner a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.cookie-banner a:hover{color:var(--copper)}
.cookie-banner__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.cookie-banner__actions button{min-width:0;min-height:48px;padding:11px 12px;border:1px solid var(--teal);border-radius:8px;background:var(--surface);color:var(--teal);font:600 13px/1.4 var(--sans);transition:background .15s,color .15s;cursor:pointer}
.cookie-banner__actions button:hover{background:var(--paper)}
.cookie-banner__actions button:active{background:var(--line)}
.cookie-banner #cookies-accept{background:var(--teal);color:var(--surface)}
.cookie-banner #cookies-accept:hover{background:var(--pine);border-color:var(--pine)}
.cookie-banner :focus-visible{outline:3px solid var(--copper);outline-offset:3px}
.cookie-banner-open{scroll-padding-bottom:calc(var(--cookie-banner-height,280px) + 40px)}
.cookie-banner-open body{padding-bottom:calc(var(--cookie-banner-height,280px) + 40px)}
.cookie-banner-open .mobile-dock{display:none!important}
.site-footer nav{flex-wrap:wrap}
@keyframes cookie-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){
  .cookie-banner{right:12px;left:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;max-width:none;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom));border-radius:14px}
  .cookie-banner__inner{padding:18px}
  .cookie-banner__header{margin-bottom:12px}
  .cookie-banner h2{font-size:21px}
  .cookie-banner__actions{margin-top:16px}
}
@media(max-width:340px){.cookie-banner__actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cookie-banner{animation:none}.cookie-banner__actions button{transition:none}}
@media print{.cookie-banner{display:none!important}.cookie-banner-open body{padding-bottom:0}}