/* Исправление для конфигуратора - расширяем блоки на весь экран */

/* Расширяем основной контейнер на весь экран */
#aliconfig .configurator-cnc {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: visible !important;
    padding: 20px !important;
}

/* Расширяем контейнер с текстом и кнопками */
.li_config-text {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

/* Расширяем контейнер страницы продукта */
#product-single-page .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Убираем ограничение ширины для row */
#product-single-page .row {
    max-width: 100% !important;
}

/* Расширяем блок с выбранной конфигурацией */
.choosen-config {
    width: 100% !important;
}

/* Расширяем блок дополнительных опций */
.choosen-dop-option {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 100px;
    overflow: visible !important;
}

/* Убираем фиксированную ширину для div.li_config-img */
div.li_config-img {
    width: auto !important;
    max-width: 800px !important;
}

/* Параграфы тоже расширяем */
.configurator-cnc p {
    width: auto !important;
    max-width: 500px !important;
}

/* Для больших экранов используем всю ширину */
@media (min-width: 1200px) {
    #aliconfig .configurator-cnc {
        padding: 20px 50px !important;
    }
    
    .container {
        max-width: 100% !important;
    }
}

/* Для средних экранов */
@media (max-width: 1200px) {
    #aliconfig .configurator-cnc {
        width: 100% !important;
        overflow-x: hidden !important;
    }
    
    .li_config-text {
        width: 100% !important;
        overflow-x: hidden !important;
    }
}