.hk-cookie[hidden], .hk-cookie [hidden], .hk-cookie-settings[hidden] { display: none !important; }
.hk-cookie { position: fixed; z-index: 10000; inset: auto 24px 24px; max-width: 1120px; margin: auto; padding: 24px; display: flex; gap: 28px; align-items: center; color: #19232b; background: #f7f5f2; border: 1px solid #cbc5bc; border-radius: 16px; box-shadow: 0 12px 48px #0003; max-height: calc(100dvh - 48px); overflow: auto; font-family: Inter, sans-serif; }
.hk-cookie__copy { flex: 1; }
.hk-cookie h2 { font-size: 20px; line-height: 1.3; margin: 0 0 10px; }
.hk-cookie p { font-size: 14px; line-height: 1.65; margin: 8px 0 0; }
.hk-cookie a { color: #a83b0c; font-weight: 500; text-decoration: none; text-underline-offset: 3px; }
.hk-cookie a:is(:hover, :focus-visible) { text-decoration: underline; }
.hk-cookie__actions { display: flex; flex-direction: column; gap: 10px; min-width: 180px; }
.hk-cookie button { font: inherit; font-size: 14px; font-weight: 600; min-height: 44px; padding: 11px 18px; background: #19232b; color: #fff; border: 1px solid #19232b; border-radius: 8px; cursor: pointer; }
.hk-cookie button:hover { background: #34444f; }
.hk-cookie [data-cookie-close] { background: transparent; color: #19232b; }
.hk-cookie-settings { font: inherit; color: inherit; background: none; border: 0; padding: 10px 0; cursor: pointer; text-decoration: none; text-underline-offset: 4px; }
.hk-footer__cookie-controls[hidden] { display: none !important; }
.hk-footer__cookie-controls .hk-cookie-settings { padding: 0; }
.hk-cookie button:focus-visible, .hk-cookie a:focus-visible, .hk-cookie-settings:focus-visible { outline: 3px solid #c45628; outline-offset: 4px; }
.hk-footer__cookie-controls .hk-cookie-settings:focus-visible { outline: 2px solid var(--hk-accent); outline-offset: 3px; }
.hk-cookie-noscript { padding: 16px; font-size: 14px; }
.hk-form-privacy { font-size: 13px; line-height: 1.6; margin: 12px 0; }
.hk-form-privacy a { color: #a83b0c; font-weight: 500; text-decoration: none; text-underline-offset: 3px; }
.hk-form-privacy a:is(:hover, :focus-visible) { text-decoration: underline; }
@media (max-width: 640px) { .hk-cookie { inset: auto 12px 12px; max-height: calc(100dvh - 24px); padding: 20px; flex-direction: column; gap: 16px; align-items: stretch; } .hk-cookie__actions { flex-direction: row; flex-wrap: wrap; } .hk-cookie button { flex: 1; } }