:root {
    --klaro-surface: rgba(242, 241, 238, 0.98);
    --klaro-surface-strong: #f2f1ee;
    --klaro-panel: #1a1a1c;
    --klaro-panel-soft: #2a2a2e;
    --klaro-border: rgba(26, 26, 28, 0.14);
    --klaro-border-strong: rgba(242, 241, 238, 0.12);
    --klaro-text: #1a1a1c;
    --klaro-text-muted: rgba(26, 26, 28, 0.7);
    --klaro-text-on-dark: #f2f1ee;
    --klaro-accent: #c9a15a;
    --klaro-accent: #c9a15a;
    --klaro-shadow: 0 24px 60px rgba(26, 26, 28, 0.18);
}
.klaro .cookie-notice .cm-btn {
    color: #fff; !important;
}
.klaro {
    --font-family: 'Manrope', sans-serif;
    --title-font-family: 'Manrope', sans-serif;
    --font-size: 15px;
    --border-radius: 0;
    --border-width: 1px;
    --border-style: solid;
    --dark1: var(--klaro-panel);
    --dark2: var(--klaro-panel-soft);
    --dark3: var(--klaro-text-muted);
    --light1: var(--klaro-surface-strong);
    --light2: var(--klaro-border);
    --light3: rgba(242, 241, 238, 0.55);
    --green1: var(--klaro-accent);
    --green2: var(--klaro-accent);
    --green3: rgba(201, 161, 90, 0.45);
    --blue1: var(--klaro-panel);
    --blue2: var(--klaro-accent);
    --button-text-color: #fff;
    --notice-right: 32px;
    --notice-bottom: 32px;
    --notice-max-width: 440px;
}

.klaro .cookie-notice:not(.cookie-modal-notice) {
    background: var(--klaro-surface);
    #color: var(--klaro-text);
    border: 1px solid var(--klaro-border);
    box-shadow: var(--klaro-shadow);
    backdrop-filter: blur(16px);
}

.klaro .cookie-notice:not(.cookie-modal-notice) p,
.klaro .cookie-notice:not(.cookie-modal-notice) strong,
.klaro .cookie-notice:not(.cookie-modal-notice) h1,
.klaro .cookie-notice:not(.cookie-modal-notice) h2,
.klaro .cookie-notice:not(.cookie-modal-notice) li {
    color: #fff;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
    padding: 1.5rem;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p {
    margin-top: 0;
    margin-bottom: 0.85rem;
    line-height: 1.7;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
    margin-top: 0.75rem;
    gap: 0.75rem;
    align-items: center;
}

.klaro .cookie-notice:not(.cookie-modal-notice) a,
.klaro .context-notice a,
.klaro .cookie-modal a {
    color: var(--klaro-accent);
}

.klaro .cm-btn {
    min-height: 48px;
    padding: 0.9rem 1.4rem;
    border: 1px solid transparent;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.8rem;
    font-weight: 600;
    transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
    box-shadow: none;
}

.klaro .cookie-notice .cm-btn,
.klaro .context-notice .cm-btn {
    background: var(--klaro-panel);
    color: #fff;
    border-color: var(--klaro-panel);
}

.klaro .cookie-notice .cm-btn:hover,
.klaro .context-notice .cm-btn:hover,
.klaro .cookie-modal .cm-btn:hover {
    background: var(--klaro-accent);
    color: #fff;
    border-color: var(--klaro-accent);
}

.klaro .cookie-notice .cm-btn.cm-btn-success,
.klaro .cookie-notice .cm-btn.cm-btn-success-var,
.klaro .context-notice .cm-btn.cm-btn-success,
.klaro .context-notice .cm-btn.cm-btn-success-var,
.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .cookie-modal .cm-btn.cm-btn-success-var {
    background: var(--klaro-accent);
    color: #fff;
    border-color: var(--klaro-accent);
}

.klaro .cookie-notice .cm-btn.cm-btn-close,
.klaro .context-notice .cm-btn.cm-btn-close,
.klaro .cookie-modal .cm-btn.cm-btn-close,
.klaro .cookie-modal .cm-btn.cm-btn-info {
    background: transparent;
    color: inherit;
    border-color: currentColor;
}

.klaro .cookie-modal .cm-bg {
    background: rgba(26, 26, 28, 0.58);
    backdrop-filter: blur(6px);
}

.klaro .cookie-modal .cm-modal.cm-klaro {
    background: var(--klaro-panel);
    color: #fff;
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.38);
}

.klaro .cookie-modal .cm-modal .cm-header,
.klaro .cookie-modal .cm-modal .cm-footer {
    border-color: var(--klaro-border-strong);
}

.klaro .cookie-modal .cm-modal .cm-header,
.klaro .cookie-modal .cm-modal .cm-body,
.klaro .cookie-modal .cm-modal .cm-footer {
    padding: 1.5rem;
}

.klaro .cookie-modal .cm-modal .cm-header h1 {
    font-size: clamp(2rem, 3vw, 3rem);
    font-weight: 300;
    letter-spacing: 0;
}

.klaro .cookie-modal .cm-modal .cm-body p,
.klaro .cookie-modal .cm-modal .cm-body li,
.klaro .cookie-modal .cm-modal .cm-body span,
.klaro .cookie-modal .cm-modal .cm-body strong,
.klaro .cookie-modal .cm-modal .cm-body h2 {
    color: #fff;
}

.klaro .cookie-modal p,
.klaro .cookie-modal strong,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal h3,
.klaro .cookie-modal h4,
.klaro .cookie-modal h5,
.klaro .cookie-modal h6,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .cookie-modal span,
.klaro .cookie-modal .cm-header,
.klaro .cookie-modal .cm-body,
.klaro .cookie-modal .cm-footer,
.klaro .cookie-modal .cm-list-title,
.klaro .cookie-modal .cm-required,
.klaro .cookie-modal .cm-opt-out {
    color: var(--klaro-text-on-dark);
}

.klaro .cookie-modal .cm-switch-container,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose {
    border-color: var(--klaro-border-strong);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.klaro .cookie-modal .cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title {
    font-size: 1rem;
    font-weight: 600;
}

.klaro .cookie-modal .cm-list-description,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes {
    color: rgba(242, 241, 238, 0.72);
}

.klaro .cm-list-label .slider {
    background: rgba(242, 241, 238, 0.16);
    box-shadow: none;
}

.klaro .cm-list-label .slider::before {
    background: #f2f1ee;
}

.klaro .cm-list-input:checked + .cm-list-label .slider,
.klaro .cm-list-input.half-checked:checked + .cm-list-label .slider,
.klaro .cm-list-input.only-required + .cm-list-label .slider,
.klaro .cm-list-input.required:checked + .cm-list-label .slider {
    background: var(--klaro-accent);
}

.klaro .cm-list-input:focus + .cm-list-label .slider,
.klaro .cm-list-label input:focus + .slider {
    box-shadow: 0 0 0 3px rgba(201, 161, 90, 0.25);
}

.klaro .cookie-modal .cm-modal .hide {
    top: 18px;
    right: 18px;
}

.klaro .cookie-modal .cm-modal .hide svg {
    stroke: var(--klaro-text-on-dark);
}

@media (max-width: 1023px) {
    .klaro {
        --notice-right: 0;
        --notice-bottom: 0;
    }

    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
        padding: 1.25rem;
    }

    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok,
    .klaro .cookie-modal .cm-modal .cm-footer-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .klaro .cookie-notice:not(.cookie-modal-notice) .cm-btn,
    .klaro .cookie-modal .cm-btn {
        width: 100%;
        margin-right: 0;
    }
}