.category-tile {
  position: relative;
}
.category-tile h3 {
  position: absolute;
  bottom: 1.875rem;
  left: 1.875rem;
  color: #fff;
}
.category-tile::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.5) 100%);
}

/**
 * This scss file is a replacement for: "plugin_productcompare/cartridge/client/default/scss/product/_comparison.scss"
 */
.product-tile-wrapper {
  max-width: 18.75rem;
  margin: 0 auto;
}
.product-tile-wrapper--full-width {
  max-width: none;
}
.product-tile-wrapper--full-width .background-image-loader {
  max-width: none;
}

.product-tile {
  position: relative;
  margin: 0 0 1rem;
  text-align: left;
}
.product-tile .sr-only {
  margin-left: 0;
}
@media (min-width: 768px) {
  .product-tile {
    min-height: 0;
  }
}
@media (min-width: 992px) {
  .product-tile {
    min-height: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1280px) {
  .product-tile {
    min-height: 0;
  }
}
.product-tile__body {
  position: relative;
  margin: 0 auto;
  padding: 0.5rem 0.5rem 1rem;
  max-width: 23.4375rem;
  background-color: #fff;
  z-index: 1;
}
.product-tile__title {
  margin: 0.5rem 0;
  padding: 0;
  font-family: Avenir, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Lucinda Grande", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.36;
  text-transform: none;
}
@media (min-width: 992px) {
  .product-tile__title {
    font-size: 1rem;
  }
}
.product-tile__title a {
  color: #000000;
  text-decoration: none;
}
.product-tile__color-swatch {
  margin: 0.5rem 0;
  padding: 0;
  min-height: 2rem;
}
.product-tile__subtitle {
  margin: 0.5rem 0;
  font-size: 0.75rem;
  color: #7a7b7b;
}
@media (min-width: 992px) {
  .product-tile__subtitle {
    font-size: 0.875rem;
  }
}
.product-tile__footer {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product-tile__ratings {
  margin: 0.5rem 0;
}
.product-tile__compare {
  margin: 0.5rem 0;
}
.product-tile__promotions {
  font-family: Avenir, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Lucinda Grande", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  color: #000000;
}
.product-tile--focus {
  outline: none;
}
@media (min-width: 992px) {
  .product-tile--focus {
    outline: 0.3125rem auto #000000;
    outline-offset: 0.25rem;
    z-index: 11;
  }
}
*:not(.suppress-hover) .product-tile--hover {
  z-index: 10;
}
@media (min-width: 992px) {
  *:not(.suppress-hover) .product-tile--hover .product-tile__wrapper {
    width: 100%;
    height: 100%;
    outline: 0;
  }
  *:not(.suppress-hover) .product-tile--hover .pdp-link {
    min-height: auto;
  }
  *:not(.suppress-hover) .product-tile--hover .swatch--on-hover {
    display: block;
  }
  *:not(.suppress-hover) .product-tile--hover .swatch--hide {
    display: block;
  }
  *:not(.suppress-hover) .product-tile--hover .swatch--toggle {
    display: none;
  }
}
@media (min-width: 992px) {
  .product-tile--collection.product-tile--hover .product-tile__wrapper, .product-tile--recommendation.product-tile--hover .product-tile__wrapper {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    margin: 0;
  }
}
.product-tile--compare .product-tile__body {
  padding: 0.5rem 0 1rem;
}
.product-tile--collection {
  min-height: auto;
}
.product-tile--collection .product-tile__body {
  padding: 0;
}
.product-tile--collection .product-tile__body .pdp-link {
  min-height: 0;
  padding-top: 0.5rem;
}

.grid-banner {
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  .grid-banner {
    padding-bottom: 2rem;
  }
}

.tile__image-container {
  position: relative;
  overflow: hidden;
}
.tile__image-container a {
  display: none;
}
.tile__image-container a.selected {
  display: block;
}
.tile__image {
  max-width: 100%;
  max-height: 100%;
}
.tile__image--alt {
  display: none;
}
.tile__image-container.image-carousel-enabled .tile__image--alt {
  display: block;
}
@media (min-width: 768px) {
  *:not(.suppress-hover) .tile__image-container:hover:not(.image-carousel-enabled) .tile__image--primary.loaded-alt {
    display: none;
  }
  *:not(.suppress-hover) .tile__image-container:hover:not(.image-carousel-enabled) .tile__image--alt.loaded {
    display: block;
  }
}
.tile__image.blur-enabled.lazy {
  -webkit-filter: blur(0.625rem);
          filter: blur(0.625rem);
  -webkit-transition: -webkit-filter 0.1s linear;
  transition: -webkit-filter 0.1s linear;
  transition: filter 0.1s linear;
  transition: filter 0.1s linear, -webkit-filter 0.1s linear;
}
.tile__image.blur-enabled.lazy.initial, .tile__image.blur-enabled.lazy.loaded, .tile__image.blur-enabled.lazy.error {
  -webkit-filter: blur(0);
          filter: blur(0);
}

.background-image-loader {
  max-width: 23.4375rem;
  margin: 0 auto;
}
.background-image-loader a {
  width: 100%;
  padding-bottom: 105%;
  background-color: #f3f3f3;
}
.background-image-loader .gift-card-tile {
  background-color: transparent !important;
}
.background-image-loader .tile__image {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.product-rating__drawer-link, .product-rating__drawer-link:hover {
  text-decoration: none;
  font-style: normal;
  display: inline-block;
}
.product-rating__star {
  fill: #007ab8;
  width: 1rem;
  height: 1rem;
}
.product-rating__count {
  font-size: 0.75rem;
  -ms-flex-item-align: center;
      align-self: center;
}

.drawer--tile-recommendations .drawer__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.drawer--tile-recommendations .drawer__title-thumb {
  height: 3rem;
}
.drawer--tile-recommendations .tile-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}

.product-tile__body {
  background-color: transparent;
}

.product-badge {
  position: static;
  display: inline-block;
}
.product-badge--pdp {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}

.swiper-container .swiper-slide {
  background-color: transparent;
}

.btn-compare-empty {
  display: block;
  position: static;
  width: 100%;
  text-decoration: none;
  background-color: #e8e8e8;
  border-radius: 0;
  padding-bottom: 105%;
}
.btn-compare-empty:hover {
  color: unset;
}
.btn-compare-empty__wrapper {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.btn-compare-empty__icon {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #fff;
  border-radius: 1rem;
  padding: 0.3125rem;
  margin: 0 auto 1rem auto;
}
.btn-compare-empty__text {
  width: 100%;
  padding: 0 2rem;
}

.compare-bar {
  display: none;
  position: fixed;
  background-color: #fff;
  -webkit-box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.15);
  border: 0.0625rem solid #bcbdbd;
  border-radius: 1rem 1rem 0 0;
  padding: 1rem 1.25rem;
  min-height: 4rem;
  z-index: 1045;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
}
.compare-bar__btn-toggle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  font-family: Avenir, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Lucinda Grande", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25;
  color: #000000;
  text-align: left;
  text-transform: none;
}
.compare-bar__btn-toggle::before {
  position: relative;
  margin-right: 0.25rem;
  top: 0;
  content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' fill='%23000000'><path d='M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z'/></svg>");
}
.compare-bar__btn-toggle:hover {
  text-decoration: none;
  color: unset;
}
.compare-bar__btn-toggle:focus {
  outline: none !important;
  text-decoration: none;
}
.compare-bar__btn-clear-all {
  display: none;
  padding: 0.75rem 0;
  margin-left: auto;
  font-family: Avenir, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Lucinda Grande", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1rem;
}
.compare-bar__btn-clear-all:hover {
  text-decoration: none;
  color: unset;
}
.compare-bar__btn-close {
  cursor: pointer;
  background-color: #fff;
  opacity: 1;
  position: absolute;
  top: 0.3125rem;
  right: 0.8125rem;
  padding: 0.3125rem;
  line-height: 1rem;
  border-radius: 1rem;
}
.compare-bar__header {
  margin: 0 -0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.compare-bar__body {
  display: none;
  margin: 0 -0.5rem;
}
.compare-bar__slots {
  padding: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -0.5rem;
}
.compare-bar__slot {
  max-height: 15rem;
  overflow: hidden;
  position: relative;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 0.5rem;
}
.compare-bar__img {
  float: left;
  height: auto;
  width: 100%;
  position: static;
  display: block;
}
@media (max-width: 991.98px) {
  .compare-bar {
    bottom: 4rem;
  }
}
@media (min-width: 992px) {
  .compare-bar {
    max-width: 45rem;
    padding: 1.5rem 2.5rem 1.5rem 2.5rem;
  }
  .compare-bar__btn-toggle {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    text-transform: none;
  }
  .compare-bar__btn-clear-all {
    display: block;
  }
  .compare-bar__btn-compare-header {
    margin-left: 1.75rem;
  }
  .compare-bar__btn-compare-body {
    display: none;
  }
}
.compare-bar--visible {
  display: block;
}
.compare-bar--expanded .compare-bar__btn-toggle::before {
  content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' fill='%23000000'><path d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'/></svg>");
}
.compare-bar--expanded .compare-bar__body {
  display: block;
}
@media (max-width: 991.98px) {
  .compare-bar--expanded .compare-bar__btn-clear-all {
    display: block;
  }
  .compare-bar--expanded .compare-bar__btn-compare-header {
    display: none;
  }
}

.compare-modal .modal-dialog {
  max-width: 100%;
}
@media (min-width: 992px) {
  .compare-modal .modal-dialog {
    max-width: 75rem;
  }
}
.compare-modal .modal-header {
  padding: 3rem 1rem 0 1rem;
}
.compare-modal .modal-header .modal-title {
  color: #000000;
  font-family: Avenir, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Lucinda Grande", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.25;
  text-transform: none;
}
.compare-modal .modal-header .close {
  margin: -2.5rem -0.625rem 0 0;
}
@media (min-width: 992px) {
  .compare-modal .modal-header {
    padding: 3rem 3rem 0 3rem;
  }
  .compare-modal .modal-header .modal-title {
    font-size: 1.5rem;
    line-height: 1.25;
    text-transform: none;
  }
  .compare-modal .modal-header .close {
    margin: -2.5rem -2.625rem 0 0;
  }
}
.compare-modal .modal-body {
  padding: 0.5rem 0 1rem 0;
}
@media (min-width: 992px) {
  .compare-modal .modal-body {
    padding: 1rem 2rem 2rem 2rem;
  }
}
.compare-modal .btn-compare-shop {
  margin-bottom: 1.5rem;
  padding: 0.75rem 0;
}
.compare-modal .toggle-switch {
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
  .compare-modal .toggle-switch {
    margin-bottom: 0;
    position: absolute;
    top: -1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    right: 3rem;
  }
}
.compare-modal .toggle-switch input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  margin-right: 0.25rem;
  color: #bcbdbd;
  background: #bcbdbd;
  width: 2.25rem;
  height: 1.25rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border-radius: 6.25rem;
  vertical-align: text-top;
  cursor: pointer;
}
.compare-modal .toggle-switch input::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1rem;
  height: 1rem;
  margin: 0 0.125rem;
  border-radius: 6.25rem;
  background: #fff;
}
.compare-modal .toggle-switch input:checked {
  color: #006699;
  background: #006699;
}
.compare-modal .toggle-switch input:checked::before {
  left: 1rem;
}
@media (min-width: 992px) {
  .compare-modal .toggle-switch input {
    margin: auto;
  }
}
.compare-modal .toggle-switch span {
  font-family: Avenir, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Lucinda Grande", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: #000000;
  margin-left: 0.1875rem;
}
.compare-modal__attribute__container {
  border-top: 0.0625rem solid #4e4f4f;
  padding: 1.5rem 0;
}
.compare-modal__attribute__values {
  padding-top: 0.5rem;
}
.compare-modal__attribute__list {
  margin: 0;
  padding-left: 1rem;
}
.compare-modal--highlight .compare-modal__attribute__col {
  border-top: 0.0625rem solid #4e4f4f;
}
.compare-modal--highlight .compare-modal__attribute__container {
  border-top: 0;
  color: #636464;
}
.compare-modal--highlight .compare-modal__attribute--differences .compare-modal__attribute__col {
  background-color: #EBF8FF;
}
.compare-modal--highlight .compare-modal__attribute--differences .compare-modal__attribute__name {
  color: #000000;
}
.compare-modal--highlight .compare-modal__attribute--differences .compare-modal__attribute__values span {
  color: #000000;
}
.compare-modal--highlight .compare-modal__attribute--differences::before {
  content: "";
  position: relative;
  left: -0.375rem;
  outline: 0.125rem solid #006699;
}
@media (min-width: 992px) {
  .compare-modal--highlight .compare-modal__attribute--differences::before {
    left: -1rem;
  }
}

.refinement-category {
  position: relative;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}
.refinement-category__container {
  height: 2.8125rem;
  max-height: 2.8125rem;
}
.refinement-category__list {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.0625rem 0;
  left: 0;
  list-style: none;
}
.refinement-category__list-item {
  display: block;
  margin: 0 0.375rem;
  float: left;
}
.refinement-category .ofs__arrow {
  display: none;
  position: absolute;
  top: -0.125rem;
  -webkit-transform: none;
          transform: none;
  width: 6rem;
  height: 3rem;
  padding: 0;
}
.refinement-category .ofs__arrow::after {
  height: 2rem;
  width: 2rem;
  border-radius: 3.125rem;
  background-color: #fff;
  border: solid 0.0625rem !important;
  border-color: #bcbdbd !important;
  -webkit-box-shadow: 0 0 0.3125rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0.3125rem 0 rgba(0, 0, 0, 0.1);
  display: inline-block;
  padding-top: 0.188rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.refinement-category .ofs__arrow--left {
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(31.25%, #fff)) !important;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 31.25%) !important;
}
.refinement-category .ofs__arrow--left::after {
  content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' fill='%23000000'><path d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59z'/></svg>");
  left: 1rem;
}
.refinement-category .ofs__arrow--left:hover::after {
  content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' fill='%23919292'><path d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59z'/></svg>") !important;
}
.refinement-category .ofs__arrow--right {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(31.25%, #fff)) !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 31.25%) !important;
}
.refinement-category .ofs__arrow--right::after {
  content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' fill='%23000000'><path d='M10.003 16.9825C9.74299 16.9825 9.49299 16.8825 9.29299 16.6925C8.90299 16.3025 8.90299 15.6725 9.29299 15.2825L12.583 11.9925L9.29299 8.7025C8.90299 8.3125 8.90299 7.6825 9.29299 7.2925C9.68299 6.9025 10.313 6.9025 10.703 7.2925L14.703 11.2925C15.093 11.6825 15.093 12.3125 14.703 12.7025L10.703 16.7025C10.503 16.9025 10.253 16.9925 9.99299 16.9925L10.003 16.9825Z'/></svg>");
  right: 1rem;
}
.refinement-category .ofs__arrow--right:hover::after {
  content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' fill='%23919292'><path d='M10.003 16.9825C9.74299 16.9825 9.49299 16.8825 9.29299 16.6925C8.90299 16.3025 8.90299 15.6725 9.29299 15.2825L12.583 11.9925L9.29299 8.7025C8.90299 8.3125 8.90299 7.6825 9.29299 7.2925C9.68299 6.9025 10.313 6.9025 10.703 7.2925L14.703 11.2925C15.093 11.6825 15.093 12.3125 14.703 12.7025L10.703 16.7025C10.503 16.9025 10.253 16.9925 9.99299 16.9925L10.003 16.9825Z'/></svg>") !important;
}
@media (max-width: 991.98px) {
  .refinement-category .ofs__arrow {
    display: none !important;
  }
}

.related-category-slot {
  position: relative;
  margin: 1rem;
  overflow: hidden;
}
.related-category-slot ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.related-category-slot ul li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin: 0.25rem 0;
  padding: 0 0.25rem;
  text-align: center;
  border-left: 0.0625rem solid #000000;
}
.related-category-slot ul li:first-child {
  border-left: none;
}

/**
 * Filters (2) (Clear All)
 * ---------------------------
 * (Color: Blue X) (Size: 6 X)
 */
.filter-status {
  text-align: left;
}
.refinement-bar .filter-status {
  padding-top: 3.5rem;
}
.refinement-bar .filter-status__bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.refinement-bar .filter-status__header {
  padding: 0 1rem;
}
.filter-status__close {
  display: block;
  opacity: 1;
}
.filter-status__close svg {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  fill: #000000;
}
.filter-status__count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Avenir, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Lucinda Grande", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.filter-status__count__reset {
  font-family: Avenir, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Lucinda Grande", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  color: inherit;
  text-decoration: underline;
  margin-left: 0.25rem;
  border: none;
  background: none;
  padding: 0;
}
.filter-status--applied {
  display: none;
  margin: 0;
}
.refinement-bar .filter-status--applied {
  display: block;
}
@media (min-width: 992px) {
  .filter-status--applied {
    display: block;
  }
}
.filter-status--applied ul {
  padding: 0;
  margin: 0;
}
.filter-status--applied li {
  list-style: none;
}
.filter-status--applied li.filter-value {
  float: left;
  font-family: Avenir, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Lucinda Grande", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  line-height: 1.25;
  background-color: #fff;
  padding: 0.5rem 0.75rem;
  border-radius: 3.125rem;
  position: relative;
  margin-bottom: 0.375rem;
  margin-right: 0.375rem;
  border: 0.0625rem solid #000000;
}
.filter-status--applied li.filter-value button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  background: none;
  border: none;
  color: #000000;
  text-decoration: none;
  font-style: normal;
  padding: 0;
}
.filter-status--applied li.filter-value button::after {
  content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' fill='%23000000'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z'/></svg>");
}
@media (max-width: 991.98px) {
  .filter-status__header {
    padding: 0;
  }
}

.refinement-bar .filter-status__clear {
  display: none;
}
.refinement-bar.open {
  right: 0;
  z-index: 1051;
}
.refinement-bar.open .filter-refinements {
  position: absolute;
  top: 3.5rem;
  left: 0;
  bottom: 0;
  overflow-y: auto;
  width: 100%;
}
.refinement-bar.open .filter-refinements__container {
  padding: 1rem;
}
.refinement-bar.open.js-popover-shown::after {
  display: none;
}
.refinement-apply {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0 -0.125rem 0.25rem rgba(0, 0, 0, 0.5);
          box-shadow: 0 -0.125rem 0.25rem rgba(0, 0, 0, 0.5);
  background-color: #fff;
  padding: 1rem 2rem;
}
@media (min-width: 992px) {
  .refinement-apply {
    display: none;
  }
  .refinement-bar .refinement-apply {
    display: block;
  }
}
.refinement-bar .refinement-apply {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #e8e8e8;
  border-top: 0.0625rem solid #bcbdbd;
}
.refinement-bar .refinement-apply .filter-value {
  border: solid 0.0625rem #000000;
}
.refinement-bar .refinement-apply .filter-value:last-child {
  margin-bottom: 1rem;
}
.refinement-apply .number-of-products {
  font-family: Avenir, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Lucinda Grande", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.refinement-apply .reset {
  font-size: 1rem;
}

.filter-refinements .card {
  border: none;
  border-top: 0.0625rem solid #bcbdbd;
  margin: 0;
  padding: 0;
  border-radius: 0;
}
.filter-refinements .card .card-header {
  font-family: Avenir, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Lucinda Grande", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 3;
  letter-spacing: 0;
  text-transform: none;
  padding: 0.5rem 0 0.5rem 0;
  border-bottom: 0 none;
  border-radius: 0;
}
@media (max-width: 991.98px) {
  .filter-refinements .card .card-header {
    font-size: 0.875rem;
  }
}
.filter-refinements .card .card-body {
  margin: 0;
  padding: 0;
  padding-bottom: 2rem;
}

.filter-showMore__button {
  cursor: pointer;
  color: #000000;
  text-decoration: underline;
}
.filter-showMore:not(.filter-showMore--expanded) .filter-showMore__less {
  display: none;
}
.filter-showMore--expanded .filter-showMore__more {
  display: none;
}

.filter-refinements--quickfilters {
  display: none;
}
@media (min-width: 992px) {
  .filter-refinements--quickfilters {
    display: block;
  }
}
.filter-refinements--quickfilters .filter-refinements__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.filter-refinements--quickfilters .card {
  border-top: none;
  background-color: transparent;
}
.filter-refinements--quickfilters .card:nth-child(5) {
  display: none;
}
@media (min-width: 1280px) {
  .filter-refinements--quickfilters .card:nth-child(5) {
    display: block;
  }
}
.filter-refinements--quickfilters .card .card-header {
  border: 0.0625rem solid #000000;
  padding: 0 0.5rem 0 1rem;
  line-height: 2.5;
  white-space: nowrap;
  font-family: Avenir, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Lucinda Grande", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  border-radius: 0.5rem;
}
.filter-refinements--quickfilters .card .card-header:hover {
  background-color: #bcbdbd;
}
.filter-refinements--quickfilters .card .card-header::after {
  margin-left: 0.5rem;
}
.filter-refinements--quickfilters .card .card-body {
  position: absolute;
  min-width: 18.5rem;
  top: 3.25rem;
  z-index: 1000;
  padding: 1rem;
  background: #fff;
  border: solid 0.0625rem #000000;
  border-radius: 0.5rem;
}
.filter-refinements--quickfilters .expanded-filters {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 25rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.filter-refinements--quickfilters .expanded-filters li {
  width: 50%;
}

.filtertype-size ul {
  margin: 0 -0.25rem;
  padding: 0;
}
.filtertype-size li {
  list-style-type: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 4rem;
          flex: 1 1 4rem;
}
.filtertype-size li .sizes {
  text-decoration: none;
}
.filtertype-size li .sizes:hover {
  text-decoration: none;
}

.refinetype-size {
  display: block;
  float: left;
  margin: 0.25rem;
  min-width: 2.8125rem;
  height: 2.8125rem;
}
.refinetype-size .sizes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0 0.25rem;
  font-family: Avenir, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Lucinda Grande", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 1rem;
  font-style: normal;
  color: #000000;
  background-color: #fff;
  border: 1px solid #000000;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  cursor: pointer;
}
.refinetype-size .sizes:focus {
  outline-offset: 1px;
}
.refinetype-size .sizes:hover, .refinetype-size .sizes.selected {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}
.refinetype-size .sizes.disabled, .refinetype-size .sizes.disabled:hover {
  color: #636464 !important;
  background-color: #e8e8e8 !important;
  border-color: #e8e8e8 !important;
  cursor: default;
}

.filtertype-price ul,
.filtertype-checkbox ul {
  display: block;
  margin: 0;
  padding: 0;
}
.filtertype-price li,
.filtertype-checkbox li {
  list-style-type: none;
}

.refinetype-price,
.refinetype-checkbox {
  display: block;
  padding: 0;
  margin: 0 0 0.5rem;
}
.refinetype-price a,
.refinetype-checkbox a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: Avenir, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Lucinda Grande", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  text-decoration: none;
  font-style: normal;
}
.refinetype-price a:hover,
.refinetype-checkbox a:hover {
  text-decoration: none;
  color: #000000;
}
.refinetype-price .attributetitle,
.refinetype-checkbox .attributetitle {
  font-size: 0.875rem;
}
.refinetype-price .material-icons,
.refinetype-checkbox .material-icons {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
.refinetype-price .hitcount,
.refinetype-checkbox .hitcount {
  color: #7a7b7b;
  display: inline-block;
  margin-left: 0.125rem;
  font-size: 0.75rem;
}
.refinetype-price.disabled a,
.refinetype-checkbox.disabled a {
  color: #7a7b7b;
  pointer-events: none;
}
.refinetype-price.disabled .attributetitle,
.refinetype-checkbox.disabled .attributetitle {
  color: #7a7b7b;
}
.refinetype-price.disabled .hitcount,
.refinetype-checkbox.disabled .hitcount {
  color: #7a7b7b;
}

.loading-dots {
  margin: 0 auto;
  text-align: center;
}
@-webkit-keyframes change-background {
  0%, 100% {
    background: #fff;
  }
  50% {
    background: #7a7b7b;
  }
}
@keyframes change-background {
  0%, 100% {
    background: #fff;
  }
  50% {
    background: #7a7b7b;
  }
}
.loading-dots > span {
  height: 0.938rem;
  width: 0.938rem;
  border-radius: 50%;
  background-color: #fff;
  display: inline-block;
  margin: 0.5rem;
  -webkit-animation: change-background 2s ease-in-out infinite;
          animation: change-background 2s ease-in-out infinite;
}
.loading-dots span:nth-child(1) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.loading-dots span:nth-child(2) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.loading-dots span:nth-child(3) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.search-results {
  margin-top: 1rem;
}
.search-results-content {
  overflow: hidden;
}
@media (min-width: 992px) {
  .search-results-content {
    overflow: visible;
  }
}

.grid-header {
  margin-top: 0;
}

.content-grid-header {
  margin-top: 1rem;
}

.grid-header,
.content-grid-header {
  margin-bottom: 1rem;
}
@media (max-width: 479.98px) {
  .grid-header .filter-results,
  .content-grid-header .filter-results {
    display: block;
    width: 100%;
  }
}
.grid-header select,
.content-grid-header select {
  width: 100%;
}

.search-header {
  position: relative;
}

.show-unavailable {
  position: absolute;
  top: 0;
  right: 1.5rem;
}

.result-count .number-of-products {
  display: inline-block;
  font-family: Avenir, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Lucinda Grande", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.75rem;
  font-weight: 700;
}
.result-count__title {
  display: inline-block;
  text-transform: uppercase;
}

.filter-stack .filter-results {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 0.5rem 1rem;
  white-space: nowrap;
  line-height: 2;
}
.filter-stack .filter-results .svgicon {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3rem;
  background-color: #fff;
  -webkit-box-shadow: -1.5rem 0 1rem #fff;
          box-shadow: -1.5rem 0 1rem #fff;
}
.filter-stack .filter-results:hover .svgicon {
  fill: #000000;
  background-color: #cccccc;
  -webkit-box-shadow: -1.5rem 0 1rem #cccccc;
          box-shadow: -1.5rem 0 1rem #cccccc;
}
.filter-stack .filter-results:focus .svgicon, .filter-stack .filter-results.focus .svgicon {
  fill: #000000;
  background-color: #cccccc;
  -webkit-box-shadow: -1.5rem 0 1rem #cccccc;
          box-shadow: -1.5rem 0 1rem #cccccc;
}
.filter-stack .filter-results.disabled .svgicon, .filter-stack .filter-results:disabled .svgicon {
  fill: #cccccc;
  background-color: #fff;
}
.filter-stack .filter-results:not(:disabled):not(.disabled):active .svgicon {
  fill: #000000;
  background-color: #999999;
  -webkit-box-shadow: -1.5rem 0 1rem #999999;
          box-shadow: -1.5rem 0 1rem #999999;
}

.filter-bar {
  padding-bottom: 1rem;
  z-index: 1000;
  background-color: #e8e8e8;
}
.filter-bar .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 0;
}
.filter-bar.sticky {
  padding-top: 2rem;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0.01rem 0.25rem 0.5rem;
          box-shadow: rgba(0, 0, 0, 0.1) 0.01rem 0.25rem 0.5rem;
}
.filter-bar.sticky .container {
  padding: 0 0.5rem;
}
@media (max-width: 991.98px) {
  .filter-bar.brand-Columbia {
    padding-top: 1rem;
  }
}

.left-05rem {
  left: 0.5rem !important; /* override hcSticky */
}

.search-results-empty {
  text-align: center;
}
.search-results-empty .search-keywords__title {
  font-size: 1.375rem;
  font-weight: 700;
  padding-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
  .search-results-empty .search-keywords__title span::before {
    content: "\a";
    white-space: pre;
  }
}
.search-results-empty .search-tips {
  margin: 2.5rem 0;
  font-size: initial;
  font-weight: initial;
}
.search-results-empty .search-tips p {
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.search-results-empty .search-tips ul {
  list-style: none;
  margin-left: -40px;
}

.product-grid-footer {
  position: relative;
  padding-top: 1rem;
}

.show-more,
.show-more-content {
  padding: 1rem 0 0.5rem;
  clear: both;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .show-more,
  .show-more-content {
    padding: 1rem;
  }
}
@media (min-width: 992px) {
  .show-more,
  .show-more-content {
    padding-bottom: 0.5rem;
  }
}

.show-more-button {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .show-more-button {
    width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1279.98px) {
  .show-more-button {
    width: 13.5rem;
  }
}
@media (min-width: 1280px) and (max-width: 1535.98px) {
  .show-more-button {
    width: 15.625rem;
  }
}

a.btn.show-all-button {
  text-decoration: underline;
}

@media (max-width: 479.98px) {
  .tab-content {
    padding-left: 0;
    padding-right: 0;
  }
}

.related-category__link {
  margin-bottom: 0.75rem;
  margin-right: 0.375rem;
  border-color: #000000 !important;
  color: #000000 !important;
  border-radius: 2rem;
  font-family: Avenir, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Lucinda Grande", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  text-transform: none;
}
.related-category__link:hover {
  background-color: #d3d4d4 !important;
}
.related-category__link:active {
  background-color: #bcbdbd !important;
}
.related-category .chip {
  margin: 0 0.75rem 0.75rem 0;
}

.category-item {
  margin-bottom: 0.938rem;
}

.product-options .quantity {
  position: absolute;
  bottom: 0;
  right: 0;
}
/*# sourceMappingURL=search.css.map*/