/* RAM CALC LAYOUT V3 — MEBELART */

/* Убираем внутреннюю рамку */
#calcContainer .ram-calc,
#calcContainer .ram-calc__calculator {
    border: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
}

/* Заголовок */
#calcContainer .ram-calc__calculator-title {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    padding-bottom: 16px !important;
    margin-bottom: 22px !important;
    border-bottom: 1px solid #e9e9e9 !important;
}

/* Параметры */
#calcContainer .ram-calc__property[data-property="2"],
#calcContainer .ram-calc__property[data-property="5"] {
    margin: 0 0 22px !important;
    padding: 0 !important;
}

/* Название слева, значение справа */
#calcContainer .ram-calc__property-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px;
    margin-bottom: 10px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #303030 !important;
}

#calcContainer .ram-selected-value {
    color: #f92d1f !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    white-space: nowrap;
}

/* Разметка ползунков */
#calcContainer .ram-calc__property-range .ram-calc__range {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    width: 100%;
    height: auto !important;
    overflow: visible !important;
}

/* Ползунок */
#calcContainer .ram-calc__property-range input[type="range"] {
    grid-column: 1 / -1;
    grid-row: 1;
    display: block !important;
    width: 100% !important;
    height: 24px !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer;
}

#calcContainer input[type="range"]::-webkit-slider-runnable-track {
    height: 3px !important;
    background: linear-gradient(
        to right,
        #f92d1f 0%,
        #f92d1f var(--ram-progress, 0%),
        #e0e0e0 var(--ram-progress, 0%),
        #e0e0e0 100%
    ) !important;
    border: 0 !important;
    border-radius: 0 !important;
}

#calcContainer input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 17px !important;
    height: 17px !important;
    margin-top: -7px !important;
    background: #fff !important;
    border: 2px solid #f92d1f !important;
    border-radius: 50% !important;
    box-shadow: none !important;
}

#calcContainer input[type="range"]::-moz-range-track {
    height: 3px !important;
    background: #e0e0e0 !important;
}

#calcContainer input[type="range"]::-moz-range-progress {
    height: 3px !important;
    background: #f92d1f !important;
}

#calcContainer input[type="range"]::-moz-range-thumb {
    width: 15px !important;
    height: 15px !important;
    background: #fff !important;
    border: 2px solid #f92d1f !important;
    border-radius: 50% !important;
}

/* Минимальное и максимальное значения под ползунком */
#calcContainer .ram-calc__range-min,
#calcContainer .ram-calc__range-max {
    position: static !important;
    transform: none !important;
    width: auto !important;
    margin: 0 !important;
    color: #888 !important;
    font-size: 12px !important;
}

#calcContainer .ram-calc__range-min {
    grid-column: 1;
    grid-row: 2;
    text-align: left !important;
}

#calcContainer .ram-calc__range-max {
    grid-column: 2;
    grid-row: 2;
    text-align: right !important;
}

/* Результат расчета */
#calcContainer .ram-calc__calculator-calculations {
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid #e9e9e9 !important;
    border-radius: 0 !important;
    padding: 18px 0 0 !important;
    margin: 6px 0 0 !important;
    min-height: 0 !important;
}

#calcContainer .ram-calc__calculation {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin: 0 !important;
}

#calcContainer .ram-calc__calculation-title {
    width: 100% !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #777 !important;
    margin-bottom: 4px !important;
}

#calcContainer .ram-calc__calculation-result {
    color: #f92d1f !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

#calcContainer .ram-calc__calculation-measure {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #333 !important;
}

/* Подпись под суммой */
#calcContainer .ram-installment-selected-hint {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 8px 0 18px !important;
    color: #888 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

/* Кнопка */
#calcContainer #ramInstallmentOrderBtn {
    width: 100% !important;
    margin: 0 !important;
    padding: 15px 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f92d1f !important;
    color: #fff !important;
    box-shadow: none !important;
    transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

#calcContainer #ramInstallmentOrderBtn:hover {
    background: #df2419 !important;
}

/* Пояснение */
#calcContainer .ram-calc__footer-disclaimer {
    margin: 0 !important;
    padding: 14px 15px !important;
    border-radius: 0 !important;
    background: #fafafb !important;
    color: #777 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

/* Мобильная версия */
@media (max-width: 575px) {
    #calcContainer .ram-calc__calculator-title {
        font-size: 21px !important;
    }

    #calcContainer .ram-calc__calculation-result {
        font-size: 30px !important;
    }

    #calcContainer .ram-calc__property-title {
        font-size: 14px !important;
    }
}

/* RAM_LAYOUT_FINISH_V4 */

/* Убираем оставшуюся внутреннюю рамку */
#calcContainer .ram-calc__calculator-wrap {
    border: none !important;
    box-shadow: none !important;
}

/* Расстояние между суммой и валютой */
#calcContainer .ram-calc__calculation-measure {
    margin-left: 8px !important;
}

/* Компактнее перед блоком платежа */
#calcContainer .ram-calc__property[data-property="5"] {
    margin-bottom: 12px !important;
}


/* RAM_MODAL_SQUARE_CORNERS */
#installmentModal .installment-body {
    border-radius: 0 !important;
}