/* Баннер согласия на cookies — общий компонент.
   Переменные цветов задаёт сама страница. */

.cookie-banner {
    position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 400;
    max-width: 720px; margin: 0 auto;
    background: var(--white);
    border: 1px solid rgba(184,151,58,.35);
    border-radius: 10px;
    box-shadow: 0 12px 40px rgba(44,31,20,.22);
    padding: 22px 24px;
    display: none;
    font-family: 'Lora', serif;
}
.cookie-banner.show { display: block; }

.cookie-text {
    font-size: 14px; line-height: 1.65; color: var(--gray);
    margin-bottom: 16px;
}
.cookie-text a { color: var(--burgundy); text-underline-offset: 2px; }

.cookie-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.cookie-btn {
    flex: 1 1 auto; min-width: 140px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px; font-weight: 600;
    text-transform: uppercase; letter-spacing: 1.2px;
    padding: 12px 20px; border-radius: 4px; cursor: pointer;
    transition: background .2s, color .2s;
}
/* обе кнопки одинаково заметны — так требуют правила ЕС */
.cookie-btn--accept {
    background: var(--burgundy); color: var(--white); border: 1.5px solid var(--burgundy);
}
.cookie-btn--accept:hover { background: #6e2323; border-color: #6e2323; }
.cookie-btn--decline {
    background: transparent; color: var(--burgundy); border: 1.5px solid var(--burgundy);
}
.cookie-btn--decline:hover { background: rgba(139,46,46,.08); }

/* ссылка «Настройки cookies» в подвале */
.cookie-settings-link {
    background: none; border: none; padding: 0; cursor: pointer;
    font-family: 'Montserrat', sans-serif; font-size: 11px;
    color: rgba(250,247,242,.35); text-decoration: none;
    transition: color .2s;
}
.cookie-settings-link:hover { color: rgba(250,247,242,.65); }

@media (max-width: 600px) {
    .cookie-banner { left: 10px; right: 10px; bottom: 10px; padding: 18px 18px 20px; }
    /* в столбик, но «Принять» сверху: в разметке он идёт вторым, потому и reverse */
    .cookie-actions { flex-direction: column-reverse; }
    .cookie-btn { flex: 1 1 auto; width: 100%; }
}