.modals-overlay {
  background-color: rgba(0, 0, 0, 0.4);
}

.products .product-item [class^='swatch-opt-'] {
    order: -1;
}

body.layout-fullwidth:not(.cms-index-index) .page-main,
body.layout-fullwidth:not(.cms-index-index) .page-wrapper>.breadcrumbs>ul{
  max-width: 1600px !important;
  padding: 0 32px !important;
}

body .page-wrapper > .breadcrumbs{
  background: transparent;
  border: 0;
  padding-top: 40px;
  margin-bottom: 40px !important;
}
body .page-wrapper > .breadcrumbs .items > li a,
body .page-wrapper > .breadcrumbs .items > li strong{
  color: #33312E;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  text-transform: initial;
}
body .page-wrapper > .breadcrumbs .items > li a:hover{
  text-decoration: underline;
}
body .page-wrapper .breadcrumbs .items{
  column-gap: 22px;
}
body .page-wrapper .breadcrumbs .items li{
  position: relative;
}
body .page-wrapper .breadcrumbs .items li::before{
  content: "/";
  position: absolute;
  color: #33312E;
  font-family: Montserrat;
  font-size: 15px !important;
  font-weight: 500;
  line-height: 1.6;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  top: -3px;
  right: -14px;
}
body .page-wrapper .breadcrumbs .items li::after{
  display: none !important;
}
body .page-wrapper .breadcrumbs .items li:last-child::before{
    display: none;
}


@media (max-width: 991px) {

  body.page-products .page-wrapper>.breadcrumbs{
    margin-bottom: 24px !important;
  }

}


@media (max-width: 767px) {


  body.layout-fullwidth:not(.cms-index-index) .page-main,
  body.layout-fullwidth:not(.cms-index-index) .page-wrapper>.breadcrumbs>ul{
    padding: 0 24px !important;
  }
  body .page-wrapper > .breadcrumbs .items > li a,
  body .page-wrapper > .breadcrumbs .items > li strong{
    font-size: 9px;
    display: inline;
  }
  body .page-wrapper .breadcrumbs .items {
    column-gap: 20px;
  }
  body .page-wrapper .breadcrumbs .items li::after,
  body .page-wrapper .breadcrumbs .items li::before{
    display: none !important;
  }
  body .page-wrapper .breadcrumbs .items li a::after{
    content: "/" !important;
    position: relative;
    font-size: 9px !important;
    font-family: Montserrat !important;
    line-height: 1.4;
    margin-left: 8px;
    margin-right: 5px;
    display: inline-block !important;
    float: unset !important;
  }
  body .page-wrapper .breadcrumbs .items{
    display: block;
    overflow: hidden;
  }
  body .page-wrapper .breadcrumbs .items li{
    display: inline !important;
  }
  body .page-wrapper > .breadcrumbs{
    padding-top: 24px;
    margin-bottom: 24px !important;
  }



}