/* Оформление noise (основное с 2026-10-26): поверх site.css, подключается только при cr_theme() = noise.
   Графит, красный, плакатные Anton (заголовки) и Oswald (подписи, даты, кнопки), чёрно-белые фото.
   Шрифты свои (assets/fonts, OFL), без Google Fonts — IP посетителя никуда не уходит. */
@font-face { font-family: "Anton"; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/anton-latin.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Anton"; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/anton-latin-ext.woff2) format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Oswald"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(fonts/oswald-latin.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Oswald"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(fonts/oswald-latin-ext.woff2) format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
	--bg: #0b0b0c;
	--card: #131315;
	--ink: #f3efe6;
	--muted: #9a958c;
	--line: #26262a;
	--night: #0b0b0c;
	--night-2: #19191c;
	--accent: #e8322b;
	--accent-ink: #ffffff;
	--gold: #f3efe6;
	--ok: #3ecf6e;
	--warn: #f0a63a;
	--bad: #ff5a4e;
	--radius: 4px;
	--shadow: none;
	--edge: #2e2e33;
	--display: "Anton", Impact, "Arial Narrow", sans-serif;
	--label: "Oswald", "Arial Narrow", system-ui, sans-serif;
	color-scheme: dark;
}

body {
	background: var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
	color: var(--ink);
}
::selection { background: var(--accent); color: #fff; }
h1, h2 { font-family: var(--display); font-weight: 400; text-transform: uppercase; letter-spacing: .01em; line-height: 1; }
h1 { font-size: clamp(36px, 5.6vw, 66px); }
h2 { font-size: clamp(24px, 3vw, 34px); }
h3 { font-family: var(--label); font-weight: 600; }
.cr-lead { font-family: var(--label); font-weight: 400; color: #c9c3b8; }

/* шапка; логотип прежний, только цвета темы */
.cr-top { background: rgba(11, 11, 12, .94); border-bottom: 1px solid #1f1f22; backdrop-filter: blur(8px); }
.cr-top-in { height: 64px; gap: 28px; }
.cr-logo-mark { background:
	radial-gradient(circle at 50% 38%, var(--ink) 0 3px, transparent 3.5px),
	radial-gradient(circle at 50% 100%, transparent 0 6px, var(--accent) 6.5px 9px, transparent 9.5px), #1c1c20; }
.cr-nav { gap: 26px; align-self: stretch; }
.cr-nav a { font-family: var(--label); font-weight: 500; font-size: 15px; text-transform: uppercase; letter-spacing: .05em; color: #cfc9be;
	display: flex; align-items: center; position: relative; }
.cr-nav a[aria-current] { color: #fff; }
.cr-nav a[aria-current]::after { content: ""; position: absolute; left: 0; right: 0; bottom: 12px; height: 3px; background: var(--accent); transform: skewX(-20deg); }
.cr-search input { width: 230px; height: 38px; border-radius: 3px; border-color: var(--edge); background: #121214 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a958c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 11px center / 16px no-repeat;
	padding-left: 36px; font-family: var(--label); }
.cr-search input:focus { outline: none; border-color: var(--accent); }
.cr-search input::placeholder { color: #85817a; }
.cr-lang summary { border: 0; font-family: var(--label); font-size: 14px; display: flex; align-items: center; gap: 7px; padding: 6px 2px; }
.cr-lang summary::before { content: ""; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3efe6' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3z'/%3E%3C/svg%3E") center / contain no-repeat; }
.cr-lang ul { border-radius: 4px; border: 1px solid var(--edge); background: #141416; }
.cr-lang li a { border-radius: 3px; }
.cr-lang li a:hover, .cr-lang li a[aria-current] { background: #222226; }
.cr-langbar { background: var(--accent); color: #fff; }

/* герой главной: коллаж (assets/hero.webp, исходник «Global Rock World Tour Collage.png»), текст и поиск слева */
.cr-hx { position: relative; overflow: hidden; border-bottom: 1px solid #1f1f22; isolation: isolate;
	background: #050505 url(hero.webp) right center / cover no-repeat; }
.cr-hx::before { content: ""; position: absolute; z-index: -1; inset: 0;
	background: linear-gradient(90deg, rgba(5, 5, 5, .92) 0%, rgba(5, 5, 5, .7) 28%, rgba(5, 5, 5, 0) 52%),
		linear-gradient(270deg, rgba(5, 5, 5, .92) 0%, rgba(5, 5, 5, .7) 28%, rgba(5, 5, 5, 0) 52%), linear-gradient(0deg, rgba(11, 11, 12, .9) 0%, transparent 22%); }
.cr-hx-in { display: flex; align-items: center; min-height: clamp(460px, 40vw, 600px); padding-top: 44px; padding-bottom: 44px; }
.cr-hx-txt { max-width: 560px; }
.cr-hx-kick { margin: 0 0 18px; }
.cr-hx-kick span { display: inline-block; border: 2px solid var(--accent); color: var(--accent); font: 600 15px/1.2 var(--label); text-transform: uppercase; letter-spacing: .05em;
	padding: 4px 10px; transform: rotate(-2.5deg); background: rgba(11, 11, 12, .6); }
.cr-hx-h1 { margin: 0; text-transform: none; }
.cr-hx-slogan { display: block; font: 400 clamp(60px, 8.6vw, 116px)/.88 var(--display); text-transform: uppercase; letter-spacing: 0; color: var(--ink);
	padding-bottom: 22px; text-shadow: 0 4px 30px rgba(0, 0, 0, .6);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 30' fill='none' stroke='%23e8322b' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 21c60-9 140-14 210-12' stroke-width='5'/%3E%3Cpath d='M70 25c55-7 120-10 175-8l-25 8c25-1 50 0 72-2' stroke-width='3.5'/%3E%3C/svg%3E") left 38% bottom / min(62%, 360px) 26px no-repeat; }
.cr-hx-sub { display: block; margin-top: 16px; font: 500 clamp(18px, 2vw, 22px)/1.3 var(--label); color: #e2ddd3; letter-spacing: .01em; }
.cr-hx-lead { margin: 8px 0 22px; color: #b3ada2; font-size: 16px; max-width: 520px; }
.cr-hx-search { display: flex; max-width: 470px; height: 52px; border: 1px solid #45454c; border-radius: 4px; background: rgba(11, 11, 12, .85); overflow: hidden; }
.cr-hx-search:focus-within { border-color: var(--accent); }
.cr-hx-search input { flex: 1; min-width: 0; border: 0; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9c3b8' stroke-width='1.8'%3E%3Cpath d='M12 21s-6.5-6.1-6.5-11a6.5 6.5 0 0 1 13 0c0 4.9-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E") 14px center / 18px no-repeat;
	color: var(--ink); padding: 0 12px 0 42px; font: 400 16px var(--label); }
.cr-hx-search input:focus { outline: none; }
.cr-hx-search input::placeholder { color: #85817a; }
.cr-hx-search button { border: 0; background: var(--accent); color: #fff; font: 600 15px var(--label); text-transform: uppercase; letter-spacing: .08em; padding: 0 22px; cursor: pointer; }
.cr-hx-search button::after { content: " →"; }
.cr-hx-search button:hover { background: #ff4136; }
.cr-hx .cr-where { margin-top: 16px; color: #c9c3b8; font-family: var(--label); font-size: 15px; }
.cr-hx .cr-where a { color: var(--ink); }

/* секции: заголовок с красной плашкой, «See all →» */
.cr-sec { margin: 44px 0; }
.cr-sec-head { align-items: center; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid #1f1f22; }
.cr-sec-head h2, .cr-sec > h2 { display: flex; align-items: center; gap: 14px; }
.cr-sec-head h2::before, .cr-sec > h2::before { content: ""; flex: none; width: 24px; height: 17px; background: var(--accent); transform: skewX(-22deg); }
.cr-sec-head > a { font: 500 13px var(--label); text-transform: uppercase; letter-spacing: .1em; color: var(--ink); }
.cr-sec-head > a::after { content: " →"; color: var(--accent); }
.cr-sec-head > a:hover { color: var(--accent); }
.cr-sec-meta { font-family: var(--label); }

.cr-btn { border-radius: 3px; font-family: var(--label); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; font-size: 14px; padding: 10px 18px; }
.cr-btn::after { content: " →"; }
.cr-btn:hover { filter: none; background: #ff4136; }
.cr-btn-ghost, .cr-btn-ghost:hover { background: transparent; box-shadow: inset 0 0 0 1px #6a665f; }
.cr-btn-ghost:hover { box-shadow: inset 0 0 0 1px var(--accent); }
.cr-linkbtn { font-family: var(--label); }
.cr-check { font-family: var(--label); font-size: 16px; color: #e2ddd3; }

/* карточки туров: чёрно-белое фото, жанр на стыке, имя плакатом */
.cr-grid { gap: 16px; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
.cr-card { border: 1px solid var(--line); border-radius: var(--radius); background: var(--card); transition: border-color .2s; }
.cr-card:hover { border-color: #44444b; }
.cr-card-img { aspect-ratio: 16 / 10; background: #18181b; }
.cr-card-img img { filter: grayscale(1) contrast(1.15) brightness(.92); transition: filter .35s, transform .35s; }
.cr-card:hover .cr-card-img img { filter: grayscale(0) contrast(1.05); }
.cr-card-ph { font-family: var(--display); font-weight: 400; color: var(--accent); background: repeating-linear-gradient(-45deg, #141416 0 10px, #18181b 10px 20px); }
.cr-card-body { position: relative; padding: 20px 16px 14px; gap: 3px; }
.cr-card-artist { font: 400 25px/1.02 var(--display); text-transform: uppercase; letter-spacing: .01em; color: var(--ink); }
.cr-card-artist a:hover { color: var(--accent); }
.cr-card .cr-tag { position: absolute; left: 14px; top: -11px; background: #0b0b0c; }
.cr-tag { font-family: var(--label); font-weight: 600; font-size: 11px; letter-spacing: .08em; border-radius: 2px; padding: 1px 6px; }
.cr-card-title { font: 400 16px/1.3 var(--label); color: #e2ddd3; }
.cr-card-meta { font-family: var(--label); font-size: 13px; color: var(--muted); }
.cr-card-local { font-family: var(--label); font-weight: 500; font-size: 13px; }
.cr-flag { border-radius: 1px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .08); }
.cr-flag-code { background: #2a2a2e; color: var(--ink); }

/* даты: каждая строка — отдельная полоса, крупный день, красный месяц */
.cr-dates { background: none; box-shadow: none; display: grid; gap: 8px; border-radius: 0; }
.cr-date { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); grid-template-columns: 62px 1fr auto; padding: 10px 16px 10px 12px; transition: border-color .2s; }
.cr-date:first-child { border-top: 1px solid var(--line); }
.cr-date:hover { border-color: #3c3c42; }
.cr-date.has-img { grid-template-columns: 62px 128px 1fr auto; }
.cr-date-img { display: block; width: 128px; height: 58px; overflow: hidden; background: #18181b; }
.cr-date-img img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.15); transition: filter .3s; }
.cr-date:hover .cr-date-img img { filter: grayscale(0); }
.cr-date-img span { display: grid; place-items: center; height: 100%; font: 400 28px var(--display); color: var(--accent); }
.cr-date-day { align-items: flex-start; padding-left: 4px; }
.cr-date-day .d { font: 400 30px/1 var(--display); }
.cr-date-day .m { font: 600 14px/1.2 var(--label); letter-spacing: .04em; }
.cr-date-day .w { font: 400 11px/1.2 var(--label); letter-spacing: .03em; }
.cr-date-artist { font: 500 18px/1.25 var(--label); }
.cr-date-artist a:hover { color: var(--accent); }
.cr-date-tour { font-weight: 400; }
.cr-date-with { font: 400 14px/1.3 var(--label); }
.cr-date-with a { font-weight: 500; }
.cr-date-place { font-size: 14px; color: #d9d4ca; }
.cr-date-place b { font-weight: 600; }
.cr-dist { font-family: var(--label); }
.cr-badge { background: #1e1e22; border-radius: 2px; font-family: var(--label); font-weight: 500; letter-spacing: .03em; }

/* жанры: высокие плитки, фото чёрно-белое */
.cr-scene { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.cr-scene-tile { position: relative; aspect-ratio: 3 / 4; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: #18181b;
	text-decoration: none; display: flex; flex-direction: column; justify-content: flex-end; padding: 12px; isolation: isolate; }
.cr-scene-tile img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.25) brightness(.75); transition: transform .4s, filter .4s; }
.cr-scene-tile::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(11, 11, 12, .92) 0%, rgba(11, 11, 12, .1) 60%); }
.cr-scene-tile:hover img { transform: scale(1.05); filter: grayscale(.2) contrast(1.1) brightness(.85); }
.cr-scene-tile:hover { border-color: var(--accent); }
.cr-scene-tile b { font: 400 24px/1 var(--display); text-transform: uppercase; letter-spacing: .02em; color: #fff; }
.cr-scene-tile small { font: 400 12px var(--label); color: #b9b3a8; margin-top: 4px; }
.cr-scene-tile small::after { content: "→"; position: absolute; right: 12px; bottom: 12px; font-size: 16px; color: #fff; }

/* фильтры, чипы, страницы */
.cr-chip { border-radius: 3px; background: #131315; border-color: var(--line); font-family: var(--label); font-weight: 500; letter-spacing: .02em; }
.cr-chip:hover { border-color: var(--accent); }
.cr-chip.is-on { background: var(--accent); border-color: var(--accent); color: #fff; }
.cr-chip.is-on small { color: rgba(255, 255, 255, .8); }
.cr-sort a { font-family: var(--label); text-transform: uppercase; letter-spacing: .06em; font-weight: 500; font-size: 13px; }
.cr-sort a[aria-current] { color: var(--ink); text-decoration-color: var(--accent); text-decoration-thickness: 2px; }
.cr-pager a, .cr-pager span { border-radius: 3px; background: #131315; border: 1px solid var(--line); font-family: var(--label); }
.cr-pager span { background: var(--accent); border-color: var(--accent); color: #fff; }
.cr-crumbs ol { font-family: var(--label); text-transform: uppercase; letter-spacing: .06em; font-size: 12px; }
.cr-crumbs a:hover { color: var(--accent); }
.cr-country-list li { border: 1px solid var(--line); border-radius: var(--radius); }
.cr-country-name { font-family: var(--label); font-weight: 600; font-size: 17px; text-transform: uppercase; letter-spacing: .02em; }
.cr-az a { border-radius: 3px; background: #131315; border: 1px solid var(--line); font-family: var(--label); }
.cr-az a[aria-current] { border-color: var(--accent); }
.cr-artist-list a { font-family: var(--label); font-weight: 500; font-size: 17px; }

/* артист, тур */
.cr-artist-hero, .cr-tour-hero { border-bottom: 1px solid #1f1f22; }
.cr-artist-hero::before { opacity: .5; filter: grayscale(1) contrast(1.3); }
.cr-artist-hero::after { background: linear-gradient(0deg, var(--bg) 0%, rgba(11, 11, 12, .55) 70%, rgba(11, 11, 12, .3) 100%); }
.cr-artist-hero h1, .cr-tour-hero h1 { font-size: clamp(42px, 7vw, 92px); line-height: .92; text-shadow: 0 4px 30px rgba(0, 0, 0, .6); }
.cr-artist-lead { font-family: var(--label); font-weight: 400; color: #ece7dd; }
.cr-artist-auto { color: #b9b3a8; }
.cr-artist-facts { font-family: var(--label); color: #d9d4ca; }
.cr-artist-hero .cr-tag, .cr-tour-hero .cr-tag { color: var(--accent); background: rgba(11, 11, 12, .6); }
.cr-tour-hero { background: var(--bg); }
.cr-tour-poster { border-radius: var(--radius); border: 1px solid var(--edge); }
.cr-kicker { font: 600 16px var(--label); text-transform: uppercase; letter-spacing: .08em; color: var(--accent); }
.cr-tour-hero .cr-chip { background: #131315; border-color: var(--edge); }
.cr-tour-block h2 a:hover { color: var(--accent); }
.cr-past summary { font-family: var(--label); text-transform: uppercase; letter-spacing: .06em; }
.cr-alert { border: 1px solid var(--line); border-left: 4px solid var(--accent); }
.cr-alert-title { font: 600 18px var(--label); text-transform: uppercase; letter-spacing: .03em; }
.cr-alert-row input, .cr-alert-row select { border-radius: 3px; border-color: var(--edge); background: #0f0f11; }
.cr-cc { border: 1px solid var(--edge); box-shadow: 0 10px 40px rgba(0, 0, 0, .6); }
.cr-cc-title { font: 600 17px var(--label); text-transform: uppercase; letter-spacing: .04em; }
.cr-cc-b { border-radius: 3px; border-color: var(--edge); background: #1a1a1d; font-family: var(--label); text-transform: uppercase; letter-spacing: .05em; font-weight: 500; }
.cr-doc h2 { font-size: 26px; }

/* маршрут тура */
.cr-route > summary { background: var(--card); border: 1px solid var(--line); }
.cr-route-ic { border-radius: 4px; background: #1c1c20 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M10 28c6-1 6-9 12-10s8-6 9-9' fill='none' stroke='%23e8322b' stroke-width='2' stroke-dasharray='3 3' stroke-linecap='round'/%3E%3Ccircle cx='10' cy='28' r='4' fill='%23f3efe6'/%3E%3Ccircle cx='31' cy='10' r='4' fill='%23e8322b'/%3E%3C/svg%3E") center / 40px no-repeat; }
.cr-route-txt b { font: 400 22px/1.1 var(--display); text-transform: uppercase; letter-spacing: .02em; }
.cr-route-txt small { color: var(--muted); font-family: var(--label); }
.cr-route-btn { border-radius: 3px; font-family: var(--label); text-transform: uppercase; letter-spacing: .08em; font-weight: 600; }
.cr-route > summary:hover .cr-route-btn { background: #ff4136; }
.cr-map { border: 1px solid var(--line); border-top: 0; }
.cr-map.is-loading::after { border-color: #333338; border-top-color: var(--accent); }
.cr-map .maplibregl-ctrl-group, .cr-map .maplibregl-ctrl-group button + button { border-color: #333338; }
.cr-map .maplibregl-ctrl-attrib, .cr-map .maplibregl-ctrl-attrib.maplibregl-compact { background: rgba(11, 11, 12, .8); color: var(--muted); }
.cr-pop .maplibregl-popup-content, .cr-map-sheet { border: 1px solid #333338; border-radius: 4px; scrollbar-color: #333338 transparent; }
.cr-pop-head, .cr-pop-ev + .cr-pop-ev { border-color: #333338; }
.cr-pop-city { font: 400 22px/1.1 var(--display); text-transform: uppercase; letter-spacing: .02em; }
.cr-pop-country, .cr-pop-title, .cr-pop-line small, .cr-pop-buy small { color: var(--muted); }
.cr-pop-when { font-family: var(--label); font-weight: 600; letter-spacing: .02em; }
.cr-pop-venue a, .cr-pop-line a, .cr-pop-af a { color: #ff6a5e; }
.cr-pop .cr-badge, .cr-map-sheet .cr-badge { background: #26262a; }

/* подвал */
.cr-foot { background: #070708; border-top: 1px solid #1f1f22; color: #8d887f; padding: 36px 0 30px; }
.cr-foot a, .cr-theme-sw { color: #d9d4ca; }
.cr-foot a:hover, .cr-theme-sw:hover { color: var(--accent); }
.cr-logo-sm { font-size: 22px; }
.cr-foot-slogan { margin: 4px 0 14px 30px; font: 600 12px var(--label); text-transform: uppercase; letter-spacing: .2em; color: var(--ink); }

@media (max-width: 1000px) {
	.cr-scene { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
	.cr-hx { background-image: url(hero-1000.webp); background-position: 58% center; }
	.cr-hx::before { background: linear-gradient(0deg, rgba(5, 5, 5, .95) 0%, rgba(5, 5, 5, .72) 55%, rgba(5, 5, 5, .45) 100%); }
	.cr-hx-in { min-height: 0; padding-top: 36px; padding-bottom: 40px; }
	/* на узком экране меню — второй строкой с прокруткой, а не прячется */
	.cr-top-in { flex-wrap: wrap; height: auto; padding-top: 10px; gap: 6px 14px; }
	.cr-nav { display: flex; order: 3; width: 100%; overflow-x: auto; scrollbar-width: none; gap: 22px; height: 38px; }
	.cr-nav a[aria-current]::after { bottom: 4px; }
	.cr-search input { width: 170px; }
}
@media (max-width: 640px) {
	.cr-date.has-img { grid-template-columns: 56px minmax(0, 1fr) auto; }
	.cr-date-img { display: none; }
	.cr-scene { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 40%; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 0 16px; scroll-snap-type: x mandatory; }
	.cr-scene-tile { scroll-snap-align: start; }
}
@media (max-width: 520px) {
	.cr-top-in { gap: 6px 10px; }
	.cr-search input { width: 120px; }
	.cr-date, .cr-date.has-img { grid-template-columns: 54px minmax(0, 1fr) auto; gap: 10px; padding: 10px 10px 10px 12px; }
	.cr-date-buy .cr-btn { padding: 8px 10px; font-size: 13px; letter-spacing: .05em; }
	.cr-date-buy .cr-btn::after { content: none; }
	.cr-date-artist { font-size: 16px; }
	.cr-date-day .d { font-size: 26px; }
	.cr-date-day { padding-left: 0; }
	.cr-date-day .w { letter-spacing: 0; }
	.cr-hx-slogan { font-size: 62px; }
	.cr-hx-search button { padding: 0 16px; }
}
.cr-month { text-transform: uppercase; }

/* главная от 1015 px: «концерты рядом» — компактный блок справа поверх коллажа (5 строк), секция ниже скрыта */
.cr-hx-near { display: none; }
@media (min-width: 1015px) {
	.cr-hx-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 440px); gap: 32px; align-items: start; }
	.cr-hx-txt { align-self: center; }
	/* полупрозрачно: панель почти прозрачная с лёгким размытием, строки плотнее — коллаж просвечивает, текст читается */
	.cr-hx-near { display: block; background: rgba(8, 8, 9, .15); border: 1px solid rgba(255, 255, 255, .08); border-radius: var(--radius); padding: 14px 14px 12px; backdrop-filter: blur(2px); }
	.cr-near-main { display: none; }
	.cr-hx-near .cr-sec-head { margin: 0 0 10px; padding-bottom: 8px; flex-wrap: nowrap; }
	.cr-hx-near-h { margin: 0; display: flex; align-items: center; gap: 10px; min-width: 0; font: 400 20px/1.05 var(--display); text-transform: uppercase; letter-spacing: .01em; }
	.cr-hx-near-h::before { content: ""; flex: none; width: 18px; height: 13px; background: var(--accent); transform: skewX(-22deg); }
	.cr-hx-near .cr-sec-head > a { flex: none; font-size: 12px; }
	.cr-hx-near .cr-dates { gap: 6px; }
	.cr-hx-near .cr-date { grid-template-columns: 48px minmax(0, 1fr) auto; gap: 10px; padding: 7px 8px 7px 10px; background: rgba(14, 14, 16, .4); border-color: rgba(255, 255, 255, .09); }
	.cr-hx-near .cr-date:hover { background: rgba(14, 14, 16, .85); }
	.cr-hx-near .cr-sec-head { border-bottom-color: rgba(255, 255, 255, .1); }
	.cr-hx-near-h, .cr-hx-near .cr-date-main { text-shadow: 0 1px 3px rgba(0, 0, 0, .9), 0 0 8px rgba(0, 0, 0, .6); }
	.cr-hx-near .cr-date-day { padding-left: 0; }
	.cr-hx-near .cr-date-day .d { font-size: 22px; }
	.cr-hx-near .cr-date-day .m { font-size: 12px; }
	.cr-hx-near .cr-date-day .w { font-size: 10px; letter-spacing: 0; }
	.cr-hx-near .cr-date-artist { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.cr-hx-near .cr-date-with { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.cr-hx-near .cr-date-place { font-size: 12px; }
	.cr-hx-near .cr-date-buy { gap: 4px; }
	.cr-hx-near .cr-btn { padding: 6px 10px; font-size: 12px; letter-spacing: .05em; }
	.cr-hx-near .cr-btn::after { content: none; }
	.cr-hx-near .cr-badge { font-size: 10px; }
}
/* главная на телефоне: «концерты рядом» — 3 строки, остальное по «See all» */
@media (max-width: 640px) {
	.cr-near-main .cr-date:nth-child(n+4) { display: none; }
}