:root{
  --cs-cookie-ink:#101820;
  --cs-cookie-muted:#667085;
  --cs-cookie-line:#e2e7e4;
  --cs-cookie-green:#0d7a35;
  --cs-cookie-orange:#ff5a0a;
  --cs-cookie-soft:#f6f8f7;
  --cs-cookie-white:#fff;
}
.cs-cookie-banner[hidden],
.cs-cookie-modal[hidden]{display:none!important}
.cs-cookie-banner{
  position:fixed;
  z-index:99990;
  left:18px;
  right:18px;
  bottom:18px;
  margin:auto;
  width:min(980px,calc(100% - 36px));
  background:var(--cs-cookie-white);
  color:var(--cs-cookie-ink);
  border:1px solid var(--cs-cookie-line);
  border-radius:20px;
  box-shadow:0 24px 70px rgba(16,24,32,.18);
  padding:18px;
}
.cs-cookie-banner__inner{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
}
.cs-cookie-banner h2{
  margin:0 0 5px;
  font-size:17px;
  line-height:1.2;
}
.cs-cookie-banner p{
  margin:0;
  color:var(--cs-cookie-muted);
  font-size:13px;
  line-height:1.45;
}
.cs-cookie-banner a{
  color:var(--cs-cookie-green);
  font-weight:800;
}
.cs-cookie-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.cs-cookie-btn{
  min-height:42px;
  border-radius:12px;
  padding:0 14px;
  border:1px solid var(--cs-cookie-line);
  background:#fff;
  color:var(--cs-cookie-ink);
  font-weight:850;
  cursor:pointer;
}
.cs-cookie-btn.primary{
  border-color:var(--cs-cookie-orange);
  background:var(--cs-cookie-orange);
  color:#fff;
}
.cs-cookie-btn.link{
  border-color:transparent;
  color:var(--cs-cookie-green);
  background:transparent;
}
.cs-cookie-modal{
  position:fixed;
  z-index:99999;
  inset:0;
  display:grid;
  place-items:center;
  padding:18px;
}
.cs-cookie-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(7,16,23,.58);
}
.cs-cookie-modal__card{
  position:relative;
  z-index:1;
  width:min(560px,100%);
  max-height:min(760px,calc(100dvh - 36px));
  overflow:auto;
  background:#fff;
  border-radius:22px;
  padding:24px;
  box-shadow:0 28px 90px rgba(0,0,0,.28);
}
.cs-cookie-modal__card h2{margin:0 0 6px}
.cs-cookie-modal__card>p{
  margin:0 0 18px;
  color:var(--cs-cookie-muted);
  font-size:14px;
}
.cs-cookie-option{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  padding:15px 0;
  border-top:1px solid var(--cs-cookie-line);
}
.cs-cookie-option strong{display:block}
.cs-cookie-option small{
  display:block;
  color:var(--cs-cookie-muted);
  margin-top:3px;
  line-height:1.4;
}
.cs-cookie-option input{
  width:20px;
  height:20px;
  accent-color:var(--cs-cookie-green);
}
.cs-cookie-modal__actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  margin-top:18px;
}
.cs-cookie-settings-link{
  display:inline-flex;
  border:0;
  padding:0;
  background:none;
  color:inherit;
  font:inherit;
  cursor:pointer;
}
@media(max-width:720px){
  .cs-cookie-banner{
    left:10px;
    right:10px;
    bottom:10px;
    width:calc(100% - 20px);
    border-radius:17px;
  }
  .cs-cookie-banner__inner{grid-template-columns:1fr}
  .cs-cookie-actions{justify-content:stretch}
  .cs-cookie-btn{flex:1 1 auto}
  .cs-cookie-modal__card{padding:20px}
  .cs-cookie-modal__actions .cs-cookie-btn{flex:1 1 100%}
}