

/* Start:/local/templates/lit_clinic/components/bitrix/news/check-up/bitrix/news.detail/.default/style.css?17688892512173*/
.price-list{
    border-radius: var(--rounded-12);
    background: var(--color-gray-10);
    padding: 0 1.6rem;
}

.price-list__item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: 1.6rem 0;
    letter-spacing: -0.016rem;
}

.price-list__item:not(:last-child){
    border-bottom: .1rem solid color-mix(in srgb, var(--color-gray-220) 86%, transparent);
}

.price-list__right{
    white-space: nowrap;
    color: var(--color-gray-130);
    font-family: var(--ff-bold);
}

.price-list__left{
    font-family: var(--ff-medium);
}

.info-discount{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    font-family: var(--ff-bold);
}

.info-discount__price{
    color: var(--color-orange-40);
}

.info-discount__row{
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-top: .8rem;
}

.info-discount__percent{
    height: 1.6rem;
    font-size: var(--fz-12);
    color: var(--color-white);
    line-height: 1;
    background: var(--color-orange-40);
    border-radius: var(--rounded-4);
    padding: .2rem .4rem;
}

.card-service__price-count,
.info-discount__old{
    font-size: var(--fz-14);
    color: var(--color-gray-130);
}

.info-discount__old{
    text-decoration: line-through;
}

.icon-info{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.4rem;
}

.icon-info__item{
    border-radius: var(--rounded-16);
    background: var(--color-gray-20);
    padding: 1.6rem 2.4rem;
}

.icon-info__top{
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.icon-info__img{
    width: 3.2rem;
    min-width: 3.2rem;
    height: 3.2rem;
    border-radius: var(--rounded-8);
    background: var(--color-white);
    padding: .4rem;
}

.icon-info__text{
    font-size: var(--fz-14);
    padding-top: 1.6rem;
}

@media screen and (max-width: 1024px){
    .price-list__item{
        flex-direction: column;
        align-items: flex-start;
    }

    .icon-info{
        grid-template-columns: repeat(1, 1fr);
    }
}
/* End */


/* Start:/local/templates/lit_clinic/assets/css/components/detail/_detail.css?17639934643806*/
.detail{
    display: grid;
    grid-template-columns: 1fr 32rem;
    gap: 2.4rem;
}

.detail._half{
    grid-template-columns: 1fr 56rem;
}

.detail__right{
    position: relative;
}

.detail__sticky{
    position: sticky;
    top: 16rem;
}

.detail__sticky._big{
    top: 20rem;
}

.detail__content{
    padding: 2.4rem;
    background: var(--color-gray-20);
    border-radius: var(--rounded-16);
}

.detail__content._brown{
    background: var(--color-brown-90);
}

.detail__content._white{
    background: var(--color-white);
}

.detail__img{
    width: 100%;
    height: 32rem;
    border-radius: var(--rounded-16);
    overflow: hidden;
}

.detail__img._full{
    height: auto;
}

.detail__img._full img{
    width: 100%;
    height: auto;
    border-radius: var(--rounded-16);
}

.detail__content p:not(:last-child){
    padding-bottom: 1.6rem;
}

.detail__content a:not([class]){
    text-decoration: underline;
    color: var(--color-blue-60);
}

.detail__content._brown .detail__content a:not([class]){
    color: var(--color-brown-20);
}

.detail__content a:not([class]):hover{
    text-decoration-color: transparent;
}
.detail__content-block:not(:last-child){
    margin-bottom: 3.2rem;
}
.detail__content-block ol:not(:last-child),
.detail__content-block ul:not(:last-child){
    margin-bottom: 1.6rem;
}

.detail__content img{
    position: relative;
    width: 40%;
    height: auto;
    object-fit: contain;
    border-radius: var(--rounded-16);
    overflow: hidden;
    margin-bottom: 1.6rem;
    float: right;
    margin-left: 1.6rem;
}

.detail__content ul li{
    position: relative;
    padding-left: 1.6rem;
}

.detail__content ul li:before{
    content: '';
    position: absolute;
    left: .6rem;
    top: .85rem;
    width: .3rem;
    height: .3rem;
    border-radius: var(--rounded-full);
    background: var(--color-font);
}


.detail__content ol {
    position: relative;
    padding-left: 1.6rem;
    list-style: decimal;
}

.detail__content h2 {
    font-size: var(--fz-32);
    line-height: 1.125;
    margin-bottom: 1.6rem;
}

.detail__content h3:not([class]) {
    font-size: var(--fz-20);
    line-height: 1.08;
    margin-bottom: 1.6rem;
}

.detail__content h4 {
    font-family: var(--ff-bold);
    font-size: var(--fz-18);
    line-height: 1.222;
    margin-bottom: 1.6rem;
}

.detail__gallery{
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.detail__gallery img{
    width: 100%;
    display: block;
    height: auto;
    border-radius: var(--rounded-16);
    overflow: hidden;
}


.title-list{
    color: var(--color-blue-60);
}

.title-list._brown{
    color: var(--color-brown-20);
}

.title-list li:not(:last-child){
    margin-bottom: .8rem;
}

.title-list__link{
    color: var(--color-blue-60);
    text-decoration: underline;
    text-decoration-color: transparent;
}

.title-list._brown .title-list__link{
    color: var(--color-brown-20);
}

@media screen and (max-width: 1024px){
    .detail._half,
    .detail{
        grid-template-columns: repeat(1, 1fr);
    }

    .detail__content{
        margin: 0 -1.6rem;
    }


    .detail__gallery{
        max-width: calc(100vw - 3.2rem);
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -ms-overflow-style: none;  /* IE 10+ */
        scrollbar-width: none; /* Firefox */
    }

    .detail__gallery img{
        min-width: 32rem;
        scroll-snap-align: start;
    }

    .detail__right._order-1{
        order: -1;
    }
    .detail__content img{
        width: 100%;
        margin-left: 0;
    }
}
/* End */


/* Start:/local/templates/lit_clinic/assets/css/components/common/_prev-block.css?17688892511245*/
.prev-block{
    display: grid;
    grid-template-columns: 30rem 1fr;
    gap: 3.2rem;
}

.prev-block._white-min{
    grid-template-columns: 16rem 1fr;
    background: var(--color-white);
    border-radius: var(--rounded-16);
    padding: 2rem;
}

.prev-block__text h2,
.prev-block__text h3{
    padding-bottom: 1.6rem;
}

.prev-block__text p{
    padding-bottom: 1rem;
}

.prev-block__img{
    height: 30rem;
    border-radius: var(--rounded-16);
    overflow: hidden;
}

.prev-block._white-min .prev-block__img{
    height: 16rem;
    background: linear-gradient(180deg, var(--color-blue-140) 0%, var(--color-blue-180) 100%);
}

@media screen and (max-width: 1024px){
    .prev-block,
    .prev-block._white-min{
        grid-template-columns: repeat(1, 1fr);
    }

    .prev-block__img{
        position: relative;
        padding-bottom: 100%;
    }

    .prev-block__img img{
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }

    .prev-block._white-min{
        gap: 1.6rem;
    }

    .prev-block._white-min .prev-block__text{
        order:-1
    }

    .prev-block._white-min .prev-block__img{
        padding-bottom: 0;
    }
}
/* End */


/* Start:/local/templates/lit_clinic/assets/css/components/common/_benefits.css?17688897151915*/
.benefits{
    position: relative;
    padding: 3.2rem 29rem 3.2rem 3.2rem;
    background: linear-gradient(90deg, var(--color-blue-10) 0%, var(--color-blue-130) 100%);
    border-radius: var(--rounded-24);
}

.benefits:before{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 33rem;
    height: 100%;
    background-image: url(/local/templates/lit_clinic/assets/css/components/common/../../../img/content/doctor_com.webp);
    -webkit-background-size: contain;
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.benefits._woman:before{
    background-image: url(/local/templates/lit_clinic/assets/css/components/common/../../../img/content/doctor_woman.webp);
}

.benefits__wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.8rem 2.4rem;
}

.benefits._one .benefits__wrap{
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
}

.benefits__block{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .8rem;
    padding: .8rem .2rem .8rem 3.2rem;
}

.benefits__block:before{
    content: '';
    position: absolute;
    top: .8rem;
    left: 0;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/local/templates/lit_clinic/assets/css/components/common/../../../img/icons/tick-circle.svg);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
}


.benefits__title{
    position: relative;
    font-family: var(--ff-bold);
}


.benefits__desc{
    font-size: var(--fz-14);
    font-family: var(--ff-medium);
}

@media screen and (max-width: 1200px){
    .benefits:before{
        display: none;
    }
    .benefits{
        padding: 3.2rem;
    }
}

@media screen and (max-width: 768px){
    .benefits{
        padding: 2rem;
    }
    .benefits__wrap{
        grid-template-columns: repeat(1, 1fr);
        gap: 1.6rem;
    }
    .benefits__h2.h2{
        font-size: var(--fz-24);
    }
}
/* End */


/* Start:/local/templates/lit_clinic/assets/css/components/article/_card-service.css?17688892512065*/
.card-service{
    display: flex;
    flex-direction: column;
    background: var(--color-white);
    border-radius: var(--rounded-16);
    padding: 1.6rem 2rem 2rem;
}

.card-service__top{
    display: grid;
    grid-template-columns: 8rem 1fr;
    gap: 1.6rem;
    margin-bottom: 1.6rem;
}

.card-service__img{
    display: flex;
    width: 8rem;
    height: 8rem;
    border-radius: var(--rounded-16);
    background: linear-gradient(180deg, var(--color-blue-140) 0%, var(--color-blue-180) 100%);
    overflow: hidden;
}

.card-service__img_min{
    width: 80%;
    height: 80%;
    object-fit: contain;
    margin: auto;
}

.card-service__info{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: .8rem;
    font-family: var(--ff-bold);
}

.card-service__discount{
    height: 1.6rem;
    font-size: var(--fz-12);
    color: var(--color-white);
    line-height: 1;
    background: var(--color-orange-40);
    border-radius: var(--rounded-4);
    padding: .2rem .4rem;
}

.card-service__price{
    display: flex;
    align-items: center;
    gap: .8rem;
    flex-wrap: wrap;
}

.card-service__new-price{
    color: var(--color-orange-40);
}

.card-service__old-price{
    font-size: 1.2rem;
    color: var(--color-gray-130);
    text-decoration: line-through;
}

.card-service__price-count{
    font-size: var(--fz-14);
    color: var(--color-gray-130);
}

.card-service__content{
    display: flex;
    flex-direction: column;
    flex: 1;
}

.card-service__desc{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 1.2rem;
    opacity: .6;
}

.card-service__btn{
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-top: auto;
    padding-top: 2rem;
    font-family: var(--ff-medium);
    font-size: var(--fz-14);
}

.card-service__svg{
    width: 1.6rem;
    height: 1.6rem;
}
/* End */


/* Start:/local/templates/lit_clinic/components/bitrix/system.pagenavigation/.default/style.css?17441819991545*/
.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4.8rem;
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: .1rem solid var(--color-gray-40);
}

.pagination__nav{
    display: flex;
    align-items: flex-end;
    gap: .8rem;
    color: var(--color-gray-140);
    line-height: 1;
}

.pagination__icon{
    width: 2rem;
    height: 2rem;
    stroke: currentColor;
}

.pagination__icon._prev{
    transform: rotate(180deg);
}

.pagination__row{
    display: flex;
    align-items: center;
    gap: .2rem;
}

.pagination__item{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: var(--rounded-8);
    background: transparent;
    font-family: var(--ff-bold);
    font-size: var(--fz-14);
    transition: var(--transition-main);
}

.pagination__item._current,
.pagination__item:hover{
    background: var(--color-white);
    color: var(--color-blue-60);
}

@media screen and (max-width: 1024px){
    .pagination{
        gap: 1.6rem;
        flex-wrap: wrap;
    }
    .pagination__row{
        width: 100%;
        justify-content: center;
    }
    .pagination__item{
        width: 3rem;
        height: 3rem;
        border-radius: var(--rounded-4);
        font-size: var(--fz-12);
    }
    .pagination__nav:has(.pagination__icon._next){
        order: 3;
    }
    .pagination__nav:has(.pagination__icon._prev){
        order: 2;
    }
}
/* End */
/* /local/templates/lit_clinic/components/bitrix/news/check-up/bitrix/news.detail/.default/style.css?17688892512173 */
/* /local/templates/lit_clinic/assets/css/components/detail/_detail.css?17639934643806 */
/* /local/templates/lit_clinic/assets/css/components/common/_prev-block.css?17688892511245 */
/* /local/templates/lit_clinic/assets/css/components/common/_benefits.css?17688897151915 */
/* /local/templates/lit_clinic/assets/css/components/article/_card-service.css?17688892512065 */
/* /local/templates/lit_clinic/components/bitrix/system.pagenavigation/.default/style.css?17441819991545 */
