.cs-cookies {
    position: fixed;
    inset: auto 1rem 1rem 1rem;
    z-index: 9997;
    background: #fff;
    color: var(--hk-ink, #141414);
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 10px 30px rgba(0,0,0,.18);
    padding: 1rem 1.25rem;
    max-width: 680px;
    margin: 0 auto;
    font-family: var(--hk-font-family, 'Roboto', sans-serif);
    font-size: .95rem;
    display: none;
}
.cs-cookies[data-visible="true"] { display: block; }

.cs-cookies-inner { display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; }
.cs-cookies p { margin: 0; flex: 1 1 320px; line-height: 1.45; color: var(--hk-ink, #141414); }
.cs-cookies a { color: var(--hk-accent, #b8182f); text-decoration: underline; }

.cs-cookies-actions { display: flex; gap: .5rem; flex: 0 0 auto; }
.cs-cookies-btn {
    font-family: inherit;
    font-size: .82rem;
    font-weight: 500;
    letter-spacing: .04em;
    padding: .55rem 1.25rem;
    border-radius: 9999px;
    border: 2px solid var(--hk-accent, #b8182f);
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
    background: transparent;
    color: var(--hk-accent, #b8182f);
}
.cs-cookies-accept {
    background: var(--hk-accent, #b8182f);
    color: #fff;
}
.cs-cookies-accept:hover { background: var(--hk-accent-dark, #8f1324); border-color: var(--hk-accent-dark, #8f1324); }
.cs-cookies-reject:hover { background: var(--hk-accent, #b8182f); color: #fff; }

@media (max-width: 600px) {
    .cs-cookies-inner { flex-direction: column; align-items: stretch; }
    .cs-cookies-actions { justify-content: center; }
}