.bc [hidden] { display: none !important; }
.bc { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: #333; color: #fff; box-shadow: 0 -2px 12px rgba(0,0,0,.25); font: 400 14px/1.55 "Open Sans", Helvetica, Arial, sans-serif; }
.bc-inner { max-width: 1000px; margin: 0 auto; padding: 18px 20px; }
.bc-title { font: 400 18px/1.2 "Patua One", Georgia, serif; color: #fff; margin: 0 0 6px; }
.bc-text { margin: 0 0 12px; }
.bc a { color: #fff; text-decoration: underline; }
.bc-options { display: grid; gap: 6px; margin: 0 0 12px; }
.bc-opt { display: flex; gap: 8px; align-items: flex-start; cursor: pointer; }
.bc-opt input { margin-top: 4px; accent-color: #8b0000; }
.bc-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.bc-btn { font: 600 13px "Open Sans", Helvetica, Arial, sans-serif; padding: 9px 18px; border: 1px solid #fff; background: transparent; color: #fff; cursor: pointer; }
.bc-btn:hover, .bc-btn:focus-visible { background: #fff; color: #333; }
.bc-primary { background: #8b0000; border-color: #8b0000; }
.bc-primary:hover, .bc-primary:focus-visible { background: #a40000; border-color: #a40000; color: #fff; }
.bc-link { border-color: transparent; text-decoration: underline; }
.bc-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (max-width: 600px) { .bc-buttons .bc-btn { flex: 1 1 100%; } }
@media print { .bc { display: none; } }