/**
 * Legacy-калькуляторы в контенте → Figma «Калькуляторы расчета»
 * (ПрофМастер Copy, GVnUdWV7qtdsGtZoVq7AYX, calculator 855:27903).
 * Без правой колонки «Ваша скидка».
 */

/* main.css .card { height:440px; flex } ломает отступы h3 → поля */
.card.quick-calculation-form,
.card.quick-calculation-form.h-100,
.card.quick-calculation-form.formwork-calculator--legacy,
.quick-calculation-form.formwork-calculator--legacy {
    background: #fccb06 !important;
    color: #231f20 !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 30px !important;
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    display: block !important;
    margin-bottom: 28px;
}

.card.quick-calculation-form > .calc,
.card.quick-calculation-form.formwork-calculator--legacy > .calc {
    margin-top: 0;
}

.formwork-calculator--legacy h3 {
    color: #231f20 !important;
    margin: 0 0 12px;
    text-align: left !important;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: 0;
}

/* Заголовок → блок полей (h3 и .calc — соседи в карточке) */
.formwork-calculator--legacy h3 + .calc {
    margin-top: 0;
    padding-top: 0;
}

/* Между h3 и .calc часто вставлен пустой p.mt-4 (Bootstrap mt-4) */
.formwork-calculator--legacy h3 + p.mt-4 {
    margin-top: 0 !important;
    margin-bottom: 8px;
}

.formwork-calculator--legacy h3 + p.mt-4:empty {
    display: none;
    margin: 0 !important;
}

/* Сначала поля со слайдером, потом блоки «Итог» (в HTML иногда наоборот) */
.formwork-calculator--legacy .calc.row > [class*="col-"]:has(.sliderBox2),
.formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich:not(:has(> .row)) > [class*="col-"]:has(.sliderBox2),
.formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich > .row > [class*="col-"]:has(.sliderBox2),
.formwork-calculator--legacy .raschetCalcOpalubkaStenMelk:not(:has(> .row)) > [class*="col-"]:has(.sliderBox2),
.formwork-calculator--legacy .raschetCalcOpalubkaStenMelk > .row > [class*="col-"]:has(.sliderBox2),
.formwork-calculator--legacy .raschetCalcOpalubkaSten:not(:has(> .row)) > [class*="col-"]:has(.sliderBox2),
.formwork-calculator--legacy .raschetCalcOpalubkaSten > .row > [class*="col-"]:has(.sliderBox2) {
    order: 1;
}

.formwork-calculator--legacy .calc.row > .col-md-9,
.formwork-calculator--legacy .calc.row > .col-md-auto:has(.calc__result-title),
.formwork-calculator--legacy .calc.row > [class*="col-"]:has(.calc__result-title),
.formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich > .row > .col-md-9,
.formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich > .row > .col-md-auto:has(.calc__result-title),
.formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich > .row > [class*="col-"]:has(.calc__result-title),
.formwork-calculator--legacy .raschetCalcOpalubkaStenMelk > .row > .col-md-9,
.formwork-calculator--legacy .raschetCalcOpalubkaStenMelk > .row > .col-md-auto:has(.calc__result-title),
.formwork-calculator--legacy .raschetCalcOpalubkaStenMelk > .row > [class*="col-"]:has(.calc__result-title),
.formwork-calculator--legacy .raschetCalcOpalubkaSten > .row > .col-md-9,
.formwork-calculator--legacy .raschetCalcOpalubkaSten > .row > .col-md-auto:has(.calc__result-title),
.formwork-calculator--legacy .raschetCalcOpalubkaSten > .row > [class*="col-"]:has(.calc__result-title) {
    order: 20;
}

.formwork-calculator--legacy .calc.row > .col-md-3,
.formwork-calculator--legacy .calc.row > .col-md-auto:has(.modalForm-3),
.formwork-calculator--legacy .calc.row > .col-md-auto:has(.legacy-calc-order-btn),
.formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich > .row > .col-md-3,
.formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich > .row > .col-md-auto:has(.modalForm-3),
.formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich > .row > .col-md-auto:has(.legacy-calc-order-btn),
.formwork-calculator--legacy .raschetCalcOpalubkaStenMelk > .row > .col-md-3,
.formwork-calculator--legacy .raschetCalcOpalubkaStenMelk > .row > .col-md-auto:has(.modalForm-3),
.formwork-calculator--legacy .raschetCalcOpalubkaSten > .row > .col-md-auto:has(.modalForm-3),
.formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich > .row > .col-md-auto:has(.legacy-calc-order-btn),
.formwork-calculator--legacy .raschetCalcOpalubkaStenMelk > .row > .col-md-auto:has(.legacy-calc-order-btn) {
    order: 21;
}

/* Несколько .row подряд в IBLOCK — убрать bootstrap-отступы между «Длина» и «Высота» */
.formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich:has(> .row),
.formwork-calculator--legacy .raschetCalcOpalubkaStenMelk:has(> .row),
.formwork-calculator--legacy .raschetCalcOpalubkaSten:has(> .row) {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.formwork-calculator--legacy .calc > .row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

.formwork-calculator--legacy .calc [class*="col-"] {
    margin-bottom: 0 !important;
}

.formwork-calculator--legacy .calc.row > p.mt-4,
.formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich > .row > p.mt-4,
.formwork-calculator--legacy .raschetCalcOpalubkaStenMelk > .row > p.mt-4,
.formwork-calculator--legacy .raschetCalcOpalubkaSten > .row > p.mt-4 {
    order: 22;
}

.formwork-calculator--legacy .calc,
.formwork-calculator--legacy p.mt-4 {
    color: #231f20;
}

.formwork-calculator--legacy .calc > p.mt-4 {
    display: block;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.01em;
}

.formwork-calculator--legacy .calc > p.mt-4:first-child {
    margin-top: 0 !important;
    margin-bottom: 8px;
}

/* Пустой вводный абзац в сетке не добавляет row-gap */
.formwork-calculator--legacy .calc.row > p.mt-4:empty {
    display: none;
    margin: 0 !important;
    padding: 0;
}

.formwork-calculator--legacy .calc > p.mt-4:not(:first-child),
.formwork-calculator--legacy .calc.row + p.mt-4 {
    margin-top: 12px !important;
}

/* form: поля + итоги — Figma gap 10px, поля на всю ширину карточки */
.formwork-calculator--legacy .calc.row,
.formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich:not(:has(> .row)),
.formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich > .row,
.formwork-calculator--legacy .raschetCalcOpalubkaStenMelk:not(:has(> .row)),
.formwork-calculator--legacy .raschetCalcOpalubkaStenMelk > .row,
.formwork-calculator--legacy .raschetCalcOpalubkaSten:not(:has(> .row)),
.formwork-calculator--legacy .raschetCalcOpalubkaSten > .row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    margin: 0 !important;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

@media (min-width: 768px) {
    .formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich.calc.row,
    .formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich:not(:has(> .row)),
    .formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich > .row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .formwork-calculator--legacy .raschetCalcOpalubkaStenMelk.calc.row,
    .formwork-calculator--legacy .raschetCalcOpalubkaStenMelk:not(:has(> .row)),
    .formwork-calculator--legacy .raschetCalcOpalubkaStenMelk > .row,
    .formwork-calculator--legacy .raschetCalcOpalubkaSten.calc.row,
    .formwork-calculator--legacy .raschetCalcOpalubkaSten:not(:has(> .row)),
    .formwork-calculator--legacy .raschetCalcOpalubkaSten > .row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.formwork-calculator--legacy .calc.row > [class*="col-"]:has(.sliderBox2),
.formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich:not(:has(> .row)) > [class*="col-"]:has(.sliderBox2),
.formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich > .row > [class*="col-"]:has(.sliderBox2),
.formwork-calculator--legacy .raschetCalcOpalubkaStenMelk:not(:has(> .row)) > [class*="col-"]:has(.sliderBox2),
.formwork-calculator--legacy .raschetCalcOpalubkaStenMelk > .row > [class*="col-"]:has(.sliderBox2),
.formwork-calculator--legacy .raschetCalcOpalubkaSten:not(:has(> .row)) > [class*="col-"]:has(.sliderBox2),
.formwork-calculator--legacy .raschetCalcOpalubkaSten > .row > [class*="col-"]:has(.sliderBox2) {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    width: 100%;
    max-width: none;
    padding: 0;
    box-sizing: border-box;
}

.formwork-calculator--legacy .carcass__label,
.formwork-calculator--legacy .calc.row > [class*="col-"]:has(.sliderBox2) > label {
    color: #231f20;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.01em;
    margin-bottom: 0;
    font-weight: 400;
}

/* Поле + ползунок — Figma calculator 855:27903 (жёлтый фон, рамка, число слева) */
.formwork-calculator--legacy .sliderBox2 {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

/* jQuery UI слайдер до/после init — не занимает место между label и полем */
.formwork-calculator--legacy .sliderBox2 .ui-slider {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.formwork-calculator--legacy .sliderBox2 input.input__sys-input.form-control.legacy-calc-value {
    background-color: #fccb06 !important;
}

.formwork-calculator--legacy .sliderBox2 .carcass__field-wrapper.legacy-calc-range-wrap {
    width: 100%;
    background-color: #fccb06 !important;
}

.formwork-calculator--legacy .sliderBox2 .range,
.formwork-calculator--legacy .sliderBox2 .legacy-calc-field-yellow {
    width: 100%;
    align-items: stretch;
    justify-content: flex-start;
    border: none;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    min-height: 0;
    background-color: transparent !important;
    box-sizing: border-box;
    overflow: visible;
}

.formwork-calculator--legacy .sliderBox2 .legacy-calc-field-yellow .range__input.carcass:focus-within {
    border-color: #231f20;
}

/*
 * Трек: wrapper bottom -5px; стартовая точка — ::after на wrapper (не на .range).
 */
.formwork-calculator--legacy .sliderBox2 .legacy-calc-field-yellow.range::after {
    content: none;
    display: none;
}

.formwork-calculator--legacy .sliderBox2 .legacy-calc-field-yellow .range__progressbar-wrapper {
    left: 10px;
    width: calc(100% - 20px);
    bottom: 0;
    z-index: 2;
    overflow: visible;
    pointer-events: none;
}

.formwork-calculator--legacy .sliderBox2 .legacy-calc-field-yellow .range__progressbar-wrapper::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    bottom: 0;
    left: 0;
    transform: translateY(50%);
    border-radius: 50%;
    background: #fff;
    border: 3px solid #231f20;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 3;
}

.formwork-calculator--legacy .sliderBox2 .legacy-calc-field-yellow .range__progressbar {
    bottom: 0;
    height: 2px;
    transform: translateY(50%);
    z-index: 1;
}

/*
 * input 12px, bottom -6px: центр бегунка на линии трека (как ::after, translateY(50%)).
 * Раньше bottom -10px + height 12px опускали кружок в Firefox ~на половину.
 */
.formwork-calculator--legacy .sliderBox2 .legacy-calc-field-yellow .range__sys-range.form-range {
    left: 10px;
    width: calc(100% - 10px);
    bottom: -6px;
    margin: 0;
    z-index: 4;
    pointer-events: auto;
    height: 12px;
    padding: 0;
}

/* Бегунок 12px как стартовая точка; box-sizing — иначе в Firefox кружок ~18px */
.formwork-calculator--legacy .sliderBox2 .legacy-calc-field-yellow .range__sys-range.form-range::-webkit-slider-runnable-track {
    height: 2px;
    background: transparent;
    border: none;
}

.formwork-calculator--legacy .sliderBox2 .legacy-calc-field-yellow .range__sys-range.form-range::-webkit-slider-thumb {
    width: 12px;
    height: 12px;
    margin-top: -5px;
    box-sizing: border-box;
    border: 3px solid #231f20;
    border-radius: 50%;
    background-color: #fff;
    -webkit-appearance: none;
    appearance: none;
}

.formwork-calculator--legacy .sliderBox2 .legacy-calc-field-yellow .range__sys-range.form-range::-moz-range-track {
    height: 2px;
    background: transparent;
    border: none;
}

.formwork-calculator--legacy .sliderBox2 .legacy-calc-field-yellow .range__sys-range.form-range::-moz-range-thumb {
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border: 3px solid #231f20;
    border-radius: 50%;
    background-color: #fff;
    -moz-appearance: none;
    appearance: none;
}

/* ниже рамки — место под половину бегунка (без padding у .range) */
.formwork-calculator--legacy .sliderBox2:has(.legacy-calc-field-yellow) {
    margin-bottom: 6px;
}

.formwork-calculator--legacy .sliderBox2 .range__input,
.formwork-calculator--legacy .sliderBox2 .range__input .carcass__field-wrapper {
    width: 100%;
}

/* Figma: поле числа 53px = padding 15 + line 22 + padding 16 (не 53px на input из main.css + padding снаружи) */
.formwork-calculator--legacy .sliderBox2 .range__input.carcass {
    height: 53px;
    min-height: 53px;
    max-height: 53px;
    box-sizing: border-box;
    padding: 15px 15px 16px 15px;
    margin: 0;
    flex-shrink: 0;
    grid-gap: 0;
    gap: 0;
    border: 1px solid rgba(35, 31, 32, 0.5);
    border-radius: 10px;
    background-color: #fccb06 !important;
}

.formwork-calculator--legacy .sliderBox2 .range__input .carcass__field-wrapper {
    height: 100%;
    min-height: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.formwork-calculator--legacy .sliderBox2 .legacy-calc-range-text {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

/* Figma Main/Yellow #FCCB06 — перебивает Bootstrap body-bg и input_variant_filled #f7f7f7 */
.formwork-calculator--legacy .sliderBox2 .range__input,
.formwork-calculator--legacy .sliderBox2 .range__input .carcass__field-wrapper,
.formwork-calculator--legacy .sliderBox2 .input,
.formwork-calculator--legacy .sliderBox2 .input_variant_filled,
.formwork-calculator--legacy .sliderBox2 .input_variant_default,
.formwork-calculator--legacy .sliderBox2 .legacy-calc-range-text {
    background-color: #fccb06 !important;
}

.formwork-calculator--legacy .sliderBox2 .legacy-calc-range-text .form-control,
.formwork-calculator--legacy .sliderBox2 .input .form-control,
.formwork-calculator--legacy .sliderBox2 .input_variant_filled .form-control,
.formwork-calculator--legacy .sliderBox2 input.legacy-calc-value,
.formwork-calculator--legacy .sliderBox2 input.input__sys-input {
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px;
    padding: 0;
    margin: 0;
    border: none !important;
    border-radius: 0;
    background-color: #fccb06 !important;
    color: #231f20;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.01em;
    text-align: left;
    box-shadow: none;
}

.formwork-calculator--legacy .sliderBox2 .legacy-calc-range-text .form-control:focus,
.formwork-calculator--legacy .sliderBox2 .input .form-control:focus,
.formwork-calculator--legacy .sliderBox2 input.legacy-calc-value:focus {
    outline: none;
    background-color: #fccb06 !important;
}

.formwork-calculator--legacy .sliderBox2 .legacy-calc-ui-slider-host {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Итоги — #EFC00E, big text 25px */
.formwork-calculator--legacy .calc.row > .col-md-9,
.formwork-calculator--legacy .calc.row > .col-md-auto:has(.calc__result-title),
.formwork-calculator--legacy .calc.row > [class*="col-"]:has(.calc__result-title),
.formwork-calculator--legacy .calc.row > .col-md-3,
.formwork-calculator--legacy .calc.row > .col-md-auto:has(.legacy-calc-order-btn),
.formwork-calculator--legacy .calc.row > .col-md-auto:has(.modalForm-3),
.formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich > .row > .col-md-9,
.formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich > .row > [class*="col-"]:has(.calc__result-title),
.formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich > .row > .col-md-3,
.formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich > .row > .col-md-auto:has(.modalForm-3),
.formwork-calculator--legacy .raschetCalcOpalubkaStenMelk > .row > .col-md-9,
.formwork-calculator--legacy .raschetCalcOpalubkaStenMelk > .row > [class*="col-"]:has(.calc__result-title),
.formwork-calculator--legacy .raschetCalcOpalubkaStenMelk > .row > .col-md-3,
.formwork-calculator--legacy .raschetCalcOpalubkaStenMelk > .row > .col-md-auto:has(.modalForm-3),
.formwork-calculator--legacy .raschetCalcOpalubkaSten > .row > .col-md-9,
.formwork-calculator--legacy .raschetCalcOpalubkaSten > .row > [class*="col-"]:has(.calc__result-title),
.formwork-calculator--legacy .raschetCalcOpalubkaSten > .row > .col-md-3,
.formwork-calculator--legacy .raschetCalcOpalubkaSten > .row > .col-md-auto:has(.modalForm-3) {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.formwork-calculator--legacy .calc.row > .col-md-9 .row,
.formwork-calculator--legacy .calc.row > .col-md-auto:has(.calc__result-title) .row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    margin: 0;
    width: 100%;
    max-width: 100%;
}

@media (min-width: 576px) {
    .formwork-calculator--legacy .calc.row > .col-md-9 .row,
    .formwork-calculator--legacy .calc.row > .col-md-auto:has(.calc__result-title) .row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .formwork-calculator--legacy .calc.row > .col-md-9 .row,
    .formwork-calculator--legacy .calc.row > .col-md-auto:has(.calc__result-title) .row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich .calc.row > .col-md-auto:has(.calc__result-title) .row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.formwork-calculator--legacy .calc.row > .col-md-9 .row > [class*="col"],
.formwork-calculator--legacy .calc.row > .col-md-auto:has(.calc__result-title) .row > [class*="col"] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    gap: 5px;
    padding: 15px 20px;
    border-radius: 10px;
    background: #efc00e;
    min-width: 0;
    max-width: 100%;
    width: auto;
    flex: none;
    box-sizing: border-box;
}

.formwork-calculator--legacy .calc__result-title {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.01em;
    color: #231f20;
    margin-bottom: 0;
    font-weight: 400;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: break-word;
}

.formwork-calculator--legacy .calc__result-val {
    font-size: clamp(17px, 4.2vw, 25px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: #231f20;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Кнопка «Заказать» — чёрная, как btn в макете */
.formwork-calculator--legacy .calc.row > .col-md-3,
.formwork-calculator--legacy .calc.row > .col-md-auto:has(.modalForm-3),
.formwork-calculator--legacy .calc.row > .col-md-auto:has(.legacy-calc-order-btn) {
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.formwork-calculator--legacy .legacy-calc-order-btn,
.formwork-calculator--legacy .button.legacy-calc-order-btn,
.formwork-calculator--legacy .button.modalForm-3.legacy-calc-order-btn,
.formwork-calculator--legacy .btn.modalForm-3 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    max-width: none;
}

.formwork-calculator--legacy .button_variant_important.legacy-calc-order-btn,
.formwork-calculator--legacy .button_variant_important.modalForm-3 {
    background: #231f20 !important;
    color: #fff !important;
    border: 1px solid #231f20 !important;
}

.formwork-calculator--legacy .button_variant_important.legacy-calc-order-btn .button__text {
    color: #fff;
}

.formwork-calculator--legacy .button_variant_important.legacy-calc-order-btn:hover:not(:has(img)),
.formwork-calculator--legacy .button_variant_important.modalForm-3:hover:not(:has(img)) {
    background: #3a3536 !important;
    color: #fff !important;
    border-color: #3a3536 !important;
}

.formwork-calculator--legacy .btn.modalForm-3 {
    background: #231f20 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px;
    padding: 17px 20px;
    font-size: 16px;
    font-weight: 600;
}

.formwork-calculator--legacy a {
    color: #231f20;
    text-decoration: underline;
}

.formwork-calculator--legacy a:hover {
    color: rgba(35, 31, 32, 0.75);
}

/* Подпись под полями — на всю ширину form */
.formwork-calculator--legacy .calc.row > p.mt-4,
.formwork-calculator--legacy .calc > p.mt-4 {
    grid-column: 1 / -1;
    max-width: 100%;
    width: 100%;
}

@media (max-width: 767.98px) {
    .formwork-calculator--legacy .calc.row,
    .formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich:not(:has(> .row)),
    .formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich > .row,
    .formwork-calculator--legacy .raschetCalcOpalubkaStenMelk:not(:has(> .row)),
    .formwork-calculator--legacy .raschetCalcOpalubkaStenMelk > .row,
    .formwork-calculator--legacy .raschetCalcOpalubkaSten:not(:has(> .row)),
    .formwork-calculator--legacy .raschetCalcOpalubkaSten > .row {
        grid-template-columns: 1fr !important;
        gap: 10px;
        max-width: none;
    }

    .formwork-calculator--legacy .calc-opalubka-perekryiti-teleskopich:has(> .row),
    .formwork-calculator--legacy .raschetCalcOpalubkaStenMelk:has(> .row),
    .formwork-calculator--legacy .raschetCalcOpalubkaSten:has(> .row) {
        gap: 10px;
    }

    .formwork-calculator--legacy .sliderBox2:has(.legacy-calc-field-yellow) {
        margin-bottom: 0;
    }
}

@media (max-width: 991.98px) {
    .news-post__content .formwork-calculator--legacy h3 {
        font-size: 24px;
    }
}