

/* Start:/local/templates/lit_clinic/components/bitrix/news/doctors/bitrix/news.detail/.default/style.css?178713613610987*/
.service-box {
    display: block;
    margin-top: 10px;
    overflow: hidden;
    position: relative;
}

.reviews .res, .service-box.res.answer {
    margin-left: 60px;
    padding: 10px 0 5px;
}

.accordion__item p:not(:last-child),
.accordion__item ul:not(:last-child),
.accordion__item ol:not(:last-child){
    margin-bottom: 1.6rem;
}

.reviews{
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.reviews__item{
    background: var(--color-white);
    padding: 2.4rem 2.4rem 3.6rem 2.4rem;
    border-radius: var(--rounded-24);
}

.reviews__top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reviews__sources{
    width: auto;
    height: 1.6rem;
}

.reviews__item._hide{
    display: none;
}

.reviews__date{
    font-size: var(--fz-14);
    color: var(--color-gray-50);
}

.reviews__row{
    display: flex;
    align-items: center;
    gap: 1rem;
}

.reviews__icon{
    width: 4.8rem;
    min-width: 4.8rem;
    height: 4.8rem;
}

.reviews__answer{
    padding: 2.4rem 0 0 3.2rem;
}
.reviews__show-more{
    position: relative;
    max-height: 9.1rem;
    overflow: hidden;
    transition: max-height 0.5s ease;
}
.reviews__show-more:before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    transition: var(--transition-main);
}
.reviews__show-more._show:before {
    background: transparent;
}
.price-tab__content[data-content]{
    display: none;
}

.price-tab__content._active[data-content]{
    display: block;
}

.quote{
    display: flex;
    gap: 3.2rem;
}

.quote._narrow{
    padding: 0 18rem;
}

.quote._border{
    padding: 4.8rem;
    border: .1rem solid var(--color-gray-30);
    border-radius: var(--rounded-16);
}

.quote__icon{
    width: 4.8rem;
    min-width: 4.8rem;
    height: 4.8rem;
}

.quote__text{
    position: relative;
    max-height: 9.1rem;
    overflow: hidden;
    padding-bottom: 1.6rem;
    transition: max-height 0.5s ease;
}

.quote__text:before{
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(247, 247, 252, 0) 0%, #F7F7FC 100%);
    transition: var(--transition-main);
}

.quote__text._white:before{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

.quote__text._show:before{
    background: transparent;
}

.quote__img{
    width: 20rem;
    min-width: 20rem;
    height: 20rem;
    overflow: hidden;
    border-radius: var(--rounded-16);
}

.quote__img img{
    object-position: top;
}

.block-border__item:not(:first-child){
    padding-top: 2.4rem;
}

.block-border__item:not(:last-child){
    padding-bottom: 2.4rem;
    border-bottom: .1rem solid var(--color-gray-80);
}

.not-found{
    width: 100%;
    background: var(--color-white);
    border-radius: var(--rounded-12);
    padding: 2.4rem;
    color: var(--color-orange-40);
}

.price-min{
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.price-min__num{
    font-family: var(--ff-bold);
    font-size: var(--fz-18);
    color: var(--color-blue-60);
}

.certificate{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.6rem;
}

.certificate__item{
    cursor: pointer;
}

.certificate__img{
    border-radius: var(--rounded-24);
    border: .1rem solid var(--color-gray-80);
    gap: 2.4rem;
    height: 19rem;
    overflow: hidden;
}

.certificate img{
    transition: var(--transition-main);
}

.certificate__title{
    font-family: var(--ff-bold);
    margin-top: 1.6rem;
}

.certificate__modal,
.certificate__overlay{
    position: fixed;
    inset: 0;
}

.certificate__modal{
    display: none;
    overflow-y: auto;
    z-index: 9999;
    justify-content: center;
    padding: 4rem 1.6rem;
}

.certificate__modal._active{
    display: flex;
}

.certificate__overlay{
    background: var(--color-font);
    opacity: .2;
    filter: blur(1rem);
    z-index: 1;
}

.certificate__modal img{
    position: relative;
    width: auto;
    height: 100%;
    z-index: 2;
    object-fit: contain;
}

.card-cert{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .8rem;
    margin-bottom: 1.6rem;
}

.card-cert__item{
    padding: 1.6rem;
    border-radius: var(--rounded-16);
    background: var(--color-white);
    cursor: pointer;
}

.card-cert__big{
    font-family: var(--ff-medium);
}
.card-cert__min{
    font-size: var(--fz-14);
    margin-top: .4rem;
}

.schedule-doctors{
    background: var(--color-gray-20);
    border-radius: var(--rounded-16);
    padding: 2.4rem;
}

.schedule-doctors__content{
    display: flex;
    align-items: center;
    gap: 3.2rem;
}

.schedule-doctors__btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.2rem;
    min-width: 4.2rem;
    height: 4.2rem;
    border-radius: var(--rounded-12);
    background: var(--color-gray-10);
    cursor: pointer;
    user-select: none;
    transition: opacity .2s ease;
}

.schedule-doctors__btn._disabled{
    opacity: .4;
    pointer-events: none;
}

/* скоуп именно на контент, иначе скрылись бы и стрелки недель на мобилке */
.schedule-doctors__content._no-scroll .schedule-doctors__btn{
    display: none;
}

.schedule-doctors__icon{
    width: 2.6rem;
    height: 2.6rem;
}

.schedule-doctors__btn._left .schedule-doctors__icon{
    transform: rotate(90deg);
}

.schedule-doctors__btn._right .schedule-doctors__icon{
    transform: rotate(-90deg);
}

.schedule-doctors__row{
    display: flex;
    flex: 1;
    gap: .8rem;
    /* запас, чтобы overflow-y не срезал точку у выбранной карточки */
    padding: .6rem 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.schedule-doctors__row::-webkit-scrollbar{
    display: none;
}

/* пока тянут мышью: snap мешает — доводит слайд на место прямо во время протяжки */
.schedule-doctors__row._dragging,
.schedule-doctors__weeks._dragging{
    scroll-snap-type: none;
    scroll-behavior: auto;
    user-select: none;
    cursor: grabbing;
}

.schedule-doctors__row._dragging *,
.schedule-doctors__weeks._dragging *{
    cursor: grabbing;
}

.schedule-doctors__item{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: .8rem;
    width: 14.8rem;
    min-width: 14.8rem;
    scroll-snap-align: start;
    background: var(--color-white);
    border-radius: var(--rounded-16);
    border: .1rem solid var(--color-gray-80);
    font-family: var(--ff-medium);
    padding: 1.2rem;
    cursor: pointer;
    transition: border 350ms;
}

/* выбранный день */
.schedule-doctors__item._active{
    position: relative;
    border-color: var(--color-blue-60);
}

.schedule-doctors__item::after{
    content: '';
    position: absolute;
    top: -.2rem;
    right: 0;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: var(--color-blue-60);
    border: .1rem solid var(--color-gray-20);
    transition: var(--transition-main);
    opacity: 0;
}

.schedule-doctors__item._empty::after{
    background: var(--color-gray-130);
}

/* точка на углу карточки */
.schedule-doctors__item._active::after{
    opacity: 1;
}

/* день без приёма — место в ленте занимает, но выглядит погашенным */
.schedule-doctors__item._empty{
    background: transparent;
    border-color: var(--color-gray-180);
    color: var(--color-gray-130);
    cursor: default;
}

.schedule-doctors__cabinet{
    background: var(--color-blue-210);
    color: var(--color-blue-60);
    font-family: var(--ff-bold);
    font-size: var(--fz-12);
    border-radius: var(--rounded-16);
    padding: .4rem .8rem;
}

.schedule-doctors__bot{
    display: flex;
    justify-content: flex-end;
}

/* ---- Мобильный вид: недели ПН–ВС ---- */

.schedule-doctors__mobile{
    display: none;
}

.schedule-doctors__head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.6rem;
    margin-bottom: .8rem;
}

.schedule-doctors__label{
    font-family: var(--ff-bold);
    text-align: center;
}

.schedule-doctors__weeks{
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.schedule-doctors__weeks::-webkit-scrollbar{
    display: none;
}

.schedule-doctors__week{
    width: 100%;
    min-width: 100%;
    scroll-snap-align: start;
}

.schedule-doctors__day{
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: 1.2rem .8rem;
    border-radius: var(--rounded-12);
    font-family: var(--ff-medium);
    cursor: pointer;
}

.schedule-doctors__day-date{
    display: flex;
    align-items: center;
    gap: .8rem;
    flex: 1;
}

/* точка выбранного дня — в строке после даты, не в углу как на десктопе */
.schedule-doctors__day-date::after{
    content: '';
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    background: var(--color-blue-60);
    transition: var(--transition-main);
    opacity: 0;
}

.schedule-doctors__day._active .schedule-doctors__day-date::after{
    opacity: 1;
}

/* сегодня без приёма — точка есть, но серая */
.schedule-doctors__day._empty._active .schedule-doctors__day-date::after{
    background: var(--color-gray-130);
}

.schedule-doctors__day._empty{
    background: var(--color-gray-10);
    color: var(--color-gray-130);
    cursor: default;
}

@media screen and (max-width: 1023px){
    .schedule-doctors__content{
        display: none;
    }

    .schedule-doctors__mobile{
        display: block;
    }

    .schedule-doctors__bot .btn{
        width: 100%;
    }

    .schedule-doctors__day{
        border-radius: 0;
        padding: 1.2rem 0;
    }

    .schedule-doctors__day:not(:last-child){
        border-bottom: .1rem solid var(--color-gray-250);
    }

    .schedule-doctors__day._empty{
        background: transparent;
    }
}

@media (hover: hover) {
    .certificate__item:hover img{
        transform: scale(1.05);
    }
}

@media screen and (max-width: 1023px){
    .quote{
        flex-direction: column;
        gap: 2.4rem;
    }

    .quote._narrow{
        padding: 0;
    }

    .quote._border{
        padding: 1.6rem;
    }

    .quote__img{
        order: -1;
        margin: auto;
    }

    .certificate{
        grid-template-columns: repeat(2, 1fr);
    }

    .certificate__modal{
        align-items: center;
    }

    .certificate__modal img{
        width: 80%;
        height: auto;
    }

    .certificate__title{
        font-size: var(--fz-12);
    }
    .card-cert{
        grid-template-columns: repeat(1, 1fr);
    }

}
/* End */


/* Start:/local/templates/lit_clinic/assets/css/components/detail/_doctor-detail.css?17871284602109*/
.doctor-detail{
    display: grid;
    /*grid-template-columns: 18rem 1fr 32rem;*/
    grid-template-columns: 28rem 1fr;
    gap: 2.4rem;
    background: var(--color-gray-20);
    border-radius: var(--rounded-16);
    padding: 2.4rem;
}

.doctor-detail__left{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.4rem;
}

.doctor-detail__img{
    position: relative;
    width: 100%;
    height: 30rem;
    display: flex;
    align-items: center;
    justify-content:center;
    background: var(--color-white);
    border-radius: var(--rounded-16);
    overflow: hidden;
}

.doctor-detail__picture{
    width: 19rem;
    height: auto;
}

.doctor-detail__img img{
    object-position: top;
}

.doctor-detail__revue{
    position: absolute;
    bottom: 1.8rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .6rem;
    background: var(--color-gray-60);
    border-radius: var(--rounded-16);
    white-space: nowrap;
}

.doctor-detail__revue-icon{
    width: 1.6rem;
    height: 1.6rem;
    fill: var(--color-orange-40);
}

.doctor-detail__group{
    display: flex;
    gap: .8rem;
    flex-wrap: wrap;
}

.doctor-detail__content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: var(--color-gray-20);
    border-radius: var(--rounded-16);
}

.doctor-detail__row{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2.4rem;
}

.doctor-experience{
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--color-blue-60);
}

.doctor-experience__icon{
    width: 2.4rem;
    height: 2.4rem;
    fill: var(--color-blue-60);
}

@media screen and (max-width: 1024px){
    .doctor-detail{
        grid-template-columns: repeat(1, 1fr);
        gap: 1.6rem;
        padding: 1.6rem;
    }

    .doctor-detail__img{
        height: 32rem;
    }

    .doctor-detail__revue{
        background: var(--color-white);
    }

    .doctor-detail__group .btn{
        width: 100%;
    }

    .doctor-detail__row{
        gap: .8rem;
    }
}
/* End */


/* Start:/local/templates/lit_clinic/assets/css/plugins/air-datepicker.css?178972178719619*/
.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}
.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}
.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}
.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}
.air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99}
.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}

/* End */


/* Start:/local/templates/lit_clinic/assets/css/components/common/_date-filter.css?17906836097857*/
/* Фильтр по дате приёма: поле, поповер с календарём, переопределения air-datepicker.
   Используется в списке врачей (news/doctors) и в блоке врачей на странице услуги (news.list/doctors_main) */

/* у .form-control есть глобальная стрелка селекта — в поле даты вместо неё календарь */
.form-control.date-filter:before{
    display: none;
}

.date-filter__field{
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 19rem;
    padding: 1.3rem 4.8rem 1.3rem 1.6rem;
    border-radius: var(--rounded-16);
    border: .1rem solid var(--color-gray-210);
    background: var(--color-white);
    font-size: var(--fz-14);
    text-align: left;
    outline: none;
    transition: var(--transition-main);
}

.date-filter__field:focus-visible{
    outline: none;
}

.date-filter__placeholder{
    color: rgb(117, 117, 117);
}

.date-filter__icon{
    position: absolute;
    top: 50%;
    right: 1.6rem;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    color: var(--color-blue-60);
}

.date-filter__chip{
    display: none;
}

.date-filter__field._filled .date-filter__placeholder{
    display: none;
}

.date-filter__field._filled .date-filter__chip{
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .3rem .4rem .3rem 1rem;
    border-radius: var(--rounded-40);
    background: var(--color-blue-60);
    color: var(--color-white);
    font-family: var(--ff-medium);
}

.date-filter__chip-close{
    width: 1.6rem;
    height: 1.6rem;
    color: currentColor;
    cursor: pointer;
}

/* поповер с календарём */
.date-filter__popup{
    display: none;
    position: absolute;
    top: calc(100% + .8rem);
    left: 0;
    z-index: 99;
    width: 31.2rem;
}

.date-filter__popup.open{
    display: block;
}

.date-filter__overlay{
    display: none;
}

.date-filter__content{
    border-radius: var(--rounded-16);
    background: var(--color-white);
    box-shadow: 0 0 .8rem 0 rgba(87, 103, 122, 0.25);
}

.date-filter__title{
    padding: 0 1.6rem;
    font-size: var(--fz-18);
    font-family: var(--ff-bold);
}

/* --- переопределения air-datepicker --- */

.date-filter__calendar .air-datepicker{
    --adp-font-family: inherit;
    --adp-font-size: var(--fz-14);
    --adp-width: 100%;
    --adp-padding: 1.2rem;
    --adp-grid-areas: "nav" "shortcuts" "body" "buttons";
    --adp-background-color: transparent;
    --adp-border-color-inline: transparent;
    --adp-border-radius: var(--rounded-8);
    --adp-border-color-inner: transparent;
    --adp-color: var(--color-font);
    --adp-accent-color: var(--color-blue-60);
    --adp-color-current-date: var(--color-font);
    --adp-color-other-month: var(--color-gray-200);
    --adp-color-disabled: var(--color-gray-200);
    --adp-day-name-color: var(--color-gray-200);
    --adp-day-cell-height: 3.6rem;
    --adp-nav-height: 3.6rem;
    --adp-nav-action-size: 3.6rem;
    --adp-nav-arrow-color: var(--color-font);
    --adp-cell-border-radius: var(--rounded-8);
    --adp-cell-background-color-hover: var(--color-gray-20);
    --adp-cell-background-color-selected: var(--color-blue-60);
    --adp-cell-background-color-selected-hover: var(--color-blue-90);
    --adp-btn-height: auto;

    grid-template-rows: repeat(4, max-content);
}

.date-filter__calendar .air-datepicker-nav{
    align-items: center;
}

.date-filter__calendar .air-datepicker-nav--title{
    font-family: var(--ff-bold);
    text-transform: capitalize;
}

.date-filter__calendar .air-datepicker-nav--action{
    background: var(--color-gray-20);
    border-radius: var(--rounded-8);
}

/* сегодняшний день — контурной рамкой, как в макете */
.date-filter__calendar .air-datepicker-cell.-current-:not(.-selected-){
    box-shadow: inset 0 0 0 .1rem var(--color-blue-60);
}

.date-filter__calendar .air-datepicker-cell.-weekend-:not(.-selected-):not(.-disabled-):not(.-other-month-){
    color: var(--color-blue-60);
}

/* быстрый выбор: Сегодня / Завтра / Послезавтра */
.date-filter__calendar .adp-shortcuts{
    grid-area: shortcuts;
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    padding: .4rem 1.2rem 0;
}

.date-filter__calendar .adp-shortcuts__item{
    padding: .6rem 1.2rem;
    border: none;
    outline: none;
    border-radius: var(--rounded-40);
    background: var(--color-gray-20);
    color: var(--color-font);
    font-size: var(--fz-14);
    transition: var(--transition-main);
}

/* кнопки Очистить / Выбрать */
.date-filter__calendar .air-datepicker--buttons{
    padding: 1.2rem;
    border-top: none;
}

.date-filter__calendar .air-datepicker-buttons{
    gap: 1.2rem;
}

.date-filter__calendar .air-datepicker-button.adp-action{
    padding: 1.2rem 2.4rem;
    border-radius: var(--rounded-32);
    font-size: var(--fz-14);
    font-family: var(--ff-medium);
}

.date-filter__calendar .air-datepicker-button.adp-action._clear,
.date-filter__calendar .air-datepicker-button.adp-action._clear:hover,
.date-filter__calendar .air-datepicker-button.adp-action._clear:focus{
    background: var(--color-gray-20);
    color: var(--color-font);
}

.date-filter__calendar .air-datepicker-button.adp-action._apply,
.date-filter__calendar .air-datepicker-button.adp-action._apply:hover,
.date-filter__calendar .air-datepicker-button.adp-action._apply:focus{
    background: var(--color-blue-60);
    color: var(--color-white);
}

@media (hover: hover) {
    .date-filter__field:hover{
        background: var(--color-gray-20);
    }
    .date-filter__calendar .adp-shortcuts__item:hover{
        background: var(--color-gray-200);
    }
    .date-filter__calendar .air-datepicker-button.adp-action._apply:hover{
        background: var(--color-blue-90);
    }
}

@media screen and (max-width: 1023px){
    .date-filter__popup{
        position: fixed;
        inset: 0;
        top: 0;
        left: 0;
        z-index: 9999;
        width: auto;
    }

    .date-filter__overlay{
        display: block;
        position: absolute;
        inset: 0;
        background: var(--color-black);
        opacity: .32;
    }

    .date-filter__content{
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 3.2rem 0 2.8rem;
        border-radius: var(--rounded-24) var(--rounded-24) 0 0;
        box-shadow: none;
    }

    .date-filter__content:before{
        content: '';
        position: absolute;
        top: 1.2rem;
        left: 50%;
        transform: translateX(-50%);
        width: 7.5rem;
        height: .4rem;
        background: var(--color-gray-200);
    }

    .date-filter__calendar .air-datepicker{
        --adp-padding: 1.6rem;
        --adp-day-cell-height: 4.2rem;
    }

    body:has(.date-filter__popup.open){
        overflow: hidden;
    }
}

.date-filter__calendar .adp-shortcuts__item:disabled{
    opacity: .4;
    pointer-events: none;
}

/* --- блок «Наши врачи» на странице услуги (news.list/doctors_main) --- */

.doctors-date-filter{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .8rem 2.4rem;
}

.doctors-date-filter[hidden],
.doctors-date-filter__empty[hidden]{
    display: none;
}

.doctors-date-filter__hint{
    color: var(--color-gray-140);
    font-size: var(--fz-14);
}

.doctors-date-filter__empty{
    padding: 2.4rem;
    border-radius: var(--rounded-16);
    background: var(--color-white);
    font-size: var(--fz-16);
}

@media screen and (max-width: 1023px){
    .doctors-date-filter .date-filter{
        width: 100%;
    }
    .doctors-date-filter__hint{
        order: -1;
    }
}

/* End */
/* /local/templates/lit_clinic/components/bitrix/news/doctors/bitrix/news.detail/.default/style.css?178713613610987 */
/* /local/templates/lit_clinic/assets/css/components/detail/_doctor-detail.css?17871284602109 */
/* /local/templates/lit_clinic/assets/css/plugins/air-datepicker.css?178972178719619 */
/* /local/templates/lit_clinic/assets/css/components/common/_date-filter.css?17906836097857 */
