.cookie-banner{
  position:fixed;
  right:max(24px,env(safe-area-inset-right));
  bottom:max(24px,env(safe-area-inset-bottom));
  z-index:80;
  width:360px;
  max-width:calc(100vw - 48px);
  max-height:calc(100svh - 48px);
  overflow:auto;
  padding:18px;
  color:var(--ink);
  background:var(--card-background);
  border:var(--card-border);
  border-radius:var(--card-radius);
  box-shadow:0 8px 32px rgba(18,33,30,.14),var(--card-shadow);
  animation:cookie-banner-in .24s var(--ease);
}
.cookie-banner__text{
  margin:0;
  font-size:13px;
  line-height:1.6;
  color:var(--ink-soft);
  text-wrap:pretty;
}
.cookie-banner__text a{
  color:var(--accent-deep);
  font-weight:500;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.cookie-banner__text a:hover{color:var(--ink)}
.cookie-banner__actions{margin-top:12px}
.cookie-banner__accept{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:42px;
  padding:10px 20px;
  border:0;
  border-radius:999px;
  background:var(--accent-deep);
  color:#fff;
  font:500 14px/1.4 "Golos Text",sans-serif;
  cursor:pointer;
  transition:background .2s var(--ease);
}
.cookie-banner__accept:hover{background:var(--ink-soft)}
.cookie-banner__accept:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@keyframes cookie-banner-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){
  .cookie-banner{
    --cookie-inline-gap:max(16px,env(safe-area-inset-left),env(safe-area-inset-right));
    left:var(--cookie-inline-gap);
    right:var(--cookie-inline-gap);
    bottom:max(16px,env(safe-area-inset-bottom));
    width:auto;
    max-width:none;
    max-height:calc(100svh - 32px);
    padding:16px;
  }
}
@media(prefers-reduced-motion:reduce){.cookie-banner{animation:none}.cookie-banner__accept{transition:none}}
@media print{.cookie-banner{display:none}}