@font-face {
    font-display: swap;
    font-family: 'DIN 2014';
    src: url('../../fonts/DIN2014/DIN2014-LightItalic.eot');
    src: local('DIN 2014 Light Italic'), local('../../fonts/DIN2014/DIN2014-LightItalic'),
    url('../../fonts/DIN2014/DIN2014-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/DIN2014/DIN2014-LightItalic.woff') format('woff'),
    url('../../fonts/DIN2014/DIN2014-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: 'DIN 2014';
    src: url('../../fonts/DIN2014/DIN2014-Light.eot');
    src: local('DIN 2014 Light'), local('../../fonts/DIN2014/DIN2014-Light'),
    url('../../fonts/DIN2014/DIN2014-Light.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/DIN2014/DIN2014-Light.woff') format('woff'),
    url('../../fonts/DIN2014/DIN2014-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'DIN 2014';
    src: url('../../fonts/DIN2014/DIN2014-ExtraBoldItalic.eot');
    src: local('DIN 2014 ExtraBold Italic'), local('../../fonts/DIN2014/DIN2014-ExtraBoldItalic'),
    url('../../fonts/DIN2014/DIN2014-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/DIN2014/DIN2014-ExtraBoldItalic.woff') format('woff'),
    url('../../fonts/DIN2014/DIN2014-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: 'DIN 2014';
    src: url('../../fonts/DIN2014/DIN2014-ExtraLight.eot');
    src: local('DIN 2014 ExtraLight'), local('../../fonts/DIN2014/DIN2014-ExtraLight'),
    url('../../fonts/DIN2014/DIN2014-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/DIN2014/DIN2014-ExtraLight.woff') format('woff'),
    url('../../fonts/DIN2014/DIN2014-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'DIN 2014';
    src: url('../../fonts/DIN2014/DIN2014-ExtraBold.eot');
    src: local('DIN 2014 ExtraBold'), local('../../fonts/DIN2014/DIN2014-ExtraBold'),
    url('../../fonts/DIN2014/DIN2014-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/DIN2014/DIN2014-ExtraBold.woff') format('woff'),
    url('../../fonts/DIN2014/DIN2014-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'DIN 2014';
    src: url('../../fonts/DIN2014/DIN2014-ExtraLightItalic.eot');
    src: local('DIN 2014 ExtraLight Italic'), local('../../fonts/DIN2014/DIN2014-ExtraLightItalic'),
    url('../../fonts/DIN2014/DIN2014-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/DIN2014/DIN2014-ExtraLightItalic.woff') format('woff'),
    url('../../fonts/DIN2014/DIN2014-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: 'DIN 2014';
    src: url('../../fonts/DIN2014/DIN2014-Regular.eot');
    src: local('DIN 2014 Regular'), local('../../fonts/DIN2014/DIN2014-Regular'),
    url('../../fonts/DIN2014/DIN2014-Regular.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/DIN2014/DIN2014-Regular.woff') format('woff'),
    url('../../fonts/DIN2014/DIN2014-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'DIN 2014';
    src: url('../../fonts/DIN2014/DIN2014-Italic.eot');
    src: local('DIN 2014 Italic'), local('../../fonts/DIN2014/DIN2014-Italic'),
    url('../../fonts/DIN2014/DIN2014-Italic.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/DIN2014/DIN2014-Italic.woff') format('woff'),
    url('../../fonts/DIN2014/DIN2014-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: 'DIN 2014';
    src: url('../../fonts/DIN2014/DIN2014-Bold.eot');
    src: local('DIN 2014 Bold'), local('../../fonts/DIN2014/DIN2014-Bold'),
    url('../../fonts/DIN2014/DIN2014-Bold.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/DIN2014/DIN2014-Bold.woff') format('woff'),
    url('../../fonts/DIN2014/DIN2014-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'DIN 2014';
    src: url('../../fonts/DIN2014/DIN2014-BoldItalic.eot');
    src: local('DIN 2014 Bold Italic'), local('../../fonts/DIN2014/DIN2014-BoldItalic'),
    url('../../fonts/DIN2014/DIN2014-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/DIN2014/DIN2014-BoldItalic.woff') format('woff'),
    url('../../fonts/DIN2014/DIN2014-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: 'DIN 2014';
    src: url('../../fonts/DIN2014/DIN2014-DemiBoldItalic.eot');
    src: local('DIN 2014 DemiBold Italic'), local('../../fonts/DIN2014/DIN2014-DemiBoldItalic'),
    url('../../fonts/DIN2014/DIN2014-DemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/DIN2014/DIN2014-DemiBoldItalic.woff') format('woff'),
    url('../../fonts/DIN2014/DIN2014-DemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: 'DIN 2014';
    src: url('../../fonts/DIN2014/DIN2014-DemiBold.eot');
    src: local('DIN 2014 DemiBold'), local('../../fonts/DIN2014/DIN2014-DemiBold'),
    url('../../fonts/DIN2014/DIN2014-DemiBold.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/DIN2014/DIN2014-DemiBold.woff') format('woff'),
    url('../../fonts/DIN2014/DIN2014-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
:root {
    --primary-color: #0473bb;
    --accent-color: #e74c3c;
    --bg-color: #f8f9fa;
    --white: #FFFFFF;
    --black: #000000;
}
html, body {
    font-family: "DIN 2014", sans-serif;
}
a{
    text-decoration: none;
    color: var(--primary-color);
}
.pagination {
    --bs-pagination-color: var(--primary-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--primary-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--primary-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--primary-color);
    --bs-pagination-active-border-color: var(--primary-color);
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none;
}
.navbar-custom {
    background-color: var(--white);
    color: var(--primary-color);
}

.navbar-custom a {
    color: var(--primary-color);
    font-weight: bold;
}
.navbar-custom i {
    color: var(--primary-color);
}

.search-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1060;
}

.search-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.search-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    width: 80%;
    background-color: white;
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.search-input {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.close-search {
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px;
    font-size: 1.5rem;
    cursor: pointer;
}

.search-results {
    margin-top: 1rem;
   /* max-height: 300px;*/
    overflow-y: auto;
    background-color: #f8f9fa;
    border-radius: 4px;
}

/* Активация поиска */
.search-container.active {
    display: block;
}
@media (max-width: 992px) {
    .desktop-menu {
        display: none;
    }
}

@media (min-width: 993px) {
    .mobile-menu {
        display: none;
    }
}

@media (max-width: 419px) {
    .navbar-brand img{
        width: 120px;
    }
}



footer {
    background-color: var(--primary-color);
    color: var(--white);
}

/* === Отступы между иконками === */
.d-flex.align-items-center.d-lg-none .me-3 {
    margin-right: 1rem !important;
}

/* === Подвал === */
footer.footer {
    margin-top: auto;
}

/* === Основной контейнер === */
body.d-flex.flex-column.min-vh-100 {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* === Мобильное меню поверх контента === */
.offcanvas-start {
    z-index: 1060;
}

.breadcrumb-item a{
    color: var(--white);
    text-decoration: none;
}
.breadcrumb-item.active {
    font-weight: bold;
    color: var(--white);
    text-decoration: none;
}
.breadcrumb-item.active::before {
    color: var(--white);
    font-weight: normal;
}
.search-bar {
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateY(-10px);
}

.search-bar.show {
    opacity: 1;
    transform: translateY(0);
}
#searchResults {
    opacity: 1;
    transition: opacity 0.2s ease;
    width:96% !important;
}

#searchResults.fade-out {
    opacity: 0;
}
.closeSearch {
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
}
.breadcrumb-container.custom {
    background-image: url(../images/banner/banner_main.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 30px 0;

}
.breadcrumb {
    margin-bottom: 0;
}

.search-reslt p {
    padding: 10px 0;
    border-bottom: 1px solid #ccc; /* серая линия */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    color: var(--primary-color);
}

.search-reslt p span:nth-child(2) {
    flex: 1 1 auto;
    min-width: 0;
    word-wrap: break-word;
}

.search-reslt p span:nth-child(3),
.search-reslt p a {
    white-space: nowrap;
}

.search-reslt p:last-child {
    border-bottom: none; /* убрать у последнего элемента */
}

.search-reslt p img{
    height: 50px;
    border-radius: 10px;
}

.search-reslt p span.product-label-title {
    color: var(--primary-color);
    background-color: var(--product-new-sale-label-bgcolor);
    border-radius: 10px;
    padding: 5px;
    font-size: 12px;
}

.filtrList {
    padding: 5px;
}

.filtrList span a{
    display: block; /* каждая span с новой строки */
    margin-bottom: 4px; /* немного отступа между ними */
    cursor: pointer;
    text-decoration: none;
    color: var(--black);
}

.filtrList span.selected{
    font-weight: bold;
    color: var(--primary-color); /* выделение выбранного */
}
.filtrList span a .count {
    font-size: 10px;
    color: var(--primary-color);
}

.count {
    font-size: 10px;
    color: var(--primary-color);
}

.cursor-pointer {
    cursor: pointer;
}



.linkItem {
    /*margin-left: 10px;*/
    width: 100%;
    padding: 2px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
    position: relative;
}
.linkItem .text{
    text-decoration: none;
    color: var(--primary-color);
}
.linkItem a{
    text-decoration: none;
    color: var(--primary-color);
}
.price-input-container {
    width: 100%;
}

.price-input .price-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
    gap: 10px;
}

.price-field span {
    margin-top: 6px;
    font-size: 17px;
}

.price-field input {
    flex: 1;
    height: 35px;
    font-size: 15px;
    border-radius: 9px;
    text-align: center;
    border: 0px;
    background: #e4e4e4;
}

.price-input {
    width: 100%;
    font-size: 19px;
    color: #555;
}

/* Remove Arrows/Spinners */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.slider {
    width: 50%;
}

.slider {
    height: 6px;
    position: relative;
    background: #e4e4e4;
    border-radius: 5px;
}

.range-input {
    position: relative;
}

.range-input input {
    position: absolute;
    width: 50%;
    height: 5px;
    background: none;
    top: -5px;
    pointer-events: none;
    cursor: pointer;
    -webkit-appearance: none;
}

/* Styles for the range thumb in WebKit browsers */
input[type="range"]::-webkit-slider-thumb {
    height: 18px;
    width: 18px;
    border-radius: 70%;
    background: #0473bb;
    pointer-events: auto;
    -webkit-appearance: none;
}

@media screen and (max-width: 992px) {
    .price-input {
        flex-direction: column;
        align-items: center;
    }

    .price-field {
        margin-bottom: 10px;
    }
}

.square {
    border: 1px solid #93999e;
    border-radius: 2px;
    cursor: pointer;
    height: 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.square:hover {
    background: #0473bb;
}

.cross {
    font-size: 10px; /* идеально по центру в 16x16 */
    font-weight: bold;
    color: #0473bb;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0473bb;
    padding: 2px;
    border-radius: 4px;
    margin-top:-5px;
}
.cross:hover {
    color: #fff;
    background: #0473bb;
}

.subcat {
    list-style-type: none;
    margin-left: 0;
    padding-left: 10px;
    margin-bottom: 0;
}
.subcat li a{
   text-decoration: none;
    color: var(--primary-color);
}

.btn-link {
    color: var(--primary-color);
    cursor: pointer;
}

.banner.main {
    background-image: url('../images/banner/banner_main.webp'); /* замените путь при необходимости */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto; /* или можно использовать auto, если изображение задаёт высоту */
}

.banner.main .title {
    color: var(--white);
    font-size: 62px;
    padding-top: 50px;
    text-transform: uppercase;
    max-width: 500px;
    font-weight: bold;
    line-height: 70px; /* 117.647% */
    letter-spacing: -0.4px;
}
.banner.main .text {
    color: var(--white);
    font-size: 32px;
    text-transform: uppercase;
    max-width: 600px;
    font-weight: bold;
    line-height: 40px; /* 117.647% */
    letter-spacing: 1px;
    padding-bottom:20px;
}
.cooperation-banner-link {
    position: absolute;
    right: 15px;
    top: 50px;
    color: var(--white);
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    text-align: right;
    line-height: 1.4;
    transition: text-decoration 0.2s;
}
.cooperation-banner-link:hover {
    color: var(--white);
    text-decoration: underline;
}

@media (min-width: 1400px) {

}
@media (min-width: 1200px) {

}
@media (max-width: 992px) {
    .banner.main .title {
        color: var(--white);
        font-size: 32px;
        padding-top: 50px;
        text-transform: uppercase;
        max-width: 300px;
        font-weight: bold;
        line-height: 40px; /* 117.647% */
        letter-spacing: -0.4px;
    }
    .banner.main .text {
        color: var(--white);
        font-size: 15px;
        text-transform: uppercase;
        max-width: 600px;
        font-weight: bold;
        line-height: 20px; /* 117.647% */
        letter-spacing: 1px;
    }
    .cooperation-banner-link {
        position: static;
        display: block;
        text-align: left;
        font-size: 14px;
        line-height: 18px;
        margin-top: 10px;
        padding-bottom: 20px;
    }
}
.slick-layout-wrapper--20 .slick-list {
    margin: -20px;
}
@media only screen and (max-width: 575px) {
    .slick-layout-wrapper--20 .slick-list {
        margin: -20px -10px;
    }
}
.slick-layout-wrapper--20 .slick-single-layout {
    padding: 20px;
}
@media only screen and (max-width: 575px) {
    .slick-layout-wrapper--20 .slick-single-layout {
        padding: 20px 10px;
    }
}

.slick-layout-wrapper--10 .slick-list {
    margin: 0 -10px;
}
.slick-layout-wrapper--10 .slick-single-layout,
.slick-layout-wrapper--10 .slick-slide {
    padding: 0 10px;
}

.slick-layout-wrapper--15 .slick-list {
    margin: 0 -15px;
}
.slick-layout-wrapper--15 .slick-single-layout,
.slick-layout-wrapper--15 .slick-slide {
    padding: 0 15px;
}

.slick-layout-wrapper--30 .slick-list {
    margin: 0 -30px;
}
@media only screen and (max-width: 767px) {
    .slick-layout-wrapper--30 .slick-list {
        margin: 0 -15px;
    }
}
.slick-layout-wrapper--30 .slick-single-layout {
    padding: 0 30px;
}
@media only screen and (max-width: 767px) {
    .slick-layout-wrapper--30 .slick-single-layout {
        padding: 0 15px;
    }
}
.axil-product.product-style-six {
    border: 1px solid #f1f1f1;
    border-radius: 6px;
    margin-bottom: 30px;
    transition: .3s;
}
.axil-product {
    position: relative;
}
.axil-product>.thumbnail {
    position: relative;
    display: block;
}
.axil-product.product-style-six .thumbnail a {
    border-radius: 6px 6px 0 0;
}
.axil-product.product-style-six .thumbnail a img {
    border-radius: 6px 6px 0 0;
    transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1);
}
.axil-product>.thumbnail>a img {
    border-radius: 6px;
    width: 100%;
    transition: .3s;
}
.axil-product>.thumbnail>a {
    display: block;
    background-color: #f7f7f7;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}
.axil-product.product-style-six .product-content {
    margin: 0;
    padding: 15px 10px 10px;
    z-index: 1;
}
.axil-product .product-content {
    margin-top: 25px;
    position: relative;
    margin-bottom: 30px;
}
.axil-product .product-content .inner {
    transition: .3s;
}
.axil-product.product-style-six .product-content .product-price-variant {
    position: absolute;
    top: -57px;
    right: 25px;
    z-index: -1;
    background-color: rgba(255, 255, 255, .5);
    border: 1px solid rgba(255, 255, 255, .5);
    backdrop-filter: blur(25px);
    box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
    padding: 5px 15px;
    border-radius: 6px;
}
.axil-product .product-content .product-price-variant {
    margin: -4px;
    transition: 0.3s;
    transition-delay: .1s;
}
.axil-product.product-style-six .product-content .product-price-variant span.price {
    font-size: 18px;
    color: var(--color-white);
}
.axil-product .product-content .product-price-variant span.price {
    margin: 4px;
    color: var(--primary-color);
    font-weight: 700;
    font-size: 20px;
}
.axil-product.product-style-six .product-content .title {
    margin-bottom: 15px;
}
.axil-product .product-content .title {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    transition: .3s;
}
.slick-layout-wrapper--15 .slick-single-layout, .slick-layout-wrapper--15 .slick-slide {
    padding: 0 15px;
}
.axil-product .product-content .title a {
    transition: .3s;
    color: var(--primary-color);
    text-decoration: none;
}

.arrow-top-slide .slide-arrow.prev-arrow {
    left: 50%;
    margin-left: -30px;
}
.arrow-top-slide .slide-arrow.next-arrow {
    left: 50%;
    margin-left: 30px;
}
.arrow-top-slide .slide-arrow {
    position: absolute;
    left: 19px;
    bottom: -30px;
    transform: translateX(-50%);
}
.section-title-wrapper {
    margin-bottom: 40px;
    padding-right: 100px;
}
.single-product-thumbnail .thumbnail img {
    width: 100%;
    border-radius: 6px;
}
.small-thumb-style-three {
    margin: 30px 60px 0;
}

.small-thumb-wrapper .small-thumb-img:hover img, .small-thumb-wrapper .small-thumb-img.slick-current img {
    border-color: var(--primary-color);
}
.slick-active {
    border-color: var(--primary-color);
}
.small-thumb-style-two .small-thumb-img img {
    width: 60px;
    height: auto;
    border-radius: 50%;
    display: inline-block;
}
.small-thumb-wrapper .small-thumb-img img {
    border-radius: 10px;
    border: 2px solid rgba(0, 0, 0, 0);
    width: 80px;
    height: auto;
    transition: all .2s;
}
@media only screen and (max-width: 991px) {
    .small-thumb-wrapper .slick-list .slick-slide {
        margin: 10px;
    }
}
.small-thumb-style-three .small-thumb-img {
    margin: 10px;
}

.small-thumb-wrapper .small-thumb-img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 20px;
    cursor: pointer;
    transition: all .4s;
}
.small-thumb-style-three {
    margin: 30px 60px 0;
}
.arrow-both-side-3 .slide-arrow {
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
}
.axil-slick-arrow .slide-arrow {
    outline: none;
    width: 50px;
    height: 50px;
    background: var(--bg-color);
    color: var(--primary-color);
    border: none;
    border-radius: 6px;
    z-index: 2;
    font-weight: bold;
    font-size: 24px;
}


.product-gallery {
    max-width: 500px;
    margin: auto;
}
.preview-img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 10px;
}
.thumbs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.thumb-img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 4px;
    cursor: pointer;
    border: 2px solid transparent;
}
.thumb-img:hover {
    border-color: var(--primary-color);
}
@media (min-width: 768px) {
    .border-left-custom {
        border-left: 1px solid #e0e0e0;
        padding-left: 30px;
    }
}

@media (max-width: 767.98px) {
    .border-left-custom {
        border-left: none;
        padding-left: 0;
    }
}

.new-price{
    font-weight: bold;
    font-size: 24px;
}

.listData {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    font-size: 18px;
}
.listData .title{
    font-weight: bold;
}
.listData .text a{
    text-decoration: none;
    color: var(--primary-color);
}

.listData .text ul{
    list-style: none;
}

.cartAdd {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    margin-bottom: 5px;
}
.cartAdd .product-quantity .cart-plus-minus{
    border-radius: 10px;
}

.cartAdd a {
    font-size: 16px;
    padding: 5px;
}
.cartAdd a:hover {
    font-size: 16px;
    color: var(--white);
    background-color: var(--primary-color);
}
.number-input {
    display: inline-flex;
    width: 80px;
    height: 30px;
    background-color: #f9f9f9;
    &, & * {
        box-sizing: border-box;
    }
    & input[type="number"] {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
        border: 0;
        padding: 0;
        box-shadow: none !important;
        font-family: sans-serif;
        font-size: 14px;
        width: 30px;
        height: 100%;
        text-align: center;
        color: #777777;
        background-color: #f9f9f9;
    }

    & input[type=number]::-webkit-inner-spin-button,
    & input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
    }
    & button {
        position: relative;
        outline:none;
        -webkit-appearance: none;
        background-color: transparent;
        border: none;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 100%;
        cursor: pointer;
        margin: 0;
        font-size: 16px;
        color: #999999;
        font-weight: normal;
        &:hover:after {
            background-color: #af270c;
            color: #fff;
        }
        &:after {
            display: inline-flex;
            position: absolute;
            justify-content: center;
            align-items: center;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            bottom: 0;
            margin: auto;
            content: '−';
        }
        &.plus:after {
            content: '+';
        }
    }
}

.textData .title{
    font-size: 20px;
    font-weight: bold;
    text-decoration: underline;
}
.textData .text{
    text-align: justify;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #055B91;
    --bs-btn-hover-border-color: #055B91;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #055B91;
    --bs-btn-active-border-color: #055B91;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--primary-color);
    --bs-btn-disabled-border-color: var(--primary-color);
}
.color-delete {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dcdcdc;
    --bs-btn-border-color: #dcdcdc;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #888888;
    --bs-btn-hover-border-color: #888888;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #888888;
    --bs-btn-active-border-color: #888888;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dcdcdc;
    --bs-btn-disabled-border-color: #dcdcdc;
}
.cartItemList {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border: var(--primary-color) solid 1px;
    border-radius: 10px;
    padding: 10px;
}
.cartItemList a img{
    width: 80px;
}
@media (max-width: 767.98px) {
    .cartItemList {
        display: flex;
        width: 100%;
    }
}
.fBottom {
    display: flex;
    gap: 15px;
}
.sendOrder {
    display: block;
}
@media (max-width: 1199px) {
    .price-input .price-field {
        display: inline-block;
    }
    .price-field:first-child {
        margin-bottom: 5px;
    }
}
.requestPrice {
    background-color: var(--primary-color);
    padding: 7px;
    color: var(--white);
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.boxList ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 10px;
    border-radius: 10px;
    border: var(--primary-color) solid 1px;
}

.box-overlay {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: var(--primary-color) solid 1px;
    border-radius: 10px;
    z-index: 999;
    padding: 15px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    animation: fadeInBox 0.3s ease-in-out;
}

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

.filtrOver{
    max-height: 33vh;
    overflow-y: auto;
}

.filtrOverCat{
    max-height: 85vh;
    overflow-y: auto;
}
.oneLine {
    display: flex;
    align-items: center; /* центрирование по вертикали */
    justify-content: flex-start;
    gap: 5px; /* можно увеличить по вкусу */
}

.nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(248, 249, 250, 0.7);
    color: var(--primary-color);
    border: none;
    border-radius: 6px;
    z-index: 2;
    font-weight: bold;
    font-size: 24px;
}
.nav-arrow.prev-arrow {
    left: 10px;
}
.nav-arrow.next-arrow {
    right: 10px;
}
.thumb-switch.active img {
    border: 2px solid var(--primary-color);
    border-radius: 4px;
}

.search-result p {
    padding: 10px 0;
    border-bottom: 1px solid #ccc; /* серая линия */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    color: var(--primary-color);
}


.search-result p:last-child {
    border-bottom: none; /* убрать у последнего элемента */
}

.contact-card .card{
    border: 1px solid var(--primary-color);
}
.contact-card .card .card-body h5{
    font-weight: bold;
    text-transform: uppercase;
}


.add-wishlist {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    margin-bottom: 5px;

}
.add-wishlist a {
    font-size: 16px;
    padding: 5px;
}
.add-wishlist a:hover {
    font-size: 16px;
    color: var(--white);
    background-color: var(--primary-color);
}

.add-wishlist.ready a:hover {
    font-size: 16px;
    color: var(--white);
    background-color: #c1c1c1;
}

.tooltip {
    z-index: 10700;
    --bs-tooltip-bg: var(--primary-color);
    --bs-tooltip-color: #FFFFFF;
}

.btn-outline-primary.m {
    --bs-btn-color: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary-color);
    --bs-btn-hover-border-color: var(--primary-color);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-color);
    --bs-btn-active-border-color: var(--primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--primary-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--primary-color);
    --bs-gradient: none;
}

.btn-outline-primary.m:hover {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.footerData p{
    margin-bottom: 3px;
}

.category-menu h4{
    font-weight: bold;
}
.category-menu h5{
    font-weight: bold;
}
.category-menu h6{
    font-weight: bold;
}
.category-menu .filtrList a,
.category-menu .subcat a {
    font-size: 13px;
}

.del-diag{
    position: relative;
    text-decoration: none; /* отключаем стандартное перечёркивание */
}
.del-diag::after{
    content: '';
    position: absolute;
    left: -6%;
    right: -6%;
    top: 30%;
    height: 5px;
    background: rgb(4, 115, 187, 0.55); /* белая диагональная линия с прозрачностью */
    transform: rotate(-16deg);
    pointer-events: none;
}

.sale-b {
    position: absolute;
    width: 100px;
    z-index:1021;
    top: 20px;
    transform: rotate(90deg);
    animation:fade 1000ms infinite;
    -webkit-animation:fade 1000ms infinite;
}

.sale-b.lit{
    width: 50px;
    z-index:1021;
    top: 0;
    left: 10px;

}

@keyframes fade {
    0% { opacity: 1; }
    10% { opacity: 0.8; }
    20% { opacity: 0.6; }
    30% { opacity: 0.4; }
    40% { opacity: 0.2; }
    50% { opacity: 0; }
    60% { opacity: 0.3; }
    70% { opacity: 0.5; }
    80% { opacity: 0.8; }
    90% { opacity: 1; }
}

@-webkit-keyframes fade {
    0% { opacity: 1; }
    10% { opacity: 0.8; }
    20% { opacity: 0.6; }
    30% { opacity: 0.4; }
    40% { opacity: 0.2; }
    50% { opacity: 0; }
    60% { opacity: 0.3; }
    70% { opacity: 0.5; }
    80% { opacity: 0.8; }
    90% { opacity: 1; }
}

/* Breadcrumb в одну строку с горизонтальным скроллом */
.breadcrumb-container.custom .breadcrumb {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-bottom: 0;
    scroll-behavior: smooth;
}
.breadcrumb-container.custom .breadcrumb::-webkit-scrollbar {
    display: none;
}
.breadcrumb-container.custom .breadcrumb-item {
    flex-shrink: 0;
}
.breadcrumb-container.custom .breadcrumb-item + .breadcrumb-item::before {
    flex-shrink: 0;
}