.payment-option .c-order__title{font-size:20px;color:#528413;border-bottom:none;margin-bottom:20px;padding-bottom:15px;font-weight:600}.c-order .st-error{color:red}.c-order .checkmark-radio{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.c-order .addressPartsTitle,.c-order__payer-title{margin-bottom:10px;font-size:18px;font-weight:600}.c-order .order-storage label{-webkit-transition:all .3s;transition:all .3s;cursor:pointer}.c-order .order-storage label:hover{color:var(--main-color)}.c-order__payment{padding-left:0}.c-order__payment label{cursor:pointer}.c-order .deliveryName{color:#333}.c-order .deliveryPrice{margin-left:5px}.c-order .deliveryCurrency,.c-order .deliveryPrice{font-weight:600;color:#222}.c-order__list{padding-left:0}.c-order__list--item{margin-bottom:10px}.c-order__list--width{margin-bottom:10px}.c-order .c-order-field__title{font-size:20px;color:#555;font-weight:500}.c-order .delivery-summ,.c-order .order-summ{font-size:24px;font-weight:600}.c-order .total-price-block{text-align:center}.c-order .payment-option{margin:60px 0}.c-order .c-order__total--row{margin-bottom:15px}.c-order .checkout-btn{background:var(--main-color);display:inline-block;font-size:15px;color:var(--button-color);font-weight:700;padding:8px 25px;border:none;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;border-radius:20px}.c-order .checkout-btn:disabled{background:#888}
/*# sourceMappingURL=new.css.map */

.validate_info{
    display: none;
    width: 100%;
    padding: 10px;
    text-align: center;
    margin: 10px auto;
    border-radius: 5px;
}
.validate_info.red{
    background: #ffc4c4;
    border: 1px solid #c44444;
}

.order-info{
    position: relative;
    background: #528413;
    color: #fff;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    display: none;
}

.order-info .close {
    display: block;
    position: absolute;
    top: -7px;
    left: -7px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #cc312f;
    opacity: 1;
}
.order-info .close:hover {
    background: #970907;
}
.order-info .close:before, .order-info .close:after {
    position: absolute;
    left: 9px;
    top: 3px;
    content: ' ';
    height: 13px;
    width: 2px;
    background-color: #fff;
}
.order-info .close:before {
    transform: rotate(45deg);
}
.order-info .close:after {
    transform: rotate(-45deg);
}
/*
.delivery-details-list{
	opacity: 0;
	visibility: hidden;
	position: absolute;
}
*/
.payment-details-list{
    margin: 10px 0 35px;
}
.payment-details-list li{
    display: inline-block;
    padding-right: 20px;
    color: #808080;
    font-size: 18px;
}
.payment-option label .checkmark{
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid #ddd;
    margin-right: 0px;
    vertical-align: middle;
    margin-top: -3px;
    text-align: center;
    color: #222 !important;
    border-radius: 50%;
}
.payment-option label.active{
    color: #518320;
}
.payment-option label input:checked ~ .checkmark{
    background-color: #518320;
    border: 2px solid #518320;
}
.payment-option label input:checked ~ .checkmark:before{
    content: none;
}
.payment-option .c-order__total .checkout-btn{
    border-radius: 5px;
    text-transform: uppercase;
}

.delivery-date-interval-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 35px;
}
.delivery-date-interval{
    position: relative;
    margin: 5px;
    flex: 0 0 calc(16.66% - 10px); /* 6 элементов в ряду с учетом отступов */
    box-sizing: border-box;
}
.delivery-date-interval input[type=radio]{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
}
/* Базовый стиль для всех окон (доступные окна - серый) */
.delivery-date-interval-checkbox {
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
    padding: 5px 10px;
    margin-right: 10px;
    cursor: pointer;
    color: #595959; /* Серый цвет для доступных окон */
}

/* Неактивное окно - зачеркнутый текст */
.delivery-date-interval-checkbox.inactive {
    text-decoration: line-through; /* Зачеркнутый текст */
    color: #595959; /* Оставляем серый цвет, но зачеркнутый */
    cursor: not-allowed; /* Указатель, что нельзя выбрать */
}

/* Активное выбранное окно - зеленый цвет */
.delivery-date-interval input[type=radio]:checked ~ .delivery-date-interval-checkbox {
    color: #528413; /* Зеленый цвет для выбранного окна */
    font-weight: bold;
    text-decoration: none; /* Убираем зачеркнутый текст, если был */
}

/* Мобильная версия: 2 столбца */
@media (max-width: 768px) {
    .delivery-date-interval {
        flex: 1 1 45%; /* 2 элемента в ряд */
    }
}

/* Явно ограничиваем количество элементов в строке до 6 */
.delivery-date-interval:nth-child(6n) {
    margin-right: 0;
}

/* Разделяем на две строки по 6 ячеек */
.delivery-date-interval:nth-child(n+7) {
    margin-top: 15px;
}

/* Стили для даты и времени в интервалах доставки */
.delivery-date-interval-checkbox .delivery-date {
    text-align: center;
    font-weight: 500;
    margin-bottom: 3px;
}

.delivery-date-interval-checkbox .delivery-time {
    text-align: center;
    font-size: 14px;
}