/* Start:/local/templates/yuumpk/components/bitrix/main.map/template1/style.css?17574411323882*/
/* === Сброс таблицы === */
.map-columns {
 width: 100%;
 table-layout: fixed; /* Чтобы колонки не "прыгали" */
 border: none;
 border-collapse: collapse;
}

.map-columns td {
 padding: 0;
 margin: 0;
 vertical-align: top;
}

/* === Сброс списков === */
.map-level-0,
.map-level-1,
.map-level-2,
.map-level-3 {
 list-style: none;
 padding-left: 0;
 margin: 0;
}

.map-level-0 li,
.map-level-1 li,
.map-level-2 li,
.map-level-3 li {
 margin: 0;
 padding: 0;
 font-weight: normal;
 box-sizing: border-box;
 position: relative;
}

/* === Блокировка маркеров === */
.map-level-0 li::before,
.map-level-1 li::before,
.map-level-2 li::before,
.map-level-3 li::before,
.map-level-0 li::after,
.map-level-1 li::after,
.map-level-2 li::after,
.map-level-3 li::after {
 display: none !important;
 content: none !important;
}

/* === Уровень 0 — корневые === */
.map-level-0 li {
 padding: 8px 0;
 margin-bottom: 8px;
 border-bottom: 1px solid #ddd;
}

.map-level-0 a {
 display: block;
 text-decoration: none;
 color: #333;
 font-weight: 500;
 padding: 4px 0;
 transition: color 0.2s ease;
}

.map-level-0 a::after {
 content: "▶";
 font-size: 0.8em;
 color: #a91512;
 margin-left: 6px;
 opacity: 0;
 transition: opacity 0.2s ease, transform 0.2s ease;
 vertical-align: middle;
}

.map-level-0 a:hover::after {
 opacity: 1;
 transform: translateX(2px);
}

.map-level-0 a:hover {
 color: #a91512;
}

.map-level-0 li:hover {
 background-color: #f9f9f9;
 border-bottom-color: #a91512;
}

/* === Уровень 1 — 10px от края, линия слева === */
.map-level-1 li {
 margin-left: 10px;
 padding: 6px 0;
 border-left: 3px solid #e0e0e0;
 transition: border-left-color 0.2s ease;
}

.map-level-1 a {
 display: block;
 text-decoration: none;
 color: #555;
 padding: 2px 0 2px 10px; /* Отступ от линии */
 font-size: 0.98em;
 transition: color 0.2s ease;
}

.map-level-1 a::after {
 content: "▶";
 font-size: 0.8em;
 color: #a91512;
 margin-left: 6px;
 opacity: 0;
 transition: opacity 0.2s ease, transform 0.2s ease;
 vertical-align: middle;
}

.map-level-1 a:hover::after {
 opacity: 1;
 transform: translateX(2px);
}

.map-level-1 a:hover {
 color: #a91512;
}

.map-level-1 li:hover {
 border-left-color: #a91512;
}

/* === Уровень 2 — 40px от края === */
.map-level-2 li {
 margin-left: 40px; /* Отступ от левого края */
 padding: 4px 0; /* Вертикальные отступы */
}

.map-level-2 a { /* Стили для ссылок второго уровня */
 display: block;
 text-decoration: none;
 color: #5f6368;
 font-size: 0.95em;
 padding: 2px 0 2px 8px; /* Отступы от линии и сверху/снизу */
 border-bottom: 1px dashed transparent;
 transition: color 0.2s ease, border-bottom-color 0.2s ease;
}

/* === Уровень 3 — 60px от края === */
.map-level-3 li {
 margin-left: 60px;
 padding: 3px 0;
 font-size: 0.9em;
}

.map-level-3 a {
 display: block;
 text-decoration: none;
 color: #777;
 padding: 1px 0 1px 8px; /* УВЕЛИЧЕН ОТСТУП ОТ ЛИНИИ */
 border-bottom: 1px dashed transparent;
 transition: color 0.2s ease, border-bottom-color 0.2s ease;
}

.map-level-3 a::after {
 content: "▶";
 font-size: 0.7em;
 color: #a91512;
 margin-left: 4px;
 opacity: 0;
 transition: opacity 0.2s ease, transform 0.2s ease;
 vertical-align: middle;
}

.map-level-3 a:hover::after {
 opacity: 1;
 transform: translateX(1px);
}

.map-level-3 a:hover {
 color: #a91512;
 border-bottom-color: #a91512;
}

/* === Общие стили === */
.map-level-0 {
 border-top: 1px solid #ddd;
 padding-top: 10px;
}
/* End */
/* /local/templates/yuumpk/components/bitrix/main.map/template1/style.css?17574411323882 */