* {
    scrollbar-width: thin;
    scrollbar-color: #00617e transparent;
}

.uk-navbar-dropdown-dropbar {
    width: auto !important
}

.zapis {
    border-bottom: 3px solid;
    padding-bottom: 10px;
    color: #9BB0B6;
}

.zapis:hover {
    color: #3895A7;
}

.map .uk-container-expand {
    padding-left: 0;
    padding-right: 0;
}

.infograph .uk-panel {
    border-bottom: 3px solid #000;
    padding-bottom: 10px;
}

.discount .uk-text-meta {
    text-align: right;
    border-bottom: 3px solid;
    padding-bottom: 10px;
}

[class*="ymaps-2"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
}



.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
    border-top: none !important;
}




.uk-navbar-toggle {
    min-height: 60px;
}

/* =============================================================================
   HEADER — desktop (Horizontal justify)
   .tm-header .uk-navbar-left
     ├── .uk-logo
     ├── .uk-navbar-item (#module-*) → #header-forme.uk-grid  (любой язык)
     │       ├── #left-column   — адрес + телефон
     │       └── #right-column  — .poisk-forme | Записаться | Акции/Цены | mod_languages
     └── .uk-navbar-toggle → #tm-dialog
   ============================================================================= */
@media (min-width: 960px) {
    /* Одна строка: logo | header-forme | burger */
    .tm-header .uk-navbar.uk-navbar-justify {
        width: 100%;
    }

    .tm-header .uk-navbar-left {
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
        flex-wrap: nowrap;
        align-items: center;
    }

    .tm-header .uk-navbar-left > .uk-logo {
        flex: 0 0 auto;
    }

    /* Обёртка модуля или сам #header-forme — на всю ширину родителя */
    .tm-header .uk-navbar-left > #header-forme,
    .tm-header .uk-navbar-left > .uk-navbar-item:has(#header-forme) {
        flex: 1 1 0%;
        width: 100%;
        min-width: 0;
        max-width: none;
        min-height: 64px;
        justify-content: flex-start;
        align-items: center;
        padding: 0 20px;
        overflow: visible;
    }

    .tm-header #header-forme {
        width: 100%;
        max-width: none;
        box-sizing: border-box;
    }

    .tm-header .uk-navbar-left > .uk-navbar-toggle {
        flex: 0 0 auto;
        width: auto;
        margin-left: auto;
    }

    /* Две колонки Builder: #header-forme сам сетка или внутри обёртки */
    .tm-header #header-forme.uk-grid.tm-grid-expand,
    .tm-header #header-forme > .uk-grid.tm-grid-expand {
        width: 100%;
        margin-left: 0;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

    .tm-header #header-forme #left-column,
    .tm-header #header-forme #right-column {
        width: auto !important;
        max-width: none;
    }

    /* Левая: занимает свободное место до правого блока */
    .tm-header #header-forme #left-column {
        flex: 1 1 auto;
        min-width: 0;
    }

    .tm-header #header-forme #right-column {
        flex: 0 0 auto;
        margin-left: auto;
    }

    /* Адрес | телефон — в ряд по ширине текста, без 50/50 */
    .tm-header #header-forme #left-column > .uk-panel > .uk-panel > .uk-grid {
        margin-left: 0;
        flex-wrap: nowrap;
        align-items: center;
        gap: 16px 24px;
        width: auto;
        max-width: 100%;
    }

    .tm-header #header-forme #left-column > .uk-panel > .uk-panel > .uk-grid > [class*="uk-width"] {
        width: auto !important;
        flex: 0 1 auto;
        max-width: none;
    }

    .tm-header #header-forme #left-column .uk-text-small {
        line-height: 1.35;
        white-space: nowrap;
    }

    /* Правая колонка: поиск, кнопка, ссылки, флаги */
    .tm-header #header-forme #right-column > .uk-panel > .uk-panel > .uk-grid.tm-grid-expand {
        justify-content: flex-end;
        align-items: center;
        margin-left: 0;
        gap: 12px 20px;
    }

    .tm-header #header-forme #right-column > .uk-panel > .uk-panel > .uk-grid.tm-grid-expand > [class*="uk-width"] {
        width: auto !important;
        flex: 0 0 auto;
    }

    .tm-header #header-forme #right-column > .uk-panel > .uk-panel > .uk-grid.tm-grid-expand > :first-child {
        flex: 1 1 200px;
        max-width: 280px;
        min-width: 160px;
    }

    /* Кнопка «Записаться» */
    .tm-header #header-forme #right-column .uk-button.forme-mobile {
        white-space: nowrap;
    }

    /* Акции / Цены */
    .tm-header #header-forme #right-column .uk-subnav {
        justify-content: flex-end;
        gap: 16px;
        margin-bottom: 0;
    }

    .tm-header #header-forme #right-column .uk-subnav > li {
        padding-left: 0;
    }

    .tm-header #header-forme #right-column .uk-subnav .el-link {
        font-size: 14px;
        text-transform: none;
        letter-spacing: 0;
    }

    /* Языки (mod_languages, layout forme-tmpl) */
    .tm-header #header-forme #right-column .mod-languages--forme .uk-subnav,
    .tm-header #header-forme #right-column .mod-languages--forme .uk-nav {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 8px;
        margin: 0;
    }

    .tm-header #header-forme #right-column .mod-languages--forme .uk-subnav > li > a,
    .tm-header #header-forme #right-column .mod-languages--forme .uk-nav > li > a {
        padding: 0;
        display: flex;
        align-items: center;
        line-height: 1;
    }

    .tm-header #header-forme #right-column .mod-languages--forme .mod-languages__flag,
    .tm-header #header-forme #right-column .mod-languages--forme img {
        display: block;
        width: 18px;
        height: 12px;
    }
}

.tm-page {
    border: none
}

@-moz-keyframes forme {
    0%, 100% {
        -moz-box-shadow: 1px 0 19px 4px #61bfc6, inset 0 0 10px rgba(255, 255, 255, 0.5);
        box-shadow: 1px 0 19px 4px #61bfc6, inset 0 0 10px rgba(255, 255, 255, 0.5);
    }

    50% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 245, 3, 0), inset 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 245, 3, 0), inset 0 0 0 rgba(255, 255, 255, 0);
    }
}

@-webkit-keyframes forme {
    0%, 100% {
        -webkit-box-shadow: 1px 0 19px 4px #61bfc6, inset 0 0 10px rgba(255, 255, 255, 0.5);
        box-shadow: 1px 0 19px 4px #61bfc6, inset 0 0 10px rgba(255, 255, 255, 0.5);
    }

    50% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 245, 3, 0), inset 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 245, 3, 0), inset 0 0 0 rgba(255, 255, 255, 0);
    }
}

@-o-keyframes forme {
    0%, 100% {
        box-shadow: 1px 0 19px 4px #61bfc6, inset 0 0 10px rgba(255, 255, 255, 0.5);
    }

    50% {
        box-shadow: 0 0 0 0 rgba(255, 245, 3, 0), inset 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes forme {
    0%, 100% {
        box-shadow: 1px 0 19px 4px #61bfc6, inset 0 0 10px rgba(255, 255, 255, 0.5);
    }

    50% {
        box-shadow: 0 0 0 0 rgba(255, 245, 3, 0), inset 0 0 0 rgba(255, 255, 255, 0);
    }
}

.forme {
    background-image: -webkit-linear-gradient(to right, rgba(0, 97, 126, 1), rgba(97, 191, 198, 1));
    background-image: -moz-linear-gradient(to right, rgba(0, 97, 126, 1), rgba(97, 191, 198, 1));
    background-image: -o-linear-gradient(to right, rgba(0, 97, 126, 1), rgba(97, 191, 198, 1));
    background-image: linear-gradient(to right, rgba(0, 97, 126, 1), rgba(97, 191, 198, 1));
    -webkit-animation: forme 2s infinite;
    -moz-animation: forme 2s infinite;
    -o-animation: forme 2s infinite;
    animation: forme 2s infinite;
    color: #fff;
    text-transform: uppercase;
}

.arrow {
    position: absolute;
    top: 50%;
    left: 95%;
    transform: translate(-50%, -50%);
}

.arrow span {
    display: block;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}

.arrow span:nth-child(2) {
    animation-delay: -0.2s;
}

.arrow span:nth-child(3) {
    animation-delay: -0.4s;
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-10px, -10px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(45deg) translate(20px, 20px);
    }
}

.uk-form-danger + .tm-error {
    display: block;
}

.tm-error {
    position: absolute;
    font-size: 12px;
    color: darkred;
    display: none;
}

input:invalid, input:invalid:focus {
    color: red;
    box-shadow: none;
}

.fm-color {
    color: #4c747c !important
}

.fm-color:hover {
    color: #fff !important
}

.forme-mobile {
    font-size: 14px;
    padding: 10px 15px;
    line-height: normal;
    letter-spacing: 0;
}

/* Не скрывать .tm-header-placeholder — он нужен теме для расчёта отступа при overlay шапки.
   Если первая секция с опцией «Подтянуть контент под шапку», плейсхолдер не вставляется. */



/* Стандартный fs-switcher на страницах (не в #main-menu-forme) */
#tm-main .fs-switcher__item-sublayout .fs-teaser-container .fs-teaser-item-container:last-child .el-item {
    border-bottom: none !important;
}

#tm-main .fs-switcher__item-sublayout .el-item,
#prices .fs-teaser-item-container .el-item,
#price .fs-teaser-item-container .el-item {
    border-bottom: 1px solid rgba(0, 97, 126, 1);
    padding-bottom: 15px;

}
#tm-main .fs-switcher__item-sublayout .el-item {
    padding-left: 30px;
    padding-right: 30px;
}



#tm-dialog-mobile .uk-modal-body {
    padding: 0 !important
}

/* Phones portrait and smaller */
@media (max-width: 639px) {
    .uk-navbar-item {
        min-height: 70px;
    }

    .link-padding {
        padding: 10px 0;
    }
}





/* Замена на свою иконку */
.uk-navbar-toggle-icon svg {
    display: none; /* Скрываем стандартное SVG */
}

.uk-navbar-toggle-icon {
    background-image: url('/images/demo-new/icon-offcanvas-menu.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 42px;
    height: 42px;
    transition: opacity 0.15s ease 0.3s, visibility 0s linear 0.3s, filter 0.3s ease;
}

/*
 * Шапка (desktop + mobile):
 * — Главная (body.main-page): до прокрутки — белые элементы, прозрачный фон;
 *   после uk-sticky-below — цветной логотип, чёрный текст, белый фон.
 * — Остальные страницы: цветной логотип, чёрный текст, прозрачный фон до прокрутки.
 */

/* До прокрутки — прозрачный фон */
.tm-header [uk-sticky]:not(.uk-sticky-below) .uk-navbar-container,
.tm-header-mobile [uk-sticky]:not(.uk-sticky-below) .uk-navbar-container {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Главная: до прокрутки — белая иконка меню */
.main-page .tm-header [uk-sticky]:not(.uk-sticky-below) .uk-navbar-toggle-icon,
.main-page .tm-header-mobile [uk-sticky]:not(.uk-sticky-below) .uk-navbar-toggle-icon {
    filter: brightness(0) invert(1);
    transition: opacity 0.15s ease 0.3s, visibility 0s linear 0.3s, filter 0.3s ease;
}

/* Не-главная: иконка меню всегда цветная */
body:not(.main-page) .tm-header .uk-navbar-toggle-icon,
body:not(.main-page) .tm-header-mobile .uk-navbar-toggle-icon {
    filter: none;
}

/* После прокрутки — иконка меню в цвете */
.main-page [uk-sticky].uk-sticky-below .uk-navbar-toggle-icon,
.uk-sticky-below .uk-navbar-toggle-icon {
    filter: none;
}


/* При открытии меню — бургер сразу скрываем, крестик только в панели */
.tm-header .uk-navbar-toggle[aria-expanded="true"] .uk-navbar-toggle-icon,
.tm-header-mobile .uk-navbar-toggle[aria-expanded="true"] .uk-navbar-toggle-icon {
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0s, visibility 0s linear 0s, filter 0s !important;
}

/* Крестик закрытия внутри панели #tm-dialog / #tm-dialog-mobile */
#tm-dialog .tm-dialog-close,
#tm-dialog-mobile .tm-dialog-close {
    top: 0;
    right: 0;
    left: auto;
    width: 42px;
    height: 42px;
    margin: 0;
    border: 0;
    background: none;
    background-color: transparent;
    color: #000;
    cursor: pointer;
    appearance: none;
    box-shadow: none;
    outline: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    /* закрытие: сразу гасим, панель ещё уезжает */
    transition: opacity 0.12s ease 0s, visibility 0s linear 0.12s;
}

@media (min-width: 960px) {
    #tm-dialog .tm-dialog-close,
    #tm-dialog-mobile .tm-dialog-close {
        top: -20px;
        right: -20px;
    }
}

/* открытие: крестик после slide (300ms), сразу справа — без прыжка слева */
#tm-dialog.uk-open .tm-dialog-close,
#tm-dialog-mobile.uk-open .tm-dialog-close {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity 0.15s ease 0.3s, visibility 0s linear 0.3s;
}

#tm-dialog .tm-dialog-close:hover,
#tm-dialog .tm-dialog-close:focus,
#tm-dialog .tm-dialog-close:active,
#tm-dialog-mobile .tm-dialog-close:hover,
#tm-dialog-mobile .tm-dialog-close:focus,
#tm-dialog-mobile .tm-dialog-close:active {
    background: none;
    background-color: transparent;
    box-shadow: none;
}

#tm-dialog.uk-open .tm-dialog-close:hover,
#tm-dialog.uk-open .tm-dialog-close:focus,
#tm-dialog-mobile.uk-open .tm-dialog-close:hover,
#tm-dialog-mobile.uk-open .tm-dialog-close:focus {
    opacity: 0.7;
}

/* Любые uk-close внутри панели (builder) — скрываем, остаётся только .tm-dialog-close */
#tm-dialog .uk-close,
#tm-dialog .uk-close-large,
#tm-dialog-mobile .uk-close,
#tm-dialog-mobile .uk-close-large {
    display: none !important;
}

/* Мобильный: у uk-dropbar-large убираем увеличенный padding-top (40px → 0) */
@media (max-width: 959px) {
    #tm-dialog.uk-dropbar-large {
        padding-top: 15px;
    }
}

/*Элементы нового стиля*/


/* Offset под overlay/sticky-шапку (RadicalMart, body.shop).
   Отступ снаружи контента (над серым блоком), не внутри .doctor-header. */
:root {
    --forme-header-offset: 100px;
}

@media (min-width: 960px) {
    :root {
        --forme-header-offset: 120px;
    }
}

body.shop #tm-main.tm-main {
    padding-top: var(--forme-header-offset) !important;
}

body.shop #tm-main.tm-main > .tm-header-placeholder {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
}

/* Builder (услуги и т.п.): на мобайле крошки uk-visible@m скрыты —
   :first-child не срабатывает (#system-message-container раньше секции),
   плюс uk-grid-margin у #hero-block после скрытого ряда крошек */
@media (max-width: 959px) {
    body:not(.shop) #tm-main > .uk-section:has(.uk-breadcrumb),
    body:not(.shop) #tm-main > .uk-section:has(#hero-block) {
        padding-top: 10px;
    }

    body:not(.shop) #tm-main .uk-visible\@m.uk-grid-margin + .uk-grid-margin,
    body:not(.shop) #tm-main #hero-block.uk-grid-margin {
        margin-top: 0;
    }
}

/* =========================================
   METRICS
========================================= */


.doctor-header .uk-flex.uk-flex-middle {
    font-weight: 500;

    color: #1F1F1F !important;
}

.doctor-header .uk-flex.uk-flex-middle .uk-icon {
    color: #F5B000;
}

/* =========================================
   POSITION
========================================= */

.doctor-header .uk-text-secondary {

    line-height: 1.45;

    color: #2B2B2B !important;
}

/* =========================================
   CARD
========================================= */

.doctor-header .uk-card .uk-text-primary {
    color: #F5A300 !important;
}


/* =========================================
   QUOTE
========================================= */

.doctor-header .uk-margin-medium {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 36px !important;
    margin-bottom: 36px !important;
}

.doctor-header .uk-text-italic {
    line-height: 1.5;

    color: #2B2B2B;
}

/* =========================================
   PRICE
========================================= */

.doctor-header .uk-h2 {
    font-weight: 500;

    color: #006B8A !important;
}

.doctor-header .uk-text-muted.uk-text-small {
    font-size: 18px;
    color: #555 !important;
}

/* =========================================
   IMAGE
========================================= */

.doctor-header picture,
.doctor-header .uk-inline {
    display: block;
    height: 100%;
}

.doctor-header img {
    display: block;
    width: auto;
    height: auto;
    object-fit: contain;
}

.doctor-header .uk-inline picture img {
    width: 100%;
}

/* =========================================
   DESKTOP ALIGN
========================================= */

@media (min-width: 960px) {

    .doctor-header .uk-grid {
        align-items: flex-end;
    }

    .doctor-header .uk-padding-large {
        padding: 50px !important;
    }

    .doctor-header .uk-inline {
        display: flex;
        align-items: flex-end;
        justify-content: center;

        height: 100%;
    }

    .doctor-header img {
        max-height: 820px;
        width: auto;
        margin: 0 auto;
    }

}


/* cтрелки в слайдерах */

/* Скрываем стандартную иконку UIkit */
.slider-forme .uk-slidenav-previous > svg,
.slider-forme .uk-slidenav-next > svg,
#slider-offer-main .uk-slidenav-previous > svg,
#slider-offer-main .uk-slidenav-next > svg {
    display: none !important;
}

.slider-forme .uk-slidenav-previous,
.slider-forme .uk-slidenav-next {
    background-color: #00617e;
    color: #fff;
    background-image: linear-gradient(90deg,#00617e 50%,#63c1c7 100%);
    background-origin: border-box;
    background-size: 200%;
    background-position-x: 100%;
    transition: .3s ease-in-out;
    transition-property: color, background-color, background-position;
    width: 42px;
    height: 42px;

}

.slider-forme .uk-slidenav-previous:hover,
.slider-forme .uk-slidenav-next:hover {
    background-color: #63c1c7;
    color: #fff;
    background-image: linear-gradient(90deg,#00617e 50%,#63c1c7 100%);
    background-position-x: 0%;
}

.slider-forme .uk-slidenav-previous::after,
.slider-forme .uk-slidenav-next::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%);
}

.slider-forme .uk-slidenav-previous::after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.64657 7.5L6.612 13.292L6 14L0 7L6 0L6.612 0.708L1.64571 6.5H12V7.5H1.64657Z' fill='white'/%3E%3C/svg%3E");
}

.slider-forme .uk-slidenav-next::after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3534 6.5L5.388 0.708L6 0L12 7L6 14L5.388 13.292L10.3543 7.5H0V6.5H10.3534Z' fill='white'/%3E%3C/svg%3E");
}



#slider-offer-main .uk-slideshow-items {
    border-radius: 10px !important;
}

#slider-offer-main .uk-slidenav-previous,
#slider-offer-main .uk-slidenav-next {
    background: #01617E !important;
    color: #fff;
    padding: 23px 24px;
}

#slider-offer-main .uk-slidenav-previous:hover,
#slider-offer-main .uk-slidenav-next:hover {
    background: #fff !important;
    color: #000;
}

#slider-offer-main .uk-slidenav-previous {
    border-radius: 0 0 0 10px !important;
}

#slider-offer-main .uk-slidenav-next {
    border-radius: 0 10px 0 0 !important;
}

#slider-offer-main .uk-slideshow-items .uk-overlay-primary {
    border-radius: 10px 0 10px 0 !important;
}
#slider-offer-main-mobile .uk-slideshow-items .uk-overlay-primary {
    border-radius: 0 0 10px 10px !important;
}


#slider-offer-main .uk-slidenav-previous::before,
#slider-offer-main .uk-slidenav-next::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.46986 10.7143L9.918 19.1314L9 20L0 10L9 0L9.918 0.8686L2.469 9.2857H18V10.7143H2.46986Z' fill='white'/%3E%3C/svg%3E") no-repeat center center;
}

#slider-offer-main .uk-slidenav-next::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5301 9.2857L8.082 0.8686L9 0L18 10L9 20L8.082 19.1314L15.531 10.7143H0V9.2857H15.5301Z' fill='white'/%3E%3C/svg%3E");
}

/* Смена цвета при наведении */
#slider-offer-main .uk-slidenav-previous:hover::before,
#slider-offer-main .uk-slidenav-next:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.46986 10.7143L9.918 19.1314L9 20L0 10L9 0L9.918 0.8686L2.469 9.2857H18V10.7143H2.46986Z' fill='black'/%3E%3C/svg%3E");
}

#slider-offer-main .uk-slidenav-next:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5301 9.2857L8.082 0.8686L9 0L18 10L9 20L8.082 19.1314L15.531 10.7143H0V9.2857H15.5301Z' fill='black'/%3E%3C/svg%3E");
}


/* Кастомная стрелка uk-button-text: только SVG, размер и анимация — из theme.css
   !important на background-image — иначе theme.12 перебивает (uk-tile-primary и др.) */
.uk-button-text {
    padding-right: 25px;
}

.uk-button-text:hover:not(:disabled)::after,
.uk-button-text::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.793%2C7.6L2.516%2C7.6L2.516%2C6.163L8.84%2C6.163L6.692%2C2.693L8.406%2C2.693L11.227%2C6.844L8.406%2C10.995L6.692%2C10.995L8.793%2C7.6Z%22%20fill%3D%22%2300617E%22%2F%3E%3C%2Fsvg%3E") !important;
}

.uk-light .uk-button-text:hover:not(:disabled)::after,
.uk-light .uk-button-text::after,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover:not(:disabled)::after,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover:not(:disabled)::after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.793%2C7.6L2.516%2C7.6L2.516%2C6.163L8.84%2C6.163L6.692%2C2.693L8.406%2C2.693L11.227%2C6.844L8.406%2C10.995L6.692%2C10.995L8.793%2C7.6Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") !important;
}

/* Карточка-ссылка: стрелка «Подробнее» при hover на всей карточке (не только на span) */
a.uk-card:hover .uk-button-text:not(:disabled)::after {
    background-position: 100% 50%;
}

/* =============================================================================
   ПОИСК — .poisk-forme (Minitek Live Search)
   Figma: pill без иконки; главная до scroll — rgba white + blur; иначе — #f0f0f0
   ============================================================================= */

.tm-header .poisk-forme .mls-form,
.tm-header-mobile .poisk-forme .mls-form {
    padding-top: 0;
}

.tm-header .poisk-forme,
.tm-header .poisk-forme .uk-panel,
.tm-header-mobile .poisk-forme,
.tm-header-mobile .poisk-forme .uk-panel {
    overflow: visible;
}

.tm-header .poisk-forme .mls-input-bar .input-group-addon,
.tm-header-mobile .poisk-forme .mls-input-bar .input-group-addon {
    display: none;
}

.tm-header .poisk-forme .mls-input-bar,
.tm-header-mobile .poisk-forme .mls-input-bar {
    border: none;
    background: transparent;
    overflow: visible;
    border-radius: 0;
}

.tm-header .poisk-forme .mls-input-bar .input-group,
.tm-header-mobile .poisk-forme .mls-input-bar .input-group {
    border-radius: 999px;
    overflow: hidden;
    background: #f0f0f0;
}

.tm-header .poisk-forme .mls-input,
.tm-header-mobile .poisk-forme .mls-input {
    height: 40px;
    min-height: 40px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 40px;
    background: transparent;
    border: none;
    box-shadow: none;
    color: #333;
}

.tm-header .poisk-forme .mls-input::placeholder,
.tm-header-mobile .poisk-forme .mls-input::placeholder {
    color: #666;
    opacity: 1;
}

.tm-header .poisk-forme .mls-input:focus,
.tm-header-mobile .poisk-forme .mls-input:focus {
    outline: none;
    box-shadow: none;
}

.tm-header .poisk-forme .mls,
.tm-header-mobile .poisk-forme .mls,
.tm-header .mls.poisk-forme {
    width: 100%;
    position: relative;
}

.tm-header .poisk-forme .mls-content,
.tm-header-mobile .poisk-forme .mls-content {
    top: 100%;
    margin-top: 4px;
    z-index: 1020;
}

.tm-header .poisk-forme .mls-results,
.tm-header-mobile .poisk-forme .mls-results {
    margin-top: 0;
}

/* Главная: до прокрутки — полупрозрачный pill */
.main-page .tm-header [uk-sticky]:not(.uk-sticky-below) .poisk-forme .mls-input-bar .input-group,
.main-page .tm-header-mobile [uk-sticky]:not(.uk-sticky-below) .poisk-forme .mls-input-bar .input-group {
    background: rgba(255, 255, 255, 0.45);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.main-page .tm-header [uk-sticky]:not(.uk-sticky-below) .poisk-forme .mls-input,
.main-page .tm-header-mobile [uk-sticky]:not(.uk-sticky-below) .poisk-forme .mls-input,
.main-page .tm-header [uk-sticky]:not(.uk-sticky-below) .poisk-forme .mls-input::placeholder,
.main-page .tm-header-mobile [uk-sticky]:not(.uk-sticky-below) .poisk-forme .mls-input::placeholder {
    color: #333 !important;
    opacity: 1;
}

/* После прокрутки и внутренние страницы — серый pill */
.main-page .tm-header [uk-sticky].uk-sticky-below .poisk-forme .mls-input-bar .input-group,
.uk-sticky-below .poisk-forme .mls-input-bar .input-group,
body:not(.main-page) .tm-header .poisk-forme .mls-input-bar .input-group,
body:not(.main-page) .tm-header-mobile .poisk-forme .mls-input-bar .input-group {
    background: #f0f0f0;
}

.uk-sticky-below .poisk-forme .mls-input,
body:not(.main-page) .tm-header .poisk-forme .mls-input,
body:not(.main-page) .tm-header-mobile .poisk-forme .mls-input {
    color: #333 !important;
}

.uk-sticky-below .poisk-forme .mls-input::placeholder,
body:not(.main-page) .tm-header .poisk-forme .mls-input::placeholder,
body:not(.main-page) .tm-header-mobile .poisk-forme .mls-input::placeholder {
    color: #666 !important;
    opacity: 1;
}

/* Dropdown результатов — всегда тёмный текст на белом фоне (не наследовать uk-light шапки) */
.tm-header .poisk-forme .mls-dropdown .mls-results-inner,
.tm-header-mobile .poisk-forme .mls-dropdown .mls-results-inner {
    border-radius: 12px;
    border-color: #e8e8e8;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    color: #333;
}

.tm-header .poisk-forme .mls-dropdown .mls-results .result-title,
.tm-header .poisk-forme .mls-dropdown .mls-results .result-title a,
.tm-header-mobile .poisk-forme .mls-dropdown .mls-results .result-title,
.tm-header-mobile .poisk-forme .mls-dropdown .mls-results .result-title a,
.main-page .tm-header .poisk-forme .mls-dropdown .mls-results .result-title a,
.main-page .tm-header-mobile .poisk-forme .mls-dropdown .mls-results .result-title a {
    color: #333 !important;
}

.tm-header .poisk-forme .mls-dropdown .mls-results .result-title a:hover,
.tm-header-mobile .poisk-forme .mls-dropdown .mls-results .result-title a:hover {
    color: #00617e !important;
}

.tm-header .poisk-forme .mls-dropdown .mls-results .result-text,
.tm-header .poisk-forme .mls-dropdown .mls-results .result-url,
.tm-header .poisk-forme .mls-dropdown .mls-results .result-url a,
.tm-header .poisk-forme .mls-dropdown .mls-results-count,
.tm-header-mobile .poisk-forme .mls-dropdown .mls-results .result-text,
.tm-header-mobile .poisk-forme .mls-dropdown .mls-results .result-url,
.tm-header-mobile .poisk-forme .mls-dropdown .mls-results .result-url a,
.tm-header-mobile .poisk-forme .mls-dropdown .mls-results-count,
.main-page .tm-header .poisk-forme .mls-dropdown .mls-results .result-text,
.main-page .tm-header .poisk-forme .mls-dropdown .mls-results .result-url a,
.main-page .tm-header-mobile .poisk-forme .mls-dropdown .mls-results .result-text {
    color: #666 !important;
}

.tm-header .poisk-forme .mls-dropdown .mls-suggestions a,
.tm-header-mobile .poisk-forme .mls-dropdown .mls-suggestions a,
.main-page .tm-header .poisk-forme .mls-dropdown .mls-suggestions a {
    color: #333 !important;
}

.tm-header .poisk-forme .mls-dropdown .mls-results-inner::before,
.tm-header .poisk-forme .mls-dropdown .mls-results-inner::after,
.tm-header-mobile .poisk-forme .mls-dropdown .mls-results-inner::before,
.tm-header-mobile .poisk-forme .mls-dropdown .mls-results-inner::after {
    display: none;
}

/* Смена фона и цветов шапки (#header-forme + navbar) */

/* Главная: до прокрутки — белый логотип */
.main-page .tm-header [uk-sticky]:not(.uk-sticky-below) .uk-logo img,
.main-page .tm-header-mobile [uk-sticky]:not(.uk-sticky-below) .uk-logo img {
    filter: brightness(0) invert(1);
    transition: filter 0.3s ease;
}

/* Не-главная: логотип всегда цветной */
body:not(.main-page) .tm-header .uk-logo img,
body:not(.main-page) .tm-header-mobile .uk-logo img {
    filter: none;
}

/* Главная: до прокрутки — белый текст в #header-forme */
.main-page .tm-header [uk-sticky]:not(.uk-sticky-below) #header-forme .uk-text-muted,
.main-page .tm-header-mobile [uk-sticky]:not(.uk-sticky-below) #header-forme .uk-text-muted,
.main-page .tm-header [uk-sticky]:not(.uk-sticky-below) #header-forme .uk-link-text,
.main-page .tm-header-mobile [uk-sticky]:not(.uk-sticky-below) #header-forme .uk-link-text,
.main-page .tm-header [uk-sticky]:not(.uk-sticky-below) #header-forme .uk-text-small,
.main-page .tm-header-mobile [uk-sticky]:not(.uk-sticky-below) #header-forme .uk-text-small,
.main-page .tm-header [uk-sticky]:not(.uk-sticky-below) #header-forme .uk-text-emphasis,
.main-page .tm-header-mobile [uk-sticky]:not(.uk-sticky-below) #header-forme .uk-text-emphasis,
.main-page .tm-header [uk-sticky]:not(.uk-sticky-below) #header-forme .uk-subnav .el-link,
.main-page .tm-header-mobile [uk-sticky]:not(.uk-sticky-below) #header-forme .uk-subnav .el-link,
.main-page .tm-header [uk-sticky]:not(.uk-sticky-below) .uk-link-text,
.main-page .tm-header-mobile [uk-sticky]:not(.uk-sticky-below) .uk-link-text,
.main-page .tm-header [uk-sticky]:not(.uk-sticky-below) .uk-text-small,
.main-page .tm-header-mobile [uk-sticky]:not(.uk-sticky-below) .uk-text-small,
.main-page .tm-header [uk-sticky]:not(.uk-sticky-below) .uk-text-emphasis,
.main-page .tm-header-mobile [uk-sticky]:not(.uk-sticky-below) .uk-text-emphasis,
.main-page .tm-header [uk-sticky]:not(.uk-sticky-below) .uk-navbar-nav > li > a,
.main-page .tm-header-mobile [uk-sticky]:not(.uk-sticky-below) .uk-navbar-nav > li > a {
    color: #fff !important;
}

.main-page .tm-header [uk-sticky]:not(.uk-sticky-below) .uk-search-icon svg *,
.main-page .tm-header-mobile [uk-sticky]:not(.uk-sticky-below) .uk-search-icon svg * {
    stroke: #fff !important;
    fill: none !important;
}

/* Не-главная: тёмный текст в шапке */
body:not(.main-page) .tm-header .uk-navbar-container,
body:not(.main-page) .tm-header-mobile .uk-navbar-container,
body:not(.main-page) .tm-header .uk-light,
body:not(.main-page) .tm-header-mobile .uk-light {
    color: #000;
}

body:not(.main-page) .tm-header #header-forme .uk-subnav .el-link,
body:not(.main-page) .tm-header-mobile #header-forme .uk-subnav .el-link,
body:not(.main-page) .tm-header .uk-navbar-nav > li > a,
body:not(.main-page) .tm-header-mobile .uk-navbar-nav > li > a,
body:not(.main-page) .tm-header .uk-link-text,
body:not(.main-page) .tm-header-mobile .uk-link-text,
body:not(.main-page) .tm-header .uk-text-small,
body:not(.main-page) .tm-header-mobile .uk-text-small,
body:not(.main-page) .tm-header .uk-text-emphasis,
body:not(.main-page) .tm-header-mobile .uk-text-emphasis,
body:not(.main-page) .tm-header .uk-search-input,
body:not(.main-page) .tm-header-mobile .uk-search-input {
    color: #000 !important;
}

body:not(.main-page) .tm-header .uk-search-icon svg *,
body:not(.main-page) .tm-header-mobile .uk-search-icon svg * {
    stroke: #000 !important;
    fill: none !important;
}

/* После прокрутки — цветной логотип */
.main-page [uk-sticky].uk-sticky-below .uk-logo img,
.uk-sticky-below .uk-logo img {
    filter: none;
}

/* После прокрутки — белый фон и тень */
.uk-sticky-below .uk-navbar-container {
    background-color: #fff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.uk-sticky-below .uk-light {
    color: #000 !important;
}

.uk-sticky-below #header-forme .uk-subnav .el-link,
.uk-sticky-below .uk-navbar-nav > li > a,
.uk-sticky-below .uk-link-text,
.uk-sticky-below .uk-text-small,
.uk-sticky-below .uk-text-emphasis,
.uk-sticky-below .uk-search-input {
    color: #000 !important;
}

.uk-sticky-below .uk-navbar-toggle-icon svg rect {
    stroke: #000 !important;
    fill: #000 !important;
}

.uk-sticky-below .uk-close svg line {
    stroke: #000 !important;
}

.uk-sticky-below .uk-search-input::placeholder {
    color: #666 !important;
}

.uk-sticky-below .uk-search-input {
    background: rgba(255, 255, 255, 0.2);
}

.uk-navbar-sticky .uk-search-navbar .uk-search-input {
    background-color: rgba(0, 0, 0, 0.07);
}

.uk-sticky-below .uk-search-icon svg * {
    stroke: #000 !important;
    fill: none !important;
}

#text-main > div,
#text-main-mobile > div {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    position: relative;
}

#text-main > div::before,
#text-main-mobile > div::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    padding: 1px; /* толщина границы */
    background: linear-gradient(88.52deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.7));
    -webkit-mask:
            linear-gradient(#fff 0 0) content-box,
            linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

#text-main > div {
    padding: 20px;

}
#text-main-mobile > div {
    padding: 10px;
}



.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary {
    background-color: #00617e;
    color: #fff;
    border: 3px solid transparent;
    background-image: linear-gradient(90deg, #00617e 50%, #63c1c7 100%);
    background-size: 200%; /* Добавляем это */
    background-position: 100%; /* Начинаем с правой стороны */
}

.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover {
    background-color: #63c1c7;
    color: #fff;
    border-color: transparent;
    background-position: 0 0; /* Перемещаем на левую сторону */
}

/*Блок с видео*/

/* Стили для видео-слайдера */
#video-slider .fs-mw {
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
}

/* Контейнер для картинки - теперь внутри object */
#video-slider .fs-mw .el-item object > div:first-child {
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

/* Затемнение на картинке при наведении */
#video-slider .fs-mw .el-item object > div:first-child::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 5;
    border-radius: 10px;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

#video-slider .fs-mw:hover .el-item object > div:first-child::before {
    opacity: 1;
}

/* Иконка воспроизведения поверх картинки */
#video-slider .fs-mw .el-item object > div:first-child::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
    pointer-events: none;
    opacity: 0.9;
    transition: all 0.3s ease;
}

/* Увеличение иконки при наведении */
#video-slider .fs-mw:hover .el-item object > div:first-child::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
}


/* Убедимся, что изображение имеет скругленные углы */
#video-slider .fs-mw .el-image.uk-border-rounded {
    border-radius: 10px !important;
    display: block;
    width: 100%;
    height: auto;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 640px) {
    #video-slider .fs-mw .el-item object > div:first-child::after {
        width: 40px;
        height: 40px;
    }
}

/* Плавная анимация для всех элементов */
#video-slider .fs-mw .el-item object > div:first-child::before,
#video-slider .fs-mw .el-item object > div:first-child::after {
    transition: all 0.3s ease;
}

/* Дополнительно: стили для ссылки, чтобы убрать стандартное подчеркивание */
#video-slider .fs-mw .el-item {
    text-decoration: none;
    color: inherit;
}

#video-slider .fs-mw .el-item:hover {
    text-decoration: none;
}




.uk-lightbox .uk-slidenav-previous > svg,
.uk-lightbox .uk-slidenav-next > svg {
    display: none !important;
}

.uk-lightbox .uk-slidenav-previous,
.uk-lightbox .uk-slidenav-next {
    background-color: #00617e;
    color: #fff;
    background-image: linear-gradient(90deg,#00617e 50%,#63c1c7 100%);
    background-origin: border-box;
    background-size: 200%;
    background-position-x: 100%;
    transition: .3s ease-in-out;
    transition-property: color, background-color, background-position;
    width: 42px;
    height: 42px;
    padding: 0;

}

.uk-lightbox .uk-slidenav-previous:hover,
.uk-lightbox .uk-slidenav-next:hover {
    background-color: #63c1c7;
    color: #fff;
    background-image: linear-gradient(90deg,#00617e 50%,#63c1c7 100%);
    background-position-x: 0%;
}

.uk-lightbox .uk-slidenav-previous::after,
.uk-lightbox .uk-slidenav-next::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%);
}

.uk-lightbox .uk-slidenav-previous::after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.64657 7.5L6.612 13.292L6 14L0 7L6 0L6.612 0.708L1.64571 6.5H12V7.5H1.64657Z' fill='white'/%3E%3C/svg%3E");
}

.uk-lightbox .uk-slidenav-next::after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3534 6.5L5.388 0.708L6 0L12 7L6 14L5.388 13.292L10.3543 7.5H0V6.5H10.3534Z' fill='white'/%3E%3C/svg%3E");
}





/* Для планшетов (768px - 1199px) */
@media (min-width: 768px) and (max-width: 1199px) {
    /* Навигационное меню */
    .uk-navbar-nav {
        display: flex !important;
        justify-content: space-between !important;
        width: 100% !important;
        flex-wrap: nowrap !important;
    }

    .uk-navbar-nav > li {
        flex: 1 !important;
        min-width: auto !important;
        text-align: center !important;
    }

    .uk-navbar-nav > li > a {
        padding: 0 10px !important;
        font-size: 14px !important;
        white-space: nowrap !important;
    }

    /* Поисковая форма */
    #module-tm-3 {
        min-width: 200px !important;
        flex-shrink: 0 !important;
    }

    .uk-search-navbar {
        min-width: 180px !important;
    }

    /* Логотип */
    .uk-logo {
        min-width: 120px !important;
        flex-shrink: 0 !important;
    }

    /* Контактная информация */
    #module-114 {
        display: none !important; /* Скрываем на планшетах */
    }

    /* Обертка навигации */
    .uk-navbar-container .uk-container-xlarge {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Для средних планшетов (960px - 1199px) */
@media (min-width: 960px) and (max-width: 1199px) {
    .uk-navbar-nav > li > a {
        padding: 0 15px !important;
        font-size: 15px !important;
    }

    #module-tm-3 {
        min-width: 220px !important;
    }
}

/* Для маленьких планшетов (768px - 959px) */
@media (min-width: 768px) and (max-width: 959px) {
    .uk-navbar-nav > li > a {
        padding: 0 8px !important;
        font-size: 13px !important;
    }

    .uk-logo img {
        width: 100px !important;
        height: auto !important;
    }

    #module-tm-3 {
        min-width: 180px !important;
    }
}




@media (min-width: 480px) {
    .uk-offcanvas-close {
        top: 20px;
        right: 20px;
    }
}


/* Высота панели меню только в открытом состоянии; без position — не ломает layout страницы */
#tm-dialog.uk-dropbar.uk-open,
#tm-dialog-mobile.uk-dropbar.uk-open {
    min-height: 100vh !important;
}

#price-top-desktop,
#price-top-mobile
{
    display: inline-block;
    padding:0 10px
}

#price-top-desktop {
    background-color:#fff;
    color:#9bb0b6
}

#price-top-mobile {
    background-color:#00617e;
    color:#fff
}

/* Результаты before/after: скругление на колонках + прижатие к внешним краям */
.product-block__image > .uk-grid.uk-grid-small,
.product-block__image-grid.uk-grid-small {
    margin-left: 0;
    gap: 15px;
}

.product-block__image > .uk-grid.uk-grid-small > .uk-width-1-2,
.product-block__image-grid.uk-grid-small > .uk-width-1-2 {
    padding-left: 0;
    width: calc(50% - 7.5px);
    flex: 0 0 calc(50% - 7.5px);
    max-width: calc(50% - 7.5px);
    box-sizing: border-box;
}

.product-block__image .uk-width-1-2 > a,
.product-block__image-grid .uk-width-1-2 > a,
.product-block__image .uk-width-1-2 picture,
.product-block__image-grid .uk-width-1-2 picture {
    display: block;
    width: 100%;
}

.product-block__image .uk-width-1-2,
.product-block__image-grid .uk-width-1-2 {
    max-height: 530px;
    overflow: hidden;
}

.product-block__image .uk-width-1-2:first-child,
.product-block__image-grid .uk-width-1-2:first-child {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    border-radius: 8px 0 0 8px;
}

.product-block__image .uk-width-1-2:last-child,
.product-block__image-grid .uk-width-1-2:last-child {
    justify-content: flex-end !important;
    align-items: flex-start !important;
    border-radius: 0 8px 8px 0;
}

.product-block__image .uk-width-1-2:first-child img,
.product-block__image-grid .uk-width-1-2:first-child img {
    border-radius: 8px 0 0 8px;
}

.product-block__image .uk-width-1-2:last-child img,
.product-block__image-grid .uk-width-1-2:last-child img {
    border-radius: 0 8px 8px 0;
}

/* Слайдер результатов (resalt_slider) — прелоадер */
.random-products-slider {
    position: relative;
    min-height: 530px;
}

.random-products-slider--loading .random-products-slider__inner {
    opacity: 0;
    pointer-events: none;
}

.random-products-slider--loading .random-products-slider__preloader {
    display: flex;
}

.random-products-slider:not(.random-products-slider--loading) .random-products-slider__preloader {
    display: none;
}

/* Фильтр результатов (plastic / cosmetology / flebology) */
.rm-product-filter .rm-product-filter-row {
    margin-left: -10px;
}

.rm-product-filter .rm-product-filter-row > * {
    padding-left: 10px;
}

.rm-product-filter .rm-product-filter-field {
    min-width: 0;
}

.rm-product-filter .rm-product-filter-control {
    position: relative;
}

.rm-product-filter .rm-product-filter-control::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1rem;
    z-index: 1;
    width: 16px;
    height: 12px;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1995 9.53674e-07H0.799109C0.653313 0.000458717 0.5104 0.040741 0.385756 0.116511C0.261113 0.192282 0.159458 0.300669 0.091733 0.43001C0.0240078 0.559351 -0.00722313 0.704746 0.00140381 0.850545C0.0100307 0.996344 0.0581875 1.13702 0.140691 1.25744L7.34089 11.676C7.6393 12.108 8.35772 12.108 8.65693 11.676L15.8571 1.25744C15.9405 1.13727 15.9894 0.996523 15.9984 0.850482C16.0075 0.704441 15.9765 0.558696 15.9087 0.429081C15.8409 0.299466 15.739 0.190939 15.614 0.115292C15.4889 0.0396442 15.3456 -0.000229836 15.1995 9.53674e-07Z' fill='%2300617E'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 12px;
    pointer-events: none;
}

.rm-product-filter .rm-product-filter-select.uk-select {
    width: 100%;
    min-height: 48px;
    padding: 0 2.75rem 0 1rem;
    border: 0;
    border-radius: 10px;
    background-color: #fff !important;
    background-image: none !important;
    color: #000 !important;
    font-size: 1rem;
    line-height: 1.25;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    box-shadow: none;
}

.rm-product-filter .rm-product-filter-control.has-value .rm-product-filter-select.uk-select {
    padding-right: 4.25rem;
}

.rm-product-filter .rm-product-filter-select.uk-select option {
    color: #000;
    background: #fff;
}

.rm-product-filter .rm-product-filter-clear {
    position: absolute;
    top: 50%;
    right: 2.75rem;
    z-index: 2;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: #000;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
}

.rm-product-filter .rm-product-filter-clear:hover,
.rm-product-filter .rm-product-filter-clear:focus {
    color: #333;
}

.rm-product-filter .rm-product-filter-clear[hidden] {
    display: none !important;
}

.rm-product-filter .rm-product-filter-field__label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Форма записи на странице направления (#forma-napravlenie) */
#forma-napravlenie .uk-margin-small {
    position: relative;
}

#forma-napravlenie .uk-input,
#forma-napravlenie .uk-select,
#forma-napravlenie .uk-textarea {
    background-color: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: none;
    color: #333;
    min-height: 44px;
    padding: 10px 14px;
}

#forma-napravlenie .uk-textarea {
    min-height: 120px;
    resize: vertical;
}

#forma-napravlenie .uk-input::placeholder,
#forma-napravlenie .uk-textarea::placeholder {
    color: #9a9a9a;
    opacity: 1;
}

#forma-napravlenie .uk-input:disabled,
#forma-napravlenie .uk-select:disabled {
    background-color: rgba(255, 255, 255, 0.55);
    color: #666;
}

#forma-napravlenie .uk-input:focus,
#forma-napravlenie .uk-select:focus,
#forma-napravlenie .uk-textarea:focus {
    background-color: #fff;
    border: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.45);
    color: #333;
    outline: none;
}

#forma-napravlenie .uk-input:invalid,
#forma-napravlenie .uk-input:invalid:focus,
#forma-napravlenie .uk-select:invalid,
#forma-napravlenie .uk-select:invalid:focus {
    color: #333;
}

#forma-napravlenie .uk-form-danger {
    border: 1px solid #f0506e !important;
    box-shadow: none !important;
    color: #333 !important;
}


.uk-light #forma-napravlenie label {
    color: #fff;
}

.uk-light #forma-napravlenie label a {
    color: #fff;
    text-decoration: underline;
}

.uk-light #forma-napravlenie .uk-checkbox {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.85);
}

.uk-light #forma-napravlenie .uk-checkbox:checked {
    background-color: #fff;
    border-color: #fff;
}



.uk-text-xsmall {
    font-size: 10px !important;
}

/* Hero услуги: фото + карточки акций внизу справа
   Builder: #offert-card-desktop — колонка с фото, hero-block__offerts — обёртка, offert-item — карточка */
#hero-block #offert-card-desktop,
#hero-block #offert-card-desktop > .uk-grid {
    height: 100%;
    min-height: 100%;
}

#hero-block #offert-card-desktop .uk-grid-item-match,
#hero-block #offert-card-desktop .uk-cover-container {
    min-height: 100%;
    height: 100%;
}

#hero-block #offert-card-desktop .uk-cover-container {
    position: relative;
}

#hero-block #offert-card-desktop .uk-card-body.uk-background-cover {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    height: 100%;
    min-height: 100%;
    padding: 0 !important;
    overflow: hidden;
}

/* обёртки акций — стопкой внизу справа */
#hero-block #offert-card-desktop .hero-block__offerts,
#hero-block #offert-card-desktop .uk-card-body.uk-background-cover > .fs-grid {
    position: static !important;
    flex: 0 0 auto;
    width: auto;
    max-width: min(calc(100% - 40px), 300px);
    margin-bottom: 10px !important;
    z-index: 2;
}

#hero-block #offert-card-desktop .hero-block__offerts:last-child,
#hero-block #offert-card-desktop .uk-card-body.uk-background-cover > .fs-grid:last-child {
    margin-bottom: 0 !important;
}

#hero-block #offert-card-desktop .hero-block__offerts {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}

#hero-block #offert-card-desktop .offert-item.uk-tile-primary {
    background: linear-gradient(85.21deg, rgba(0, 97, 126, 0.7) 0%, rgba(100, 194, 200, 0.7) 100%) !important;
    border-radius: 10px 0 10px 0 !important;
}

#hero-block #offert-card-desktop .offert-item .el-title {
    margin-top: 0 !important;
}

#hero-block #offert-card-desktop .fs-grid-item-1-container,
#hero-block #offert-card-desktop .fs-mw {
    width: 100% !important;
    max-width: 100% !important;
}

/* Hero услуги: стопка ниже @l — img-top-usluga / текст / block-offert-bottom */
@media (max-width: 959px) {
    #hero-block #offert-card-desktop {
        display: none !important;
    }

    #hero-block #img-top-usluga {
        overflow: hidden;
        border-radius: 10px 10px 0 0;
    }

    #hero-block #img-top-usluga img,
    #hero-block #img-top-usluga .el-image {
        border-radius: 10px 10px 0 0 !important;
        display: block;
        width: 100%;
    }

    #hero-block .uk-grid > div:first-child > .uk-card.uk-card-body {
        border-radius: 0 !important;
    }

    #hero-block .block-offert-bottom {
        margin-top: 0 !important;
    }

    #hero-block .block-offert-bottom .uk-card {
        border-radius: 0 0 10px 10px !important;
    }

    #hero-block .block-offert-bottom .uk-card.uk-tile-primary {
        background: linear-gradient(85.21deg, rgba(0, 97, 126, 0.7) 0%, rgba(100, 194, 200, 0.7) 100%) !important;
    }
}

/* mod_article_expert — layout verified (одна разметка, без дубля текста) */
.article-expert-verified {
    display: grid;
    gap: 10px 15px;
    grid-template-columns: 1fr;
}

.article-expert-verified__caption:empty {
    display: none;
}

@media (min-width: 640px) {
    .article-expert-verified {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
        grid-template-rows: auto 1fr;
        align-items: end;
    }

    .article-expert-verified__caption {
        grid-column: 1;
        grid-row: 1;
        margin-bottom: 0 !important;
    }

    .article-expert-verified__details {
        grid-column: 1;
        grid-row: 2;
        align-self: end;
    }

    .article-expert-verified__photo {
        grid-column: 2;
        grid-row: 1 / -1;
        align-self: end;
        justify-self: center;
        margin: 0 !important;
    }
}

/* mod_article_expert — layout random (одна разметка, без дубля текста) */
.article-expert-random__grid {
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr;
    grid-template-areas:
        "intro"
        "photo"
        "doctor"
        "form";
}

.article-expert-random__intro {
    grid-area: intro;
}

.article-expert-random__photo {
    grid-area: photo;
}

.article-expert-random__doctor {
    grid-area: doctor;
}

.article-expert-random__form {
    grid-area: form;
}

@media (min-width: 960px) {
    .article-expert-random__grid--has-form {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-areas:
            "intro form"
            "photo form"
            "doctor form";
    }

    .article-expert-random__grid--has-form .article-expert-random__form {
        align-self: center;
        margin-bottom: 0 !important;
    }
}

@media (min-width: 1200px) {
    .article-expert-random__grid--has-form {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: 1fr auto;
        grid-template-areas:
            "intro photo form"
            "doctor photo form";
        align-items: end;
    }

    .article-expert-random__grid--has-form .article-expert-random__intro {
        align-self: start;
    }

    .article-expert-random__grid--has-form .article-expert-random__photo {
        grid-row: 1 / -1;
        align-self: end;
        margin: 0 !important;
    }

    .article-expert-random__grid--has-form .article-expert-random__form {
        grid-row: 1 / -1;
        align-self: center;
    }

    .article-expert-random__grid:not(.article-expert-random__grid--has-form) {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: 1fr auto;
        grid-template-areas:
            "intro photo"
            "doctor photo";
        align-items: end;
    }

    .article-expert-random__grid:not(.article-expert-random__grid--has-form) .article-expert-random__intro {
        align-self: start;
    }

    .article-expert-random__grid:not(.article-expert-random__grid--has-form) .article-expert-random__photo {
        grid-row: 1 / -1;
        align-self: end;
        margin: 0 !important;
    }
}