@media(max-width: 1024px) {
    .slick-dots {
        bottom: 30px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 10px 3px;
        flex-wrap: wrap;
        list-style: none;
    }   
}

@media(max-width: 1024px) {
    .slick-dots li button {
        cursor: pointer;
        font-size: 0;
        padding: 0;
        width: 10px;
        height: 10px;
        border-radius: 100px;
        background-color: transparent;
        border: 1px solid #392C70; 
        padding: 4px;
        transition: background .2s ease-in-out;
    }
}

@media(max-width: 1024px) {
    .slick-dots li {
        margin: 0px !important;
    }
}

@media(max-width: 1024px) {
    .uk-breadcrumb {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px 0px;
    }
}

@media(max-width: 1024px) {
    .uk-breadcrumb > li:not(:first-child) > a > span{
        padding-left: 0px !important;
    }
}

@media(max-width: 1024px) {
    .uk-breadcrumb > li:not(:last-child) > a > span{
        padding-left: 0px !important; 
    }
}

@media(max-width: 1024px) {
    .uk-breadcrumb>* {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
    }
}


@media(max-width: 1024px) {
    .uk-breadcrumb > li {
        display: flex  !important;
    }
}

@media(max-width: 1024px) {
    .uk-breadcrumb > li::before {
        right: -5px  !important;
    }
}

@media(max-width: 1024px) {
    .uk-breadcrumb > li:not(:first-child) {
        padding-left: 0px;
    }
}

@media(max-width: 1024px) {
    .uk-breadcrumb > li {
        padding-left: 0px !important;
        padding-bottom: 0 !important;
    }
}

@media(max-width: 1024px) {
    .uk-breadcrumb > li:not(:last-child) {
        padding-right: 40px;
    }
}

@media(max-width: 1024px) {
    .uk-breadcrumb > li:not(:last-child)::before {
        content: "/"; 
        display: inline-block;
        margin: 0 20px 0 calc(20px - 4px);
        font-size: .875rem;
        color: #999;
        position: absolute;

    }
}
@media(max-width: 1024px) {
    .uk-breadcrumb > li:last-child::before {
        display: none  !important;
    }
}


.art-service__content ul:not(.review-slider__rate-list):not(.review-slider):not(.advantage__list):not(.faq__list):not(.services-list):not(.slick-dots) > li:before,
.main ul:not(.review-slider__rate-list):not(.pagination):not(.uk-breadcrumb):not(.articles-info-list):not(.news-item__item-info-list):not(.gallery-wrapper):not(.uk-dotnav):not(.uk-tab):not(.uk-subnav):not(.hr):not(.review-social-slider):not(.gallery-slider):not(.teacher-slider):not(.review-slider):not(.slick-dots):not(.advantage__list):not(.list-center):not(.faq__list):not(.services-list):not(.catalog__item-info):not(.detail-banner__info):not(.coach-inner__services):not(.main-menu__list):not(.top-menu__list):not(.top-menu-mbl):not(.footer-menu):not(.footer-contacts):not(.uk-nav):not(.uk-dropdown__nav):not(.uk-slider-items) > li:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #392C70;
    border-radius: 100%;
    left: 8px;
    top: 8px;
}

.art-service__content ul {
    list-style: none;
}

.art-service__content ul li {
    position: relative;
    padding-left: 25px;
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 1.7;
    color: #4a4a4a;
    padding-bottom: 5px;
    list-style: none;
}

@media(max-width: 1024px) {
    .appointment {
        position: relative;
    }

    
}

@media(max-width: 1024px) {
    .appointment::before {
        content: '';
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }
}

@media(max-width: 1024px) {
    .appointment .appointment__content {
        position: relative;
        z-index: 2;
    }
}

.review-page {
    margin-top: 40px;
}

.btn-more {
    width: 250px !important;
}

/* Скрытые отзывы до клика «Показать еще» (/otzyivyi/) */
.review-page__comment-item--deferred {
    display: none;
}


em {
    color: #4a4a4a !important; 
}

/* ---- Menu dropdowns: CSS hover (UIkit2 JS + UIkit3 CSS conflicted / lagged) ---- */
@media (min-width: 960px) {
    .top-menu__list > .main-menu__parent,
    .main-menu__list > .main-menu__parent {
        position: relative;
    }

    .top-menu__list > .main-menu__parent > .uk-dropdown,
    .main-menu__list > .main-menu__parent > .uk-dropdown {
        display: none !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: auto !important;
        bottom: auto !important;
        z-index: 1200 !important;
        margin: 0 !important;
        padding: 8px 0 0 !important; /* hover bridge — без «дыры» */
        min-width: 260px;
        width: max-content;
        max-width: 420px;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .top-menu__list > .main-menu__parent:hover > .uk-dropdown,
    .top-menu__list > .main-menu__parent:focus-within > .uk-dropdown,
    .main-menu__list > .main-menu__parent:hover > .uk-dropdown,
    .main-menu__list > .main-menu__parent:focus-within > .uk-dropdown {
        display: block !important;
    }

    .top-menu__list .uk-nav-dropdown,
    .main-menu__list .uk-dropdown__nav {
        background: #fff;
        box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
        border-radius: 6px;
        padding: 6px 0;
        margin: 0;
    }

    .top-menu__list .uk-nav-dropdown > li > a,
    .main-menu__list .uk-dropdown__nav > li > a {
        display: block;
        padding: 8px 16px;
        white-space: normal;
    }
}

/* «Наши адреса» — непрерывная зона hover */
.header-top__adress-link {
    z-index: 1210;
}

.header-top__adress-drop {
    padding-top: 8px;
    transition: none;
}

.header-top__adress-drop-container {
    margin-top: 0;
}

.header-top__adress-link:hover > .header-top__adress-drop,
.header-top__adress-link:focus-within > .header-top__adress-drop {
    opacity: 1;
    visibility: visible;
    z-index: 1210;
    pointer-events: auto;
}

/* ---- ЛК: выбор портала родитель / специалист ---- */
.header-lk {
    position: relative;
    display: inline-block;
}

.header-lk__toggle {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 2px 6px 2px 2px;
    margin: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    line-height: 0;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.header-lk__toggle::-webkit-details-marker {
    display: none;
}

.header-lk__toggle::marker {
    content: '';
    display: none;
}

.header-lk__toggle:hover,
.header-lk__toggle:focus-visible {
    background-color: rgba(146, 44, 136, 0.08);
    box-shadow: 0 0 0 4px rgba(146, 44, 136, 0.08);
}

.header-lk[open] > .header-lk__toggle {
    background-color: rgba(146, 44, 136, 0.12);
}

.header-lk__icon {
    display: block;
    border-radius: 50%;
    transition: transform 0.2s ease;
}

.header-lk__toggle:hover .header-lk__icon {
    transform: scale(1.06);
}

.header-lk__chevron {
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.header-lk[open] > .header-lk__toggle .header-lk__chevron {
    transform: rotate(180deg);
}

.header-lk__menu {
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    z-index: 1300;
    min-width: 210px;
    padding: 6px 0;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
    animation: header-lk-pop 0.18s ease;
}

.header-lk__menu::before {
    content: '';
    position: absolute;
    top: -5px;
    right: 20px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 2px;
    transform: rotate(45deg);
    box-shadow: -2px -2px 4px rgba(57, 44, 112, 0.05);
}

@keyframes header-lk-pop {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.header-lk:not([open]) > .header-lk__menu {
    display: none;
}

.header-lk__caption {
    display: block;
    padding: 4px 12px 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #9c93b8;
}

.header-lk__link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 0;
    color: #4a4a4a;
    text-decoration: none;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.header-lk__link + .header-lk__link {
    margin-top: 0;
}

.header-lk__link-icon {
    flex-shrink: 0;
    color: #922c88;
    transition: color 0.15s ease;
}

.header-lk__link:hover,
.header-lk__link:focus {
    text-decoration: none;
    background: #922c88;
    color: #fff;
}

.header-lk__link:hover .header-lk__link-icon,
.header-lk__link:focus .header-lk__link-icon {
    color: #fff;
}