Туризм и отдых

.district-cookie-banner { position: fixed; right: 18px; bottom: 18px; z-index: 99999; width: 420px; max-width: calc(100vw - 24px); display: none; font-family: Tahoma, Arial, sans-serif; color: #ffffff; box-sizing: border-box; } .district-cookie-banner a{ color: #eef2f4; } .district-cookie-banner *, .district-cookie-banner *:before, .district-cookie-banner *:after { box-sizing: border-box; } .district-cookie-banner__inner { background: linear-gradient(180deg, #2e3a49 0%, #222c37 55%, #1b222b 100%); border: 1px solid #6b747d; border-radius: 7px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.08); overflow: hidden; } .district-cookie-banner__text { padding: 15px 15px 11px; font-size: 14px; line-height: 1.45; color: #eef2f4; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); background: linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0) 100%); } .district-cookie-banner__button { position: relative; display: block; width: calc(100% - 24px); height: 50px; margin: 0 12px 12px; padding: 0; border: 1px solid #959aa1; border-radius: 5px; background: linear-gradient(180deg, #ddddde 0%, #cfd0d2 52%, #bfc2c5 100%); color: #2c3136; cursor: pointer; overflow: hidden; box-shadow: inset 0 1px 0 rgba(255,255,255,0.68), 0 1px 2px rgba(0,0,0,0.14); transition: background 0.12s ease, box-shadow 0.12s ease, transform 0.12s ease; } .district-cookie-banner__button:hover { background: linear-gradient(180deg, #e4e4e5 0%, #d4d5d7 52%, #c5c8cb 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,0.78), 0 1px 3px rgba(0,0,0,0.16); } .district-cookie-banner__button:active { transform: translateY(1px); background: linear-gradient(180deg, #bfc2c6 0%, #d0d2d5 100%); box-shadow: inset 0 1px 2px rgba(0,0,0,0.08); } .district-cookie-banner__button-text { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); text-align: center; font-size: 14px; font-weight: bold; line-height: 1; color: #2c3138; text-shadow: 0 1px 0 rgba(255,255,255,0.55); pointer-events: none; white-space: nowrap; } .district-cookie-banner--visible { display: block; animation: districtCookieFadeIn 0.3s ease; } @keyframes districtCookieFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 640px) { .district-cookie-banner { right: 10px; bottom: 10px; width: calc(100vw - 20px); } .district-cookie-banner__text { font-size: 13px; padding: 14px 14px 10px; } .district-cookie-banner__button { width: calc(100% - 20px); margin: 0 10px 10px; height: 46px; } } } (function () { var STORAGE_KEY = 'district_cookie_consent_accepted'; var banner = document.getElementById('district-cookie-banner'); var acceptButton = document.getElementById('district-cookie-accept'); if (!banner || !acceptButton) return; try { if (localStorage.getItem(STORAGE_KEY) === '1') { banner.style.display = 'none'; return; } } catch (e) {} banner.className += ' district-cookie-banner--visible'; acceptButton.addEventListener('click', function () { try { localStorage.setItem(STORAGE_KEY, '1'); } catch (e) {} banner.style.display = 'none'; }); })();