/* Полоса «Интерактивные карты» под шапкой — разметка и стили 1:1 с wol.su (.header-maps-bar). На телефоне список
   бежит строкой. Отступ страницы под шапкой (--wl-header-offset) растёт на высоту полосы, пока она есть на странице. */
body:has(.header-maps-bar) {--wl-header-offset: calc(var(--t-header-height, 60px) + 41px);}
.header-maps-bar {background-color: #1b2124;border-top: 1px solid rgba(255, 255, 255, 0.04);width: 100%;padding: 0 20px;}
.header-maps-bar .layout {display: flex;align-items: center;height: 40px;gap: 20px;}
.maps-label {color: #ccc;font-size: 14px;font-weight: 500;white-space: nowrap;flex-shrink: 0;}
.maps-nav {flex: 1;min-width: 0;overflow: hidden;}
.maps-list {display: flex;align-items: center;justify-content: flex-end;gap: 28px;width: max-content;list-style: none;margin: 0 0 0 auto;padding: 0;}
.maps-list li {display: flex;align-items: center;gap: 6px;flex-shrink: 0;}
.map-icon {width: 13px;height: 13px;color: var(--maincolor);flex-shrink: 0;}
.maps-list a, .maps-list span {color: #ccc;font-size: 14px;transition: color 0.2s ease;}
.maps-list a:hover {color: #fff;}
.maps-list span {opacity: 0.5;}
@media (max-width: 768px) {
	.header-maps-bar .layout {gap: 15px;}
	.maps-label {font-size: 13px;}
	.maps-nav {overflow: hidden;}
	.maps-list {justify-content: flex-start;margin: 0;margin-top: 1px;gap: 20px;animation: maps-marquee var(--maps-duration, 10s) linear infinite;}
	.maps-list a, .maps-list span {font-size: 13px;}
}
@media (max-width: 480px) {
	body:has(.header-maps-bar) {--wl-header-offset: calc(var(--t-header-height, 60px) + 33px);}
	.header-maps-bar {padding: 0 15px;}
	.header-maps-bar .layout {gap: 12px;height: 32px;}
	.maps-label {font-size: 12px;}
	.maps-list {gap: 16px;}
	.maps-list a, .maps-list span {font-size: 12px;}
	.map-icon {width: 12px;height: 12px;}
}
@keyframes maps-marquee {
	0% {transform: translateX(100%);opacity: 0;}
	8% {transform: translateX(100%);opacity: 1;}
	85% {transform: translateX(-100%);opacity: 1;}
	92% {transform: translateX(-100%);opacity: 0;}
	100% {transform: translateX(100%);opacity: 0;}
}
@media (prefers-reduced-motion: reduce) {.maps-list {animation: none;}}