/* Стили для компоновки с 3 секциями */

/* Трехслойная фоновая система для 3-секционного варианта */
.layout-3-sections .background-left {
    background-image: url('../../images/layouts/3-sections/background-left.jpg');
}

.layout-3-sections .background-center {
    background-image: url('../../images/layouts/3-sections/background-center.jpg');
}

.layout-3-sections .background-right {
    background-image: url('../../images/layouts/3-sections/background-right.jpg');
}

/* Позиционирование секций для 3-секционного варианта */
.layout-3-sections .section-1 {
    left: calc((428 / 3200) * 100%);
    top: calc((305 / 1919) * 100%);
    width: calc((528 / 3200) * 100%);
    height: calc((1314 / 1919) * 100%);
    transform-origin: right center;
}

.layout-3-sections .section-2 {
    left: calc((956 / 3200) * 100%);
    top: calc((305 / 1919) * 100%);
    width: calc((520 / 3200) * 100%);
    height: calc((1314 / 1919) * 100%);
    transform-origin: center center;
}

.layout-3-sections .section-3 {
    left: calc((1476 / 3200) * 100%);
    top: calc((305 / 1919) * 100%);
    width: calc((528 / 3200) * 100%);
    height: calc((1314 / 1919) * 100%);
    transform-origin: left center;
}

/* Убираем все анимации для мгновенного обновления */
/* Обновлено: новое позиционирование секций для схемы 428px отступ */