/* Общие стили для строки продукта */
.line-product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    border-bottom: 1px solid #ccc;
}

.calc-img-res {
    display: flex;
    justify-content: center;

    width: 100px;
    height: 100px;
}

.calc-img-res img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Фиксированная ширина для изображения */
.line-product__image {
    width: auto;
    /* Установите нужную ширину */
    height: 85px;
    /*margin-right: 20px;*/
}

/* Фиксированная ширина для текстового блока */
.line-product__content {
    flex: 1;
    max-width: 400px;
    /* Установите нужную ширину */
    /*margin-right: 20px;*/
}

/* Фиксированная ширина для блока с количеством */
.line-product__action {
    /* width: 150px; */
    /* Установите нужную ширину */
    /* margin-right: 20px; */
}

/* Фиксированная ширина для блока с ценой */
.line-product__prices {
    width: max-content;
    /* Установите нужную ширину */
    text-align: right;
}

/* Стили для чекбокса */
.js-switch {
    margin-top: 10px;
}

.slider-for-card img {
    width: auto;
}

.forem {
    justify-content: left;
}

.slider-nav-card__item {
    margin-bottom: 0.699em;
}

.page-card .slick-track:last-child {
    margin-bottom: 0px;
}

.switch label {
    display: flex;
    align-items: center;
    gap: 10px;
}

.line-product__prices {
    margin-right: 16px;
}

.text-card {
    font-size: 17px;
}

.text-card > *:not(:last-child) {
    padding-bottom: 10px;
}


.characteristics-block {
    max-width: 100%;
}

a.footer__logo {
    padding: 40px 0;
    display: block;
    max-width: 250px;
    margin: auto;
}

.calculation {
    background: #e7f1f3;
    border-radius: 12px;
    box-shadow: 0 4px 11px 0 rgb(17 83 143 / 34%);
}

/* Прелоадер */

.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.loader {
    color: #074287;
    font-size: 5px;
    margin: 80px auto;
    margin-top: 60px;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}

.loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader:after {
    left: 3.5em;
}

@-webkit-keyframes load7 {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

/*  */

.calculation__bottom .btn-main {
    min-width: 135px;
    font-size: 20px;
    height: 52px;
}

.btn-block {
    padding: 0 30px;
}

del {
    text-decoration: none;
}



.text-card a, .text-card a:visited {
    color: inherit;
    text-decoration: underline;
}

/* Скрытие строк на ПК */
.text-card i {
    font-style: normal;
    display: none;
}

/* Скрываем del строки на телефонах */
@media (max-width: 799px) {
    del {
        display: none !important;
    }
    .text-card i {
        display: initial;
    }
}


/* Поправки к тексту с информацией о продукте */

@media only screen and (max-width: 400px) {
    .card-info .text-card {
        max-height: fit-content;
    }
}


@media only screen and (max-width: 992px) {
    .card-info .text-card {
        max-height: fit-content;
        overflow: hidden;
        /* text-align: left; правка от Вани */
    }
}

/* Раздел с характеристиками */

@media only screen and (max-width: 992px) {
    .feature-characteristic {
        font-size: 14px;
        margin-bottom: 10px;
        font-weight: 400;
        padding-bottom: 8px;
    }
}


a.footer__logo {
    padding: 40px 0;
    display: block;
}

.calc-product {
    font-size: 23px;
    line-height: 117%;
    padding: 0 3px;
    margin: 0 -3px;
    letter-spacing: -0.06em;
    background: linear-gradient(90deg, #3793ae 0%, #074287 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
}

@media only screen and (min-width: 1200px) {
    .characteristics-block {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        /* Скрываем всё, что выходит за пределы блока */
    }

    .feature-characteristic {
        display: flex;
        /* Применяем flex к каждому элементу */
        justify-content: space-between;
        /* Распределяем содержимое по ширине */
        align-items: center;
        /* Выравниваем по центру вертикально */
        padding: 10px 0;
        /* Добавляем отступы для красоты */
        border-bottom: 1px solid #eee;
        /* Разделитель между элементами */
        opacity: 1;
        transform: translateY(0);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    /* Скрываем лишние характеристики */
    .characteristics-block:not(.expanded) .feature-characteristic:nth-child(n+9) {
        opacity: 0;
        position: absolute;
        transform: translateY(-10px);
        max-height: 0;
        /* Скрываем элемент, устанавливая высоту в 0 */
        padding: 0;
        border-bottom: 0;
        overflow: hidden;
        transition: opacity 0.3s ease, transform 0.3s ease, max-height 0.3s ease, padding 0.3s ease, border-bottom 0.3s ease;
    }

    /* Показываем лишние характеристики при развёртывании */
    .characteristics-block.expanded .feature-characteristic:nth-child(n+9) {
        opacity: 1;
        transform: translateY(0);
        max-height: 100px;
        /* Устанавливаем максимальную высоту для анимации */
        padding: 10px 0;
        border-bottom: 1px solid #eee;
    }
}

.feature-characteristic-new {
    line-height: 200%;
    letter-spacing: -0.06em;
    color: rgba(49, 71, 84, 0.6);
    border-bottom: 1px solid rgba(224, 224, 224, 0.55);
    display: flex
;
    align-items: center;
    justify-content: space-between;
}

/* Мобильная */
@media only screen and (max-width: 600px) {
    .tabline {
        display: none;
    }
    .line-product {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, auto);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .line-product .line-product__content { grid-area: 1 / 1 / 2 / 4; margin: auto auto 10px auto; width: calc(100% - 10px);}
    .line-product .calc-img-res { grid-area: 2 / 1 / 3 / 2; width: -webkit-fill-available; margin: 0 5px;}
    .line-product .line-product__action { grid-area: 2 / 2 / 3 / 3; height: 100px; width: -webkit-fill-available; margin: 0 5px;}
    .line-product .line-product__prices { grid-area: 2 / 3 / 3 / 4; height: 100px; width: -webkit-fill-available; margin: 0 5px;}
}