#cc-banner {
  position: fixed; left: 12px; bottom: 12px; z-index: 2147483000;
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap; box-sizing: border-box;
  width: fit-content; max-width: calc(100% - 24px);
  background: #f7f2ea; color: #513e34; border: 1px solid #d9c9b6; border-radius: 12px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .25); padding: 10px 12px;
  font: 400 12px/1.3 "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;
}
#cc-banner .cc-text { margin: 0; white-space: nowrap; }
#cc-banner a { color: #8a5a44; text-decoration: underline; }
#cc-banner .cc-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
#cc-banner .cc-btn {
  padding: 8px 14px; border-radius: 999px; border: 0; cursor: pointer; color: #f7f2ea;
  font: 500 11px/1 "Jost", system-ui, sans-serif; letter-spacing: .06em; text-transform: uppercase;
}
#cc-banner .cc-accept { background: #a8735c; }
#cc-banner .cc-reject { background: #513e34; }
#cc-banner .cc-btn:hover { filter: brightness(1.08); }
#cc-banner .cc-btn:focus-visible, #cc-open:focus-visible { outline: 3px solid #d9a441; outline-offset: 2px; }
#cc-open {
  position: fixed; left: 12px; bottom: 12px; z-index: 2147482000;
  padding: 7px 12px; border-radius: 999px; border: 1px solid #d9c9b6; cursor: pointer;
  background: rgba(247, 242, 234, .92); color: #513e34; opacity: .85;
  font: 500 11px/1 "Jost", system-ui, sans-serif; letter-spacing: .06em; text-transform: uppercase;
}
#cc-open:hover { opacity: 1; }
@media (max-width: 480px) {
  #cc-banner { font-size: 11px; gap: 8px; padding: 8px 10px; }
  #cc-banner .cc-btn { padding: 7px 12px; }
}
