.cc{position:fixed;z-index:70;left:0;right:0;bottom:var(--cc-bottom,0);background:var(--ink);color:var(--paper);
  border-top:1px solid var(--green);padding:.85rem var(--gutter) calc(.85rem + env(safe-area-inset-bottom))}
.cc[hidden]{display:none}
.cc:focus{outline:0}
.cc__inner{display:grid;gap:.8rem 2.5rem;align-items:center;width:100%;max-width:var(--wrap);margin-inline:auto}
.cc__title{margin:0 0 .25rem;font-family:var(--f-display);font-weight:560;font-size:1.2rem;line-height:1.2;color:var(--paper)}
.cc__text p{margin:0;font-size:.9375rem;line-height:1.42;color:rgba(245,242,234,.88)}
.cc__text p+p{margin-top:.35rem}
.cc__text a{white-space:nowrap;color:var(--paper);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
.cc__text a:hover{color:var(--green-glow)}
.cc__state{font-size:.875rem;font-weight:560;color:var(--green-glow)}
.cc__state:empty{display:none}
.cc__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.cc__actions .btn{width:100%;min-height:3rem;padding-inline:.75rem}
@media (min-width:760px){
  .cc__inner{grid-template-columns:minmax(0,1fr) auto}
  .cc__actions{grid-template-columns:repeat(2,minmax(9rem,1fr));min-width:20rem}
}
/* kým je lišta otvorená, na konci stránky je rezerva, aby neprekrývala pätičku */
.cc-open body{padding-bottom:var(--cc-h,0)}
@media (prefers-reduced-motion:no-preference){
  .cc:not([hidden]){animation:cc-in .35s var(--ease)}
  @keyframes cc-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
}
@media print{.cc{display:none}}

/* rezerva na konci stránky sa pri zatvorení lišty zmenšuje plynulo (bez náhleho poskočenia pätičky) */
@media (prefers-reduced-motion:no-preference){body{transition:padding-bottom .3s var(--ease)}}