/**
 * CLS Fix: Резервирование места для динамического контента (jsRender)
 * Исправляет layout shift для контейнеров, в которые вставляется контент через JavaScript
 * Version: 2.0.0 - Динамическое резервирование через JavaScript
 * 
 * ВАЖНО: Размер резервируется динамически через JavaScript в JsRenderAction.php
 * CSS здесь только для базовых стилей и fallback
 */

/* =============================================================================
   ДИНАМИЧЕСКИЕ КОНТЕЙНЕРЫ (jsRender) - Базовые стили
   ============================================================================= */

/* Контейнеры с числовыми ID (паттерн jsRender) */
/* Базовые стили без фиксированного min-height (устанавливается динамически) */
div[id^="1"],
div[id^="2"],
div[id^="3"],
div[id^="4"],
div[id^="5"],
div[id^="6"],
div[id^="7"],
div[id^="8"],
div[id^="9"] {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    /* min-height устанавливается динамически через JavaScript */
}

/* Специфичные контейнеры - базовые стили */
div#1558255562788,
div#1480603085687,
div#1583914258498,
div#1581951010571,
div#1592817882992,
div#1766594108,
div#20086452,
div#1509959267243,
div#2038759827 {
    position: relative !important;
    display: block !important;
    /* min-height устанавливается динамически через JavaScript */
}

/* =============================================================================
   FALLBACK: Минимальные значения на случай если JavaScript не сработал
   ============================================================================= */

/* Только для пустых контейнеров (до загрузки контента) */
div[id^="1"]:empty,
div[id^="2"]:empty,
div[id^="3"]:empty,
div[id^="4"]:empty,
div[id^="5"]:empty,
div[id^="6"]:empty,
div[id^="7"]:empty,
div[id^="8"]:empty,
div[id^="9"]:empty {
    min-height: 1px !important; /* Минимальное значение, чтобы контейнер был виден */
}

/* После загрузки контента JavaScript установит правильный размер */