/* roboto-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: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v30-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - 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: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/roboto-v30-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-v30-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rajdhani-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: 'Rajdhani';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/rajdhani-v15-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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

:root { --ba-body-color: #151515; }

.btn { --ba-btn-font-size: .875rem; --ba-btn-font-weight: 700; --ba-btn-padding-x: 1.5rem; --ba-btn-padding-y: .875rem; --ba-btn-border-radius: 0;
    text-transform: uppercase;
}
.btn-sm { --ba-btn-padding-x: .75rem; --ba-btn-padding-y: .375rem; --ba-btn-font-size: 12px; }
.btn-lg { --ba-btn-padding-x: 1.5rem; --ba-btn-padding-y: 1.5rem; --ba-btn-font-size: 1.25rem; }
.btn-primary { --ba-btn-color: #fff; --ba-btn-hover-color: #fff; --ba-btn-hover-bg: var(--ba-blue-500); --ba-btn-hover-border-color: var(--ba-blue-500); }
.btn-secondary { --ba-btn-color: #fff; }
.btn-link { --ba-btn-color: var(--ba-body-color); --ba-btn-hover-color: var(--ba-orange); --ba-btn-padding-x: 0rem; --ba-btn-padding-y: .875rem; --ba-btn-font-weight: 400;
    display: inline-flex; align-items: center; white-space: nowrap; padding-top: 0; padding-bottom: 0; text-transform: none; text-decoration: none;
}
.btn-link span { padding: var(--ba-btn-padding-y) 0; border-bottom: 1px dotted #9a9a9a; transition: border-color .15s ease-in-out }
.btn-link svg { width: 26px; margin-top: -2px; }
.btn-link:hover span { border-color: var(--ba-orange); }

.main-title,
.sub-title { font-family: 'Rajdhani', sans-serif; font-weight: 700; }
.main-title { margin: 0 0 1.5rem 0; }
.sub-title {  }

.content-body .sub-title { font-size: 1.5rem; padding-bottom: .5rem; margin-bottom: 1rem; border-bottom: 1px solid var(--ba-gray-500) }

.header-secondary { position: relative; z-index: 1002; background-color: var(--ba-blue-300); color: #fff; }
.header-secondary .nav-link { display: flex; align-items: center;
    --ba-nav-link-color: #fff; --ba-nav-link-hover-color: var(--ba-body-color); --ba-nav-link-font-weight: 500; --ba-nav-link-font-size: .875rem; --ba-nav-link-padding-x: 1rem; --ba-nav-link-padding-y: .5rem;
}

.nav-link i { margin-right: .5rem; display: inline-flex; width: 20px; height: 20px; align-items: center; justify-content: center; background-color: #fff; border-radius: 100vw; }
.nav-link i svg { width: 12px; color: var(--ba-blue-300); }
.quick-nav .dropdown-toggle::after { content: inherit; }
.quick-nav .nav-link { --ba-nav-link-color: #fff; --ba-nav-link-hover-color: var(--ba-orange); --ba-nav-link-padding-x: .875rem; }
.quick-nav .nav-link svg { width: 20px }

.header-primary { position: relative; z-index: 1001; padding: 1rem 0; background-color: #fff; box-shadow: 0 0 20px 0 rgba(var(--ba-body-color-rgb), .3); }
.header-primary .quick-nav .nav-link { --ba-nav-link-color: var(--ba-body-color); }
.header-primary .nav-link { text-transform: uppercase; }
.navbar { --ba-navbar-padding-y: 0; --ba-navbar-brand-padding-y: 0; --ba-navbar-color: var(--ba-body-color); --ba-navbar-active-color: var(--ba-orange); --ba-navbar-hover-color: var(--ba-orange);
    --ba-navbar-brand-margin-end: 5px;
}
.navbar-brand img { width: 317px; }
.navbar-nav .nav-link.active { font-weight: 700; }
.header-primary .navbar-nav .nav-item + .nav-item { margin-left: 1rem; }

.dropdown-menu { --ba-dropdown-link-hover-bg: var(--ba-orange); --ba-dropdown-link-hover-color: #fff; --ba-dropdown-link-active-bg: var(--ba-orange); --ba-dropdown-divider-margin-y: 5px; }

.category {}
/*.category.home-widget { position: relative; z-index: 10; margin-top: clamp(-180px, -9.45vw, -1px); }*/
.category.home-widget { position: relative; z-index: 10; margin-top: clamp(-150px, -7.88vw, -1px); }
.category.home-widget .row>div { position: relative; }
.category.home-widget .row>div:not(:first-child):before { content: ''; position: absolute; top: 50%; left: 0; bottom: 0; width: 2px; height: 75%; transform: translate(-1px, -50%); background-color: rgba(var(--ba-blue-300-rgb), .3); }
.category-inner { background-color: #fff; box-shadow: 0 0 15px 0 rgba(101,182,328,.3); padding: 2rem 2rem 1rem 2rem; }
.category-item { display: flex; flex-direction: column; height: 100%; position: relative; color: var(--ba-body-color); text-align: center; }
.category-image { margin-bottom: 1rem; }
.category-image img { display: block; margin: 0 auto; }
.category-name { margin: 0 0 .5rem 0; font-size: 1.25rem; font-family: 'Rajdhani', sans-serif; font-weight: 700; }
.category-name a { text-decoration: none; color: var(--ba-body-color); }
.category-name a:hover { color: var(--ba-orange); }
.category-item .icon { margin-top: auto; }
.category-item .icon svg { width: 28px; }
/*.category-item .stretched-link::after { display: none; content: inherit; }*/
.category-item:hover { color: var(--ba-orange); }

.product-list {}
.product-list.widget {}
.product-item { --px: 1.5rem; --py: 1.5rem; position: relative; display: flex; flex-direction: column; height: 100%; transition: box-shadow .15s ease-in-out  }
.product-image {}
.product-image img {}
.product-list .product-name { margin: 0; font-size: 1rem; padding: var(--py) var(--px) var(--py) var(--px); }
.product-name { margin: 0 0 1.5rem 0; font-weight: 700;  }
.product-name a { text-decoration: none; color: var(--ba-body-color); }
.product-name a:hover { color: var(--ba-orange); }
.product-inner { padding: 0 var(--px) var(--py) var(--px); margin-top: auto; }
.product-prices { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; }
.product-prices .price-regular { position: relative; font-weight: 700; white-space: nowrap; border: 1px solid var(--ba-blue-300); border-right: 0; }
.product-prices .price-regular:after {
    content: ''; position: absolute; top: 0; right: 0;
    width: 18px; height: 100%;
    background: 0 50% no-repeat scroll transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 52' style='enable-background:new 0 0 18 52'%3E%3Cpath d='M18 52 .6 26 18 0' style='fill:none;stroke:%2371c1f4;stroke-miterlimit:10'/%3E%3C/svg%3E");
    background-size: 18px 100%;
}
.product-prices .price-old { font-size: .875rem; line-height: 1; }
.product-prices .price-old span { display: block; }
.product-action { display: flex; gap: 1rem; justify-content: space-between; }
.product-atc { display: flex; align-items: center; gap: 1rem; }
.product-atc .form-control { max-width: 70px; padding: .5rem .5rem; text-align: center; }
.product-atc .btn-qty .btn { --ba-btn-padding-x: .5rem; --ba-btn-padding-y: .5rem; }
.product-atc .btn-qty .unit { align-self: center; padding-left: 1rem; font-weight: 700; }
.product-atc .btn svg { display: block; width: 16px; }
.product-sale-badge { border-radius: 100vw; background-color: var(--ba-orange); color: #fff; width: 36px; height: 36px; display: flex; }
.product-sale-badge svg { width: 20px; margin: auto; }
.product-item .product-sale-badge { pointer-events: none; position: absolute; top: 20px; right: 20px; z-index: 5; }

.product-item:hover { z-index: 10; box-shadow: 0 0 0 1px var(--ba-blue-300), 0 0 10px 0 rgba(0,0,0,.3); }

.product-view .product-prices { gap: 10px;}
.col-images img { transition: box-shadow .15s ease-in-out; }
.col-images img:hover { box-shadow: 0 0 0 1px var(--ba-blue-300), 0 0 10px 0 rgba(0,0,0,.3); }

.modal-search { --ba-light: var(--ba-gray-400); --ba-modal-width: 630px; }
.modal-search .modal-content { border: 0 none; box-shadow: 0 0 12px 0 rgba(0,0,0,.5); }
.modal-search .modal-header { position: relative; color: var(--ba-gray-700); padding: 10px 15px 10px 10px; border-bottom: 0 none; }
.modal-search .modal-header>svg.icon { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); width: 1.5rem; }
.modal-search .modal-header .form-control { padding: 5px 5px 5px calc(2rem + 1rem); background-color: transparent; border-radius: 0; border: 0 none; border-bottom: 1px solid var(--ba-gray-700); color: #000; font-size: 1.2rem; font-weight: 400; }
.modal-search .modal-header .form-control:focus { box-shadow: none; }
.modal-search .btn-close { font-size: 1.5rem; opacity: .7; margin-left: 15px; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23282828'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; }
.modal-search .btn-close:hover { opacity: 1; }
.modal-search .btn-close:focus { box-shadow: none; }
.modal-search .modal-body { position: relative; padding: 0 1rem 1rem 1rem; overflow: hidden; display: flex; flex-direction: column; }

.modal-search .mini-list { display: flex; flex-direction: column; max-height: 100%; overflow: hidden; background-color: #fff; }
.modal-search .product-item-wrapper { max-height: 100%; }

.scroll-wrapper { overflow-y: auto; }
.scroll-wrapper::-webkit-scrollbar { width: 7px; background-color:rgba(0,0,0,0.2); border-radius: 7px; }
.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); }

.product-list.mini-list {  }
.product-list.mini-list .item { position: relative; height: inherit; display: flex; flex-direction: row;flex-wrap: nowrap; align-items: flex-start; padding: 0; margin-right: 1rem;  }
/*.product-list.mini-list .item .stretched-link::after { content: inherit; }*/
.product-list.mini-list .item + .item  { margin-top: .5rem; padding-top: .5rem; border-top: 1px solid var(--ba-gray-400); }
.product-list.mini-list .item .image { flex: 0 0 auto; padding: 6px; max-width: 120px; margin: 0 15px 0 0; }
.product-list.mini-list .item .product-data {  }
.product-list.mini-list .item .product-data .title { margin: 0; }
.product-list.mini-list .item .product-data .price { margin: 0; font-size: 14px; }
.product-list.mini-list .item .product-data .price span { font-weight: 700; color: var(--ba-orange) }
.product-list.mini-list .item .product-data .price .old-price { text-decoration: line-through; font-size: 12px; color: var(--ba-gray-500) }
.product-list.mini-list .item .product-data .btn { margin-top: 10px; }

.contact-box { background-color: var(--ba-blue-500); color: #fff; }
.contact-box .title { margin: 0 0; font-family: 'Rajdhani', sans-serif; font-weight: 700; font-size: 3rem; line-height: 1; }
.contact-box .nav-link { display: inline-flex; align-items: center; --ba-nav-link-color: var(--ba-blue-300); --ba-nav-link-font-size: 2rem; }
.contact-box .nav-link i { width: 2.25rem; height: 2.25rem; margin-right: 1rem; background-color: var(--ba-blue-300); }
.contact-box .nav-link i svg { width: 18px; color: #fff; }
.contact-box .text { font-size: 1.625rem; line-height: 1.2; }
.contact-box .btn-primary:hover { --ba-btn-hover-bg: var(--ba-orange) }
.contact-box.block { padding: 2rem 0; }

.gallery.block.widget {}
.gallery-item { display: block; text-decoration: none; }
.gallery-image { transition: filter .15s ease-in-out; }
.gallery-image img { image-rendering: -webkit-optimize-contrast; transform: translate3d(0, 0, 0); }
.gallery-item:hover .gallery-image { filter: saturate(200%) contrast(120%) brightness(0.9); }
.gallery-item:hover .gallery-title { color: var(--ba-blue-300) }
.gallery-title { margin-top: 5px; color: var(--ba-body-color); font-weight: 700; }

.info-box {}
.info-box .item { display: flex; align-items: center; gap: 1rem; padding: .75rem 0; text-decoration: none; color: var(--ba-body-color); font-size: 1rem; }
.info-box .item-img { flex: 0 0 75px; }
.info-box .item-img img {}
.info-box .item-inner {}
.info-box .item .title { margin: 0 0 0 0; font-size: 1.5rem; font-weight: 500; line-height: 1; }
.info-box .item:hover { color: var(--ba-orange); }
.info-box .row>div { position: relative; }
.info-box .row>div:not(:first-child):before { content: ''; position: absolute; top: 50%; left: 0; bottom: 0; width: 2px; height: 100%; background-color: rgba(var(--ba-blue-300-rgb), .3); }

footer { background-color: var(--ba-blue-500); color: #fff; }
footer .top { display: flex; justify-content: space-between; align-items: center; }
footer .top .nav-item { position: relative; }
footer .top .nav-item+.nav-item:before { content: ''; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); width: 4px; height: 4px; background-color: var(--ba-blue-300); border-radius: 100vw;}
footer .top .nav-link { --ba-nav-link-padding-x: 1rem; --ba-nav-link-padding-y: 3px; text-transform: uppercase; }
.footer-inner {  }
footer .bottom { background-color: var(--ba-gray-900); font-size: 13px; }
footer .bottom a { text-decoration: none; }
footer .bottom a:hover { color: #fff; }
footer .sub-title { text-transform: uppercase; color: var(--ba-blue-300); margin-bottom: 1rem; font-size: 1.25rem; }
footer .logo img { width: 317px; }
footer .nav-link { display: inline-block; --ba-nav-link-color: #fff; --ba-nav-link-hover-color: #000; --ba-nav-link-padding-x: 0; --ba-nav-link-padding-y: 3px; }

.social-box {}
.social-box .nav-link { width: 46px; height: 46px; border-radius: 100vw; display: inline-flex; --ba-nav-link-color: #fff; --ba-nav-link-padding-x: 0; --ba-nav-link-padding-y: 0; border: 2px solid var(--ba-blue-300); }
.social-box .nav-link + .nav-link { margin-left: .5rem; }
.social-box .nav-link svg { width: 22px; margin: auto; }

footer .social-box { }

footer .col-cat .nav { display: block; column-count: 2; }
footer .col-cat .nav .nav-item {  break-inside: avoid; }

.contact textarea.form-control { height: 160px; }

/**/
.breadcrumb {
    --ba-breadcrumb-padding-x: 1rem;
    --ba-breadcrumb-padding-y: .5rem;
    --ba-breadcrumb-margin-bottom: 1rem;
    --ba-breadcrumb-bg: var(--ba-light);
    --ba-breadcrumb-border-radius: 0;
    --ba-breadcrumb-divider-color: var(--ba-gray-300);
    --ba-breadcrumb-item-padding-x: 0.5rem;
    --ba-breadcrumb-item-active-color: var(--ba-orange);
}
.breadcrumb-item.active { font-weight: 700; }
.breadcrumb-item+.breadcrumb-item::before { font-weight: 400; }

/**/
.cart .basket { font-size: 14px }
.cart .basket thead { font-size: 13px; }
.cart .basket thead .pic { width: 76px; }
.cart .basket thead .name { }
.cart .basket thead .price { width: 100px; text-align: right; }
.cart .basket thead .qty { width: 90px; text-align: center; }
.cart .basket thead .price-sum { width: 100px; text-align: right; }
.cart .basket thead .delete { width: 20px; }

.cart .basket tbody td { vertical-align: middle; }
.cart .basket tbody .pic { }
.cart .basket tbody .pic a { }
.cart .basket tbody .pic img { max-width: 60px; }
.cart .basket tbody .name { }
.cart .basket tbody .name a { color: #000; font-weight: 500; }
.cart .basket tbody .name a:hover { color: var(--ba-primary); text-decoration: underline; }
.cart .basket tbody .name .modifiers { }
.cart .basket tbody .name .modifiers .modifier { }
.cart .basket tbody .name .modifiers .modifier span { }
.cart .basket tbody .prices { text-align: right; }
.cart .basket tbody .prices .price { }
.cart .basket tbody .prices .price.old { }
.cart .basket tbody .prices .price.sale { }
.cart .basket tbody .prices .price.regular { }
.cart .basket tbody .qty { text-align: center; }
/*.cart .basket tbody .qty .form-control { display: inline-block; width: 40px; text-align: center; padding: 6px; }*/
.cart .basket tbody .qty .form-control { text-align: center; }
.cart .basket tbody .btn svg { width: 16px; }
.cart .basket tbody .price-sum { text-align: right; }
.cart .basket tbody .delete { text-align: center; }
/*.cart .basket tbody .delete a { display: inline-block; }*/

.cart .basket .totals { }
.cart .basket .totals td { background: transparent; }
.cart .basket .totals td { font-weight: bold; }
.cart .basket .totals .text-right { border-left: 0 none; }
.cart .basket .totals .hidden-xs { border-right: 0 none; }

.cart .msg textarea { height: 120px; resize: none; }

.cart .summary-user { margin-bottom: 30px; }
.cart .summary-user > a.edit { float: right; }
.cart .summary-user > div { margin-bottom: 10px; }
.cart .summary-user > div > .title { font-size: 16px; font-weight: bold; margin: 5px 0 10px 0; }
.cart .summary-user .user-info { }
.cart .summary-user .user-billing { }
.cart .summary-user .user-shipping { }

.cart .buttons { }
.cart .buttons .btn {}
.cart .buttons .btn.back { }
.cart .buttons .btn.modify { }
.cart .buttons .btn.empty { }

@media (min-width: 576px) {
    html { font-size: 14px; }
}
@media (min-width: 768px) {
    html { font-size: 14px; }
}
@media (min-width: 992px) {
    html { font-size: 14px; }
    .header-primary .quick-nav { display: none; }
    .info-box .row>div:not(:first-child):before { transform: translate(-1.5rem, -50%); }
}
@media (min-width: 1200px) {
    html { font-size: 16px; }
    .product-prices { gap: 1rem; }
    .product-prices .price-regular { font-size: 1.25rem; padding: 10px calc(.75rem + 18px) 10px .75rem; }
}
@media (min-width: 1400px) {
    html { font-size: 16px; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar-brand img { max-width: 200px; }

    .category-inner { padding: 10px 0; }
    .category-image img { width: 60px; }
    .category-name { font-size: 1rem; margin-bottom: 5px; }

    .info-box .row>div:not(:first-child):before { transform: translate(-.75rem, -50%); }
    .info-box .item-img { flex: 0 0 50px; }
}
@media (min-width: 390px) and (max-width: 575.98px) {

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

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

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

}
@media (min-width: 992px) and  (max-width: 1199.98px) {
    .product-prices { gap: 10px; }
    .product-prices .price-regular { font-size: 1rem; padding: 10px calc(6px + 18px) 10px 6px; }
}

@media (max-width: 389.98px) {

}
@media (max-width: 575.98px) {
    html { font-size: 14px; }
}
@media (max-width: 767.98px) {
    .navbar-brand img { max-width: 180px; }

    .quick-nav .nav-link { --ba-nav-link-padding-x: 8px; --ba-nav-link-padding-y: 8px; }
    .quick-nav .nav-link svg {}

    .category.home-widget {  }
    .category.home-widget .category-inner{ width: 100%; max-width: 310px; margin: 0 auto; }
    .category-inner { padding: 10px; }
    .category-item { flex-direction: row; align-items: center; text-align: left; }
    .category-item .icon { margin: 0 0 0 auto; }
    .category-image { width: 40px; flex: 0 0 40px; margin: 0 10px 0 0; }
    .category-name { margin-bottom: 0; }
    .category.home-widget .row>div:not(:first-child):before { content: inherit; }

    .info-box .item-img { flex-basis: 50px; }
    .info-box .row>div:not(:first-child):before { content: inherit; }

    .product-view .col-images { max-width: calc(526px + var(--ba-gutter-x)) }

    footer { text-align: center; }
    footer .top { flex-direction: column; }
    footer .logo { margin-bottom: 1rem; max-width: 200px; }
    footer .col-cat .nav { column-count: inherit; }
}
@media (max-width: 991.98px) {

    .btn { --ba-btn-font-size: 12px; --ba-btn-padding-x: 8px; --ba-btn-padding-y: 10px; }
    .btn-link svg { width: 18px; }

    .header-primary { padding: .5rem 0; position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; }

    .header-secondary .quick-nav { display: none; }

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

    .btn-lg { --ba-btn-padding-x: 1rem; --ba-btn-padding-y: 1rem; --ba-btn-font-size: 1rem; }

    .product-item { max-width: 324px; margin: 0 auto; }

    .product-prices .price-regular { font-size: 12px; padding: 6px calc(4px + 11px) 6px 6px;}
    .product-prices .price-regular:after { width: 11px; background-size: contain; }

    .contact-box .title { font-size: 2rem; }
    .contact-box .nav-link { --ba-nav-link-font-size: 1.5rem; }
    .contact-box .text { font-size: 1.25rem; }

    footer .logo img { width: 180px; }

    .offcanvas-navigation.offcanvas-end { width: 80%; max-width: 400px; }
    .offcanvas-navigation { background-color: var(--ba-light); }
    .offcanvas-navigation .offcanvas-header { /*border-bottom: 1px solid var(--fd-gray-800);*/ }
    .offcanvas-navigation .offcanvas-header .btn-close { opacity: 1; }
    .offcanvas-navigation .offcanvas-title img { max-width: 200px; }
    .offcanvas-navigation .collapse:not(.show) { display: block; }
    .offcanvas-navigation ul .nav-link { font-size: 1rem; font-weight: 400; }
    .offcanvas-navigation .info-list .nav-link { font-weight: 400; }
    .offcanvas-navigation .nav-link.active { background-color: var(--ba-orange); color: #fff; margin-right: calc(var(--ba-offcanvas-padding-x) * -1); margin-left: calc(var(--ba-offcanvas-padding-x) * -1); padding-right: var(--ba-offcanvas-padding-x); padding-left: var(--ba-offcanvas-padding-x); }
    .offcanvas-navigation .nav-link:focus-visible { outline: none!important; box-shadow: none!important; }
    .offcanvas-navigation .dropdown-menu { --fd-dropdown-padding-y: 5px; }
    .offcanvas-navigation .dropdown-menu li + li { border-top: 1px solid var(--ba-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 { color: #fff; background-color: var(--ba-orange); }
    .offcanvas-navigation .dropdown-menu .dropdown-menu { margin: var(--ba-offcanvas-padding-x); }
}
@media (max-width: 1199.98px) {
    .product-action { gap: 5px; }
    .product-item { --px: 10px; --py: 10px; }
}
@media (max-width: 1399.98px) {

}