body.has-cookie-bar{
  padding-bottom:var(--cookie-bar-h,0px);
}
.cookie-bar{
  position:fixed;
  left:var(--gutter);
  right:var(--gutter);
  bottom:calc(var(--sp-2) + env(safe-area-inset-bottom));
  z-index:999;
  display:flex;
  align-items:center;
  gap:var(--sp-2);
  max-width:480px;
  margin:0 auto;
  box-sizing:border-box;
  padding:var(--sp-2) var(--sp-3);
  background:var(--paper-raised);
  border:1px solid var(--line);
  border-radius:var(--r-md);
  box-shadow:var(--shadow-md);
}
.cookie-bar__text{
  margin:0;
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:13px;
  line-height:1.3;
  color:var(--ink-soft);
}
.cookie-bar__button{
  flex:0 0 auto;
  border:none;
  border-radius:var(--r-pill);
  background:var(--accent);
  color:var(--paper-raised);
  font-family:var(--font-ui);
  font-size:13px;
  font-weight:700;
  line-height:1.2;
  padding:var(--sp-2) var(--sp-3);
  cursor:pointer;
}
.cookie-bar__button:hover{
  background:var(--accent-strong);
}