/* Подключаем шрифт (Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Fira+Sans+Extra+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Condensed&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');*/



#product-name {
    color: var(--dark-blue);
}

strong {
    font-weight: 500;
}

/* чтобы курсор всегда был на ссылке, а не на вложенных тегах */
i, svg, path, polyline, rect {
    pointer-events: none;
}

/* для SEO, скрывает текст визуально, но сохраняет доступность */
.visually-hidden {
    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;
}

/* product image under main menu */
/*.uk-sticky {
    z-index: 9998 !important;
}*/
.uk-slideshow,
.uk-slideshow-items,
.uk-cover-container {
    position: relative;
    z-index: 970 !important;
}
/*.uk-notification-message {
    z-index: 9999 !important;
}*/


html, body {
    background-color: var(--background);
    background-image: url('../img/bg-pattern.png');
    font-family: var(--font), sans-serif;
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6,
.price, .old-price, /*span,*/
#mobile-offcanvas-nav .uk-nav li a {
    /*font-family: "Fira Sans Extra Condensed", sans-serif;*/
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
}
h1.uk-h1, h2.uk-h2, h3.uk-h3, h4.uk-h4, h5.uk-h5, h6.uk-h6 {
    color: var(--dark-blue);
}
/*h1, h2, h3, h4, h5, h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6 {
    margin: 10px 0 10px 0;
}*/

.tm-menu,
.tm-slider-heading {
    border: 1px solid #eee;
    /*border-top: 1px solid #eee;
    border-bottom: 1px solid #d1d1d1;*/
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.08) 0 0.125rem 0.25rem !important;
    background: white /*#e9f1ff*/;
}
.tm-slider-heading {
    font-size: 1.5rem;
    line-height: 1.8;
    padding: 8px 16px;
}

.tm-slider-heading .uk-label {
    font-size: 1.1rem;
    line-height: 1.4;
    margin-top: -4px;
    padding: 2px 6px;
}

.tm-slider-heading .tm-slider-nav {
    display: flex;
    align-items: center; /* выравнивание кнопок по высоте */
    gap: 8px;
}
.tm-slider-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: transparent;
    border: 2px solid #d1d1d1;
    color: #d1d1d1;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    line-height: 1;
    text-decoration: none;
}
.tm-slider-arrow:hover {
    background: #00a5d9;
    color: #fff;
    transition: 0.2s ease;
}


.uk-text-bolder {
    font-weight: 500;
}

.uk-table td {
    vertical-align: middle;
}

/*******************************/
/*** BREADCRUMBS on Frontend ***/
/*******************************/
/*.tm-breadcrumbs-wrap {
    padding: 16px 0 12px;
    background: transparent;
}*/
.tm-breadcrumbs {
    margin: 0;
    flex-wrap: wrap;
    gap: 8px 0;
}
.tm-breadcrumbs > * > * {
    font-size: .875rem;
    line-height: 1.25;
    color: #777;
    text-decoration: none;
    transition: color .2s ease;
}
.tm-breadcrumbs > * > a:hover {
    color: var(--dark-blue);
    text-decoration: none;
}
.tm-breadcrumbs > :nth-child(n+2):not(.uk-first-column)::before {
    margin: 0 10px;
    /*color: #b5b5b5;*/
    content: "|";
}
.tm-breadcrumbs .uk-disabled span,
.tm-breadcrumbs li:last-child span {
    color: #888;
    /*font-weight: 500;*/
}
/* Мобильная адаптация */
@media (max-width: 639px) {
    /*.tm-breadcrumbs-wrap {
        padding: 12px 0 10px;
    }*/

    .tm-breadcrumbs > * > * {
        font-size: 13px;
    }

    .tm-breadcrumbs > :nth-child(n+2):not(.uk-first-column)::before {
        margin: 0 8px;
    }
}


/*.uk-breadcrumb > :nth-child(n+2):before {
    !* любой символ: "/", ">", "→", "»" *!
    content: "|" !important;
    margin: 0 8px;
    color: #999;
    !* FA иконка "chevron-right" *!
    !*content: "\f105" !important;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin: 0 8px;
    color: #666;*!
}*/


/********************/
/*** MODAL WINDOW ***/
/********************/
.uk-modal {
    /*filter: blur(2px);*/
    backdrop-filter: blur(10px);
}
.uk-modal-dialog {
    border-radius: 8px 8px 8px 8px;
}
.uk-modal-header {
    border-bottom: 1px solid #e5e5e5;
    border-radius: 8px 8px 0 0;
    padding: 10px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: linear-gradient(135deg, #a0d2ff 50%, #eef3f9 100%);
}
.uk-modal-title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 auto;
}
.uk-modal-body {
    padding: 15px;
}
.uk-modal-footer {
    border-top: 1px solid #e5e5e5;
    border-radius: 0 0 8px 8px;
    padding: 10px 15px;
    /*display: flex;
    justify-content: right;
    align-items: center;*/
    text-align: right;
    /*background: linear-gradient(135deg, #a0d2ff 50%, #eef3f9 100%);*/
}


/**************************/
/*** AURORA ANIMATED BG ***/
/**************************/
.tm-aurora {
    position: relative;
    /*overflow: hidden;*/
    background: linear-gradient(135deg, #ffffff 0%, #f7f9fc 100%);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.tm-aurora::before,
.tm-aurora::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.45;
    z-index: 0;
    pointer-events: none;
}
.tm-aurora::before {
    top: -180px;
    left: -120px;
    background: rgba(173, 216, 255, 0.55);
    animation: auroraMove1 16s ease-in-out infinite alternate;
}
.tm-aurora::after {
    top: -150px;
    right: -120px;
    background: rgba(220, 200, 255, 0.4);
    animation: auroraMove2 18s ease-in-out infinite alternate;
}
.tm-aurora > * {
    position: relative;
    z-index: 1;
}
@keyframes auroraMove1 {
    0% { transform: translate(0, 0) scale(1);}
    100% { transform: translate(60px, 20px) scale(1.15); }
}
@keyframes auroraMove2 {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(-50px, 25px) scale(1.1);}
}



.uk-tab>*>a {
    display: flex;
    align-items: center;
    column-gap: .25em;
    justify-content: center;
    padding: 5px 10px;
    color: #999;
    border-bottom: 2px solid transparent;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: none;
}
.uk-tab>.uk-active>a {
    color: var(--dark-blue);
    border-color: var(--dark-blue);;
}






.uk-form-stacked .uk-form-label {
    font-size: .825rem;
    font-weight: 500;
    line-height: 18px;
}


/**************************/
/*** FRONTEND MAIN MENU ***/
/**************************/
.uk-navbar-nav > li > a {
    text-transform: none;
}
.uk-navbar-item.uk-logo {
    font-size: 1.5rem;
}
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
    font-size: 1rem;
    font-weight: 400;
    min-height: 50px !important;
}
.uk-navbar-item.uk-logo.uk-margin-left img {
    width: 150px;
}

#main-menu .block-grow {
    flex-grow: 1;
}

#main-menu #searchResults {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    z-index: 999;
    width: 100%;
}
#main-menu #searchResults ul {
    border: 1px solid rgba(0,0,0,0.5);
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#main-menu #searchResults ul li {
    padding: 10px 10px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

#searchResults ul li:focus {
    background-color: #1e87f0;
    color: #ffffff;
    outline: none;
    cursor: pointer;
}
#searchResults ul li:focus a  {
    color: #ffffff;
}

/* OFFCANVAS MOBILE MENU */
#offcanvas-nav-primary .uk-navbar-dropdown-nav>li>a,
#offcanvas-nav-primary .uk-dropdown-nav>li>a {
    color: #fff; /*var(--grey-50);*/
    /*display: flex;*/
    /*font-size: 1.2rem;*/
    /*justify-content: space-between;*/
    padding: 5px 20px;
}

/*#offcanvas-nav-primary .uk-nav-divider {
    color: red;
}*/

#offcanvas-nav-primary .uk-nav-divider {
    border-top: 1px solid #e5e5e5;
}
#offcanvas-nav-primary .uk-nav-divider {
    margin: 5px 0;
}

#offcanvas-nav-primary button.logout {
    border: none;
    background-color: transparent;
    color: #fff;
    font-size: 16px;
    line-height: 34px;
    padding: 0;
}

/********************************************/
/* BACKGROUND BORDER FOR COLLECTIONS SLIDER */
/********************************************/
.my-bg-border-top::before {
    content: " ";
    width: 100%;
    height: 20px;
    /*top: 0;*/
    position: absolute;
    background: url('../img/border2.png') center center repeat-x;
    display: block;
    transform: rotate(-180deg);
    margin-top: -20px;
}

.my-bg-border {
    background-color: white;
}
.my-bg-border::before {
    content: " ";
    width: 100%;
    height: 20px;
    /*top: 0;*/
    position: absolute;
    background: url('../img/border2.png') center center repeat-x;
    display: block;
    transform: rotate(-180deg);
    margin-top: -20px;
}
.my-bg-border::after {
    content: " ";
    width: 100%;
    height: 20px;
    /*top: 0;*/
    position: absolute;
    background: url('../img/border2.png') center center repeat-x;
    display: block;
    /*transform: rotate(-180deg);*/
    margin-bottom: -5px;
}

/*********************************/
/* GRAYSCALE FOR IMAGES ON HOVER */
/*********************************/
.tm-grayscale img {
    -webkit-filter: grayscale(100%) opacity(50%);
    -moz-filter: grayscale(100%) opacity(50%);
    filter: grayscale(100%) opacity(50%);
    transition: all 0.3s ease-in-out;
}
.tm-grayscale img:hover, .tm-grayscale img:focus {
    -webkit-filter: none;
    -moz-filter: none;
    filter:none;
}

/**************************************/
/*** FRONTEND BLOG IMAGE TRANSITION ***/
/**************************************/
.uk-transition-active.uk-active .uk-transition-scale-up,
.uk-transition-toggle:focus .uk-transition-scale-up,
.uk-transition-toggle:focus-within .uk-transition-scale-up,
.uk-transition-toggle:hover .uk-transition-scale-up {
    --uk-scale-x: 1.1;
    --uk-scale-y: 1.1;
    opacity: 1;
}

.tm-blog-card .uk-card-media-top {
    border-radius: 12px;
}
.tm-blog-card .uk-overlay-primary {
    background: rgba(34, 34, 34, .4);
}
.tm-blog-card .uk-icon-button {
    background-color: rgba(0, 0, 0, 0.9);
    border: none;
    color: rgba(255, 255, 255, 1);
    width: 50px;
    height: 50px;
    transition: background-color 0.25s ease-in;
    -webkit-transition: background-color 0.25s ease-in;
    -moz-transition: background-color 0.25s ease-in;
}
.tm-blog-card .uk-icon-button:hover {
    background-color: var(--red-orange);
    color: white;
}
.tm-blog-card .tm-card-title a {
    color: var(--dark-blue);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.4;
    margin: 6px auto;
    transition: color 0.25s ease-in;
    -webkit-transition: color 0.25s ease-in;
    -moz-transition: color 0.25s ease-in;
}
.tm-blog-card:hover .uk-card-title a {
    color: var(--red-orange);
    text-decoration: none;
}

/**********************************************************************************************************************/

.uk-subnav-pill > .uk-active > a {
    background-color: #222;
    color: #fff;
}

/**********************************************************************************************************************/

/*************/
/*** ICONS ***/
/*************/
.icon-plus svg rect {
    fill: #fff;
}
.icon-plus svg rect:first-child {
    width: 2px;
    x: 8px;
    y: 2.5px;
}
.icon-plus svg rect:last-child {
    height: 2px;
    y: 9.5px;
}
.uk-icon-button {
    background: #eee;
    border: 1px solid #999;
    color: #999;
}

/******************************/
/*** ALERTS & NOTIFICATIONS ***/
/******************************/
.uk-alert {
    border-radius: 7px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
    padding: 15px 40px 15px 15px;
}
.uk-alert-close {
    opacity: 1;
}

.uk-notification-message {
    border-radius: 7px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
    padding: 15px 35px 15px 15px !important;
    font-size: 0.875rem;
    line-height: 1.25;
}
.uk-notification-close {
    color: #fff;
    display: block !important;
    position: absolute;
    top: 13px;
    right: 12px;
}

.uk-alert-primary,
.uk-notification-message-primary {
    background: var(--primary);
    backdrop-filter: blur(5px);
    color: #ffffff;
}
.uk-alert-success,
.uk-notification-message-success {
    background: var(--success);
    backdrop-filter: blur(5px);
    color: #ffffff;
}
.uk-alert-warning,
.uk-notification-message-warning {
    background: var(--warning);
    backdrop-filter: blur(5px);
    color: #ffffff;
}
.uk-alert-danger,
.uk-notification-message-danger {
    background: var(--danger);
    backdrop-filter: blur(5px);
    color: #ffffff;
}

.uk-alert-checkout {
    background: var(--orange-10);
    backdrop-filter: blur(5px);
    border: 1px solid var(--orange);
    border-radius: 7px;
    color: #000;
}

.tm-alert-success {
    /*background: var(--success);*/
    background: linear-gradient(135deg, var(--success), rgba(0,160,70,0.8), rgba(0,160,70,0.6));
    backdrop-filter: blur(5px);
    border-radius: 8px;
    padding: 35px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
.tm-alert-warning {
    /*background: var(--success);*/
    background: linear-gradient(135deg, var(--warning), rgba(255,165,0,0.8), rgba(255,165,0,0.6));
    backdrop-filter: blur(5px);
    border-radius: 8px;
    padding: 35px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
.tm-alert-danger {
    /*background: var(--success);*/
    background: linear-gradient(135deg, var(--danger), rgba(255,0,0,0.8), rgba(255,0,0,0.6));
    backdrop-filter: blur(5px);
    border-radius: 8px;
    padding: 35px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
.tm-alert-success *,
.tm-alert-warning *,
.tm-alert-danger * {
    color: #fff;
}
.tm-alert-success-icon,
.tm-alert-warning-icon,
.tm-alert-danger-icon {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%); /* 👈 вынос наполовину */
    background: #fff;
    border-radius: 50%;
    padding: 3px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.tm-alert-success-icon i {
    color: var(--success);
}
.tm-alert-warning-icon i {
    color: var(--warning);
}
.tm-alert-danger-icon i {
    color: var(--danger);
}

/**********************/
/*** BACKEND BADGES ***/
/**********************/
.tm-status {
    font-size: 11px;
    font-weight: 600;
    padding: 2px 6px 4px 6px;
    border-radius: 4px;
    letter-spacing: 0.3px;
}
.tm-status-approved {
    background: var(--approved-bg);
    color: var(--approved);
    border: 1px solid var(--approved);
}
.tm-status-pending {
    background: var(--pending-bg);
    color: var(--pending);
    border: 1px solid var(--pending);
}
.tm-status-rejected {
    background: var(--rejected-bg);
    color: var(--rejected);
    border: 1px solid var(--rejected);
}

/***********************/
/*** BACKEND SIDEBAR ***/
/***********************/
.sidebar {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Растягиваем контейнер на всю высоту окна */
    overflow-y: auto; /* Добавляем прокрутку при необходимости */
}
.sidebar-top, .sidebar-bottom {
    height: auto;
}
.sidebar-middle {
    flex-grow: 1; /* Занимает всю оставшуюся высоту */
    /* overflow-y: auto; Добавляем прокрутку при необходимости */
}
.sidebar-top {
    align-self: center; /* Центрируем по горизонтали внутри flex-контейнера */
}
.sidebar .uk-nav-header {
    font-size: .875rem;
    padding: 0 15px 15px 25px;
    text-transform: none;
}
.sidebar .uk-nav a {
    font-size: 1.1rem;
    padding: 15px 25px;
}
/*.sidebar .uk-nav .uk-active a {
    background-color: var(--blue);
}*/
.sidebar .uk-nav .uk-active a {
    background-color: #1E91CF;
}

.sidebar .uk-nav .uk-active a svg path {
    fill: white; /* Замените на нужный цвет */
}
.sidebar .uk-nav .uk-active a img {
    /*filter: brightness(0) saturate(100%) invert(22%) sepia(89%) saturate(746%) hue-rotate(360deg) brightness(90%) contrast(91%);*/
    filter: brightness(100%) invert(100%);
}
.uk-nav .uk-nav-divider {
    margin: 0;
}

/**********************/
/*** BACKEND NAVBAR ***/
/**********************/
.uk-tile.navbar {
    border-bottom: 2px solid var(--grey-10);
    padding: 10px 40px;
}
.uk-navbar-item, .uk-navbar-nav >li > a , .uk-navbar-toggle {
    min-height: auto;
}
.uk-navbar-item, .uk-navbar-nav > li > a > div {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
}
.uk-navbar-item, .uk-navbar-nav > li > a > div > div.uk-navbar-subtitle {
    color: var(--grey-50);
}

.uk-navbar-container:not(.uk-navbar-transparent) {
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}
.uk-navbar-dropdown {
    padding: 0;
}
.uk-navbar-dropdown-nav>li>a {
    color: white;
}
.uk-navbar-nav>li.uk-active>a,
.uk-navbar-nav>li>a{
    text-transform: none;
}
.uk-navbar-dropdown-nav>li>a,
.uk-dropdown-nav>li>a {
    color: var(--grey-50);
    font-size: 1rem;
    padding: 10px 15px;
}
.uk-navbar-dropdown-nav>li>a:hover {
    background-color: #ffffff;
}

/***************/
/*** BUTTONS ***/
/***************/
.tm-button {
    /*padding: 6px 10px 8px;*/
    padding: 8px;
    border-radius: 6px;
}
.tm-button:hover {
    text-decoration: none;
}
/*.tm-button svg {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
}*/
.tm-button [uk-icon] svg,
.tm-button [data-uk-icon] svg{
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}
.tm-button i {
    font-size: 16px;
}
/*.tm-button i svg {
    width: 100%;
    height: 100%;
    min-width: 16px;
    min-height: 100%;
}*/


.uk-button {
    /*display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 1rem; !*14px;*!
    line-height: 1rem;
    font-weight: 400;
    text-transform: none;
    padding: 6px 15px 8px;*/
    border-radius: 5px;
    border: 0 solid transparent;
    padding: 0 20px;
    text-transform: none;
}
.uk-button-large {}

.uk-button-default {
    background-color: #fff;
    border: 2px solid rgba(0, 0, 0, 0.2);
    color: #000;
}

/*.tm-button-gray {
    background-color: #fff;
    border: 2px solid #999;
    color: #999;
    font-weight: 500;
}
.tm-button-gray:hover {
    background-color: #fff;
    border: 2px solid #999;
    color: #999;
    font-weight: 500;
}*/


.uk-button-primary, .uk-button-secondary, .uk-button-danger, .tm-button-green {
    color: #fff;
}
.uk-button-primary {
    background-color: transparent;
    background-image: linear-gradient(180deg, var(--primary-light) 0%, var(--primary) 100%);
    transition: background-image 0.25s ease, transform 0.2s ease;
}
.uk-button-primary:hover, .uk-button-primary:focus {
    background-image: linear-gradient(180deg, var(--primary) 100%);
}
.uk-button-secondary {
    background-image: linear-gradient(180deg, #555 0%, var(--secondary) 100%);
    transition: background-image 0.25s ease, transform 0.2s ease;
}
.uk-button-secondary:hover, .uk-button-secondary:focus {
    background-image: linear-gradient(180deg, var(--secondary) 100%);
}
.uk-button-danger {
    background-image: linear-gradient(180deg, #ff7b92 0%, var(--danger) 100%);
    transition: background-image 0.25s ease, transform 0.2s ease;
}
.uk-button-danger:hover, .uk-button-danger:focus {
    background-image: linear-gradient(180deg, var(--danger) 100%);
}

.tm-button-green {
    background-color: var(--success);
    transition: background-color 0.25s ease, transform 0.2s ease;
}
.tm-button-green:hover, .tm-button-green:focus {
    background-color: #00a046;
}

.button-border-green {
    border: 1px solid #00a046;
    /*border-radius: 5px;
    font-family: 'Fira Sans Condensed', sans-serif;*/
    font-size: 16px;
    padding: 10px 15px;
    background-color: #00a046 !important;
    color: #fff;

}
.button-border-green {
    background-color: rgba(0, 160, 70, 0.15) !important;
    color: #00a046;
}

.uk-button-primary:disabled, .uk-button-secondary:disabled, .uk-button-danger:disabled {
    background-color: rgba(0, 0, 0, 0.05) !important;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #999;
}


.tm-btn-inline {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
  }

.tm-btn-inline i {
    line-height: 1;
    font-size: 14px;
}

.tm-btn-inline span {
    line-height: 1;
}



.uk-icon-button {
    width: 32px;
    height: 32px;
    border-radius: 500px;
    background: #f8f8f8;
    color: #999;
    transition: .1s ease-in-out;
    transition-property: color, background-color;
}
.uk-icon-button:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

/* CART BUTTON IN MAIN MENU */
.show-cart-button {
    background-color: transparent;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    /*border-radius: 5px;*/
    border: 0 solid transparent;
    padding: 0 5px;
    /*text-transform: none;*/
}
.show-cart-button .fa-cart-shopping {
    color: #999;
    display: block;
}
.show-cart-button:hover .fa-cart-shopping {
    color: #666;
}
#menu-products-count {
    position: absolute;
    top: -20px;
    right: -15px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 11px;
    border-radius: 999px;
}

#filterUser .uk-button {
    padding: 12px 15px;
}
/*#filterUser .uk-button:disabled {
    border: 1px solid #c3c3c3;
}*/

/*.tm-button {

}*/

/**********************/
/*** ACCORDION CARD ***/
/**********************/
/*.uk-accordion li {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    color: #000000;
}
.uk-accordion-title {
    display: block;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #333;
    padding: 10px 15px;
}
.uk-accordion-content {
    margin-top: 0 !important;
    padding: 15px 15px;
}*/


/*.uk-accordion>:nth-child(n+2) {
    margin-top: 20px
}

.uk-accordion-title {
    display: block;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #333;
    overflow: hidden
}

.uk-accordion-title::before {
    content: "";
    width: 1.4em;
    height: 1.4em;
    margin-left: 10px;
    float: right;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.uk-open>.uk-accordion-title::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-accordion-title:hover {
    color: #666;
    text-decoration: none
}

.uk-accordion-content {
    display: flow-root;
    margin-top: 20px
}

.uk-accordion-content>:last-child {
    margin-bottom: 0
}*/


.once {
    animation-iteration-count: 1 !important;
    animation-delay: 0.5s;
}

.tm-border-top {
    border-top: 1px solid #e5e7eb;
}

/*********************/
/* FOR PRODUCT CARDS */
/*********************/
.product-card .uk-card-body {
    padding: 15px 15px 5px 15px ;
}
.product-card .uk-card-footer {
    padding: 5px 15px;
}
.product-card .product-description {
    font-size: 0.9rem;
    margin: 6px 0 8px 0;
}
.product-card .buy-button {
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
}
.product-card .buy-button img {
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 26px;
}
.product-card .uk-label.uk-label-sale,
.uk-label.uk-label-sale {
    background-color: #B10707;;
    color: #fff;
    /*margin-bottom: 10px;*/
}

.uk-label.uk-label-success {
    background-color: var(--success);
    color: #fff;
 }
.uk-label.uk-label-new {
    background-color: var(--warning);
    color: #fff;
 }
.uk-label.uk-label-top {
    background-color: var(--success);
    color: #fff;
 }



.tm-product-card {
    background-color: #fff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.tm-product-card:hover {
    transform: translateY(-3px);
    /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);*/
}
.tm-product-card .tm-body {
    padding: 15px 15px 5px 15px;
}
.tm-product-card .tm-footer {
    border-top: 1px solid #e5e5e5;
    padding: 5px 15px;
}
.tm-product-card .link {
    /*font-family: "Fira Sans Extra Condensed", sans-serif;*/
    font-family: "Ubuntu", sans-serif;
    margin: 6px 0;
}
.tm-product-card .link a {
    color: var(--primary);
}
.tm-product-card .link a:hover {
    color: var(--dark-blue);
    text-decoration: none;
}
/*.tm-product-card .description {
    font-size: 0.9rem;
    margin: 6px 0 8px 0;
}*/

/* ЦЕНЫ */
.tm-product-card .price, .tm-product-card .price sup,
.tm-product-card .old-price, .tm-product-card .old-price sup,
.tm-product-card .price.sale, .tm-product-card .price.sale sup {
    /*font-family: "Fira Sans Extra Condensed", sans-serif;*/
    font-family: "Ubuntu", sans-serif;
}
/* ТЕКУЩАЯ ЦЕНА */
.tm-product-card .price {
    color: #202020;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.4;
    white-space: nowrap;
}
.tm-product-card .price sup {
    color: #202020;
    font-size: 0.8rem;
    font-weight: 500;
    top: -.65em;
}
/* СТАРАЯ ЦЕНА */
.tm-product-card .old-price {
    position: relative;
    display: inline-block;
    color: #202020;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.4;
    margin-right: 10px;
    white-space: nowrap;
}
.tm-product-card .old-price sup {
    color: #202020;
    font-size: .65rem;
    font-weight: 400;
    top: -.65em;
}
.tm-product-card .old-price::after {
    border-bottom: 1px solid #202020;
    content: "";
    left: 0;
    position: absolute;
    top: 45%;
    width: 100%;
    transform: rotate(-10deg);
}
/* АКЦИОННАЯ ЦЕНА */
.tm-product-card .price.sale,
.tm-product-card .price.sale sup {
    color: #B10707;
}
/* ИКОНКА КОРЗИНЫ */
.tm-product-card .cart-icon {
    color: forestgreen;
    font-size: 28px;
}



/* TABLE IN CARD */
thead tr,
.tm-card thead tr {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
.tm-card tbody tr {
    border-bottom: 1px solid #dee2e6;
}
.tm-card th a, .tm-card th a:hover {
    color: #000;
    text-decoration: none;
}

.tm-table-bordered {
    border: 1px solid #ccc;
    border-radius: 8px;
    border-collapse: separate; /* отдельные границы */
    border-spacing: 0;         /* убираем пространство между ячейками */
    overflow: hidden;          /* чтобы скругления проявились */
    width: 100%;
}
.tm-table-bordered tr:hover {
    background-color: var(--hover);
}
.tm-table-bordered th,
.tm-table-bordered td {
    border-bottom: 1px solid #ccc;
    padding: 4px 8px;
}

.tm-table-bordered thead th:first-child {
    border-top-left-radius: 8px;
}
.tm-table-bordered thead th:last-child {
    border-top-right-radius: 8px;
}
.tm-table-bordered tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}
.tm-table-bordered tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

.tm-table th,
.tm-card th {
    background-color: #f3f3f3;
    color: #000;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: none;
    letter-spacing: 0.05em;
    padding: 10px 15px;
}
.tm-card td {
    padding: 8px 14px;
    vertical-align: middle;
    line-height: 1rem;
}
.tm-card table {
    margin-bottom: 10px !important;
}

table.tm-specifications td {
    padding: 4px 8px 0 0;
}

/* HIGHLIGHT TABLE ROW */
.tm-animation-highlight {
    animation: flash 3s ease;
}
@keyframes flash {
    0%   { background: rgba(30,145,207,0.15); }
    100% { background: transparent; }
}

/***********************/
/*** COMMENTS STYLES ***/
/***********************/

.tm-comment-box {
    margin: 5px 0;
    padding: 25px 25px;
    line-height: 1.6;
    color: #333;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #dcdcff;
}

/*.tm-comment {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    color: #000000;
    margin-bottom: 10px;
    overflow: hidden;
}
.tm-comment-header {
    padding: 10px;
    border-bottom: 1px solid #dee2e6;
}
.tm-comment-body {
    padding: 10px;
}
.tm-comment-footer {
    border-top: 1px solid #dee2e6;
    padding: 6px 10px;
}*/

/* Основной комментарий */
.tm-comment {
    padding: 0;
    /*margin-bottom: 20px;*/
    background: #fff;
    /*border-radius: 8px;
    border: 1px solid #e5e5e5;*/
    transition: all 0.2s ease;
}

/*.tm-comment:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}*/

/*.tm-comment-header {
    margin-bottom: 0;
}*/

.tm-comment .tm-like-button,
.tm-comment .tm-dislike-button {
    border: 0;
    background: none;
}

.tm-comment-body {
    margin: 5px 0;
    padding: 10px 15px;
    line-height: 1.6;
    color: #333;
    border-radius: 8px;
    background: var(--hover);
    border: 1px solid #dcdcff;
}

.tm-rating-stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    vertical-align: middle;
}


/* Ответы - сдвиг вправо */
.tm-comment.depth-1 {
    margin-left: 50px;
    background: #f8f8f8;
    border-left: 3px solid #1e87f0;
}

/* Кнопки лайк/дизлайк */
.uk-button-link[data-action] {
    transition: all 0.2s ease;
}

.uk-button-link[data-action]:hover {
    background: #f5f5f5;
    border-radius: 4px;
}

.uk-button-link[data-action].active-like i {
    color: #1e87f0 !important;
}

.uk-button-link[data-action].active-dislike i {
    color: #f0506e !important;
}

.uk-button-link[data-action].active-like,
.uk-button-link[data-action].active-dislike {
    font-weight: 600;
}

/* Кнопка показать ответы */
.show-replies-btn {
    padding: 5px 10px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.show-replies-btn:hover {
    background: #f0f0f0;
    border-radius: 4px;
}

.show-replies-btn i {
    transition: transform 0.3s ease;
}

.show-replies-btn.active i {
    transform: rotate(180deg);
}

/* Контейнер ответов */
.replies-container {
    /*margin-top: 15px;*/
    animation: slideDown 0.3s ease;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Анимация голосования */
@keyframes votePulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); }
}

.vote-animate {
    animation: votePulse 0.3s ease;
}

/* Адаптивность */
@media (max-width: 640px) {
    .tm-comment.depth-1 {
        margin-left: 20px;
    }

    .tm-comment {
        padding: 15px;
    }
}


/*******************************/
/*** STARS FOR REVIEW STYLES ***/
/*******************************/
/* Блок со звёздами */
.star-rating .stars {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    user-select: none;
    outline: none;
}
/* Отдельная звезда */
.star-rating .star {
    font-size: 26px;
    line-height: 1;
    padding: 4px;
    background: transparent;
    border: 0;
    cursor: pointer;
    transition: transform .12s ease, color .12s ease;
    color: #cfcfcf; /* неактивная звезда */
    text-shadow: 0 1px 0 rgba(0,0,0,0.05);
}
/* При наведении */
.star-rating .star:hover,
.star-rating .star:focus {
    transform: scale(1.12);
}
/* Закрашенные звёзды */
.star-rating .star.filled {
    color: #f5b301; /* золотой */
}
/* Большая зона клика для сенсорных устройств */
.star-rating .star {
    min-width: 64px;
    min-height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}
/* Фокус клавишей Tab */
.star-rating .star:focus-visible {
    box-shadow: 0 0 0 3px rgba(0,123,255,0.15);
}

/********************************************/
/*** PRODUCT FILTER component on Frontend ***/
/********************************************/
#filter {
    /*padding-bottom: 15px;*/
}
#filter .uk-card {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
}
#filter .uk-accordion-content {
    margin-top: 10px;
}
#filter .uk-accordion>:nth-child(n+2) {
    margin-top: 10px;
    padding-top: 5px;
    border-top: 1px solid #e0e0e0;
}

.filter {
    list-style: none; padding-left: 0;
}
.filter li {
    display: flex;
    align-items: flex-start;
    padding-bottom: 5px;
}
.filter li input {
    margin-top: 1px;
    min-width: 17px;
    height: 17px;
    border: 1px solid #ccc;
    /* Радиус углов чекбокса */
    border-radius: 5px;
    -webkit-border-radius: 5px; /* Вендорный префикс для Chrome, Safari, Opera */
    -moz-border-radius: 5px; /* Вендорный префикс для Firefox */
}
.filter li label {
    margin-left: 10px;
    font-size: 0.9125rem;
    font-weight: 400;
    line-height: 1.25rem;
    margin-bottom: 0 !important;
}

.filter.uk-alert-primary,
.filter.uk-alert-danger {
    display: inline-block;
    margin: 3px;
    padding: 2px 20px 1px 7px;
    font-size: 0.875rem;
    border-radius: 5px;
}
.filter.uk-alert-primary .uk-alert-close,
.filter.uk-alert-danger .uk-alert-close {
    position: absolute;
    top: 5px;
    right: 5px;
    color: inherit;
    opacity: 4;
    font-size: 0.8725rem;
    width: 12px;
}

/*************/
/*** FORMS ***/
/*************/
.uk-checkbox, .uk-input, .uk-radio, .uk-select, .uk-textarea {
    border: 1px solid #c3c3c3;
    border-radius: 5px;
}
.uk-checkbox.uk-form-danger,
.uk-input.uk-form-danger,
.uk-radio.uk-form-danger,
.uk-select.uk-form-danger,
.uk-textarea.uk-form-danger {
    border: 1px solid #f0506e;;
}
.uk-inline > span, .uk-switcher > .uk-inline > span {
    border-radius: 5px 0 0 5px;
    border-right: 1px solid #c3c3c3;
}

label:not(.switch) {
    font-size: 1rem;
    /*font-weight: 500;*/
    line-height: 30px;
    /*margin-bottom: 14px !important;*/
}

.uk-inline > span,
.uk-switcher > .uk-inline > span {
    background-color: rgba(204, 204, 204, 0.35);
    /*border: 2px solid transparent;*/
    border-right: 1px solid #c3c3c3;
}

.uk-form-icon:not(.uk-form-icon-flip)~.uk-input,
.uk-form-icon:not(.uk-form-icon-flip)~.uk-select,
.uk-form-icon:not(.uk-form-icon-flip)~.uk-textarea,
.uk-switcher > .uk-inline input,
.uk-switcher > .uk-inline textarea{
    padding-left: 50px !important;
}

/*.uk-inline .uk-form-icon + input {
    padding-left: 50px !important;
}*/

/*********************/
/*** LANGUAGE TABS ***/
/*********************/
.tm-lang.uk-subnav {
    display: flex;
}
.tm-lang.uk-subnav > * {
    padding-left: 5px;
}
.tm-lang.uk-subnav li:first-child {
    font-size: .875rem;
    /*font-weight: 500;*/
    margin-right: auto;
    padding-left: 0;
    /*display: flex;*/
}
.tm-lang.uk-subnav.uk-subnav-pill > li > a {
    text-transform: none !important;
}
.tm-lang.uk-subnav-pill > .uk-active > a {
    background-color: #1e91cf;
    color: #fff;
}
.tm-lang.uk-subnav-pill > .uk-active > a {
    background-color: #1e91cf;
    color: #fff;
}
.tm-lang.uk-subnav-pill > .uk-active > a.red {
    background-color: red;
    color: #fff;
}

/*****************************************/
/*** USER FILTER component on Backend  ***/
/*****************************************/
#filterProduct .uk-inline input,
#filterProduct .uk-inline select,
#filterUser .uk-inline input,
#filterUser .uk-inline select {
    padding-left: 50px !important;
    padding-right: 35px !important;
}

#filterUserRole, #filterUserStatus,
#filterCategory, #filterProductStatus,
#userStatus {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: none !important;
    /* Добавляем фоновую картинку, чтобы заменить стрелки */
    /*background-image: url('data:image/svg+xml;utf8,<svg fill="%23333" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M301.7 170.7L160 312.3 18.3 170.7c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l160 160c9.4 9.4 24.6 9.4 33.9 0l160-160c9.4-9.4 9.4-24.6 0-33.9l-22.6-22.6c-9.4-9.4-24.6-9.4-33.9 0z"></path></svg>');
    background-repeat: no-repeat;
    background-position: right center;*/
    /* Добавляем отступ, чтобы текст не налазил на картинку */
    /*padding-right: 20px;*/
    /* Убираем стандартные стили фокуса */
    /*outline: none;*/
    /* Устанавливаем курсор в виде указателя */
    /*cursor: pointer;*/
}

#userStatus {
    width: 150px;
}

/******************/
/*** PAGINATION ***/
/******************/
#paginator.uk-pagination {
    gap: 0.35em; /* современная замена margin */
}

#paginator.uk-pagination li {
    display: flex;
}

/* Кнопки */
#paginator.uk-pagination li a,
/*#paginator.uk-pagination li span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 2.2em;     !* ключевая универсальность *!
    height: 2.2em;
    padding: 0 0.6em;     !* чтобы 70 / 100 выглядели красиво *!
    border-radius: 999px; !* идеальный круг / капсула *!
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    font-weight: 500;
    color: #666;
    text-align: center;
    line-height: 1;
    transition: 0.2s ease;
}*/
#paginator.uk-pagination li a,
#paginator.uk-pagination li span {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: #333333;
    display: inline-flex;
    justify-content: center;
    height: 2.2em;
    padding: 0;       /* важно */
    width: 2.2em;     /* фиксируем */
}

#paginator.uk-pagination li img {
    /*width: 10px !important;
    height: 10px !important;*/
    flex: none;              /* ← запрещает flex-растягивание */
    object-fit: contain;     /* страховка */
}

/* Hover */
#paginator.uk-pagination li a:hover {
    background-color: #f5f7fa;
    border-color: var(--dark-blue);
    color: var(--dark-blue);
}

/* Активная */
#paginator.uk-pagination li.uk-active span {
    background-color: var(--primary);
    color: #fff;
    border-color: var(--primary);
    font-weight: 600;
}

/* Disabled */
#paginator.uk-pagination li.uk-disabled span {
    background-color: #f9f9f9;
    color: #999;
    border-color: rgba(0, 0, 0, 0.08);
}

/* Иконки */
#paginator.uk-pagination img {
    width: 0.9em;
    height: 0.9em;

    flex: 0 0 auto;   /* защита от flex-искажений */
    opacity: 0.75;
}

/* Аккуратные стрелки */
#paginator.uk-pagination li a img {
    opacity: 0.85;
}

/* Убираем агрессивный UIkit padding */
#paginator.uk-pagination > * > * {
    padding: 0;
}

/**************************************/
/*** input checkbox - iPhone button ***/
/**************************************/
.switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 24px;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider.round {
    border-radius: 44px;
}
.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    border-radius: 44px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider {
    background-color: var(--primary); /*#1E91CF*/
}
input:focus + .slider {
    box-shadow: 0 0 1px #1E91CF;
}
input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}


.tm-list > li {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    /*padding: 5px 0;
    line-height: 24px;*/
}


.uk-heading-line>::after,.uk-heading-line>::before {
    border-bottom: calc(.2px + .05em) solid #b2b2b2;
}

/************************/
/* TOP MENU on frontend */
/************************/
#top-menu.uk-navbar-container {
    background: var(--bg-blue) !important;
}
#top-menu .uk-navbar-nav li a {
    color: var(--bg-text) !important;
    min-height: 40px !important;
    text-transform: none;
}
#top-menu .uk-navbar-dropdown {
    background-color: var(--bg-blue) !important;
    color: var(--bg-text) !important;
}
#top-menu .uk-navbar-subtitle {
    color: var(--bg-text) !important;
}


/********************/
/* SLIDESHOW STYLES */
/********************/
.tm-slideshow .uk-slideshow-items .uk-position-cover img {
    border-radius: 8px;
}
.tm-slideshow .uk-dotnav>*>* {
    border-radius: 5px;
    width: 50px;
}

/*****************************************/
/* PRODUCT PAGE on FE - PRICE & QUANTITY */
/*****************************************/
.product-old-price, .product-price {
    /*font-family: "Fira Sans Extra Condensed", sans-serif;*/
    font-family: "Ubuntu", sans-serif;
}
/* СТАРАЯ ЦЕНА */
.product-old-price {
    position: relative;
    display: inline-block;
    color: #202020;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.3;
    margin-right: 10px;
    white-space: nowrap;
}
.product-old-price sup {
    color: #202020;
    font-size: .65rem;
    font-weight: 400;
    top: -.7em;
}
.product-old-price::after {
    border-bottom: 1px solid #202020;
    content: "";
    left: 0;
    position: absolute;
    top: 45%;
    width: 100%;
    transform: rotate(-10deg);
}
/* ТЕКУЩАЯ ЦЕНА */
.product-price {
    position: relative;
    display: inline-block;
    color: #0c7000;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.1;
    margin-right: 10px;
    white-space: nowrap;
    /*display: inline-flex;*/
    /*align-items: flex-start;
    gap: 6px;*/
}
.product-price.sale {
    color: #B10707;
}
.product-price sup {
    font-size: 1rem;
    font-weight: 600;
    top: -.5em;
}

.product-qty {
    display: inline-flex;
    align-items: center;
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    overflow: hidden;
    height: 30px;
    background: #fff;
}
.product-qty_btn {
    width: 30px;
    height: 30px;
    border: none;
    background: #f5f5f5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: background-color 0.2s ease;
}
.product-qty_btn:hover {
    background-color: #ececec;
}
.product-qty_input {
    width: 40px;
    height: 30px !important;
    border: none !important;
    border-left: 1px solid #c3c3c3 !important;
    border-right: 1px solid #c3c3c3 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 5px !important;
    font-weight: 500;
}
/* скрываем стрелки для <input type="number" */
.product-qty_input::-webkit-outer-spin-button,
.product-qty_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.product-qty_input {
    -moz-appearance: textfield;
    appearance: textfield;
}

/*****************************/
/*** FE - FOOTER COMPONENT ***/
/*****************************/

/*** FOOTER NAV ***/
footer {
    border-top: 10px solid var(--dark-blue) /*#64a0d1*/;
    background-color: var(--bg-blue) /*#ebebeb*/;
    color: var(--bg-text) /*#000000*/;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
footer .uk-h1, footer .uk-h2, footer .uk-h3, footer .uk-h4, footer .uk-h5, footer .uk-h6 {
    color: var(--light-blue);
    /*font-family: 'Fira Sans Extra Condensed', sans-serif;*/
    font-family: "Ubuntu", sans-serif;
}
footer .uk-nav, .uk-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.35;
}
footer .uk-link,
footer a {
    color: var(--bg-text) /*#000*/;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
footer a:hover {
    text-decoration: none;
}
footer table {
    border-spacing: 8px;
    line-height: 1.6;
}
footer table a {
    color: var(--bg-text) /*#000*/;
}
footer table a:hover {
    text-decoration: none;
}
footer p {
    line-height: 1.6;
}
footer hr {
    margin: 0;
    border-top: 1px solid #003a68;
}
#copyright, #developer {
    color: var(--bg-text);
    /*text-shadow: 1px 1px white;*/
}

/*** HEADERS IN FOOTER ***/
.my-header {
    position: relative;
}
.my-header::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    border-bottom: 3px solid #ff8800;
    width: 50px;
}

/**********************/
/*** LINK WITH ICON ***/
/**********************/
a.tm-link {
    color: #444;
    transition: background-color 0.3s ease, color 0.3s ease;
}
a.tm-link:hover {
    color: var(--dark-blue);
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}
a.tm-link:hover span {
    background-color: var(--dark-blue);
    border: 1px solid var(--dark-blue);
    color: rgb(255, 255, 255);
}



/************************/
/*** ANIMATION ON FE  ***/
/************************/
/* Контейнер */
.pulse-wrap {
    position: relative;
    min-height: 300px;
    padding: 60px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center; /* текст по центру */
}
/* Текст по центру */
.pulse-text {
    position: relative;
    z-index: 1;
    font-size: 18px;
    line-height: 1.6;
    background: rgba(255,255,255,0.7);
    padding: 20px;
    border-radius: 12px;
    max-width: 600px;
    text-align: center;
}
/* --- ПРАВЫЙ SVG (пульсация) --- */
.pulse {
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    /*width: 160px;
    height: 160px;*/
    animation: pulse-scale 2s infinite ease-in-out;
    z-index: 0;
}
.pulse img {
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.6;
}
/* Пульсация scale */
@keyframes pulse-scale {
    0%, 100% { transform: translateY(-50%) scale(1); }
    50% { transform: translateY(-50%) scale(1.1); }
}
/* --- ПРАВЫЙ SVG (плавное движение вверх-вниз) --- */
.shake {
    position: absolute; /* фиксируем справа */
    top: 50%;
    left: 0; /* с правой стороны */
    transform: translateY(-50%);
    /*width: 160px;
    height: 160px;*/
    animation: float-up-down 4s ease-in-out infinite;
    z-index: 0;
}
.shake img {
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.6;
}
/* Анимация движения вверх-вниз */
@keyframes float-up-down {
    0%   { transform: translateY(-50%) translateY(0); }
    50%  { transform: translateY(-50%) translateY(-20px); }
    100% { transform: translateY(-50%) translateY(0); }
}
/* Доступность: убираем анимацию при prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
    .pulse, .shake { animation: none; }
}

/********************************/
/*** PRICE SIZE BUTTON ON FE  ***/
/********************************/
.variant-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 5px;
}
.variant-btn {
    padding: 10px 14px;
    border: 1px solid #999;
    border-radius: 5px;
    background: #fff;
    color: #999;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    transition: all 0.2s ease;
    width: 105px;
}
.variant-btn:hover {
    border-color: var(--dark-blue);;
    background: var(--bg-text);
    color: var(--dark-blue);;
}
.variant-btn.active {
    border-color: var(--dark-blue); /*#111;*/
    background: var(--dark-blue); /*#111;*/
    color: #fff;
}
.variant-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}



/* --------------------------------------------- */
/* XXL breakpoint для UIkit — 1900px и выше     */
/* --------------------------------------------- */
.uk-container-xxlarge {
    max-width: 1900px !important;
}

@media (min-width: 1920px) {

    /* Сетки uk-child-width-1-x@xxl */
    .uk-child-width-1-1\@xxl > * { width: 100%; }
    .uk-child-width-1-2\@xxl > * { width: 50%; }
    .uk-child-width-1-3\@xxl > * { width: 33.333333%; }
    .uk-child-width-1-4\@xxl > * { width: 25%; }
    .uk-child-width-1-5\@xxl > * { width: 20%; }
    .uk-child-width-1-6\@xxl > * { width: 16.666667%; }
    .uk-child-width-1-7\@xxl > * { width: 14.285714%; }
    .uk-child-width-1-8\@xxl > * { width: 12.5%; }

    /* uk-hidden@xxl */
    .uk-hidden\@xxl { display: none !important; }

    /* uk-flex@xxl */
    .uk-flex\@xxl { display: flex !important; }
    .uk-flex-column\@xxl { flex-direction: column !important; }
    .uk-flex-row\@xxl { flex-direction: row !important; }

    /* uk-width-expand@xxl */
    .uk-width-expand\@xxl { flex: 1 1 auto !important; }

    /* uk-text-center@xxl */
    .uk-text-center\@xxl { text-align: center !important; }

    /* Дополнительно можно добавить любые другие классы UIkit, которые нужны */

    /* ==================== */
    /* uk-container-xxlarge */
    /* ==================== */
    .uk-container-xxlarge {
        max-width: 1900px; /* или любую желаемую ширину */
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;  /* совпадает с обычными контейнерами UIkit */
        padding-right: 20px;
        width: 100%;
        box-sizing: border-box;
    }


    /* ===================================================== */
    /* Убираем стандартные иконки для input type='date/time' */
    /* ===================================================== */
    /* Сброс стандартного внешнего вида */
    /*input[type="date"],
    input[type="time"] {
        -webkit-appearance: none;
        appearance: none;
        position: relative;
    }

    !* Скрываем стандартную иконку (Chrome, Safari, Edge) *!
    input[type="date"]::-webkit-calendar-picker-indicator,
    input[type="time"]::-webkit-calendar-picker-indicator {
        opacity: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
    }

    !* Убираем лишние элементы *!
    input[type="date"]::-webkit-inner-spin-button,
    input[type="date"]::-webkit-clear-button,
    input[type="time"]::-webkit-inner-spin-button,
    input[type="time"]::-webkit-clear-button {
        display: none;
    }

    !* Firefox *!
    input[type="date"],
    input[type="time"] {
        -moz-appearance: textfield;
    }*/

}

/***************************************************************************/
/***************************************************************************/
/***************************************************************************/

/*@media (max-width: 640px) {
    body,
    .tm-product-card .tm-body {
        font-size: 0.825rem;
        line-height: 1.2;
    }

    .uk-h3, h3 {
        font-size: 1.1rem !important;
        line-height: 1.2 !important;
    }

    .tm-product-card .link {
        font-size: 0.9rem;
    }

    .tm-product-card .description {
        font-size: 0.9rem;
        line-height: 1.2;
    }

    footer table {
        font-size: 0.825rem;
        line-height: 1.2;
    }

    footer h3.my-header,
    footer h3, footer .uk-h3 {
        font-size: 0.825rem !important;
        line-height: 1.2 !important;
    }

    .tm-slider-heading * {
        font-size: 0.825rem !important;
    }

}*/

/*@media (max-width: 639px) {
    html {
        font-size: 13px;
        line-height: 1.4;
    }

    !*-- MAIN MENU --*!
    .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
        min-height: 50px !important;
    }

    .tm-card {
        font-size: 0.7rem;
        line-height: 1.2;
    }

    !*-- Карточка товара --*!
    .tm-product-card .tm-body {
        padding: 5px 10px 5px 10px;
    }
    .tm-product-card .tm-body .description {
        font-size: 0.9rem;
        margin: 6px 0 8px 0;
    }
    .tm-product-card .link {
        font-size: 0.9rem;
    }
}*/


.tm-card .tm-success-header {
    background: linear-gradient(135deg, rgb(0, 100, 50), rgba(0,160,70,1), rgb(0, 200, 90));
    padding: 35px 35px;
    color: #fff;
}
.tm-card .tm-success-header * {
    color: #fff;
}

html {
    font-size: 13px;
    line-height: 1.2;
}

@media (min-width: 640px) {
    html {
        font-size: 14px;
        line-height: 1.3;
    }

    /*-- MAIN MENU --*/
    .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
        min-height: 60px;
    }
}

@media (min-width: 960px) {
    html {
        font-size: 14px;
        line-height: 1.4;
    }

    /*-- MAIN MENU --*/
    .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
        min-height: 70px;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 15px;
        line-height: 1.4;
    }

    /*-- MAIN MENU --*/
    .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
        min-height: 80px;
    }
}

@media (min-width: 1600px) {
    html {
        font-size: 16px;
        line-height: 1.4;
    }
}