:root {
    --font-primary: 'RisingSun', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-fallback: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', sans-serif;
    --font-mono: 'Fira Mono', 'Consolas', 'Monaco', monospace;
    --fw-1: 100;
    --fw-2: 200;
    --fw-3: 300;
    --fw-4: 400;
    --fw-5: 500;
    --fw-6: 600;
    --fw-7: 700;
    --fw-8: 800;
    --fw-9: 900;
    --font-size-10: 0.625rem;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-15: 0.9375rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;
    --line-height-base: 1;
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-26: 1.625;
    --line-height-relaxed: 1.75;
    --primary-color: #1882ac;
    --primary-color-buttons: #038096;
    --primary-color-buttons-hover: #025564;
    --secondary-color: #ff5900;
    --secondary-color-hover: #e04e00;
    --white: #fff;
    --black: #000;
    --light-gray: #f8f8f8;
    --f-body: var(--fw-5) var(--font-size-base)/var(--line-height-normal) var(--font-primary);
    --f-heading-xl: var(--fw-7) 1em/var(--line-height-tight) var(--font-primary);
    --f-heading-lg: var(--fw-7) 1em/var(--line-height-tight) var(--font-primary);
    --f-text-normal: var(--fw-5) 1em var(--font-primary);
    --f-nav: var(--fw-5) var(--font-size-base) var(--font-primary);
    --f-intro: var(--fw-6) var(--font-size-4xl)/55px var(--font-primary);
    --f-loading: var(--fw-5) var(--font-size-base)/var(--line-height-normal) var(--font-fallback);
    --f-loaded: var(--f-body);
    --font-system: var(--font-fallback)
}

html {
    box-sizing: border-box;
    font-size: 16px;
    scroll-behavior: smooth
}

body {
    margin: 0;
    padding: 0;
    background: var(--light-gray);
    color: #222;
    font: var(--f-body);
    min-height: 100vh
}

.fonts-loading body {
    font: var(--f-loading)
}

.fonts-loaded body {
    font: var(--f-loaded)
}

img,
video {
    max-width: 100%;
    height: auto;
    display: block
}

a,
.uk-link {
    color: #036070;
    text-decoration: none;
    transition: color 0.2s
}

a:hover,
a:focus,
a.uk-link:hover,
a.uk-link:focus {
    color: var(--black);
    text-decoration: none
}

ul,
ol {
    margin: 0;
    padding: 0
}

h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4 {
    font: var(--f-heading-xl)
}

h5,
.uk-h5,
h6,
.uk-h6 {
    font: var(--f-heading-lg)
}

h1,
.uk-h1 {
    font-size: 1.575rem
}

h2,
.uk-h2 {
    font-size: 1.4rem
}

h3,
.uk-h3 {
    font-size: 1.3rem
}

h4,
.uk-h4,
blockquote {
    font-size: 1.2rem
}

h5,
.uk-h5 {
    font-size: 1rem
}

h6,
.uk-h6 {
    font-size: 0.875rem
}

.uk-text-small {
    font-size: var(--font-size-sm)
}

.uk-text-large {
    font-size: var(--font-size-lg)
}

.uk-text-lead {
    font-size: var(--font-size-lg);
    line-height: var(--line-height-relaxed)
}

.uk-text-light,
.uk-text-normal {
    font-weight: var(--fw-4)
}

.uk-text-bold {
    font-weight: var(--fw-7)
}

.tm-fw-3 {
    font-weight: var(--fw-3)
}

.tm-fw-4 {
    font-weight: var(--fw-4)
}

.tm-fw-5 {
    font-weight: var(--fw-5)
}

.tm-fw-6 {
    font-weight: var(--fw-6)
}

.tm-fw-7 {
    font-weight: var(--fw-7)
}

.tm-fw-8 {
    font-weight: var(--fw-8)
}

.tm-fw-9 {
    font-weight: var(--fw-9)
}

.tm-font-light {
    font: var(--fw-3) 1em var(--font-primary)
}

.tm-font-regular {
    font: var(--fw-4) 1em var(--font-primary)
}

.tm-font-medium {
    font: var(--fw-5) 1em var(--font-primary)
}

.tm-font-semibold {
    font: var(--fw-6) 1em var(--font-primary)
}

.tm-font-bold {
    font: var(--fw-7) 1em var(--font-primary)
}

.tm-font-extrabold {
    font: var(--fw-8) 1em var(--font-primary)
}

.tm-font-black {
    font: var(--fw-9) 1em var(--font-primary)
}

.tm-font-italic {
    font-style: italic
}

@media (max-width:959px) {
    :root {
        --font-size-h1: 2rem;
        --font-size-h2: 1.75rem;
        --font-size-h3: 1.5rem;
        --font-size-h4: 1.25rem
    }
}

@media (max-width:639px) {
    :root {
        --font-size-h1: 1.875rem;
        --font-size-h2: 1.5rem;
        --font-size-h3: 1.25rem;
        --font-size-h4: 1.125rem;
        --font-size-base: 0.875rem;
        --font-size-small: 0.75rem
    }

    body {
        font: var(--fw-5) var(--font-size-base)/var(--line-height-normal) var(--font-primary)
    }
}

*+.uk-h1,
*+.uk-h2,
*+.uk-h3,
*+.uk-h4,
*+.uk-h5,
*+.uk-h6,
*+h1,
*+h2,
*+h3,
*+h4,
*+h5,
*+h6 {
    margin-top: 40px
}

th,
td {
    padding: 0.5em;
    border: 1px solid #e5e5e5;
    text-align: left
}

pre,
code {
    font: var(--fw-4) 0.875rem/1.4 var(--font-mono);
    background: var(--light-gray);
    padding: 0.2em 0.4em;
    border-radius: 3px
}

strong,
b,
dt {
    font-weight: var(--fw-7)
}

em {
    color: var(--secondary-color)
}

q {
    font-style: italic
}

dd {
    margin-left: 0
}

::-moz-selection,
::selection {
    background: var(--primary-color);
    color: var(--white);
    text-shadow: none
}

.uk-hr,
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    text-align: inherit;
    margin: 0 0 20px;
    border: 0;
    border-top: 1px solid #e5e5e5
}

*+.uk-hr,
*+blockquote,
*+hr {
    margin-top: 20px
}

blockquote p:last-of-type {
    margin-bottom: 0
}

blockquote footer {
    margin-top: 10px;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #666
}

blockquote footer::before {
    content: "— "
}

::placeholder {
    color: #aaa
}

a,
area,
button,
input,
label,
select,
summary,
textarea {
    touch-action: manipulation
}

.var-media-s::before {
    content: "640px"
}

.var-media-m::before {
    content: "960px"
}

.var-media-l::before {
    content: "1200px"
}

.var-media-xl::before {
    content: "1400px"
}

.home .uk-slideshow-items {
    border-radius: 5px
}

.uk-card-default {
    border-radius: 4px
}

.slider {
    padding-bottom: 0
}

.slider-inner {
    border-radius: 5px;
    overflow: hidden
}

.product-quick-order,
.jbprice-buttons-add,
.jbprice-buttons-quick-order,
.jbprice-buttons-remove {
    border-radius: 10px;
    line-height: 1.2;
    color: #fff;
    border: 1px solid #15819e;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease
}

.jbprice-buttons-goto {
    display: none;
}

.jbprice-buttons.in-cart .jbprice-buttons-goto,
.buttons_full_block .jbprice-buttons.in-cart .jbprice-buttons-goto {
    display: inline-flex;
}

.jbprice-buttons.not-in-cart .jbprice-buttons-goto,
.buttons_full_block .jbprice-buttons.not-in-cart .jbprice-buttons-goto {
    display: none !important;
}

.jbprice-buttons-add,
.jbprice-buttons-quick-order {
    background: #15819e;
    padding: 10px 18px
}

.product-quick-order,
.buttons_full_block .jbprice-buttons-add,
.buttons_full_block .jbprice-buttons-quick-order {
    background: #15819e;
    padding: 10px 20px
}

.product-quick-order:hover,
.jbprice-buttons-add:hover,
.jbprice-buttons-quick-order:hover,
.buttons_full_block .jbprice-buttons-add:hover,
.buttons_full_block .jbprice-buttons-quick-order:hover {
    background: #116b82;
    border-color: #116b82
}

.jbprice-buttons-goto,
.jbprice-buttons-remove {
    background: #fff;
    color: #15819e;
    padding: 10px 18px
}

.buttons_full_block .jbprice-buttons-goto,
.buttons_full_block .jbprice-buttons-remove {
    background: #fff;
    color: #15819e;
    padding: 10px 20px
}

.jbprice-buttons-goto:hover,
.jbprice-buttons-remove:hover,
.buttons_full_block .jbprice-buttons-goto:hover,
.buttons_full_block.jbprice-buttons-remove:hover {
    background: #15819e;
    border-color: #15819e;
    color: #fff
}

.uk-search-navbar .uk-search-input {
    height: 50px;
    border: 1px solid transparent;
    border-radius: 5px;
}

.uk-search-navbar .uk-search-icon {
    width: 50px;
    color: #036070;
    padding: 0;
}

.tm-header-mobile .uk-icon {
    color: var(--black)
}

/* ============================================================
   Mobile Navigation v2 — terra-vapes style
   Layout: [menu + search] | [logo] | [phone + cart]
   ============================================================ */

.tm-header-mobile {
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    position: sticky;
    top: 0;
    z-index: 980;
    box-shadow: 0 1px 4px rgba(0,0,0,0.03);
}

.tm-header-mobile-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    padding: 0 12px;
    gap: 0;
}

.tm-mobile-left,
.tm-mobile-right {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

.tm-mobile-center {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 0;
    padding: 0 10px;
}

.tm-mobile-logo-link {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.tm-mobile-logo {
    max-height: 34px;
    width: auto;
}

/* ── Icons: интерактивные, в стиле сайта ── */
.tm-mobile-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: #444;
    text-decoration: none;
    border-radius: 10px;
    transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease;
    position: relative;
    -webkit-tap-highlight-color: transparent;
}

.tm-mobile-icon:hover {
    background: rgba(3,128,150,0.06);
    color: var(--primary-color-buttons, #038096);
    text-decoration: none;
}

.tm-mobile-icon:focus-visible {
    outline: 2px solid var(--primary-color-buttons, #038096);
    outline-offset: 2px;
    background: rgba(3,128,150,0.06);
}

.tm-mobile-icon:active {
    background: rgba(3,128,150,0.12);
    transform: scale(0.94);
}

/* ── Cart in mobile ── */
.tm-mobile-cart {
    display: flex;
    align-items: center;
    margin-left: 2px;
}
.tm-mobile-cart .jbcart-module {
    margin: 0;
}
.tm-mobile-cart a,
.tm-mobile-cart button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    color: #444;
    transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease;
}
.tm-mobile-cart a:hover,
.tm-mobile-cart button:hover {
    background: rgba(3,128,150,0.06);
    color: var(--primary-color-buttons, #038096);
}
.tm-mobile-cart a:active,
.tm-mobile-cart button:active {
    transform: scale(0.94);
}

/* ── Search overlay ── */
.tm-mobile-search {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: #fff;
    animation: tmFadeIn 0.2s ease;
}

.tm-mobile-search-inner {
    position: relative;
    padding-top: 68px;
}

.tm-mobile-search-close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1;
}

@keyframes tmFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ── Offcanvas ── */
.tm-mobile-offcanvas-bar {
    background: #fff;
    color: #333;
}

.tm-mobile-offcanvas-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid #eee;
    background: #fafafa;
}

.tm-mobile-offcanvas-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #222;
}

.tm-mobile-offcanvas-body {
    padding: 8px 0;
}

.tm-mobile-offcanvas-body .uk-nav-default > li > a {
    padding: 12px 20px;
    font-size: 0.95rem;
    color: #333;
    border-radius: 0;
    transition: background 0.15s ease, color 0.15s ease, padding-left 0.15s ease;
}

.tm-mobile-offcanvas-body .uk-nav-default > li > a:hover {
    color: var(--primary-color-buttons, #038096);
    background: rgba(3,128,150,0.04);
    padding-left: 24px;
}

.tm-mobile-offcanvas-body .uk-nav-default > li.uk-active > a {
    color: var(--primary-color-buttons, #038096);
    font-weight: 600;
}

.tm-mobile-offcanvas-body .uk-nav-sub {
    padding: 4px 0 4px 24px;
    background: #fafafa;
}

.tm-mobile-offcanvas-body .uk-nav-sub a {
    padding: 10px 20px;
    font-size: 0.88rem;
    color: #555;
    transition: color 0.15s ease, padding-left 0.15s ease;
}

.tm-mobile-offcanvas-body .uk-nav-sub a:hover {
    color: var(--primary-color-buttons, #038096);
    padding-left: 24px;
}

/* Offcanvas: parent icon spacing */
.tm-mobile-offcanvas-body .uk-nav-parent-icon > .uk-parent > a {
    padding-right: 40px;
}

/* ── Phone modal ── */
.tm-mobile-phone-icon {
    color: var(--primary-color-buttons, #038096);
    flex-shrink: 0;
}

/* ── Compact mobile ── */
@media (max-width: 639px) {
    .tm-header-mobile-inner {
        height: 50px;
        padding: 0 10px;
    }
    .tm-mobile-logo {
        max-height: 28px;
    }
    .tm-mobile-icon {
        width: 38px;
        height: 38px;
        border-radius: 8px;
    }
    .tm-mobile-cart a,
    .tm-mobile-cart button {
        width: 38px;
        height: 38px;
    }
    .tm-mobile-left,
    .tm-mobile-right {
        gap: 4px;
    }
}

.mod-languages>ul {
    gap: 1em
}

.mod-languages>ul li {
    padding: 0;
    margin: 0
}

.mod-languages>ul li.uk-active {
    background: var(--primary-color-buttons);
    border-radius: 14px;
    padding: 2px 8px
}

.mod-languages ul li.uk-active a {
    color: var(--white) !important
}

.mod-languages ul li.uk-active a:hover {
    background-color: transparent;
    color: var(--secondary-color)
}

.mod-languages ul li a {
    color: var(--white)
}

.opta-top-nav>ul {
    border-right: 1px solid #e2e2e2;
    display: flex;
    align-items: center;
    padding-right: 24px;
    margin-right: 24px;
    gap: 1em
}

.opta-top-nav>ul a {
    font: var(--f-nav);
    text-transform: none
}

.opta-top-nav .uk-navbar-dropdown {
    width: auto;
    --uk-position-offset: 10px;
    --uk-position-shift-offset: 10px;
    --uk-position-viewport-offset: 10px;
    padding: var(--font-size-sm);
    color: var(--white);
    box-shadow: 0 -5px 10px rgba(0, 0, 0, .15)
}

.opta-top-nav .uk-navbar-dropdown:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--white);
    top: -10px;
    left: 10px
}

.opta-top-nav .uk-navbar-dropdown .uk-navbar-dropdown-nav {
    font: var(--f-nav)
}

.opta-subs .acym_introtext {
    font-size: var(--font-size-4xl);
}

@media (max-width:1200px) {
    .opta-subs .acym_introtext {
        margin-bottom: 0;
    }
}

/* ============================================================
   Header v2 — 2-рядный: Top (logo+menu+lang) + Bottom (catalog+search+contacts+cart)
   ============================================================ */

/* --- Верхний ряд: логотип, меню, язык --- */
.tm-header .uk-navbar-container {
    transition: background 0.3s ease, min-height 0.3s ease;
    /* min-height: 58px; */
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
}

/* --- Нижний ряд: каталог, поиск, контакты, корзина --- */
.tm-navbar-bottom {
    background: #00accd !important;
    padding: 0;
    border-bottom: 3px solid transparent;
    transition: border-color 0.3s ease, background 0.3s ease, padding 0.3s ease, font-size 0.3s ease;
    color: #fff;
}

/* Текст и элементы на фоне #00accd */
.tm-navbar-bottom a:not(.uk-button):not(.tm-catalog-btn),
.tm-navbar-bottom .uk-link {
    /* color: rgba(255, 255, 255, 0.9); */
}
.tm-navbar-bottom a:not(.uk-button):not(.tm-catalog-btn):hover {
    color: #fff;
}
.tm-navbar-bottom .tm-phone-number {
    color: #fff;
}
.tm-navbar-bottom .tm-phone-label {
    color: rgba(255, 255, 255, 0.85);
}
.tm-navbar-bottom .tm-phone-icon {
    color: #fff;
}
.tm-navbar-bottom .tm-phone-arrow {
    color: rgba(255, 255, 255, 0.7);
}
.tm-navbar-bottom .tm-phone-link:hover {
    background: rgba(255, 255, 255, 0.12);
}
.tm-navbar-bottom .uk-search-input {
    color: #333;
}

.tm-navbar-bottom .uk-grid {
    margin-left: 0;
}

.tm-navbar-bottom .uk-grid > * {
    gap: 2rem;
}

.tm-navbar-bottom .uk-grid > *:first-child {
    padding-left: 0;
}

/* --- Sticky-эффект: только нижний ряд (.tm-navbar-bottom) --- */
.tm-header-sticky-inner {
    transition: box-shadow 0.3s ease;
}

/* При sticky: тень */
.tm-navbar-bottom.uk-sticky-fixed {
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.12);
    padding: 0;
    border-bottom-color: var(--primary-color-buttons, #038096);
    background: #00accd !important;
    min-height: 43px;
}

/* --- При sticky: уменьшаем кнопку каталога --- */
.tm-navbar-bottom.uk-sticky-fixed .tm-catalog-btn {
    height: 34px;
    padding: 0 14px;
    font-size: 0.76rem;
}

/* --- При sticky: уменьшаем поле поиска --- */
.tm-navbar-bottom.uk-sticky-fixed .tm-navbar-search .uk-search-input {
    height: 34px;
    font-size: 13px;
}

/* --- При sticky: уменьшаем телефон --- */
.tm-navbar-bottom.uk-sticky-fixed .tm-phone-number {
    font-size: 0.74rem;
}
.tm-navbar-bottom.uk-sticky-fixed .tm-phone-label {
    font-size: 0.58rem;
}
.tm-navbar-bottom.uk-sticky-fixed .tm-phone-icon svg {
    width: 14px;
    height: 14px;
}

/* Плавные переходы для элементов, меняющихся при sticky */
.tm-navbar-bottom .tm-phone-number,
.tm-navbar-bottom .tm-phone-label {
    transition: font-size 0.3s ease;
}
.tm-navbar-bottom .tm-phone-icon svg {
    transition: width 0.3s ease, height 0.3s ease;
}

/* --- Логотип: базовый --- */
.tm-header .tm-logo {
    /* height: 40px; */
    transition: height 0.3s ease;
}

/* --- Кнопка «Каталог товаров» --- */
.tm-catalog-btn {
    display: inline-flex;
    align-items: center;
    height: 50px;
    FONT-WEIGHT: 500;
    font-weight: 600;
    font-size: 0.925rem;
    letter-spacing: 0.02em;
    border-radius: 6px;
    padding: 0 1em;
    transition: all 0.2s ease;
    text-transform: none;
    background: var(--primary-color-buttons, #038096);
    color: #fff;
    box-sizing: border-box;
}

.tm-catalog-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(3, 128, 150, 0.3);
    background: var(--primary-color-buttons-hover, #025564);
    color: #fff;
}

/* --- Поиск в нижнем ряду --- */
.tm-navbar-search {
    width: 100%;
}

.tm-navbar-search .uk-search {
    width: 100%;
}

.tm-navbar-search .uk-search-input {
    height: 46px;
    border: 2px solid #e5e5e5;
    border-radius: 8px;
    font-size: 15px;
    background: #fff;
    transition: all 0.2s ease;
}

.tm-navbar-search .uk-search-input:focus {
    border-color: var(--primary-color-buttons, #038096);
    box-shadow: 0 0 0 3px rgba(3, 128, 150, 0.08);
}

/* --- Блок телефонов (во втором ряду) --- */
.tm-phone-block {
    position: relative;
}

.tm-phone-link {
    cursor: pointer;
    border: 0;
    background: transparent;
    padding: 4px 10px;
    border-radius: 8px;
    transition: background 0.2s ease;
    text-decoration: none;
    white-space: nowrap;
    text-align: left;
}

.tm-phone-link:hover {
    background: rgba(3, 128, 150, 0.06);
    text-decoration: none;
}

.tm-phone-icon {
    color: var(--primary-color-buttons, #038096);
    margin-right: 8px;
    flex-shrink: 0;
}

.tm-phone-icon svg {
    width: 20px;
    height: 20px;
}

.tm-phone-info {
    line-height: 1.2;
}

.tm-phone-number {
    font-weight: 700;
    font-size: 0.9rem;
    color: #222;
    white-space: nowrap;
    text-shadow: 0px 0px 2px black;
}

.tm-phone-label {
    font-size: 0.68rem;
    color: #888;
    white-space: nowrap;
}

.tm-phone-arrow {
    margin-left: 4px;
    color: #aaa;
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.tm-phone-link:hover .tm-phone-arrow {
    transform: rotate(180deg);
}

/* --- Dropdown телефонов --- */
.tm-phone-dropdown {
    min-width: 280px;
    margin-top: 4px;
}

.tm-phone-dropdown .uk-card-title {
    font-size: 1rem;
    font-weight: 600;
}

.tm-phone-dropdown .uk-list-divider > li {
    padding: 10px 0;
}

.tm-phone-dropdown .uk-list-divider > li a,
.tm-phone-dropdown .uk-list-divider > li span {
    color: #444;
    text-decoration: none;
}

.tm-phone-dropdown .uk-list-divider > li a:hover {
    color: var(--primary-color-buttons, #038096);
    text-decoration: none;
}

/* --- Правая группа в нижнем ряду --- */
.tm-navbar-actions {
    gap: 8px;
}

.tm-cart-item {
    position: relative;
}

/* --- Каталожный дропдаун --- */
#tm-catalog-drop {
    background: #fff;
    border-top: 1px solid transparent;
    box-shadow: inherit;
    padding: 0;
}

#tm-catalog-drop .uk-navbar-dropdown-grid {
    margin: 0;
}

/* --- Адаптив: планшеты --- */
@media (max-width: 1199px) {
    .tm-header .uk-navbar-container {
        /* min-height: 48px; */
    }

    .tm-header .tm-logo {
        height: 30px;
    }

    .tm-navbar-bottom {
        padding: 0;
    }

    .tm-navbar-bottom .uk-grid > * {
        /* padding-left: 10px; */
        gap: 1rem;
    }

    .tm-catalog-btn {
        height: 42px;
        padding: 0 14px;
        font-size: 0.85rem;
    }

    .tm-navbar-search .uk-search-input {
        height: 42px;
        font-size: 1rem;
        padding-left: 4em !important
    }

    .tm-navbar-bottom.uk-sticky-fixed .tm-catalog-btn {
        height: 34px;
        padding: 0 10px;
        font-size: 0.75rem;
    }

    .tm-navbar-bottom.uk-sticky-fixed .tm-navbar-search .uk-search-input {
        height: 34px;
        font-size: 13px;
    }

    .tm-phone-number {
        font-size: 0.8rem;
    }
}

/* --- Адаптив: мобильные --- */
@media (max-width: 639px) {
    .tm-header .uk-navbar-container {
        /* min-height: 44px; */
    }

    .tm-header .tm-logo {
        height: 26px;
    }

    .tm-navbar-bottom {
        padding: 0;
    }

    .tm-navbar-bottom .uk-grid > * {
        padding-left: 6px;
    }

    .tm-catalog-btn {
        height: 38px;
        padding: 0 10px;
        font-size: 0.8rem;
    }

    .tm-navbar-search .uk-search-input {
        height: 38px;
        font-size: 14px;
    }

    .tm-phone-link {
        padding: 2px 6px;
    }

    .tm-phone-icon svg {
        width: 18px;
        height: 18px;
    }

    .tm-phone-number {
        font-size: 0.78rem;
    }
}

/* --- Мобильная шапка: иконка телефона --- */
.tm-mobile-phone {
    padding: 0 8px;
    color: var(--primary-color-buttons, #038096);
    transition: color 0.15s ease;
}

.tm-mobile-phone:hover {
    color: #025564;
}

.tm-mobile-phone .uk-icon svg {
    width: 22px;
    height: 22px;
}

.opta-subs .acym_introtext>span {
    color: var(--secondary-color)
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"]>[data-rlta-element="button-list"] {
    grid-auto-columns: max-content;
    grid-gap: 15px
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="tabs"]>[data-rlta-element="button-list"]>[data-rlta-element="button"],
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="accordions"]>[data-rlta-element="button"] {
    background-color: var(--white);
    border: 1px solid transparent;
    border-radius: 5px
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="tabs"]>[data-rlta-element="button-list"]>[data-rlta-element="button"]>[data-rlta-element="heading"],
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="accordions"]>[data-rlta-element="button"]>[data-rlta-element="heading"] {
    color: var(--black);
    font-family: var(--font-primary);
    font-weight: var(--fw-5)
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="tabs"]>[data-rlta-element="button-list"]>[data-rlta-element="button"]:not([data-rlta-state="closed"]),
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="accordions"]>[data-rlta-element="button"]:not([data-rlta-state="closed"]) {
    background-color: var(--primary-color-buttons);
    border-color: transparent;
    padding: .8em
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="tabs"]>[data-rlta-element="button-list"]>[data-rlta-element="button"]:not([data-rlta-state="closed"])>[data-rlta-element="heading"],
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="accordions"]>[data-rlta-element="button"]:not([data-rlta-state="closed"])>[data-rlta-element="heading"] {
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    padding: 0;
    width: 100%
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="tabs"]>[data-rlta-element="button-list"]>[data-rlta-element="button"]:not([data-rlta-state="closed"]):hover,
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="accordions"]>[data-rlta-element="button"]:not([data-rlta-state="closed"]):hover {
    background-color: var(--primary-color-buttons);
    color: var(--white)
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="tabs"]>[data-rlta-element="button-list"]>[data-rlta-element="button"]:hover,
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="accordions"]>[data-rlta-element="button"]:hover {
    background-color: #e6e8ec
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="accordions"]>[data-rlta-element="panel"],
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="tabs"]>[data-rlta-element="panels"]>[data-rlta-element="panel"] {
    background: transparent
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="accordions"]>[data-rlta-element="button"] {
    background-color: #f4f5f6
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="accordions"]>[data-rlta-element="button"]:hover,
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="accordions"]>[data-rlta-element="button"]:focus {
    background-color: #e6e8ec
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="accordions"]>[data-rlta-element="button"][data-rlta-state="open"],
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="accordions"]>[data-rlta-element="button"][data-rlta-state="opening"],
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills-light"][data-rlta-type="accordions"]>[data-rlta-element="button"][data-rlta-state="open"],
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills-light"][data-rlta-type="accordions"]>[data-rlta-element="button"][data-rlta-state="opening"] {
    background-color: var(--primary-color-buttons);
    color: var(--white)
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="accordions"]>[data-rlta-element="button"][data-rlta-state="open"]:hover,
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="accordions"]>[data-rlta-element="button"][data-rlta-state="open"]:focus,
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="accordions"]>[data-rlta-element="button"][data-rlta-state="opening"]:hover,
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills"][data-rlta-type="accordions"]>[data-rlta-element="button"][data-rlta-state="opening"]:focus {
    background-color: var(--primary-color-buttons);
    color: var(--white)
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills-light"][data-rlta-type="accordions"]>[data-rlta-element="button"]:not([data-rlta-state="closed"]),
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills-light"][data-rlta-type="tabs"]>[data-rlta-element="button-list"]>[data-rlta-element="button"]:not([data-rlta-state="closed"]) {
    background-color: var(--primary-color-buttons);
    border-color: var(--primary-color-buttons-hover)
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="pills-light"][data-rlta-type="tabs"]>[data-rlta-element="button-list"]>[data-rlta-element="button"]:not([data-rlta-state="closed"]):hover {
    background-color: #025564
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"]>[data-rlta-element="panel"],
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"]>[data-rlta-element="panels"]>[data-rlta-element="panel"] {
    overflow: visible;
    visibility: visible
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"]>[data-rlta-element="button-scroller"] [data-rlta-element="button-scroller-left"] [data-rlta-element="button-scroller-hotspot"] {
    opacity: 1;
    padding: 0 2em 0 0;
    margin: 0 0 0 -1em
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"]>[data-rlta-element="button-scroller"] [data-rlta-element="button-scroller-left"] [data-rlta-element="button-scroller-hotspot"] {
    background: linear-gradient(90deg, rgb(248, 248, 248) 0, rgba(255, 255, 255, 0) 100%)
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"]>[data-rlta-element="button-scroller"] [data-rlta-element="button-scroller-right"] [data-rlta-element="button-scroller-hotspot"] {
    opacity: 1;
    padding: 0 0 0 2em;
    margin: 0 -1em 0 0
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"]>[data-rlta-element="button-scroller"] [data-rlta-element="button-scroller-right"] [data-rlta-element="button-scroller-hotspot"] {
    background: linear-gradient(270deg, rgb(248 248 248) 0, rgba(255, 255, 255, 0) 100%)
}

.tm-navbar-button.uk-link-muted a,
a.uk-link-muted.tm-navbar-button {
    color: var(--white)
}

.tm-navbar-button.uk-link-muted a:hover,
a.uk-link-muted.tm-navbar-button:hover {
    color: rgba(255, 255, 255, 0.85)
}

.uk-offcanvas-bar .uk-link-heading a:hover,
.uk-offcanvas-bar a.uk-link-heading:hover,
.uk-link-heading a:hover,
a.uk-link-heading:hover {
    color: var(--black)
}

.uk-link-reset a,
.uk-link-reset a:hover,
a.uk-link-reset,
a.uk-link-reset:hover {
    color: inherit !important;
    text-decoration: none !important
}

.price-in-widget .jbprice-tmpl-teaser {
    display: flex
}

.price-in-widget .jbprice-tmpl-teaser .jbprice-value .jbprice-value-price {
    margin-right: 10px
}

.price-in-widget .jbprice-balance {
    font-size: 16px;
    FONT-WEIGHT: 600;
    margin-top: 15px
}

.tm-services-homepage div .uk-card,
.tm-services-homepage div .uk-card:hover {
    background-color: var(--light-gray);
    box-shadow: none
}

.tm-services-homepage div .uk-card-media-top img {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.tm-services-homepage div .uk-card-body {
    padding: var(--font-size-2xl) var(--font-size-2xl) 0;
    /* min-height: 210px */
}

.tm-services-homepage div .uk-card-footer {
    padding: 0 var(--font-size-2xl) var(--font-size-2xl);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: transparent
}

.tm-services-homepage div .uk-transition-toggle:hover .uk-transition-scale-up {
    transition: all .4s ease;
    transform: scale(1.1);
    filter: brightness(.6)
}

.tm-services-homepage div.uk-overlay-primary {
    background: rgba(34, 34, 34, 0.4)
}

.tm-services-homepage div .uk-card .uk-card-body h3 {
    font-size: var(--font-size-3xl);
    margin-bottom: .8em
}

.tm-services-homepage div .uk-card .uk-card-body h3 a {
    color: var(--primary-color-buttons);
    position: relative;
    text-decoration: none;
    background-image: linear-gradient(transparent calc(100% - 1px), var(--primary-color-buttons) 3px);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .3s
}

.tm-services-homepage div .uk-card .uk-card-body h3 a:hover {
    background-size: 100% 100%;
    color: var(--primary-color-buttons)
}

.tm-services-homepage .uk-card-footer>.uk-button {
    border-radius: 5px;
    font-size: var(--font-size-lg);
    line-height: var(--line-height-base);
    text-transform: none;
    padding: 10px 25px
}

.uk-navbar-dropdown-grid>* {
    position: relative
}

.uk-navbar-dropdown-grid.uk-grid-stack>.uk-grid-margin::before {
    content: "";
    position: absolute;
    top: -25px;
    left: 50px;
    right: 0;
    border-top: 1px solid #e5e5e5
}

.tm-header .uk-navbar {
    padding: 10px 0;
    background-color: var(--white)
}

.tm-navbar-container {
    background-color: #00accd !important;
    color: var(--white);
    border-bottom: 1px solid color(srgb 1 1 1 / 0.2)
}

.tm-navbar-container>.uk-container {
    padding: 0;
}

.tm-navbar-container .nav-overlay,
.tm-navbar-container .uk-navbar-nav {
    padding: 0 15px;
    background-color: var(--primary-color-buttons);
}

.tm-navbar-container .uk-dropbar {
    z-index: 981;
}

.tm-navbar-container .nav-overlay a {
    color: var(--white);
}

.tm-navbar-container .nav-overlay:hover,
.tm-navbar-container .nav-overlay:focus,
.tm-navbar-container .uk-navbar-nav:hover,
.tm-navbar-container .uk-navbar-nav:focus {
    background-color: #036070
}

.tm-navbar-container .uk-navbar-nav>li>a {
    color: var(--white);
    text-transform: none;
    font-family: var(--font-primary);
    font-weight: var(--fw-5);
    font-size: var(--font-size-base)
}

.tm-navbar-container .uk-navbar-nav>li>a>span>svg {
    width: var(--font-size-base)
}

.uk-navbar-dropdown-grid.uk-grid-stack>:not(.uk-first-column)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25px;
    border-left: 1px solid #e5e5e5
}

.tm-navbar-container-fixed {
    z-index: 1005
}

.uk-nav-default li>a {
    font-size: 0.85em;
    line-height: 1.2
}

.header-style-2>.uk-sticky-fixed {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08)
}

.left-sidebar>li>.uk-accordion-content>.uk-margin>.moduletable>.uk-nav-header {
    font-size: 0;
    display: none
}

.left-sidebar>li>.uk-accordion-content {
    margin: 0 !important
}

.footer-text-color,
.footer-text-color a {
    color: rgba(255, 255, 255, 0.7)
}

.footer-text-color a:hover,
.footer-text-color a:focus {
    color: var(--white)
}

.footer-text-color .uk-card-title {
    font-size: medium;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--white)
}

.mod-breadcrumbs__wrapper {
    max-width: 100%
}

.mod-breadcrumbs__wrapper .uk-breadcrumb {
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px
}

.mod-breadcrumbs__wrapper .uk-breadcrumb>li {
    display: inline-flex;
    align-items: center
}

.mod-breadcrumbs__wrapper .uk-breadcrumb>li+li::before {
    content: "";
    width: 14px;
    height: 14px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 14px 14px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%2315819e%22%20d%3D%22M5.29%202.29a1%201%200%200%201%201.42%200l4%204a1%201%200%200%201%200%201.42l-4%204a1%201%200%200%201-1.42-1.42L9.59%208%205.29%203.71a1%201%200%200%201%200-1.42z%22%2F%3E%3C%2Fsvg%3E")
}

.mod-breadcrumbs__wrapper .uk-breadcrumb>*>*,
.mod-breadcrumbs__wrapper .uk-breadcrumb a,
.mod-breadcrumbs__wrapper .uk-breadcrumb>:last-child>a:not([href]) {
    font-size: 16px;
    color: var(--black);
    background-color: var(--white);
    padding: 10px 15px;
    border-radius: 5px
}

.mod-breadcrumbs__wrapper .uk-breadcrumb>:last-child>span {
    font-size: 16px;
    padding: 10px 2px;
    color: var(--black);
    background-color: transparent !important
}

.mod-breadcrumbs__wrapper .uk-breadcrumb a:hover,
.mod-breadcrumbs__wrapper .uk-breadcrumb a:focus {
    color: var(--white);
    background-color: var(--secondary-color)
}

@media (max-width:639px) {
    .mod-breadcrumbs__wrapper {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        scrollbar-width: thin
    }

    .mod-breadcrumbs__wrapper .uk-breadcrumb {
        flex-wrap: nowrap;
        white-space: nowrap;
        min-width: max-content;
        gap: 6px;
        margin-top: 8px;
        margin-bottom: 8px
    }

    .mod-breadcrumbs__wrapper .uk-breadcrumb>li {
        flex: 0 0 auto
    }

    .mod-breadcrumbs__wrapper .uk-breadcrumb>*>*,
    .mod-breadcrumbs__wrapper .uk-breadcrumb a,
    .mod-breadcrumbs__wrapper .uk-breadcrumb>:last-child>a:not([href]),
    .mod-breadcrumbs__wrapper .uk-breadcrumb>:last-child>span {
        font-size: 14px;
        padding: 8px 10px
    }

    .mod-breadcrumbs__wrapper .uk-breadcrumb>li+li::before {
        margin-right: 6px
    }

    .mod-breadcrumbs__wrapper::-webkit-scrollbar {
        height: 4px
    }

    .mod-breadcrumbs__wrapper::-webkit-scrollbar-track {
        background: transparent
    }

    .mod-breadcrumbs__wrapper::-webkit-scrollbar-thumb {
        background-color: rgba(21, 129, 158, 0.35);
        border-radius: 4px
    }
}

.tm-navbar-button .uk-badge {
    font-size: 0.625rem;
    position: absolute;
    top: 13px;
    right: -6px;
    min-width: 18px;
    height: 18px
}

.tm-aside-column {
    min-width: 270px
}

.tm-change-view {
    display: none
}

@media (min-width:768px) {
    .tm-change-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.tm-product-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
    background-color: var(--white);
    border: 2px solid var(--light-gray);
    border-radius: 5px;
    padding: var(--font-size-15);
    justify-content: space-between
}

@media (min-width:768px) {
    .tm-product-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tm-product-card:hover {
        z-index: 2;
        -webkit-box-shadow: 0px -2px 10px 2px #e5e7e9;
        box-shadow: 0px -2px 10px 2px #e5e7e9
    }
}

.tm-product-card-media {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tm-product-card-media>.tm-ratio {
    height: 100%
}

    .tm-product-card-media {
        width: 100%
    }

@media (max-width: 639px) {
    .tm-products-grid .tm-product-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 6px;
    }
}

.tm-product-card>.tm-product-card-body>.tm-product-card-info>.uk-text-meta {
    color: #838f9b;
    font-size: 13px !important;
    line-height: 26px !important;
    margin: 10px 0;
    text-transform: lowercase
}

.tm-product-card>.tm-product-card-body>.tm-product-card-info>.tm-product-card-title{
    font-weight: var(--fw-6);
    font-size: var(--font-size-base);
    line-height: 1.2;
    min-height: 90px;
    margin: 0
}
.tm-search-body-item>.tm-product-card-info>.tm-product-card-title {
    font-weight: var(--fw-6);
    font-size: var(--font-size-base);
    line-height: 1.2;
    margin: 0
}
.tm-product-card>.tm-product-card-body>.tm-product-card-info>.tm-product-card-title>a,
.tm-search-body-item>.tm-product-card-info>.tm-product-card-title>a {
    color: var(--black) !important;
    position: relative;
    text-decoration: none;
    background-image: linear-gradient(transparent calc(100% - 1px), var(--black) 1px);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size 0.3s
}

.tm-product-card>.tm-product-card-body>.tm-product-card-info>.tm-product-card-title>a:hover,
.tm-search-body-item>.tm-product-card-info>.tm-product-card-title>a:hover {
    background-size: 100% 100%;
    color: var(--black)
}

.tm-article-title {
    font-family: var(--font-primary);
    font-weight: var(--fw-7);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-tight);
    margin: 0
}

#sp-news-homepage {
    background-color: var(--white)
}

.jbzoo-item-full>#sp-news-homepage {
    background: transparent
}

#sp-news-homepage .tm-product-card {
    background-color: var(--light-gray);
    border: 2px solid var(--white);
    border-radius: 5px;
    padding: 0;
    justify-content: flex-start
}

#sp-news-homepage .tm-product-card:hover {
    box-shadow: none
}

#sp-news-homepage .tm-product-card .tm-media-box-wrap img {
    transition: all .4s ease
}

#sp-news-homepage .tm-product-card .tm-media-box .tm-media-box-wrap img {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0)
}

#sp-news-homepage .tm-product-card .tm-media-box:hover .tm-media-box-wrap img {
    position: relative;
    top: 0;
    left: 0;
    transform: scale(1.05);
    transition: all .4s ease
}

#sp-news-homepage .tm-product-card .tm-media-box-wrap {
    overflow: hidden
}

#sp-news-homepage .tm-product-card .tm-article-title>a {
    font-family: var(--font-primary);
    font-weight: var(--fw-6);
    color: var(--black) !important;
    position: relative;
    text-decoration: none;
    background-image: linear-gradient(transparent calc(100% - 1px), var(--black) 1px);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size 0.3s
}

#sp-news-homepage .tm-product-card .tm-article-title>a:hover {
    background-size: 100% 100%;
    color: var(--black)
}

#sp-news-homepage .tm-product-card .tm-product-card-body .tm-product-card-info {
    margin: 0
}

#sp-news-homepage .tm-product-card .tm-product-card-body .tm-product-card-info>.uk-flex {
    padding: 1.5625em .9375em .9375em;
    margin: 0 !important
}

#sp-news-homepage .tm-product-card .tm-product-card-body .tm-product-card-info .uk-text-meta {
    font-size: 13px;
    line-height: 1.1;
    font-weight: 400;
    color: #222;
    padding: 5px 10px
}

#sp-news-homepage .tm-product-card .tm-product-card-body .tm-article-title {
    font-family: var(--font-primary);
    font-weight: var(--fw-7);
    font-size: 18px;
    line-height: normal;
    display: flow;
    align-items: center;
    text-align: left;
    padding: 0 15px
}

#sp-news-homepage .tm-product-card .tm-product-card-body {
    text-align: left;
    vertical-align: text-top
}

.tm-product-card-properties {
    display: none;
    margin: 0
}

.tm-product-card-properties>li:nth-child(n + 2) {
    margin-top: 5px
}

.tm-product-card-shop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.tm-product-card-prices {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.tm-product-card-price {
    font-family: var(--font-primary);
    font-weight: var(--fw-7);
    font-size: var(--font-size-xl);
    line-height: var(--line-height-base);
    color: var(--black)
}

.tm-product-card-price .jbprice-value-emptytext {
    font-size: 65%
}

.tm-product-card-price .jbcurrency-symbol {
    font-size: 85%
}

.tm-product-card-add-button {
    position: relative;
    bottom: -8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tm-product-card-add-button-text {
    display: none
}

.tm-product-card-actions {
    margin-right: 10px;
    margin-bottom: 2px
}

.tm-product-card-actions:only-child {
    margin-right: 0
}

.tm-product-card-action {
    margin-right: 10px
}

.tm-product-card-action:last-child {
    margin-right: 0
}

.tm-product-card-action-text {
    display: none;
    border-bottom: 1px dotted
}

.tm-products-list .tm-product-card {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.tm-products-list .tm-product-card:last-child {
    border-bottom: none
}

.tm-products-list .tm-product-card:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (min-width:768px) {
    .tm-products-list .tm-product-card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .tm-products-list .tm-product-card-media {
        width: 33.3%
    }

    .tm-products-list .tm-product-card-info {
        padding-right: 20px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%
    }

    .tm-products-list .tm-product-card-properties {
        display: block
    }

    .tm-products-list .tm-product-card-shop {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 33.3%;
        min-width: 170px;
        margin: 0;
        padding-left: 20px;
        border-left: 1px solid #e5e5e5;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .tm-products-list .tm-product-card-add {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 10px;
        margin-left: 0
    }

    .tm-products-list .tm-product-card-add-button-icon {
        display: none
    }

    .tm-products-list .tm-product-card-add-button-text {
        display: block
    }

    .tm-products-list .tm-product-card-actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        margin-top: 10px;
        margin-right: 0;
        margin-bottom: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .tm-products-list .tm-product-card-actions:only-child {
        margin-top: 0
    }

    .tm-products-list .tm-product-card-action {
        margin-right: 0;
        margin-bottom: 10px
    }

    .tm-products-list .tm-product-card-action:last-child {
        margin-bottom: 0
    }

    .tm-products-list .tm-product-card-action-text {
        display: inline;
        margin-left: 5px
    }
}

.tm-action-button-active,
.tm-action-button-active>* {
    color: #f0506e
}

.tm-filters {
    display: none
}

.tm-filters .uk-accordion>* {
    margin-top: 0;
    border-top: 1px solid #e5e5e5
}

.tm-filters .uk-accordion>:first-child {
    border-top: none
}

.tm-filters.uk-offcanvas.uk-open {
    margin: 0;
    padding: 0
}

.tm-filters.uk-offcanvas.uk-offcanvas-overlay:before {
    position: fixed
}

@media (min-width:960px) {
    .tm-filters.uk-offcanvas {
        position: static;
        display: block
    }

    .tm-filters.uk-offcanvas .uk-offcanvas-bar {
        position: static;
        overflow: visible;
        width: auto;
        -webkit-transform: none;
        transform: none;
        background: 0 0
    }

    .tm-filters.uk-offcanvas .uk-offcanvas-bar>.uk-card>.uk-card-header {
        display: none
    }
}

.tm-checkbox,
.tm-radio {
    display: none
}

.tm-checkbox+label,
.tm-radio+label {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer
}

.tm-checkbox+label::after,
.tm-checkbox+label::before,
.tm-radio+label::after,
.tm-radio+label::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px
}

.tm-checkbox+label::before,
.tm-radio+label::before {
    margin-top: 3px;
    margin-right: 10px;
    border: 1px solid #e5e5e5;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tm-checkbox:checked+label::before,
.tm-radio:checked+label::before {
    border-color: transparent;
    background-color: var(--secondary-color)
}

.tm-checkbox+label::after,
.tm-radio+label::after {
    position: absolute;
    top: 3px;
    left: 0;
    border: 1px solid transparent
}

.tm-checkbox:checked+label::after,
.tm-radio:checked+label::after {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.tm-checkbox+label::before {
    border-radius: 4px
}

.tm-radio+label::before {
    border-radius: 50%
}

.tm-checkbox:checked+label::after {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A)
}

.tm-radio:checked+label::after {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E)
}

.tm-help-icon {
    position: relative;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    border-radius: 100%;
    background-color: var(--light-gray)
}

.tm-help-icon:hover {
    color: #666
}

.tm-slider-items .tm-media-box-frame {
    padding: 10px;
    -webkit-transition: 0.25s linear;
    transition: 0.25s linear;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    opacity: 0.75
}

.tm-slider-items>:hover .tm-media-box-frame {
    opacity: 1
}

.tm-slider-items>.uk-active .tm-media-box-frame {
    opacity: 1;
    border-color: var(--primary-color)
}

.tm-variations {
    margin: 0 0 0 -10px
}

.tm-variations>* {
    padding-left: 10px
}

.tm-variations>*>:first-child {
    color: #666;
    border: 1px solid #e5e5e5
}

.tm-variations>.uk-active>a {
    color: #666;
    border-color: var(--primary-color);
    background-color: transparent
}

.tm-variations>*>.tm-variation-color {
    padding: 5px;
    border-radius: 50%
}

.tm-variation-color>div {
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.tm-product-info {
    border-top: 1px solid #e5e5e5
}

@media (min-width:960px) {
    .tm-product-info {
        min-width: 390px;
        border-top: none;
        border-left: 1px solid #e5e5e5
    }
}

.tm-product-price {
    font-size: 32px;
    font-weight: 500;
    line-height: 1
}

.tm-product-add-button {
    padding: 0 15px
}

@media (min-width:420px) {
    .tm-product-add-button {
        padding: 0 25px
    }
}

.tm-product-description {
    border-top: #e5e5e5 solid 1px
}

.tm-product-nav,
.tm-product-nav>.uk-subnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tm-product-nav {
    overflow: auto;
    background-color: var(--white)
}

.tm-product-nav>.uk-subnav {
    margin: 0 auto;
    padding: 10px 15px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width:640px) {
    .tm-product-nav>.uk-subnav {
        padding: 20px
    }
}

.tm-product-nav>.uk-subnav>:first-child {
    padding-left: 0
}

.tm-product-nav-fixed {
    -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
    transition: box-shadow 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out;
    -webkit-box-shadow: inset 0 -1px 0 0 #e5e5e5;
    box-shadow: inset 0 -1px 0 0 #e5e5e5
}

.tm-quantity-input {
    width: 60px;
    margin: 0 5px;
    text-align: center
}

.tm-slidenav {
    border-radius: 5px;
    cursor: pointer;
    background: var(--white);
    color: var(--primary-color-buttons);
    padding: 1.2em
}

.tm-slidenav.uk-invisible {
    visibility: visible !important;
    pointer-events: none;
    opacity: 0.3
}

.tm-checkout {
    counter-reset: list
}

.tm-checkout-title::before {
    content: counter(list) ". ";
    counter-increment: list;
    color: #999
}

.tm-choose {
    position: relative;
    width: 100%;
    padding: 40px 20px 10px;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    border-radius: 4px
}

.tm-choose.uk-active {
    border-color: var(--primary-color)
}

.tm-choose:not(.uk-active):focus,
.tm-choose:not(.uk-active):hover {
    background-color: var(--light-gray)
}

.tm-choose::before {
    position: absolute
}

.tm-choose::after,
.tm-choose::before {
    content: "";
    top: 12px;
    left: 50%;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.tm-choose::before {
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tm-choose:hover::before {
    background-color: var(--light-gray)
}

.tm-choose.uk-active::before {
    border-color: transparent;
    background-color: var(--primary-color)
}

.tm-choose::after {
    position: absolute;
    border: 1px solid transparent
}

.tm-choose.uk-active::after {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E)
}

.tm-choose .tm-choose-title {
    font-size: 0.875rem;
    text-align: center;
    text-transform: uppercase;
    color: #999
}

.tm-choose.uk-active .tm-choose-title {
    color: #666
}

.tm-choose .tm-choose-description {
    font-size: 0.6875rem;
    margin-top: 5px;
    text-align: center;
    color: #999
}

.uk-card-body.uk-card-small .tm-wrapper,
.uk-card-small .uk-card-body .tm-wrapper {
    margin-right: -20px;
    margin-left: -20px
}

.uk-card-body.uk-card-small .tm-wrapper:first-child,
.uk-card-small .uk-card-body .tm-wrapper:first-child {
    margin-top: -20px
}

.uk-card-body.uk-card-small .tm-wrapper:last-child,
.uk-card-small .uk-card-body .tm-wrapper:last-child {
    margin-bottom: -20px
}

.uk-card-body.uk-card-small .tm-wrapper figcaption,
.uk-card-small .uk-card-body .tm-wrapper figcaption {
    margin-right: 20px;
    margin-left: 20px
}

.uk-card-body .tm-wrapper {
    margin-right: -30px;
    margin-left: -30px
}

.uk-card-body .tm-wrapper:first-child {
    margin-top: -30px
}

.uk-card-body .tm-wrapper:last-child {
    margin-bottom: -30px
}

.uk-card-body .tm-wrapper figcaption {
    margin-top: 5px;
    margin-right: 30px;
    margin-left: 30px;
    text-align: center;
    color: #999
}

@media (min-width:1400px) {
    .uk-card-body .tm-wrapper {
        margin-right: -40px;
        margin-left: -40px
    }

    .uk-card-body .tm-wrapper:first-child {
        margin-top: -40px
    }

    .uk-card-body .tm-wrapper:last-child {
        margin-bottom: -40px
    }
}

.tm-compare-table {
    height: 0
}

.tm-compare-table td,
.tm-compare-table th {
    vertical-align: top
}

.tm-compare-table th {
    font-size: 16px;
    text-transform: none
}

.tm-compare-table tbody>tr:nth-of-type(even) {
    background-color: var(--light-gray)
}

.tm-compare-table-column {
    min-width: 240px
}

.tm-rating {
    margin-left: -3px;
    color: #999
}

.tm-rating>* {
    padding-left: 3px
}

.tm-reviews-column {
    min-width: 200px
}

.tm-cart-quantity-column {
    min-width: 115px !important
}

.tm-nav>li>a {
    padding: 10px 0
}

.tm-nav>li.uk-active>a,
.tm-nav>li>a:hover {
    -webkit-box-shadow: inset 2px 0 0 var(--primary-color);
    box-shadow: inset 2px 0 0 var(--primary-color)
}

.tm-nav>li.uk-active>a {
    font-weight: 500
}

.tm-ratio {
    position: relative
}

.tm-ratio::before {
    content: "";
    display: block;
    width: 100%
}

.tm-ratio>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tm-ratio-1-1::before {
    padding-top: 100%
}

.tm-ratio-3-2::before {
    padding-top: 66.66%
}

.tm-ratio-4-3::before {
    padding-top: 75%
}

.tm-ratio-16-9::before {
    padding-top: 56.25%
}

.tm-media-box {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%
}

.tm-media-box-frame {
    border: 1px solid #e5e5e5;
    border-radius: 4px
}

.tm-media-box-zoom {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.tm-media-box-wrap {
    position: relative;
    height: 100%;
    margin: 0
}

.tm-media-box-wrap>* {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    max-width: 100%
}

.tm-pseudo {
    border-bottom: 1px dotted
}

@media (max-width:640px) {
    #uk-slider {
        padding: 15px 0 !important;
    }

    #uk-uslugi {
        padding-bottom: 20px;
    }

    #uk-uslugi .uk-section-small {
        padding-top: 0px;
        padding-bottom: 10px;
    }

    #uk-uslugi .uk-margin-medium-bottom {
        margin-bottom: 10px !important
    }

    #uk-main-body .homepage-block-title,
    #uk-uslugi .homepage-block-title {
        font-size: 1.5em;
        text-align: center;
    }

    #uk-uslugi .uk-card-body {
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #uk-uslugi .uk-card-body h3 {
        font-size: 1em;
        margin: 0;
        text-align: center;
    }

    .tm-ignore-container {
        margin-right: -15px;
        margin-left: -15px;
        border-radius: 0
    }
}

.tm-shadow-remove {
    -webkit-box-shadow: none;
    box-shadow: none
}

.tm-shine {
    position: relative;
    overflow: hidden
}

.tm-shine::after {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    -webkit-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg);
    opacity: 0.3;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, 0.03)), color-stop(30%, rgba(255, 255, 255, 0.6)), color-stop(50%, rgba(255, 255, 255, 0.85)), color-stop(70%, rgba(255, 255, 255, 0.85)), color-stop(71%, rgba(255, 255, 255, 0.85)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    background-color: var(--white);
    background-repeat: no-repeat;
    background-attachment: local, local, scroll, scroll;
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px
}

.tm-shine:hover::after {
    left: 100%;
    -webkit-transition: 0.6s ease-out;
    transition: 0.6s ease-out
}

.tm-grayscale {
    -webkit-filter: grayscale(100%) opacity(50%);
    filter: grayscale(100%) opacity(50%)
}

.tm-grayscale:hover {
    -webkit-filter: none;
    filter: none
}

.uk-navbar-item {
    min-height: 42px;
    color: var(--white)
}

@-webkit-keyframes uk-spinner-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@keyframes uk-spinner-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@-webkit-keyframes uk-spinner-dash {
    0% {
        stroke-dashoffset: 88px
    }

    50% {
        stroke-dashoffset: 22px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 88px;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@keyframes uk-spinner-dash {
    0% {
        stroke-dashoffset: 88px
    }

    50% {
        stroke-dashoffset: 22px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 88px;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

#sp-left .uk-card.uk-card-small {
    background-color: transparent;
    box-shadow: none
}

#sp-left .uk-card.uk-card-small .uk-card-header {
    padding: 30px 0 50px 0;
    border-bottom: none;
    font-weight: var(--fw-8)
}

#sp-left .uk-card.uk-card-small .uk-card-header h3 {
    font-size: 1.9em
}

#sp-left .uk-card.uk-card-small .uk-card-body,
#sp-left .uk-card.uk-card-small .card-bod {
    padding: 0
}

#sp-left .uk-card-small .uk-card-body .uk-list .uk-accordion .uk-accordion-title {
    color: var(--white)
}

#sp-left .uk-card-small .uk-card-body .uk-list .uk-accordion .uk-accordion-content {
    margin: 5px -5px -5px -5px;
    font-weight: var(--fw-4);
    font-family: var(--font-primary)
}

#sp-left .uk-card-small .uk-card-body .uk-list .uk-accordion .uk-accordion-title {
    display: block;
    line-height: 1.4;
    overflow: hidden;
    padding: 0;
    margin: 0
}

#sp-left .uk-card-small .uk-card-body .uk-list .uk-accordion .uk-accordion-title:before {
    margin-left: 0.5em;
    color: var(--white);
    border-radius: 0.7em;
    width: 1.4em;
    height: 1.4em;
    line-height: 1.4em;
    font-size: 1em
}

#sp-left .uk-card-small .uk-card-body .uk-accordion:first-child {
    padding: 5px;
    margin: 0;
    border-top: 1px solid color(srgb 1 1 1 / 0.2);
    border-bottom: 1px solid rgb(0 0 0 / 20%)
}

#sp-left .opta-left-nav>.uk-card-body {
    letter-spacing: 0.05em;
    padding: 0;
    background: var(--primary-color-buttons);
    background: -moz-linear-gradient(0deg, rgba(3, 128, 150, 1) 0%, rgba(3, 128, 150, 0.85) 35%, rgba(0, 172, 205, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(3, 128, 150, 1) 0%, rgba(3, 128, 150, 0.85) 35%, rgba(0, 172, 205, 1) 100%);
    background: linear-gradient(0deg, rgba(3, 128, 150, 1) 0%, rgba(3, 128, 150, 0.85) 35%, rgba(0, 172, 205, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#038096", endColorstr="#00accd", GradientType=1);
    color: var(--white)
}

#sp-left .uk-card-body .uk-accordion .uk-accordion-title {
    display: block;
    font-size: 1em;
    line-height: 1.4;
    overflow: hidden;
    padding: 0;
    margin: 0
}

#sp-left .uk-card-body .uk-list-divider>:nth-child(n + 1) {
    margin: 0;
    padding: 0;
    border-top: 1px solid rgb(255 255 255 / 30%);
    border-bottom: 1px solid rgb(0 0 0 / 20%)
}

#sp-left .uk-card-body .uk-list-divider>.parent a::before {
    display: none
}

#sp-left .uk-card-body .uk-list-divider>.parent ul {
    margin: 0;
    padding: 0;
    background-color: var(--secondary-color)
}

#sp-left .uk-card-body .uk-list-divider>.parent ul li {
    font-size: 85%;
    margin: 0;
    padding: 0;
    border-top: 1px solid rgb(255 255 255 / 25%);
    border-bottom: 1px solid rgb(0 0 0 / 20%)
}

#sp-left .uk-card-body .uk-list-divider>.parent:last-child,
#sp-left .uk-card-body .uk-list-divider>.parent ul li:last-child {
    border-bottom: none
}

#sp-left .uk-card-body .uk-list-divider>.parent ul li a {
    padding: 0.2em 0 0.2em 2em;
    text-shadow: none
}

#sp-left .uk-card-body .uk-list-divider>.parent ul li a:hover,
#sp-left .uk-card-body .uk-list-divider>.parent ul li a:active,
#sp-left .uk-card-body .uk-list-divider>.parent ul li a:focus {
    text-shadow: 0 0 3px var(--black)
}

#sp-left .opta-left-nav>.uk-card-body a {
    color: var(--white);
    padding: 0.5em 0 0.5em 1em;
    display: flex;
    font-weight: var(--fw-7);
    font-family: var(--font-primary)
}

#sp-left .opta-left-nav>.uk-card-body a:hover,
#sp-left .opta-left-nav>.uk-card-body a:active,
#sp-left .opta-left-nav>.uk-card-body a:focus {
    text-shadow: 0 0 3px var(--black)
}

#sp-left .uk-card-footer {
    padding: 0
}

.op-title-nav {
    white-space: nowrap
}

.article-tizer-title {
    font-size: 1.1rem;
    line-height: 1.2
}

.homepage-block-title {
    font-size: var(--font-size-3xl)
}

.homepage-block-title>span {
    text-transform: uppercase;
    color: var(--primary-color-buttons)
}

.articles-block-title {
    font-size: var(--font-size-4xl);
    color: var(--primary-color-buttons);
    text-transform: uppercase;
    font-weight: var(--fw-8);
    font-family: var(--font-primary)
}

.articles-block-title>span {
    text-transform: none;
    color: var(--black)
}

.awesomplete>ul {
    margin: 0.2em 0 0;
    padding: 0.5em 1em
}

.awesomplete>ul>li {
    color: var(--black);
    font-size: 1em
}

.awesomplete>ul>li:hover {
    color: var(--black);
    background: rgb(3 128 150 / 50%);
    font-size: 1em
}

.awesomplete>ul>li[aria-selected="true"] {
    color: var(--white);
    background: rgb(3 128 150 / 70%);
    font-size: 1em
}

.awesomplete mark {
    background: #ff9800;
    color: var(--white)
}

.awesomplete li:hover mark {
    background: #ffc107;
    color: var(--white);
    font-weight: bolder
}

.label-article-cat {
    background-color: var(--secondary-color);
    border-radius: 0.2em;
    font-size: 13px;
    line-height: 1.1em;
    padding: 5px;
    text-transform: lowercase;
    max-width: 65%;
    overflow: hidden;
    text-overflow: ellipsis
}

.label-article-cat:hover {
    background-color: var(--secondary-color-hover)
}

.label-article-cat.label-article-news {
    background-color: var(--primary-color-buttons)
}

.label-article-cat.label-article-news:hover {
    background-color: var(--primary-color-buttons-hover)
}

.label-article-cat>div {
    display: none
}

.label-article-cat>div:first-child {
    display: inherit
}

.label-article-cat a,
.label-article-cat a:hover {
    color: var(--white)
}

.article-slidenav-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 3px
}

.article-slidenav-block .article-slidenav {
    background: #e8e8e8;
    color: var(--black);
    padding: 25px;
    border-radius: 5px;
    font-size: 1.2em;
    line-height: 1.2em;
    text-align: center
}

.article-slidenav-block .article-slidenav:hover {
    background: var(--primary-color-buttons);
    color: var(--white);
    padding: 25px
}

.article-home-card {
    gap: 3px
}

.item-thumb-img>div>img {
    min-height: 100%
}

.item-product-body-block .jbprice-tmpl-teaser {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px
}

.uk-list-custom li {
    padding: 0
}

.uk-list-custom li p {
    margin: 0
}

.uk-pagination>li {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    height: 1.5em;
    line-height: 1.5em;
    display: flex;
    align-content: center;
    margin: 0 0.2em
}

.uk-pagination>li>a {
    color: var(--primary-color)
}

.uk-pagination>li:hover,
.uk-pagination>li:focus,
.uk-pagination>li>a:hover,
.uk-pagination>li>a:focus,
.uk-pagination>li.uk-active:hover,
.uk-pagination>li.uk-active:focus {
    background-color: var(--secondary-color);
    color: var(--white)
}

.uk-pagination>li.uk-active {
    background-color: var(--primary-color);
    color: var(--white)
}

.uk-pagination>li.uk-active>span {
    color: var(--white)
}

.footer-info {
    margin-right: 25px
}

.footer-info img {
    width: 150px
}

.footer-info p {
    margin: 10px
}

.footer-nav-info {
    margin: 0 25px
}

.footer-nav-info a.uk-icon-button {
    color: var(--secondary-color) !important
}

.footer-nav-info a.k-icon-button:hover,
.footer-nav-info a.uk-icon-button:focus {
    color: var(--secondary-color-hover) !important
}

.footer-nav-info .uk-heading-small {
    margin-bottom: 25px;
    color: var(--white);
    font: var(--font-primary);
    font-weight: var(--fw-9);
    font-size: var(--font-size-lg)
}

.footer-nav-info .uk-nav.uk-nav-default {
    font-size: var(--font-size-base)
}

.footer-nav-info .uk-nav.uk-nav-default>li {
    font-family: var(--font-primary);
    font-weight: var(--fw-6);
    font-size: var(--font-size-base);
    line-height: 20px
}

.footer-nav-info .uk-nav.uk-nav-default>li>a {
    margin: 0 0 10px;
    padding: 0;
    font-family: var(--font-primary);
    font-weight: var(--fw-6);
    font-size: var(--font-size-base);
    line-height: 20px;
    color: #898e93 !important
}

.footer-nav-info .uk-nav.uk-nav-default>li>a:hover,
.footer-nav-info .uk-nav.uk-nav-default>li>a:focus {
    color: var(--white) !important
}

.tm-ignore-container .uk-card-header h1.uk-card-title {
    margin-bottom: 0;
    color: var(--primary-color-buttons)
}

.uk-button {
    font-family: var(--font-primary);
    font-weight: var(--fw-6);
    font-size: var(--font-size-base)
}

.fonts-loading .uk-button {
    font-family: var(--font-loading);
    font-weight: var(--fw-5)
}

.fonts-loaded .uk-button {
    font-family: var(--font-primary);
    font-weight: var(--fw-5)
}

.uk-navbar-nav a,
.uk-nav a {
    font-family: var(--font-primary);
    font-weight: var(--fw-5);
    font-size: var(--font-size-base)
}

.fonts-loading .uk-navbar-nav a,
.fonts-loading .uk-nav a {
    font-family: var(--font-loading);
    font-weight: var(--fw-5)
}

.fonts-loaded .uk-navbar-nav a,
.fonts-loaded .uk-nav a {
    font-family: var(--font-primary);
    font-weight: var(--fw-5)
}

.uk-input,
.uk-select,
.uk-textarea {
    font-family: var(--font-primary);
    font-weight: var(--fw-4);
    font-size: var(--font-size-base);
    line-height: var(--line-height-normal)
}

.fonts-loading .uk-input,
.fonts-loading .uk-select,
.fonts-loading .uk-textarea {
    font-family: var(--font-loading);
    font-weight: var(--fw-4)
}

.fonts-loaded .uk-input,
.fonts-loaded .uk-select,
.fonts-loaded .uk-textarea {
    font-family: var(--font-primary);
    font-weight: var(--fw-4)
}

.uk-form-label,
.uk-legend {
    font-family: var(--font-primary);
    font-weight: var(--fw-6);
    font-size: var(--font-size-sm)
}

.fonts-loading .uk-form-label,
.fonts-loading .uk-legend {
    font-family: var(--font-loading);
    font-weight: var(--fw-6)
}

.fonts-loaded .uk-form-label,
.fonts-loaded .uk-legend {
    font-family: var(--font-primary);
    font-weight: var(--fw-6)
}

.uk-container,
.uk-section,
.uk-article {
    contain: content style
}

@supports (font-display:swap) {
    @font-face {
        font-family: 'fallback-loading';
        src: local('Arial'), local('Helvetica'), local('sans-serif');
        font-display: swap;
        size-adjust: 95%
    }

    @font-face {
        font-family: 'fallback-bold';
        src: local('Arial Bold'), local('Helvetica Bold'), local('sans-serif');
        font-display: swap;
        font-weight: 600;
        size-adjust: 95%
    }
}

#orderkit-select {
    padding: 10px 20px 10px 10px;
    font-size: 13px;
    color: #000;
    border-radius: 5px;
    border: 3px solid #f8f8f8
}

.tm-product-card-labels {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0
}

.tm-product-info .uk-label {
    display: inline-flex;
    font-weight: 300;
    text-transform: none;
    padding: 0 3px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .1em
}

.tm-product-card-labels>.uk-label {
    display: table;
    margin-bottom: 3px;
    font-weight: 300;
    text-transform: none;
    line-height: 20px;
    padding: 0 3px;
    margin-left: auto;
    border-radius: 2px;
    font-size: 12px;
    letter-spacing: .1em
}

.tm-product-info .uk-label.uk-label-danger,
.tm-product-card-labels>.uk-label.uk-label-danger {
    background: var(--primary-color)
}

.tm-product-card-labels>.uk-label.uk-label-success {
    background: var(--secondary-color)
}

.tm-product-card-labels>.uk-label.uk-label-warning {
    background: var(--secondary-color)
}

.tm-product-card-labels>.uk-label:last-child {
    margin-bottom: 0
}

#ketch-purposes-modal>div>div:first-child,
#ketch-consent-banner>div:last-child {
    display: none !important;
}

.uk-accordion-title {
    font-size: 1rem;
    line-height: 1.5;
    color: #ffffff;
    text-shadow: 0 1px 2px black;
    border: 1px solid #038096;
    padding: 4px 4px 4px 16px;
    border-radius: 1em;
    background-color: #19adcc;
}

.uk-accordion-title::before {
    content: "";
    width: 1.6em;
    height: 1.6em;
    margin-left: 0;
    background-color: #fff;
    border-radius: 0.8em;
    display: flex;
}

.uk-accordion-title:hover,
.uk-accordion-title:focus {
    color: #000000;
    text-shadow: 0 1px 2px #fff;
    text-decoration: none
}

/* ============================================================
Google Reviews Widget
============================================================ */
.google-reviews-block {
    margin: 1.5rem 0;
    font-family: inherit;
}

.gr-summary {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background: #fafafa;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.gr-logo {
    display: flex;
    align-items: center;
}

.gr-score {
    font-size: 1.4rem;
    font-weight: 600;
    color: #202124;
    line-height: 1;
}

.gr-stars {
    display: inline-flex;
    gap: 1px;
    align-items: center;
}

.gr-star {
    font-style: normal;
    line-height: 1;
}

.gr-link {
    color: #1a73e8;
    text-decoration: none;
    font-size: .875rem;
    white-space: nowrap;
}

.gr-link:hover {
    text-decoration: underline;
}

.gr-reviews-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.gr-review {
    padding: 14px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: #fff;
}

.gr-reviewer-info {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.gr-avatar {
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.gr-reviewer-meta {
    flex: 1;
    min-width: 0;
}

.gr-reviewer-meta strong {
    display: block;
    font-size: .9rem;
}

.gr-review-date {
    margin-left: auto;
    font-size: .8rem;
    color: #888;
    white-space: nowrap;
}

.gr-review-text {
    font-size: .9rem;
    line-height: 1.6;
    color: #3c4043;
    margin: 0;
}

@media (max-width:600px) {
    .gr-summary {
        flex-direction: column;
        align-items: flex-start;
    }

    .gr-review-date {
        display: none;
    }
}

.jbfilter-offcanvas-wrap>.uk-offcanvas-bar {
    background: #fff !important;
}

/* =====================================================
   RSForm в модальном окне быстрого заказа (#modal-quick-order)
   UIKit3 override — стилизуем форму в контексте модала
   ===================================================== */


#modal-quick-order .uk-modal-dialog{
    width: 400px;
    max-width: 400px;
}
#modal-quick-order .uk-modal-dialog > .uk-modal-header,
#modal-quick-order .uk-modal-dialog > .uk-close {
    display: none;
  }

/* Заголовок модала */
#modal-quick-order .uk-modal-dialog > .uk-modal-body .uk-modal-header {
    display: flex;
padding: 1em;
    border-bottom: 1px solid #15819e;
    background-color: #038096;
    color: var(--white);
}
#modal-quick-order .uk-modal-title {
    line-height: normal;
    font-size: 1em;
    font-weight: 600;
    margin: 0 auto;
    padding:0;
}

/* Тело модала — убираем дефолтные отступы RSForm */
#modal-quick-order .uk-modal-body {
    padding:.5em;
}
#modal-quick-order .uk-modal-body .uk-alert-danger,
#modal-quick-order .uk-modal-body .uk-alert-success {
    margin: 0 -0.5em 1em;
    padding: 1em;
    font-size: 14px;
    line-height: 1.1em;
    font-weight: 600;
    font-style: italic;
}
/* Основной контейнер формы RSForm */
#modal-quick-order .formContainer {
    margin: 0;
}

#modal-quick-order .formControls > div{
   display: flex !important;
}

/* Убираем внутренние row-отступы grid RSForm */
#modal-quick-order .uk-grid {
    margin-left: 0;
}
#modal-quick-order .uk-grid > * {
    padding-left: 0;
}

/* Строки полей */
#modal-quick-order .uk-margin,
#modal-quick-order .rsform-block {
    margin-bottom: 16px !important;
}

/* Label */
#modal-quick-order .uk-form-label,
#modal-quick-order label.formLabel {
    font-size: .875rem;
    font-weight: 500;
    color: #333;
    margin-bottom: 4px;
    display: block;
}

/* Поля ввода — UIKit3 uk-input стиль */
#modal-quick-order input.uk-input,
#modal-quick-order textarea.uk-textarea,
#modal-quick-order select.uk-select {
    height: 42px;
    padding: 0 12px;
    font-size: .9375rem;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    background: #fff;
    color: #333;
    width: 100%;
    transition: border-color .15s ease;
}
#modal-quick-order input.uk-input:focus,
#modal-quick-order textarea.uk-textarea:focus,
#modal-quick-order select.uk-select:focus {
    border-color: #1e87f0;
    outline: none;
    box-shadow: 0 0 0 3px rgba(30,135,240,.12);
}
#modal-quick-order input.uk-form-danger,
#modal-quick-order .uk-form-danger input.uk-input {
    border-color: #f0506e;
}

/* Кнопка отправки */
#modal-quick-order .rsform-submit-button.uk-button-primary {
    width: 100%;
    height: 44px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 4px;
    margin-top: 8px;
    letter-spacing: .01em;
}

/* Сообщение об ошибке валидации */
#modal-quick-order .formError {
    font-size: .8125rem;
    margin-top: 4px;
}

/* freeText блоки внутри формы (TitleCustom, AlertCustom) */
#modal-quick-order .rsform-block-TitleCustom {
    display: none; /* Заголовок вынесен в uk-modal-header */
}
#modal-quick-order .rsform-block-AlertCustom {
    padding: 10px 14px;
    background: #f3f8ff;
    border-left: 3px solid #1e87f0;
    border-radius: 0 4px 4px 0;
    font-size: .875rem;
    color: #444;
    margin-bottom: 18px !important;
}

/* reCAPTCHA — не сдвигать */
#modal-quick-order .rsform-block-reCAPTCHA {
    margin-bottom: 0 !important;
}

/* Мобильный: компактный padding */
@media (max-width: 639px) {
    #modal-quick-order .uk-modal-header {
        padding: 16px 20px 12px;
    }
    #modal-quick-order .uk-modal-body {
        padding: 16px 20px 20px;
    }
}

/* ── Quick Order: экран успешной отправки (.qo-success) ──────────── */
#modal-quick-order .qo-success {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 28px 20px 32px;
    text-align: center;
    min-height: 220px;
}
#modal-quick-order .qo-success__icon {
    color: #32d296;
    margin-bottom: 16px;
    line-height: 1;
}
#modal-quick-order .qo-success__title {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 10px;
    color: #1a1a1a;
}
#modal-quick-order .qo-success__text {
    font-size: .9375rem;
    color: #555;
    margin: 0 0 20px;
    line-height: 1.5;
}
#modal-quick-order .qo-success__countdown {
    font-size: .8125rem;
    color: #999;
    margin: 0;
}
#modal-quick-order .qo-countdown-num {
    font-weight: 600;
    color: #666;
}

/* ── Quick Order: алерт ошибки AJAX ──────────────────────────────── */
#modal-quick-order .qo-ajax-error {
    margin: 0 0 12px;
    padding: 10px 14px;
    font-size: .875rem;
    font-weight: 500;
}