.history-background-between {
        position: relative;
        width: 100%;
        height: 100px;
    }
    .history-title {
        display: flex;
        flex-flow: column nowrap;
        position: relative;
        top:117px;
        height: fit-content;
        width: 1280px;
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .history-title-line {
        position: absolute;
        top: 13px;
        left: 268px;
        height: 759px;
        width: 2px;
        background: #B5A898;
        z-index: 2;
    }
    .history-title-title {
        position: relative;
        display: flex;
        flex-flow: row wrap;
        justify-content: left;
        align-items: center;
        left: 279px;
        margin-bottom: 15px;
        height: fit-content;
        width: 990px;
        color: #BB1023;
        font-family: "Playfair Display";
        font-size: 64px;
        font-style: normal;
        font-weight: 900;
        line-height: 68px; /* 106.25% */
    }
    .history-title-under-title {
        position: relative;
        display: flex;
        flex-flow: row wrap;
        justify-content: left;
        align-items: center;
        left: 279px;
        margin-bottom: 100px;
        height: 62px;
        width: 696px;
        color: #000;
        font-family: Gabriola;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 116.667% */
    }
    .history-title-photo-description {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        height: 400px;
        width: 1280px;
        margin-bottom: 15px;
        z-index: 3;
    }
    .history-title-photo-description-photo {
        position: relative;
        margin-right: 51px;
        width: 733px;
        height: 400px;
        margin-bottom: 15px;
        aspect-ratio: 733/400;
        background: url(/dist/b99316e571485706471e.png) lightgray 50% / cover no-repeat;
    }
    .history-title-photo-description-description {
        position: relative;
        width: 466px;
        height: 284px;
        right: 0;
        color: #000;
        text-align: justify;
        font-family: Gabriola;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px; /* 133.333% */
    }
    .history-title-text-under-photo {
        position: relative;
        display: flex;
        justify-content: left;
        align-items: center;
        left: 279px;
        height: 50px;
        width: 696px;
        color: #000;
        font-family: Gabriola;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }
    .history-period-1st-type,.history-period-2nd-type, .history-period-3d-type, .history-period-4th-type {
        display: flex;
        flex-flow: column nowrap;
        position: relative;
        height: fit-content;
        width: 1280px;
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .history-period-1st-type-title-photo {
        display: flex;
        flex-flow: row nowrap;
        justify-content: right;
        position: relative;
        align-items: center;
        height: 347px;
        width: 1280px;
        margin-bottom: 15px;
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .history-period-1st-type-title-photo-title {
        position: absolute;
        display: flex;
        flex-flow: row wrap;
        justify-content: left;
        align-items: center;
        height: 128px;
        width: 727px;
        left: 35px;
        color: #BB1023;
        font-family: "Playfair Display";
        font-size: 96px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        z-index: 3;
    }
    .history-period-1st-type-title-photo-img {
        position: relative;
        display: flex;
        height: 347px;
        width: 716px;
        margin-bottom: 15px;
        z-index: 2;
    }
    .history-period-1st-type-title-photo-img img {
        aspect-ratio: 716/347;
        object-fit: cover;
        max-width: 100%;
    }
    .history-period-1st-type-photo-description {
        position: relative;
        align-items: start;
        width: 668px;
        height: fit-content;
        left: 577px;
        margin-bottom: 33px;
        color: #000;
        text-align: right;
        font-family: Gabriola;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 83.333% */
    }
    .history-period-1st-type-main-group {
        display: flex;
        flex-flow: row nowrap;
        position: relative;
        height: fit-content;
        width: 1115px;
        left: 135px;
    }
    .history-period-1st-type-group1 {
        display: flex;
        flex-flow: column nowrap;
        position: relative;
        height: fit-content;
        width: 351px;
        margin-right: 75px;
    }
    .history-period-1st-type-line1, .history-period-2nd-type-line1, .history-period-3d-type-line1, .history-period-4th-type-line1 {
        position: relative;
        width: 201px;
        height: 2px;
        margin-bottom: 20px;
        background: #B5A898;
    }

    .history-period-1st-type-group1-title, .history-period-4th-type-main-td-title-century{
        position: relative;
        width: 351px;
        height: fit-content;
        margin-bottom: 20px;
        color: #BB1023;
        font-family: "Playfair Display";
        font-size: 27px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
    }
    .history-period-1st-type-group1-text {
        position: relative;
        width: 270px;
        height: fit-content;
        margin-bottom: 20px;
        color: #000;
        text-align: justify;
        font-family: Gabriola;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 100% */
    }
    .history-period-1st-type-group1-line2, .history-period-2nd-type-line-2, .history-period-3d-type-line-2, .history-period-4th-type-line-2{
        position: relative;
        width: 100px;
        height: 8px;
        margin-bottom: 20px;
        background: #BB1023;
    }
    .history-period-1st-btn, .history-period-2nd-btn, .history-period-3d-btn, .history-period-4th-btn {
        width: 188px;
        height: 46px;
        position: relative;
        justify-content: center;
        flex-shrink: 0;
        border-radius: 45px;
        border: 4px solid #5A062A;
        display: flex;
        align-items: center;
        background: #F9FED8;
    }
    .history-period-1st-btn:active, .history-period-2nd-btn:active, .history-period-3d-btn:active, .history-period-4th-btn:active {
        transform: translateY(3px);
    }
    .history-period-1st-btn .biography-link, .history-period-2nd-btn .biography-link, .history-period-3d-btn .biography-link, .history-period-4th-btn .biography-link {
        display: flex;
        position: relative;
        background: transparent;
        align-items: center;
        justify-content: center;
        width: 188px;
        height: 46px;
        flex-shrink: 0;
        border-radius: 45px;
        font-family: Novelist;
        color: #5A062A;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
    }
    .history-period-1st-type-text-field {
        display: flex;
        position: relative;
        height: fit-content;
        width: 689px;
    }
    .history-period-1st-type-text, .history-period-2nd-type-text, .history-period-3d-type-text, .history-period-4th-type-text {
        text-indent: 20px;
        columns: auto 2;
        column-gap: 50px;
        color: #000;
        text-align: justify;
        font-family: Gabriola;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
    }
    .history-period-2nd-type-title, .history-period-2nd-type-title-century,
    .history-period-3d-type-title, .history-period-3d-type-title-century,
    .history-period-4th-type-main-td-title, .history-period-4th-type-main-td-title-century{
        display: flex;
        position: relative;
        height: 33px;
        width: 129px;
        left: 959px;
        justify-content: center;
        color: #BB1023;
        text-align: center;
        font-family: "Playfair Display";
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
    }
    .history-period-2nd-type-title-century, .history-period-3d-type-title-century, .history-period-4th-type-main-td-title-century {
        height: fit-content;
        width: 362px;
        left: 918px;
        text-align: right;
        font-size: 96px;
        line-height: 78px;
        margin-bottom: 65px;
    }
    .history-period-2nd-type-main, .history-period-3d-type-main, .history-period-4th-type-main {
        display: flex;
        flex-flow: row nowrap;
        position: relative;
        height: fit-content;
        width: 1280px;
        margin-bottom: 20px;
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .history-period-2nd-type-main-tdp, .history-period-3d-type-main-tdp, .history-period-4th-type-main-tp {
        display: flex;
        flex-flow: column nowrap;
        position: relative;
        height: fit-content;
        margin-right: 60px;
        width: 529px;
    }
    .history-period-2nd-type-line1 {
        left: 168px;
    }
    .history-period-2nd-type-main-tdp-title, .history-period-3d-type-main-tdp-title, .history-period-4th-type-main-description-title {
        display: flex;
        position: relative;
        height: fit-content;
        margin-bottom: 20px;
        width: 356px;
        left: 168px;
        color: #BB1023;
        font-family: "Playfair Display";
        font-size: 24px;
        font-style: normal;
        font-weight: 900;
        line-height: 30px;
    }
    .history-period-2nd-type-main-tdp-description, .history-period-3d-type-main-tdp-description, .history-period-4th-type-main-description {
        display: flex;
        position: relative;
        height: fit-content;
        margin-bottom: 20px;
        width: 270px;
        left: 168px;
        color: #000;
        text-align: justify;
        font-family: Gabriola;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }
    .history-period-2nd-type-line-2 {
        margin-bottom: 92px;
        left: 168px;
    }
    .history-period-2nd-type-main-tdp-photo {
        display: flex;
        position: relative;
        height: 307px;
        width: 529px;
    }
    .history-period-2nd-type-main-tdp-photo img {
        aspect-ratio: 529/307;
        object-fit: cover;
        max-width: 100%;
    }
    .history-period-2nd-type-main-tdp-text-under-photo, .history-period-3d-type-main-tdp-text-under-photo, .history-period-4th-type-main-tp-text-under-photo {
        display: flex;
        position: relative;
        height: fit-content;
        width: 503px;
        left: 35px;
        margin-top: 15px;
        color: #000;
        font-family: Gabriola;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }
    .history-period-2nd-type-text-field, .history-period-3d-type-main-text-field, .history-period-4th-type-main-text-field {
        display: flex;
        position: relative;
        height: fit-content;
        width: 650px;
    }
    .history-period-2nd-btn, .history-period-3d-btn, .history-period-4th-btn {
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .history-period-2nd-btn:active, .history-period-3d-btn:active, .history-period-4th-btn:active {
        margin-left: 50%;
        transform: translateX(-50%) translateY(3px);
    }
    .first-paragraph {
        margin-top: 0;
        margin-bottom: 0;
        break-inside: avoid;
    }
    .first-paragraph::first-letter{
        color: #BB1023;
        font-family: "Playfair Display";
        font-size: 32px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        text-transform: capitalize;
    }
    .history-period-3d-type-title {
        width: 349px;
        left: 2px;
    }
    .history-period-3d-type-title, .history-period-3d-type-title-century {
        left: 0;
        justify-content: left;
        text-align: left;
    }
    .history-period-3d-type-main-text-field {
        margin-right: 99px;
    }

    .history-period-3d-type-line1 {
        left: 80px;
    }
    .history-period-3d-type-main-tdp {
        margin-right: 0;
        width: 531px;
    }
    .history-period-3d-type-main-tdp-title {
        width: 262px;
        height: 90px;
        left: 19px;
        text-align: right;
    }
    .history-period-3d-type-main-tdp-description {
        height: 95px;
        width: 270px;
        text-align: right;
        left: 11px;
    }
    .history-period-3d-type-line-2 {
        left: 181px;
        margin-bottom: 103px;
    }
    .history-period-3d-type-main-tdp-photo {
        height: 310px;
        width: 531px;
        margin-bottom: 15px;
    }
    .history-period-3d-type-main-tdp-photo img {
        aspect-ratio: 531/310;
        object-fit: cover;
        max-width: 100%;
    }
    .history-period-3d-type-main-tdp-text-under-photo{
        left:0;
        text-align: right;
    }
    .history-period-4th-type-main {
        flex-flow: row nowrap;
    }
    .history-period-4th-type-main-tp {
        margin-right: 44px;
        width: 714px;
    }
    .history-period-4th-type-main-tp-photo {
        width: 714px;
        height: 370px;
    }
    .history-period-4th-type-main-tp-photo img {
        aspect-ratio: 714/370;
        object-fit: cover;
    }
    .history-period-4th-type-main-tp-text-under-photo {
        left: 33px;
        width: 600px;
        margin-bottom: 25px;
    }
    .history-period-4th-type-main-text-field {
        left: 33px;
    }
    .history-period-4th-type-main-td {
        display: flex;
        flex-flow: column nowrap;
        width: 522px;
        height: fit-content;
        position: relative;
    }
    .history-period-4th-type-main-td-title, .history-period-4th-type-main-td-title-century {
        left: 0;
        top: 98px;
        width: 522px;
        justify-content: left;
        margin-bottom: 10px;
    }
    .history-period-4th-type-main-td-title-century {
        margin-bottom: 324px;
        font-weight: 900;
        text-align: center;
    }
    .history-period-4th-type-line1 {
        left: 131px;
    }
    .history-period-4th-type-main-description-title {
        left: 0;
        height: 59px;
        width: 332px;
        text-align: right;
    }
    .history-period-4th-type-main-description {
        width: 270px;
        left: 62px;
        text-align: right;
        height: fit-content;
    }
    .history-period-4th-type-line-2 {
        left: 232px;
    }

    .history-p {
        margin-top: 0;
        margin-bottom: 0;
        break-inside: avoid;
    }
    .history-ul {
        break-inside: avoid;
    }
    .wrapper {
        overflow-x: hidden;
    }

    /* Меняем фиксированную ширину на максимальную во всех главных контейнерах */
    .history-title,
    .history-period-1st-type,
    .history-period-2nd-type,
    .history-period-3d-type,
    .history-period-4th-type,
    .history-period-1st-type-title-photo,
    .history-period-2nd-type-main,
    .history-period-3d-type-main,
    .history-period-4th-type-main {
        width: 100% !important;
        max-width: 1280px !important;
        left: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        transform: none !important;
    }

    /* Разрешаем картинкам сжиматься, не теряя пропорций */
    img {
        max-width: 100%;
        height: auto !important;
    }

    /* 2. Адаптация под экраны меньше 1300px (когда десктоп перестает влезать) */
    @media (max-width: 1300px) {

        /* Убираем жесткие смещения left, заменяя их на отступы в % или обнуляя */
        .history-title-title,
        .history-title-under-title,
        .history-title-text-under-photo,
        .history-period-1st-type-photo-description,
        .history-period-1st-type-main-group,
        .history-period-2nd-type-title,
        .history-period-2nd-type-title-century,
        .history-period-3d-type-title,
        .history-period-3d-type-title-century,
        .history-period-4th-type-main-td-title,
        .history-period-4th-type-main-td-title-century {
            left: 0 !important;
            padding-left: 5%;
            padding-right: 5%;
            width: 90% !important;
            text-align: inherit; /* сохраняем твое выравнивание */
        }

        /* Делаем колонки текста гибкими */
        .history-period-1st-type-text-field,
        .history-period-2nd-type-text-field,
        .history-period-3d-type-main-text-field,
        .history-period-4th-type-main-text-field {
            width: 100% !important;
            padding: 0 20px;
            box-sizing: border-box;
        }

        /* Линия в заголовке — при сужении она обычно наезжает на текст, сдвигаем или скрываем */
        .history-title-line {
            left: 20px !important;
        }
    }

    /* 3. Переход в мобильный режим (экраны меньше 768px) */
    @media screen and (max-width: 768px) {
        /* 1. ГЛОБАЛЬНЫЙ СБРОС И ИЗОЛЯЦИЯ ОТ HEADER */
        .background-1-history *,
        .background-2-history *,
        [class^="history-"] {
            position: relative !important;
            left: 0 !important;
            right: 0 !important;
            top: 0 !important;
            margin-left: auto !important;
            margin-right: auto !important;
            transform: none !important;
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            box-sizing: border-box !important;
            display: block !important;
            height: auto !important;
        }

        /* 2. УДАЛЕНИЕ СТАРЫХ ЛИНИЙ И ЦВЕТНЫХ ПОЛЕЙ */
        [class*="line"], [class*="line1"], [class*="line2"], [class*="line-2"], .history-title-line {
            display: none !important;
        }

        /* 3. ЧИСТКА ТОЛЬКО ДЛЯ ПЕРИОДОВ (2, 3, 4 ТИПЫ) */
        .background-2-history [class*="-under-photo"],
        .background-2-history [class*="-tdp-title"],
        .background-2-history [class*="-tdp-description"],
        .background-2-history [class*="-group1-title"],
        .background-2-history [class*="-group1-text"],
        .background-2-history [class*="-description-title"],
        .background-2-history [class*="-description"],
        .background-2-history [class*="-photo-description"] {
            display: none !important;
        }

        /* 4. СПЕЦИФИЧЕСКИЙ ФИКС ДЛЯ ПЕРВОГО БЛОКА */
        .history-title-text-under-photo { display: none !important; }

        /* 5. РАЗДЕЛИТЕЛЬНАЯ ЛИНИЯ МЕЖДУ ПЕРИОДАМИ */
        .background-2-history::before {
            content: "";
            display: block;
            width: 94%;
            height: 1px;
            background: #B5A898;
            margin: 30px auto 10px auto;
            opacity: 0.5;
        }

        /* 6. КОРРЕКЦИЯ ПОРЯДКА И ОТСТУПОВ */
        .background-1-history, .background-2-history {
            padding: 0 10px !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            box-sizing: border-box !important;
        }

        [class*="-type"], [class*="-main"], [class*="-group"],
        [class*="-tdp"], [class*="-tp"], [class*="-td"], [class*="-text-field"] {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            text-align: center !important;
            padding: 0 !important;
            margin: 0 !important;
        }

        /* ФИКС TYPE 1: Кнопка под текст */
        .history-period-1st-type-main-group { display: flex !important; flex-direction: column !important; }
        .history-period-1st-type-text-field { order: 1 !important; }
        .history-period-1st-type-group1 { order: 2 !important; }

        /* ФИКС TYPE 3: Фото между заголовком и текстом */
        .history-period-3d-type-main { display: flex !important; flex-direction: column !important; }
        .history-period-3d-type-main-tdp { order: 1 !important; } /* Контейнер с фото */
        .history-period-3d-type-main-text-field { order: 2 !important; } /* Контейнер с текстом */

        /* ФИКС TYPE 4: Заголовок века НАВЕРХ */
        .history-period-4th-type-main { display: flex !important; flex-direction: column !important; }
        .history-period-4th-type-main-td { order: 1 !important; }
        .history-period-4th-type-main-tp { order: 2 !important; }

        /* ЖЕСТКИЙ ФИКС ДЛЯ TYPE 2 И 3: Подтягиваем фото */
        .history-period-2nd-type-title, .history-period-2nd-type-title-century,
        .history-period-2nd-type-main-tdp, .history-period-2nd-type-line-2,
        .history-period-3d-type-title-century, .history-period-3d-type-main-tdp,
        .history-period-3d-type-line-2 {
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
            height: auto !important;
            top: 0 !important;
        }

        /* Схлопывание отступов во всех блоках */
        [class*="-century"], [class*="-main-tdp"], [class*="-main-td"], [class*="-main-tp"] {
            margin-bottom: 0 !important;
            margin-top: 0 !important;
            padding-bottom: 0 !important;
            top: 0 !important;
        }

        /* 7. КРУПНЫЕ ЗАГОЛОВКИ (ВЕКА) */
        .history-title-title,
        [class*="-century"],
        .history-period-1st-type-title-photo-title {
            font-size: 48px !important;
            line-height: 1.1 !important;
            margin: 15px auto !important;
            font-weight: 900 !important;
            color: #BB1023 !important;
            width: 100% !important;
        }

        /* 8. КАРТИНКИ */
        img, [class*="-photo"], [class*="-img"] {
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            margin: 5px 0 15px 0 !important;
        }

        /* 9. ТЕКСТ СТАТЕЙ */
        [class*="-text"] {
            columns: 1 !important;
            text-indent: 0 !important;
            text-align: justify !important;
            font-size: 20px !important;
            line-height: 1.5 !important;
            margin-bottom: 10px !important;
            width: 100% !important;
        }

        /* 10. КНОПКИ */
        [class*="-btn"] {
            display: flex !important;
            width: 200px !important;
            margin: 10px auto 25px auto !important;
        }

        /* Схлопывание технических отступов между блоками */
        .history-background-between { height: 10px !important; }
        .history-title { top: 10px !important; }
    }
    @media screen and (min-width: 769px) and (max-width: 1280px) {
        /* 1. ГЛОБАЛЬНЫЙ СБРОС И ИЗОЛЯЦИЯ ОТ HEADER */
        .background-1-history *,
        .background-2-history *,
        [class^="history-"] {
            position: relative !important;
            left: 0 !important;
            right: 0 !important;
            top: 0 !important;
            margin-left: auto !important;
            margin-right: auto !important;
            transform: none !important;
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            box-sizing: border-box !important;
            display: block !important;
            height: auto !important;
        }

        /* 2. УДАЛЕНИЕ СТАРЫХ ЛИНИЙ И ЦВЕТНЫХ ПОЛЕЙ */
        [class*="line"], [class*="line1"], [class*="line2"], [class*="line-2"], .history-title-line {
            display: none !important;
        }

        /* 3. ЧИСТКА ТОЛЬКО ДЛЯ ПЕРИОДОВ (2, 3, 4 ТИПЫ) */
        .background-2-history [class*="-under-photo"],
        .background-2-history [class*="-tdp-title"],
        .background-2-history [class*="-tdp-description"],
        .background-2-history [class*="-group1-title"],
        .background-2-history [class*="-group1-text"],
        .background-2-history [class*="-description-title"],
        .background-2-history [class*="-description"],
        .background-2-history [class*="-photo-description"] {
            display: none !important;
        }

        /* 4. СПЕЦИФИЧЕСКИЙ ФИКС ДЛЯ ПЕРВОГО БЛОКА */
        .history-title-text-under-photo { display: none !important; }

        /* 5. РАЗДЕЛИТЕЛЬНАЯ ЛИНИЯ МЕЖДУ ПЕРИОДАМИ */
        .background-2-history::before {
            content: "";
            display: block;
            width: 96%;
            height: 1px;
            background: #B5A898;
            margin: 40px auto 20px auto;
            opacity: 0.5;
        }

        /* 6. КОРРЕКЦИЯ ПОРЯДКА И ОТСТУПОВ */
        .background-1-history, .background-2-history {
            padding: 0 20px !important; /* Чуть больше отступ от краев на планшете */
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            box-sizing: border-box !important;
        }

        [class*="-type"], [class*="-main"], [class*="-group"],
        [class*="-tdp"], [class*="-tp"], [class*="-td"], [class*="-text-field"] {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            text-align: center !important;
            padding: 0 !important;
            margin: 0 !important;
        }

        /* ПОРЯДОК: СОБЛЮДАЕМ ТВОЮ ЛОГИКУ */
        .history-period-1st-type-main-group { display: flex !important; flex-direction: column !important; }
        .history-period-1st-type-text-field { order: 1 !important; }
        .history-period-1st-type-group1 { order: 2 !important; }

        .history-period-3d-type-main { display: flex !important; flex-direction: column !important; }
        .history-period-3d-type-main-tdp { order: 1 !important; }
        .history-period-3d-type-main-text-field { order: 2 !important; }

        .history-period-4th-type-main { display: flex !important; flex-direction: column !important; }
        .history-period-4th-type-main-td { order: 1 !important; }
        .history-period-4th-type-main-tp { order: 2 !important; }

        /* ЖЕСТКИЙ ФИКС ДЛЯ TYPE 2 И 3: Подтягиваем фото */
        .history-period-2nd-type-title, .history-period-2nd-type-title-century,
        .history-period-2nd-type-main-tdp, .history-period-2nd-type-line-2,
        .history-period-3d-type-title-century, .history-period-3d-type-main-tdp,
        .history-period-3d-type-line-2 {
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
            height: auto !important;
            top: 0 !important;
        }

        [class*="-century"], [class*="-main-tdp"], [class*="-main-td"], [class*="-main-tp"] {
            margin-bottom: 0 !important;
            margin-top: 0 !important;
            padding-bottom: 0 !important;
            top: 0 !important;
        }

        /* 7. КРУПНЫЕ ЗАГОЛОВКИ (ВЕКА) - ДЛЯ ПЛАНШЕТА КРУПНЕЕ */
        .history-title-title,
        [class*="-century"],
        .history-period-1st-type-title-photo-title {
            font-size: 80px !important;
            line-height: 1.1 !important;
            margin: 20px auto !important;
            font-weight: 900 !important;
            color: #BB1023 !important;
            width: 100% !important;
        }

        /* 8. КАРТИНКИ - МАКСИМАЛЬНАЯ ШИРИНА */
        img, [class*="-photo"], [class*="-img"] {
            width: 100% !important;
            max-width: 1000px !important; /* Увеличили для планшета */
            height: auto !important;
            margin: 10px auto 20px auto !important;
        }

        /* 9. ТЕКСТ СТАТЕЙ - ДВЕ КОЛОНКИ */
        [class*="-text"] {
            columns: 2 !important; /* На планшете 2 колонки смотрятся лучше */
            column-gap: 40px !important;
            text-indent: 0 !important;
            text-align: justify !important;
            font-size: 22px !important;
            line-height: 1.4 !important;
            margin-bottom: 20px !important;
            width: 100% !important;
        }

        /* 10. КНОПКИ */
        [class*="-btn"] {
            display: flex !important;
            width: 220px !important;
            margin: 10px auto 40px auto !important;
        }

        /* Схлопывание технических отступов */
        .history-background-between { height: 30px !important; }
        .history-title { top: 30px !important; }
    }