:root {
    --color-primary: #14A19A;
    --color-primary-light: #e8f7f6;
    --color-primary-dark: #0d7a75;
    --color-accent: #14A19A;
    --color-accent-hover: #0d7a75;
    --color-accent-2: #424949;
    --gradient-accent: linear-gradient(135deg, #14A19A 0%, #424949 100%);
    --color-text-light: #8899aa;
}

.cookie-banner {
    font-family: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: rgba(13, 28, 45, 0.98);
    backdrop-filter: blur(16px);
    border-top: 2px solid rgba(20,161,154,0.4);
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity .24s ease;
    transform: translateY(100%);
}

.cookie-banner.visible,
.cookie-banner.cookie-visible,
.cookie-banner.cookie-visible.visible {
    transform: translateY(0);
}

.cookie-banner-inner {
    max-width: 1150px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
}

.cookie-icon {
    font-size: 22px;
    line-height: 1;
}

.cookie-text {
    color: #e6eef3;
}
.cookie-text strong { color: #ffffff; display:block; font-size:16px; margin-bottom:4px; }
.cookie-text p { margin:0; color: var(--color-text-light); font-size:14px; }
.cookie-text a { color: var(--color-primary); text-decoration: underline; }

.cookie-actions {
    margin-left: auto;
    display: flex;
    gap: 10px;
}

.cookie-btn-accept {
    background: var(--color-primary);
    color: #fff;
    border: 0;
    padding: 8px 14px;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(20,161,154,0.16);
}

.cookie-btn-reject {
    background: var(--color-primary);
    color: #fff;
    border: 0;
    padding: 8px 14px;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(20,161,154,0.16);
}

.cookie-btn-reject:hover {
    background: var(--color-primary-dark);
}

@media (max-width: 720px) {
    .cookie-banner-inner { flex-direction: column; align-items: stretch; gap: 10px; }
    .cookie-actions { margin-left: 0; justify-content: space-between; }
    .cookie-text p { font-size: 13px; }
}
