@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap);
.bs-banner-opportunity-inner .bs-title-outer,
p {
  margin: 0;
}
.bs-modal-header {
  color: var(--layoutcolor);
  margin-top: 0;
}
.bs-adv-v1:hover,
.bs-footer-icon-outer [class*="bs-icon"]:hover,
.bs-prd-outer:hover,
.menu-iconic a:hover,
a {
  text-decoration: none;
}
.bs-modal-body,
.modal-body,
.tab-content-v1,
body {
  overflow-x: hidden;
}
#OrderDetailFooter span:last-child,
.bs-btn-v6 {
  float: right;
}
.bs-prd-name,
.modal-content,
.view-table .name-id-link {
  -webkit-box-orient: vertical;
}
.bs-stock-icon,
img {
  vertical-align: middle;
}
.view-list .Cell,
[lang="de"] .menu-iconic span {
  word-break: break-word;
}
*,
::after,
::before {
  box-sizing: border-box;
}
:root {
  --hsize: 36px;
  --brdcolor: #e6e6e6;
  --bgcolor: #fff;
  --fontsize: 14px;
  --gap: 8px;
  --zmax: 9999;
  --mainprdcount: 4;
  --stickytop: 68px;
}
h1 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}
img {
  width: 100%;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
  height: 100% !important;
}
.bs-banner-container:hover .owl-nav,
.bs-footer-inner a,
.carousel-inner .carousel-item.active,
.carousel-item-next,
.carousel-item-prev,
.d-block,
.tab-content .bs-description-tab-pane.active,
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.5;
  background-color: var(--bgcolor);
  font-size: 14px;
  margin: 0 !important;
  position: relative;
  overflow-y: scroll;
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + var(--gap));
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-2h5,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-9h5,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 0;
  padding: 0 var(--gap) 0 0;
}
.bs-footermenu-outer .bs-main-menu,
.bs-menu-tab-outer .bs-tab-link,
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.col-1,
.col-auto {
  -webkit-box-flex: 0;
}
.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.bs-home-category-menu-exists .col-bs-home-first,
.bs-home-inner-area-exists .col-bs-home-inner-area-first,
.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.bs-banner-opportunity-inner,
.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4,
.col-5 {
  -webkit-box-flex: 0;
}
.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.bs-mp-s,
.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8,
.col-9 {
  -webkit-box-flex: 0;
}
.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.bs-home-category-menu-exists .col-bs-home-second,
.bs-home-inner-area-exists .bs-banner-home,
.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.bs-filter-clm-outer .bs-mp-s-clm,
.bs-filter-clm-outer [class*="bs-ds-g"],
.bs-headermenu-outer .bs-sub-menu-1,
.col-12,
.col-bs-home-second {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.bs-adv-v1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.bs-def-logo-outer {
  display: block;
  text-align: center;
  margin-top: 24px;
}
.bs-logo-corporate {
  height: 24px;
  width: unset;
  margin: 4px 0;
}
.bs-def-logo-text {
  font-size: 11px;
  color: #646464;
  margin-top: var(--gap);
}
.add-message,
.cookie-policy-msg {
  display: none;
  position: fixed;
  left: var(--gap);
  bottom: var(--gap);
  z-index: 99999;
  color: #fff;
  padding: 12px var(--gap);
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: var(--borderstyle) 0 var(--borderstyle) var(--borderstyle);
  text-align: center;
  width: 200px;
  font-weight: 600;
}
.cookie-policy-msg {
  display: block;
  font-size: 12px;
  width: 350px;
  font-weight: 400;
  text-align: left;
}
.cookie-policy-msg:before {
  content: "\f05a";
  font-family: FontAwesome;
}
.cookie-policy-msg span {
  position: absolute;
  right: -30px;
  top: 0;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 0 var(--borderstyle) var(--borderstyle) 0;
}
.fade {
  opacity: 0;
  transition: opacity 0.01s linear;
}
.fade.show {
  opacity: 1;
}
.bs-modal,
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  overflow: hidden;
  outline: 0;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  max-width: 500px;
  margin: var(--gap) auto 0;
}
.m-medium {
  max-width: 650px;
}
.m-pd,
.modal-dialog.m-big {
  max-width: 75%;
  margin: var(--gap) auto 0;
}
.modal-dialog.m-large {
  max-width: 94%;
  margin: var(--gap) auto 0;
}
.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.3rem;
  outline: 0;
  box-shadow: 0 23px 23px 0 rgba(85, 85, 85, 0.2);
  border: 0 !important;
  border-radius: var(--borderstyle);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.35;
}
.modal-title {
  margin: 0;
  line-height: 1.5;
  font-size: inherit;
}
.modal-body {
  max-height: calc(100vh - 46px);
  overflow-y: auto;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: var(--gap);
}
.bs-categorydescription img,
.bs-content-img,
.bs-home-outer > .row,
.bs-news-outer iframe,
.bs-news-outer img,
.bs-newsdetail-inner iframe,
.bs-newsdetail-inner img,
.bs-pd-outer iframe,
.modal-body img,
.view-block .buy-id .bs-addbasket-outer,
.view-detail .view-block .buy-id .bs-addbasket-outer:not(:has(.bs-quantity-outer)) {
  width: 100%;
}
.buy-id .bs-addbasket-outer:not(:has(.bs-quantity-outer)) {
  width: unset;
}
.buy-id .bs-addbasket-outer:not(:has(.bs-addbasket-btn-outer)) {
  width: unset;
  flex-wrap: nowrap;
}
.bs-modal-close {
  position: absolute;
  right: -40px;
  background-color: var(--layoutcolor);
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 var(--borderstyle) var(--borderstyle) 0;
  font-size: 25px;
  border: 0;
  opacity: 1;
  padding: 0;
  order: 2;
  top: 0;
  color: #fff;
  outline: 0;
  cursor: pointer;
}
#list-view-icon,
.bs-mm-i,
.compare-id,
.d-none,
.export-id,
.modal-footer,
.productFilterNew-outer,
.view-block .img-id .inner-popover,
.view-poly .img-id .inner-popover {
  display: none !important;
}
.easy-autocomplete-container {
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.easy-autocomplete-container ul {
  background: #fff;
  display: none;
  margin-top: 0;
  padding-left: 0;
  position: relative;
  top: -8px;
  margin-right: calc(2 * var(--gap));
  left: var(--gap);
  height: 160px;
  overflow-y: auto;
}
.easy-autocomplete-container ul li .eac-item {
  background: inherit;
  border-color: #eee;
  border-image: none;
  border-style: solid;
  border-width: 0 1px;
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 12px 30px 12px 15px;
  cursor: pointer;
}
.easy-autocomplete-container ul li.selected {
  background: #ebebeb;
  cursor: pointer;
}
.easy-autocomplete-container ul li:nth-of-type(odd) {
  background-color: #f7f7f7 !important;
}
.menu-iconic a.router-link-active,
.menu-iconic a:hover,
.menu-iconic a:hover i {
  background-color: #000;
}
.menu-iconic a.router-link-active i {
  background-color: #000;
}
.carousel-inner .carousel-item {
  position: relative;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.bs-content-outer,
.bs-def-input-outer,
.carousel {
  position: relative;
}
.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
}
.bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link:first-child:after,
.bs-mp-group-inner.owl-carousel .owl-prev,
.carousel-control-prev {
  left: 0;
}
.bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link:last-child:after,
.bs-mp-group-inner.owl-carousel .owl-next,
.carousel-control-next,
.customer-represenative-login-inputs .bs-modal-close {
  right: 0;
}
.bs-contentplaceholder1 {
  min-height: 800px;
  padding: var(--gap) 0 0 0;
}
.bs-modal-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  background-color: rgb(0 0 0 / 50%);
}
.bs-modal-content {
  position: relative;
  width: 400px;
  margin: 60px auto;
  background-color: #fff;
  border-radius: var(--borderstyle) 0 var(--borderstyle) var(--borderstyle);
  height: max-content;
}
.bs-modal-content.m-large {
  width: calc(var(--screen) - calc(3 * var(--gap)));
}
.bs-modal-content.m-big {
  width: 75%;
}
.bs-modal-content.m-medium {
  width: 650px;
}
.bs-modal-content.m-square {
  width: 500px;
}
.bs-modal-content.m-square .bs-modal-body {
  aspect-ratio: 1;
}
.bs-product-table .bs-pt-img img,
.view-block .img-id,
.view-poly .img-id,
.view-table .bs-img-icon .bs-img,
.view-table .img-id .inner-popover {
  aspect-ratio: var(--aspectratio);
}
.bs-modal-header {
  padding: var(--gap);
  min-height: 40px;
  border-radius: var(--borderstyle) 0 0 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f7f7f7;
}
.bs-modal-header {
  font-weight: 600;
}
.bs-modal-body {
  max-height: calc(100vh - 160px);
  overflow-y: auto;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: var(--gap) var(--gap) 0 var(--gap);
}
.bs-news-slider,
.bs-pg-login,
.bs-user-title {
  overflow: hidden;
}
.bs-modal-confirm {
  z-index: var(--zmax);
}
.bs-no-overflow .bs-modal-body {
  overflow: visible;
}
.bs-modal-transparent .bs-modal-content {
  background-color: transparent;
  color: #fff;
}
.bs-footermenu1-outer,
.bs-modal #bs-menu.container,
.bs-modal-p-0 .bs-modal-body,
.bs-modal-transparent .bs-modal-body,
.bs-pg-login footer .container,
[lang="ar"] .bs-breadcrumb a:after {
  padding: 0;
}
.bs-modal-transparent .bs-modal-header {
  min-height: 0;
  border: 0;
  padding: 0;
}
.bs-modal-content.m-full {
  width: 100%;
  margin: 0;
  height: 100%;
}
.m-full .bs-modal-body {
  height: 100%;
  max-height: 100%;
}
.m-full .bs-modal-close {
  right: 0;
  border-radius: 0;
  z-index: 10;
}
.m-full img {
  height: 100%;
  background-color: #222;
}
#OrderDetailFooter span,
.bs-depot-stock,
.bs-entahsilat-info span,
.bs-filter-value,
.bs-menusilver-outer .bs-sms-link.router-link-active,
.bs-od-info-outer table td:last-child,
.bs-proposalcart-outer,
.bs-stocktext,
.filterlisttop-outer .bs-filtername {
  font-weight: 600;
}
.loading {
  display: flex;
  justify-content: center;
}
.loading div {
  width: 1rem;
  height: 1rem;
  margin: 2rem 0.3rem;
  background: #159547;
  border-radius: 50%;
  animation: 0.9s infinite alternate bounce;
}
.loading div:nth-child(2) {
  animation-delay: 0.3s;
}
.loading div:nth-child(3) {
  animation-delay: 0.6s;
}
@keyframes bounce {
  to {
    opacity: 0.3;
    transform: translate3d(0, -1rem, 0);
  }
}
.bs-footer-outer {
  margin: 0 0 calc(2 * var(--gap));
}
.bs-footer-contracts-outer {
  padding: var(--gap) 0 calc(2 * var(--gap));
}
.bs-footer-contracts-outer a {
  display: block;
  margin-bottom: var(--gap);
  color: #000;
}
.bs-cart-count {
  position: absolute;
  min-width: 20px;
  width: auto;
  height: 20px;
  background: #000;
  background: var(--layoutcolor);
  border-radius: 10px;
  padding: 0 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  top: 2px;
  left: 30px;
  font-size: 12px;
}
.bs-tab .tab-pane,
.tab-content {
  padding: var(--gap);
}
.bs-footer-inner-title {
  color: #000;
  color: var(--layoutcolor);
  padding-bottom: var(--gap);
}
.bs-footer-icons-outer {
  display: block;
  border-bottom: 4px solid #edf5fa;
  border-top: 4px solid #edf5fa;
}
.bs-footer-icons-outer span {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  color: #3e4651;
  width: 100%;
  font-weight: 600;
}
.bs-footer-icons-outer div:last-child,
.bs-responsive-table.bs-table-border td:last-child,
.bs-responsive-table.bs-table-border th:last-child {
  border-right: 0;
}
.bs-footer-icons-outer i {
  margin-right: var(--gap);
  font-size: 50px;
  color: #000;
  color: var(--layoutcolor);
}
.bs-bronze-banner-outer,
.bs-ctg-prd,
.bs-menu-active + .bs-sub-menu-outer,
.bs-triple-banner-outer,
.bs-triple-banner-outer .bs-banner-text-outer {
  display: block !important;
}
.bs-banner-text-outer {
  width: 100%;
  border-radius: var(--borderstyle);
  margin-top: var(--gap);
}
.bs-banner-header-text {
  margin-bottom: var(--gap);
  line-height: 1.2;
  font-weight: 600;
}
.bs-banner-alternate-text p {
  margin-bottom: var(--gap);
  line-height: 1.2;
  font-weight: 600;
  display: inline-flex;
}
#productFilterNew .filter:last-child .bs-filters-outer,
.bs-banner-header-text:not(:has(+ .bs-banner-alternate-text)),
.bs-checkbox-outer .bs-rm-outer,
.bs-od-info-outer table,
.bs-productsort.bs-select-v1 {
  margin-bottom: 0;
}
.bs-headermenu-outer [class*="bs-icon"] {
  margin-right: var(--gap);
  font-size: 20px;
}
.bs-allcategories-btn-outer {
  position: absolute !important;
  bottom: -1px;
  z-index: 600 !important;
  width: inherit !important;
}
.bs-allcategories-btn {
  height: 40px;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 600;
  background: #fff;
  padding: 0 var(--gap);
  border: 1px solid var(--brdcolor);
  border-bottom: 0;
}
.bs-btn-v1,
.bs-btn-v7,
.bs-menu-common-outer {
  text-transform: capitalize;
}
.bs-allcategories-btn:before {
  content: "\f0c9";
  font-family: FontAwesome;
  margin-right: 6px;
}
.bs-language-outer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.bs-dd-p,
.bs-depots-btn-outer,
.bs-news-slider,
.bs-products-view-outer,
.bs-radio-depot-exists {
  align-items: center;
  display: flex;
}
.bs-lang-img {
  height: 18px;
  margin-right: 4px;
  width: unset;
}
.bs-languagechange-outer button {
  height: 45px;
  background-color: #f5f5f5;
  padding: 0 var(--gap);
  border-radius: var(--borderstyle);
  width: 100%;
  white-space: nowrap;
}
.bs-banner-img {
  border-radius: var(--borderstyle);
  min-height: 1px;
}
video.bs-banner-img {
  width: 100%;
}
.bs-bankaccounts-table img {
  height: 22px;
  width: 100px;
}
.bs-add-currentaccount-outer {
  width: calc(100% - 0px);
}
.bs-fa-icons {
  font-family: FontAwesome;
  font-size: 21px;
  font-weight: 400;
}
.bs-fa-facebook:before {
  content: "\f09a";
}
.bs-fa-twitter:before,
.bs-icon-twitter:before {
  content: "\f099";
}
.bs-fa-instagram:before,
.bs-icon-instagram:before {
  content: "\f16d";
}
.bs-fa-youtube:before,
.bs-icon-youtube:before {
  content: "\f167";
}
.bs-fa-pinterest:before,
.bs-icon-pinterest:before {
  content: "\f0d2";
}
.bs-fa-whatsapp:before,
.bs-icon-whatsapp:before {
  content: "\f232";
}
.bs-msg-outer {
  color: #595959;
}
.bs-msg-outer:before {
  content: "\f003";
  font-family: FontAwesome;
  position: relative;
}
.bs-msg-outer span {
  margin-left: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.bs-dd-bg-opac {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.33;
  z-index: 499;
}
#bs-data-table tbody tr:not(:nth-child(-n + 20)),
#bs-data-table_filter,
#bs-mp-tab-outer .bs-title-outer,
#target-products .bs-ctg,
.brand-id img.bs-showbrandname,
.bs-brandname,
.bs-breadcrumb a:last-child:after,
.bs-ctg-pm,
.bs-def-banners-login-outer .top-menu-title::after,
.bs-footermenu-outer .bs-main-menu-title.bs-icon-arrow-down:before,
.bs-footermenu-outer .bs-sub-menu-1,
.bs-footermenu-outer .bs-tm-center-space,
.bs-headermenu-outer .bs-tm-center-space,
.bs-loginfooter-menu .bs-tm-center-space,
.bs-menu-title,
.bs-menu-vertical a span br,
.bs-mm-title:after,
.bs-pd-detail-props,
.bs-pd-special-area,
.bs-pg-login .bs-adv-v1,
.bs-radio-depot-exists-not .depot-radio-id,
.bs-radio-input,
.bs-rm-outer input,
.bs-variationimage-carousel-outer,
.d-flex-m,
.d-none-v1,
.menu-iconic a label,
.menu-normal a label,
.view-block .bs-radio-depot-exists .bs-depot-name,
.view-block .heading-id,
.view-list .Cell.categorygroup-id,
.view-list .bs-prd-icon-outer,
.view-list .bs-radio-depot-exists .bs-depot-name,
.view-list .heading-id,
.view-poly .heading-id,
.view-table .bs-prd-icon-outer,
.view-table .row-id .bs-radio-depot-exists-outer .bs-depot-name,
[lang="ar"] .bs-breadcrumb a:last-child:before {
  display: none;
}
.bs-news-slider {
  height: 30px;
  text-align: initial;
  white-space: nowrap;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.bs-dd-cc,
.bs-mosttop-menu {
  display: flex;
  align-items: center;
}
.bs-dd-dsg {
  position: relative;
  z-index: 750 !important;
}
#productFilterNew .filter > a.bs-filter-active:after,
.bs-dd-dsg.bs-dd-arrow-i:after,
.bs-icon-arrow-up:before {
  content: "\f106";
}
.bs-dd-content-dsg {
  position: absolute !important;
  left: 0;
  box-shadow: 0 4px 20px 0 rgba(32, 33, 36, 0.28);
  z-index: 750;
  background: #fff;
  min-width: 200px;
}
.bs-sm-outer,
.inner-popover {
  z-index: 700;
  background: #fff;
}
.bs-dd-content-dsg-v2 {
  min-width: unset;
  left: -8px;
  right: -8px;
}
.bs-dd-content-dsg:before {
  content: "";
  border: var(--gap) solid transparent;
  border-right-color: #fff;
  transform: rotate(90deg);
  position: absolute;
  top: -16px;
  right: 24px;
}
.bs-dd-content-dsg-v2:before {
  right: calc(50% - var(--gap));
}
.bs-dd-cc {
  height: 30px;
  justify-content: center;
  color: #000;
}
.bs-dd-cc:hover {
  background: #f4f4f4;
}
.bs-arrow-v1:before {
  right: inherit;
  left: calc(2 * var(--gap));
}
.bs-account-icon:before {
  content: "\e052";
  font-style: normal;
}
.bs-cart-icon:before,
.view-poly .buy-id .bs-addbasket-btn-outer .bs-addbasket:before {
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bs-cart-icon:before {
  content: ",";
  font-family: communication-48-x-48;
  line-height: 1;
}
.bh-addr,
.bs-fm-outer,
.view-table [class*="depotaddcart"] {
  text-align: left;
}
.bs-fm-outer,
.bs-footer-texts-outer {
  padding: calc(2 * var(--gap)) 0;
  color: #7a8aa0;
}
.bs-fm-outer,
.bs-sm-outer {
  padding: var(--gap) 0;
}
.bs-entahsilat-info {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bs-entahsilat-info img {
  height: 13px;
  margin-right: var(--gap);
}
.bs-mosttop-menu {
  background: #fff;
  min-height: 30px;
}
.bs-back,
.bs-price-cookie:before {
  align-items: center;
  font-family: FontAwesome;
}
.bs-copyright {
  text-align: left;
  align-self: center;
  color: #919191;
}
.bs-paymentsystems {
  text-align: right;
  align-self: center;
}
.bs-callcenter-outer,
.bs-no-items-in-cart div,
.bs-prd-outer,
.bs-qo-steps,
.bs-t-center,
.bs-tc,
.bs-title-center,
.menu-iconic a,
.view-table .brand-id,
.view-table .buy-id,
.view-table .detail-id,
.view-table .origin-id,
.view-table .season-id,
.view-table .tag-id,
.view-table [class*="iconimg"] {
  text-align: center;
}
.bs-cart-outer #bs-totalctg-id-outer,
.bs-copyright-img-outer,
.bs-paymentsystems img {
  height: 30px;
}
.bs-callcenter-outer img {
  width: 130px;
  margin-bottom: var(--gap);
}
.bs-callcenter-outer a {
  color: #000;
  display: block;
  text-decoration: underline;
}
.bs-callcenter-outer label {
  display: block;
  color: #000;
  margin-bottom: 4px;
}
.bs-price-cookie {
  margin-right: 0;
  color: #000;
  color: var(--layoutcolor);
  font-size: 14px;
  background: #fff;
  border: 1px solid var(--brdcolor);
  height: 17px;
  width: 30px;
  border-radius: 15px;
  position: relative;
}
.bs-price-cookie:before {
  content: "\f058";
  font-style: normal;
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-flex;
  transition: 0.2s;
}
.bs-price-cookie.this-pv-d-none:before {
  content: "\f111";
  right: inherit;
  transition: 0.2s;
  transform: translateX(-11px);
  color: var(--brdcolor);
}
.bs-tab .tab-pane {
  background: #fbfbfb;
  border-top: #000;
  border-top: 2px solid var(--layoutcolor);
  height: 175px;
  overflow-y: auto;
}
.bs-tab-menu .bs-title {
  background: 0 0;
  color: #000;
  color: var(--layoutcolor);
}
.bs-tab-menu .bs-title.active {
  color: #fff;
  background: #000;
  background: var(--layoutcolor);
}
#detail-ps i,
.menu-iconic a labelinput,
select {
  font-family: inherit;
}
#frmpayment {
  background: url(/Content/images/loading.gif) center/30px no-repeat;
}
::placeholder {
  color: #859cb1;
  font-weight: 400;
}
.bs-back {
  margin: 0 auto;
  font-size: 20px;
  color: #000;
  color: var(--layoutcolor);
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
}
.bs-sm-outer .bs-logo-outer {
  height: 100%;
  align-items: center;
  display: flex;
}
.bs-installment-table,
.bs-logo-inner,
.bs-support-detail-btn {
  margin-right: var(--gap);
}
.bs-logo {
  height: 44px;
  max-width: 100%;
  object-fit: contain;
  width: unset;
}
a {
  color: inherit;
}
.bs-sm-outer {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
}
.bs-border-bottom {
  border-bottom: 1px solid #ebebeb;
}
.bs-menu-left,
.view-list .depotaddcart-id .bs-depot-line,
[lang="ar"] .bs-products-view-outer {
  order: 1;
}
.bs-menu-left-logo,
.bs-news-title,
[lang="ar"] .bs-productsort-outer {
  order: 0;
}
.bs-menu-right,
.view-block .stock-id,
.view-block .stockcoming-id {
  order: 3;
}
.bs-tm {
  height: 30px;
  display: flex;
}
.bs-tm .bs-main-menu {
  display: inline-flex;
  align-items: center;
}
.bs-tm .bs-main-menu-title {
  display: flex;
  font-size: 11px;
  align-items: center;
  color: #333;
}
.bs-tm-center-space {
  order: 2;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.bs-tm .bs-menu-left {
  margin-right: 12px;
}
.bs-tm .bs-menu-right {
  margin-left: 12px;
}
.bs-pg-login .bs-tl-outer {
  background-color: transparent;
  padding: 0;
  margin-bottom: calc(2 * var(--gap));
}
.bs-pg-login .bs-logo {
  height: 56px;
}
.container {
  max-width: var(--screen);
  width: 100%;
  padding: 0 var(--gap);
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative;
}
.bs-home-screen-normal .col-bs-home-second .container,
.container[class*="index"] {
  padding: 0;
  max-width: 100%;
}
[class*="col"] {
  padding: 0 var(--gap) 0 0;
}
.clm-p-2x {
  padding: 0 calc(2 * var(--gap)) 0 0;
}
.inner-popover {
  visibility: hidden;
  position: absolute;
  border: 1px dotted #eee;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
  min-width: min-content;
  white-space: normal;
  max-width: 300px;
  padding: var(--gap);
  border-radius: var(--borderstyle);
  font-size: 12px;
}
.bs-prd-outer:hover,
.bs-user-cart-content {
  box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.15);
}
.bs-price,
.bs-stock {
  align-self: center;
  white-space: nowrap;
}
.outer-popover:hover .inner-popover,
.view-table .bs-img-icon:hover .inner-popover,
.view-table .bs-no-img-icon:hover .inner-popover {
  visibility: visible;
  transition-delay: 0.4s;
}
.bs-title-outer {
  position: relative;
  margin: var(--gap) 0 0;
  z-index: 30;
  width: 100%;
}
.bs-title {
  color: var(--layoutcolor);
  font-size: calc(2 * var(--gap));
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
}
.bs-master-input-inner,
.bs-user-title {
  font-weight: 600;
  text-overflow: ellipsis;
}
.bs-top-menu-left,
.bs-top-menu-right {
  font-size: 11px;
  display: inline-flex;
  align-items: center;
}
.top-menu-title,
.top-menu-title i {
  align-items: center;
  display: inline-flex;
}
.top-menu-title {
  font-size: 11px;
  order: 1;
  color: #333;
}
.top-menu-title i {
  margin-right: 4px;
  margin-left: 4px;
}
.bs-user-i,
.bs-user-title {
  align-items: center;
  height: 100%;
}
.bs-od-title-text,
.top-menu-title:last-child {
  padding-right: var(--gap);
}
.bs-dealermenu-outer:after,
.bs-var-price:before,
.top-menu-title:not(:last-child):after {
  font-family: FontAwesome;
  content: "\f111";
  color: #ddd;
  font-size: 3.5px;
  margin: 0 var(--gap);
}
.top-menu-title.bs-language-outer {
  height: unset;
}
.bs-proposalcart-outer:before {
  font-weight: 500;
  margin-right: 4px;
}
.bs-user {
  display: inline-flex;
  border: 1px solid var(--brdcolor);
  order: 1;
  width: 128px;
  height: 44px;
  margin-left: var(--gap);
  padding: 0 0 0 var(--gap);
  position: relative;
  border-radius: var(--borderstyle);
}
.bs-user-i {
  color: #484848;
  font-size: 28px;
  font-family: finance;
  display: inline-flex;
}
.bs-btn-v1,
button {
  font-family: inherit;
}
.bs-user-title {
  width: 100%;
  display: flex;
  justify-content: center;
}
#bs-flying-cart {
  margin: 0 !important;
  width: 100%;
}
.bs-no-items-in-cart i {
  font-size: 50px;
  position: relative;
  width: max-content;
  display: block;
  margin: 0 auto;
  text-align: center;
  padding-top: calc(2 * var(--gap));
  color: #919191;
}
.bs-no-items-in-cart span {
  position: absolute;
  font-family: initial;
  font-size: 13px;
  font-style: normal;
  background: #919191;
  color: #fff;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: calc(2 * var(--gap));
  right: -9px;
  border: 3px solid #fff;
}
#bs-flying-cart td {
  text-align: left;
  position: relative;
}
#bs-flying-cart .ProductRemove {
  padding: 0 4px;
}
.bs-user-cart-content {
  position: absolute;
  border: 1px solid var(--brdcolor);
  border-top: 2px solid #000;
  border-top: 2px solid var(--layoutcolor);
  top: 45px;
  width: 308px;
  right: -1px;
  z-index: 750;
  font-size: 12px;
  border-radius: var(--borderstyle);
}
.bs-user-cart-content-inner {
  overflow-y: auto;
  height: 300px;
  background: #fff;
  border-radius: var(--borderstyle) var(--borderstyle) 0 0;
}
.bs-user-cart-btns-outer {
  padding: var(--gap) var(--gap) 0;
  background: #fff;
  border-radius: 0 0 var(--borderstyle) var(--borderstyle);
}
.alert-info-v2,
.menu-iconic a,
.menu-iconic a > i {
  border-radius: var(--borderstyle);
}
.menu-iconic a {
  height: 73px;
  width: 88px;
  padding: 4px;
  font-size: 12px;
  color: #fff;
  margin: var(--gap) var(--gap) var(--gap) 0;
  cursor: pointer;
  position: relative;
}
.menu-iconic a:hover i {
  color: #fff;
}
.menu-iconic a > i {
  display: block;
  font-size: 19px;
  font-family: communication-48-x-48;
}
.bs-m-id-productsearch,
.bs-m-id-productsearch i {
  background: #d70026;
}
.bs-m-id-productsearchbybarcode,
.bs-m-id-productsearchbybarcode i {
  background: #f02a0f;
}
.bs-m-id-addcartbybarcode,
.bs-m-id-addcartbybarcode i {
  background: #4a7980;
}
.bs-m-id-campaignproducts,
.bs-m-id-campaignproducts i {
  background: #a10115;
}
.bs-m-id-ordertracking,
.bs-m-id-ordertracking i {
  background: #f68b69;
}
.bs-m-id-balanceorder,
.bs-m-id-balanceorder i {
  background: #d72c16;
}
.bs-m-id-currentaccountactivity,
.bs-m-id-currentaccountactivity i {
  background: #073356;
}
.bs-m-id-accountarrears,
.bs-m-id-accountarrears i {
  background: #005598;
}
.bs-m-id-lastdateofpayment,
.bs-m-id-lastdateofpayment i {
  background: #021f4c;
}
.bs-m-id-accountnumbers,
.bs-m-id-accountnumbers i {
  background: #0699c2;
}
.bs-m-id-news,
.bs-m-id-news i {
  background: #4b7447;
}
.bs-m-id-quickorder,
.bs-m-id-quickorder i {
  background: #063852;
}
.bs-m-id-onlinepayment,
.bs-m-id-onlinepayment i {
  background: #0c529e;
}
.bs-m-id-creditcardpaymentinformation,
.bs-m-id-creditcardpaymentinformation i {
  background: #044e88;
}
.bs-m-id-subdealer,
.bs-m-id-subdealer i {
  background: #16235a;
}
.bs-m-id-comments,
.bs-m-id-comments i,
.bs-m-id-proposal,
.bs-m-id-proposal i {
  background: #ac3911;
}
.bs-m-id-proposallist,
.bs-m-id-proposallist i {
  background: #2a3457;
}
.bs-m-id-requests,
.bs-m-id-requests i {
  background: #33759b;
}
.bs-m-id-barcodeproduct,
.bs-m-id-barcodeproduct i {
  background: #2c5e8f;
}
.bs-m-id-companycontent,
.bs-m-id-companycontent i {
  background: #8f2c6d;
}
.bs-m-id-promotions,
.bs-m-id-promotions i {
  background: #257071;
}
.menu-iconic.menu-dark-iconic a > i,
.menu-normal a,
.menu-normal a > i,
button {
  background-color: transparent;
}
.buy-id .bs-quickbuy-addbasket-outer .bs-quickbuy-addbasket,
.menu-iconic.menu-dark-iconic a {
  background: var(--layoutcolor2);
}
.menu-normal .row {
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
.menu-normal {
  background: var(--layoutcolor);
}
.menu-normal a {
  display: flex;
  align-items: center;
  height: var(--hsize);
  font-size: 13px;
  color: #fff;
  padding: 0 var(--gap);
  line-height: 1;
  text-transform: uppercase;
}
.menu-normal a.router-link-active,
.menu-normal a:hover {
  background-color: #333;
}
.menu-normal a > i {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 14px;
  margin-right: 4px;
}
.bs-norecord,
.payment-list-string {
  background-color: #f4f4f5 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
  justify-content: center;
  min-height: 30px !important;
  width: 100%;
  border-radius: var(--borderstyle);
  text-transform: capitalize;
}
.alert-info-v2 {
  background-color: #f7f7f7 !important;
  border-color: var(--brdcolor);
  padding-top: 4px;
  padding-bottom: 4px;
}
.bs-area-v2,
.bs-product-autocomplete-result span:hover {
  background: #f7f7f7;
}
.bs-area-v2 {
  border-radius: 4px;
  border: 1px solid #eee;
  padding: 10px 15px;
  font-size: 12px;
}
.bs-menu-common-outer {
  border-radius: var(--borderstyle);
  font-size: 13px;
}
.bs-login-card-outer,
.bs-master-input {
  align-self: center;
}
.bs-smartsearch-outer {
  display: flex;
  width: 100%;
  position: relative;
  border: 2px solid var(--layoutcolor);
  height: 44px;
  border-radius: var(--borderstyle);
  overflow: hidden;
}
.bs-master-input-inner {
  outline: 0;  
  font-size: inherit;
  font-family: inherit;
  padding: 4px 0 4px 12px;
  border: 0;
  width: 100%;
  flex: 1;
  background-color: transparent;
}
.bs-master-input-search-btn {  
  width: 44px;
  height: 100%;
  color: #000;
  color: var(--layoutcolor);
  padding: 0;
  font-size: 15px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bs-user-and-cart {
  align-self: center;
  margin-left: auto;
  height: 44px;
}
.bs-prd-outer {
  display: block;
  background: #fff;
  padding-top: 15px;
  box-shadow: 0 1px 2px 0 rgba(85, 85, 85, 0.2);
  border-radius: 4px;
  transition: 0.3s;
}
.bs-breadcrumb a:hover,
.bs-btn-v6,
.bs-cart-outer .bs-oem-list,
.bs-checkbox-outer span,
.bs-desktop-api,
.bs-login-type,
.confirm-btn,
.delete-btn,
.detail-btn,
.other-detail-btn,
a.bs-def-footer-link:hover {
  text-decoration: underline;
}
.bs-prd-outer img {
  height: 220px;
  width: 100%;
}
.bs-prd-info-outer {
  text-align: left;
  padding: 10px 15px 7px;
  margin-top: 15px;
}
.bs-def-footer-link:first-child,
.bs-pl-0,
.bs-radio-depot-exists-not,
ul {
  padding-left: 0;
}
.bs-prd-name {
  color: #000;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bs-price {
  font-size: 15px;
  font-weight: 600;
  color: #000;
  text-align: left;
}
.bs-stock {
  font-size: 12px;
  text-align: right;
}
.bs-stock-title {
  color: green;
  margin-right: 0;
  font-weight: 600;
}
.bs-stock-value {
  font-weight: 600;
  color: #000;
}
.bs-breadcrumb a:last-child,
.bs-responsive-table td,
.view-poly .price-id,
.view-table .row-id .Cell.price-id,
b {
  font-weight: 700;
}
ul {
  margin: 0;
}
li {
  list-style: none;
}
.bs-pt-gap {
  padding-top: var(--gap) !important;
}
.bs-pr-0 {
  padding-right: 0 !important;
}
.bs-pb-0 {
  padding-bottom: 0 !important;
}
.bs-pb-gap {
  padding-bottom: var(--gap) !important;
}
.bs-w-100 {
  width: 100% !important;
}
.bs-mr--16 {
  margin-right: -16px !important;
}
.bs-mr-gap {
  margin-right: var(--gap) !important;
}
.bs-banner-login,
.bs-banner-super,
.bs-banner-super .bs-banner-item,
.bs-content-outer .bs-banner-screen-full:last-child,
.bs-home-outer .bs-banner-screen-full:last-child,
.bs-mb-0 {
  margin-bottom: 0 !important;
}
.bs-ml-0 {
  margin-left: 0 !important;
}
.bs-btn-icon,
.bs-ml-auto,
.bs-modal .bs-depot-line span:last-child,
.view-list .Cell.categorygroup-id span,
.view-list .bs-prd-alldepots,
.view-list .buy-id .bs-addbasket-outer {
  margin-left: auto;
}
.bs-mp-group-title-outer,
.bs-mt-0 {
  margin-top: 0 !important;
}
.bs-m-auto {
  margin: auto;
}
.bs-mt-gap {
  margin-top: var(--gap) !important;
}
.bs-mt-gap2x {
  margin-top: calc(2 * var(--gap)) !important;
}
.bs-mb-gap {
  margin-bottom: var(--gap) !important;
}
.bs-mb-gap2x {
  margin-bottom: calc(2 * var(--gap)) !important;
}
.bs-btn-icon,
.bs-btn-v1,
.bs-rm-outer {
  margin-bottom: var(--gap);
}
.bs-tr {
  white-space: nowrap !important;
  text-align: right !important;
}
.bs-jc-center,
.pd-tire-label {
  justify-content: center;
}
.bs-pos-fix {
  position: fixed;
}
[data-dismiss],
[for],
[href],
[onClick],
a,
button,
select {
  cursor: pointer;
}
[disabled="disabled"] {
  pointer-events: none;
  cursor: no-drop !important;
  opacity: 0.5;
  color: inherit;
}
.view-table .compare-id,
.view-table .export-id {
  display: table-cell !important;
}
.bs-border {
  display: flex;
  border-bottom: 1px dashed var(--brdcolor);
  margin-inline: 0;
  margin-block: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.bs-rm-outer {
  display: flex;
  align-items: center;
  padding-left: 24px;
  color: #000;
  font-size: inherit;
  position: relative;
  cursor: pointer;
  width: 100%;
  min-height: 18px;
}
.bs-empty-check,
input + i,
input:checked + i::before {
  position: absolute;
  left: 0;
}
.bs-empty-check {
  border: 2px solid var(--brdcolor);
  display: inline-block;
  height: 18px;
  width: 18px;
  background: #fafafa;
  border-radius: var(--borderstyle);
}
.bs-btn-v1,
.bs-btn-v3 {
  background: #000;
  display: flex;
}
.bs-empty-radio,
input[type="radio"] + i {
  border-radius: 50%;
}
.bs-rm-outer input[type="checkbox"]:checked + i {
  background-color: #000;
  background-color: var(--layoutcolor);
  width: 18px;
  height: 18px;
  display: block;
}
input + i {
  background: #fff;
  border: 1.5px solid var(--brdcolor);
  border-radius: var(--borderstyle);
  width: 18px;
  height: 18px;
}
input:checked + i {
  color: #fff;
  background: var(--layoutcolor);
  border: 0;
}
input:checked + i::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-style: normal;
  font-size: 13px;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.bs-unchecked-filter i {
  background-color: #fafafa !important;
  background: #fff;
  border: 1px solid #ddd;
}
.bs-unchecked-filter i::before,
.view-detail-modal .buy-id:before {
  content: "" !important;
}
button {
  font-size: inherit;
  padding: 0;
  border: 0;
  line-height: inherit;
}
.bs-btn-v1 {
  padding: 0 var(--gap);
  justify-content: center;
  align-items: center;
  min-height: var(--hsize);
  color: #fff;
  background: var(--layoutcolor);
  text-align: center;
  font-weight: 600;
  position: relative;
  border-radius: var(--borderstyle);
  width: 100%;
  border: 0;
}
.bs-btn-v1:hover {
  opacity: 0.85;
}
.bs-btn-v1 i {
  margin: 0 3px;
}
.bs-btn-v2 {
  background: #fafafa;
  color: #777;
  border: 1px solid var(--brdcolor);
}
.bs-btn-v3 {
  background: var(--layoutcolor);
  color: #fff;
  height: 60px !important;
  font-size: 17px;
  padding: 0 var(--gap) !important;
  align-items: center;
  justify-content: center;
}
.bs-btn-icon,
.bs-btn-icon:before {
  align-items: center;
  padding-right: 6px;
}
.bs-btn-v4 {
  background: #000;
  background: var(--layoutcolor);
  color: #fff;
  height: 44px;
  font-size: 14px;
}
.bs-btn-v1:not([disabled="disabled"]):active {
  transform: translateY(1px);
  opacity: 0.75;
  transition: 0.3s;
}
.bs-btn-v7 {
  background-color: #fff;
  height: 56px !important;
  border-radius: 12px;
  border: 2px solid #ddd;
  color: #000;
  transition: 0.3s;
}
.bs-btn-v7:hover {
  background-color: #f5f5f5;
  transition: 0.3s;
  color: var(--layoutcolor);
}
.bs-btn-inverse {
  background: #fff;
  color: #000;
  color: var(--layoutcolor);
  border: 1px solid #000;
  border: 1px solid var(--layoutcolor);
}
.bs-btn-icon {
  height: var(--hsize);
  text-transform: uppercase;
  display: flex;
  font-size: 11px;
  padding-left: 0;
  color: #fff;
  border-radius: var(--borderstyle);
}
.bs-input-v1,
.bs-select-v1 {
  font-size: inherit;
  height: var(--hsize);
  outline: 0;
}
.bs-btn-icon:before {
  font-family: FontAwesome;
  display: inline-flex;
  background-color: var(--layoutcolor);
  height: 100%;
  justify-content: center;
  font-size: 15px;
  padding-left: 6px;
  margin-right: 6px;
  border-radius: var(--borderstyle) 0 0 var(--borderstyle);
  font-weight: 400;
}
.bs-input-v1,
textarea.bs-input-v1 {
  border: 1px solid var(--brdcolor);
  font-family: inherit;
}
.bs-btn-wu {
  width: unset;
}
.bs-input-v1,
.bs-select-v1,
textarea.bs-input-v1,
input[type="file"]
{
  width: 100%;
  margin-bottom: var(--gap);
  font-weight: 500;
}
.bs-input-v1 {
  padding: 0 var(--gap);
  color: #000;
  border-radius: var(--borderstyle);
  display: inline-flex;
  align-items: center;
}
.bs-input-v1:focus,
.bs-select-v1:focus {
  border-color: var(--layoutcolor);
  border-width: 2px;
}
textarea.bs-input-v1 {
  padding: var(--gap);
  height: calc(2 * var(--hsize));
  display: block;
  border-radius: var(--borderstyle);
}
.bs-select-v1 {
  border: 1px solid var(--brdcolor);
  padding: 0 25px 0 var(--gap);
  background: url(https://images.bayipro.com/_common/img/arrows.svg) right
    0.75rem center no-repeat #fff;
  background-size: var(--gap) 10px;
  text-transform: capitalize;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: var(--borderstyle);
}
.bs-select-animation {
  background: url(https://images.bayipro.com/_common/img/selectloading.svg)
    right 0.75rem center no-repeat #fff;
  background-size: contain;
  background-position: right;
}
.bs-select-v6 {
  display: inline-flex;
  width: inherit;
  margin-bottom: 0;
  border-bottom: 0;
}
.bs-ds-option:hover,
.bs-input-inverse,
.bs-od-info-outer.bs-od-info-add .bs-od-info-inner,
.bs-select-inverse {
  background-color: #fafafa;
}
.bs-input-v1,
.bs-select-v1 {
  background-color: #f9f9f9;
}
.reportrange-text {
  background-color: #f9f9f9 !important;
}
.bs-ds-outer.bs-select-v1 {
  display: flex;
  align-items: center;
  position: relative;
}
.bs-form-title {
  margin-bottom: calc(0.5 * var(--gap));
  margin-top: var(--gap);
  color: #333;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
}
.bs-form-title-icon:before {
  font-family: finance;
  font-style: normal;
  margin-right: 6px;
  font-weight: 400;
}
.bs-footer-subtitle i:before,
[class*="bs-icon"]:before {
  font-family: FontAwesome;
  font-style: normal;
}
.bs-form-title-email:before {
  content: "\e052";
}
.bs-form-title-password:before {
  content: "\e043";
}
.bs-product-autocomplete-result span {
  height: 33px;
  border-bottom: 1px solid #f7f7f7;
}
.bs-link-v1 {
  font-weight: 600;
  text-transform: uppercase;
}
.bs-input-v4,
.bs-select-v4 {
  height: 44px;
}
footer {
  text-align: left;
  border-top: 1px solid #eee;
  background: #fbfbfb;
}
.bs-footer-main-outer:has(.bs-main-menu-outer > *) {
  padding: 48px 0;
}
.bs-footer-law {
  margin: calc(2 * var(--gap)) 0 var(--gap);
}
.bs-footer-inner,
.bs-footer-inner-title {
  margin-bottom: 24px;
  text-transform: capitalize;
}
.bs-footermenu-outer {
  position: relative;
  width: calc(100% + 40px);
}
.bs-footermenu-outer .bs-main-menu.bs-menu-left,
.bs-footermenu-outer .bs-main-menu.bs-menu-right {
  padding-right: 40px;
}
.bs-footermenu-outer .bs-sub-menu-1-title,
.bs-footermenu-outer .bs-sub-menu-title {
  display: flex;
  min-height: 30px;
  color: #000;
  display: flex;
  align-items: center;
  font-size: 12px;
  overflow: hidden;
}
.bs-footermenu-outer .bs-main-menu-title {
  font-weight: 600;
  display: flex;
  align-items: center;
  min-height: 40px;
}
.bs-footermenu-outer .bs-main-menu-title i {
  font-weight: 400;
}
/* .bs-footermenu-outer .bs-sub-menu-outer {
  max-height: 300px;
  overflow-y: auto;
} */
.bs-footermenu-outer ::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 10px;
}
.bs-footermenu-outer ::-webkit-scrollbar {
  width: 12px;
}
.bs-footermenu-outer ::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}
.bs-footer-subtitle i:before {
  font-size: 23px;
}
.bs-icon-home:before {
  content: "\f015";
}
.bs-icon-login:before {
  content: "\f090";
}
.bs-icon-phone:before {
  content: "\f095";
}
.bs-icon-mail:before {
  content: "\f003";
}
.bs-icon-facebook:before {
  content: "\f082";
}
.bs-icon-linkedin:before {
  content: "\f08c";
}
.bs-icon-menu-bar:before {
  content: "\f0c9";
}
.bs-icon-arrow-down:before {
  content: "\f107";
}
.bs-icon-trash:before {
  content: "\f1f8";
}
.bs-icon-refresh:before {
  content: "\f021";
}
.bs-icon-check:before {
  content: "\f058";
}
.bs-icon-cross:before {
  content: "\f057";
}
.bs-icon-exclamation:before {
  content: "\f071";
}
.bs-icon-web:before {
  content: "\f0ac";
}
.bs-icon-search:before {
  content: "\f002";
}
.bs-icon-copy:before {
  content: "\f0c5";
}
.bs-icon-globe:before {
  content: "\f0ac";
}
.bs-icon-tiktok:before {
  font-family: "Font Awesome 6 Brands";
  content: "\e07b";
}
.bs-icon-info:before {
  content: "\f05a";
}
.bs-icon-newtab:before {
  content: "\f08e";
}
.bs-btn-icon-print:before {
  content: "\f02f";
  background-color: #03b2ec;
}
.bs-btn-icon-print {
  background-color: #00bfff;
}
.bs-btn-icon-html:before {
  content: "\f1c9";
  background-color: #d1711a;
}
.bs-btn-icon-html {
  background-color: #e57f23;
}
.bs-btn-icon-excel:before {
  content: "\f1c3";
  background-color: #1e985f;
}
.bs-btn-icon-excel {
  background-color: #21a366;
}
.bs-btn-icon-pdf:before {
  content: "\f1c1";
  background-color: #b51f47;
}
.bs-btn-icon-pdf {
  background-color: #cf2351;
}
.bs-fixed-item-outer {
  z-index: 700;
  position: fixed;
  bottom: 24px;
  right: calc(2 * var(--gap));
  min-width: 40px;
}
.bs-fixed-item {
  display: flex;
  background: #fff;
  width: 40px;
  height: 40px;
  z-index: 700;
  border-radius: 100%;
  color: #666;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.075);
  position: relative;
  margin-top: calc(1 / 2 * var(--gap));
}
.loading-btn-css,
.loading-css div {
  border-radius: 50%;
  -webkit-animation: 0.4s linear infinite spin;
  -o-animation: 0.4s linear infinite spin;
}
.bs-fixed-item span {
  display: none;
  white-space: nowrap;
  font-size: 14px;
  position: absolute;
  right: 50%;
  z-index: -1;
}
.bs-fixed-item:hover span {
  background-color: #fff;
  display: inline-flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 0 50% 0 var(--gap);
  border-radius: 30px 0 0 30px;
}
.bs-whatsapp-support-outer {
  transition: 0.3s;
  font-size: 30px;
  color: #fff;
  background: #25d366;
}
.bs-whatsapp-support-outer:hover {
  transition: 0.3s;
  border-radius: 30px;
  justify-content: flex-end;
  padding-right: var(--gap);
}
.bs-whatsapp-order-outer,
.bs-whatsapp-support-outer:hover span {
  background-color: #25d366;
}
.bs-footer-inner-title {
  text-align: left;
  font-weight: 600;
  font-size: 14px;
}
.bs-support-delete-btn {
  color: #e30613;
}
.confirm-btn {
  color: #0a69aa;
}
.delete-btn {
  color: #e30613;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.loading-btn-css {
  display: none;
  position: absolute;
  top: 14px;
  right: var(--gap);
  width: 32px;
  height: 32px;
  border: 0.25rem solid #d4d9dd;
  border-top-color: #333;
  animation: 0.4s linear infinite spin;
}
.loading-css {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 105100;
  top: 0;
  left: 0;
  overflow: hidden;
  text-indent: 100%;
  font-size: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.35);
  background-size: 250px;
}
.bs-btn-v5,
.bs-btn-v5:hover,
.bs-od-info-outer table tbody tr:nth-child(odd),
.bs-responsive-table tbody tr:nth-child(2n),
.tab-content {
  background: #fff;
}
.loading-css div {
  position: absolute;
  left: calc(50% - 24px);
  top: calc(50% - 24px);
  width: 48px;
  height: 48px;
  border: 0.3rem solid #d4d9dd;
  border-top-color: #333;
  animation: 0.4s linear infinite spin;
}
.loading-prd-css {
  margin: 48px 0;
  height: 24px;
  z-index: 1051;
  display: flex;
  align-items: center;
  position: relative;
}
.loading-prd-css div {
  margin: auto;
  left: calc(50% - 12px);
  top: 0;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 0.25rem solid #d4d9dd;
  border-top-color: #333;
  -webkit-animation: 0.4s linear infinite spin;
  -o-animation: 0.4s linear infinite spin;
  animation: 0.4s linear infinite spin;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.bs-menu-tab-outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin: var(--gap) 0 0;
  list-style: none;
  border-bottom: 1px solid #f5f5f5;
  border-radius: var(--borderstyle) var(--borderstyle) 0 0;
  overflow: hidden;
}
.bs-menu-tab-outer .bs-tab-link {
  position: relative;
  color: #333;
  min-height: var(--hsize);
  align-items: center;
  display: inline-flex;
  justify-content: center;
  text-transform: capitalize;
  width: 20%;
  text-align: center;
  padding: 0 4px;
}
.bs-menu-tab-outer .bs-tab-link.active {
  color: #000;
  color: var(--layoutcolor);
  border-bottom: 0;
  font-weight: 700;
  border-bottom: 3px solid var(--layoutcolor);
}
.bs-tab-vertical .bs-tab-link {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  justify-content: flex-start;
  padding: 0;
}
.bs-od-info-outer table tr:last-child td,
.bs-od-info-outer.bs-od-info-add td,
.bs-tab-vertical,
.bs-tab-vertical.bs-menu-tab-outer .bs-tab-link,
.view-list .row-id:last-child {
  border-bottom: 0;
}
.bs-tab-vertical .bs-tab-link.active:after {
  color: #000;
  color: var(--layoutcolor);
  font-weight: 700;
}
.bs-tab-fixed .bs-tab-head {
  flex-wrap: nowrap;
  width: 100%;
}
.bs-tab-fixed .bs-tab-link {
  flex: 0 1 100%;
}
.bs-tab-body {
  padding: var(--gap) 0;
  border-radius: 0 0 var(--borderstyle) var(--borderstyle);
  background-color: #fff;
}
.tab-content > .tab-pane {
  display: none;
  width: calc(100% + var(--gap));
}
.bs-banner-opportunity-outer,
.bs-menu-common-outer .bs-main-menu:hover .bs-sub-menu-outer,
.bs-specialdiscounts-inner,
.col-bs-home-first .bs-sub-menu-1:hover .bs-sub-menu-2-outer,
.col-bs-home-first .bs-sub-menu:hover .bs-sub-menu-1-outer,
.tab-content > .active {
  display: flex;
  flex-wrap: wrap;
}
.tab-content {
  padding-top: var(--gap);
}
.tab-content-v1 {
  height: 220px;
  overflow-y: auto;
}
.tab-content-v2 {
  min-height: 500px;
}
.bs-itsp-v1,
.bs-itsp-v1-inner {
  min-height: 30px;
}
.tab-content.tab-content-v3:not(#bs-mp-tab-outer) {
  border: 1px solid var(--brdcolor);
  border-radius: var(--borderstyle);
}
.tab-content #detail-p span {
  color: #919191;
  margin-right: 4px;
}
.tab-content #detail-p span:after {
  content: ":";
}
.bs-whatsapp-ask-outer {
  color: #1ebea5;
}
.bs-category-menu-tab,
.bs-dealer-menu-tab {
  display: none;
  margin-top: var(--gap) !important;
}
.bs-btn-v5 {
  color: #000;
  border: 0;
  box-shadow: inset 0 0 0 1px var(--brdcolor);
  text-transform: capitalize;
  text-align: left;
}
#productFilterNew .filter,
.bs-itsp-v1-outer,
.bs-responsive-table:not(:has(th)) tbody {
  border-top: 1px solid var(--brdcolor);
}
.bs-btn-v5 i {
  border-radius: 50%;
  background: #31a9b8;
  width: 20px;
  display: inline-block;
  height: 20px;
  color: #fff;
  margin: 0 3px 0 0;
  text-align: center;
}
.bs-btn-v6 {
  height: 40px;
  background-color: transparent;
  color: #333;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: var(--gap);
  width: unset;
  font-weight: 500;
  padding: 0;
}
.bs-category-menu-tab,
.bs-menu-vertical a {
  width: 100% !important;
  border-left: 0 !important;
  margin: 0;
  border-bottom: 1px solid #eee;
  color: #000 !important;
  text-align: left !important;
  background: #fff;
  position: relative;
  height: 56px !important;
  border-radius: 0;
}
.bs-menu-vertical a:hover,
.bs-welcome-customer {
  background: #f7f7f7 !important;
}
.bs-menu-vertical a:after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: var(--gap);
  top: 18px;
  color: #ddd;
  font-size: 14px;
}
.bs-menu-vertical a.bs-menu-title {
  background: #f7f7f7 !important;
  display: unset;
}
.bs-category-menu-tab i,
.bs-menu-vertical a i {
  position: absolute;
  left: 8px;
  top: 8px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  border-radius: 50%;
}
.bs-category-menu-tab span,
.bs-menu-vertical a span:nth-child(2) {
  position: absolute;
  left: 56px;
  text-transform: capitalize;
  letter-spacing: 0.4px;
  top: 8px;
  font-weight: 600;
  color: #333;
}
.bs-category-menu-tab label,
.bs-menu-vertical a label {
  bottom: 8px;
  top: unset;
  color: #333;
  left: 56px;
  position: absolute;
  margin: 0;
  text-transform: capitalize;
  cursor: inherit;
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: normal;
  overflow: hidden;
}
#productFilterNew::-webkit-scrollbar-track,
.bs-menu-vertical::-webkit-scrollbar-track {
  background-color: #f7f7f7;
}
#productFilterNew::-webkit-scrollbar,
.bs-menu-vertical::-webkit-scrollbar {
  width: var(--gap);
}
#productFilterNew::-webkit-scrollbar-thumb,
.bs-menu-vertical::-webkit-scrollbar-thumb {
  background-color: var(--brdcolor);
  border-radius: 10px;
}
a.bs-menu-title:after {
  content: "\f00d" !important;
}
.bs-welcome-customer {
  color: #919191;
  width: 100%;
  padding-right: calc(2 * var(--gap)) !important;
  border-bottom: 1px solid #eee;
  height: auto !important;
}
.bs-welcome {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 210px;
}
.bs-installment-table th,
.bs-responsive-table.bs-ws-normal td,
.bs-responsive-table.bs-ws-normal th {
  white-space: normal;
}
.bs-itsp-v1-outer {
  height: 30px;
}
.bs-itsp-v1 {
  display: inline-flex;
  width: 50%;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 4px;
}
.bs-itsp-v1:first-child,
.bs-responsive-table th:last-child,
.bs-responsive-table.bs-table-border td,
.bs-responsive-table.bs-table-border th {
  border-right: 1px solid var(--brdcolor);
}
.bs-master-continue-shopping-outer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.bs-master-continue-shopping {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #eee;
}
.bs-master-continue-shopping:before {
  content: "\f060";
  color: #484848;
  font-family: FontAwesome;
  font-size: 18px;
}
.bs-banner-item:has(img) {
  overflow: hidden;
}
.bs-banner-container {
  width: 100%;
  overflow: hidden;
  margin-bottom: calc(2 * var(--gap));
}
.bs-banner-container.bs-banner-screen-full-text-normal {
  margin-bottom: 0;
  padding-bottom: calc(2 * var(--gap));
}
.bs-banner-item {
  display: flex;
  flex-wrap: wrap;
  border-radius: var(--borderstyle);
}

.bs-banner-model-v2 .bs-banner-features {
  display: grid;  
  gap: calc(2 *var(--gap));
}
.bs-banner-item {
  position: relative;
}
.bs-banner-model-v2.bs-banner-quantity-1 .bs-banner-features {
  grid-template-columns: repeat(1, 1fr);
}
.bs-banner-model-v2.bs-banner-quantity-2 .bs-banner-features {
  grid-template-columns: repeat(2, 1fr);
}
.bs-banner-model-v2.bs-banner-quantity-3 .bs-banner-features  {
  grid-template-columns: repeat(3, 1fr);
}
.bs-banner-model-v2.bs-banner-quantity-4 .bs-banner-features {
  grid-template-columns: repeat(4, 1fr);
}
.bs-banner-model-v2.bs-banner-quantity-5 .bs-banner-features {
  grid-template-columns: repeat(5, 1fr);
}
.bs-banner-model-v2.bs-banner-quantity-6 .bs-banner-features {
  grid-template-columns: repeat(6, 1fr);
}
.bs-banner-model-v2.bs-banner-quantity-7 .bs-banner-features {
  grid-template-columns: repeat(7, 1fr);
}
.bs-banner-model-v2.bs-banner-quantity-8 .bs-banner-features {
  grid-template-columns: repeat(8, 1fr);
}
.bs-banner-model-v2.bs-banner-quantity-9 .bs-banner-features {
  grid-template-columns: repeat(9, 1fr);
}
.bs-banner-model-v2.bs-banner-quantity-10 .bs-banner-features {
  grid-template-columns: repeat(10, 1fr);
}
.bs-banner-model-v2.bs-banner-quantity-11 .bs-banner-features {
  grid-template-columns: repeat(11, 1fr);
}
.bs-banner-model-v2.bs-banner-quantity-12 .bs-banner-features {
  grid-template-columns: repeat(12, 1fr);
}
.bs-banner-model-v2.bs-banner-quantity-13 .bs-banner-features {
  grid-template-columns: repeat(13, 1fr);
}
.bs-banner-model-v2.bs-banner-quantity-14 .bs-banner-features {
  grid-template-columns: repeat(14, 1fr);
}
.bs-banner-model-v2.bs-banner-quantity-15 .bs-banner-features {
  grid-template-columns: repeat(15, 1fr);
}
.bs-banner-screen-full .bs-banner-img,
.bs-banner-screen-full .bs-banner-item,
.bs-cart-outer .cartquantity,
.bs-ds-outer input {
  border-radius: 0;
}
.bs-banner-home .bs-banner-alternate-text div,
.bs-headermenu-outer.bs-darkmenu .bs-main-menu-title {
  color: #fff;
}
.bs-banner-contact .bs-contact-outer {
  order: 2;
  width: 40%;
}
.bs-banner-contact .bs-banner-text-outer {
  order: 1;
  width: 60%;
  padding-right: calc(2 * var(--gap));
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #000 !important;
  background: var(--layoutcolor) !important;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px !important;
  height: 10px !important;
  margin: 4px !important;
  background: #999 !important;
}
.owl-dot {
  background-color: hsla(0, 0%, 100%, 0.7) !important;
}
.owl-dot:first-child {
  border-radius: 50% 0 0 50%;
  padding-left: 2px;
}
.owl-dot:last-child {
  border-radius: 0 50% 50% 0;
  padding-right: 2px;
}
.bs-currencylist-outer,
[lang="ar"] .view-icon-clr,
[lang="ar"] [class*="col"] {
  padding: 0 0 0 var(--gap);
}
.bs-icon-arrow-down:before {
  color: #c9c9c9;
  margin-left: 4px;
  order: 2;
  margin-right: 0;
}
.bs-ua-address-outer {
  background: #f5f5f5;
  margin-bottom: var(--gap);
  border-radius: var(--borderstyle);
}
.bs-content-iframe-outer {
  border: 0;
  height: 400px;
}
.bs-content-img-outer {
  position: relative;
  margin-top: -8px;
}
.bs-login-copyright {
  color: #919191;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  font-size: 12px;
}
.bs-login-paymentsystems {
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--gap);
}
.bs-login-outer,
.bs-login-outer > .row,
.bs-login-paymentsystems img,
.bs-new-login-outer .bs-logo-outer .bs-logo-inner,
.bs-new-login-outer .bs-logo-outer .bs-logo-inner .bs-logo,
.bs-order-detail-outer .row,
.view-block .img-id .bs-img,
.view-poly .bs-img {
  height: 100%;
}
.bs-login-title-outer {
  position: relative;
  top: 0;
}
#check {
  fill: none;
  stroke: #fff;
  stroke-width: 4;
  stroke-dasharray: 150;
  stroke-dashoffset: 150;
  -webkit-animation: 1s draw;
  animation: 1s draw;
}
@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
.validated.is-invalid {
  border-left: 4px solid #fb6f6f;
}
.validated.failed::placeholder {
  color: #fb6f6f;
}
.validated.failed + .validation-error {
  display: block;
  color: #fb6f6f;
  margin: -4px 0 12px;
  font-size: 12px;
}
.bs-validate-error {
  border-left: 4px solid #fb6f6f !important;
}
.bs-validate-error::placeholder {
  color: #fb6f6f;
}
.bs-validate-error + .bs-validatetext {
  display: block;
  color: #fb6f6f;
  margin: -4px 0 calc(2 * var(--gap));
  font-size: 12px;
}
.bs-responsive-table .validated.failed + .validation-error {
  margin: 4px 0;
  white-space: normal;
}
.bs-currencylist-outer {
  background-color: #fff;
  border: 1px solid var(--brdcolor);
  border-radius: var(--borderstyle);
  display: flex;
  align-items: center;
  height: var(--hsize);
  font-weight: 600;
  margin-bottom: var(--gap);
}
.bs-currencylist {
  margin-right: var(--gap);
  margin-bottom: 0;
}
.bs-filter-btn-outer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  width: 100%;
  min-height: 24px;
  color: #1b1b1b;
  padding-right: 4px;
}
.bs-filter-btn-outer i {
  display: inline-flex;
  min-width: 18px;
  max-width: 18px;
  height: 18px;
  border: 1.5px solid var(--brdcolor);
  background: #fafafa;
  border-radius: var(--borderstyle);
  margin-right: 4px;
}
.bs-checked-filter-btn i {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  background-color: var(--layoutcolor);
  position: relative;
  overflow: hidden;
}
.bs-checked-filter-btn i::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-style: normal;
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
[lang="ar"] .row {
  flex-direction: row-reverse;
  margin-left: calc(-1 * var(--gap));
}
[lang="ar"] .all_found span,
[lang="ar"] .bs-ctg-title,
[lang="ar"] .bs-logo-outer,
[lang="ar"] .bs-main-menu-title,
[lang="ar"] .bs-mp-group-inner,
[lang="ar"] .bs-previouscategory,
[lang="ar"] .bs-rm-outer,
[lang="ar"] .bs-tab-vertical .bs-tab-link {
  justify-content: flex-end;
}
.def-footer-right-clm,
.view-table .bs-radio-depot-exists-not .bs-depot-line,
.view-table .discount-id,
.view-table .stock-id,
.view-table .stockcoming-id,
.view-table .tax-id,
.view-table [class*="price-id"],
[lang="ar"] .bs-input-v1,
[lang="ar"] .bs-master-input-inner,
[lang="ar"] .bs-responsive-table td,
[lang="ar"] .bs-responsive-table th,
[lang="ar"] .bs-select-v1,
[lang="ar"] .bs-title-outer,
[lang="ar"] .validated.failed + .validation-error,
[lang="ar"] .view-poly .row-id > .Cell {
  text-align: right;
}
[lang="ar"] .bs-select-v1 {
  background-position: left var(--gap) center;
  padding: 0 var(--gap) 0 25px;
}
[lang="ar"] .bs-user {
  margin-right: var(--gap);
  margin-left: 0;
}
[lang="ar"] .bs-master-continue-shopping {
  float: left;
}
[lang="ar"] .bs-filter-clm-outer {
  padding-right: var(--gap);
  padding-left: 20px;
}
[lang="ar"] .bs-responsive-table,
[lang="ar"] .view-table {
  direction: rtl;
}
[lang="ar"] .bs-tr,
[lang="ar"] .def-footer-right-clm {
  text-align: left !important;
}
[lang="ar"] .bs-rm-outer {
  padding-left: 0;
  padding-right: 22px;
}
[lang="ar"] .bs-custom-checkbox,
[lang="ar"] .bs-empty-check {
  left: inherit;
  right: 0;
}
[lang="ar"] .bs-modal-header {
  justify-content: flex-end;
  padding: 0 var(--gap) 0 0;
}
[lang="ar"] .bs-btn-v6 {
  float: left;
  margin-left: 0;
  margin-right: var(--gap);
}
[lang="ar"] .bs-cart-sum-clm-outer {
  padding-left: var(--gap);
  padding-right: calc(2 * var(--gap));
}
[lang="ar"] .bs-products-order-outer {
  margin-right: auto;
  margin-left: 0;
}
.view-block .buy-id .bs-addbasket-outer,
[lang="ar"] .bs-rm-lng-fp .bs-fp,
[lang="ar"] .buy-id .bs-addbasket-outer {
  justify-content: flex-start;
}
[lang="ar"] #productFilterNew .filter > a,
[lang="ar"] #target-products,
[lang="ar"] .bs-breadcrumb,
[lang="ar"] .bs-ds-outer.bs-select-v1,
[lang="ar"] .bs-form-title,
[lang="ar"] .bs-headermenu-outer .bs-main-menu-outer,
[lang="ar"] .bs-menu-tab-outer,
[lang="ar"] .bs-menusilver-outer .bs-ms-link,
[lang="ar"] .bs-od-title,
[lang="ar"] .bs-ord-sm-tbl div,
[lang="ar"] .bs-warning,
[lang="ar"] .view-block .buy-id .bs-addbasket-btn-outer,
[lang="ar"] .view-block .buy-id .bs-addbasket-outer,
[lang="ar"] .view-block .row-id,
[lang="ar"] .view-block .tire-label,
[lang="ar"] .view-list .buy-id .bs-addbasket-outer,
[lang="ar"] .view-poly .buy-id .bs-addbasket-outer,
[lang="ar"] .view-table .buy-id .bs-addbasket-outer {
  flex-direction: row-reverse;
}
[lang="ar"] .bs-listedproductcount {
  margin-left: 0;
  margin-right: 4px;
}
[lang="ar"] .bs-listedproductcount:before {
  content: "";
  margin-left: 0;
}
[lang="ar"] .bs-listedproductcount:after {
  content: "\f111";
  font-family: FontAwesome;
  font-size: 4px;
  margin-left: 12px;
  color: #ddd;
}
.bs-breadcrumb a:after,
[lang="ar"] .bs-breadcrumb-back:after {
  content: "\f105";
  font-family: FontAwesome;
}
[lang="ar"] .bs-breadcrumb {
  padding-left: var(--gap);
  padding-right: 0;
}
[lang="ar"] .bs-breadcrumb-back {
  margin-right: 0;
  margin-left: var(--gap);
}
[lang="ar"] .bs-breadcrumb a:before {
  content: "\f104";
  font-family: FontAwesome;
  padding: 0 var(--gap);
}
[lang="ar"] .bs-warning-close {
  margin-left: unset !important;
  margin-right: auto !important;
}
[lang="ar"] .bs-ds-option,
[lang="ar"] .view-block .row-id > .Cell {
  flex-direction: row-reverse;
  text-align: right;
}
[lang="ar"] .bs-form-title-icon:before {
  margin-left: 6px;
}
[lang="ar"] .view-block .buy-id .bs-quantity-outer,
[lang="ar"] .view-list .buy-id .bs-quantity-outer,
[lang="ar"] .view-poly .buy-id .bs-quantity-outer,
[lang="ar"] .view-table .buy-id .bs-quantity-outer {
  margin-left: var(--gap);
  margin-right: 0;
}
[lang="ar"] .def-footer-left-clm {
  text-align: right !important;
}
[lang="ar"] .bs-filter-btn-outer {
  flex-direction: row-reverse;
  padding-left: 4px;
  padding-right: 0;
}
[lang="ar"] .bs-od-title-text,
[lang="ar"] .bs-user-and-cart > .row {
  padding-left: var(--gap);
  padding-right: 0;
}
[lang="ar"] .bs-filter-btn-outer i {
  margin-left: 4px;
  margin-right: 0;
}
[lang="ar"] #productFilterNew .filter > a:after {
  left: 0;
  right: unset;
}
[lang="ar"] .view-detail .bs-prd-icon {
  margin-bottom: var(--gap);
  display: flex;
  flex-direction: row-reverse;
}
[lang="ar"] .bs-od-title-text-other,
[lang="ar"] .bs-ord-sm-tbl span:last-child {
  margin-left: unset;
  margin-right: auto;
}
[lang="ar"] .bs-menusilver-outer i {
  margin-left: calc(1.5 * var(--gap));
  margin-right: 0;
}
[lang="ar"] .bs-od-title-text {
  text-align: right;
}
[lang="ar"] .bs-ds-option-selected {
  text-align: right;
  justify-content: flex-end;
}
.bs-promotion-discount,
.view-block .row-id > .Cell.discount-id .bs-discount-outer {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
  height: 24px;
  border-radius: var(--borderstyle);
  background-color: #f53f3f;
  color: #fff;
  font-weight: 700;
}
.view-block .row-id > .Cell.discount-id .bs-discount-outer.bs-discount-net {
  color: #3b3b3b;
  background-color: #d6d6d6;
}
#productFilterNew {
  overflow-y: unset;
  width: 100%;
  top: 0;
  z-index: 1;
  position: unset;
  box-shadow: none;
  border-radius: var(--borderstyle);
}
.bs-empty-check {
  border: 1.5px solid var(--brdcolor);
}
#productsortselectt,
.bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link.active:after,
.bs-od-info-outer table tbody tr,
.view-detail-modal .buy-id {
  border: 0;
}
#filterListTop .filterlisttop-outer {
  border: 1px solid var(--brdcolor) !important;
  height: 50px;
}
#filterListTop .filterlisttop-outer span:first-child {
  font-size: 14px !important;
  font-weight: 600;
}
#filterListTop .filterlisttop-outer span:last-child {
  font-size: 12px !important;
  font-weight: 400;
}
.bs-mm-title {
  background: #f7f7f7;
  border-bottom: 1px solid var(--brdcolor);
  min-height: 30px;
  display: flex;
  align-items: center;
  color: #000;
  color: var(--layoutcolor);
  padding-left: var(--gap);
}
.bs-menu-common-outer .bs-main-menu {
  min-height: 16px;
  margin: var(--gap) 0;
  position: relative;
  border-radius: var(--borderstyle);
}
.bs-menu-common-outer .bs-main-menu-title {
  display: flex;
  min-height: 16px;
  align-items: center;
  color: #1b1b1b;
}
.bs-menu-common-outer .bs-main-menu.active,
.bs-menu-common-outer .bs-main-menu.active .bs-main-menu-title,
.bs-menu-common-outer .bs-main-menu.active .bs-main-menu-title:before,
.bs-menu-common-outer .bs-main-menu:hover .bs-main-menu-title,
.bs-menu-common-outer .bs-main-menu:hover .bs-main-menu-title:before {
  color: #999;
}
.bs-menu-common-outer .bs-main-menu > .bs-sub-menu-outer {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  background: #fff;
  width: 250px;
  box-shadow: 0 0 10px 0 #00000012;
  z-index: 2;
}
.bs-banner-item img {
  width: 100%;
  object-fit: contain;
}
.bs-opportunity-all-prd {
  float: right;
  display: flex;
  height: 100%;
  align-items: center;
  color: #000;
  color: var(--layoutcolor);
}
.bs-breadcrumb {
  height: var(--hsize);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-right: var(--gap);
}
.bs-breadcrumb a {
  color: #333;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 13px;
}
.bs-breadcrumb a:after {
  padding: 0 calc(1.25 * var(--gap));
  font-size: 15px;
  color: var(--layoutcolor);
}
.bs-breadcrumb-back {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(3 * var(--gap));
  width: calc(3 * var(--gap));
  border-radius: 50%;
  background-color: #efefef;
  margin-right: var(--gap);
}
.bs-breadcrumb-back:after {
  font-family: FontAwesome;
  content: "\f104";
}
.bs-breadcrumb-back:hover {
  background-color: var(--layoutcolor);
  color: #fff;
}
.bs-pd-breadcrumb {
  margin-bottom: var(--gap);
}
.bs-stock-infos-outer {
  margin-left: auto;
  display: flex;
  align-items: center;
  margin-right: calc(2 * var(--gap));
}
.bs-stock-infos-outer label {
  margin-right: 4px;
  margin-left: 4px;
  font-size: 12px;
}
.bs-stocktext-exists {
  color: #159547;
}
.bs-responsive-table td .bs-balance-debt,
.bs-accountarrears-outer .bs-balancelastmonth,
.bs-stocktext-existsnot {
  color: #f3514b;
}
.bs-stocktext-halfexists {
  color: #e69603;
}
.bs-stocktext-stockdesc {
  color: #919191;
}
.bs-stock-icon {
  display: inline-block;
  height: calc(2 * var(--gap));
  width: calc(2 * var(--gap));
  border-radius: 50%;
}
.bs-stocktext-exists .bs-stock-icon {
  background-color: #159547;
}
.bs-stocktext-existsnot .bs-stock-icon {
  background-color: #f3514b;
}
.bs-stocktext-halfexists .bs-stock-icon {
  background-color: #159547;
  width: var(--gap);
  border-bottom-left-radius: 90px;
  border-top-left-radius: 90px;
}
.bs-stock-infos-outer .bs-stock-icon,
.view-table .bs-stock-icon {
  vertical-align: sub;
}
.stockcoming-id .bs-stocktext-exists .bs-stock-icon {
  background-color: #2b92f1;
}
.owl-next,
.owl-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  outline: 0;
  margin: auto 0 !important;
  background: #fff !important;
  box-shadow: 0 4px 4px #33333329;
  border-radius: 100% !important;
}
.owl-next span,
.owl-prev span {
  color: transparent;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.owl-next span:after,
.owl-prev span:after {
  font-family: FontAwesome;
  color: #666;
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: var(--gap);
  height: 100%;
  width: 100%;
}
.bs-pagination .bs-pagination-prev::before,
.owl-prev span:after {
  content: "\f104";
}
.owl-next span:after {
  content: "\f105";
  right: 6px;
  left: inherit;
}
.owl-prev {
  left: calc(2 * var(--gap));
}
.owl-next {
  right: calc(2 * var(--gap));
}
.owl-theme .owl-nav {
  margin-top: 0 !important;
  display: none;
}
.owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(3 * var(--gap)) !important;
  height: 18px !important;
}
.bs-main-brand-outer,
.bs-main-category-outer {
  margin: var(--gap);
  display: block;
}
.bs-main-brand-outer img,
.bs-main-category-outer img {
  display: block;
  border-right: 0;
  width: 100%;
  height: 100px;
  object-fit: contain;
  padding: 20px;
  background: #f4f4f4;
}
.bs-main-brand-outer:after,
.bs-main-category-outer:after {
  content: attr(data-title);
  display: block;
  text-align: center;
  margin-top: 4px;
  color: #000;
}
.detail-search {
  margin-bottom: calc(2 * var(--gap));
  position: relative;
}
#block-view-icon:before {
  content: "\f009";
  font-family: FontAwesome;
  font-style: normal;
}
#table-view-icon:before {
  content: "\f0ce";
  font-family: FontAwesome;
  font-style: normal;
}
#lg-table-view-icon:before {
  content: "\f00b";
  font-family: FontAwesome;
  font-style: normal;
}
#poly-view-icon:before {
  content: "\f00a";
  font-family: FontAwesome;
  font-style: normal;
}
#list-view-icon:before {
  content: "\f03a";
  font-family: FontAwesome;
  font-style: normal;
}
#btnCompareList:before {
  content: "\f0ec";
  font-family: FontAwesome;
}
.bs-table-outer,
.view-table-outer {
  overflow-x: auto;
}
.view-table .img-id .inner-popover {
  padding: 0;
  border: 0;
}
.view-table .bs-img-icon .bs-img {
  width: 35px;
}
.view-table .bs-no-img-icon .bs-img {
  width: 70px;
  aspect-ratio: var(--aspectratio);
}
.view-list .img-id {
  width: 60px;
}
.view-list .img-id .bs-img {
  height: 60px;
}
.img-id .bs-img {
  object-fit: contain;
}
.bs-prd-icon {
  color: #000;
  height: 18px;
  min-width: 18px;
  font-size: 11px;
  display: inline-flex;
  overflow: hidden;
  border-radius: var(--borderstyle);
}
.bs-prd-icon:before {
  font-family: FontAwesome;
  font-style: normal;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
}
.bs-icon-sale:before {
  background: #f7c24e;
  content: "\f0a1";
}
.bs-icon-mostsaled::before {
  background: #7aacbc;
  content: "\f135";
}
.bs-icon-new::before {
  background: #768ade;
  content: "\f006";
}
.bs-icon-mostviewed::before {
  background: #29d0a2;
  content: "\f245";
}
.bs-icon-day::before {
  background: #fa97b1;
  content: "\f219";
}
:focus {
  outline: 0;
}
.bs-pt-5 {
  padding-top: 5px;
}
.buy-id .bs-addbasket-outer {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 160px;
  justify-content: flex-end;
  gap: var(--gap);
}
.buy-id.bs-no-quantity .bs-addbasket-outer {
  width: unset;
  min-width: 63px;
}
.bs-specialdiscounts-outer {
  position: relative;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 0px);
  flex: 0 0 calc(100% - 0px);
  max-width: calc(100% - 0px);
}
.bs-specialdiscounts-outer .bs-specialdiscount {
  background-color: #fff;
  height: 24px;
  text-align: center;
  border-width: 1px;
  margin-bottom: 0;
  padding: 0;
}
.bs-specialdiscounts-outer .bs-specialdiscount1 {
  border-radius: var(--borderstyle) 0 0 0;
  width: 50%;
  border-width: 1px 0.5px 0.5px 1px;
}
.bs-specialdiscounts-outer .bs-specialdiscount2 {
  border-radius: 0 var(--borderstyle) 0 0;
  width: 50%;
  border-width: 1px 1px 0.5px 0.5px;
}
.bs-specialdiscounts-outer .bs-specialdiscountedprice {
  border-radius: 0 0 var(--borderstyle) var(--borderstyle);
  width: 100%;
  border-width: 0.5px 1px 1px;
}
.bs-specialdiscounts-outer .bs-specialdiscount:focus {
  border: 2px solid var(--layoutcolor) !important;
}
.bs-specialdiscounts-outer .bs-specialdiscount::placeholder {
  font-size: 11px;
}
.bs-specialdiscounts-outer:not(:has(.bs-specialdiscountedprice))
  .bs-specialdiscount1 {
  border-bottom-left-radius: var(--borderstyle);
  border-bottom-width: 1px;
}
.bs-specialdiscounts-outer:not(:has(.bs-specialdiscountedprice))
  .bs-specialdiscount2 {
  border-bottom-right-radius: var(--borderstyle);
  border-bottom-width: 1px;
}
.buy-id .bs-quantity-outer {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(80px - var(--gap));
  flex: 0 0 calc(80px - var(--gap));
  max-width: calc(80px - var(--gap));
  height: 30px;
}
.buy-id .bs-quantity-outer .bs-quantity {
  position: absolute;
  font-size: 12px;
  width: 25%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--brdcolor);
  background-color: #fafafa;
  margin-bottom: 0;
  color: #000;
  color: var(--layoutcolor);
  border-radius: 0;
}
.buy-id .bs-quantity-outer .bs-dec-btn {
  border-radius: var(--borderstyle) 0 0 var(--borderstyle);
  left: 0;
}
.buy-id .bs-quantity-outer .bs-dec-btn::before {
  font-family: FontAwesome;
  content: "\f068";
}
.buy-id .bs-quantity-outer .Quantity {
  background-color: #fff;
  right: 24%;
  left: 24%;
  width: calc(100% - 48%);
  text-align: center;
  padding: 0;
}
.buy-id .bs-quantity-outer .bs-inc-btn {
  right: 0;
  border-radius: 0 var(--borderstyle) var(--borderstyle) 0;
}
.buy-id .bs-quantity-outer .bs-inc-btn::before {
  font-family: FontAwesome;
  content: "\f067";
}
.buy-id .bs-addbasket-btn-outer {
  position: relative;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  background: var(--layoutcolor);
  color: #fff;
  font-size: 11px;
  height: 30px;
  border-radius: var(--borderstyle);
}
.bs-depots-btn,
.view-block .row-id {
  display: flex;
  background-color: #fff;
}
.buy-id.bs-no-quantity .bs-addbasket-btn-outer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 0px);
  flex: 0 0 calc(100% - 0px);
  max-width: calc(100% - 0px);
  margin-right: 0;
}
.buy-id .bs-addbasket-btn-outer .bs-addbasket {
  height: inherit;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.buy-id .bs-addbasket-btn-outer [class*="bs-addbasket"]:before {
  font-size: calc(2 * var(--gap));
  position: absolute;
  left: 4px;
  height: 100%;
  display: flex;
  align-items: center;
  width: 15px;
}
.buy-id .bs-addbasket-btn-outer .add-text-class {
  height: 100%;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #fff;
  padding: 0 4px;
  text-align: center;
}
.buy-id:has(.bs-addproposal-btn-outer) .bs-addbasket-outer {
  width: calc(160px + 80px);
}
.view-list .Cell.categorygroup-id label {
  margin-left: var(--gap);
}
.buy-id .bs-cart-ok {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.view-block .detail-btn {
  margin-top: 5px;
}
.view-block .tbody-id,
.view-poly .tbody-id {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-1 * var(--gap));
  margin-right: calc(-1 * var(--gap));
  width: calc(100% + calc(2 * var(--gap)));
}
.view-block .row-id {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / var(--prdcount) - calc(2 * var(--gap)));
  flex: 0 0 calc(100% / var(--prdcount) - calc(2 * var(--gap)));
  max-width: calc(100% / var(--prdcount) - calc(2 * var(--gap)));
  flex-wrap: wrap;
  margin-bottom: calc(2 * var(--gap));
  margin-right: var(--gap);
  margin-left: var(--gap);
  padding: 0 0 var(--gap);
  position: relative;
  border-radius: var(--borderstyle);
  border: 1px solid var(--brdcolor);
}
.view-block .row-id:hover,
.view-poly .row-id .bs-img:hover {
  box-shadow: rgb(0 0 0 / 8%) 0 2px calc(2 * var(--gap)) 0;
}
.view-detail .view-block .row-id:hover {
  box-shadow: none;
}
.banner-other-products .view-block .row-id {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - var(--gap));
  flex: 0 0 calc(25% - var(--gap));
  max-width: calc(25% - var(--gap));
}
.bs-prd-depots-outer {
  padding: 0 0 1px;
  position: relative;
}
.view-table .bs-prd-depots-outer.bs-radio-depot-exists-outer {
  display: inline-flex;
  justify-content: center;
}
.depot-radio-id {
  width: 30px;
  margin-right: 4px;
  margin-bottom: 0;
  padding: 0 4px;
}
.view-block .bs-prd-alldepots {
  flex-wrap: wrap;
}
.view-block .bs-prd-depots-outer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 2px 0;
  min-height: 24px;
}
.view-block .bs-radio-depot-exists {
  width: unset;
  flex-direction: row-reverse;
}
.view-block .bs-radio-depot-exists .bs-depot-line {
  text-align: left;
  order: 1;
}
.view-block .bs-radio-depot-exists .depot-radio-id {
  margin-left: 0;
  order: 2;
}
.bs-cart-outer .customername-id,
.bs-cart-outer .update-id,
.bs-cart-outer .useraccountname-id,
.bs-cart-outer .view-table .buy-id,
.bs-product-table th,
.bs-radio-depot-exists-not .bs-depot-line,
.bs-responsive-table.bs-nowrap-table,
.bs-responsive-table.bs-ws-nowrap td,
.bs-responsive-table.bs-ws-nowrap th,
.view-list .row-id > .Cell:before,
[class*="price-id"] {
  white-space: nowrap;
}
.bs-modal .bs-depot-line {
  display: flex;
  height: 36px;
  align-items: center;
  border-radius: 0;
  border-bottom: 1px solid var(--brdcolor);
}
.bs-depots-btn:before {
  font-family: FontAwesome;
  content: "\f002";
  margin-right: 2px;
}
.bs-depots-btn {
  font-size: 11px;
  border: 1px solid var(--brdcolor);
  height: 30px;
  border-radius: var(--borderstyle);
  align-items: center;
  padding: 0 4px;
  font-weight: 600;
}
.bs-pd-table .bs-radio-depot-exists {
  width: unset;
  margin: 0 4px;
}
.bs-radio-depot-no-stock {
  color: #e23a37;
  padding-right: 41px;
}
.view-block .fa-camera-retro:before {
  content: "";
}
.view-block .row-id > .Cell {
  width: 100%;
  padding: 0 var(--gap);
  min-height: 20px;
  color: #000;
  overflow: hidden;
}
.view-block .row-id > .Cell:before,
.view-list .row-id > .Cell:before {
  content: attr(data-title);
  color: #837575;
  font-weight: 400;
  overflow: hidden;
  white-space: normal;
  margin-right: var(--gap);
  font-size: var(--fontsize);
  text-align: left;
}
.row-id .brand-id:before,
.row-id .buy-id:before,
.row-id .code-id:before,
.row-id .delete-id:before,
.row-id .detail-id:before,
.row-id .img-id:before,
.row-id .name-id:before,
.view-block .row-id > .Cell.freeshipping-id:before,
.view-block .row-id > .Cell.season-id:before {
  content: "" !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
}
.view-block .buy-id {
  order: 12;
  margin-top: var(--gap);
}
.view-block .delete-id {
  order: 13;
}
.view-block .freeshipping-id {
  order: 14;
}
.view-block .brand-id,
.view-block .code-id,
.view-block .dot-id,
.view-block .name-id,
.view-block .origin-id,
.view-block .tag-id {
  order: 2;
}
.view-block .barcode-id,
.view-block .creditprice-id,
.view-block .fieldfive-id,
.view-block .fieldfour-id,
.view-block .fieldone-id,
.view-block .fieldsix-id,
.view-block .fieldthree-id,
.view-block .fieldtwo-id,
.view-block .package-id,
.view-block .shortcode-id,
.view-block .shortdescription-id,
.view-block .stocktype-id,
.view-block [class*="iconimg"] {
  order: 10;
}
.view-block .packagetype-id {
  order: 6;
}
.view-block .img-id {
  order: 0;
  position: relative;
  margin-bottom: var(--gap);
}
.view-block .img-id .inner-popover {
  position: relative;
  visibility: visible !important;
  border: 0;
  box-shadow: none;
  display: block;
  text-align: center;
  top: 0;
  z-index: 1;
  max-width: 100%;
  height: 130px;
  margin-bottom: var(--gap);
  border-radius: var(--borderstyle);
  overflow: hidden;
}
.view-block .oem-id,
.view-block .season-id {
  order: 8;
}
[class*="iconimg"] {
  height: 22px;
}
[class*="iconimg"] img {
  height: 22px;
  object-fit: contain;
  width: unset;
}
.view-block .actualprice-id,
.view-block .discount-id,
.view-block .normalprice-id,
.view-block .purchaseprice-id,
.view-block .retailprice-id,
.view-block .totalprice-id {
  order: 11;
}
.view-block .manufacturer-id,
.view-block .transferprice-id {
  order: 9;
}
.view-block .price-id {
  order: 11;
  overflow: unset !important;
  font-size: 24px;
  font-weight: 700;
}
.view-block .tax-id {
  order: 12;
}
.view-block .taxprice-id {
  order: 12;
}
.tire-label {
  display: inline-flex;
  flex-wrap: nowrap;
}
.tire-label-inner {
  text-align: center;
  padding: 0 1px;
}
.tag-id img {
  height: 24px;
  width: inherit;
}
.origin-id img {
  height: 22px;
  width: unset;
}
.view-block .detail-id {
  order: 12;
  align-self: flex-end;
}
.view-table.table-id {
  display: table;
  width: 100%;
  border-top: 1px solid var(--brdcolor);
  border-left: 1px solid var(--brdcolor);
  border-radius: var(--borderstyle) var(--borderstyle) 0 0;
}
.view-table .heading-id,
.view-table .row-id {
  display: table-row;
}
.view-table .heading-id .Cell {
  text-align: center;
    font-weight: 400;
    color: #484848;
    background-color: #fff;
border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid #f8f8f8;
}
.heading-id .Cell,
.view-table .Cell {
  display: table-cell;
}
.view-table .Cell.buy-id {
  padding: 2px;
}
.view-table .buy-id .bs-addbasket-outer {
  margin: auto;
  justify-content: center;
  float: unset;
  background-color: initial;
}
.view-table .Cell.name-id {
  min-width: 125px;
  width: unset;
  max-width: 225px;
}
.view-table .name-id-inner {
      position: relative;
  height: 100%;
  overflow: hidden;
}
.view-table .name-id-link {
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  white-space: normal;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-align: center;
  width: 100%;
}
.brand-id img,
.bs-showbrandname + .bs-brandname,
.view-list .stock-id .bs-depots-outer {
  display: inline-flex;
}
.heading-id .Cell,
.view-table .Cell {
  height: 36px;
  vertical-align: middle;
  border-right: 1px solid var(--brdcolor);
  border-bottom: 1px solid var(--brdcolor);
  white-space: nowrap;
}
.brand-id img {
  height: 22px;
  object-fit: contain;
  max-width: 100px;
  width: unset;
}
.brand-id span {
  text-transform: uppercase;
}
.view-block .brand-id img {
  margin: 4px 0;
}
.view-table .tbody-id {
  display: table-row-group;
}
.heading-id .Cell {
  font-weight: 700;
  color: #837575;
  background: #fff;
  z-index: 20;
}
.heading-id .Cell:last-child {
  border-radius: 0 var(--borderstyle) 0 0;
}
.view-table .Cell {
  font-weight: 500;
  color: #000;
  padding: 0 2px;
  width: 1px;
}
.bs-od-info-outer.bs-od-info-add input,
.bs-od-info-outer.bs-od-info-add select,
.view-list .bs-stock-bg .bs-delete-btn,
.view-table .row-id:nth-of-type(2n + 1) {
  background-color: #f7f7f7;
}
.view-table .row-id:nth-of-type(odd),
.view-table .row-id:nth-of-type(odd) .brand-id img::after {
  background-color: #fff;
}
.bs-responsive-table tbody tr:hover,
.view-table .row-id:hover,
.view-table .row-id:hover .brand-id img::after {
  background: #fefae0 !important;
}
.bs-pagination {
  display: flex;
  justify-content: center;
  margin: calc(2 * var(--gap)) 0;
}
.bs-pagination button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 40px;
  background-color: #f4f4f4;
  padding: 0 var(--gap);
  gap: calc(0.5*var(--gap));
}
.bs-pagination button.active {
    background-color: #d6d6d6;
    font-weight: 600;
}
.bs-pagination button:hover {
    background-color: #e6e6e6;
}
.bs-pagination [class*="bs-pagination"] {
  font-family: FontAwesome;
}
.bs-pagination .bs-pagination-next::before {
  content: "\f105";
}
.bs-pagination .bs-page-btn-inactive {
  color: #d6d6d6;
}
.bs-pagination .bs-page-btn-inactive:hover {
  background-color: #f4f4f4;
  cursor: not-allowed;
}
.bs-pagination button:nth-child(1),
.bs-pagination button:nth-child(2),
.bs-pagination button:last-child {
  font-size: 12px;
}
#productFilterNew .filter > a,
.bs-ctg-title {
  align-items: center;
  color: #333;
  font-weight: 600;
}
.view-detail-modal .Cell:before,
.view-list .row-id > .brand-id.Cell:before,
.view-list .row-id > .price-id.Cell:before {
  content: attr(data-title) !important;
}
.view-icon-clr {
  color: #ddd;
  font-size: 17px;
  border-radius: var(--borderstyle);
  margin-right: var(--gap);
}
.bs-menusilver-outer .bs-sms-link:hover,
.bs-menusilver-outer .router-link-active,
.bs-menusilver-outer .router-link-active i,
.bs-od-info-outer table.bs-od-summary-table tr:last-child td:last-child,
.view-icon-clr.view-icon-clr-active {
  color: var(--layoutcolor);
}
.bs-ctg {
  z-index: 400;
  position: relative;
}
.bs-ctg-t {
  background: #fff;
  color: #000;
  color: var(--layoutcolor);
  font-weight: 400;
  padding: 5px var(--gap);
  border: 1px solid #000;
  border: 1px solid var(--layoutcolor);
  height: 30px;
  cursor: pointer;
}
.bs-ctg-t::after {
  content: "\f105";
  float: right;
  color: var(--layoutcolor);
  font-family: FontAwesome;
  font-weight: 300;
}
.bs-ctg .inner-popover {
  z-index: 3;
  top: 29px;
  padding: 0;
  border-radius: 0;
  border: 1px solid var(--layoutcolor);
  box-shadow: none;
  width: calc(100% - var(--gap));
}
[src*="errorimg"] {
  background: 0 0 !important;
}
.bs-ctg-title {
  display: flex;
  font-size: initial;
  left: 0;
  width: 100%;
  height: 30px;
  background-color: var(--bgcolor);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: var(--borderstyle);
}
#productFilterNew .filter > a {
  display: flex;
  position: relative;
  height: 50px;
}
#productFilterNew .filter > a:hover {
  background-color: #fafafa;
  transition: 0.3s;
}
#productFilterNew .filter > a:after {
  content: "\f107";
  position: absolute;
  right: var(--gap);
  color: #000;
  color: var(--layoutcolor);
  font-family: FontAwesome;
  font-size: 18px;
  height: 100%;
  display: flex;
  align-items: center;
}
#productFilterNew .filter .bs-filters-search-outer .bs-input-v1 {
  height: 27px;
  border-color: #e2e2e2;
}
#productFilterNew .filter .bs-filters-search-outer .bs-input-v1::placeholder {
  font-size: 12px;
}
#productFilterNew .filter .bs-filters-outer {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 184px;
  margin-bottom: calc(2 * var(--gap));
}
#productFilterNew .filter .bs-filters-outer::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 100px;
}
#productFilterNew .filter .bs-filters-outer::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 100px;
}
#productFilterNew .filter .bs-filters-outer::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
#productFilterNew input[type="checkbox"]:checked + label,
.bs-rm-lng-fp .bs-fp {
  font-weight: 600;
  color: var(--layoutcolor);
}
.bs-menu-outer-v1 {
  background: #fff;
  position: absolute;
  width: 200px;
  left: 0;
  text-align: left;
  top: 29px;
  box-shadow: rgba(0, 0, 0, 0.15) 0 20px 25px -12px;
}
#productFilterNew .filter .bs-filters-outer::-webkit-scrollbar,
.bs-filter-clm-outer .bs-menu-common-outer::-webkit-scrollbar {
  background-color: #f1f1f1;
  width: 7px;
  border-radius: 100px;
}
#productFilterNew .filter .bs-filters-outer::-webkit-scrollbar-thumb,
.bs-filter-clm-outer .bs-menu-common-outer::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 100px;
}
.bs-filter-clm-outer .bs-menu-common-outer {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 240px;
}
.season-id img {
  object-fit: contain;
  height: 30px;
  width: unset;
}
.bs-responsive-table .bs-detail-btn-outer,
.img-id {
  padding: 0 !important;
}
.filterlisttop-outer {
  background: #fff !important;
  border-radius: var(--borderstyle) !important;
}
#target-products {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: calc(1 * var(--gap));
  padding: 0;
}
.bs-products-order-outer {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.bs-mp-group-outer {
  z-index: 30 !important;
  margin-bottom: var(--gap) !important;
}
.bs-mp-group-inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-1 * var(--gap));
  margin-right: calc(-1 * var(--gap));
}
.bs-mp-group-inner.owl-carousel {
  margin-left: 0;
  margin-right: 0;
  z-index: 30;
  padding: var(--gap);
  background: #fff;
}
.bs-mp-group-inner.owl-carousel .view-block .row-id {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: var(--gap);
  padding-right: var(--gap);
  margin-bottom: 0;
}
.bs-ctgv2-banner-outer .container,
.bs-homecategory-exists .container {
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
}
.bs-modalimage-outer img {
  object-fit: contain;
  height: 100%;
}
.bs-modalimage-outer .modal-body {
  height: calc(100vh - 46px);
}
.bs-filter-item {
  border-radius: 6px;
  height: 32px;
  padding-right: var(--gap);
  margin-bottom: var(--gap);
  cursor: pointer;
  position: relative;
  color: #333;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 3%);
  border: 1px solid #ededed;
  line-height: 1.2;
}
.bs-filter-item::after {
  content: "\f00d";
  font-family: FontAwesome;
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--brdcolor);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  top: 5px;
  right: 4px;
}
.bs-filtername {
  padding-left: var(--gap);
  padding-right: calc(2 * var(--gap) + var(--gap) / 2);
  height: 15px;
  display: flex;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bs-filtername1 {
  align-items: flex-end;
  color: #999;
  font-weight: 300;
}
.bs-filtername2 {
  align-items: flex-start;
  color: #000;
  font-weight: 600;
}
.bs-btn-clear-all-filter {
  color: #333;
  display: flex;
  align-items: center;
  font-weight: 600;
  border-radius: 6px;
  height: 32px;
  margin-bottom: calc(2 * var(--gap));
  position: relative;
  font-size: 12px;
  background-color: var(--brdcolor);
  justify-content: center;
  width: 100%;
  transition: 0.3s;
  padding: 0 4px;
}
.bs-btn-clear-all-filter:hover {
  transition: 0.3s;
  background-color: #fff1e6;
}
.bs-delete-btn {
  background: #f5f5f5;
  display: inline-flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.view-list .row-id {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-flow: row;
  grid-gap: 0 8px;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
  background-color: #fff;
  padding: var(--gap) 0;
  min-height: calc(calc(2 * 30px) + calc(2 * var(--gap)));
}
.view-list .Cell {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  font-weight: 500;
  height: 30px;
  line-height: 1.2;
}
.view-list nav {
  grid-column-start: 0;
  grid-column-end: 1;
}
.view-list aside {
  grid-column-start: 1;
  grid-column-end: 2;
}
.view-list article {
  grid-column-start: 2;
  grid-column-end: 3;
}
.view-list main {
  grid-column-start: 3;
  grid-column-end: 4;
}
.view-list section {
  grid-column-start: 4;
  grid-column-end: 5;
}
.view-list .Cell:first-of-type {
  grid-row: 1;
}
.view-list .Cell:nth-of-type(2) {
  grid-row: 2;
}
.view-list .Cell:nth-of-type(3) {
  grid-row: 3;
}
.view-list .Cell:nth-of-type(4) {
  grid-row: 4;
}
.view-list .Cell:nth-of-type(5) {
  grid-row: 5;
}
.view-list .Cell:nth-of-type(6) {
  grid-row: 6;
}
.view-list .Cell:nth-of-type(7) {
  grid-row: 7;
}
.view-list .Cell:nth-of-type(8) {
  grid-row: 8;
}
.view-list .Cell:nth-of-type(9) {
  grid-row: 9;
}
.view-list .Cell:nth-of-type(10) {
  grid-row: 10;
}
.view-list:has(article):not(:has(main)):not(:has(section)) .row-id {
  grid-template-columns: repeat(2, 1fr);
}
.view-list:has(article):not(:has(main)):not(:has(section)) article {
  grid-column-start: 2;
  grid-column-end: 3;
}
.view-list:has(article):not(:has(main)):not(:has(section)) main {
  grid-column-start: 0;
  grid-column-end: 0;
}
.view-list:has(article):not(:has(main)):not(:has(section)) section {
  grid-column-start: 0;
  grid-column-end: 0;
}
.view-list:has(article):not(:has(main)):has(section) .row-id {
  grid-template-columns: repeat(3, 1fr);
}
.view-list:has(article):not(:has(main)):has(section) article {
  grid-column-start: 2;
  grid-column-end: 3;
}
.view-list:has(article):not(:has(main)):has(section) main {
  grid-column-start: 0;
  grid-column-end: 0;
}
.view-list:has(article):not(:has(main)):has(section) section {
  grid-column-start: 3;
  grid-column-end: 4;
}
.view-list:not(:has(article)):has(main):has(section) .row-id {
  grid-template-columns: repeat(3, 1fr);
}
.view-list:not(:has(article)):has(main):has(section) article {
  grid-column-start: 0;
  grid-column-end: 0;
}
.view-list:not(:has(article)):has(main):has(section) main {
  grid-column-start: 2;
  grid-column-end: 3;
}
.view-list:not(:has(article)):has(main):has(section) section {
  grid-column-start: 3;
  grid-column-end: 4;
}
.view-list main.Cell,
.view-list section.Cell {
  justify-content: flex-end;
  text-align: right;
}
.view-list main.Cell:before {
  margin-right: auto !important;
}
.view-list .Cell.img-id,
.view-list .bs-radio-depot-exists {
  align-items: flex-start;
}
.view-list .totalprice-id {
  color: var(--layoutcolor) !important;
}
.categorygroup-id.Cell:before,
.view-list .row-id > .buy-id.Cell:before,
.view-list .row-id > .code-id.Cell:before,
.view-list .row-id > .delete-id.Cell:before,
.view-list .row-id > .detail-id.Cell:before,
.view-list .row-id > .img-id.Cell:before,
.view-list .row-id > .name-id.Cell:before {
  margin-right: 0 !important;
}
.view-list .brand-mobile-id {
  margin-right: 2px;
}
.view-list .code-id,
.view-list .price-id,
.view-list .totalprice-id {
  font-weight: 700;
  color: var(--layoutcolor) !important;
}
.bs-headermenu-outer .bs-main-menu:hover .bs-sub-menu-outer,
.bs-headermenu-outer
  .bs-sub-menu-narrow
  .bs-sub-menu:hover
  .bs-sub-menu-1-outer,
.bs-ord-sm-tbl div,
.view-list section.Cell[class*="depotaddcart-id"] {
  display: flex;
}
.view-list .depotaddcart-id .depot-radio-id {
  order: 2;
  margin-right: 0;
  margin-left: 4px;
  height: 26px;
}
.view-list .name-id-inner {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view-list .row-id:has(.bs-categorygroup-inner) {
  padding-bottom: 30px;
}
.view-list .row-id:has(.bs-categorygroup-inner) .Cell.categorygroup-id {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-left: 0;
}
.view-list .Cell.categorygroup-id .bs-categorygroup-inner {
  border-radius: 0 0 10px 10px;
  background-color: #fce8d6;
  padding: 0 var(--gap);
  display: flex;
  align-items: center;
  height: 100%;
  font-weight: 600;
}
.view-list .Cell.categorygroup-id i {
  transform: scaleY(-1);
  font-size: 12px;
}
.view-list .Cell.categorygroup-id i:before {
  content: "\f064";
  font-family: FontAwesome;
}
.view-list .stock-id .bs-depots-outer .bs-prd-depots-outer {
  margin-right: 4px;
}
.view-list .Cell.buy-id {
  grid-row: 1 / span 3;
  height: max-content;
}
.bs-multipricetable-outer {
  overflow-x: auto;
  margin-top: calc(2 * var(--gap));
  margin-bottom: 0;
}
.bs-filter-clm-outer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
  max-width: 200px;
  padding-right: calc(1 * var(--gap));
}
.bs-mp-s-outer:has(*) {
  margin-bottom: var(--gap);
}
.bs-prd-clm-outer {
  overflow-y: hidden;
  overflow-x: auto;
}
.bs-filter-clm-inner {
  border-radius: var(--borderstyle);
}
.bs-listedproductcount {
  align-items: center;
  display: flex;
  font-weight: 600;
  margin-left: 4px;
  height: var(--hsize);
  font-size: 13px;
}
.bs-listedproductcount:before {
  content: "\f111";
  font-family: FontAwesome;
  font-size: 4px;
  margin-right: 12px;
  color: #ddd;
}
.view-detail .view-block .row-id {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 0);
  flex: 0 0 calc(100% - 0px);
  max-width: calc(100% - 0px);
  margin-left: 0;
  margin-right: 0;
  border: 0;
  box-shadow: none;
  padding-bottom: 0;
}
.view-detail .view-block .name-id {
  font-size: 22px;
  white-space: normal;
}
.view-detail .bs-prd-icon {
  margin-bottom: var(--gap);
  display: flex;
}
.view-detail .bs-prd-icon:before {
  width: 20px;
}
.view-detail .bs-prd-icon:not([title=""]):after {
  content: attr(title);
  background-color: #fff;
  color: var(--layoutcolor);
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  border: 1px solid var(--brdcolor);
  overflow: hidden;
  border-radius: 0 var(--borderstyle) var(--borderstyle) 0;
}
.view-detail-modal {
  border-top: 1px solid #e1e1e1;
}
.view-detail-modal .Cell {
  border: 1px solid #e1e1e1;
  border-top: 0;
  min-height: 30px;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.view-detail-modal .Cell:before {
  color: #837575;
  font-weight: 400;
  width: 25%;
  display: flex;
  align-items: center;
  padding-left: var(--gap);
}
.view-detail-modal .buy-id .bs-addbasket-outer {
  margin-left: auto;
  margin-top: var(--gap);
}
.view-detail .view-block .row-id > .Cell {
  display: flex;
  align-items: center;
  white-space: normal;
  padding: 0;
  min-height: 30px;
}
.view-detail .view-block .row-id > .Cell:before {
  width: 33.3333%;
  min-width: 33.3333%;
}
.bs-paint-searchword {
  background-color: #fef8cf;
}
.view-block .row-id > .Cell.season-id {
  position: absolute;
  top: var(--gap);
  right: 0;
  width: unset;
  background-color: transparent;
}
.view-detail .view-block .row-id > .Cell.season-id {
  left: -58px;
  top: var(--gap);
  right: inherit;
  z-index: 1;
}
.view-detail .season-id img {
  height: 50px;
}
.view-block .buy-id .bs-addbasket-btn-outer {
  height: 48px;
  font-size: 14px;
  display: flex;
  overflow: hidden;
}
.view-block .buy-id .bs-quantity-outer {
  height: 48px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100px - var(--gap));
  flex: 0 0 calc(100px - var(--gap));
  max-width: calc(100px - var(--gap));
}
.view-block .buy-id .bs-quantity-outer .bs-quantity {
  width: 27px;
  font-size: 13px;
  background: #bfbfbf;
  color: #000;
  font-weight: 400;
  border-color: #bfbfbf;
}
.view-block .buy-id .bs-quantity-outer .Quantity {
  right: 27px;
  left: 27px;
  width: calc(100% - 54px);
  background: #fff;
  color: #000;
  font-weight: 600;
  border-width: 2px 0;
  font-size: 14px;
}
.view-block .buy-id .bs-quantity-outer .bs-quantity:hover {
  opacity: 0.7;
}
.view-detail .view-block .buy-id {
  margin: calc(2 * var(--gap)) 0 var(--gap) 0;
}
.bs-modal .bs-smartsearch-outer,
.bs-promotion-outer,
.bs-return-inner,
.bs-rm-lng-fp .bs-pd,
.bs-variation-outer {
  margin-bottom: var(--gap);
}
.view-block .row-id .Cell.name-id {
  height: 44px;
  overflow: hidden;
}
.view-block .row-id .Cell.name-id.bs-no-line-limit {
  height: unset;
  -webkit-line-clamp: unset;
}
.view-detail .view-block .row-id > .Cell.name-id {
  height: inherit;
  -webkit-line-clamp: unset;
}
.detail-btn {
  background-color: transparent;
  margin-bottom: 0;
  color: #000 !important;
  color: var(--layoutcolor) !important;
  font-size: 12px;
}
.other-detail-btn {
  color: #35abe3 !important;
}
.buttons-excel,
.paginate_button.current {
  background: var(--layoutcolor);
  color: #fff;
}
.bs-copyright-img-outer img {
  display: flex;
  align-items: center;
  height: 100%;
}
.bs-area-v3 {
  border-radius: var(--borderstyle);
  height: 100%;
}
.bs-responsive-table {
  margin-bottom: var(--gap);
  width: 100% !important;
  border-collapse: collapse;
}
.bs-responsive-table tbody tr:nth-child(odd) {
  background: #f8f8f8;
}
.bs-responsive-table tr {
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--brdcolor);
}
.bs-responsive-table td,
.bs-responsive-table th {
  text-align: left;
  height: var(--hsize);
  border-bottom: 1px solid var(--brdcolor);
  line-height: 1;
}
.bs-responsive-table tbody tr.bs-table-row-active {
  background: #fff1e6;
}
.bs-responsive-table th {
  color: #484848;
  border-top: 1px solid var(--brdcolor);
  background: #fff;
  padding: 0 var(--gap);
  text-transform: capitalize;
  font-weight: 400;
}
.bs-responsive-table td {
  font-weight: 500;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: var(--gap);
}
.bs-responsive-table td .bs-balance-receivable {
  color: #159547;
}
.bs-responsive-table.bs-table-sticky th {
  position: -webkit-sticky;
  position: sticky;
  top: calc(-1 * var(--gap) - 1px);
  z-index: 1;
}
.bs-product-table td {
  white-space: nowrap;
  width: 1px;
}
.bs-product-table .bs-pt-name {
  min-width: 125px;
  width: unset;
  white-space: normal;
  word-break: break-word;
}
.bs-product-table .bs-pt-img img {
  width: 40px;
  object-fit: contain;
}
#searchInputText {
  position: absolute;
  right: 0;
  z-index: 2;
  width: 120px;
  height: 100%;
}
.buttons-excel {
  border: 0;
  height: 30px;
  display: flex;
  justify-content: center;
  position: absolute;
  right: 136px;
  z-index: 100;
  margin-top: -31px;
  cursor: pointer;
  padding: 0 var(--gap);
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: var(--borderstyle);
}
.bs-top0 th {
  top: -1px;
}
.bs-table-fixed {
  table-layout: fixed;
}
.bs-big-table td,
.bs-big-table th {
  height: 50px !important;
}
.bs-one-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}
#bs-data-table_info {
  display: inline-block;
  font-size: 10px;
  color: #919191;
}
#bs-data-table_paginate {
  display: inline-block;
  float: right;
}
.paginate_button {
  background: #fff;
  height: 30px;
  width: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--brdcolor);
  cursor: pointer;
  outline: 0;
  font-weight: 500;
}
.bs-news-date,
.bs-news-description,
.bs-news-inner .bs-news-title,
.view-poly .row-id > .Cell.name-id {
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.paginate_button.current {
  border: 0;
}
.bs-news-inner .bs-news-title {
  font-weight: 600;
  text-decoration: underline;
}
.bs-news-inner {
    background: #fff;
    margin-bottom: var(--gap);
    border-radius: var(--borderstyle);
    padding: var(--gap) var(--gap) 0 var(--gap);
    border: 1px solid #e6e6e6;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    height: 100%;
}
.bs-news-outer img {
  height: 250px;
  object-fit: contain;
}
.bs-news-description {
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bs-news-date {
  color: #919191;
}
.bs-news-btn {
  margin-top: auto;
}
.bs-newsdetail-outer {
  margin-bottom: var(--gap);
  min-height: 400px;
}
.bs-newsdetail-title {
  color: #484848;
  font-size: 20px;
  font-weight: 700;
}
.bs-newsdetail-img-outer {
  border: 1px solid #e6e6e6;
  border-radius: var(--borderstyle);
  overflow: hidden;
  height: 100%;
  margin-bottom: var(--gap);
}
.bs-newsdetail-inner {
  border: 1px solid #e6e6e6;
  border-radius: var(--borderstyle);
  padding: calc(3*var(--gap));
  height: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(2 * var(--gap));
  margin-bottom: var(--gap);
}
.bs-cart-outer .bs-oem-list .inner-popover {
  z-index: 3;
}
.bs-cart-outer .bs-cart-p-name {
  max-width: 300px;
}
.bs-cart-outer .view-block .check-id,
.bs-return-inner:first-child {
  margin-top: var(--gap);
}
.bs-cart-outer .bs-refresh-btn {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
}
.bs-cart-outer .customername-id {
  background: #fff3e9;
  text-align: left !important;
}
.bs-cart-outer .customername-id i:before {
  font-family: FontAwesome;
  content: "\f2c0";
  font-style: normal;
  margin-right: 4px;
}
.bs-cart-outer .useraccountname-id i:before {
  font-family: FontAwesome;
  content: "\f2bd";
  font-style: normal;
  margin-right: 4px;
}
.bs-cart-outer .useraccountname-id {
  background: #f5f0fc;
  text-align: left !important;
}
.bs-cart-outer #bs-totalctg-id-outer .bs-totalctg-id {
  text-align: right;
  position: absolute;
  right: var(--gap);
  display: flex;
  align-items: center;
  border: 0;
  height: 30px;
}
.bs-cart-outer #bs-totalctg-id-outer .bs-totalctg-id span {
  font-weight: 600;
  margin-left: 4px;
}
.bs-cart-outer #bs-totalctg-id-outer .bs-totalctg-id span:first-child {
  margin-right: 6px;
}
.bs-cart-outer .view-block#bs-totalctg-id-outer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 calc(100% - var(--gap));
  max-width: calc(100% - var(--gap));
}
.bs-cart-outer .view-block#bs-totalctg-id-outer .bs-totalctg-id {
  right: inherit;
  left: 0;
  border: 0;
}
.bs-cart-outer .bs-cart-ctg-name-outer {
  display: flex;
  width: 100%;
  position: relative;
  z-index: 10;
}
.bs-cart-outer .table-id .bs-cart-ctg-name-outer {
  display: table-row;
  position: relative;
}
.bs-cart-outer .bs-cart-ctg-name {
  position: absolute;
  height: inherit;
  right: var(--gap);
  left: 0;
  border-top: var(--gap) solid #fff;
}
.bs-cart-outer .bs-cart-ctg-name-inner {
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--brdcolor);
  border-right: 1px solid var(--brdcolor);
  border-top: 0;
  color: #666;
}
.bs-cart-outer .bs-cart-ctg-name-inner:first-child {
  height: 30px;
  font-weight: 600;
  background: #eee;
  border-top: 1px solid var(--brdcolor);
  border-left: 1px solid var(--brdcolor);
}
.bs-cart-outer .prod-note {
  display: inline-block;
  padding-left: 4px;
}
.bs-cart-outer .bs-oem-list {
  color: #159547;
}
.bs-cart-outer .bs-no-stock:after {
  color: red !important;
  content: "●";
  font-size: 25px;
}
.bs-cart-outer .bs-yes-stock:after {
  color: green !important;
  content: "●";
  font-size: 25px;
}
.bs-cart-outer .bs-crt-pay-title {
  font-size: 12px;
  color: #000;
  margin-bottom: 3px;
}
.bs-stock-bg {
  background-color: #fad6c9 !important;
}
.bs-ord-sm-tbl {
  width: 100%;
  color: #333;
}
.bs-ord-sm-tbl span:first-child {
  font-size: 13px;
}
.bs-ord-sm-tbl span {
  display: inline-flex;
  height: 30px;
  align-items: center;
}
.bs-ord-sm-tbl span:last-child {
  margin-left: auto;
  white-space: nowrap;
}
.bs-ord-sm-tbl .bs-ord-sm-total {
  color: var(--layoutcolor);
  border-top: 1px solid #e6e6e6;
  padding-top: calc(0.5*var(--gap));
  margin-top: calc(0.5*var(--gap));
}
.bs-ord-sm-tbl .bs-ord-sm-total span:last-child {
  font-weight: 700;
  font-size: 16px;
}
.bs-cart-outer .bs-area-v1 {
  background: #fff;
  margin-bottom: var(--gap);
  padding: var(--gap);
  border: 1px solid var(--brdcolor);
  border-radius: var(--borderstyle);
}
.bs-transferbank-outer {
  border: 1px solid var(--brdcolor);
  min-height: 64px;
  padding-left: calc(18px + calc(2 * var(--gap)));
  border-radius: var(--borderstyle);
}
.bs-transferbank-inner {
  display: flex;
  align-items: center;
  padding: 0;
  font-size: 12px;
}
.bs-transferbank-inner .bs-transferbank-img {
  height: 56px;
  background-color: #fff;
  padding: var(--gap);
}
.bs-filter-title,
.bs-transferbank-inner .bs-transferbank-title {
  font-weight: 300;
}
.bs-transferbank-outer input + i {
  left: var(--gap);
}
.bs-transferbank-outer:has(input:checked) {
  border-color: var(--layoutcolor);
}
.bs-dd-c,
.bs-ds-option {
  border-top: 1px solid var(--brdcolor);
}
.bs-dd-cc,
.bs-ds-option {
  border-left: 1px solid var(--brdcolor);
  border-right: 1px solid var(--brdcolor);
}
.buy-id .bs-addbasket-btn-outer:has(.bs-refresh-btn) {
  background: var(--layoutcolor);
  border-radius: 50%;
  flex: 0 0 calc(30px - 0px);
  max-width: calc(30px - 0px);
  height: 30px;
}
.bs-cart-sum-clm-outer {
  padding-left: calc(2 * var(--gap));
}
.bs-cart-sum-outer {
  position: -webkit-sticky;
  position: sticky;
  top: 77px;
  margin-bottom: var(--gap);
  border-radius: var(--borderstyle);
}
.bs-discount-clr {
  color: #f3514b !important;
}
.bs-row {
  margin: 0 !important;
  height: 100vh;
  width: 100%;
}
#divsozlesme {
  margin: var(--gap) 0 !important;
}
#divsozlesme .bs-link-v1 {
  padding-right: 0 !important;
  text-align: right;
}
.bs-rm-lng-fp {
  margin-top: var(--gap);
  margin-bottom: calc(1 * var(--gap));
  color: #333;
  font-size: 12px;
}
.bs-rm-lng-fp .bs-rm-outer {
  margin-bottom: 0;
  color: #333;
  font-size: 12px;
}
.bs-desktop-api,
.bs-login-type {
  display: block;
  text-align: center;
  margin-bottom: calc(2 * var(--gap));
  color: #000;
}
.customer-represenative-login-inputs {
  z-index: 800;
  width: 100%;
}
.bs-new-login-outer .bs-logo-outer {
  display: block;
  height: 60px;
  margin-bottom: calc(2 * var(--gap));
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.bs-dd-dsg:after,
.bs-user-cr .bs-user-value i::before {
  font-family: FontAwesome;
  content: "\f107";
  margin-left: 4px;
}
.bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link:last-child {
  border-bottom-right-radius: 0;
}
.bs-dd-dsg:after {
  color: #919191;
}
.bs-dd-p {
  display: flex;
  align-items: center;
  height: 45px;
}
.bs-dd-c {
  margin-bottom: 2px;
  font-weight: 400;
  box-shadow: 0 4px 20px 0 rgba(32, 33, 36, 0.28);
}
.bs-dd-cc {
  padding: 1px 3px;
  text-align: center;
}
.bs-new-login-outer {
  position: relative;
  width: 100%;
}
.bs-new-login-outer .bs-language-outer {
  margin: 0 auto;
}
.bs-loginregister-outer {
  width: 400px;
  margin: auto;
}
.bs-loginregister-outer .bs-tab-body {
  padding: 16px 40px;
  border: 1px solid var(--brdcolor);
  border-top: 0;
}
.bs-loginregister-outer .bs-menu-tab-outer {
  border-bottom: 0;
  width: calc(100% + 4px);
}
.bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link {
  background-color: #f2f2f2;
  height: 48px;
  margin-right: 4px;
  border-radius: var(--borderstyle) var(--borderstyle) 0 0;
  color: #000;
  font-weight: 500;
  border: 0;
}
.bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link.active {
  background-color: #fff;
  border: 1px solid var(--brdcolor);
  border-bottom: 0;
  color: var(--layoutcolor);
}
.bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link:after {
  content: "";
  border: 0;
  border-bottom: 1px solid var(--brdcolor);
  position: absolute;
  top: inherit;
  bottom: 0;
  left: -4px;
  right: -4px;
}
.bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link:first-child {
  border-bottom-left-radius: 0;
}
.bs-footer-icon-outer [class*="bs-icon"] {
  font-size: 17px;
  margin-right: 4px;
  width: 36px;
  height: 36px;
  background-color: #7d7d7d;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 400;
}
.freeshipping-id {
  margin-top: 24px;
}
.bs-icon-freeshipping:before {
  content: "\f0d1";
  color: var(--layoutcolor);
  margin-right: 4px;
  font-size: 22px;
}
.bs-process {
  background-color: #fff;
  border: 1px solid var(--brdcolor);
  padding: calc(var(--gap) / 2) var(--gap);
  border-radius: calc(2 * var(--gap));
  color: #333;
  white-space: nowrap;
}
.bs-select-v1.bs-payment-cur {
  position: absolute;
  right: var(--gap);
  width: 50px;
  top: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #fff;
}
.bs-ds-option:last-child,
.bs-headermenu-outer {
  border-bottom: 1px solid var(--brdcolor);
}
.bs-headermenu-outer .bs-main-menu-outer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--hsize);
  position: relative;
}
.bs-headermenu-outer .bs-main-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
}
.bs-headermenu-outer .bs-main-menu-title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 12px;
  font-weight: 600;
  font-size: 13px;
  color: #333;
}
.bs-headermenu-outer .bs-main-menu:hover {
  color: var(--layoutcolor);
  box-shadow: inset 0 -2px 0 var(--layoutcolor);
}
.bs-headermenu-outer .bs-sub-menu-outer {
  display: none;
  position: absolute;
  top: var(--hsize);
  background-color: #fff;
  z-index: 450;
  box-shadow: 0 5px 10px 0 #00000012;
  left: 0;
  width: 225px;
  flex-wrap: wrap;
}
.bs-headermenu-outer .bs-sub-menu {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
}
.bs-headermenu-outer .bs-sub-menu-title {
  display: flex;
  align-items: center;
  min-height: var(--hsize);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  padding: 0 12px;
  color: #333;
}
.bs-headermenu-outer .bs-sub-menu-1-title {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 13px;
  padding: 0 12px;
  color: #333;
}
.bs-headermenu-outer .bs-sub-menu-1-desc {
  font-size: 12px;
  color: #333;
  font-weight: 300;
}
.bs-headermenu-outer .bs-sub-menu-wide .bs-sub-menu-outer {
  right: 0;
  width: 100%;
  height: 350px;
  overflow-y: scroll;
  padding: 24px 12px;
}
.bs-headermenu-outer .bs-sub-menu-wide .bs-sub-menu {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  margin-bottom: 24px;
}
.bs-headermenu-outer .bs-sub-menu-wide {
  position: unset;
}
.bs-headermenu-outer .bs-sub-menu-wide .bs-sub-menu-1-title {
  min-height: calc(0.5 * var(--hsize));
}
.bs-headermenu-outer .bs-sub-menu-narrow .bs-sub-menu-1-title {
  min-height: calc(1 * var(--hsize));
}
.bs-headermenu-outer .bs-sub-menu-narrow .bs-sub-menu-1-outer {
  display: none;
  position: absolute;
  top: 0;
  background-color: #fff;
  z-index: 450;
  box-shadow: 0 0 10px 0 #00000012;
  left: 225px;
  width: 225px;
  flex-wrap: wrap;
}
.bs-headermenu-outer .bs-sub-menu:has(.bs-sub-menu-1-outer):after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: calc(1.5 * var(--gap));
  top: 0;
  bottom: 0;
  color: #333;
  display: flex;
  align-items: center;
  z-index: -1;
}
.bs-headermenu-outer .bs-logo-inner {
  height: 100%;
  padding-right: 12px;
}
.bs-headermenu-outer .bs-logo {
  height: 100%;
  padding: var(--gap) 0;
  min-width: 100px;
}
.bs-main-menu-title:hover,
.bs-sub-menu-1-title:hover,
.bs-sub-menu-title:hover {
  text-decoration: underline;
  color: var(--layoutcolor);
}
.bs-main-menu-img,
.bs-sub-menu-1-img,
.bs-sub-menu-img {
  width: unset;
  height: 16px;
  margin: 0 8px 0 0;
  object-fit: contain;
}
.bs-headermenu-outer.bs-darkmenu {
  background: var(--layoutcolor);
  border: 0;
}
.bs-headermenu-outer.bs-darkmenu .bs-main-menu:hover .bs-main-menu-title {
  background-color: #fff;
  color: var(--layoutcolor);
}
.col-bs-home-first {
  z-index: 35;
}
.col-bs-home-first .bs-menu-common-outer .bs-main-menu,
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu,
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu-1,
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu-2 {
  margin: 0;
  border-radius: 0;
  position: relative;
}
.col-bs-home-first .bs-menu-common-outer .bs-main-menu:hover,
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu-1:hover,
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu-2:hover,
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu:hover {
  background-color: #f5f5f5;
}
.col-bs-home-first .bs-menu-common-outer .bs-main-menu-title,
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu-1-title,
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu-2-title,
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu-title {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: var(--gap) 0;
  font-weight: 500;
}
.col-bs-home-first
  .bs-menu-common-outer
  .bs-main-menu-title:has(+ .bs-sub-menu-outer),
.col-bs-home-first
  .bs-menu-common-outer
  .bs-sub-menu-1-title:has(+ .bs-sub-menu-2-outer),
.col-bs-home-first
  .bs-menu-common-outer
  .bs-sub-menu-2-title:has(+ .bs-sub-menu-3-outer),
.col-bs-home-first
  .bs-menu-common-outer
  .bs-sub-menu-title:has(+ .bs-sub-menu-1-outer) {
  padding-right: calc(4 * var(--gap));
}
.col-bs-home-first .bs-main-menu:has(.bs-sub-menu-outer):after,
.col-bs-home-first .bs-sub-menu-1:has(.bs-sub-menu-2-outer):after,
.col-bs-home-first .bs-sub-menu-2:has(.bs-sub-menu-3-outer):after,
.col-bs-home-first .bs-sub-menu:has(.bs-sub-menu-1-outer):after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: 12px;
  font-size: 18px;
  color: #999;
  font-weight: 300;
  font-style: normal;
  display: flex;
  align-items: center;
  top: 0;
  bottom: 0;
}
.col-bs-home-first .bs-sub-menu-img {
  height: 28px;
  width: 28px;
  object-fit: contain;
  padding: 0;
  background-color: #fff;
  margin-right: var(--gap);
}
.col-bs-home-first .bs-sub-menu,
.col-bs-home-first .bs-sub-menu-1,
.col-bs-home-first .bs-sub-menu-2 {
  width: 100%;
  padding-left: var(--gap);
}
.col-bs-home-first .bs-sub-menu-1-outer,
.col-bs-home-first .bs-sub-menu-2-outer {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  background: #fff;
  width: 250px;
  box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, 0.1);
  z-index: 2;
  border-radius: 0 var(--borderstyle) var(--borderstyle) var(--borderstyle);
}

.col-bs-home-first .bs-subcategories-visible-together .bs-sub-menu-1-outer,
.col-bs-home-first .bs-subcategories-visible-together .bs-sub-menu-2-outer {
  display: block;
    position: unset;
    width: unset;
    box-shadow: none;
    border-radius: 0;
}
.bs-menu-common-outer.bs-subcategories-visible-together .bs-main-menu > .bs-sub-menu-outer {
  width: 750px;
  min-height: 100px;
}
.col-bs-home-first .bs-subcategories-visible-together .bs-sub-menu {
    width: 25%;
}
.col-bs-home-first .bs-menu-common-outer.bs-subcategories-visible-together .bs-sub-menu:hover,
.col-bs-home-first .bs-menu-common-outer.bs-subcategories-visible-together .bs-sub-menu-1:hover
{
    background-color: transparent;
}
.col-bs-home-first .bs-subcategories-visible-together .bs-sub-menu:has(.bs-sub-menu-1-outer):after,
.col-bs-home-first .bs-subcategories-visible-together .bs-sub-menu-1:has(.bs-sub-menu-2-outer):after
{
  content: "";
}
.col-bs-home-first .bs-subcategories-visible-together .bs-sub-menu-1, .col-bs-home-first .bs-sub-menu-2 {
  border-left: 1px solid #eee;
}
.col-bs-home-first .bs-menu-common-outer.bs-subcategories-visible-together .bs-sub-menu-title,
.col-bs-home-first .bs-menu-common-outer.bs-subcategories-visible-together .bs-sub-menu-1-title {
    min-height: unset;
    padding-top: 4px;
    padding-bottom: 4px;
}
.col-bs-home-first .bs-menu-common-outer.bs-subcategories-visible-together .bs-sub-menu-1-title {
    font-weight: 400;
}

.bs-ds-option-outer {
  position: absolute;
  top: calc(36px + 2px);
  left: -1px;
  right: -1px;
  z-index: 9999;
  overflow-y: auto;
  max-height: 270px;
  box-shadow: rgba(0, 0, 0, 0.07) 0 1px 1px, rgba(0, 0, 0, 0.07) 0 2px 2px,
    rgba(0, 0, 0, 0.07) 0 4px 4px, rgba(0, 0, 0, 0.07) 0 var(--gap) var(--gap),
    rgba(0, 0, 0, 0.07) 0 calc(2 * var(--gap)) calc(2 * var(--gap));
}
.bs-od-info-outer,
.bs-order-detail-outer {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: var(--gap);
}
.bs-ds-option {
  display: flex;
  justify-content: flex-start;
  text-align: left;
  align-items: center;
  min-height: 36px;
  background-color: #fff;
  padding: 4px var(--gap);
  width: 100%;
}
.bs-ds-option-selected {
  height: 100%;
  overflow: hidden;
  text-align: left;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.bs-ds-option-search {
  border-bottom: 0;
  background-color: #f9f9f9;
} 
.bs-ds-search {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.bs-pg-login .bs-contentplaceholder1 {
  min-height: inherit;
  padding: 0;
}
.bs-pg-login footer {
  background-color: transparent;
  border-top: 0;
  text-align: center;
}
.bs-pg-login #__layout,
.bs-pg-login .bs-banner-login .bs-banner-item {
  height: 100vh;
}
.bs-pg-login .bs-banner-login .bs-banner-img {
  object-fit: cover;
  height: 100%;
}
.bs-pg-login .bs-register-outer .bs-tab-body {
  height: calc(100vh - 213px);
  overflow-y: auto;
}
.bs-responsive-table input {
  background-color: #fff;
  height: calc(var(--hsize) - 12px);
}
.bs-responsive-table .Quantity {
  margin-top: 0;
}
.bs-radio-depot-exists .depot-radio-id:focus {
  width: 64px;
  z-index: 1;
}
.bs-responsive-table .bs-specialdiscount1,
.bs-responsive-table .bs-specialdiscount2,
.bs-responsive-table .bs-specialdiscountedprice {
  border-width: 1px;
  margin-right: 0;
  margin-bottom: 0;
}
.bs-cursor-pointer {
  cursor: pointer;
  white-space: nowrap;
}
.bs-cursor-pointer.bs-sort-icon-ascdesc:after {
  content: "\f0dc";
}
.bs-cursor-pointer.bs-sort-icon-asc:after {
  content: "\f0d8";
}
.bs-cursor-pointer.bs-sort-icon-desc:after {
  content: "\f0d7";
}
[class*="bs-sort-icon"]:after {
  font-family: FontAwesome;
  font-style: normal;
  color: inherit;
  margin-left: calc(1 / 2 * var(--gap));
}
.bs-order-detail-outer {
  display: flex;
  flex-direction: row;
  width: 100%;
  min-height: 64px;
  border-radius: var(--borderstyle);
  border: 1px solid var(--brdcolor);
  justify-content: space-between;
  padding: 12px calc(2 * var(--gap));
  align-items: center;
  box-sizing: border-box;
  background-color: #fff;
}
.bs-order-detail-title {
  color: #333;
  font-weight: 600;
  height: 50%;
}
.bs-order-detail-text {
  color: #666;
}
.bs-order-detail-first-title {
  font-weight: 700;
  height: 100%;
  display: flex;
  align-items: center;
}
.bs-od-info-outer {
  height: max-content;
  border-radius: var(--borderstyle);
  border: 1px solid var(--brdcolor);
  background-color: #fff;
  overflow: hidden;
}
.bs-od-info-inner {
  padding: calc(2 * var(--gap));
}
.bs-od-title {
  border-radius: var(--borderstyle) var(--borderstyle) 0 0;
  display: flex;
  align-items: center;
  padding: 0 20px;
  background-color: #fafafa;
  font-weight: 600;
  height: 42px;
  border-bottom: 1px solid var(--brdcolor);
}
.bs-od-title-text-other {
  white-space: nowrap;
  margin-left: auto;
}
.bs-od-info-outer table td {
  height: 32px;
  color: #333;
  font-weight: 400;
  border-right: 0;
}
.bs-od-info-outer table tbody,
.bs-od-info-outer tr:first-child {
  border-top: 0;
}
.bs-user-accountarrears.bs-user,
.bs-user.bs-user-cr {
  border-color: var(--brdcolor);
  width: min-content;
}
.bs-od-info-outer table.bs-od-summary-table tr:last-child td {
  font-weight: 700;
  font-size: var(--fontsize);
}
.bs-od-info-outer.bs-od-info-add .bs-od-title {
  color: var(--layoutcolor);
  font-weight: 700;
}
.bs-responsive-table a,
.bs-responsive-table button,
.bs-responsive-table input,
.bs-responsive-table select,
.bs-responsive-table textarea {
  margin-top: 0;
  height: calc(var(--hsize) - calc(1 * var(--gap)));
  margin-bottom: 0;
}
.bs-return-table input,
.bs-return-table select {
  width: 200px;
}
.bs-myreturns-o,
.bs-page-design-text {
  margin-bottom: calc(2 * var(--gap));
}
.bs-myreturns-o .bs-order-detail-outer {
  background-color: #fafafa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 0;
  box-shadow: none;
}
.bs-change-host {
  padding: var(--gap);
  text-align: center;
  display: flex;
  align-items: center;
  height: 32px;
  font-size: 11px;
  position: fixed;
  left: 0;
  bottom: 56px;
  z-index: var(--zmax);
  border-radius: 0 15px 15px 0;
  box-shadow: 0 0 4px #bdbdbd;
  background: linear-gradient(90deg, #833ab4 0, #fd1d1d 50%, #fcb045 100%);
  color: #fff;
  font-weight: 600;
}
.bs-close-back {
  position: fixed;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 99;
}
.bs-zindex-100 {
  display: flex;
  position: relative;
  z-index: 100;
  gap: var(--gap);
}
.bs-footermenu-outer .bs-main-menu-title .bs-main-menu-img {
  height: calc(5 * var(--gap));
  object-fit: contain;
  padding: 0;
  margin-bottom: calc(2 * var(--gap));
}
.bs-dataarray-title {
  background-color: #eee;
  margin-bottom: var(--gap);
}

.bs-table-minwidth td {
  width: 1px;
}
.bs-table-minwidth .bs-table-maxwidth-c {
  width: unset;
  white-space: normal;
}
.bs-responsive-table .bs-table-center {
  text-align: center;
}

.bs-user-value-outer {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  padding: 0 var(--gap);
  font-size: 11px;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bs-user-value {
  display: flex;
  align-items: center;
  width: 100%;
}
.view-poly .row-id {
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / 8 - calc(2 * var(--gap)));
  flex: 0 0 calc(100% / 8 - calc(2 * var(--gap)));
  max-width: calc(100% / 8 - calc(2 * var(--gap)));
  margin-bottom: calc(2 * var(--gap));
  margin-right: var(--gap);
  margin-left: var(--gap);
  border-radius: var(--borderstyle);
  position: relative;
  border: 1px solid var(--brdcolor);
  padding: 0 0 var(--gap);
  flex-direction: column;
}
.bs-fullscreen-site .view-poly .row-id {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / 10 - calc(2 * var(--gap)));
  flex: 0 0 calc(100% / 10 - calc(2 * var(--gap)));
  max-width: calc(100% / 10 - calc(2 * var(--gap)));
}
.view-poly .row-id > .Cell {
  padding: 0 var(--gap);
  font-size: 12px;
  color: #484848;
  margin-bottom: calc(0.5 * var(--gap));
  min-height: calc(2 * var(--gap));
  overflow: hidden;
}
.view-poly .row-id > .Cell.name-id {
  height: 32px;
  background: 0 0;
  font-weight: 600;
  -webkit-line-clamp: 2;
  white-space: normal;
  overflow: hidden;
  line-height: 1.25;
}
.view-poly .buy-id .bs-addbasket-btn-outer .bs-addbasket:before {
  content: ",";
  font-family: communication-48-x-48;
  line-height: 1;
  color: #fff;
  width: 100%;
  justify-content: center;
  left: 0;
}
.bs-qo-steps span,
button label {
  align-items: center;
  display: flex;
}
.view-poly .bs-prd-icon {
  height: 14px;
  min-width: 14px;
  font-size: 8px;
}
.view-poly .img-id .bs-img {
  border-radius: var(--borderstyle) var(--borderstyle) 0 0;
}
.bs-qo-steps span {
  border: 1px solid var(--brdcolor);
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: auto;
  margin-bottom: var(--gap);
  background-color: #fafafa;
  font-weight: 600;
}
.bs-qo-steps:after {
  content: "";
  border: 1px solid #eee;
  position: absolute;
  top: 20px;
  left: 0;
  right: var(--gap);
  display: flex;
  width: 75%;
  z-index: -1;
  margin: auto;
}
.bs-qo-steps-desc {
  margin-bottom: calc(3 * var(--gap));
}
button label {
  position: absolute;
  width: 100%;
  height: 100%;
  justify-content: center;
}
.bs-previouscategory {
  display: flex;
  align-items: center;
  height: 30px;
  font-weight: 600;
  margin-top: calc(2 * var(--gap));
  min-height: 20px;
  color: #837575;
  position: -webkit-sticky;
  position: sticky;
  bottom: -1px;
  background-color: var(--bgcolor);
  text-transform: uppercase;
  font-size: 12px;
  width: 100%;
}
.bs-menusilver-outer {
  margin-bottom: var(--gap);
  border: 1px solid #e6e6e6;
  border-radius: var(--borderstyle);
}
.bs-menusilver-outer .bs-ms-link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 30px;
  font-weight: 600;
  padding: calc(1.5 * var(--gap)) calc(2 * var(--gap));
  font-size: 14px;
  color: #484848;
}
.bs-menusilver-outer:has(.bs-menusilver-inner) .bs-ms-link {
  border-bottom: 1px solid #e6e6e6;
}
.bs-menusilver-outer i {
  margin-right: calc(1.5 * var(--gap));
  display: flex;
  font-size: 14px;
}
.bs-menusilver-outer .bs-sms-link {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  min-height: 30px;
  display: flex;
  align-items: center;
  padding: calc(1 * var(--gap));
  font-weight: 400;
  border-radius: var(--borderstyle);
  transition: 0.3s;
  color: #484848;
  font-size: 13px;
}
.bs-barcodeaddcart-icon:before,
.bs-barcodeproductsearch-icon:before {
  font-size: 22px;
  font-style: normal !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bs-menusilver-outer .bs-sms-link.router-link-active,
.bs-menusilver-outer .bs-sms-link:hover {
  background-color: #fef4eb;
  color: var(--layoutcolor);
}
.bs-menusilver-outer .bs-menusilver-inner {
  width: 100%;
  padding: calc(1 * var(--gap));
}
.bs-content-outer .bs-banner-screen-full:first-child,
.bs-content-outer .bs-banner-screen-full-text-normal:first-child,
.bs-home-outer .bs-banner-home.bs-banner-screen-full {
  margin-top: calc(-1 * var(--gap));
}
.bs-table-outer::-webkit-scrollbar {
  background-color: #f1f1f1;
  height: 12px;
  border-radius: var(--gap);
}
.bs-table-outer::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: var(--gap);
}
.bs-table-outer::-webkit-scrollbar-thumb:hover {
  background-color: #888;
}
.view-block .img-id:has(.bs-variationimage-carousel-outer) .bs-img {
  display: none;
}
.view-block .img-id:has(.bs-variationimage-carousel-outer) {
  height: unset;
}
.view-block
  .img-id:has(.bs-variationimage-carousel-outer)
  .bs-variationimage-carousel-outer {
  display: block;
}
.view-block .bs-variationimage-carousel-outer .big .move {
  width: 30px;
  height: 30px;
  font-size: 18px;
}
.view-block .bs-variationimage-carousel-outer .big .prev {
  left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.view-block .bs-variationimage-carousel-outer .big .next {
  right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bs-exit-outer {
  order: 33;
}
.bs-copyright-outer .bs-def-footer-outer {
  position: relative;
  bottom: 0;
}
.bs-def-footer-link {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  color: #000;
  padding: 0 0 0 var(--gap);
  font-size: 11px;
}
.def-footer-left-clm {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}
.def-footer-right-clm img {
  height: 45px;
  padding: var(--gap) 0;
  width: unset;
}
.vue-daterange-picker {
  padding: 0;
  background-color: transparent;
  height: var(--hsize);
  margin-bottom: var(--gap);
  width: 100%;
}
.vue-daterange-picker .reportrange-text {
  height: 100%;
  display: flex;
  align-items: center;
  border-radius: var(--borderstyle);
  border-color: var(--brdcolor) !important;
  font-weight: 600;
  color: #484848;
  padding: 0 var(--gap) 0 0 !important;
}
.daterangepicker.opensright {
  left: 0 !important;
}
.vue-daterange-picker i:before {
  font-family: finance;
  content: "[";
  font-size: 20px;
}
.vue-daterange-picker i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: var(--gap);
}
.namewhoaddcart-id span {
  color: #837575;
  margin-right: calc(0.5 * var(--gap));
}
.view-table .row-id:has(.bs-icon-sale) {
  background-color: #fff176;
}
.view-table .row-id:has(.bs-icon-mostviewed) {
  background-color: #29d0a230;
}
.view-table .row-id:has(.bs-icon-mostsaled) {
  background-color: #7aacbc30;
}
.view-table .row-id:has(.bs-icon-new) {
  background-color: #768ade30;
}
.view-table .row-id:has(.bs-icon-day) {
  background-color: #fa97b130;
}
.bs-print-logo,
.view-table .brand-mobile-id,
.view-table .bs-prd-icon {
  display: none;
}
.view-detail .view-block .bs-specialdiscounts-inner {
  width: 184px;
}
.view-poly .row-id:hover {
  box-shadow: rgb(0 0 0 / 8%) 0 2px 16px 0;
}
.bs-checkbox-outer {
  margin-bottom: var(--gap);
  align-items: center;
}
.bs-barcode-title,
.bs-or {
  align-items: center;
  display: flex;
}
.bs-checkbox-outer button {
  text-align: left;
  font-size: 12px;
}
.bs-checkbox-outer span {
  font-weight: 600;
}
.bs-pd-img-outer {
  position: sticky;
  top: 80px;
  margin-bottom: var(--gap);
}
.bs-pd-img-outer:has(.bs-modal) {
  position: relative;
}
.bs-or {
  position: relative;
  justify-content: center;
  margin: var(--gap) 0;
}
.bs-or-text {
  background-color: #fff;
  padding: 0 var(--gap);
}
.bs-or:after {
  content: "";
  border: 1px solid var(--brdcolor);
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
}
.bs-barcode-addcart-inner,
.bs-barcode-content-outer,
.view-table .img-id {
  position: relative;
}
.bs-barcode-title {
  color: #fff;
  position: absolute;
  top: calc(2 * var(--gap));
  z-index: 1;
  justify-content: center;
  width: 100%;
}
.bs-barcodeproductsearch-icon:before {
  content: "?";
  font-family: communication-48-x-48;
}
.bs-barcodeaddcart-icon:before {
  content: "U";
  font-family: finance !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
}
.bs-notification-btn:before {
  display: flex;
  font-size: 18px;
  font-family: FontAwesome;
  content: "\f0f3";
  transform: rotate(45deg);
}
.bs-notification-btn div {
  position: absolute;
  font-size: 12px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  border-radius: 50%;
  font-style: normal;
  font-weight: 600;
  color: #e1dbdb;
  background-color: #666;
}
.bs-barcode-clear-btn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  font-weight: 200;
  font-size: 26px;
  margin-bottom: var(--gap);
  color: #333;
}
.view-table .row-id:has(.bs-prd-icon) .img-id .bs-hat {
  display: flex;
}
.view-table .row-id .img-id .bs-hat {
  display: none;
  position: absolute;
  top: -4px;
  left: -16px;
  width: 0;
  height: 0;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  border-bottom: 24px solid #333;
  transform: rotate(-45deg);
  justify-content: center;
  box-shadow: 0 2px 0 0 #555;
}
.bs-filter-outer,
.bs-promotion-title {
  display: flex;
  align-items: center;
  border-radius: var(--borderstyle);
}
.view-table .row-id:has(.bs-icon-sale) .img-id .bs-hat {
  border-bottom-color: #f3514b;
}
.view-table .row-id:has(.bs-icon-mostsaled) .img-id .bs-hat {
  border-bottom-color: #7aacbc;
}
.view-table .row-id:has(.bs-icon-new) .img-id .bs-hat {
  border-bottom-color: #768ade;
}
.view-table .row-id:has(.bs-icon-mostviewed) .img-id .bs-hat {
  border-bottom-color: #29d0a2;
}
.view-table .row-id:has(.bs-icon-day) .img-id .bs-hat {
  border-bottom-color: #fa97b1;
}
.view-table .row-id .img-id .bs-hat:before {
  content: attr(data-title);
  color: #fff;
  position: absolute;
  top: 11px;
  font-weight: 700;
  font-size: 9px;
}
.bs-filter-outer {
  justify-content: space-between;
  background-color: #f5f5f5;
  padding: var(--gap) calc(1.5 * var(--gap));
  margin-bottom: var(--gap);
  min-height: var(--hsize);
}
.bs-pd-desc:has(*) {
  margin-bottom: var(--gap);
}
.view-table .bs-img-icon:has(.bs-hat) .bs-img {
  margin-left: 35px;
}
.bs-exceldata .bs-btn-icon {
  width: 100%;
  height: 40px;
  justify-content: center;
  font-size: inherit;
}
.creditprice-id span,
.transferprice-id span {
  color: #f3514b;
  margin-right: calc(0.5 * var(--gap));
}
.bs-headermenu-outer .bs-language-outer [class*="bs-icon"] {
  margin-right: 0;
}
.bs-promotion-title {
  font-weight: 600;
  background-color: #fff1e6;
  padding: var(--gap);
}
.bs-promotion-description {
  border: 2px solid #fff1e6;
  border-top: 0;
  padding: var(--gap);
  border-radius: 0 0 var(--borderstyle) var(--borderstyle);
}
.bs-promotion-icon {
  color: #f27a1a;
  display: inline-flex;
  align-items: center;
  margin-right: var(--gap);
}
.bs-promotion-text-outer,
.bs-seo-tag {
  color: #333;
  margin-bottom: calc(1 * var(--gap));
}
.bs-last-p,
.bs-seo-tag {
  font-size: 11px;
  display: flex;
}
.bs-promotion-text-outer:has(.bs-promotion-description) .bs-promotion-title {
  border-radius: var(--borderstyle) var(--borderstyle) 0 0;
}
.bs-seo-tag-outer {
  margin-top: calc(2 * var(--gap));
}
.bs-seo-tag {
  align-items: center;
  justify-content: center;
  border: 1px solid var(--brdcolor);
  border-radius: var(--borderstyle);
  height: 32px;
  font-weight: 500;
  padding: 0 var(--gap);
  transition: 0.3s;
}
.bs-seo-tag:hover {
  color: var(--layoutcolor);
  border-color: var(--layoutcolor);
  transition: 0.3s;
}
.bs-last-p {
  position: absolute;
  background-color: var(--layoutcolor);
  padding: 0 4px;
  color: #fff;
  bottom: 0;
  left: 0;
  text-align: center;
  height: 20px;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.row-id .bs-last-p:before {
  content: "\e04a";
  font-family: communication-48-x-48;
  margin-right: 4px;
  font-weight: 400;
}
.view-table .row-id:has(.bs-last-p) .Cell {
  border-bottom: 1px solid var(--layoutcolor);
  border-top: 1px solid var(--layoutcolor);
}
.view-table .row-id:has(.bs-last-p) .Cell:first-child {
  border-left: 1px solid var(--layoutcolor);
}
.view-table .row-id:has(.bs-last-p) .Cell:last-child {
  border-right: 1px solid var(--layoutcolor);
}
.view-block .row-id:has(.bs-last-p) .bs-last-p {
  width: 100%;
}
.view-list .row-id:has(.bs-last-p) {
  padding-bottom: 20px;
}
.view-poly .row-id:has(.bs-last-p) {
  border-color: var(--layoutcolor);
}
.view-poly .row-id:has(.bs-last-p) .bs-last-p {
  width: 100%;
}
.view-poly .row-id:has(.bs-last-p) .img-id {
  position: relative;
}

.bs-banner-brand .bs-banner-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.bs-banner-brand .bs-banner-text-outer {
  font-weight: 700;
  text-align: center;
  color: #333;
}
.bs-banner-brand .bs-banner-img {
  border: 2px solid #fdd9c8;
  aspect-ratio: 1;
}
.bs-banner-brand .bs-banner-item:hover .bs-banner-img {
  border-color: var(--layoutcolor);
  transition: .3s;
}
.bs-banner-brand .bs-banner-item:hover .bs-banner-text-outer {
  color: var(--layoutcolor);
  transition: .3s;
}
.bs-payment-note {
  margin-bottom: var(--gap);
}
.bs-doublesearch-outer {
  font-size: 11px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  color: #333;
  gap: var(--gap);
}
.view-block .row-id > .stock-id:has(.bs-depots-outer).Cell:before,
.view-list .row-id > .stock-id:has(.bs-depots-outer).Cell:before
{
  display: none;
}
.view-block .bs-radio-depot-exists-not .bs-depot-line,
.view-poly .bs-radio-depot-exists-not .bs-depot-line
{
  white-space: normal;
}
.view-block .bs-depots-outer
{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: var(--gap) 0;
}
.view-block .bs-radio-depot-exists-not .bs-depot-line {
  display: flex;
  align-items: center;
}
.view-block .bs-depot-name {
  width: 40%;
  padding-right: var(--gap);
  margin-right: var(--gap);
  line-height: 1;
}
.view-detail .view-block .bs-depot-name {
  width: 33.3333%;
  padding-right: var(--gap);
  margin-right: var(--gap);
  line-height: 1;
}

.bs-consumer-price-outer {
  margin-right: var(--gap);
}
.bs-consumer-price-outer .bs-rm-outer {
  margin-bottom: 0;
}
.view-block .name-id-link,
.view-list .name-id-link,
.view-poly .name-id-link
{
  display: inline;
}

.bs-account-arrears .col-lg,
.bs-account-arrears .col-lg-auto
{
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.bs-aa-inner {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--gap);
  margin-bottom: var(--gap);
}
.bs-aa-row {
    display: flex;
    flex-wrap: nowrap;
border: 1px solid var(--brdcolor);
    border-radius: var(--borderstyle);
    overflow: hidden;
    min-height: 48px;
        gap: var(--gap);
        padding: 0 var(--gap);
        background-color: #fff;
}
.bs-aa-title, .bs-aa-value {
  display: flex;
  align-items: center;
  justify-self: flex-end;
  text-align: right;
  height: auto;
  width: 100%;
  position: relative;
}
.bs-aa-title {
    color: #484848;
    justify-content: flex-start;
    text-align: left;
}
.bs-aa-title:before {
display: none;
}

.bs-aa-value {
  flex-wrap: wrap;
  justify-content: flex-end;
      white-space: nowrap;
}
.bs-aa-value-inner {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    color: #333;
      font-weight: 700;
}
.bs-transform-table .bs-aa-inner {
  grid-template-columns: repeat(1, 1fr);
}

.bs-accountarrears-outer .bs-balance-receivable {
  color: #159547;
}
.bs-accountarrears-outer .bs-balance-debt {
  color: #f3514b;
}

.bs-fullscreen-site .bs-aa-inner {
    grid-template-columns: repeat(6, 1fr);
}
.bs-fullscreen-site .bs-transform-table .bs-aa-inner {
    grid-template-columns: repeat(1, 1fr);
}

.bs-modal-content.m-popup {
  margin: auto;
}
.m-popup .bs-modal-body {
  max-height: 100vh;
}
.bs-banner-popup {
  margin-bottom: 0;
}
.price-id .bs-icon-info {
  font-weight: 300;
  color: #eebf95;
  font-size: 14px;
  margin-left: 4px;
}
.view-table .price-id .bs-icon-info {
  margin-left: 0;
}
.price-id:hover .bs-icon-info {
  color: var(--layoutcolor);
}
.bs-user-accountarrears:not(:has(>*)) {
  display: none !important;
}
.bs-user-accountarrears.bs-user {
  overflow: hidden;
  font-size: 11px;
  padding: 0;
}
.bs-user-accountarrears.bs-transform-table .bs-aa-outer {
  height: 100%;
}
.bs-user-accountarrears.bs-transform-table .bs-aa-inner {
  height: 100%;
  gap: 0;
  margin-bottom: 0;
      width: max-content;
}
.bs-user-accountarrears .bs-aa-row {
  min-height: unset;
  border: 0;
}
.bs-user-accountarrears .bs-aa-title {
  font-weight: 600;
  padding-right: 0;
  white-space: nowrap;
}
.bs-radio-outer {
    display: flex;
    align-items: center;
    background-color: #f9f9f9;
    border: 1px solid var(--brdcolor);
    border-radius: var(--borderstyle);
}
.bs-radio-outer .bs-custom-checkbox {
    visibility: hidden;
}
.bs-radio-outer .bs-rm-outer {
    margin-bottom: 0;
    min-height: var(--hsize);
    justify-content: center;
    padding-left: 0;
}
.bs-radio-outer .bs-rm-outer:has(input:checked) {
  border: 2px solid var(--layoutcolor);
  border-radius: var(--borderstyle);
  color: var(--layoutcolor);
  font-weight: 600;
}
.bs-ua-billing-type, .bs-ua-address-type {
    font-size: 12px;
    color: #999;
    background-color: #E6E6E6;
    padding: 0px 4px;
    height: 20px;
    border-radius: 2px;
    margin-left: calc(0.5 * var(--gap));
    display: inline-flex;
    align-items: center;
}
.bs-oem-inner {
  display: flex;
  flex-wrap: wrap;
}
.bs-oem-link {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  white-space: nowrap;
}
.bs-oem-link:hover {
  text-decoration: underline;
}
.bs-btn-oem {
  font-size: 12px;
  width: 100%;
  text-align: left;
  color: #333;
}
.bs-btn-oem:hover {
  text-decoration: underline;
}
.view-detail .bs-oem-inner {
  column-gap: var(--gap);
}
.view-detail .bs-oem-link {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.view-list .Cell.oem-id {
    height: unset;
}
.bs-smartsearch-outer:has(#inputsearchh-2) {
  height: var(--hsize);
}
.view-table .bs-newtab-outer {
      position: absolute;
    top: calc(50% - 10px);
    right: 4px;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bs-icon-newtab {
  color: #bfbfbf;
}
.bs-icon-newtab:hover {
  color: #333;
}
.bs-modal .bs-multiple-table-variation-outer {
  max-height: unset;
}
.bs-modal .bs-radio-variation-addcart-outer {
  position: sticky;
    bottom: var(--gap);
}
.bs-master-input-clear-btn {
      width: 44px;
    font-size: 34px;
    font-weight: 100;
    color: #9a9a9a;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.bs-master-input-clear-btn:hover {
    color: #333;
}
.bs-master-input-microphone-btn {
  width: 44px;
  font-size: 17px;
  color: var(--layoutcolor);
}
.bs-master-input-microphone-btn:hover {
  color: #333;
}
.bs-master-input-microphone-btn:before {
  font-family: "FontAwesome";
  content: "\f130";
}
.bs-compatiblevehicles-table .fa-check {
  color: #159547;
}
.bs-compatiblevehicles-table .fa-cross {
  color: #bfbfbf;
}
.bs-compatiblevehicles-table td {
  width: 7%;;
}
.bs-modal .bs-radio-depot-exists > .buy-id {
  width: calc(100% / 3);
  order: 2;
  margin: 0;
}
.bs-modal .bs-radio-depot-exists .bs-depot-line {
  width: calc(100% / 1.5);
  order: 1;
}
.bs-modal .bs-radio-depot-exists .bs-depot-name {
  width: calc(100% / 2);
}
.bs-modal .bs-radio-depot-exists .bs-depot-stock {
  width: calc(100% / 2);
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1101px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-2h5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-9h5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bs-energetic-login .bs-login-card-outer {
    z-index: 1;
    position: absolute;
    right: 0;
    left: 0;
    padding: 0;
    animation: 1.5s ease-in-out alternate leaves;
  }
  @keyframes leaves {
    0% {
      transform: scale(0.2);
    }
    100% {
      transform: scale(1);
    }
  }
  .bs-energetic-login h1 {
    color: #fff;
    padding: 0;
    margin-top: calc(2 * var(--gap));
  }
  .bs-energetic-login .bs-sm-outer {
    background-color: #2b3139eb;
    border-radius: var(--borderstyle);
    border: 1px solid #666;
  }
  .bs-energetic-login .bs-loginregister-outer .bs-tab-body {
    background-color: #2b3139eb;
    border-color: #666;
  }
  .bs-energetic-login .bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link {
    background-color: #363e48;
    color: #fff;
    border-color: #666;
  }
  .bs-energetic-login
    .bs-loginregister-outer
    .bs-menu-tab-outer
    .bs-tab-link:after {
    border-color: #666;
  }
  .bs-energetic-login
    .bs-loginregister-outer
    .bs-menu-tab-outer
    .bs-tab-link.active {
    background-color: #2b3139eb;
  }
  .bs-energetic-login .bs-checkbox-outer button,
  .bs-energetic-login .bs-def-footer-link,
  .bs-energetic-login .bs-def-logo-text,
  .bs-energetic-login .bs-desktop-api,
  .bs-energetic-login .bs-form-title,
  .bs-energetic-login .bs-language-outer,
  .bs-energetic-login .bs-master-continue-shopping,
  .bs-energetic-login .bs-modal-body *,
  .bs-energetic-login .bs-rm-lng-fp .bs-fp,
  .bs-energetic-login .bs-rm-lng-fp .bs-rm-outer {
    color: #fff !important;
  }
  .bs-energetic-login .bs-master-continue-shopping:before {
    background-color: #fff;
  }
  .bs-energetic-login .bs-loginregister-outer .bs-input-v1,
  .bs-energetic-login .bs-loginregister-outer .bs-select-v1 {
    background-color: #363e48;
    border: 0;
    color: #fff;
    border: 1px solid #666;
  }
  .bs-energetic-login .bs-modal-header {
    background-color: #363e48;
  }
  .bs-energetic-login .bs-modal-close,
  .bs-energetic-login .bs-modal-header {
    color: #fff;
  }
  .bs-energetic-login .bs-modal-content {
    background-color: #2b3139;
  }
  .bs-energetic-login .bs-languagechange-outer button {
    background-color: #363e48;
    border: 0;
  }
  .bs-energetic-login .all_found span {
    background-color: #363e48 !important;
  }
  .bs-energetic-login .all_found span:nth-child(2n) {
    background-color: #2b3139 !important;
  }
  .bs-energetic-login .all_found span:hover {
    background-color: #000 !important;
  }
  .view-poly .buy-id,
  .view-poly .buy-id .bs-addbasket-btn-outer .add-text-class,
  .view-poly .buy-id .bs-quantity-outer .bs-dec-btn,
  .view-poly .buy-id .bs-quantity-outer .bs-inc-btn {
    display: none;
  }
  .view-poly .buy-id .bs-addbasket-outer {
    width: 100%;
  }
  .view-poly .buy-id .bs-quantity-outer .Quantity {
    left: 0;
    right: 0;
    width: 100%;
    border-width: 2px;
    border-radius: var(--borderstyle) 0 0 var(--borderstyle);
  }
  .view-poly .buy-id .bs-addbasket-btn-outer {
    border-radius: 0 var(--borderstyle) var(--borderstyle) 0;
  }
  .view-poly:not(:has(.bs-quantity-outer)) .bs-addbasket-btn-outer {
    border-radius: var(--borderstyle);
  }
  .view-poly .buy-id .bs-quantity-outer {
    -webkit-box-flex: 0;
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
    margin-right: 0;
  }
  .view-poly .row-id:hover .buy-id {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .bs-modal-right .bs-modal-content {
    width: 320px;
    margin: 0 0 0 auto;
    border-radius: 0;
    height: 100%;
  }
  .bs-modal-right .bs-modal-close {
    right: 0;
    border-radius: 0;
  }
  .bs-modal-right .bs-modal-body {
    height: calc(100% - 40px);
    max-height: unset;
  }
  .bs-responsive-table .table-buy-id {
    width: 1px;
  }
  .bs-multiple-table-variation-outer:has(.bs-table-sticky) {
    overflow: unset;
  }
  .bs-modal-content.m-auto {
    width: auto;
    max-width: unset;
    min-width: 650px;
  }
  .bs-product-table .bs-pt-img {
    padding: 0;
  }
  .bs-promotionmenu-clm {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 13.5%;
    flex: 0 0 13.5%;
    max-width: 13.5%;
    padding-right: calc(2 * var(--gap));
  }
  .bs-banner-homeleft {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23.01%;
    flex: 0 0 23.01%;
    max-width: 23.01%;
    padding-right: 16px !important;
  }
  .bs-home-inner-area-exists .bs-banner-home {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 76.99%;
    flex: 0 0 76.99%;
    max-width: 76.99%;
  }
  .bs-filter-clm-outer {
    position: -webkit-sticky;
    position: sticky;
    top: var(--stickytop);
    height: calc(100vh - var(--stickytop));
  }
  .bs-filter-clm-inner {
    overflow: hidden auto;
    height: 100%;
  }
.bs-filter-clm-inner::-webkit-scrollbar {
  width: 7px;
}
.bs-filter-clm-inner::-webkit-scrollbar-track {
  background: transparent;
}
.bs-filter-clm-inner::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 4px;
}
.bs-filter-clm-inner:hover::-webkit-scrollbar-thumb {
  background-color: #8b8b8b;
}  
.bs-filter-clm-inner::-webkit-scrollbar-thumb:hover {
  background-color: #777;
}
}
@media (max-width: 1100px) {
  #bs-menu a:after,
  .bs-adv-v1,
  body {
    font-size: 16px;
  }
  body:has(.bs-modal) {
    overflow: hidden;
  }
  #productFilterNew .filter:first-child,
  .bs-footermenu-outer .bs-main-menu:first-child .bs-main-menu-title,
  footer {
    border-top: 0;
  }
  #productFilterNew .filter .li-f,
  #productFilterNew .filter > a {
    padding-left: calc(2 * var(--gap));
  }
  :root {
    --hsize: 40px;
  }
  .bs-adv-v1 {
    position: relative;
    flex-wrap: wrap;
    height: unset;
    background-color: #cfcfcf;
    padding: var(--gap);
  }
  .m-pd,
  .modal-dialog,
  .modal-dialog.m-big,
  .modal-dialog.m-large {
    margin: var(--gap);
    max-width: 100%;
  }
  .cookie-policy-msg {
    right: var(--gap);
    width: inherit;
  }
  .cookie-policy-msg span {
    left: 0;
    top: -29px;
    border-radius: 0 var(--borderstyle) var(--borderstyle) 0;
  }
  .bs-category-b2cmenu,
  .bs-detailsearch-btn,
  .view-block .brand-id,
  .view-detail .brand-id,
  .view-poly .brand-id {
    display: none !important;
  }
  #bs-menu .row,
  #triple-banner .bs-banner-item,
  .bs-category-menu-tab .row,
  .bs-loginregister-outer,
  .bs-products-order-outer,
  .bs-w-100-m,
  .def-footer-right-clm img,
  .view-block .buy-id .bs-addbasket-outer,
  .view-detail .view-block .bs-specialdiscounts-inner,
  .view-detail .view-block .buy-id .bs-addbasket-outer,
  .view-poly .buy-id .bs-addbasket-outer {
    width: 100%;
  }
  .bs-footer-icons-outer span,
  .bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link:after,
  .bs-menu-tab-outer .bs-tab-link.active,
  .menu-iconic.menu-dark-iconic a {
    border: 0;
  }
  .bs-menu-vertical {
    position: unset;
    width: unset;
    box-shadow: none;
  }
  #bs-menu .bs-menu-title,
  #bs-menu a span br,
  .bs-dealermenu-outer:after,
  .bs-footermenu-outer .bs-sub-menu-title:after,
  .bs-user-title,
  .top-menu-title:not(.d-none-v1):not(:last-child):after {
    display: none;
  }
  .bs-mobile-menu-btn {
    position: relative;
    width: 26px;
    height: 36px;
    display: block;
    margin: var(--gap) calc(2 * var(--gap)) var(--gap) 0;
  }
  .bs-mobile-menu-btn::before,
  .bs-mobile-menu-btn:after,
  .bs-mobile-menu-line {
    position: absolute;
    left: 0;
    border-top: 2px solid #333;
  }
  .bs-mobile-menu-btn::before {
    content: "";
    right: 0;
    top: 6px;
  }
  .bs-mobile-menu-line {
    right: calc(0.5 * var(--gap));
    top: 13px;
  }
  .bs-mobile-menu-btn:after {
    content: "menu";
    right: 0;
    bottom: 0;
    font-size: 9px;
    letter-spacing: 1px;
  }
  .bs-banner-v2 {
    margin-right: 0;
  }
  .bs-menu-title {
    display: unset;
  }
  .bs-cart-count {
    height: 20px;
    left: inherit;
    right: 0;
    top: 0;
  }
  .container {
    max-width: 100% !important;
  }
  .price-id .inner-popover {
    left: var(--gap);
    white-space: normal;
  }
  .bs-pos-unset {
    position: unset !important;
  }
  .bs-main-menu-title:after {
    font-size: 18px;
  }
  .hm-dsp-status {
    position: unset;
    visibility: visible !important;
    box-shadow: none;
  }
  #bs-category-body {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100vh;
  }
  .bs-arrow-position::after {
    transform: rotate(90deg);
    color: #000 !important;
  }
  .bs-main-menu {
    height: 50px;
  }
  .bs-logo {
    height: 36px;
    margin: var(--gap) 0;
    object-fit: contain;
  }
  .bs-pg-login .bs-logo {
    margin: 0;
    height: 40px;
  }
  .bs-mm-i {
    display: block !important;
  }
  .bs-mm-i i {
    background-color: #ddd !important;
    color: #484848 !important;
  }
  .bs-master-input {
    order: 4;
    margin-bottom: var(--gap);
    padding-left: 0;
  }
  .bs-user-and-cart {
    order: 3;
    max-width: fit-content;
  }
  #bs-menu a,
  .bs-category-menu-tab {
    width: 100% !important;
    border-left: 0 !important;
    margin: 0;
    border-bottom: 1px solid #eee;
    color: #000 !important;
    text-align: left !important;
    background: #fff;
    position: relative;
    height: 56px;
    border-radius: 0;
  }
  #bs-menu a:hover {
    background: #f7f7f7 !important;
  }
  #bs-menu a:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: var(--gap);
    top: calc(50% - 9px);
    color: #374957;
  }
  #bs-menu a > i,
  .bs-category-menu-tab > i {
    position: absolute;
    left: 0;
    top: var(--gap);
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border-radius: 50%;
  }
  #bs-menu a span:nth-child(2),
  .bs-category-menu-tab span {
    position: absolute;
    left: 48px;
    text-transform: capitalize;
    top: 6px;
    font-size: calc(2 * var(--gap));
  }
  #bs-menu a label,
  .bs-category-menu-tab label {
    bottom: 5px;
    top: unset;
    color: #aaa;
    display: block !important;
    left: 48px;
    position: absolute;
    margin: 0;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 48px - 24px);
  }
  .bs-category-menu-tab,
  .bs-dealer-menu-tab {
    display: block;
    margin-top: 0 !important;
    background: #f7f7f7;
  }
  .bs-category-menu-tab i {
    border-radius: 50%;
    background: #31a9b8 !important;
  }
  .bs-category-close {
    height: 56px;
    width: 56px;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    z-index: 51;
  }
  .bs-category-close:hover {
    background: #f2f2f2 !important;
  }
  .bs-sm-outer {
    border-bottom: 1px solid var(--brdcolor);
    padding: 0 !important;
  }
  body:has(.bs-products-outer) .bs-sm-outer {
    position: unset;
  }
  .bs-user {
    border: 0;
    width: auto;
    margin-left: 0;
  }
  #productFilterNew .filter > a:after,
  .bs-footermenu-outer .bs-main-menu.bs-menu-left,
  .bs-user-cart {
    padding-right: var(--gap);
  }
  .bs-pr-0-m {
    padding-right: 0 !important;
  }
  .bs-mt-gap-m {
    margin-top: var(--gap) !important;
  }
  #bs-category-menu {
    position: fixed;
    z-index: 700;
    width: 80%;
    top: 0;
    height: 100vh;
    background-color: #fff;
    overflow-y: auto;
  }
  .bs-main-menu-title {
    padding: 0 var(--gap);
    height: 50px;
    display: flex;
    align-items: center;
    background: #fff;
    position: relative;
  }
  .bs-main-menu-title img {
    margin-right: 4px;
  }
  .bs-transform-mobile-bdy {
    overflow: hidden;
  }
  .bs-banner-container.bs-banner-screen-full-text-normal {
    padding-bottom: calc(1* var(--gap));
  }
  .bs-banner-model-v2 .bs-banner-features {
    gap: 3px;
  }
  .bs-banner-model-v2.bs-banner-mobile-quantity-1 .bs-banner-features {
    grid-template-columns: repeat(1, 1fr);
  }
  .bs-banner-model-v2.bs-banner-mobile-quantity-2 .bs-banner-features {
    grid-template-columns: repeat(2, 1fr);
  }
  .bs-banner-model-v2.bs-banner-mobile-quantity-3 .bs-banner-features {
    grid-template-columns: repeat(3, 1fr);
  }
  .bs-banner-model-v2.bs-banner-mobile-quantity-4 .bs-banner-features {
    grid-template-columns: repeat(4, 1fr);
  }
  .bs-banner-model-v2.bs-banner-mobile-quantity-5 .bs-banner-features {
    grid-template-columns: repeat(5, 1fr);
  }
  .bs-banner-model-v2.bs-banner-mobile-quantity-6 .bs-banner-features {
    grid-template-columns: repeat(6, 1fr);
  }
  .bs-banner-model-v2.bs-banner-mobile-quantity-7 .bs-banner-features {
    grid-template-columns: repeat(7, 1fr);
  }
  .bs-banner-model-v2.bs-banner-mobile-quantity-8 .bs-banner-features {
    grid-template-columns: repeat(8, 1fr);
  }
  .bs-banner-model-v2.bs-banner-mobile-quantity-9 .bs-banner-features {
    grid-template-columns: repeat(9, 1fr);
  }
  .bs-banner-model-v2.bs-banner-mobile-quantity-10 .bs-banner-features {
    grid-template-columns: repeat(10, 1fr);
  }
  .bs-banner-model-v2.bs-banner-mobile-quantity-11 .bs-banner-features {
    grid-template-columns: repeat(11, 1fr);
  }
  .bs-banner-model-v2.bs-banner-mobile-quantity-12 .bs-banner-features {
    grid-template-columns: repeat(12, 1fr);
  }
  footer {
    background: #222;
  }
  .bs-footer-main-outer:has(.bs-main-menu-outer > *) {
    padding: calc(2 * var(--gap));
  }
  .bs-footermenu-outer .bs-sub-menu-outer {
    visibility: visible;
  }
  .bs-footermenu-outer .bs-main-menu-title,
  .bs-footermenu-outer .bs-sub-menu-title {
    background: 0 0;
    border-bottom: 0;
    padding: 0;
    font-size: inherit;
    color: #999;
    min-height: 40px;
    font-weight: 400;
  }
  .bs-footermenu-outer .bs-main-menu-title {
    text-transform: uppercase;
    height: 48px;
    font-weight: 500;
    border-top: 1px solid #666;
  }
  .bs-footermenu-outer .bs-main-menu-title:before {
    font-family: FontAwesome;
    content: "\f078";
    position: absolute;
    right: 0;
    font-size: 16px;
  }
  .bs-footermenu-outer .bs-main-menu .bs-main-menu-title.bs-menu-active:before {
    content: "\f077";
  }
  .bs-footermenu-outer .bs-main-menu-title:active {
    background-color: #666;
  }
  .bs-footermenu-outer .bs-main-menu:last-child .bs-main-menu-title {
    border-bottom: 1px solid #666;
  }
  .bs-footermenu-outer .bs-main-menu {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    min-height: 27px;
    height: unset;
  }
  .active-id.bs-rm-outer,
  .bs-title-outer {
    min-height: 40px;
  }
  .bs-modal-body {
    padding: calc(2 * var(--gap)) calc(2 * var(--gap)) calc(1 * var(--gap))
      calc(2 * var(--gap));
    max-height: calc(100% - 40px);
  }
  .bs-modal-content {
    margin: 0;
    width: 100% !important;
    bottom: 0;
    position: absolute;
    height: 75%;
    border-radius: var(--borderstyle) var(--borderstyle) 0 0;
  }
  .bs-modal-header {
    padding: var(--gap) calc(40px + var(--gap)) var(--gap) calc(2 * var(--gap));
  }
  .bs-breadcrumb-outer,
  .bs-footermenu-outer .bs-main-menu.bs-menu-right {
    padding-left: var(--gap);
  }
  .bs-modal-close {
    right: 0;
    border-radius: 0 var(--borderstyle) 0 0;
    z-index: 10;
  }
  .bs-smartsearch-outer {
    border-width: 1px;
    border-color: var(--brdcolor);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%);    
    height: 40px;
  }
  .bs-master-input-inner,
  .bs-master-input-search-btn,
  .bs-master-input-clear-btn,
  .bs-master-input-microphone-btn
  {    
    background-color: #f9f9f9;
  }
  .bs-menu-outer,
  .bs-pd-outer,
  .bs-qo-steps span {
    background-color: #fff;
  }
  #productFilterNew .filter > a:hover,
  .bs-tab-body {
    background-color: transparent;
  }
  .bs-headermenu-outer {
    background-color: #fff;
    overflow-x: auto;
  }
  .bs-headermenu-outer::-webkit-scrollbar {
    display: none;
  }
  .bs-content-iframe-outer {
    height: 200px;
  }
  .bs-content-img-outer,
  .bs-content-outer .bs-banner-screen-full:first-child,
  .bs-home-outer .bs-banner-home.bs-banner-screen-full {
    margin-top: 0;
  }
  .bs-footermenu-outer {
    width: calc(100% + var(--gap));
  }
  .bs-footermenu-outer .bs-language-outer {
    color: #999;
    margin: 0;
    height: 100%;
    width: 100%;
    justify-content: flex-start;
    text-transform: uppercase;
    font-weight: 500;
  }
  .bs-ctg-t,
  .bs-filter-clm-outer,
  .bs-footermenu-outer .bs-main-menu-title i,
  .bs-listedproductcount:before,
  .bs-seperate-category
    .bs-menu-common-outer
    .bs-main-menu:hover
    .bs-sub-menu-outer,
  .bs-seperate-category img,
  .view-poly .buy-id .bs-addbasket-btn-outer .add-text-class {
    display: none;
  }
  .view-block .row-id .Cell.name-id {
    height: 42px;
    white-space: normal;
    overflow: hidden;
  }
  .bs-breadcrumb-back {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
    height: 48px;
    width: 40px;
    font-size: 26px;
    background-color: #fff;
  }
  .bs-home-category-menu-exists .col-bs-home-first,
  .bs-home-category-menu-exists .col-bs-home-second,
  .bs-home-inner-area-exists .bs-banner-home,
  .bs-home-inner-area-exists .col-bs-home-inner-area-first,
  .bs-tab-vertical.bs-menu-tab-outer .bs-tab-link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .view-block .img-id .inner-popover {
    height: 180px;
  }
  .bs-breadcrumb-outer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .bs-breadcrumb {
    flex-wrap: nowrap;
    white-space: nowrap;
    height: 48px;
    padding-left: calc(32px + var(--gap));
  }
  .view-block .tbody-id,
  .view-poly .tbody-id {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-1 / 2 * var(--gap));
    margin-right: calc(-1 / 2 * var(--gap));
    width: calc(100% + calc(1 * var(--gap)));
  }
  .view-block .row-id {
    white-space: nowrap;
    margin: 0 calc(1 / 2 * var(--gap)) var(--gap);
    border: 1px solid var(--brdcolor);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / var(--prdcount) - calc(1 * var(--gap)));
    flex: 0 0 calc(100% / var(--prdcount) - calc(1 * var(--gap)));
    max-width: calc(100% / var(--prdcount) - calc(1 * var(--gap)));
    margin-bottom: var(--gap);
    margin-right: calc(1 / 2 * var(--gap));
    margin-left: calc(1 / 2 * var(--gap));
    flex-direction: column;
  }
  .bs-mp-group-inner {
    margin-left: -4px;
    margin-right: -4px;
    width: calc(100% + var(--gap));
  }
  .owl-carousel .row-id {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 calc(100% - var(--gap)) !important;
    max-width: calc(100% - var(--gap)) !important;
    white-space: nowrap;
  }
  .productFilterNew-outer {
    width: 70%;
    position: fixed !important;
    top: 0;
    right: 0;
    z-index: 1;
    font-size: 14px;
  }
  .view-block .buy-id {
    margin-top: auto;
  }
  .view-block .buy-id .bs-addbasket-btn-outer,
  .view-block .buy-id .bs-quantity-outer,
  .view-poly .buy-id .bs-addbasket-btn-outer,
  .view-poly .buy-id .bs-quantity-outer {
    height: 40px;
    width: 100%;
  }
  .view-block .buy-id .bs-quantity-outer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 0px);
    flex: 0 0 calc(100% - 0px);
    max-width: calc(100% - 0px);
  }
  .view-block .buy-id .bs-quantity-outer .bs-quantity,
  .view-poly .buy-id .bs-quantity-outer .bs-quantity {
    width: 37px;
    background-color: #fff;
    font-size: calc(2 * var(--gap));
  }
  .view-block .buy-id .bs-quantity-outer .bs-dec-btn,
  .view-poly .buy-id .bs-quantity-outer .bs-dec-btn {
    border-right: 0;
  }
  .view-block .buy-id .bs-quantity-outer .bs-inc-btn,
  .view-poly .buy-id .bs-quantity-outer .bs-inc-btn {
    border-left: 0;
  }
  .view-block .buy-id .bs-quantity-outer .Quantity,
  .view-poly .buy-id .bs-quantity-outer .Quantity {
    border-left: 0;
    border-right: 0;
    right: 36px;
    left: 36px;
    width: calc(100% - 72px);
    border-width: 1px;
  }
  .view-block .buy-id .bs-addbasket-btn-outer [class*="bs-addbasket"]:before,
  .view-poly .buy-id .bs-addbasket-btn-outer [class*="bs-addbasket"]:before {
    font-size: 28px;
    left: var(--gap);
  }
  .view-poly .buy-id .bs-quantity-outer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 0x);
    flex: 0 0 calc(100% - 0px);
    max-width: calc(100% - 0px);
    margin-bottom: var(--gap);
  }
  .view-poly .buy-id .bs-addbasket-btn-outer [class*="bs-addbasket"]:before {
    font-size: 19px;
    left: 0;
  }
  .view-poly .buy-id .bs-quantity-outer .bs-quantity {
    width: 31px;
  }
  .view-poly .buy-id .bs-quantity-outer .Quantity {
    right: 30px;
    left: 30px;
    width: calc(100% - 60px);
  }
  .view-poly .buy-id .bs-addbasket-outer {
    justify-content: flex-start;
  }
  .bs-banner-text-outer {
    position: relative;
    color: initial;
    display: block;
    margin-top: var(--gap);
  }  
  .view-block .price-id {
    font-size: 18px;
    margin-left: 0;
  }
  #target-products {
    width: calc(100% + calc(2 * var(--gap)));
    margin: 0 0 0 calc(-1 * var(--gap));
  }
  .bs-detailsearch-m-outer,
  .bs-productfilter-m-outer,
  .bs-productsort-outer {
    flex: 0 1 100%;
  }
  .bs-detailsearch-m,
  .bs-productfilter-m,
  .bs-productsort,
  .bs-consumer-price-outer
  {
    margin: 0;
    background-color: #fff;
    text-transform: capitalize;
    text-align: center;
    color: #000;
    border-radius: 0;
    border: 1px solid var(--brdcolor);
    border-left: 0;
    padding: 0 var(--gap);
    font-size: 13px;
    font-weight: 500;
    height: 40px;
    line-height: 1.15;
  }
  .bs-consumer-price-outer .bs-rm-outer
  {
    height: 100%;
  }
  .bs-productsort {
    border-left: 1px solid var(--brdcolor);
    border-right: 0;
  }
  .bs-detailsearch-m {
    border: 1px solid var(--brdcolor);
    border-left: 0;
  }
  .bs-productfilter-m:before {
    font-family: FontAwesome;
    content: "\f0b0";
    color: #333;
    color: var(--layoutcolor);
    margin-right: var(--gap);
    font-size: 19px;
  }
  .bs-listedproductcount {
    color: #919191;
    font-size: 12px;
    margin: -28px auto 0;
    font-weight: 300;
    height: unset;
  }
  .bs-btn-complete-order,
  .bs-filter-item::after {
    font-size: calc(2 * var(--gap));
  }
  .bs-products-view-outer {
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    height: 48px;
    padding-left: var(--gap);
  }
  .bs-fullscreen-site .view-poly .row-id,
  .view-poly .row-id {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3 - calc(1 * var(--gap)));
    flex: 0 0 calc(100% / 3 - calc(1 * var(--gap)));
    max-width: calc(100% / 3 - calc(1 * var(--gap)));
    margin-bottom: var(--gap);
    margin-right: calc(1 / 2 * var(--gap));
    margin-left: calc(1 / 2 * var(--gap));
  }
  .view-poly .row-id > .Cell.name-id {
    font-weight: 400;
  }
  .view-poly .row-id > .Cell.buy-id {
    margin-bottom: 0;
    position: unset;
    display: block;
    margin-top: auto;
  }
  .bs-seperate-category {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: calc(100% + var(--gap));
    z-index: 1;
    background-color: #fff;
    margin-left: calc(-1 * calc(var(--gap)));
  }
  .bs-seperate-category .bs-menu-common-outer:not(:first-child):has(*) {
    padding-bottom: var(--gap);
    border-bottom: 1px solid #f3f0fe;
  }
  .bs-seperate-category .bs-menu-common-outer {
    display: flex;
    overflow-x: auto;
    border-radius: 0;
  }
  .bs-seperate-category .bs-menu-common-outer:first-child {
    background-color: var(--layoutcolor);
    border-radius: 0;
  }
  .bs-seperate-category .bs-menu-common-outer:first-child .bs-main-menu {
    margin: 0;
    white-space: nowrap;
    padding: 0;
    height: 40px;
  }
  .bs-seperate-category .bs-menu-common-outer:first-child .bs-main-menu-title {
    background-color: transparent;
    color: #fff;
    height: 40px;
  }
  .bs-seperate-category
    .bs-menu-common-outer:first-child
    .bs-main-menu-title.active {
    box-shadow: inset 0 -3px 0 #fff;
  }
  .bs-seperate-category .bs-menu-common-outer:not(:first-child) .bs-main-menu {
    margin-bottom: 0;
    height: 28px;
    padding: 0 var(--gap) 0 0;
  }
  .bs-seperate-category
    .bs-menu-common-outer:not(:first-child)
    .bs-main-menu-title {
    white-space: nowrap;
    border: 1px solid var(--brdcolor);
    height: 28px;
    border-radius: var(--borderstyle);
  }
  .bs-seperate-category
    .bs-menu-common-outer:not(:first-child)
    .bs-main-menu-title.active {
    border: 1px solid var(--layoutcolor);
    background-color: var(--layoutcolor);
    color: #fff;
  }
  .bs-seperate-category
    .bs-menu-common-outer:not(:first-child)
    .bs-main-menu:first-child {
    margin-left: var(--gap);
  }
  #productFilterNew .filter,
  .bs-pg-login .bs-tl-outer {
    margin-bottom: 0;
  }
  .bs-prd-clm-outer,
  .col-bs-home-first .bs-dynamicsearch-outer {
    margin-top: var(--gap);
  }
  #target-products .bs-breadcrumb {
    justify-content: center;
    padding: 0;
    position: relative;
  }
  #target-products .bs-breadcrumb a {
    display: none;
    align-items: flex-start;
    padding-top: 4px;
  }
  #target-products .bs-breadcrumb a:last-child {
    display: flex;
    font-weight: 400;
  }
  .bs-breadcrumb-outer,
  .bs-cart-sum-clm-outer {
    padding-left: 0;
  }
  .bs-breadcrumb-outer::-webkit-scrollbar {
    display: none;
  }
  .bs-pd-breadcrumb.bs-breadcrumb-outer {
    border-bottom: 1px solid var(--brdcolor);
    margin-bottom: 0;
  }
  .bs-btn-complete-order-outer,
  .view-detail .view-block .row-id.bs-standardprice-prd > .buy-id {
    position: fixed;
    z-index: 800;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    padding: var(--gap) var(--gap) 30px var(--gap);
    border-top: 1px solid var(--brdcolor);
  }
  .view-detail .view-block .buy-id {
    margin: 0;
  }
  .view-detail .buy-id .bs-addbasket-btn-outer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 4px);
    flex: 0 0 calc(50% - 4px);
    max-width: calc(50% - 4px);
  }
  .view-detail .buy-id .bs-quickbuy-addbasket-outer .bs-addbasket-btn-outer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(67% - 4px);
    flex: 0 0 calc(67% - 4px);
    max-width: calc(67% - 4px);
  }
  .view-detail .buy-id .bs-quantity-outer {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 4px);
    flex: 0 0 calc(50% - 4px);
    max-width: calc(50% - 4px);
  }
  .view-detail .buy-id .bs-addbasket-outer {
    margin-bottom: var(--gap);
  }
  .view-block .buy-id .bs-quickbuy-addbasket-outer .bs-quantity-outer {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33% - 4px);
    flex: 0 0 calc(33% - 4px);
    max-width: calc(33% - 4px);
  }
  .view-detail .view-block .row-id > .Cell {
    font-size: calc(2 * var(--gap));
    height: unset;
  }
  .view-detail .view-block .row-id.bs-standardprice-prd > .Cell.price-id {
    position: fixed;
    z-index: 801;
    left: 0;
    bottom: 0;
    font-size: 20px;
    color: var(--layoutcolor) !important;
    justify-content: flex-end;
    padding-right: var(--gap);
    background-color: #fff;
  }
  .view-detail
    .view-block
    .row-id.bs-standardprice-prd:has(.bs-specialdiscounts-outer)
    > .Cell.price-id {
    bottom: 0;
  }
  .view-detail
    .view-block
    .row-id.bs-standardprice-prd
    > .Cell.price-id:before {
    content: attr(data-title) !important;
    display: flex;
    width: unset !important;
    margin-right: auto !important;
    padding-left: var(--gap);
  }
  .bs-radio-variation-addcart-outer {
    position: fixed;
    bottom: calc(-1*var(--gap));
    left: 0;
    right: 0;
    background-color: #fff;
    padding: var(--gap) var(--gap) 30px var(--gap);
    z-index: 800;
  }
  .bs-pd-images-outer .bs-area-v3 {
    margin-left: -8px;
    width: calc(100% + calc(2 * var(--gap)));
    border-bottom: 1px solid var(--brdcolor);
    background-color: #fafafa;
    border-radius: 0;
  }
  .view-block .row-id > .Cell.discount-id .bs-discount-outer {
    margin: 6px 0;
  }
  .view-detail .view-block .row-id {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .bs-pd-outer .bs-banner-img,
  .bs-pd-outer .bs-banner-item {
    margin-bottom: 0;
    border-radius: 0;
  }
  .bs-banner-container.bs-banner-super,
  .bs-pd-outer .bs-banner-container {
    margin-bottom: 0 !important;
    padding-bottom: 0;
  }
  .bs-ds-search-clm {
    margin-left: auto;
  }
  .bs-mp-group-outer {
    margin-bottom: 0 !important;
    margin-top: calc(0.5 * var(--gap));
  }
  .bs-btn-clear-all-filter,
  .bs-filter-item {
    margin: calc(2 * var(--gap)) 0;
  }
  .bs-ord-sm-tbl div:last-child {
    position: fixed;
    z-index: 801;
    bottom: 0;
    color: var(--layoutcolor);
    font-size: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    padding: 0 var(--gap);
    border-top: 0;
  }
  .bs-ord-sm-tbl div:last-child span:first-child {
    color: #333;
    font-weight: 400;
    margin-right: var(--gap);
    margin-right: auto;
  }
  .bs-cart-sum-outer {
    position: relative !important;
    top: 0 !important;
  }
  .view-detail .skeleton .s-line.first {
    height: 32px !important;
  }
  .view-detail .skeleton .s-line.second,
  .view-detail .skeleton .s-line.third {
    top: 40px !important;
  }
  #productFilterNew .filter .bs-filter-btn-outer {
    min-height: calc(7 * var(--gap));
    border-radius: 0;
    margin: 0;
  }
  #productFilterNew .filter .li-f {
    border-bottom: 1px solid var(--brdcolor);
  }
  #productFilterNew .filter .li-f:last-child,
  .bs-menu-tab-outer .bs-tab-link:last-child {
    border-bottom: 0;
  }
  #productFilterNew .filter .bs-filters-search-outer .bs-input-v1 {
    background-color: #fafafa;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    height: 36px;
    padding: 0 calc(2 * var(--gap));
    margin-bottom: 0;
  }
  #productFilterNew .filter .bs-filters-outer {
    margin-bottom: 0;
    max-height: unset;
    overflow-y: unset;
  }
  .bs-filterlist-outer {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0 calc(2 * var(--gap));
    padding-bottom: 0;
    border-bottom: 1px solid var(--brdcolor);
  }
  .bs-filter-item {
    background-color: var(--layoutcolor);
    border-radius: calc(2 * var(--gap));
    border-color: var(--layoutcolor);
  }
  .bs-cart-outer .view-block .row-id:first-child,
  .bs-confirm-btn-outer {
    border-top: 1px solid var(--brdcolor);
  }
  .bs-filtername {
    color: #fff !important;
  }
  .bs-filter-item::after {
    color: #fff;
    background-color: transparent;
  }
  .bs-confirm-btn-outer {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: var(--gap);
    padding-bottom: 0;
    z-index: 1;
    right: 0;
    background-color: #fff;
  }
  .bs-multiple-table-variation-outer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #bs-carttable .buy-id .bs-quantity-outer {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  #bs-carttable .buy-id .bs-addbasket-btn-outer {
    height: 40px;
    flex: 0 0 calc(40px - 0px);
    max-width: calc(40px - 0px);
  }
  #bs-carttable .bs-refresh-btn,
  .bs-delete-btn {
    width: 40px;
    height: 40px;
  }
  .bs-new-login-outer .bs-logo-outer img {
    width: 100%;
    object-fit: contain;
  }
  .bs-rm-lng-fp {
    height: 27px;
  }
  .bs-rm-lng-fp li:last-child {
    height: 45px;
    display: flex;
    align-items: center;
  }
  #bs-captcha {
    margin-bottom: var(--gap) !important;
  }
  .bs-dd-cc {
    height: 45px;
  }
  .bs-login-outer {
    padding: calc(2 * var(--gap)) calc(2 * var(--gap));
  }
  #bs-tab-id-login-tab .bs-menu-tab-outer {
    border: 0;
    border-radius: 0;
    margin-top: calc(2 * var(--gap));
    border-bottom: 1px solid var(--brdcolor);
    width: 100%;
  }
  #bs-tab-id-login-tab .bs-menu-tab-outer .bs-tab-link {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    color: #919191;
    border: 0;
    font-weight: 400;
    background-color: transparent;
    line-height: 1.1;
    justify-content: center;
    margin-right: 0;
    font-size: 16px;
  }
  #bs-tab-id-login-tab .bs-menu-tab-outer .bs-tab-link.active {
    color: #000;
    border-bottom: 3px solid var(--layoutcolor);
    font-weight: 500;
  }
  .bs-pg-login .bs-loginregister-outer .bs-tab-body {
    border: 0;
    padding: calc(1 * var(--gap)) 0;
    height: 100vh;
    overflow: unset;
  }
  .bs-menu-tab-outer .bs-tab-link,
  .bs-menu-tab-outer .bs-tab-link.active {
    border-bottom: 1px solid var(--brdcolor);
  }
  .bs-login-card-outer {
    align-self: flex-start;
  }
  .bs-cart-outer .view-block .row-id {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - var(--gap));
    flex: 0 0 calc(100% - var(--gap));
    max-width: calc(100% - var(--gap));
    border-radius: 0;
    margin-bottom: 0;
    border-top: 0;
  }
  .bs-cart-outer .view-block .row-id:first-child,
  .bs-cart-outer .view-block .row-id:first-child .categorygroup-id,
  .view-block .img-id .bs-img {
    border-radius: var(--borderstyle) var(--borderstyle) 0 0;
  }
  .bs-cart-outer .view-block .row-id:last-child {
    border-radius: 0 0 var(--borderstyle) var(--borderstyle);
  }
  .bs-cart-outer .view-block .row-id > .Cell {
    padding-left: 50%;
  }
  .bs-cart-outer .view-block .img-id {
    position: absolute;
    width: calc(50% - var(--gap));
        height: 100%;
        margin-bottom: 0;
        top: 0;
        bottom: 0;
  }
  .bs-cart-outer .view-block .img-id .bs-img {
    height: 100%;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }
  .bs-cart-outer .view-block .delete-id {
    position: absolute;
    bottom: var(--gap);
    left: calc(50% - 40px - var(--gap));
    z-index: 1;
    padding: 0 !important;
    width: 40px;
  }
  .bs-cart-outer .view-block .categorygroup-id {
    padding-left: var(--gap) !important;
    background-color: #f5f5f5;
    white-space: normal;
    z-index: 1;
    margin-top: -8px;
  }
  .bs-cart-outer .view-block .categorygroup-id label,
  .bs-cart-outer .view-block .categorygroup-id span {
    display: block;
  }
  .active-id {
    left: var(--gap);
    bottom: var(--gap);
  }
  .active-id.bs-rm-outer input + i {
    border-radius: 100%;
    width: 40px;
    height: 40px;
  }
  .active-id.bs-rm-outer input[type="checkbox"]:checked + i {
    width: 40px;
    height: 40px;
    border-radius: 100%;
  }
  .active-id.bs-rm-outer input:checked + i::before {
    font-size: 16px;
  }
  .bs-headermenu-outer .bs-main-menu-outer {
    height: 50px;
    justify-content: flex-start;
    margin-left: calc(-1 * var(--gap));
  }
  .bs-headermenu-outer .bs-main-menu-title {
    padding: 0 calc(2 * var(--gap));
    font-weight: 400;
    font-size: 15px;
    white-space: nowrap;
  }
  .bs-menu-tab-outer {
    margin-top: 0;
    border: 1px solid var(--brdcolor);
    border-radius: var(--borderstyle);
  }
  .bs-menu-tab-outer .bs-tab-link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: flex-start;
    background-color: #fff;
    padding-left: var(--gap);
  }
  .bs-payment-method-outer .bs-menu-tab-outer .bs-tab-link::before {
    content: "\f10c";
    font-family: FontAwesome;
    margin-right: var(--gap);
  }
  .bs-payment-method-outer .bs-menu-tab-outer .bs-tab-link.active::before {
    content: "\f192";
  }
  .bs-headermenu-outer .bs-logo {
    margin: 0 0 0 var(--gap);
  }
  .bs-contact-outer {
    order: 1;
    margin-top: 24px;
    padding: var(--gap);
  }
  .bs-banner-text-outer button {
    display: flex;
    background-color: var(--layoutcolor);
    height: 40px;
    color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: var(--borderstyle);
    padding: 0 calc(2 * var(--gap));
    margin-top: var(--gap);
  }
  .bs-login-banner-outer,
  .bs-order-detail-first-title,
  .owl-dots {
    display: none;
  }
  .bs-def-footer-link {
    color: #999 !important;
    padding: var(--gap) 0;
  }
  .bs-title-outer {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .bs-title {
    color: #333;
    font-weight: 600;
    font-size: 18px;
  }
  .bs-btn-v6 {
    float: unset;
    margin-left: auto;
  }
  .bs-qo-steps:after {
    content: none;
  }
  .bs-def-footer-outer {
    text-align: center;
  }
  .def-footer-left-clm,
  .def-footer-right-clm {
    text-align: inherit;
  }
  .bs-pg-login {
    overflow: auto;
  }
  .inner-popover {
    left: var(--gap);
    right: var(--gap);
  }
  .bs-warning {
    background-color: #fff;
    margin-left: 0 !important;
    width: 100% !important;
  }
  .clm-p-2x {
    padding: 0 var(--gap) 0 0;
  }
  .bs-menusilver-clm,
  .bs-promotionmenu-clm {
    order: 1;
  }
  .bs-banner-img,
  .bs-banner-item {
    border-radius: 0;
  }
  .bs-modal-confirm .bs-modal-content {
    margin: auto 16px;
    border-radius: 3px;
    position: relative;
    height: unset !important;
  }
  .bs-order-detail-title {
    font-weight: 500;
    height: unset;
    width: 50%;
  }
  .bs-order-detail-outer {
    padding: calc(2 * var(--gap));
  }
  .bs-footermenu-outer ::-webkit-scrollbar-track {
    background-color: #000;
  }
  .bs-footermenu-outer ::-webkit-scrollbar-thumb {
    background-color: #999;
  }
  .bs-contentplaceholder1 {
    padding-top: 0;
  }
  .bs-fixed-item-outer {
    right: var(--gap);
        bottom: calc(30px + var(--gap));
        z-index: 900;
  }
  .view-detail
    .view-block
    .buy-id
    .bs-addbasket-outer:not(:has(.bs-quantity-outer))
    .bs-addbasket-btn-outer {
    margin-bottom: var(--gap);
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
  .bs-pd-desc img {
    object-fit: contain !important;
    width: 100% !important;
    height: unset !important;
  }
  .col-bs-home-first {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: var(--gap);
  }
  .bs-footermenu-outer .bs-main-menu-title .bs-main-menu-img {
    margin-bottom: 0;
    height: calc(3 * var(--gap));
  }
  .bs-footermenu-outer .bs-main-menu.bs-menu-right {
    padding-left: 0;
    padding-right: var(--gap);
  }
  .bs-footermenu-outer:not(:has(.bs-sub-menu-outer))
    .bs-main-menu-title:before {
    content: "";
  }
  body:has(.bs-cart-outer):has(.bs-btn-complete-order-outer) {
    padding-bottom: 109px;
  }
  body:has(.bs-pd-outer):has(.row-id .buy-id) {
    padding-bottom: 89px;
  }
  body:has(.bs-pd-outer):has(.row-id .buy-id):has(.bs-specialdiscounts-outer) {
    padding-bottom: 137px;
  }
  .bs-pg-login .bs-btn-v1 {
    font-size: 16px;
    height: 48px;
  }
  .bs-pg-login .bs-input-v1,
  .bs-pg-login .bs-select-v1 {
    height: 48px;
    background-color: #eee;
    border-width: 0;
    font-weight: 400;
    padding: 0 calc(2 * var(--gap));
    font-size: 16px;
  }
  .bs-pg-login .bs-input-v1:focus {
    border-width: 2px;
  }
  .bs-pg-login textarea.bs-input-v1 {
    height: calc(2 * var(--hsize));
  }
  .bs-pd-img-outer {
    position: relative;
    top: 0;
    margin-bottom: 0;
  }
  .view-detail .bs-specialdiscounts-outer .bs-specialdiscount {
    width: calc(100% / 3);
    height: 40px;
  }
  .view-detail .bs-specialdiscounts-outer .bs-specialdiscount1 {
    border-width: 1px 0.5px 1px 1px;
    border-radius: var(--borderstyle) 0 0 var(--borderstyle);
  }
  .view-detail .bs-specialdiscounts-outer .bs-specialdiscount2 {
    border-width: 1px 0.5px;
    border-radius: 0;
  }
  .view-detail .bs-specialdiscounts-outer .bs-specialdiscountedprice {
    border-width: 1px 1px 1px 0.5px;
    border-radius: 0 var(--borderstyle) var(--borderstyle) 0;
  }
  .view-block .bs-depot-name {
    width: unset;
  }
  .price-id .bs-icon-info {
    font-size: 17px;
  }
}
@media (min-width: 1376px) {
  :root .bs-narrowscreen-site {
    --prdcount: var(--mainprdcount);
  }
}
@media (min-width: 4001px) {
  :root .bs-fullscreen-site {
    --prdcount: calc(var(--mainprdcount) + 6);
  }
}
@media (min-width: 3501px) and (max-width: 4000px) {
  :root .bs-fullscreen-site {
    --prdcount: calc(var(--mainprdcount) + 2);
  }
}
@media (min-width: 3001px) and (max-width: 3500px) {
  :root .bs-fullscreen-site {
    --prdcount: calc(var(--mainprdcount) + 2);
  }
}
@media (min-width: 2001px) and (max-width: 3000px) {
  :root .bs-fullscreen-site {
    --prdcount: calc(var(--mainprdcount) + 1);
  }
}
@media (min-width: 1701px) and (max-width: 2000px) {
  :root .bs-fullscreen-site {
    --prdcount: calc(var(--mainprdcount) + 1);
  }
}
@media (min-width: 1376px) and (max-width: 1700px) {
  :root {
    --prdcount: var(--mainprdcount);
  }
}
@media (min-width: 1101px) and (max-width: 1375px) {
  :root {
    --prdcount: calc(var(--mainprdcount) - 1);
  }
}
@media (min-width: 769px) and (max-width: 1100px) {
  :root {
    --prdcount: calc(var(--mainprdcount) - 1);
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --prdcount: 2;
  }
}
@media only screen and (max-width: 800px) {
  .bs-responsive-table table,
  .bs-responsive-table tbody,
  .bs-responsive-table th,
  .bs-responsive-table thead,
  .bs-responsive-table tr {
    display: block;
  }
  .bs-responsive-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .bs-responsive-table tr {
    margin-bottom: var(--gap);
    border-top: 1px solid var(--brdcolor);
    border-radius: var(--gap);
  }
  .bs-responsive-table tr:last-child {
    margin-bottom: 0;
  }
  .bs-responsive-table td {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--brdcolor);
    position: relative;
    padding-left: calc(50% + var(--gap));
    text-align: left;
    width: 100%;
    height: unset;
    min-height: var(--hsize);
    font-size: 14px;
  }
  .bs-responsive-table td:before {
    color: #333;
    position: absolute;
    left: 0;
    white-space: nowrap;
    font-weight: 400;
    content: attr(data-title);
    height: 100%;
    display: flex;
    align-items: center;
    width: 50%;
    padding-left: var(--gap);
  }
  .bs-no-responsive-table-m td:before,
  .bs-responsive-table td.buy-id:before {
    display: none;
  }
  .bs-no-responsive-table-m {
    display: table;
  }
  .bs-no-responsive-table-m thead tr {
    position: unset;
  }
  .bs-no-responsive-table-m thead {
    display: table-header-group;
  }
  .bs-no-responsive-table-m tbody {
    display: table-row-group;
  }
  .bs-no-responsive-table-m tr {
    display: table-row;
  }
  .bs-no-responsive-table-m td,
  .bs-no-responsive-table-m th {
    display: table-cell;
    padding-left: var(--gap);
  }
  .bs-responsive-table td .detail-btn,
  .bs-responsive-table td .other-detail-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
  }
  .bs-no-w50-m td {
    width: inherit;
  }
  .bs-responsive-table td.buy-id {
    padding: var(--gap) 6px 0 !important;
    margin: 0;
    height: unset;
  }
  .bs-no-responsive-table-m td:first-child {
    font-weight: 400;
  }
  .bs-detail-btn-outer .detail-btn,
  .bs-responsive-table tbody tr:nth-child(2n),
  .bs-responsive-table tbody tr:nth-child(odd),
  .bs-responsive-table td:before {
    background-color: #fff;
  }
  .bs-responsive-table:not(.bs-no-responsive-table-m) td {
    background-color: #f9f9f9;
  }
  .bs-responsive-table:not(.bs-no-responsive-table-m) .bs-stock-bg td {
    background-color: #fad6c9;
  }
  .bs-responsive-table td:first-child {
    border-radius: var(--gap) var(--gap) 0 0;
  }
  .bs-responsive-table td:last-child {
    border-radius: 0 0 var(--gap) var(--gap);
  }
}