.filter-btn:disabled {
  color: #111;
  pointer-events: none;
  cursor: default;
}

.icon-chevron {
  width: 16px;
  height: 16px;
  position: relative;
}

.icon-chevron::after,
.icon-chevron::before {
  content: "";
  width: 10px;
  height: 2px;
  background: rgb(0, 0, 0);
  display: block;
  position: absolute;
  top: 50%;
}

.icon-chevron::before {
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
  left: 0px;
  transform: translateY(-50%) rotate(46deg);
}

.icon-chevron::after {
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
  right: 0px;
  transform: translateY(-50%) rotate(-46deg);
}

.sort-dropdown {
  position: relative;
  background-color: rgb(255, 255, 255);
  max-width: 300px;
}

.sort-dropdown .icon-chevron {
  margin-left: 10px;
  display: inline-block;
  top: 6px;
}

.sort-dropdown .dropdown__option,
.sort-dropdown .dropdown__btn-text {
  color: rgb(17, 17, 17);
}

.sort-dropdown .dropdown__btn {
  width: 100%;
  text-align: right;
  background-color: white;
  padding: 0px 6px;
}

.sort-dropdown .dropdown__btn-selected-text {
  color: rgb(117, 117, 117);
}

.sort-dropdown .dropdown__options-wrapper {
  position: absolute;
  top: 100%;
  overflow: hidden;
  z-index: 2;
}

.sort-dropdown:not(.is--open) .dropdown__options-wrapper {
	pointer-events: none;
}

.sort-dropdown .dropdown__options-list {
  padding-bottom: 15px;
  padding-right: 28px;
  padding-top: 24px;
  transition: transform 300ms ease 0s;
  transform: translateY(-100%);
  visibility: hidden;
  background: rgb(255, 255, 255);
}

.sort-dropdown.is--open .dropdown__options-list {
  transform: translateY(0%);
  visibility: visible;
}

.sort-dropdown.is--closing .dropdown__options-list {
  visibility: visible;
}

.sort-dropdown .dropdown__option {
  width: 100%;
  white-space: nowrap;
  display: block;
  background: transparent;
}

.sort-dropdown .dropdown__option:last-of-type {
  padding-bottom: 5px;
}

.sort-dropdown .dropdown__option:disabled {
  color: rgb(117, 117, 117);
}

.sort-dropdown .dropdown__option:hover {
  color: rgb(117, 117, 117);
}

.sort-dropdown.anchored--right .dropdown__options-wrapper {
  right: 0px;
}

.sort-dropdown.anchored--right .dropdown__options-list {
  border-radius: 0px 0px 0px 20px;
}

.sort-dropdown.anchored--right .dropdown__option {
  text-align: right;
  padding: 0px 0px 0px 24px;
  line-height: 28px;
}

.left-nav-wrapper .left-nav {
  position: relative;
}

.categories-nav.is--mobile .categories__item.is--selected::after {
  position: absolute;
  content: "";
  height: 2px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: content-box rgb(17, 17, 17);
  padding: 0px 10px;
}

.categories-nav.is--mobile
  .simplebar-track.simplebar-horizontal
  .simplebar-scrollbar::before {
  visibility: hidden !important;
}

.find_in_store .find_in_store {
  border-top: 1px solid rgb(229, 229, 229);
  width: 100%;
  text-align: left;
  padding: 0px;
  display: block;
  line-height: 24px;
  margin-left: -2px;
}

.find_in_store .find_in_store__content {
  padding: 12px 0px 36px 2px;
}

.find_in_store .find_in_store .trigger-content {
  padding: 12px 2px;
  width: 98%;
  cursor: pointer;
  user-select: none;
  position: relative;
}

.find_in_store .find_in_store .trigger-content .icon-chevron {
  position: absolute;
  top: 24px;
  right: 2px;
  transform: translateY(-50%);
}

.find_in_store .find_in_store .is--link-button {
  background: transparent;
  border-width: 0px 0px 1.5px;
  border-top-style: initial;
  border-right-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-left-color: initial;
  border-image: initial;
  border-bottom-style: solid;
  border-bottom-color: rgb(17, 17, 17);
  color: rgb(17, 17, 17);
  padding: 0px;
}

.find_in_store .find_in_store .is--link-button:hover {
  border-bottom: 1.5px solid rgb(117, 117, 117);
  color: rgb(117, 117, 117);
}

.trans-vis {
  transition: visibility 150ms ease 0s;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:after,
.simplebar-content:before {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #000;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

.ripple {
  overflow: hidden;
  transform: translateZ(0);
}

.ripple:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10);
  opacity: 0;
  transition: transform 0.5s, opacity 1s;
}

.ripple:active:after {
  transform: scale(0);
  opacity: 0.5;
  transition: 0s;
}

.filters-btn-mobile {
  display: flex;
  font-size: 1.5em;
  padding: 0px 25px 0px 0px;
  background: transparent;
  -webkit-box-align: center;
  align-items: center;
}

.filters-btn-mobile .icon-filter-ds {
  margin-top: 2px;
  color: rgb(17, 17, 17);
}

.filters-btn-mobile .ripple {
  pointer-events: none;
}

.filters-btn-mobile .filters-btn__filter_text {
  font-size: 13px;
  font-weight: 500;
}

.filters-btn-mobile {
  line-height: 24px;
  font-style: normal;
  text-transform: none;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  padding: 4.5px 18.5px;
  min-height: 36px;
  position: relative;
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px);
  background: transparent;
  color: rgb(17, 17, 17);
  border-radius: 30px;
  border: 1.5px solid rgb(204, 204, 204);
}

.filters-btn-mobile > .ripple {
  display: block;
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 30px;
  top: 50%;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.7);
  background-size: 100%;
  transform: translate3d(-50%, -50%, 0px) scale(10);
  transform-origin: center center;
  opacity: 0;
  transition: transform 0.8s ease 0s, opacity 1s ease 0s;
  margin: 0px;
}

.filters-btn-mobile:active > .ripple {
  transform: translate3d(-50%, -50%, 0px) scale(0);
  opacity: 0.5;
  transition: all 0s ease 0s;
}

.filters-btn-mobile:disabled {
  background: transparent;
  color: rgb(204, 204, 204);
  border-color: rgb(204, 204, 204);
  cursor: default;
}

.gridwall-pad {
  position: relative;
  min-height: 1px;
  font-size: 16px;
  line-height: 1.75;
  padding-left: 8px;
  padding-right: 8px;
}

.gridwall-results {
  width: 100%;
  display: inline-block;
}

.filter-btn {
  background: transparent;
  color: #111111;
  cursor: pointer;
  display: block;
  margin: 0;
  margin-left: 4px;
  overflow-wrap: break-word;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: 96%;
}

.filter-btn:focus:not(.focus-visible) {
  outline: none;
}

.filter-btn.is--color {
  margin: 0px -2px 0px 2px;
  width: 100%;
}

.filter-btn:hover {
  color: #757575;
}

.filter-btn.is--button {
  background: transparent;
  border: 0;
  padding: 0;
}

.filter-btn.is--selected {
  color: #757575;
}

.filter-btn:disabled,
.filter-btn.no--result {
  color: #111;
  pointer-events: none;
  cursor: default;
}

.categories-nav .categories__item {
  font-size: 16px;
}

.categories-nav .categories__item.is--selected {
  color: #111111;
  cursor: default;
}

.categories-nav.is--desktop {
  padding: 0 0 40px;
}

.categories-nav.is--desktop .categories__item {
  color: #111111;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.35em;
  padding-bottom: 10px;
  padding-right: 1.1em;
}

.categories-nav.is--desktop .categories__item:first-of-type {
  margin-top: 0;
}

.categories-nav.is--desktop .categories__item.is--selected {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.categories-nav.is--mobile {
  padding-top: 8px;
  text-align: center;
  white-space: nowrap;
  background: #fff;
  overflow-x: auto;
}

.categories-nav.is--mobile .categories__item {
  width: auto;
  padding: 0 16px 14px 16px;
  display: inline-block;
  position: relative;
  margin: 0;
}

.categories-nav.is--mobile .categories__item:hover {
  color: #757575;
}

.categories-nav.is--mobile .categories__item.is--selected:after {
  position: absolute;
  content: "";
  height: 2px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #111111;
  padding: 0 10px;
  background-clip: content-box;
}

.categories-nav.is--mobile .simplebar-content {
  padding: 0;
  text-align: left;
}

.categories-nav.is--mobile .simplebar-content::before,
.categories-nav.is--mobile .simplebar-content::after {
  content: "";
  width: 4px;
  height: 1em;
  display: inline-block;
}

.categories-nav.is--mobile
  .simplebar-track.simplebar-horizontal
  .simplebar-scrollbar:before {
  visibility: hidden !important;
}

@keyframes anim-chev-down-before {
  0% {
    transform: translateY(-50%) rotate(-46deg);
  }
  50% {
    transform: translate(-20%, -50%) rotate(0deg);
  }
  100% {
    transform: translateY(-50%) rotate(46deg);
  }
}

@keyframes anim-chev-up-before {
  0% {
    transform: translateY(-50%) rotate(46deg);
  }
  50% {
    transform: translate(-20%, -50%) rotate(0deg);
  }
  100% {
    transform: translateY(-50%) rotate(-46deg);
  }
}

@keyframes anim-chev-down-after {
  0% {
    transform: translateY(-50%) rotate(46deg);
  }
  50% {
    transform: translate(20%, -50%) rotate(0deg);
  }
  100% {
    transform: translateY(-50%) rotate(-46deg);
  }
}

@keyframes anim-chev-up-after {
  0% {
    transform: translateY(-50%) rotate(-46deg);
  }
  50% {
    transform: translate(20%, -50%) rotate(0deg);
  }
  100% {
    transform: translateY(-50%) rotate(46deg);
  }
}

.pseudo-radio {
  width: 20px;
  height: 20px;
  vertical-align: top;
  border: solid 1px #cccccc;
  border-radius: 100%;
  margin-right: 6px;
  display: inline-block;
  position: relative;
}

.pseudo-radio::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #111111;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 100ms;
}

.sort__btn-link.is--checked .pseudo-radio {
  border-color: #111111;
}

.sort__btn-link.is--checked .pseudo-radio::after {
  transform: translate(-50%, -50%) scale(1);
}

.sort-nav {
  font-size: 16px;
}

.sort-nav .sort__btn-link {
  color: currentColor;
  width: 100%;
  text-align: left;
  padding: 0;
  margin: 0.75em 0;
  background: #fff;
  display: block;
  cursor: pointer;
  position: relative;
}

.sort-nav .sort__btn-link .pseudo-radio {
  margin-top: 6px;
}

.sort-nav.is-mobile {
  padding-bottom: 10px;
}

.sort-nav.is-mobile .sort__btn-link {
  margin: 0;
  line-height: 32px;
  font-size: 16px;
}

.product-grid {
  max-width: 1920px;
  padding: 0 48px;
  position: relative;
}

@media (max-width: 959px) {
  .product-grid {
    padding-left: 0;
    padding-right: 0;
  }
}

.product-grid .loader-overlay {
  z-index: 1;
}

.product-grid__items > .content-card {
  padding-bottom: 16px;
}

@media (max-width: 959px) {
  .product-grid__items {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 959px) {
  .product-grid__items > .product-card:nth-of-type(3n-2) {
    padding-left: 0px;
    padding-right: 4px;
  }
  .product-grid__items > .product-card:nth-of-type(3n-1) {
    padding-left: 2px;
    padding-right: 2px;
  }
  .product-grid__items > .product-card:nth-of-type(3n) {
    padding-left: 4px;
    padding-right: 0px;
  }
  .product-grid__items > .product-card:nth-of-type(2n-1) {
    padding-left: 0px;
    padding-right: 3px;
  }
  .product-grid__items > .product-card:nth-of-type(2n) {
    padding-left: 3px;
    padding-right: 0px;
  }
}

@keyframes animation-hide-filters {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: -284px;
    visibility: hidden;
  }
}

@keyframes animation-show-filters {
  0% {
    margin-left: -284px;
    visibility: visible;
  }
  100% {
    margin-left: 0px;
  }
}

.gridwall-results {
  max-width: 1920px;
}

.gridwall-results .title_prefix {
  transition: opacity 100ms;
}

.gridwall-results .is--sticky .wall-header.show--count .title_prefix {
  opacity: 0;
}

.gridwall-results .wall-header {
  padding: 0px 48px 15px;
  background: #fff;
}

.gridwall-results .wall-header__title {
  transform: scale(1);
  transform-origin: left center;
  transition: transform 200ms;
}

.gridwall-results .wall-header-offset {
  height: 15px;
}

@media (max-width: 959px) {
  .gridwall-results .wall-header {
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 0px;
  }
  .gridwall-results .wall-header .wall-header__title {
    transform-origin: left center;
  }
  /*    .gridwall-results .wall-header .wall-header__title,
    .gridwall-results .wall-header .wall-header__nav {
        padding-top: 8px;
        padding-bottom: 8px;
    }*/
  .gridwall-results .wall-header .wall-header__preview-bar {
    width: calc(100% + 40px);
    margin: 0 -20px;
  }
}

.gridwall-results .header-position {
  transition: transform 150ms ease;
}

.gridwall-results .header-position.is--sticky .wall-header__title {
  transform: scale(0.75);
}

.gridwall-results.has--visual-header .wall-header__title {
  opacity: 0;
  transition: opacity 100ms;
  transform: scale(0.75);
}

.gridwall-results.has--visual-header
  .header-position.is--sticky
  .wall-header__title {
  opacity: 1;
  transition: opacity 100ms;
}

.gridwall-results .header-position + .wall-header-offset {
  height: 15px;
}

.gridwall-results .left-nav {
  background: #fff;
}

.gridwall-results .left-nav-wrapper {
  width: 240px;
  padding: 0 0 1em 48px;
}

.gridwall-results .left-nav__clear-btn {
  width: 240px;
}

@media (max-width: 959px) {
  .gridwall-results .wall-header,
  .gridwall-results .wall-breadcrumbs {
    padding-left: 20px;
    padding-right: 24px;
  }
  .gridwall-results .wall-breadcrumbs {
    padding-bottom: 5px;
  }
  .gridwall-results .product-grid {
    padding: 0;
  }
  .gridwall-results .category-wrapper {
    min-height: 48px;
  }
  .gridwall-results .categories.is--mobile {
    padding-top: 8px;
    text-align: center;
    white-space: nowrap;
    background: rgb(255, 255, 255);
    overflow-x: auto;
  }
  .gridwall-results .categories.is--mobile .simplebar-content {
    padding: 0px;
    text-align: left;
  }
  .gridwall-results .categories.is--mobile .simplebar-content::before,
  .gridwall-results .categories.is--mobile .simplebar-content::after {
    content: "";
    width: 4px;
    height: 1em;
    display: inline-block;
  }
  .gridwall-results .categories.is--mobile .categories__item {
    width: auto;
    padding: 0px 16px 14px;
    display: inline-block;
    position: relative;
    font-weight: 500;
    margin: 0px;
	color:#000;
	-webkit-appearance:none;
  }
  .gridwall-results .categories.is--mobile .categories__item.is--selected {
    color: rgb(17, 17, 17);
    cursor: default;
  }
  .gridwall-results
    .categories.is--mobile
    .categories__item.is--selected::after {
    position: absolute;
    content: "";
    height: 2px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: content-box rgb(17, 17, 17);
    padding: 0px 10px;
  }
  .gridwall-results .categories.is--mobile .categories__item:hover {
    color: rgb(117, 117, 117);
  }
  .gridwall-results
    .categories.is--mobile
    .simplebar-track.simplebar-horizontal
    .simplebar-scrollbar::before {
    visibility: hidden !important;
  }

  .gridwall-results .subheading {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 60px;
    border-top: solid 1px #e5e5e5;
  }
  .gridwall-results .subheading__result-count {
    color: #757575;
    margin-left: 20px;
  }
  .gridwall-results .subheading .filters-btn {
    margin-right: 20px;
    height: 25px;
  }
  .gridwall-results .subheading .filters-btn .filter-Icon-dsc {
    margin-left: 4px;
  }
}

@media (min-width: 960px) {
  .gridwall-results .results__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .gridwall-results .ln-scroller {
    width: 260px;
    position: -webkit-sticky;
    position: sticky;
    margin-left: -260px;
    animation: animation-show-filters 300ms forwards;
  }
  .gridwall-results .ln-scroller.results--no-anim {
    animation: none;
  }
  .gridwall-results .wall-breadcrumbs {
    padding-left: 48px;
    padding-right: 48px;
  }
  .gridwall-results .product-grid {
    padding-left: 30px;
    padding-right: 48px;
    transition: padding 300ms;
    flex-grow: 1;
  }
  .gridwall-results .product-grid.no-filters {
    padding-left: 40px;
  }
  .gridwall-results.lhn--closed .ln-scroller.results--no-anim {
    visibility: hidden;
  }
  .gridwall-results.lhn--closed .ln-scroller:not(.results--no-anim) {
    animation: animation-hide-filters 300ms forwards;
  }
}

.wall-header {
  display: block;
  max-width: 1920px;
}

.wall-header.show--count .title_prefix {
  font-size: 14px;
  position: absolute;
  top: -18px;
}

.wall-header .wall-header__content {
  padding-top: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-end;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}

.wall-header .wall-header__title {
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  line-height: 1.3;
  padding-bottom: 2px;
}

.wall-header .wall-header__item_count {
  padding-left: 0.25em;
}

.wall-header .wall-header__preview-bar {
  width: 100%;
  color: #fff8a3;
  font-size: 1.25em;
  line-height: 3em;
  background: #51acc7;
  text-shadow: 0px 0px 3px #003344, 0px 0px 3px #003344, 0px 3px 3px #003344;
}

.wall-header .wall-header__nav {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: baseline;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

@media (max-width: 959px) {
  .wall-header {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*        min-height: 52px;*/
  }
  .wall-header .wall-header__content {
    align-items: flex-end;
    padding: 0;
    width: 100%;
  }
  .wall-header .wall-header__title {
    padding-bottom: 0;
  }
  .wall-header .wall-header__nav {
    padding-left: 2em;
  }
  .wall-header .wall-header__nav .icon-filter-ds {
    margin-left: 6px;
  }
  .wall-header .wall-header__preview-bar {
    font-size: 1em;
  }
  .wall-header.show--count .wall-header__title {
    margin-top: 0;
  }
}

:root[data-active-dialog],
:root[data-active-dialog] > body,
body[data-active-dialog] {
  overflow: hidden !important;
  position: relative;
}

.header-position-anchor {
  width: 1px;
  height: 1px;
  display: block;
  pointer-events: none;
}

#gen-nav-footer {
  position: relative;
  z-index: 3;
}

.header-sticky {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 9;
}

@keyframes animation-hffysv {
  0% {
    transform: rotate(49deg) scale(0, 1);
  }
  100% {
    transform: rotate(49deg) scale(1, 1);
  }
}

@keyframes animation-1q62jn2 {
  0% {
    transform: rotate(-49deg) scale(0, 1);
  }
  100% {
    transform: rotate(-49deg) scale(1, 1);
  }
}

.checkmark {
  width: 13px;
  height: 13px;
  position: relative;
}

.checkmark::after,
.checkmark::before {
  content: "";
  height: 2px;
  background-color: currentColor;
  display: block;
  position: absolute;
  transform-origin: left center;
}

.checkmark::before {
  width: 6px;
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
  top: 5px;
  left: 1px;
  transform: rotate(49deg) scale(0, 1);
  animation-fill-mode: forwards;
}

.checkmark::after {
  width: 13px;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
  top: 10px;
  left: 4px;
  transform: rotate(-49deg) scale(0, 1);
  animation-fill-mode: forwards;
}

.checkmark.is--toggled::before,
.prod-filter.is--selected .checkmark::before {
  animation: animation-hffysv 100ms;
  animation-fill-mode: forwards;
}

.checkmark.is--toggled::after,
.prod-filter.is--selected .checkmark::after {
  animation: animation-1q62jn2 100ms;
  animation-delay: 50ms;
  animation-fill-mode: forwards;
}

.filter-checkbox {
  width: 20px;
  height: 20px;
  vertical-align: top;
  border: solid 1px #cccccc;
  border-radius: 4px;
  margin-right: 6px;
  display: inline-block;
  position: relative;
}

.filter-checkbox .icon-checkmark {
  color: #fff;
  position: absolute;
  top: 3px;
  left: 2px;
}

.filter-checkbox.is--checked,
.prod-filter.is--selected .filter-checkbox {
  border-color: #111111;
  background: #111111;
}

@keyframes animation-1kt75ha {
  0% {
    transform: scale(1);
  }
  85% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}

.prod-filter .icon-checkmark {
  display: inline-block;
}

.prod-filter .filter-item__item-label {
  display: inline-block;
  word-break: break-word;
  white-space: normal;
}

.prod-filter .filter-item__color-patch {
  width: 28px;
  height: 28px;
  text-align: center;
  border-radius: 14px;
  display: inline-block;
}

.prod-filter .filter-item__color-patch.is--frame-color-white,
.prod-filter .filter-item__color-patch.is--lens-color-white {
  border: solid 1px #e2e2e2;
}

.prod-filter .filter-item__color-patch.is--frame-color-black,
.prod-filter .filter-item__color-patch.is--lens-color-black {
  background-color: #000;
}

.prod-filter .filter-item__color-patch.is--frame-color-blue,
.prod-filter .filter-item__color-patch.is--lens-color-blue {
  background-color: #003498;
}

.prod-filter .filter-item__color-patch.is--frame-color-brown,
.prod-filter .filter-item__color-patch.is--lens-color-brown {
  background-color: #46351b;
}

.prod-filter .filter-item__color-patch.is--frame-color-green,
.prod-filter .filter-item__color-patch.is--lens-color-green {
  background-color: #038d00;
}

.prod-filter .filter-item__color-patch.is--frame-color-grey,
.prod-filter .filter-item__color-patch.is--lens-color-grey {
  background-color: #808080;
}

.prod-filter .filter-item__color-patch.is--frame-color-multi-color,
.prod-filter .filter-item__color-patch.is--lens-color-multi-color {
  background: radial-gradient(#ffffff 20%, transparent 20%),
    radial-gradient(#ffffff 20%, transparent 20%), #000;
  background-position: 0 0, 8px 8px;
  background-size: 15px 15px;
}

.prod-filter .filter-item__color-patch.is--frame-color-orange,
.prod-filter .filter-item__color-patch.is--lens-color-orange {
  background-color: #d07d00;
}

.prod-filter .filter-item__color-patch.is--frame-color-pink,
.prod-filter .filter-item__color-patch.is--lens-color-pink {
  background-color: #eb4192;
}

.prod-filter .filter-item__color-patch.is--frame-color-purple,
.prod-filter .filter-item__color-patch.is--lens-color-purple {
  background-color: #7a0085;
}

.prod-filter .filter-item__color-patch.is--frame-color-red,
.prod-filter .filter-item__color-patch.is--lens-color-red {
  background-color: #cd0000;
}

.prod-filter .filter-item__color-patch.is--frame-color-white,
.prod-filter .filter-item__color-patch.is--lens-color-white {
  background-color: #ffffff;
}

.prod-filter .filter-item__color-patch.is--frame-color-yellow,
.prod-filter .filter-item__color-patch.is--lens-color-yellow {
  background-color: #f0e700;
}

.prod-filter .filter-item__color-patch.is--frame-color-gold,
.prod-filter .filter-item__color-patch.is--lens-color-gold {
  background-color: #daa520;
}

.prod-filter .filter-item__color-patch.is--frame-color-clear,
.prod-filter .filter-item__color-patch.is--lens-color-clear {
  background-color: #eff8f9;
}

.prod-filter .filter-item__color-patch.is--frame-color-silver,
.prod-filter .filter-item__color-patch.is--lens-color-silver {
  background-color: #f0f0f0;
}

.prod-filter .filter-item__color-patch.is--frame-color-copper,
.prod-filter .filter-item__color-patch.is--lens-color-copper {
  background-color: #b87333;
}

.prod-filter .filter-item__color-patch.is--frame-color-bronze,
.prod-filter .filter-item__color-patch.is--lens-color-bronze {
  background-color: #cd7f32;
}

.prod-filter .filter-item__color-patch.is--frame-color-blue-light,
.prod-filter .filter-item__color-patch.is--lens-color-blue-light {
  background-color: #eff8f9;
}

.prod-filter .filter-item__color-patch.is--frame-color-multicolor,
.prod-filter .filter-item__color-patch.is--lens-color-multicolor {
  background: linear-gradient(
    135.86deg,
    #b01685 13.53%,
    #fbff4a 36.43%,
    #63f99f 54.61%,
    #3076ff 83.33%
  );
}

.prod-filter .filter-item__color-patch.is--frame-color-green-mirror,
.prod-filter .filter-item__color-patch.is--lens-color-green-mirror {
  background: linear-gradient(135.86deg, #038d00 13.53%, #c0c0c0 83.33%);
}

.prod-filter .filter-item__color-patch.is--frame-color-red-mirror,
.prod-filter .filter-item__color-patch.is--lens-color-red-mirror {
  background: linear-gradient(135.86deg, #cd0000 13.53%, #c0c0c0 83.33%);
}

.prod-filter .filter-item__color-patch.is--frame-color-road-tint,
.prod-filter .filter-item__color-patch.is--lens-color-road-tint {
  background: linear-gradient(135.86deg, #d99675 13.53%, #c0c0c0 83.33%);
}

.prod-filter .filter-item__color-patch.is--frame-color-course-tint,
.prod-filter .filter-item__color-patch.is--lens-color-course-tint {
  background: linear-gradient(135.86deg, #ff00ff 13.53%, #00b7eb 83.33%);
}

.prod-filter .filter-item__color-patch.is--frame-color-field-tint,
.prod-filter .filter-item__color-patch.is--lens-color-field-tint {
  background: linear-gradient(
    135.86deg,
    #ffff00 13.53%,
    #ffa500 36.43%,
    #ff00ff 54.61%,
    #522d80 83.33%
  );
}

.prod-filter.is--selected .filter-item__color-patch {
  position: relative;
}

.prod-filter.is--selected .filter-item__color-patch .icon-checkmark {
  display: inline-block;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  right: unset;
  transform: translate3d(-50%, -50%, 0);
}

.prod-filter.is--selected
  .filter-item__color-patch.is--frame-color-white
  .icon-checkmark {
  color: #333;
}

.prod-filter.is--selected
  .filter-item__color-patch.is--frame-color-multi-color
  .icon-checkmark {
  border-radius: 100%;
  background: black;
}

.prod-filter.is--size {
  height: 36px;
  text-align: center;
  border: solid 1px #e5e5e5;
  border-radius: 5px;
  margin-right: 6px;
  margin-bottom: 6px;
  -webkit-flex: 1 0 56px;
  -ms-flex: 1 0 56px;
  flex: 1 0 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.prod-filter.is--size .filter-item__item-label {
  padding: 0 0.5em;
  white-space: nowrap;
  display: block;
}

.prod-filter.is--size:hover,
.prod-filter.is--size.is--selected {
  color: #000;
  box-shadow: inset 0px 0px 0 1px #000;
}

.prod-filter.is--default {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.prod-filter.is--color {
  width: 32%;
  height: 100%;
  min-height: 68px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.prod-filter.is--color .filter-item__item-label {
  padding-top: 2px;
  font-size: 12px;
}

.prod-filter.is--color .filter-item__color-patch.color--tapped {
  animation: animation-1kt75ha 300ms;
}

.prod-filter.is--color:focus {
  -webkit-tap-highlight-color: transparent;
}

.show-more-toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-flow: column-reverse;
  -ms-flex-flow: column-reverse;
  flex-flow: column-reverse;
  width: 100%;
}

.show-more-toggle .show-more__btn {
  background: none;
  color: #111111;
  cursor: pointer;
  margin-top: 5px;
  text-align: left;
  font-size: 16px;
}

.show-more-toggle .show-more__btn:focus:not(.focus-visible) {
  outline: none;
}

.show-more-toggle .filter-item:first-of-type {
  margin-top: 0;
}

.show-more.show-more-toggle__contentOuter {
  height: 0px;
  transition: height 150ms linear 0s;
  overflow: hidden;
}

.filters .filter-group {
  width: 100%;
  text-align: left;
  padding: 0;
  border-bottom: solid 1px #e5e5e5;
  display: block;
  line-height: 28px;
}

/* hide Lens Tint for now: */
/*.filters .filter-group[data-category="lens-tint[]"] { display:none; }*/
/* hide Multi Color Frame filter for now: */
.filters .filter-btn[data-value="frame-color-multicolor"] { display:none; }

.filters .filter-group:first-of-type {
  border-top: solid 1px #e5e5e5;
}

.filters .filter-group:last-of-type {
  border-bottom: none;
}

.filters .filter-group__label,
.filters .filter-group__btn {
  display: block;
}

.filters .filter-group__label {
  padding: 12px 0 0 0;
  width: 98%;
}

.filters .filter-group .trigger-content {
  padding: 12px 0;
  width: 98%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}

.filters .filter-group .trigger-content:focus:not(.focus-visible) {
  outline: none;
}

.filters .filter-group .trigger-content .icon-chevron {
  position: absolute;
  top: 24px;
  right: 2px;
  transform: translateY(-50%);
}

.filters .filter-group .trigger-content__label {
  display: inline-block;
  width: 93%;
}

.filters .filter-group .trigger-content .filter-group__count {
  display: inline;
}

.filters .filter-group .trigger-content .is--hidden {
  display: none;
}

.filters .filter-group__content {
  padding: 0 0 20px;
}

.filters .filter-group__content.for--colors .filter-group__items-group,
.filters .filter-group__content.for--sizes .filter-group__items-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.filters .filter-group__content.for--colors {
  padding: 8px 0 10px;
}

.filters .filter-group__content.for--sizes {
  margin: 0 -6px 0 0;
  padding: 7px 0 14px;
}

.filters .filter-group__content.for--sizes-nested {
  margin-right: 0px;
  padding-top: 2px;
}

.filters .filter-group__outer {
  margin-left: -4px;
  margin-top: 5px;
}

.filters .filter-group__closed .filter-group__content {
  visibility: hidden;
}

.filters .filter-group .show-more .filter-group__content {
  visibility: hidden;
}

.filters .filter-group .show-more.is--open .filter-group__content {
  visibility: visible;
}

.filters .filter-group .show-more .filter-item:first-child {
  margin-top: 0;
}

.filters .filter-item:not(.is--color):not(.is--size) {
  margin: 4px 2px;
}

.filters .filter-item:not(.is--color):not(.is--size) .pseudo-checkbox {
  margin-top: 2px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.filters:not(.is--mobile) .filter-item > .icon-checkmark {
  margin-right: 8px;
  top: 8px;
  display: none;
  vertical-align: top;
}

.filters:not(.is--mobile) .filter-item > .icon-checkmark.is--toggled {
  display: inline-block;
}

.filters:not(.is--mobile) .filter-item.is--selected {
  color: #000;
  margin-top: 2px;
  margin-bottom: 2px;
}

.filters:not(.is--mobile) .filter-item.is--selected.is--size,
.filters:not(.is--mobile) .filter-item.is--selected.is--color {
  margin-top: 0;
  margin-bottom: 0;
}

.wall-image-loader img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 1;
  -webkit-transition: opacity 0.28s;
  transition: opacity 0.28s;
}

.product-price__wrapper .is--striked-out {
  color: #8d8d8d;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}

@keyframes animation-36bued {
  0% {
    transform: translateY(-1.5em);
  }
  100% {
    transform: translateY(0em);
  }
}

@keyframes animation-16aoq79 {
  0% {
    transform: translateY(0em);
  }
  100% {
    transform: translateY(-1.5em);
  }
}

.wall {
  position: relative;
  z-index: 0;
}

@media screen and (prefers-reduced-motion: reduce), (update: slow) {
  .wall * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}

@media (min-width: 1440px) {
  .wall {
    text-align: center;
  }
}

.wall > .loader-overlay {
  position: fixed;
  z-index: 10;
}

.wall figure {
  margin: 0;
}

.product-price {
  color: #111111;
}