/* Уведомление о cookies: карточка с кнопкой «Принять». Фирменная гамма сохранена (красный #e20017), панель тёмная — как была. */ .legacy-cookie { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; display: flex; justify-content: center; padding: 0; color: #fff; pointer-events: none; /* кликается только сама карточка */ } /* пока согласие не подтверждено — карточку показываем; после «Принять» класс на убирает её мгновенно, без мигания при загрузке */ html.pmlx-cookie-accepted .legacy-cookie { display: none !important; } .legacy-cookie > div { pointer-events: auto; box-sizing: border-box; width: 100%; max-width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; padding: 16px 18px calc(16px + env(safe-area-inset-bottom, 0px)); background: rgba(18, 19, 22, .93); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-top: 3px solid #e20017; border-radius: 18px 18px 0 0; box-shadow: 0 -10px 40px rgba(0, 0, 0, .3); font-size: 14px !important; line-height: 1.45; color: #f1f1f1 !important; animation: pmlx-cookie-in .45s cubic-bezier(.22, .7, .25, 1) both; } .legacy-cookie__text { flex: 1 1 260px; min-width: 0; margin: 0; color: rgba(255, 255, 255, .82); overflow-wrap: break-word; } .legacy-cookie a { color: #ff5061 !important; text-decoration: underline; text-underline-offset: 2px; } .legacy-cookie a:hover { color: #fff !important; } /* --- кнопка «Принять» --- */ .legacy-cookie__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; flex: 0 0 auto; } .legacy-cookie__accept { -webkit-appearance: none; appearance: none; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 11px 30px; border: 0; border-radius: 999px; background: linear-gradient(180deg, #f2101f 0%, #e20017 100%); color: #fff; font-family: inherit; font-size: 15px; font-weight: 700; letter-spacing: .01em; line-height: 1.2; cursor: pointer; white-space: nowrap; box-shadow: 0 8px 20px rgba(226, 0, 23, .38); transition: transform .25s cubic-bezier(.22, .7, .25, 1), box-shadow .25s cubic-bezier(.22, .7, .25, 1), background-color .25s; } .legacy-cookie__accept:hover { background: linear-gradient(180deg, #ff2233 0%, #f2101f 100%); transform: translateY(-2px); box-shadow: 0 12px 26px rgba(226, 0, 23, .5); } .legacy-cookie__accept:active { transform: translateY(0); } .legacy-cookie__accept:focus-visible { outline: 2px solid #fff; outline-offset: 3px; } /* крестик — второстепенный способ закрыть */ .legacy-cookie__close { -webkit-appearance: none; appearance: none; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: rgba(255, 255, 255, .6); font-size: 22px; line-height: 1; cursor: pointer; transition: background-color .2s, color .2s; } .legacy-cookie__close:hover { background: rgba(255, 255, 255, .12); color: #fff; } .legacy-cookie__close:focus-visible { outline: 2px solid #fff; outline-offset: 2px; } .legacy-cookie img { display: none; /* старый крестик-картинка заменён кнопкой */ } @keyframes pmlx-cookie-in { from { opacity: 0; transform: translateY(100%); } to { opacity: 1; transform: translateY(0); } } /* --- телефон: карточка во всю ширину, кнопка тоже --- */ @media (max-width: 639px) { .legacy-cookie__text { flex: 1 1 100%; font-size: 14px; } .legacy-cookie__actions { width: 100%; } .legacy-cookie__accept { flex: 1 1 auto; width: 100%; } } /* --- десктоп: плавающая карточка, не во всю ширину --- */ @media (min-width: 640px) { .legacy-cookie { bottom: 16px; padding: 0 16px; } .legacy-cookie > div { width: auto; max-width: 900px; padding: 16px 18px 16px 26px; border-radius: 18px; border-top: 0; border-left: 3px solid #e20017; } .legacy-cookie br { display: none; } } @media (max-width: 767px) { .legacy-cookie--d-mob-none { display: none; } } @media (prefers-reduced-motion: reduce) { .legacy-cookie > div { animation: none; } }