@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap);
.block_footer .row .nav_footer,.block_footer .row h6,.jshop_categ.manufacturer .product_link,.jshop_list_product .base_price,.jshop_list_product .product .name a,a,div,h1,h2,h3,h4,h5,h6,header,header .navbar.navbar-default.top-navigation .collapse a,header .top-brand a,p,span {
    font-optical-sizing:auto;
    font-style:normal
}
.jshop.list_product.toGrid,.jshop.list_product.toGrid .row,.jshop.rp-brooksite .jshop_list_category,.jshop_list_category.info_category>div,.main-content.col-md-9 .jshop_list_category {
    -ms-grid-columns:1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-columns:repeat(4,1fr)
}
body {
    margin:0 auto;
    font-size:16px;
    background-color: #1f1f1f;
    font-weight: 300;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow-x: hidden;
}
p {
    margin: 0 0 10px;
}
*::before,
*::after {
    font-family: 'Font Awesome 6 Free';
}
.container-header {
    z-index: 10;
    background-color: transparent;
    background-image: none;
    position: relative;
    box-shadow: none;
    padding: 10px;
}
h2, h4, header .top-brand a {
    font-weight: 700 !important;
}
h1, h2, h3, h4, h5, h6, header .top-brand a {
    font-family: "Noto Sans JP", sans-serif !important;
    text-transform: none;
}
.block_footer .row .nav_footer, .block_footer .row h6, .jshop_categ.manufacturer .product_link, .jshop_list_product .base_price, .jshop_list_product .product .name a, a, div, h1, h2, h3, h4, h5, h6, header, header .navbar.navbar-default.top-navigation .collapse a, header .top-brand a, p, span {
    font-optical-sizing: auto;
    font-style: normal;
}
p,ul>li, ol>li {
    font-size: 14pt;
    color: #999999;
}
h3{
    color: #999999;
}
.top-brand a, .footer .footer-logo a {
    text-decoration: none;
    color: #f67b0e;
}
.top-brand .name, .footer-logo .name {
    font-size: 1.2rem;
    font-weight: 700;
    padding: 0;
    margin: 0 0 0 7px;
    letter-spacing: 5px;
}
.top-brand img, .footer-logo img{
    max-width: 105px;
    width: 105px;
}
dt.article-info-term, dd.hits, .page-header, .page-header h2, .top-brand .slogan, .moduletable, .attr-filter.filter-block-wrap, .category-filter.filter-block-wrap, .breadcrumb>li, .input-prepend, .jshop.rp-brooksite > h1, .jshop.rp-brooksite > h2, .jshop.rp-brooksite > h3, .jshop.rp-brooksite p, .jshop.rp-brooksite ul, .productfull-main, .rel-prod.fade-to > h3, .hover-image-scale, .content-category > h1, .content-category > h2, .content-category > h3, .content-category label, .item-page h2, .item-page h3, .item-page h4, .item-page p, .item-page ul, .item-page ol {
    color: #999 !important;
}

.top-brand .slogan, .footer-logo .slogan {
    display: block;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    color: #444;
    letter-spacing: normal;
}
a, div, header, p, span {
    font-family: Oswald, sans-serif !important;
    font-weight: 400;
}
a, div, header, p, span {
    font-family: Oswald, sans-serif !important;
    font-weight: 400;
}
.block_footer .row .nav_footer, .block_footer .row h6, .jshop_categ.manufacturer .product_link, .jshop_list_product .base_price, .jshop_list_product .product .name a, a, div, h1, h2, h3, h4, h5, h6, header, header .navbar.navbar-default.top-navigation .collapse a, header .top-brand a, p, span {
    font-optical-sizing: auto;
    font-style: normal;
}

a, .tmpl-color, .pagination>li>a, .pagination>li>span, .navbar .navbar-nav>.active>a, .navbar .navbar-nav>li>a:hover, .navbar .navbar-nav>li>a:focus, .navbar .navbar-nav>.active>a:hover, .navbar .navbar-nav>.active>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus, .tmpl-bgcolor .navbar.navbar-default .dropdown-menu>li>a:hover, .tmpl-bgcolor .navbar.navbar-default .dropdown-menu>li>a:focus, .tmpl-bgcolor .navbar.navbar-default .dropdown-menu>.active>a, .tmpl-bgcolor .navbar.navbar-default .dropdown-menu>.active>a:hover, .tmpl-bgcolor .navbar.navbar-default .dropdown-menu>.active>a:focus {
    color: #f67b0e;
    background-color: transparent;
    transition: all 0.7s
    linear;
}
header .top-address .custom, header .top-wishlist .custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    text-align: left;
}
a.callback {
    font-weight: 400;
    font-size: 1.1rem;
    color: #fff;
    text-align: center;
    background: #f67b0e;
    border-radius: 8px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    margin: 0;
    align-items: center;
    padding: 10px 20px;

}
#cart-menu.hidden, .aqf.mycontactform, .compare_link_to_list, .jshop_list_manufacturer .jshop .clearfix, .jshop_list_manufacturer .jshop .row::before, .nav_footer_column p:first-child, .not-in-compare {
display: none;
}
div#mod-custom186 {
display: flex;
align-items: baseline;
}
div#mod-custom186 p.social_cite, div#mod-custom186 p{
margin: 0 18px 0 0;
}
p.social_cite a {
text-decoration: none;
}
.input-group-addon {
    padding: 0 12px !important;
    border-radius: 0 6px 6px 0;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
}
.moduletable {
    width: 100%;
}
.moduletable .form-group {
    margin: 0 !important;
}
.dj-megamenu-clean li a.dj-up_a:before{
    display:none;
}
.container-header .container-nav {
    border: 0;
    border-radius: 10px;
    background: #fff;
    padding: 8px;
    margin: 20px 0px 0 0;

}
.dj-megamenu-clean li a.dj-up_a {
    display: block;
    height: 60px;
     color: #000;
    text-decoration: none;
    padding: 0 18px;
    cursor: pointer;
    -webkit-transition: color 0.2s
    ease-out;
    transition: color 0.2s
    ease-out;
    position: relative;
    font-family: Oswald, sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
}
.dj-megamenu-clean li a.dj-up_a > span span.name {
    vertical-align: middle;
    font-family: Oswald, sans-serif !important;
    font-weight: 400;
    font-size: 16px;
}
.jshop-subcategories {
    margin: 0;
    padding: 5px 0 0 15px;
    list-style: none;
}

.jshop-subcategories.level-1 {
    padding-left: 10px;
}

.jshop-subcategories.level-2 {
    padding-left: 15px;
}

.jshop-subcategories.level-3 {
    padding-left: 20px;
}

.jshop-subcategory {
    margin: 2px 0;
    padding: 2px 0;
    font-size: 0.9em;
}

.jshop-subcategory.level-1 {
    font-weight: normal;
}

.jshop-subcategory.level-2 {
    font-size: 0.85em;
}

.jshop-subcategory.level-3 {
    font-size: 0.8em;
}

.jshop-subcategory a {
    padding: 3px 5px;
    text-decoration: none;
}

.jshop-subcategory a:hover {
    background-color: #f5f5f5;
}

.product-count {
    color: #666;
    font-size: 0.8em;
    margin-left: 5px;
}

.dj-submenu .jshop-subcategories {
    border-left: 1px solid #ddd;
}

/* Для вложенных уровней */
.jshop-subcategories .jshop-subcategories {
    border-left: 1px solid #eee;
    margin-top: 2px;
}
a.carousel-caption-btn.btn.btn-primary {
    background-color: #f67b0e;
    text-transform: uppercase;
    border-color: #f67b0e;
    border-radius: 5px;
    padding: 8px 24px;
}
.advantage img{
    margin: 0 16px 0 0px;
}
.advantage {
    display: flex;
    align-items: center;
}
.advantages-inner {
    background: #fff;
    padding: 30px 45px;
    display: flex;
    justify-content: center;
}
.advantages span {
    font-size: 18px;
    color: #444;
    line-height: 25.71px;
}
.page-header {
    padding-bottom: 9px;
    margin: 20px 0 30px;
    border-bottom: 1px solid #eee;
}
.aspect-block h2 {
    font-size: 30px;
    color: #999999;
    margin-bottom: 20px;
}
.aspect-block {
    margin: 30px 0 30px 0px;
}
.modcategory-item {
    display: flex;
    flex-direction: column;
    padding: 20px;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    background: #fff;
    height: 250px;
    border-radius: 10px;
    margin: 0 0 16px 0;
}
.modcategory-item a{
    text-decoration: none;
}
.SS_block_group_title {
    font-family: Oswald, sans-serif !important;
    color: #999999;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.block_item {
    text-align: center;
    background: white;
    /* margin: 0 10px; */
    padding: 10px;
    border-radius: 10px;
    box-sizing: border-box;
    height: 360px; /* Это может конфликтовать с flex-grow, если родитель - flex-container */
    display: flex;
    flex-direction: column;
    /* --- Добавленные/измененные правила --- */
    flex-grow: 1; /* Растягивает элемент, чтобы заполнить доступное пространство в flex-контейнере */
    min-height: 0; /* Важно для корректной работы flex-grow внутри Swiper-slide */
    overflow: hidden; /* Скрывает переполнение, если содержимое всё равно выходит за границы */
    justify-content: space-between;
}

/* Ограничиваем высоту контейнера с названием товара */
.block_item .name {
    /* Позволяет элементу с названием занимать только необходимое пространство или фиксированное */
    /* flex-shrink: 0; /* Не уменьшается по высоте, если другие элементы требуют больше места */
    /* flex-grow: 1; /* Растет, занимая всё доступное пространство */
    /* flex-basis: auto; /* Базовый размер определяется контентом */
    /* Или устанавливаем фиксированную высоту и скрываем переполнение */
    /* height: 4em; /* Пример: ограничить высоту двумя строками текста (зависит от font-size и line-height) */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; /* Добавляет многоточие (...) */
    /* white-space: nowrap; /* Не переносит строки */

    /* Более гибкий способ - ограничить количество строк */
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Показывать максимум 2 строки */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px; /* Отступ от других элементов */
    flex-shrink: 0; /* Не уменьшать высоту этого блока */
    text-align: center; /* Выравнивание текста по левому краю внутри центрированного блока */
    word-break: break-word; /* Перенос слов при необходимости */
}

/* Если есть описание, оно также может влиять на высоту */
.block_item .description {
    flex-shrink: 0; /* Не уменьшать высоту этого блока */
    /* Можно также ограничить количество строк, как для .name */
    margin-bottom: 5px;
}

/* Остальные элементы внутри .block_item (цена, кнопки и т.д.) */
/* Позволим им занимать минимальное пространство и не расти */
.block_item .jshop_price,
.block_item .buttons,
.block_item .manufacturer_name,
.block_item .old_price,
.block_item .default_price,
.block_item .base_price,
.block_item .productweight,
.block_item .deliverytime,
.block_item .extra_fields,
.block_item .vendorinfo,
.block_item .qty_in_stock,
.block_item .taxinfo,
.block_item .plusshippinginfo,
.block_item .review_mark,
.block_item .count_commentar,
.block_item .image {
    flex-shrink: 0; /* Не уменьшаются по высоте */
    /* Добавьте margin или padding для отступов */
    margin-bottom: 5px; /* Пример */
}

/* Последний элемент в .block_item может не нуждаться в нижнем отступе */
.block_item .buttons:last-child {
    margin-bottom: 0;
}

/* Обертка изображения */
.block_item .image {
    flex-shrink: 0; /* Изображение не сжимается */
    margin-bottom: 10px; /* Отступ от изображения к следующему элементу */
}

/* Само изображение */
.block_item .image img {
    max-width: 136px;
    height: auto;
    object-fit: contain;
    display: block;
}
.block_item .name a {
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
}
.jshop_list_product .image_block {
    padding: 2px;
    min-height: auto !important;
    display: flex;
    justify-content: center;
    position: relative;
}
.jshop_price {
    color: #444444 !important;
    font-size: 18px;
}
a.button_detail.btn.btn-primary {
    background-color: #f67b0e;
    border-color: #f67b0e;
    border-radius: 8px;
    padding: 8px 20px;
    text-shadow: none;
}
.top-products {
    margin: 60px auto 0 auto;
}
.product-left.product-right .jshop .product_label {
    top: 5px;
    left: 4px;
    background: #0088CC;
    border-radius: 5px;
    padding: 4px 19px;
    max-height: max-content;
    color: #fff;
    position: absolute;
}
.product-left.product-right .jshop .product_label span.label_name{
    color: #fff;
}
.product-left.product-right, .container.main-description, .container.main-choose,.container.main-otzyvy, .container.cert-block {
    margin: 50px auto 0 auto;
}
.container.main-description p {
    margin: 0 0 10px 0;
}
.adv-second-inner {
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: space-between;
    gap: 40px;
    margin: 0 0 40px 0;
}
.adv-second-item {
    padding: 40px 46px;
    background: #fff;
    border-radius: 10px;
    max-width: 465px;
    border: 2px solid #E3E3E3;
}
.adv-second-img {
    position: relative;
    width: 75px;
    height: 70px;
    background-color: #EEEEEE;
    border-radius: 50%;
    margin: 0 auto 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.adv-second-text {
    font-size: 18px;
    color: #444;
    text-align: center;
}
.choice-block-inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px 30px;
}
.choice-block-item {
    background-color: #fff;
    border: 2px solid #E3E3E3;
    border-radius: 8px;
    min-height: 304px;
    padding: 35px;
    position: relative;
}
.choice-block-item p {
    font-size: 18px;
    color: #000000;
}
.choice-block-item b {
    font-size: 25px;
    margin-bottom: 40px;
}
.choice-block-num {
    font-size: 170px;
    font-weight: 700;
    color: #44444480;
    position: absolute;
    bottom: 0;
    right: 15px;
    line-height: 95%;
}
.trusted-block-inner {
    display: flex;
    justify-content: space-between;
}
.trusted-block-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
    max-width: 793px;
    height: 282px;
    color: #999999;
}
.trusted-slider {
    background-color: #fff;
    border: 2px solid #E3E3E3;
    padding: 40px 50px 40px 35px;
    border-radius: 22px;
}
div#mod-custom203 h3 {
    font-family: Oswald, sans-serif !important;
    font-size: 30px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 20px;
}
.questions-block .callback {
    text-decoration: underline;
    background: transparent;
    color: #f67b0e;
    padding: 0;
    display: inline;
}
.accordion {
   --accordion-bg: transparent;
    --accordion-border: none;
    --accordion-color: #fff;
}
.accordion-item {
    cursor: pointer;
    background-color: #e37212;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 5px;
    position: relative;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}
button.accordion-button.collapsed {
    color: #fff;
    padding: 8px;
}
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #e37212;
    box-shadow: inset 0 calc(-1 * var(--accordion-border-width)) 0 var(--accordion-border-color);
    padding: 8px;
}
.accordion-body {
    padding: var(--accordion-body-padding-y) var(--accordion-body-padding-x);
    background: #fff;
    color: #000;
}
.accordion-button:after svg{
    color:#fff;
}
.accordion-button:focus{
    box-shadow:none;
}
.cert-link {
    text-align: center;
    margin: 16px 0 0 0;
}
.cert-link a {
    text-decoration: none;
    font-size: 23px;
    font-weight: 500;
}
.container-clients {
    background: #fff;
    padding: 50px 0;
    text-align: center;
    margin-top:50px;
}
.container-bottom-form {
    background: url(/exform/themes/callback-open/form-bg.png) no-repeat;
    background-size: cover;
    padding: 55px 0;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 51%);
}
div#WJCForm207 {
    width: 100%;
    max-width: 775px;
    margin: 0 !important;
    font-size: 16px;
    font-family: Oswald, sans-serif !important;
    color: #9A9A9A;
    background: #fff;
    border: none;
    padding: 90px;
    box-shadow: none;
    border-radius: 10px;
    transform: none;
}
div#WJCForm210{
    padding:40px;
    max-width: 640px;
  }
.exform-header {
    text-align: center;
    font-family: Oswald, sans-serif !important;
    color: #444444;
    text-transform: uppercase;
    font-size: 30px;
  }
div#WJCForm207 .modal-footer {
    justify-content: center;
}
div#WJCForm210 .wjcallbackform .modal-header{
    justify-content: end;
    font-size: 30px;
}
.wjcallbackform .modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: none;
    text-align: center;
    font-family: Oswald, sans-serif !important;
    color: #444444;
    text-transform: uppercase;
    font-size: 20px;
    /* line-height: 143%; */
}
.wjcallbackform .modal-header .close {
    font-size: 3em;
    line-height: 1rem;
    cursor: pointer;
}
label#name-lbl, label#phone-lbl {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #444;
    margin-bottom: 10px;
}
.wjcallbackform .control-group.tos_box {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: flex-end;
}
.message-container input::placeholder {
    color: #6c757d; /* Bootstrap's gray-600 */
    /* Альтернатива: color: #999; */
    opacity: 1; /* Некоторые браузеры могут требовать это для отображения цвета */
}
button.btn.send-btn {
    background: #F67B0E !important;
    opacity: 1 !important;
    font-weight: 500;
    color: white;
    padding: 5px 11px;
    border: 0;
    cursor: pointer;
    font-family: Oswald, sans-serif !important;
    font-size: 20px;
    width: 100%;
    height: 68px;
    border-radius: 8px;
    outline: none;
}
.footer {
    color: #fff;
    background-color: #000000;
    background-image: none;
    padding: 20px 0 20px 0;
    margin: 0 0 0 0;
}
ul.mod-menu.mod-list.nav.footer-menu a {
    /* font-weight: 400; */
    font-size: 16px;
    /* line-height: 125%; */
    text-transform: uppercase;
}
.mod-menu.mod-list .nav-item:first-child a {
    color: #F67B0E; /* Замените на нужный цвет */
}
.main-info .orange {
    color: #f67b0e;
}
.footer .main-info a {
    color: #f67b0e;
    text-decoration:none;
}
a.wjcallback-link {
    font-weight: 400;
    font-size: 19px;
     color: #fff;
    display: block;
    text-align: center;
    background: #f67b0e;
    border-radius: 8px;
    text-decoration: none;
    padding: 10px;
}
.jshop_categ.category {
    background-color: #fff;
    border: none;
    text-align: center;
    border-radius: 10px;
    padding: 10px;
    margin: 0 0 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: -webkit-fill-available;
}
.jshop_categ.category p.category_short_description {
    font-size: 14px;
}
.jshop_categ.category a.product_link {
    font-size: 18px;
    text-decoration: none;
}
.block_sorting_count_to_page {
    border: solid #d0d0d0;
    border-width: 1px 0;
    margin: 15px 0;
    padding: 12px 0 12px;
    display: flex;
    color: #fff;
    justify-content: flex-start;
    align-items: center;
}
.block_sorting_count_to_page .control-group {
    margin: 0;
    width: 100%;
}
.block_sorting_count_to_page select#order,#sortingOrderBy {
    border-radius: 4px;

}
span#submit_product_list_filter_sort_dir{
    position: absolute;
    color: #000;
    top: 16px;
    right: 14px;
}
.block_product {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 10px;
}
.block_product .product {
    text-align: center;
}
.block_product .product .name a {
    text-decoration: none;
    font-weight: 700;
}
.product .image_block img{
    max-height: 200px;
}
.block_product .product .manufacturer_name, .block_product .product .manufacturer_code, .lastseen_item .manufacturer_name{
    color: #999;
    font-weight: 400;
    font-size: 12px;
    margin: 10px 0 10px 0;
}

.block_product .product .jshop_price {
    font-size: 24px;
    color: #242424;
}
/* Пример стилей (можно добавить в ваш CSS файл) */
.product-tooltip {
    display: none;
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    color: #999;
    padding: 16px 16px;
    font-size: 16px;
    border-radius: 10px;
    max-width: 300px;
    border: 1px solid #F67B0E;
    outline: #f67b0e solid 1px;
    word-wrap: break-word;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2); /* Тень */
    /* transition: opacity 0.3s ease; /* Плавность появления/исчезновения (если display не используется) */
}

/* Добавьте "стрелочку" (опционально) */
.product-tooltip::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: -5px; /* Помещаем слева от тултипа */
    margin-top: -5px; /* Компенсируем половину высоты */
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #333; /* Стрелка влево */
}
.jshop h1 {
    color: #fff;
}
.productview h1{
    color: #999;
    font-size: 25px;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    line-height: 1.1;
}
.productview {
    color: #999;
}
.productname_row {
    padding: 10px 0;
    border-bottom: 1px solid #F67B0E;
    margin: 0 0 20px 0;
}
.productview span.label_name {
    top: 5px;
    left: 4px;
    background: #0088CC;
    border-radius: 5px;
    padding: 4px 19px;
    max-height: max-content;
    color: #fff;
    position: absolute;
    z-index: 9999;
}
.manufacturer_code {
    margin: 0 30px 0 0;
}
.productview  .prod_price {
    font-size: 24px;
    line-height: 24px;
}
.productview  .prod_price span#block_price {
    font-weight: 700;
}

.extra_fields_el, .jshop_prod_attributes.jshop, .productweight{
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #ddd;
}
.block_efg .extra_fields_el:first-of-type {
    border-top: 1px solid #ddd; /* Замените #ddd на нужный цвет */
}
.image_middle {
    position: relative;
}
.prod_price {
    margin: 0px 0 16px 0;
}
.manufacturer_name {
     margin: 20px 0 10px 0;
     font-size: 20px;
 }
/* Основной слайдер изображений */
.mainImageSwiper {
    width: 100%;
    height: auto; /* или фиксированная высота */
    margin-bottom: 10px;
}

.mainImageSwiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mainImageSwiper .swiper-slide-image {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain; /* Помещает изображение без обрезки */
}

/* Слайдер миниатюр */
.thumbnailSwiper {
    width: 100%;
    height: 100px; /* Пример высоты */
}

.thumbnailSwiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.3s ease;
}

.thumbnailSwiper .swiper-slide-thumb {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
}

.thumbnailSwiper .swiper-slide-thumb:hover,
.thumbnailSwiper .swiper-slide-thumb.active { /* Добавим класс active для активной миниатюры */
    opacity: 1;
}

.thumbnailSwiper .swiper-slide-thumb.active {
    border: 2px solid #F67B0E; /* Пример выделения активной миниатюры */
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #F67B0E;
}

.swiper-button-next, .swiper-button-prev{
    color: #F67B0E;
    font-weight: 700;
}
#productTabs {
    border-bottom: 2px solid #444; /* Темная нижняя граница для панели табов */
    margin: 30px 0 0 0; /* Убираем нижний отступ, так как он будет у .tab-content */
}

#productTabs .nav-link {
    border: 1px solid transparent; /* Сначала без границы */
    border-bottom: 2px solid transparent; /* Нижняя граница для активного/наведенного */
    border-radius: 0; /* Убираем скругления по умолчанию */
    color: #ccc; /* Светло-серый цвет текста */
    background-color: #333; /* Темный фон неактивной вкладки */
    margin-right: 2px; /* Небольшой отступ справа */
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

#productTabs .nav-link:hover {
    color: #fff; /* Белый цвет текста при наведении */
    background-color: #444; /* Более светлый темный фон при наведении */
    border-bottom-color: #F67B0E; /* Синяя граница при наведении */
}

#productTabs .nav-link.active,
#productTabs .nav-link.active:hover {
    color: #fff; /* Белый цвет текста активной вкладки */
    background-color: #222; /* Более темный фон активной вкладки */
    border-color: #F67B0E #F67B0E #222; /* Синяя верхняя и боковые границы, темная нижняя */
    border-bottom-color: #222; /* Нижняя граница совпадает с фоном содержимого */
    position: relative;
    z-index: 1; /* Поднимаем активный таб выше, чтобы граница была четко видна */
}

/* Стили для содержимого табов */
#productTabContent {
    background-color: #222; /* Темный фон для области содержимого */
    border: 1px solid #F67B0E; /* Синяя граница вокруг содержимого */
    border-top: none; /* Убираем верхнюю границу, так как она совпадает с нижней границей активной вкладки */
    padding: 15px; /* Внутренние отступы */
    border-radius: 0 0 4px 4px; /* Скругления только внизу */
    color: #ddd; /* Светлый цвет текста */
}

/* Стили для .jshop_prod_description внутри таба */
#productTabContent .jshop_prod_description {
    /* Можно добавить отступы, если нужно */
    /* padding: 10px 0; */
}

/* Стили для .extra_fields_group и .extra_fields_el */
#productTabContent .extra_fields_group {
    /* padding: 10px 0; /* Отступы внутри группы */
}

#productTabContent .extra_fields_el {
    padding: 8px 0;
    border-bottom: 1px solid #444; /* Светло-серая граница между полями */
}

/* Стили для .extra_fields_name и .extra_fields_value */
#productTabContent .extra_fields_name {
    font-weight: bold; /* Жирный шрифт для названия поля */
    color: #aaa; /* Светло-серый цвет для названия */
}

#productTabContent .extra_fields_value {
    color: #ddd; /* Светлый цвет для значения поля */
}

/* Дополнительные стили для других элементов внутри табов (если нужно) */
/* Например, для .product_related_block из related.php */
#productTabContent .product_related_block {
    /* margin-top: 10px; */
}

/* Или для контента отзывов */
#productTabContent #reviews {
    /* padding: 10px; */
}
.buttons_oneclick {
    margin: 24px 0 0 0;
    max-width: 50%;
}
button.btn.send-btn.oneclick {
    width: auto;
    padding: 10px 24px;
    height: auto;
    margin: 0 0 20px 0;
}
 .nav.nav-tabs .nav-link.active::after{
     background-color: #F67B0E;
 }
.list_product_demo tr {
    margin: 10px 0 10px 0;
    display: block;
}
.pagination {
    display: flex;
    justify-content: center;
}
span#mxcpr {
    display: none;
}
.related_header.h2 {
    color: #999;
}
.jshop.jshop_list_product.nevigen_prodcurcat .block_product {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 10px;
    width: 23%;
    margin: 0 20px 0 0;
}
.lastseen_item .image .image_block  img.jshop_img{
    max-width: 100px;
	height: 100px;
}
form.form-inline.mod-shop-search {
    display: flex;
    width: 100%;
}
input#jshop_search {
    padding: 8px 10px 8px 11px;
    width: 100%;
}
input.button.btn.btn-primary {
    background: #F67B0E;
}
.container-fluid {
    width: 90%;
    max-width: 90%;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.product-left.product-right {
    margin: 0;
}
.product-left {
    padding: 0 40px 0 0px;
    border-right: 1px solid #999999;
}
.product-left.product-right{
    padding: 0 0px 0 25px;
    border-right: none;
}
.dj-megamenu-clean li ul.dj-submenu > li > a.manufacteru_link .dj-icon {
    margin: 0;
    max-height: 50px;
    height: 50px;
}
.dj-megamenu-clean li ul.dj-submenu > li > a.manufacteru_link {
    display: flex;
    flex-direction: column;
    padding: 16px;
    border: 1px solid;
    margin: 12px;
	border-radius: 4px;
}
.dj-megamenu-clean li ul.dj-submenu > li > a.manufacteru_link span.image-title{
	display:none;
}
.jshop_list_product .block_product {
    position: relative;
    border:none;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.short_description_item {
    position: absolute;
    z-index: -1;
    opacity: 0;
    background-color: #fff;
    outline: #f67b0e solid 1px;
    border-radius: 10px;
    padding: 10px 20px;
    top: -5%;
    left: -55%;
    width: 80%;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.block_product:hover .short_description_item {
    z-index:8;
    opacity:1;
    left:-75%;
    width:80%
}
.jshop_list_product .block_product span.label_name {
    background: #0088CC;
    color: #fff;
    padding: 8px 10px;
    border-radius: 4px;
    position: absolute;
    left: 0;
}
/* Контейнер для изображения и оверлеев */
.article-image-container {
    position: relative;
    display: inline-block; /* Или block, в зависимости от макета */
    width: 100%; /* Занимает всю ширину родителя */
    overflow: hidden; /* Обрезаем всё, что выходит за границы изображения */
}

/* Изображение */
.item-image {
    width: 100%;
    height: 400px; /* Увеличьте значение высоты, например, до 400px или больше */
    object-fit: cover; /* Обрезает изображение, чтобы заполнить область, сохраняя пропорции */
    display: block; /* Убираем возможные отступы под изображением */
}

/* Оверлей с заголовком - всегда видим */
.article-title-overlay {
    position: absolute;
    top: 10px; /* Отступ сверху */
    left: 10px; /* Отступ слева */
    z-index: 6; /* Выше, чем introtext при наведении, но ниже, чем самый верхний слой если нужно */
    /* Добавьте стили для фона, чтобы текст был читаем на изображении */
    background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачный фон */
    padding: 5px 10px;
    border-radius: 4px;
    /* Убедимся, что он не мешает hover на изображение, если нужно */
    pointer-events: auto; /* Позволяет кликать по ссылке внутри */
}

/* Ссылка в заголовке - всегда активна */
.article-title-overlay .item-title a {
    color: white !important; /* Цвет ссылки */
    text-decoration: none;
    font-weight: bold;
    display: block; /* Ссылка занимает всю область заголовка */
    pointer-events: auto; /* Убедимся, что ссылка кликабельна */
}

/* Оверлей с introtext - изначально скрыт */
.article-introtext-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Темный полупрозрачный фон */
    color: white;
    padding: 20px; /* Отступы внутри */
    box-sizing: border-box; /* Учитываем padding в ширине/высоте */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Центрируем по вертикали */
    align-items: center; /* Центрируем по горизонтали */
    opacity: 0; /* Скрыто */
    visibility: hidden; /* Также скрываем из поток */
    transition: opacity 0.3s ease, visibility 0.3s ease; /* Плавный переход */
    z-index: 5; /* Ниже заголовка, но выше изображения */
    overflow: auto; /* На случай, если текст большой */
    pointer-events: none; /* Не мешает hover на контейнер, когда скрыт */
}

/* Показываем оверлей при наведении на контейнер */
.article-image-container:hover .article-introtext-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; /* Становится активным при показе */
}

/* Показываем оверлей при наведении на контейнер */
.article-image-container:hover .article-title-overlay {
    /* z-index: 7; /* Можно временно поднять выше, если нужно перекрытие introtext */
    /* Или оставить как есть, если introtext должен быть ниже заголовка */
    /* Оставляем z-index: 6, но убедимся, что ссылка в заголовке кликабельна */
    /* pointer-events: auto; уже установлено выше */
}

/* Стили для текста внутри оверлея */
.article-introtext-overlay p {
    margin: 0 0 10px 0;
    text-align: center; /* Центрируем текст */
}

/* Стили для readmore и других элементов */
.article-introtext-overlay .readmore-link a,
.article-introtext-overlay .item-subtitle,
.article-introtext-overlay .tags,
.article-introtext-overlay .info-block {
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

.article-introtext-overlay .readmore-link a {
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 4px;
    display: inline-block;
}

.article-introtext-overlay .readmore-link a:hover {
    background-color: #fff;
    color: #000;
}

/* Стили для блока информации */
.article-introtext-overlay .info-block {
    font-size: 0.9em;
}

/* Стили для тегов */
.article-introtext-overlay .tags a {
    color: #ccc;
    margin: 0 5px;
}
.jshop.jshop_list_product.nevigen_prodcurcat .block_product {
    display: flex;
    justify-content: center;
}
#cart-button {
    position: fixed;
    bottom: 20px;
    right: 50%;
    background-color: rgb(51, 51, 51);
    color: rgb(255, 255, 255);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    font-size: 21px;
    transform: translateX(50%);
    z-index: 1010;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
    border-radius: 10px;
    padding: 10px 30px 14px;
    transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s, -webkit-transform 0.2s, -webkit-box-shadow 0.3s;
}
#cart-menu {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.18) 0px 0px 10px;
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(230, 116, 18);
    border-image: initial;
    border-radius: 15px;
    transition: opacity 0.3s, transform 0.3s, visibility linear 0.3s, -webkit-transform 0.3s;
}
#cart-menu {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border: 1px solid #e67412;
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 18%);
    box-shadow: 0 0 10px rgb(0 0 0 / 18%);
    -webkit-transform: translate(-50%, -50%) scale(.8);
    -ms-transform: translate(-50%,-50%) scale(.8);
    transform: translate(-50%, -50%) scale(.8);
    border-radius: 15px;
    opacity: 0;
    -webkit-transition: opacity .3s, visibility 0s
    linear .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, visibility 0s
    linear .3s, -webkit-transform .3s;
    -o-transition: opacity .3s,transform .3s,visibility 0s linear .3s;
}
#cart-items {
    max-height: 500px;
    overflow: auto;
    padding: 20px 20px 20px 0;
    border: 1px solid;
    border-left: none;
    border-right: none;
    border-radius: 1px;
}
.cart-item {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
#cart-items .cart-item img {
    max-width: 25%;
    min-width: 20%;
}
#cart-items .cart-item-info-all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#cart-items .cart-item h3 {
    text-transform: uppercase;
    font-size: 20px;
    color:#000;
}
.cart-item-info {
    margin: 0 0 0 30px;
    color: #000;
}
#cart-items h3, .cart-items p, .cart-item-info p{
    margin: 0;
    padding: 0;
    color:#000;
}
p.cart-item-alias {
    font-weight: 300;
    font-size: 16px;
    margin: 8px 0 8px 0;
}
#cart-items .cart-item-price {
    font-weight: 500;
    font-size: 22px;
}
p.cart-item-price {
    margin: 0 0 10px 0;
}
 #cart-form, #cart-menu {
     top: 50%;
     left: 50%;
     z-index: 1000;
     max-width: 900px;
     min-width: 600px;
     visibility: hidden;
     position: fixed;
     padding: 10px 20px;
 }
#cart-form {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.18) 0px 0px 10px;
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(230, 116, 18);
    border-image: initial;
    border-radius: 15px;
    transition: opacity 0.3s, transform 0.3s, visibility linear 0.3s, -webkit-transform 0.3s;
}
#cart-button:hover {
    background-color: #e67412;
    color: #fff;
    -webkit-transform: translateX(50%) translateY(-2px);
    -ms-transform: translateX(50%) translateY(-2px);
    transform: translateX(50%) translateY(-2px);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
}
#cart-form.visible, #cart-menu.visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: opacity .3s, visibility
    linear, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, visibility
    linear, -webkit-transform .3s;
    -o-transition: opacity .3s,transform .3s,visibility linear;
}
#cart-menu #send-info {
    background-color: #ccc;
    border: 1px solid #ccc;
    padding: 5px 11px 7px;
    border-radius: 5px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
#cart-items .cart-item .cart-item-quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#cart-items .cart-item .cart-item-quantity .quantity-button {
    background-color: #ccc;
    border: 1px solid #ccc;
    padding: 5px 11px 7px;
    border-radius: 5px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
#cart-items .btn-delete {
    border: 1px solid #ccc;
    padding: 7px 15px 8px;
    border-radius: 5px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.btn.list-btn:hover {
    opacity: .6;
}
#cart-form .cart-form-content-wrapper {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#cart-form .cart-form-content-wrapper input {
    padding: 4px 15px 3px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    font-family: Arial, sans-serif;
    width: 80%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s;
}
#cart-form #send-order, #cart-items .cart-item .cart-item-quantity .quantity-button, #cart-menu #send-info {
    background-color: #ccc;
    border: 1px solid #ccc;
    padding: 5px 11px 7px;
    border-radius: 5px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
#cart-form #close-cart-form {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1010;
    font-size: 24px;
    padding: 2px 10px 8px;
}
.fa-telegram:before, .fa-whatsapp:before{
       font-family: 'Font Awesome 5 Brands';
}
input.btn.list-btn.button_buy.addToСart {
    color: #fff;
    background-color: #f67b0e;
    border-color: #f67b0e;
    border-radius: 8px;
    padding: 8px 20px;
    text-shadow: none;
}
.jshop input[type="submit"]:hover:not(.contact), .jshop input[type="submit"]:focus:not(.contact), .jshop #checkout .td_1 a.btn.list-btn:hover, .jshop #checkout .td_2 a.btn.list-btn:hover, .jshop #payment_submit:hover{
    -webkit-box-shadow: 0 0 1px #ccc, 0 0 4px #f67b0e;
    -moz-box-shadow: 0 0 1px #ccc, 0 0 4px #f67b0e;
    box-shadow: 0 0 1px #ccc, 0 0 4px #f67b0e;
    transform: translateX(3px);
    transition: all 0.5s;
}

.wrap-menu.rp-brooksite, .rp-brooksite .list-btn.button_buy, .rp-brooksite .list-btn.buy, .rp-brooksite button.count, .mycart_wrapp.externbootstrap_wrapp[class*=" "] .mini_cart_img, .rp-brooksite .modal-aq .modal-header, .rp-brooksite .modal_anchor .modal_to_cart a, .rp-brooksite .modal_anchor .modal_checkout a, .rp-brooksite .list-btn.btn-danger, .jshop.rp-brooksite input[type="submit"], .jshop.rp-brooksite #payment_submit, .jshop.rp-brooksite input[type="submit"]:hover:not(.contact), .jshop.rp-brooksite input[type="submit"]:focus:not(.contact), .jshop.rp-brooksite #checkout .list-btn:hover, .jshop.rp-brooksite #checkout .list-btn:focus, .navbar.rp-brooksite .nav-child li a:hover, .navbar.rp-brooksite .nav-child li a:focus, .navbar.rp-brooksite .nav-child li.active a, .jshop.rp-brooksite input[type="submit"].btn.list-btn.finish_registration, .jshop.rp-brooksite #checkout .td_2 a.btn.list-btn, .jshop_list_product a.btn.list-btn.go_to_compre_list {
    background-color: #f67b0e;
}
.jshop_list_category .btn.list-btn:hover, a.button_detail.btn.btn-primary:hover {
    opacity: .6;
}
.jshop_categ.category {
    background-color: #fff;
    border: none;
    text-align: center;
    border-radius: 10px;
    padding: 10px;
    margin: 0 0 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: -webkit-fill-available;
    flex-direction: column;
}
input.btn.list-btn.button_buy.inprod.addToСart {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0 0 0;
    width: 100%;
    padding: 10px;
}
a.manufacteru_link:hover {
    opacity: 0.6;
}
.jshop_categ.manufacturer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    text-align: center;
    padding: 20px;
    margin: 10px 0 10px 0;
    max-height: 350px;
    /* overflow: auto; */
    min-height: 345px;
}
/* Основные стили для таблицы */
.com-content-category__table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    border-radius: 8px; /* Закругленные углы */
    overflow: hidden; /* Обрезаем содержимое по границам скругления */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* Тень */
    background-color: #f8f9fa; /* Светлый фон для всей таблицы */
}

/* Стили для заголовка таблицы */
.com-content-category__table thead tr {
    background-color: #2c2c2c; /* Темный фон заголовка */
    color: #ffffff; /* Белый текст заголовка */
    text-align: left;
    font-weight: bold;
}

/* Стили для ячеек заголовка */
.com-content-category__table th,
.com-content-category__table td {
    padding: 12px 15px; /* Отступы внутри ячеек */
    vertical-align: middle; /* Выравнивание по вертикали */
    border-bottom: 1px solid #dddddd; /* Тонкая линия между строками */
}

/* Стили для ячеек данных */
.com-content-category__table td {
    background-color: #ffffff; /* Белый фон ячеек */
    color: #333333; /* Темно-серый текст */
}

/* Стили для ссылок в ячейках заголовка */
.com-content-category__table th a {

    text-decoration: none; /* Убираем подчеркивание */
    display: block; /* Делаем ссылку блочной для удобства */
    padding: 8px 0; /* Дополнительный отступ внутри ссылки */
}

/* Стили для ссылок в ячейках данных */
.com-content-category__table td a {
    color: #e67e22; /* Оранжевый цвет ссылки */
    text-decoration: none; /* Убираем подчеркивание */
    font-weight: 500; /* Немного жирнее */
    transition: color 0.3s ease; /* Плавный переход цвета */
}

/* Стили при наведении на ссылку в ячейке данных */
.com-content-category__table td a:hover {
    color: #f39c12; /* Более светлый оранжевый при наведении */
    text-decoration: underline; /* Подчеркивание при наведении */
}

/* Стили для строк таблицы */
.com-content-category__table tbody tr {
    border-bottom: 1px solid #dddddd; /* Линия между строками */
}

/* Стили для последней строки (убираем нижнюю границу) */
.com-content-category__table tbody tr:last-of-type {
    border-bottom: 2px solid #2c2c2c; /* Более темная и толстая линия внизу */
}

/* Стили для четных строк */
.com-content-category__table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3; /* Светло-серый фон */
}

/* Стили для нечетных строк */
.com-content-category__table tbody tr:nth-of-type(odd) {
    background-color: #ffffff; /* Белый фон */
}

/* Стили для строки при наведении */
.com-content-category__table tbody tr:hover {
    background-color: #e6f7ff; /* Очень светлый голубой при наведении */
    cursor: pointer; /* Курсор-указатель */
}

/* Стили для ячеек с количеством просмотров */
.com-content-category__table .list-hits .badge {
    background-color: #e67e22; /* Оранжевый фон бейджа */
    color: #ffffff; /* Белый текст бейджа */
    font-weight: normal; /* Обычный вес шрифта */
    padding: 4px 8px; /* Отступы внутри бейджа */
    border-radius: 4px; /* Скругленные углы бейджа */
    font-size: 0.85em; /* Меньший размер шрифта */
}
.manufacturer_name a {
    text-decoration: none;
    font-weight: 700;
}
p.manufacturer_short_description {
    display: -webkit-box;          /* Используем flexbox дляWebKit-браузеров */
    -webkit-line-clamp: 3;         /* Ограничиваем количество строк (2) */
    -webkit-box-orient: vertical;  /* Направление содержимого внутри элемента */
    overflow: hidden;              /* Скрываем текст, выходящий за границы */
    text-overflow: ellipsis;       /* Добавляем троеточие (...) */
    white-space: normal;           /* Позволяет тексту переноситься на новую строку */
}
.no-logo-placeholder {
    width: 80px;
    height: 80px;
    background: #f0f0f0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #666;
    font-size: 18px;
    margin: 0 auto;
}
.category_manufacturers {
    margin: 30px 0;
    padding: 20px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.category_manufacturers h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
}

.manufacturers_list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}

.manufacturer_item {
    margin-bottom: 20px;
}

.manufacturer_inner {
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    transition: all 0.3s ease;
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.manufacturer_inner:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transform: translateY(-2px);
    border-color: #007bff;
}

.manufacturer_logo {
    margin-bottom: 10px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manufacturer_logo img {
    max-height: 80px;
    max-width: 100%;
    object-fit: contain;
}

.manufacturer_name {
    margin-top: 10px;
}

.manufacturer-link {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    transition: color 0.3s ease;
}

.manufacturer-link:hover {
    color: #007bff;
}
/* Стили для фильтра производителей */
.manufacturers-filter {
    margin: 30px 0;
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: #f9f9f9;
}

.filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.filter-header h3 {
    margin: 0;
    color: #333;
    font-size: 18px;
}

.btn-clear-filter {
    background: #ff6b6b;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.btn-clear-filter:hover {
    background: #ff5252;
}

.manufacturer-checkbox {
    cursor: pointer;
    display: block;
    transition: all 0.3s ease;
}

.manufacturer-checkbox:hover .manufacturer_inner {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0,123,255,0.2);
}

.manufacturer-filter-input {
    display: none;
}

.manufacturer-checkbox .manufacturer_inner {
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.manufacturer-filter-input:checked + .manufacturer_inner {
    border-color: #007bff;
    background-color: #f0f8ff;
    box-shadow: 0 4px 12px rgba(0,123,255,0.3);
}

/* Индикатор загрузки */
.products-loading {
    text-align: center;
    padding: 40px;
    background: #f8f9fa;
    border-radius: 8px;
    margin: 20px 0;
}

.loading-spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #007bff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: 0 auto 15px;
}
.jshop_oiproduct .manufacturer_logo {
   display: block;
   margin: 0;
   height: auto;
}
.jshop_oiproduct .manufacturer_name {
  font-size:inherit;
}
.jshop_oiproduct .manufacturer_logo img{
      max-height: none;
}
.product_callback {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.product_callback .moduletable {
    margin: 0 0px 0 15px;
   font-size: 14px;
}
.product_callback .moduletable  a.wjcallback-link {
	font-size:14px;
}
.lastseen_item .block_item .name a{
    font-size: 11px; 
    margin: 0;
}
.lastseen_item .block_item .name {
        margin: 0;
		line-height: 16px;
}
.lastseen_item .block_item{
  height: auto;
}
.nevigen_jshop_filter_form {
    background: #fff;
    padding: 15px;
    color: #000;
	border-radius: 8px;
}
.nevigen_jshop_filter_form div{
	color: #000;
}
.manufacturer_categories h2 {
    color: #999;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}.back-to-top-link {    inset-inline-end: 1rem;    z-index: 10000;    color: var(--cassiopeia-color-primary, #112855);    pointer-events: all;    background-color: var(--white, #fff);    border: 1px solid var(--cassiopeia-color-primary, #112855);    opacity: 0;    border-radius: .25rem;    padding: .5em;    transition: opacity .2s ease-in;    position: fixed;    bottom: 1rem;    bottom: 100px;    right: 37px;}

/* Адаптивность */
@media (max-width: 768px) {
    .filter-header {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .manufacturers_list {
        gap: 10px;
    }

    .manufacturer_item {
        flex: 0 0 calc(50% - 10px);
    }
	div#comjshop {
		margin: 20px 0 0 0;
	}
	input.btn.list-btn.button_buy.addToСart {
       width: 100%;
	   margin: 0 0 8px 0;
	}
	a.button_detail.btn.btn-primary {
        width: 100%;
		margin: 8px 0 0 0;
	}
	.block_product:hover .short_description_item p{
		font-size: 1rem;
	}
	.block_product:hover .short_description_item {
    	width:100%;
	}
	button.btn.btn-primary.filtermob {
		background: orange;
		font-size: 1rem;
   
	}

}

/* Адаптивность */
@media (max-width: 768px) {
    .manufacturer_item {
        flex: 0 0 calc(33.333% - 15px);
    }

    .manufacturer_logo {
        height: 60px;
    }

    .manufacturer_logo img {
        max-height: 60px;
    }
}

@media (max-width: 576px) {
    .manufacturer_item {
        flex: 0 0 calc(50% - 15px);
    }
}
@media (max-width: 768px) {
    div#mod-custom186 {
        flex-direction: column;
    }
    .top-brand {
        justify-content: center;
        margin: 0px 0 12px 0px;
    }
    .top-address {
        margin: 12px 0px 12px 0;
    }
    .top-wishlist {
        justify-content: center;
        align-items: center;
    }
    .container-header .container-nav {
        width: fit-content;
        background: orange;
        margin: 12px 0 0 0;
        position: sticky;
    }
    .container.menunav {
        justify-content: end;
        display: flex;
        position: fixed;
        top: 10px;
        right: 10px;
    }
    .adv-second-inner {
        display: flex;
        flex-direction: column;
    }
    div#mod-custom200 h3 {
        margin: 0 0 14px 0 !important;
    }
    .choice-block-inner {
        display: flex;
        flex-direction: column;
    }
    a#back-top {
        bottom: 70px;
    }
    footer.container-footer.footer.full-width {
        padding: 20px 40px 100px 40px;
    }
    .product .image_block img {
        max-height: 130px;
    }
    .control-group.box_products_count_to_page.d-flex {
        justify-content: end;
    }
    .jshop_pagination {
        width: 100%;
        overflow-x: auto; /* Позволяет прокручивать, если элементы все равно шире (как временная мера) */
        /* white-space: nowrap; /* Позволяет списку оставаться в одну строку, но может вызвать горизонтальный скролл */ */
    }

    .jshop_pagination .pagination {
        margin-bottom: 0; /* Переопределяет mb-4, если не нужен */
        /* margin-bottom: 1rem; /* Или установите нужный вам отступ */ */
    width: 100%; /* Убедитесь, что ul занимает всю ширину родителя */
        flex-wrap: wrap; /* Позволяет элементам переноситься на новую строку при необходимости */
        justify-content: center; /* Центрирует элементы пагинации */
    }

    /* Опционально: уменьшить размер шрифта для ссылок, чтобы они занимали меньше места */
    .jshop_pagination .page-link {
        font-size: 0.9em; /* Уменьшает размер шрифта */
        padding: 0.375rem 0.75rem; /* Уменьшает внутренние отступы (если нужно) */
    }

    /* Опционально: уменьшить размер иконок */
    .jshop_pagination .page-link .icon-angle-double-left,
    .jshop_pagination .page-link .icon-angle-double-right,
    .jshop_pagination .page-link .icon-angle-left,
    .jshop_pagination .page-link .icon-angle-right {
        font-size: 0.8em; /* Уменьшает размер иконки */
    }
    .buttons_oneclick {
        display: flex;
        justify-content: center;
        width: 100%;
        max-width: 100%;
    }
    .buttons_oneclick a.wjcallback-link {
        font-weight: 400;
        font-size: 19px;
        color: #fff;
        display: block;
        text-align: center;
        background: #f67b0e;
        border-radius: 8px;
        text-decoration: none;
        padding: 10px 30px;
    }
    .jshop.jshop_list_product.nevigen_prodcurcat .block_product {
        background-color: #fff;
        border: 1px solid #e8e8e8;
        border-radius: 10px;
        padding: 10px;
        width: 47%;
        margin: 0 0 10px 0;

        }
    .jshop.jshop_list_product.nevigen_prodcurcat .block_product:nth-child(even) {
        background-color: #fff;
        border: 1px solid #e8e8e8;
        border-radius: 10px;
        padding: 10px;
        width: 50%;

    }
    .jshop.jshop_list_product.nevigen_prodcurcat .row.row-cols-md-4 {
        justify-content: space-between;
    }
	div#cart-menu {
		max-width: 100%;
		min-width: 100%;
	}
}