/* inter-regular - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/inter-v20-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/inter-v20-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
    --swiper-pagination-bullet-size: 14px;
    --swiper-pagination-color: var(--cb-primary);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-inactive-color: #fff;

    --swiper-navigation-size: 24px;
    --swiper-navigation-color: var(--cb-body-color);
    --swiper-navigation-hover-color: var(--cb-primary);
}

body { font-family: 'Inter', sans-serif; }

svg { display: block; width: 18px; }

.btn { display: inline-flex; gap: 1rem; align-items: center; text-transform: uppercase;
    --cb-btn-padding-x: 1.375rem; --cb-btn-padding-y: .625rem; --cb-btn-font-size: .875rem; --cb-btn-font-weight: 700; --cb-btn-border-width: 2px; --cb-btn-border-radius: 100vw;
}
.btn-primary {
    --cb-btn-color: #fff;
    --cb-btn-hover-bg: var(--cb-secondary); --cb-btn-hover-color: #fff; --cb-btn-hover-border-color: var(--cb-secondary);
    --cb-btn-active-bg: var(--cb-secondary); --cb-btn-active-color: #fff; --cb-btn-active-border-color: var(--cb-secondary);
}
.btn-outline-primary {
    --cb-btn-hover-bg: var(--cb-primary); --cb-btn-hover-color: #fff;
}
.btn-secondary {  }

.btn-sm { --cb-btn-padding-x: 10px; --cb-btn-padding-y: 6px; --cb-btn-font-size: 12px; --cb-btn-border-width: 1px; gap: .5rem; }
.btn-sm svg { width: 14px; }
.btn-lg { --cb-btn-padding-x: 1.75rem; --cb-btn-padding-y: 1.125rem; --cb-btn-font-size: 1.25rem; }



.btn-icon { position: relative; --cb-btn-padding-x: .5rem; --cb-btn-padding-y: .5rem; --cb-btn-border-width: 1px; }
.btn-icon svg { width: 16px; }

.badge-qty { position: absolute; top: -4px; right: -4px; display: flex; justify-content: center; align-items: center; font-size: 9px; font-weight: 400; width: 18px; aspect-ratio: 1/1; background-color: var(--cb-secondary); border-radius: 100%; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; color: var(--cb-secondary); }

.form-floating>label { font-weight: 700; color: var(--cb-secondary) }
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { color: var(--cb-secondary) }

.form-floating>textarea.form-control { min-height: 180px; }

.main-title { margin-bottom: 3rem; }
.sub-title { font-size: 1.875rem; line-height: 1; font-weight: 700; color: var(--cb-primary); margin-bottom: .5rem; }
.sub-title2 { font-size: 1.25rem; font-weight: 700; color: var(--cb-primary); margin-bottom: 1.5rem; }

.nav-link:focus-visible { box-shadow: none; }

.header-top { position: relative; /*z-index: 1021;*/ background-color: #fff; border-bottom: 1px solid var(--cb-primary); padding: .25rem; }
.header-top .nav-link { display: flex; align-items: center; gap: .75rem; --cb-nav-link-padding-x: 0; --cb-nav-link-padding-y: 0; --cb-nav-link-font-size: 14px; --cb-nav-link-font-weight: 700;
    --cb-nav-link-color: var(--cb-secondary);
    --cb-nav-link-hover-color: var(--cb-primary);
}
.header-top .nav-link svg { color: var(--cb-primary); }


/*.header-primary { background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(32px); -webkit-backdrop-filter: blur(32px); box-shadow: 0 0 10px 0 rgba(var(--cb-secondary-rgb), .5) } */
.header-primary { background-color: #fff; box-shadow: 0 4px 10px -2px rgba(var(--cb-secondary-rgb), .5) }
.header-primary .navbar { --cb-navbar-padding-y: .5rem; --cb-navbar-brand-padding-y: 0; --cb-navbar-nav-link-padding-x: .75rem; --cb-navbar-brand-margin-end: 0; }
.header-primary .navbar-nav { align-items: center; gap: .5rem; }
.header-primary .navbar-nav { --cb-nav-link-padding-y: .5rem; --cb-nav-link-font-size: 1rem; --cb-nav-link-color: var(--cb-secondary); --cb-nav-link-hover-color: var(--cb-primary); --cb-navbar-active-color: var(--cb-primary); }
.header-primary .navbar-nav .nav-link.active { --cb-nav-link-font-weight: 700; }

.quick-links { margin-left: 1.5rem; flex-direction: row; }

.page-image { background: 50% 50% no-repeat scroll transparent; background-size: cover; width: 100%; height: clamp(45px, 6.33vw ,90px); }

.promobox { }
.promo-item { display: flex; align-items: center; padding: 4rem 0; min-height: clamp(10px, 41vw, 780px); color: #fff;
    background: 50% 50% no-repeat scroll var(--cb-secondary); background-size: cover;
}
.promo-inner { display: flex; flex-direction: column; gap: 3rem; }
.promo-title { font-size: 5.625rem; margin-bottom: 0; color: inherit; }
.promo-text { font-size: 1.75rem; }
.promo-buttons { display: flex; gap: 2rem; }
.promo-buttons .btn-secondary { --cb-btn-border-color: var(--cb-primary); --cb-btn-bg: rgba(var(--cb-secondary-rgb), .6) }
.promo-pagination { position: absolute; left: 0; bottom: 0; width: 100%; }

.block-item { text-decoration: none; color: var(--cb-body-color);
    position: relative; display: flex; flex-direction: column; align-items: center; gap: 2rem; height: 100%; overflow:hidden;
    background-color: #fff; border-radius: var(--cb-border-radius-lg); border: 1px solid #cfcfcf; padding: 2rem 1rem 1rem 1rem; border-bottom: 4px solid var(--cb-primary);
    transition: background-color .15s ease-in-out, color .15s ease-in-out;
}
.block-image { width: 80px; }
.block-body { display: flex; flex-direction: column; gap: 2rem; height: 100%; }
.block-title { font-size: 1.375rem; margin-bottom: 0; }
.block-text { }
.block-text *:last-child { margin-bottom: 0; }
.block-action { margin-top: auto; }
.block-action .btn { text-align: center; justify-content: center; }
.block-icon { color: var(--cb-primary) }
.block-icon svg { width: 10px; }
a.block-item:hover { background-color: var(--cb-secondary); color: #fff; }
a.block-item:hover .block-title { color: #fff; }
.block-item.bg-secondary { border: 0 none; border-bottom: 4px solid var(--cb-primary) }

.block-aside { --offset-top: 3.5rem;  height: unset; padding: 2rem; gap: 3rem; }
.block-aside .block-title { font-size: 2rem; }
.block-aside .block-body { gap: 1rem; }

.services-swiper { padding: 0 2rem; }
.services-swiper .swiper { padding: 0 1px; }
.services-swiper .swiper-slide { height: unset; }
.services-swiper,
.services-swiper * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none; }

.swiper-button { transition: color .15s ease-in-out; }
.swiper-button:hover { color: var(--swiper-navigation-hover-color); }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 0; }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 0; }

.text-widget { position: relative; isolation: isolate; padding-bottom: var(--bottom-offset, 0); }
.text-widget-inner { position: relative; min-height: clamp(5px, 35.2vw, 670px); display: flex; align-items: center; }
.text-widget .image { position: absolute; top: 0; z-index: 0; width: 50%; height: 100%; /*max-height: clamp(5px, 35.2vw, 670px);*/ border-radius: var(--cb-border-radius-lg); overflow: hidden; }
.text-widget .image img { width: 100%; height: 100%; object-fit: cover; object-position: 0 50%; }
.text-widget.image-right .image { right: 0; }
.text-widget.image-left .image { left: 0; }

.text-widget:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 50%; height: clamp(5px, 47.8vw, 910px); background: url(../images/bg-watermark-01.png) 50% 50% no-repeat scroll transparent; background-size: contain; }
.text-widget.image-right:before { left: 0; }
.text-widget.image-left:before { right: 0; }
.text-widget.bg-light:before { background: url(../images/bg-watermark-02.png) 50% 50% no-repeat scroll transparent; }

.text-widget .image,
.text-widget .image *,
.text-widget:before { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none; }

.text-widget .block-item { text-align: center; }
.text-widget .block-title { font-size: 2rem; }
.text-widget .block-body {  }
.text-widget .block-action { display: flex; flex-direction: column; gap: .5rem; /*padding: 0 clamp(0px, 3.15vw, 60px);*/ }
.text-widget .block-item.bg-secondary .btn-primary { --cb-btn-hover-border-color: #fff; }

.media-list {}
.media-item { display: flex; flex-direction: column; height: 100%; gap: 1rem; color: var(--cb-body-color); text-decoration: none; }
.media-image {}
.media-image img { border-bottom: 4px solid var(--cb-primary); border-radius: var(--cb-border-radius-lg); transition: all .15s ease-in-out; }
.media-body { display: flex; flex-direction: column; height: 100%; gap: 1rem; }
.media-title { font-size: 1.25rem; margin-bottom: 0; transition: color .15s ease-in-out; }
.media-text {  }
.media-action { margin-top: auto; }
.media-link { font-weight: 700; color: var(--cb-primary); }
.media-item:hover .media-title { color: var(--cb-primary); }
.media-item:hover .media-image img { filter: brightness(.75); }

.news-sidebar {}
.news-sidebar .media-item { flex-direction: row; gap: .5rem; padding: .5rem; border-radius: var(--cb-border-radius); border: 1px solid var(--cb-border-color); }
.news-sidebar .media-image { flex: 0 0 80px; }
.news-sidebar .media-image img { border-bottom-width: 2px; border-radius: var(--cb-border-radius); }
.news-sidebar .media-body { gap: 6px; }
.news-sidebar .media-title { font-size: 1rem; }
.news-sidebar .media-action { margin-top: 0; }
.news-sidebar .media-link { font-size: 12px; }

.gallery-list {}

.product-list { container-type: inline-size; }
.product-item { position: relative; display: flex; flex-direction: column; gap: 1rem; height: 100%;
    padding: 1rem 1rem; border-radius: var(--cb-border-radius-lg); border-bottom: 2px solid transparent;
    transition: all .15s ease-in-out;
}
.product-image {}
.product-image img { width: 100%; }
.product-body {  display: flex; flex-direction: column; gap: 1rem; height: 100%; }
.product-title { font-size: 1.25rem; text-align: center; margin-bottom: 0; transition: color .15s ease-in-out; }
.product-title a { color: inherit; text-decoration: none; }
.product-info { display: flex; justify-content: space-between; /*align-items: center;*/ gap: 2px; margin-top: auto; }
.product-prices {  }
.product-price-regular { font-size: 1.125rem; line-height: 1.1; font-weight: 700; color: var(--cb-primary); }
.product-price-old { font-size: .875rem; text-decoration: line-through; }
.product-badge { display: flex; flex-wrap: wrap; gap: .5rem; }
.badge { --cb-badge-font-size: 12px; --cb-badge-font-weight: 700; --cb-badge-padding-x: 4px; --cb-badge-padding-y: 6px; --cb-badge-border-radius: var(--cb-border-radius-sm) }
.product-action {}
.product-item .btn { --cb-btn-padding-x: 10px; --cb-btn-padding-y: 6px; --cb-btn-font-size: 12px; --cb-btn-border-width: 1px; }

.product-list .product-badge { position: absolute; top: .5rem; left: .5rem; z-index: 2; }

.product-item:hover { box-shadow: 0 0 1.5rem rgba(var(--cb-secondary-rgb), .3); }
.product-list:not(.product-mini-list) .product-item:hover { border-bottom-color: var(--cb-primary); }
.product-item:hover .product-title { color: var(--cb-primary); }

.product-mini-list {  }
.product-mini-list .product-item-wrapper { display: flex; flex-direction: column; gap: .5rem; }

/*.product-mini-list .product-item .btn { --cb-btn-padding-x: 10px; --cb-btn-padding-y: 6px; --cb-btn-font-size: 12px; --cb-btn-border-width: 1px; }*/

.category-action { background-color: rgba(var(--cb-light-rgb), .5); border-radius: var(--cb-border-radius-lg); border: 1px solid var(--cb-border-color); padding: 1rem; }
.category-action>* { max-width: 250px; }

@container (max-width: 541px) {
    .product-item { flex-direction: row; padding: .5rem .5rem;
        box-shadow: none; border: 1px solid var(--cb-border-color);
    }
    .product-image { flex: 0 0 80px; }
    .product-body { flex: 1; gap: .5rem; }
    .product-title { text-align: left; font-size: 1.125rem; }
    .product-list .product-badge { top: .25rem; left: .25rem; }
    .product-item:hover { box-shadow: none; }
}

.scroll-wrapper { overflow-y: auto; }
.scroll-wrapper::-webkit-scrollbar { width: 7px; background-color:rgba(0,0,0,0.2); border-radius: 7px; margin-left: 10px; }
.scroll-wrapper::-webkit-scrollbar-track { background-color: transparent; }
.scroll-wrapper::-webkit-scrollbar-thumb { border-radius: 7px; background-color:rgba(0,0,0,0.4); }
.scroll-wrapper::-webkit-scrollbar-thumb:hover { background-color:rgba(0,0,0,0.7); }

.basket-widget {}
/*.basket-widget .product-mini-list .product-item-wrapper { gap: .375rem; }*/
/*.basket-widget .dropdown-menu { padding: 16px 8px; min-width: 360px; height: auto; }*/
/*.basket-widget .product-item-row { position: relative; display: flex; align-items: flex-start; gap: 10px; padding: .375rem; }*/
.basket-widget .product-item-row { position: relative; }

.basket-widget .product-item { width: 100%; flex: 1 0 0%; padding: 8px 36px 8px 8px; gap: 8px; font-size: 13px; }
.basket-widget .product-body { gap: 2px; }
.basket-widget .product-image { flex: 0 0 60px; }
.basket-widget .product-title { font-size: 13px; }
.basket-widget .product-price-regular { font-size: 14px; }
.basket-widget .basket-action-delete { position: absolute; top: 8px; right: 8px; }
.basket-widget .basket-action-delete .btn-sm { --cb-btn-padding-x: 6px; --cb-btn-padding-y: 6px; --cb-btn-border-radius: .325rem; }


.product-view {}
.product-view .main-title { margin-bottom: 1.5rem; }
.product-view .product-image img { width: auto; }
.product-view .product-list .product-image img { width: 100% }
.product-view .product-price-regular { display: flex; align-items: baseline; gap: .75rem; font-size: 2rem; }
.product-view .priduct-unit { display: inline-block; color: var(--cb-body-color); font-size: 1rem; font-weight: 400; }
.product-data { display: flex; flex-direction: column; gap: 2rem; }

.product-qty-wrapper { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; align-items: center; padding: 1rem; background-color: var(--cb-light); border: 1px solid var(--cb-border-color); border-radius: var(--cb-border-radius-lg); }
.product-qty { display: flex; align-items: center; gap: .75rem;  }
.product-atc {  }
.product-atc .btn { width: 100%; justify-content: center; }
.product-qty-selector { display: flex; align-items: center; gap: 0; max-width: 180px;
    background-color: #fff; border: 1px solid var(--cb-border-color); border-radius: var(--cb-border-radius); }
.product-qty-selector .form-control { background-color: #fff; border: 0 none; text-align: center; }
.product-qty-selector .form-control:focus { box-shadow: none; }

.product-qty-selector .btn { --cb-btn-border-width: 0; --cb-btn-padding-x: .5rem; --cb-btn-padding-y: .5rem;
    --cb-btn-hover-color: var(--cb-primary);
}
.product-qty-selector .btn svg { width: 26px; }
/*.product-qty-selector .form-control { border: 1px solid red!important; }*/

.product-view .tab-content { padding: 1rem 1rem; border: 1px solid var(--cb-border-color); border-top: 0 none; }
.product-view .tab-content>.tab-pane:focus-visible { outline: 0 none; }
.product-view .nav-tabs .nav-link { --cb-nav-link-font-weight: 700; }

.product-text-body .table { --cb-table-bg: inherit; }

.sidebar {}
.sidebar-category { background-color: var(--cb-secondary); border-radius: var(--cb-border-radius-lg); }

/**/


.basket-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 30px; }
.basket-item { border-radius: var(--cb-border-radius-lg); overflow: hidden; border: 1px solid var(--cb-border-color); transition: box-shadow .15s ease-in-out; }
.basket-item .btn-sm { --cb-btn-padding-x: 6px; --cb-btn-padding-y: 6px; --cb-btn-border-radius: .325rem; }
.basket-item-wrapper { display: grid; grid-template-columns: 60px 1fr; gap: .75rem; align-items: center; padding: 1rem 1rem; }
.basket-item-image {}
.basket-item-inner { display: grid; grid-template-columns: 1fr 90px 200px 101px 28px; gap: 1rem; align-items: center; } /*name price-final qty price-sum action*/
.basket-item-name {  }
.basket-item-name .nav-link { --cb-nav-link-color: var(--cb-secondary); --cb-nav-link-font-weight: 700;
    --cb-nav-link-hover-color: var(--cb-primary);
}
.basket-item-qty { display: flex; align-items: center; gap: .5rem; }
.basket-item-qty .product-qty {  font-size: 13px; line-height: 1; gap: .5rem; }
.basket-item-qty .product-qty-selector .btn { --cb-btn-padding-x: 6px; --cb-btn-padding-y: 6px; }
.basket-item-qty .product-qty-selector .btn svg { width: 19px; }
.basket-item-qty .product-qty-selector .form-control { font-size: 12px; padding: 6px; width: 50px; }
.basket-item-qty .product-unit { }
.basket-item-price { font-size: .875rem; text-align: right; white-space: nowrap; }
.basket-item-price.price-final {  }
.basket-item-price.price-sum { font-weight: 700; }
.basket-item-additional { background-color: rgba(var(--cb-light-rgb), .5); border-top: 1px solid var(--cb-border-color); padding: 1rem 1rem 1rem 88px; font-size: 13px; }
.basket-item-system { max-width: 625px; width: 100%; }
.basket-item-system .table-system { --cb-table-bg: transparent; margin-bottom: 0; }
.basket-item-system .table-system.table>thead>*>* { font-size: 12px; font-weight: 700; }
.basket-item-system .table-system .ts-name { font-weight: 700; }
.basket-item-system .table-system .ts-price { text-align: right; white-space: nowrap; }
.basket-item-system .table-system .ts-qty { text-align: right; white-space: nowrap; }
.basket-item-system .table-system .ts-sum { text-align: right; white-space: nowrap; font-weight: 700; }
.basket-item-modifiers {}
.basket-item-modifiers .modifier-item span { font-weight: 700; }

.basket-item:hover { box-shadow: 0 0 .75rem rgba(var(--cb-secondary-rgb), .1); }

.basket-summary-box { position: sticky; position: -webkit-sticky; top: calc(var(--header-height) + .5rem);
    background-color: rgba(var(--cb-light-rgb), .5); border: 1px solid var(--cb-border-color); border-radius: var(--cb-border-radius-lg); padding: 1rem 1rem;
    font-size: 14px;
}
.basket-summary-title { font-size: 1rem; font-weight: 700; text-transform: uppercase; margin-bottom: 1rem; }
.basket-summary-box hr { border-color: var(--cb-border-color); opacity: 1; margin: 1rem 0; }
.basket-summary-box .summary-title-sub {  }
.basket-summary-box .summary-total-sub { font-size: 15px; font-weight: 700; white-space: nowrap; }
.basket-summary-box .btn-edit { --cb-btn-padding-x: 0; --cb-btn-padding-y: 0; --cb-btn-border-width: 0; --cb-btn-border-radius: 0;
    --cb-btn-color: var(--cb-primary);
    --cb-btn-hover-color: var(--cb-secondary);
}
.basket-summary-box .btn-edit svg { width: 14px; }
.basket-summary-box .summary-total-row .summary-title-sub, .basket-summary-box .summary-total-row .summary-total-sub { font-size: 1rem; font-weight: 700; }

.basket-view-action { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }

.basket-summary .basket-item-inner { grid-template-columns: 1fr 90px 200px 101px; }
.basket-summary .basket-item-qty { justify-content: flex-end; }

.basket-summary .basket-item:hover { box-shadow: none; }

.card-user textarea.form-control { min-height: 120px; }

.card-user { font-size: 14px; height: 100%;
    --cb-card-bg: rgba(var(--cb-light-rgb), .5);
    --cb-card-title-spacer-y: 1rem;
}

.card-user .card-title { font-size: 1rem; text-transform: uppercase; }
.card-user .card-footer { text-align: right; }

/**/
.bs-wrapper { padding: 1.5rem 1.5rem; margin-bottom: 2rem; background: rgba(var(--cb-light-rgb), .5); border-radius: var(--cb-border-radius-lg); }
.breadcrumb-steps { display: flex; align-items: center; justify-content: space-between; position: relative; margin-bottom: 0; padding: 0; list-style: none;
    --icon-size: 48px;
    counter-reset: steps;
}
.breadcrumb-steps:before { content: ''; position: absolute; z-index: 1; top: calc(var(--icon-size) / 2); right: calc(var(--icon-size) + 4px); left: calc(var(--icon-size) - 4px); height: 2px; background-color: var(--cb-border-color);  }
.breadcrumb-step-item { /*flex: 1;*/ display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .5rem; position: relative; text-align: center; }
.breadcrumb-step-item::before { counter-increment: steps; content: counter(steps); width: var(--icon-size); aspect-ratio: 1 / 1; border-radius: 100vw;
    background-color: var(--cb-secondary); border: 2px solid var(--cb-secondary);
    display: flex; justify-content: center; align-items: center;
    color: #fff; font-weight: 700;
    position: relative; z-index: 1;
    transition: all .15s ease-in-out;
}
.breadcrumb-step-item>span { font-size: 14px; font-weight: 400; color: var(--cb-secondary); white-space: nowrap; }
.breadcrumb-step-item .nav-link { text-decoration: none; --cb-nav-link-font-size: 14px; white-space: nowrap;
    --cb-nav-link-color: var(--cb-secondary);
    --cb-nav-link-hover-color: var(--cb-primary);
}
.breadcrumb-step-item.active { z-index: 3; }
.breadcrumb-step-item.active::before { background-color: var(--cb-primary); border-color: var(--cb-primary); color: #fff;
    box-shadow: 0 0 .75rem rgba(var(--cb-primary-rgb), 0.3);
}
.breadcrumb-step-item.active span { color: var(--cb-primary); font-weight: 700; }
.breadcrumb-step-item:first-child::after { content: unset; display: none; }
.breadcrumb-step-item.active ~ .breadcrumb-step-item::before { background-color: var(--cb-light); border-color: var(--cb-border-color); color: var(--cb-body-color); }
.breadcrumb-step-item.active ~ .breadcrumb-step-item:hover::before { background-color: var(--cb-light); border-color: var(--cb-border-color); color: var(--cb-body-color); }
.breadcrumb-step-item:hover:not(.active):before { background-color: var(--cb-light); color: var(--cb-primary); border-color: var(--cb-primary) }

/*.breadcrumb-step-item:not(.active) { background-color: forestgreen; }*/
/*.breadcrumb-step-item.active ~ .breadcrumb-step-item { background-color: red; }*/

.alert-primary { --cb-alert-color: var(--cb-body-color); --cb-alert-bg: rgba(var(--cb-light-rgb), .5); --cb-alert-border-color: var(--cb-primary); }
.alert-secondary { --cb-alert-color: #fff; --cb-alert-bg: var(--cb-secondary); --cb-border-width: 0; box-shadow: 0 0 .75rem rgba(var(--cb-secondary-rgb), .1);
    --cb-alert-margin-bottom: 1.5rem;
}


.product-color-select {}
.product-color-select .nav-link { --cb-nav-link-font-size: 13px; --cb-nav-link-hover-color: var(--cb-primary); }
.product-color-select .nav-link img { margin-bottom: 5px; border: 1px solid #cecece; transition: border-color .15s ease-in-out; }
.product-color-select .nav-link:hover img { border-color: var(--cb-dark); }
/**/

.content-text {}
.content-text ul:not(.nav) { list-style: none; padding-left: 0; }
.content-text ul:not(.nav) li { position: relative; padding-left: 2rem; font-weight: 700; }
.content-text ul:not(.nav) li + li { margin-top: .75rem; }
.content-text ul:not(.nav) li:before { content: ''; position: absolute; top: 1px; left: 0; width: 1.25rem; height: 1.25rem;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='%233aaa3b' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.558.442c-1.045 0-2.01.24-2.974.562-.885.402-1.689.965-2.412 1.608C1.448 3.336.885 4.14.564 5.024.162 5.99 0 6.954 0 8c0 1.045.242 2.01.564 2.974.402.885.965 1.689 1.608 2.412.723.724 1.527 1.287 2.412 1.608.965.402 1.929.564 2.974.564 1.045 0 2.01-.242 2.974-.564.885-.402 1.689-.965 2.412-1.608.724-.723 1.287-1.527 1.608-2.412.402-.965.564-1.929.564-2.974 0-1.045-.08-1.528-.322-2.252l-1.85 1.77.082.08v.482c0 .724-.16 1.447-.402 2.17-.241.644-.643 1.207-1.206 1.77-.483.483-1.127.885-1.77 1.206-.643.322-1.366.402-2.17.402-.804 0-1.448-.16-2.172-.402-.643-.241-1.205-.643-1.768-1.206-.483-.482-.885-1.126-1.206-1.77-.322-.643-.402-1.366-.402-2.17 0-.804.16-1.446.402-2.17.241-.643.643-1.207 1.206-1.77.482-.482 1.125-.884 1.768-1.206.643-.321 1.368-.402 2.172-.402s1.446.161 2.17.402c.241.08.483.241.724.402l1.608-1.528c-.482-.321-.965-.563-1.448-.804C9.567.602 8.603.442 7.558.442zm7.195.845c-.301 0-.602.12-.843.361l-6.192 5.95c-.16.08-.241.16-.402.16s-.321 0-.402-.16l-.884-.804a1.152 1.152 0 0 0-.804-.322c-.241 0-.643.08-.804.322h-.16c-.241.241-.402.562-.402.884s.16.643.402.884l2.17 2.01a1.332 1.332 0 0 0 1.688 0l7.478-7.156c.241-.241.402-.562.402-.884 0-.322-.16-.643-.402-.884a1.191 1.191 0 0 0-.845-.361z'/%3E%3C/svg%3E") 50% 50% no-repeat scroll transparent;
    background-size: 1.25rem 1.25rem;
}

.footer-primary { background-color: var(--cb-secondary); color: #fff; }
.footer-primary h3 { margin-bottom: 1.5rem; font-size: 1rem; color: #fff; font-weight: 400; text-transform: uppercase; }
.footer-primary .nav-footer { gap: .5rem; }
.footer-primary .nav-item { display: flex; }
.footer-primary .nav-link { display: inline-flex; align-items: center; gap: .5rem;
    --cb-nav-link-padding-x: 0; --cb-nav-link-padding-y: 0; --cb-nav-link-color: #fff; --cb-nav-link-hover-color: var(--cb-primary);
}
.footer-primary .nav-contact-link { --cb-nav-link-color: var(--cb-primary); --cb-nav-link-hover-color: var(--cb-link-hover-color); }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.25); font-size: 14px; }

.social-box { display: flex; gap: 1rem; }
.social-box .nav-link { display: flex; justify-content: center; align-items: center; width: 42px; height: 42px;
    background-color: var(--cb-primary); border-radius: 100%;
    --cb-nav-link-color: #fff;
    --cb-nav-link-padding-x: 0; --cb-nav-link-padding-y: 0;
}
.social-box .nav-link svg { width: 20px; }
.social-box .nav-link:hover { background-color: #fff; }

/**/
.fade { transition: opacity .15s ease-in-out, background-color .15s ease-in-out, backdrop-filter .15s ease-in-out; }
.offcanvas-backdrop,
.modal-backdrop { --cb-backdrop-bg: rgba(var(--cb-secondary-rgb), .5); background-color: var(--cb-backdrop-bg); backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); }
.offcanvas-backdrop.show,
.modal-backdrop.show { backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
.offcanvas-backdrop.fade,
.offcanvas-backdrop.show,
.modal-backdrop.fade,
.modal-backdrop.show { opacity: 1; }

.offcanvas {}
.offcanvas-footer { padding: var(--cb-offcanvas-padding-y) var(--cb-offcanvas-padding-x); }

.side-item {  }
.side-header {  }
.side-body {  }

.offcanvas-category { --cb-offcanvas-bg: var(--cb-secondary); }
.offcanvas-category .offcanvas-header{ padding: 1rem 1.5rem; border-bottom: 1px solid rgba(var(--cb-primary-rgb), .3); }
.offcanvas-category .offcanvas-title { color: #fff; }
.offcanvas-category .nav-level-0>.nav-item:not(:first-of-type) { border-top: 1px solid rgba(var(--cb-primary-rgb), .3); }
.offcanvas-category .nav-link { display: flex; align-items: center; gap: .5rem; padding: .75rem .5rem .75rem 1.5rem; transition: all .15s ease-in-out;
    --cb-nav-link-font-size: .875rem; --cb-nav-link-font-weight: 700; --cb-nav-link-hover-color: var(--cb-primary);
}
.offcanvas-category .nav-link svg { width: 12px; }
.offcanvas-category .nav-link:hover { background-color: rgba(var(--cb-primary-rgb), .15); }
.offcanvas-category .active>.nav-link { background-color: rgba(var(--cb-primary-rgb), .2); }
.offcanvas-category .nav-level-1 { display: none; background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.05) 100%); border-top: 1px solid rgba(var(--cb-primary-rgb), .4); }
.offcanvas-category .nav-level-1 .nav-link { padding: .5rem .5rem .5rem 1.5rem;
    --cb-nav-link-font-size: .875rem; --cb-nav-link-font-weight: 400;
    --cb-nav-link-color: #fff;
}
.offcanvas-category .nav-level-0>.nav-item.active>.nav-level-1 { display: flex; }


.offcanvas-filter { --cb-offcanvas-bg: rgba(var(--cb-light-rgb), .5); border: 1px solid var(--cb-border-color); }
.offcanvas-filter .offcanvas-header { padding: 1rem 1.5rem; }
.offcanvas-filter .offcanvas-title { }


.filter { --filter-gap: 1rem; display: flex; flex-direction: column; gap: 0; }
.filter-item { margin-bottom: var(--filter-gap); padding-bottom: var(--filter-gap); border-bottom: 1px solid rgba(var(--cb-primary-rgb), .2); }
.filter-item:last-child { --filter-gap: 0; border-bottom: none; }
.filter-header { font-size: 15px; font-weight: 700; margin-bottom: .5rem; color: var(--cb-secondary) }
.filter-body {}

.filter-range-wrapper {  }
.filter-labels { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-top: .5rem; }
.filter-labels>span { font-size: 13px; }

.filter .form-check-label { font-weight: 400; }
.filter .form-select { background-color: #fff; }

.noUi-horizontal { height: 12px; }
.noUi-target { background-color: #fff; box-shadow: none; border: 1px solid var(--cb-border-color); }
.noUi-connect { background-color: var(--cb-primary); }
.noUi-handle { background-color: var(--cb-secondary); border: 0 none; box-shadow: none; border-radius: 3px; }
.noUi-horizontal .noUi-handle { width: 14px; height: 20px; right: -7px; top: -5px; }
.noUi-handle:after, .noUi-handle:before { content: none; }

/*
.content-lead { border-radius: var(--cb-border-radius-lg); box-shadow: 0 0 .75rem rgba(var(--cb-secondary-rgb), .3); padding: 1rem; }
.content-lead *:last-of-type { margin-bottom: 0; }
*/

.pagination { justify-content: center; margin-bottom: 0; --cb-pagination-font-size: .875rem; }
.pagination .page-link { display: flex; height: 100%; }
.pagination svg { width: 12px; }

@media (min-width: 576px) {
    /*html { font-size: 14px; }*/
}
@media (min-width: 768px) {
    html { font-size: 14px; }
}
@media (min-width: 992px) {
    html { font-size: 14px; }

    .main-title { font-size: 2.875rem; }
    .text-widget { --bottom-offset: 6.25rem; }
    .block-aside { margin-top: calc((5rem + var(--offset-top)) * -1); }

    .sidebar { display: flex; flex-direction: column; gap: 2rem; }

    .offcanvas-desktop { transition: none; transform: none; visibility: visible!important; position: relative; z-index: 1; width: auto; top: auto; left: auto; bottom: auto; }
    .offcanvas-desktop .offcanvas-header { }
    .offcanvas-desktop .offcanvas-body { padding: 0; overflow-y: visible; }
    .offcanvas-desktop .btn-close { display: none; }

    .offcanvas-category { border-radius: var(--cb-border-radius-lg); }
    .offcanvas-filter { border-radius: var(--cb-border-radius-lg); }
    .offcanvas-filter.offcanvas-desktop .offcanvas-body { padding: 1rem 1.5rem; }
}
@media (min-width: 1200px) {
    html { font-size: 16px; }

    .block-aside { width: 400px; }

}
@media (min-width: 1400px) {
    html { font-size: 16px; }
}
@media (min-width: 1500px) {
    .promo-title { font-size: 5.625rem; }
}

@media (min-width: 576px) and (max-width: 991.98px) {

}
@media (min-width: 768px) and (max-width: 991.98px) {

}
@media (min-width: 390px) and (max-width: 575.98px) {

}
@media (min-width: 576px) and (max-width: 767.98px) {

}
@media (min-width: 768px) and (max-width: 991.98px) {

}
@media (min-width: 992px) and  (max-width: 1199.98px) {
    .block-aside {  }
}
@media (min-width: 992px) and  (max-width: 1499.98px) {

    .header-primary .navbar-brand img { max-width: 200px; }

    .promo-title { font-size: 3.5rem; }
}

@media (max-width: 575.98px) {
    /*html { font-size: 13px; }*/

    .services-swiper { padding: 0 0; }
    .swiper-button { display: none; }
    .news-item { max-width: 330px; margin-left: auto; margin-right: auto; }

    .gallery-item { gap: .5rem; }
    .gallery-title { font-size: 1.125rem; }

    .product-view .product-image img { width: 100%; }

    .bs-wrapper { padding: .75rem; margin-bottom: 1rem; }
    .breadcrumb-steps { align-items: flex-start; flex-direction: column; gap: .5rem; }
    .breadcrumb-step-item { flex-direction: row; }
    .breadcrumb-steps:before { top: 0; left: calc((var(--icon-size) / 2) - 1px); bottom: 0; height: unset; width: 2px; }
}
@media (max-width: 767.98px) {
    html { font-size: 13px; }
    .text-widget .image { display: none; }


    .basket-item-wrapper { padding: .5rem; align-items: start; }
    .basket-item-inner { gap: .5rem; align-items: start;
        grid-template-rows: auto auto auto auto;
        grid-template-columns: 1fr 1fr 28px;
    }

    .basket-item-name { grid-row: 1; grid-column: 1/3; }
    .basket-item-price.price-final { grid-row: 2; grid-column: 1/4; }
    .basket-item-price.price-sum { grid-row: 4; grid-column: 1/4; font-size: 1.125rem; }
    .basket-item-qty { grid-row: 3; grid-column: 1/4; margin-left: auto; }
    .basket-item-action { grid-row: 1; grid-column: 3; }

    .basket-item-additional { padding: 1rem; }
    .basket-item-system .table-system { font-size: 10px; }
    .basket-item-system .table-system.table>thead>*>* { font-size: 10px; }
    .basket-item-system .table-system>*>*>* { padding: 2px; }
    .basket-item-modifiers { font-size: 10px; }

    .basket-summary .basket-item-inner { grid-template-columns: 1fr 1fr 1fr; }
    .basket-summary .basket-item-name { grid-column: 1/4; }

    .breadcrumb-steps { --icon-size: 24px; }
    .breadcrumb-step-item::before { border-width: 1px; font-size: 11px; }
    .breadcrumb-step-item .nav-link { --cb-nav-link-font-size: 12px; }
    .breadcrumb-step-item>span { font-size: 12px; }

    .footer-primary h3 { margin-top: 1rem; }

}
@media (max-width: 991.98px) {

    .header-top { display: none; }

    .header-primary .navbar-brand img { max-width: 130px; }

    .main-title { margin-bottom: 1.5rem; }

    .promo-inner { gap: 1.5rem; }
    .promo-title { font-size: 2.5rem; }
    .promo-text { font-size: 1.25rem; }
    .promo-buttons { gap: 1rem; }
    .promo-buttons .btn-lg { --cb-btn-padding-x: 1.375rem; --cb-btn-padding-y: .625rem; --cb-btn-font-size: .875rem; }

    .btn { gap: .5rem; --cb-btn-border-width: 1px; --cb-btn-padding-x: 1rem; --cb-btn-padding-y: .5rem; --cb-btn-font-size: .875rem; }
    .btn-sm { --cb-btn-padding-x: 10px; --cb-btn-padding-y: 6px; --cb-btn-font-size: 12px; --cb-btn-border-width: 1px; }
    .btn-lg { --cb-btn-padding-x: 1.375rem; --cb-btn-padding-y: .625rem; --cb-btn-font-size: .875rem; }
    .btn-icon { --cb-btn-padding-x: .5rem; --cb-btn-padding-y: .5rem; }

    .btn svg { width: 14px; }
    .btn-sm svg { width: 12px; }

    .product-mini-list .product-item .btn { --cb-btn-padding-x: 8px; --cb-btn-padding-y: 4px; --cb-btn-font-size: 11px; }

    .product-item { padding: .5rem .5rem; }
    .product-item .btn { --cb-btn-padding-x: 8px; --cb-btn-padding-y: 4px; --cb-btn-font-size: 11px; }

    .footer-bottom { font-size: 12px; }

    .offcanvas { --cb-offcanvas-width: 90%; max-width: 400px; }
    .offcanvas .btn-close { opacity: 1; }

    .offcanvas-navigation {  }
    .offcanvas-navigation .offcanvas-title img { max-width: 120px; }
    .offcanvas-navigation .collapse:not(.show) { display: block; }
    .offcanvas-navigation .navbar-nav { display: flex; flex-direction: column; --cb-nav-link-padding-x: 0; }
    .offcanvas-navigation .navbar-nav.quick-links { gap: .5rem; margin-top: .75rem; }
    .offcanvas-navigation .nav-link { --cb-nav-link-font-size: 1rem; --cb-nav-link-font-weight: 700; --cb-nav-link-hover-color: var(--cb-primary); --cb-navbar-active-color: var(--cb-primary); }
    .offcanvas-navigation .nav-link.active { background-color: var(--cb-primary); color: #fff; margin-right: calc(var(--cb-offcanvas-padding-x) * -1); margin-left: calc(var(--cb-offcanvas-padding-x) * -1); padding-right: var(--cb-offcanvas-padding-x); padding-left: var(--cb-offcanvas-padding-x); }
    .offcanvas-navigation .nav-link:focus-visible { outline: none!important; box-shadow: none!important; }

    .offcanvas-navigation .dropdown-menu { position: static; --cb-dropdown-padding-y: 5px; }
    /*.offcanvas-navigation .dropdown-menu li + li { border-top: 1px solid var(--cb-border-color-translucent); }*/
    .offcanvas-navigation .dropdown-item { font-size: 1rem; white-space: normal; }
    .offcanvas-navigation .dropdown-item.active,
    .offcanvas-navigation .dropdown-item:active,
    .offcanvas-navigation .dropdown-item:focus,
    .offcanvas-navigation .dropdown-item:hover {--cb-dropdown-link-hover-color: var(--cb-primary); --cb-dropdown-link-active-color: var(--cb-primary); background-color: transparent; }
    .offcanvas-navigation .dropdown-menu .dropdown-menu { margin: var(--cb-offcanvas-padding-x); }

    .offcanvas-navigation .social-box { gap: .5rem; }
    .offcanvas-navigation .social-box .nav-link { width: 32px; height: 32px;
        --cb-nav-link-hover-color: #fff;
    }
    .offcanvas-navigation .social-box .nav-link svg { width: 16px; }
    .offcanvas-navigation .social-box .nav-link:hover { background-color: var(--cb-secondary) }

    .offcanvas-start-lg { top: 0; transition: transform .3s ease-in-out; left: 0; width: 80%; max-width: 400px; transform: translateX(-100%); }
    .offcanvas-category .offcanvas-header { padding-bottom: 5px;}
    .offcanvas-category .offcanvas-header .btn-close { margin-left: auto; }
    .offcanvas-category .offcanvas-body { padding: 0; }

    .offcanvas-filter { --cb-offcanvas-bg: rgba(var(--cb-light-rgb), 1);  }

    .info-bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; gap: .325rem;
        margin-bottom: 1.5rem; padding: .5rem .5rem;
        background-color: var(--cb-secondary); border-radius: var(--cb-border-radius-lg);
        box-shadow: 0 0 .5rem 0 rgba(var(--cb-secondary-rgb), .5);
        position: sticky; position: -webkit-sticky; z-index: 1019;
        top: calc(var(--header-height) + .75rem);
    }
    .info-bar .main-title { flex: 1; margin-bottom: 0; font-size: 1.125rem; color: #fff; }
    .info-bar .btn { text-transform: none; --cb-btn-font-size: 10px; --cb-btn-font-weight: 400; --cb-btn-padding-x: 6px; --cb-btn-padding-y: 4px;
    --cb-btn-hover-color: #fff; --cb-btn-hover-border-color: #fff;
    }

}
@media (max-width: 1199.98px) {
    .block-aside {  padding: 1rem; gap: 2rem; }
    .product-atc { flex: 1 1 100%; }
}
@media (max-width: 1399.98px) {

}
.alert-sm { --cb-alert-padding-x: .5rem; --cb-alert-padding-y: .5rem; font-size: 14px; }