body.cookie-notice-visible {
    padding-bottom: var(--cookie-notice-height, 190px);
}
.cookie-notice {
    position: fixed;
    inset: auto 0 0;
    z-index: 10000;
    max-height: 45vh;
    max-height: 45dvh;
    overflow-y: auto;
    border-top: 3px solid var(--accent);
    background: var(--bg-card, #fff);
    color: var(--text-primary, #294B47);
    box-shadow: 0 -8px 32px rgba(41, 75, 71, .12);
    padding: 18px max(20px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
}
.cookie-notice[hidden] { display: none; }
.cookie-notice-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 24px;
}
.cookie-notice-copy { flex: 1; min-width: 0; }
.cookie-notice-copy h2 { margin: 0 0 6px; font-size: 1rem; color: var(--primary); }
.cookie-notice-copy p { margin: 0; font-size: .875rem; line-height: 1.6; }
.cookie-notice-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.cookie-notice-actions a {
    padding: 10px 4px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    color: var(--primary);
    text-decoration: underline;
    font-size: .875rem;
}
.cookie-notice-actions button {
    min-height: 44px;
    padding: 10px 20px;
    border: 1px solid var(--primary);
    border-radius: 8px;
    background: var(--primary);
    color: var(--on-dark, #fff);
    font: inherit;
    cursor: pointer;
}
.cookie-notice-actions button[hidden] { display: none; }
.cookie-notice-actions :focus-visible {
    outline: 3px solid var(--accent);
    outline-offset: 3px;
}
.cookie-notice-visible .whatsapp-float { bottom: calc(var(--cookie-notice-height, 190px) + 20px); }
.cookie-information { margin-top: 32px; scroll-margin-top: 110px; }
.cookie-information h2 { color: var(--primary); }
@media (max-width: 768px) {
    body.cookie-notice-visible { padding-bottom: var(--cookie-notice-height, 240px); }
    .cookie-notice { padding-left: 16px; padding-right: 16px; }
    .cookie-notice-inner { flex-direction: column; align-items: stretch; gap: 12px; }
    .cookie-notice-actions { justify-content: space-between; }
    .cookie-notice-visible .whatsapp-float { bottom: calc(var(--cookie-notice-height, 240px) + 16px); }
}