/* Плашка про политику данных: тёмная, внизу экрана, оранжевая кнопка «Принять».
   Подключается на всех страницах (и на старом светлом стиле, и на тёмном). Разметку создаёт main.js. */
.consent { position: fixed; left: 50%; bottom: 16px; z-index: 60; width: min(1100px, calc(100% - 32px)); display: flex; align-items: center; justify-content: space-between; gap: 20px 28px; padding: 16px 20px 16px 26px; border-radius: 22px; background: #0B1220; color: #E6EFFF; font-family: "Onest", system-ui, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.45; border: 1px solid rgba(130, 175, 255, .25); box-shadow: 0 24px 60px -10px rgba(0, 0, 0, .75), inset 0 1px 0 rgba(255, 255, 255, .08); opacity: 0; transform: translate(-50%, 24px); pointer-events: none; transition: opacity .4s cubic-bezier(.2, .7, .2, 1), transform .4s cubic-bezier(.2, .7, .2, 1); } /* taste-skill-ignore */
.consent.show { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.consent p { margin: 0; max-width: 40em; }
.consent a { color: #FFC278; text-decoration-thickness: 2px; text-underline-offset: .2em; }
.consent a:hover { color: #fff; }
.consent-ok { flex: none; min-height: 48px; padding: 0 34px; border: 0; border-radius: 16px; font: inherit; font-weight: 700; font-size: 17px; color: #1A0A00; cursor: pointer; background: linear-gradient(135deg, #FFA23A, #F06A0C); box-shadow: 0 10px 24px -8px rgba(255, 130, 20, .7), inset 0 1px 0 rgba(255, 255, 255, .45); transition: transform .25s cubic-bezier(.2, .7, .2, 1), filter .25s; } /* taste-skill-ignore */
.consent-ok:hover { transform: translateY(-2px); filter: brightness(1.08); }
.consent-ok:active { transform: scale(.98); }
.consent-ok:focus-visible, .consent a:focus-visible { outline: 3px solid #43CDF1; outline-offset: 3px; }
@media (max-width: 640px) {
  .consent { flex-direction: column; align-items: stretch; padding: 16px 18px; gap: 14px; border-radius: 20px; font-size: 15px; }
  .consent-ok { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .consent { transition: none; } }