/** Shopify CDN: Minification failed

Line 1264:0 Unexpected "}"

**/

.hide-sidebar .facets.small-hide {
   display: none;
}
.hide-sidebar #main-collection-filters {
   padding-right: 0;
}
.facets-container {
   display: grid;
   grid-template-columns: repeat(2, auto);
   grid-template-rows: repeat(2, auto);
   padding-top: 0;
}

.active-facets-mobile {
   margin-bottom: 0.5rem;
}

.mobile-facets__list {
   overflow-y: auto;
}
.color-label-span{
   position:relative;
   padding-left: 23px;
}
.color-label{
   width: 17px;
   height: 17px;
   background-repeat: no-repeat;
   border-radius: 50%;
   display: inline-flex;
   position: absolute;
   top: 0;
   left: 0;
}



.facet-filters {
   align-items: center;
   display: flex;
   grid-column: 2;
   grid-row: 1;
   padding-left:0;
   padding-right: 8px;
}
.filter-tag {
   padding-right:10px;
}
.filter-tag a{
   padding: 10px 25px 10px 50px;
   border-radius: 50px;
   text-decoration: none;
   text-transform: uppercase;
   font-weight: 700;
   font-family: Gilroy;
   position: relative;
   background-color: #e5e6e5;
   border: 1px solid #e5e6e5;
}
.filter-tag a:after {
   position: absolute;
   top: 58%;
   transform: translateY(-50%);
   content: '';
   background: url(https://cdn.shopify.com/s/files/1/0754/6054/2747/files/filter-icon.png?v=1689763055);
   width: 20px;
   height: 20px;
   background-repeat: no-repeat;
   left: 20px;
}
.filter-tag a:hover{
   text-decoration: none;
}
.facet-filters__label {
   display: block;
   color: var(--color-foreground-85);
   font-size: 1.4rem;
   margin: 0 2rem 0 0;
}

.facet-filters__summary {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 1.4rem;
   cursor: pointer;
   height: 4.5rem;
   padding: 0 1.5rem;
   min-width: 25rem;
   margin-top: 2.4rem;
   border: 0.1rem solid rgba(var(--color-foreground), 0.55);
}

.facet-filters__summary::after {
   position: static;
}

.facet-filters__field {
   align-items: center;
   display: flex;
   flex-grow: 1;
   justify-content: center;
   width: 218px;
   background: #e5e6e5;
   padding: 10px;
}

.facet-filters__field .select {
   width: auto;
}

.facet-filters__field .select:after,
.facet-filters__field .select:before,
.mobile-facets__sort .select:after,
.mobile-facets__sort .select:before {
   content: none;
}

.facet-filters__field .select__select,
.mobile-facets__sort .select__select {
   border-radius: 0;
   min-width: auto;
   min-height: auto;
   transition: none;
   color: #000;
}

.facet-filters button {
   margin-left: 2.5rem;
}

.facet-filters__sort {
   background-color: transparent;
   border: 0;
   border-radius: 0;
   font-size: 1.4rem;
   height: auto;
   line-height: calc(1 + 0.5 / var(--font-body-scale));
   margin: 0;
   padding-left: 0;
   padding-right: 1.75rem;
}

.facet-filters__sort + .icon-caret {
   right: 0px;
}

@media screen and (forced-colors: active) {
   .facet-filters__sort {
      border: none;
   }
}

.facet-filters__sort,
.facet-filters__sort:hover {
   box-shadow: none;
   filter: none;
   transition: none;
}

.mobile-facets__sort .select__select:focus-visible {
   outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
   outline-offset: 0.3rem;
   box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
   0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.mobile-facets__sort .select__select.focused,
.no-js .mobile-facets__sort .select__select:focus {
   outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
   outline-offset: 0.3rem;
   box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
   0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.facet-filters__sort:focus-visible {
   outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
   outline-offset: 1rem;
   box-shadow: 0 0 0 1rem rgb(var(--color-background)),
   0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.facet-filters__sort.focused,
.no-js .facet-filters__sort:focus {
   outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
   outline-offset: 1rem;
   box-shadow: 0 0 0 1rem rgb(var(--color-background)),
   0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.no-js .facet-filters__sort:focus:not(:focus-visible),
.no-js .mobile-facets__sort .select__select:focus:not(:focus-visible) {
   outline: 0;
   box-shadow: none;
}

.facets {
   display: block;
   grid-column-start: span 2;
}

.facets__form {
   display: grid;
   gap: 0 3.5rem;
   grid-template-columns: 1fr max-content max-content;
   margin-bottom: 0.5rem;
}

.facets__wrapper {
   align-items: center;
   align-self: flex-start;
   grid-column: 1;
   grid-row: 1;
   display: flex;
   flex-wrap: wrap;
}

.facets__heading {
   display: block;
   color: rgba(var(--color-foreground), 0.85);
   font-size: 1.4rem;
   margin: -1.5rem 2rem 0 0;
}

.facets__reset {
   margin-left: auto;
}

.facets__disclosure {
   margin-right: 3.5rem;
}

.facets__summary {
   color: rgba(var(--color-foreground), 0.75);
   font-size: 1.4rem;
   padding: 0 1.75rem 0 0;
   margin-bottom: 1.5rem;
}

.facets__disclosure fieldset {
   padding: 0;
   margin: 0;
   border: 0;
}

.facets__disclosure[open] .facets__summary,
.facets__summary:hover {
   color: rgb(var(--color-foreground));
}

.facets__disclosure[open] .facets__display,
.facets__disclosure-vertical[open] .facets__display-vertical  {
   animation: animateMenuOpen 0.1s ease;
}

.facets__summary span {
   transition: text-decoration var(--duration-short) ease;
}

.facets__summary:hover span {
   text-underline-offset: 0.3rem;
}

.disclosure-has-popup[open] > .facets__summary::before {
   z-index: 2;
}

.facets__summary > span {
   line-height: calc(1 + 0.3 / var(--font-body-scale));
}

.facets__summary .icon-caret {
   right: 0;
}

.facets__display {
   border-width: var(--popup-border-width);
   border-style: solid;
   border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
   border-radius: var(--popup-corner-radius);
   box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
   background-color: rgb(var(--color-background));
   position: absolute;
   top: calc(100% + 0.5rem);
   left: -1.2rem;
   width: 35rem;
   max-height: 55rem;
   overflow-y: auto;
}

.facets__header {
   border-bottom: 1px solid rgba(var(--color-foreground), 0.2);
   padding: 1.5rem 2rem;
   display: flex;
   justify-content: space-between;
   font-size: 1.4rem;
   position: sticky;
   top: 0;
   background-color: rgb(var(--color-background));
   z-index: 1;
}

.facets__list {
   padding: 0.5rem 2rem;
}

.facets__item {
   display: flex;
   align-items: center;
}

.facets__item label,
.facets__item input[type='checkbox'] {
   cursor: pointer;
   text-transform: capitalize;
   color: #000;
}

.facet-checkbox {
   padding: 1rem 2rem 1rem 0;
   flex-grow: 1;
   position: relative;
   font-size: 1.4rem;
   display: flex;
   word-break: break-word;
}

.facet-checkbox input[type='checkbox'] {
   position: absolute;
   opacity: 1;
   width: 1.6rem;
   height: 1.6rem;
   top: 0.7rem;
   left: -0.4rem;
   z-index: -1;
   appearance: none;
   -webkit-appearance: none;
}

.no-js .facet-checkbox input[type='checkbox'] {
   z-index: 0;
}

.facet-checkbox > svg {
   background-color: rgb(var(--color-background));
   margin-right: 1.2rem;
   flex-shrink: 0;
}

.facet-checkbox .icon-checkmark {
   visibility: hidden;
   position: absolute;
   left: 0.3rem;
   z-index: 5;
   top: 1.4rem;
}

.facet-checkbox > input[type='checkbox']:checked ~ .icon-checkmark {
   visibility: visible;
}

@media screen and (forced-colors: active) {
   .facet-checkbox > svg {
      background-color: inherit;
      border: 0.1rem solid rgb(var(--color-background));
   }

   .facet-checkbox > input[type='checkbox']:checked ~ .icon-checkmark {
      border: none;
   }
}

.facet-checkbox--disabled {
   color: rgba(var(--color-foreground), 0.4);
}

.facets__price {
   display: flex;
   padding: 2rem;
}

.facets__price .field + .field-currency {
   margin-left: 2rem;
}

.facets__price .field {
   align-items: center;
}

.facets__price .field-currency {
   align-self: center;
   margin-right: 0.6rem;
}

.facets__price .field__label {
   left: 1.5rem;
}

button.facets__button {
   min-height: 0;
   margin: 0 0 0 0.5rem;
   box-shadow: none;
   padding-top: 1.4rem;
   padding-bottom: 1.4rem;
}

.facets__button-no-js {
   transform: translateY(-0.6rem);
}

.active-facets {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   grid-column: 1 / -1;
   grid-row: 2;
   margin-top: -0.5rem;
}

.active-facets__button {
   display: block;
   margin-right: 1.5rem;
   margin-top: 1.5rem;
   padding-left: 0.2rem;
   padding-right: 0.2rem;
   text-decoration: none;
}

span.active-facets__button-inner {
   color: rgb(var(--color-foreground));
   box-shadow: 0 0 0 0.1rem rgb(var(--color-foreground));
   border-radius: 2.6rem;
   font-size: 1rem;
   min-height: 0;
   min-width: 0;
   padding: 0.5rem 1rem;
   display: flex;
   align-items: stretch;
}

span.active-facets__button-inner:before,
span.active-facets__button-inner:after {
   display: none;
}

.active-facets__button-wrapper {
   align-items: center;
   display: flex;
   justify-content: center;
   padding-top: 1.5rem;
}

.active-facets__button-wrapper * {
   font-size: 1rem;
}





.active-facets__button:hover .active-facets__button-inner {
   box-shadow: 0 0 0 0.2rem rgb(var(--color-foreground));
}

.active-facets__button--light .active-facets__button-inner {
   box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2);
}

.active-facets__button--light:hover .active-facets__button-inner {
   box-shadow: 0 0 0 0.2rem rgba(var(--color-foreground), 0.4);
}

a.active-facets__button:focus-visible {
   outline: none;
   box-shadow: none;
}

/* outline styling for Windows High Contrast Mode */
@media (forced-colors: active) {
   a.active-facets__button:focus-visible {
      outline: transparent solid 1px;
   }
}
a.active-facets__button.focused,
.no-js a.active-facets__button:focus {
   outline: none;
   box-shadow: none;
}

a.active-facets__button:focus-visible .active-facets__button-inner {
   box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2),
   0 0 0 0.2rem rgb(var(--color-background)),
   0 0 0 0.4rem rgb(var(--color-foreground));
   outline: none;
}

a.active-facets__button.focused .active-facets__button-inner,
.no-js a.active-facets__button:focus .active-facets__button-inner {
   box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2),
   0 0 0 0.2rem rgb(var(--color-background)),
   0 0 0 0.4rem rgb(var(--color-foreground));
   outline: none;
}

.active-facets__button svg {
   align-self: center;
   flex-shrink: 0;
   margin-left: 0.6rem;
   margin-right: -0.2rem;
   pointer-events: none;
   width: 1.2rem;
}


.active-facets facet-remove:only-child {
   display: none;
}

.facets-vertical .active-facets .active-facets-vertical-filter:only-child > facet-remove {
   display: none;
}

.facets-vertical .active-facets-vertical-filter {
   display: flex;
   width: 100%;
   justify-content: space-between;
}

.facets-vertical .active-facets-vertical-filter .active-facets__button-wrapper {
   padding-top: 0;
   display: flex;
   align-items: flex-start;
}

.facets-vertical .active-facets__button {
   margin-top: 0;
}

.active-facets__button.disabled,
.mobile-facets__clear.disabled {
   pointer-events: none;
}

.mobile-facets__clear-wrapper {
   align-items: center;
   display: flex;
   justify-content: center;
}

.mobile-facets {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 100;
   background-color: rgba(var(--color-foreground), 0.5);
   pointer-events: none;
}

.mobile-facets__disclosure {
   display: flex;
}

.mobile-facets__wrapper {
   margin-left: 0;
   display: flex;
}

.mobile-facets__wrapper .disclosure-has-popup[open] > summary::before {
   height: 100vh;
   z-index: 3;
}

.mobile-facets__inner {
   background-color: rgb(var(--color-background));
   width: calc(100% - 5rem);
   margin-left: auto;
   height: 100%;
   overflow-y: auto;
   pointer-events: all;
   transition: transform var(--duration-short) ease;
   max-width: 37.5rem;
   display: flex;
   flex-direction: column;
   border-color: rgba(var(--color-foreground), var(--drawer-border-opacity));
   border-style: solid;
   border-width: 0 0 0 var(--drawer-border-width);
   filter: drop-shadow(
         var(--drawer-shadow-horizontal-offset)
         var(--drawer-shadow-vertical-offset)
         var(--drawer-shadow-blur-radius)
         rgba(var(--color-shadow), var(--drawer-shadow-opacity))
   );
}

.mobile-facets__disclosure[open] .mobile-facets__inner {
   transform: translateX(0) !important;
}

.js .disclosure-has-popup:not(.menu-opening) .mobile-facets__inner {
   transform: translateX(105vw);
}

.mobile-facets__header {
   border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
   padding: 1rem 2.5rem;
   text-align: center;
   display: flex;
   position: sticky;
   top: 0;
   z-index: 2;
}

.mobile-facets__header-inner {
   flex-grow: 1;
   position: relative;
}

.mobile-facets__info {
   padding: 0 2.6rem;
}

.mobile-facets__heading {
   font-size: calc(var(--font-heading-scale) * 1.4rem);
   margin: 0;
}

.mobile-facets__count {
   color: rgba(var(--color-foreground), 0.7);
   font-size: 1.3rem;
   margin: 0;
   flex-grow: 1;
}

.mobile-facets__open-wrapper {
   display: inline-block;
}

.mobile-facets__open {
   text-align: left;
   width: 100%;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   display: flex;
   align-items: center;
   color: rgba(var(--color-link), var(--alpha-link));
}

.mobile-facets__open:hover {
   color: rgb(var(--color-link));
}

.mobile-facets__open:hover line,
.mobile-facets__open:hover circle {
   stroke: rgb(var(--color-link));
}

.mobile-facets__open-label {
   transition: text-decoration var(--duration-short) ease;
}

.mobile-facets__open:hover .mobile-facets__open-label {
   text-decoration: underline;
   text-underline-offset: 0.3rem;
}

.mobile-facets__open > * + * {
   margin-left: 1rem;
}

.mobile-facets__open svg {
   width: 2rem;
}

.mobile-facets__open line,
.mobile-facets__open circle {
   stroke: rgba(var(--color-link), var(--alpha-link));
}

.mobile-facets__close {
   display: none;
   align-items: center;
   justify-content: center;
   position: fixed;
   top: 0.7rem;
   right: 1rem;
   width: 4.4rem;
   height: 4.4rem;
   z-index: 101;
   opacity: 0;
   transition: opacity var(--duration-short) ease;
}

.mobile-facets__close svg {
   width: 2.2rem;
}

details.menu-opening .mobile-facets__close {
   display: flex;
   opacity: 1;
}

details.menu-opening .mobile-facets__close svg {
   margin: 0;
}

.mobile-facets__close-button {
   align-items: center;
   background-color: transparent;
   display: flex;
   font-size: 1.4rem;
   font: inherit;
   letter-spacing: inherit;
   margin-top: 1.5rem;
   padding: 1.2rem 2.6rem;
   text-decoration: none;
   width: calc(100% - 5.2rem);
}

.no-js .mobile-facets__close-button {
   display: none;
}

.mobile-facets__close-button .icon-arrow {
   transform: rotate(180deg);
   margin-right: 1rem;
}

.mobile-facets__main {
   padding: 2.7rem 0 0;
   position: relative;
   z-index: 1;
   flex-grow: 1;
   display: flex;
   flex-direction: column;
   overflow-y: auto;
}

.mobile-facets__details[open] .icon-caret {
   transform: rotate(180deg);
}

.no-js .mobile-facets__details {
   border-bottom: 1px solid rgba(var(--color-foreground), 0.04);
}

.mobile-facets__highlight {
   opacity: 0;
   visibility: hidden;
}

.mobile-facets__checkbox:checked + .mobile-facets__highlight {
   visibility: visible;
   opacity: 1;
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   display: block;
   background-color: rgba(var(--color-foreground), 0.04);
}

.mobile-facets__summary {
   padding: 1.3rem 2.5rem;
}

.mobile-facets__summary svg {
   margin-left: auto;
}

.mobile-facets__summary > div,
.facets__summary > div {
   display: flex;
   align-items: center;
}

.js .mobile-facets__submenu {
   position: absolute;
   top: 0;
   width: 100%;
   bottom: 0;
   left: 0;
   z-index: 3;
   transform: translateX(100%);
   visibility: hidden;
   display: flex;
   flex-direction: column;
}

.js details[open] > .mobile-facets__submenu {
   transition: transform 0.4s cubic-bezier(0.29, 0.63, 0.44, 1),
   visibility 0.4s cubic-bezier(0.29, 0.63, 0.44, 1);
}

.js details[open].menu-opening > .mobile-facets__submenu {
   transform: translateX(0);
   visibility: visible;
}

.js .menu-drawer__submenu .mobile-facets__submenu {
   overflow-y: auto;
}

/* .js .mobile-facets .submenu-open {
  visibility: hidden; /* hide menus from screen readers when hidden by submenu */

.mobile-facets__item {
   position: relative;
}
.facets-wrap{
   border: none;
   padding-left: 0;
}
input.mobile-facets__checkbox {
   border: 0;
   position: absolute;
   width: 1.6rem;
   height: 1.6rem;
   position: absolute;
   left: 2.1rem;
   top: 1.2rem;
   z-index: 0;
   appearance: none;
   -webkit-appearance: none;
}

.mobile-facets__label {
   padding: 1.5rem 2rem 1.5rem 2.5rem;
   width: 100%;
   transition: background-color 0.2s ease;
   word-break: break-word;
   display: flex;
}

.mobile-facets__label > svg {
   background-color: rgb(var(--color-background));
   position: relative;
   z-index: 2;
   margin-right: 1.2rem;
   flex-shrink: 0;
   width:16px;
   height:16px;
}

.mobile-facets__label .icon-checkmark {
   position: absolute;
   top: 2px;
   left: 2px;
   visibility: hidden;
   width: 12px;
   height: 12px;
}

.mobile-facets__label > input[type='checkbox']:checked ~ .icon-checkmark {
   visibility: visible;
}

.mobile-facets__arrow,
.mobile-facets__summary .icon-caret {
   margin-left: auto;
   display: block;
}

.mobile-facets__label--disabled {
   opacity: 0.5;
}

.mobile-facets__footer {
   border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
   padding: 2rem;
   bottom: 0;
   position: sticky;
   display: flex;
   z-index: 2;
   margin-top: auto;
   background-color:rgb(var(--color-background));
   background: var(--gradient-background);
}

.mobile-facets__footer > * + * {
   margin-left: 1rem;
}

.mobile-facets__footer > * {
   width: 50%;
}

.mobile-facets__footer noscript .button {
   width: 100%;
}

.mobile-facets__sort {
   display: flex;
   justify-content: space-between;
}

.mobile-facets__sort label {
   flex-shrink: 0;
}

.mobile-facets__sort .select {
   width: auto;
}

.no-js .mobile-facets__sort .select {
   position: relative;
   right: -1rem;
}

.mobile-facets__sort .select .icon-caret {
   right: 0;
}

.mobile-facets__sort .select__select {
   background-color: transparent;
   border-radius: 0;
   box-shadow: none;
   filter: none;
   margin-left: 0.5rem;
   margin-right: 0.5rem;
   padding-left: 0.5rem;
   padding-right: 1.5rem;
}

.product-count {
   align-self: center;
   position: relative;
   text-align: right;
}

.product-count__text {
   line-height: calc(1 + 0.5 / var(--font-body-scale));
   margin: 0;
   color: #000;
   font-size: 13px;
   font-family: ff-good-web-pro;
   opacity: 1;
   letter-spacing: 0;
}
.product-count__text span{
   text-transform: lowercase;
}
.product-count__text.loading {
   visibility: hidden;
}

.product-count .loading-overlay__spinner,
.product-count-vertical .loading-overlay__spinner  {
   display: none;
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 1.8rem;
}

.product-count__text.loading + .loading-overlay__spinner {
   display: block;
}
.facets__heading--vertical{
   font-size: 20px;
   font-weight: bold;
   font-family: 'Gilroy';
   color: #000;
}
.filter-title{
   justify-content: space-between;
}
.filter-title svg{
   width:16px;
}
/*
@media screen and (min-width: 0px) {
why??
*/
   .facets-vertical {
      display: flex;
   }

   .facets-wrap-vertical {
      border: none;
      padding-left: 0;
   }

   .facets__form-vertical {
      display: flex;
      flex-direction: column;
      width: 26rem;
   }

   .facets__disclosure-vertical {
      border-top: 0.1rem solid rgba(var(--color-foreground), 0.1);
      margin-right: 0;
   }

   .facets-vertical .facets__summary {
      padding-top: 3rem;
      margin-bottom: 0;
      padding-bottom: 1rem;
      padding-right: 0;
   }

   .facets__heading--vertical {
      margin: 0 0 3rem 0;
   }

   .facets__header-vertical {
      padding: 1.5rem 2rem 1.5rem 0;
      font-size: 1.4rem;
   }

   .facets__display-vertical {
      padding-bottom: 1.5rem;
   }

   .facets-vertical .facets-wrapper {
      padding-right: 65px;
   }

   .facets-vertical .facets-wrapper--no-filters {
      display: none;
   }

   .no-js .facets-vertical .facets-wrapper--no-filters {
      display: block;
   }

   .facets-vertical .product-grid-container {
      width: 100%;
   }

   .facets-vertical-form {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
      position: relative;
   }
   .collection-title h1 {
      margin: 0;
      font-size: 30px;
      color: #000;
   }

   .product-count-vertical {
      margin-left: 24.5rem;
   }

   .collection-wrap:has(.collection-breadcrumbs nav) .facets-vertical-form .product-count-vertical {
      margin-left: 0;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
   }

   .collection-wrap:has(.collection-breadcrumbs nav) .facets-vertical-form .facet-filters.sorting {
      margin-left: auto;
   }

   .facets-vertical .active-facets__button-wrapper {
      margin-bottom: 2rem;
   }

   .facets-vertical .no-js .facets__button-no-js {
      transform: none;
      margin-left: 0;
   }

   .facets-vertical .no-js .facet-filters__field {
      justify-content: center;
      padding-bottom: 1rem;
      padding-top: 2rem;
   }

   .facets-vertical .facets__price {
      padding: 0.5rem 0.5rem 0.5rem 0;
   }

   .facets-vertical .facets__price .field:last-of-type {
      margin-left: 1rem;
   }

   .facets-vertical .active-facets__button {
      margin-bottom: 1.5rem;
   }

   .no-js .facets-vertical .facet-filters.sorting {
      padding-left: 0;
      flex-direction: column;
   }

   .facets-vertical .facet-checkbox input[type='checkbox'] {
      z-index: 0;
   }

   .no-js .facets-vertical .facets-container {
      display: flex;
      flex-direction: column;
   }

   .facets-vertical .active-facets facet-remove:last-of-type {
      margin-bottom: 1rem;
   }

   .facets-vertical .active-facets {
      margin: 0;
      align-items: flex-start;
   }

   .facets__disclosure-vertical[open] .facets__summary .icon-caret {
      transform: rotate(180deg);
   }
   .facets__space .minus-icon,
   .facets__disclosure-vertical  .icon-minus{
      display: none;
   }
   .facets__disclosure-vertical[open]  .minus-icon,
   .facets__disclosure-vertical[open]  .icon-minus{
      display: block;
   }
   .facets__disclosure-vertical[open] .plus-icon,
   .facets__disclosure-vertical[open] .icon-plus{
      display: none;
   }
   .facets__space{
      justify-content: space-between;
   }
   .facets__space i{
      font-weight: 400;
   }
   .facets-container-drawer {
      display: flex;;
      flex-flow: row wrap;
      align-items: center;
      column-gap: 0;
   }

   .facets-container-drawer .mobile-facets__wrapper  {
      margin-right: 2rem;
      flex-grow: 1;
   }

   .facets-container-drawer .product-count {
      margin: 0 0 0.5rem 3.5rem;
   }

   .facets-container-drawer .facets-pill {
      width: 100%;
   }


   .facets-container-drawer .facets__form {
      display: block;
   }
/* } */

.facets__disclosure-vertical{
   border-top: none;
   border-bottom: 1px solid #000;
}
.facets-vertical .facets__summary span{
   font-weight: 500;
   font-family: 'ff-good-web-pro';
   font-size: 16px;
   color: #000;
}
.facets__summary:hover span{
   text-decoration: none;
}
.product-grid-container .card-wrapper .media{
   background-color: #e6e7e6;
   border-radius: 5px
}

.facet-checkbox{
   font-family: 'ff-good-web-pro';
   font-weight: 500;
}
.facets-vertical-form {
   margin-bottom: 40px;
}
.active-facets__button--light .active-facets__button-inner {
   box-shadow: #000;
   color: #000;
}
.button.button--tertiary:hover{
   background-color: transparent;
   color: #000;
}
.underlined-link{
   color: #000;
}

.grid--3-col-desktop .grid__item{
   padding: 5px;
}
.underlined-link:hover{
   color: #5a5b5c;
}
.facets-vertical.page-fullwidth {
   padding-left: 0;
   padding-right: 0;
}
.facets.page-fullwidth {
   padding-left: 0;
   padding-right: 0;
}
.card-information__wrapper .custom-swatche-list label{
   margin-left: 0;
   margin-right: 10px;
}

.button-show-more{
   font-size: 15px;
   font-family: 'ff-good-web-pro';
   font-weight: 400;
   text-decoration: none;
}
.product-count-vertical.light{
   opacity: 1;
}
.section--collection .facets-wrapper {
   margin-top: 0px;
}
.custm-color{
   margin-left: -5px;
}
.custm-color li.list-menu__item.facets__item .filters__swatch {
   width: 20px;
   height:20px;
}
.custm-color .facets__item{
   display: inline-block;
}
.custm-color .facets__item .facet-checkbox{
   padding: 0px;
   color: #000;
}
.custm-color .facets__item .filters__swatch{
   margin: 5px;
   padding: 5px;
   cursor: pointer;
   font-size: 0;
   width: 20px;
   height: 20px;
   border-radius: 50%;
}
.mobile-facets__footer .button.button--secondary:hover:after{
   box-shadow: none;
}
.mobile-facets__footer .button.button--secondary:hover{
   background-color: none;
}
}
/*
@media screen and (min-width:576px) {
.left__filter-section{
  position: relative;
  top: -95px;
}
}
 */

.custom-filters li:hover span{
   color: #000;
}
.custom-filters li:hover{
   color: #000;
}

.mobile-facets__heading.medium-hide{
   position:relative;
}
.filter-drawer-close{
   position: absolute;
   top: 50%;
   right: 0px;
   width: 29px;
   height: 29px;
   transform: translateY(-50%);
}
.mobile-facets__header{
   padding-left:20px;
   padding-right:20px;
}
.mobile-facets__inner .mobile-facets__main .mobile-facets__list .list-menu__item{
   align-items: unset;
   line-height: 1.1;
}
.filter-title .facets__selected{
   display:none;
}

/* REORGANIZED MQs - JG */

@media screen and (max-width: 768px) {
   /* Was 2rem, which left 60px between the collection title and the grid
      against 20px above the title. */
   .facets-vertical .product-grid-container {
      margin-top: 0;
   }

   .facet-filters__sort+.icon-caret {
      right: 5px;
   }
   .recently-viewed-wrapper h2 {
      padding-left: 00px;
   }

   .facets-vertical {
      flex-direction: column;
   }
   .facets-vertical .facets-wrapper {
      padding-right: 0;
   }

   .mobile-facets__inner .mobile-facets__main {padding:0px 20px;}

   .mobile-facets__header-inner .breadcrumbs {display:none;}
   .mobile-facets__header-inner .mobile-facets__heading {
      margin-top: 0;
      margin-bottom: 0;
   }
   .facet-filters{
      justify-content: space-between;
      width: 100%;
   }
   .facets.small-hide, .product-count__text{
      display:none;
   }
   .mobile-facets__details[open] .icon-plus, .mobile-facets__details .icon-minus{
      display:none;
   }
   .mobile-facets__details[open] .icon-minus{
      display:block;
   }
   .mobile-filter-label svg{
      width:16px;
   }
   .mobile-filter-label{
      justify-content:space-between;
   }
   .mobile-facets__item.list-menu__item:hover{
      color:#000;
   }

   /* these are for search */
   .facets-vertical #main-search-filters.facets-wrapper {
      margin-bottom: 1rem;
      margin-top: 1rem;
   }
   .facets-vertical #main-search-filters .mobile-facets__wrapper {margin-top:3rem;}
}

@media screen and (min-width:769px){
   .filter-tag{
      visibility:hidden;
   }

   .facets-container > * + * {
      margin-top: 0;
   }

   .facets__form .product-count {
      grid-column-start: 3;
      align-self: flex-start;
   }
}

@media screen and (max-width: 989px) {
   .facets-container {
      grid-template-columns: auto minmax(0, max-content);
      column-gap: 2rem;
   }

   .active-facets {
      margin: 0 -1.2rem -1.2rem;
   }

   .active-facets-mobile .active-facets__button,
   .active-facets-mobile .active-facets__button-remove,
   .active-facets-mobile .facets-vertical .active-facets__button,
   .active-facets-mobile .facets-vertical .active-facets__button-remove {
      margin: 0 1.5rem 1.5rem 0;
      padding: 0;
   }

   .active-facets-mobile span.active-facets__button-inner {
      padding-bottom: 0.3rem;
      padding-top: 0.3rem;
   }

   .active-facets-mobile .active-facets__button-wrapper {
      padding-top: 0;
      margin-left: 1.2rem;
      width: 100%;
      justify-content: flex-start;
   }
}


@media screen and (min-width: 769px) and (max-width: 989px) {
   .facets-vertical .active-facets__button {
      padding: 1rem;
      margin-bottom: 0;
      margin-left: -0.5rem;
   }

   .facets-vertical .active-facets__button-remove {
      padding: 0 1rem 1rem;
   }
}


@media screen and (min-width: 990px) {
   .active-facets__button {
      margin-right: 1.5rem;
   }

   .active-facets__button-wrapper *,
   span.active-facets__button-inner {
      font-size: 1.4rem;
   }
}
@media all and (min-width: 990px) {
   .active-facets__button svg {
      margin-right: -0.4rem;
      margin-top: 0.1rem;
      width: 1.4rem;
   }
}

/* Filter drawer touch targets, phones only (767 and below use the slide-out drawer).
   Clarity recorded dead clicks on the filter options: each row was 22px tall
   with 5px gaps, so taps landed between options or on the wrong one. */
@media screen and (max-width: 768px) {
   /* Match the menu drawer's width. */
   .mobile-facets__inner {
      width: calc(100vw - 4rem);
   }

   /* 44px rows with no gaps between them. */
   .mobile-facets__inner .mobile-facets__main .mobile-facets__list .list-menu__item {
      margin-top: 0;
   }

   .mobile-facets__inner .mobile-facets__main .mobile-facets__list .list-menu__item .mobile-facets__label {
      min-height: 44px;
      align-items: center;
   }

   /* Keep the checkmark centred in its box now that the box is centred in the row. */
   .mobile-facets__label .icon-checkmark {
      top: calc(50% - 6px);
   }
}

/* Sort By: the select inside the grey block was far smaller than the block, so
   taps on the padding, or anywhere left of the select, did nothing. The select
   and the label now fill the block's height, and the label is tappable again,
   which leaves only a narrow strip between them inert. */
@media screen and (max-width: 768px) {
   .facet-filters__field {
      padding: 0;
      min-height: 44px;
      align-items: stretch;
   }

   .facet-filters__field .facet-filters__label {
      margin: 0;
      display: flex;
   }

   .facet-filters__field .facet-filters__label label {
      display: flex;
      align-items: center;
      height: 100%;
      padding-left: 10px;
   }

   /* wick--collection.css and the late drift file both set pointer-events: none
      on this label, which made the "Sort By" text inert despite its
      for="SortBy". Matching their selector so this wins on order. */
   .section--collection .sorting .facet-filters__field .facet-filters__label {
      pointer-events: auto;
   }

   .facet-filters__field .select,
   .facet-filters__field .selec {
      display: flex;
      flex-grow: 1;
      align-self: stretch;
   }

   .facet-filters__field .facet-filters__sort {
      width: 100%;
      height: 100%;
   }

   /* The caret sits over the select, so let taps through to it. */
   .facet-filters__field .icon-caret {
      pointer-events: none;
   }
}

/* The drawer's own Sort By row (a different component: .mobile-facets__sort,
   select id SortBy-mobile). "Sort By:" and the select sat at opposite ends of a
   303px row with a dead gap between them. The label now fills that gap. */
@media screen and (max-width: 768px) {
   .mobile-facets__sort {
      display: flex;
      align-items: stretch;
      min-height: 44px;
   }

   .mobile-facets__sort > label {
      display: flex;
      align-items: center;
      align-self: stretch;
      flex-grow: 1;
   }

   .mobile-facets__sort .select {
      display: flex;
      align-self: stretch;
   }

   .mobile-facets__sort .select__select {
      height: 100%;
   }
}

/* css-compile-drift-late-overrides.css sets left: 10px on this at
   .section--collection .sorting .select, which pushes the select and its caret
   out of the grey box. Offsetting with a margin instead keeps them inside. That
   file loads after this one, so the selector carries one extra class to win.
   All widths, not just phones. */
.section--collection .sorting .facet-filters__field .select {
   left: 0;
   margin-left: 10px;
   flex-grow: 1;
   min-width: 0;
}

/* The label's 2rem right margin left a dead gap between it and the select.
   The select's own margin-left is the gutter now. */
.section--collection .sorting .facet-filters__field .facet-filters__label {
   margin-right: 0;
}

/* base.css sizes the Filters pill at 50% up to 576 and 60% up to 750, then
   stops, so from 751 to 767 the pill collapsed to its text width and the Sort
   By block took the rest of the row. Carry the 60% up to the end of the mobile
   range. */
@media screen and (min-width: 577px) and (max-width: 768px) {
   .filter-tag {
      width: 60%;
   }
}

/* base.css gives the label width: 50% at 576 and below, which pushed the select
   to the middle of the grey block and left a gap after "Sort By". Sizing the
   label to its text lets the select take the rest of the row. */
@media screen and (max-width: 576px) {
   .section--collection .sorting .facet-filters__field .facet-filters__label {
      width: auto;
   }
}

/* base.css splits the row 50/50 between the Filters pill and the Sort By block
   at 576 and below, which is more than the pill needs and wraps "Sort By" onto
   two lines on narrow phones. Size the pill to its content and let Sort By take
   what is left. */
@media screen and (max-width: 576px) {
   .section--collection .sorting .filter-tag {
      width: auto;
      flex: 0 0 auto;
   }

   /* Only as wide as "Sort By" plus the select, sitting at the right end of
      the row. */
   .section--collection .sorting .facet-filters__field {
      width: auto;
      flex: 0 0 auto;
      margin-left: auto;
   }

   .section--collection .sorting .facet-filters__field .facet-filters__label {
      white-space: nowrap;
   }
}

/* Filter group headings (Product Type, Gender, ...) were 24px tall in a 48px
   row. Giving them the row's height makes them 44px targets without moving
   anything: the padding that used to sit above and below them is now inside
   the heading itself. */
@media screen and (max-width: 768px) {
   /* wick--collection.css sets padding: 1.2rem 4rem here. The 4rem sides inset
      the filters 40px beyond the drawer's own 20px, which narrowed the options
      and wrapped labels that would otherwise fit on one line. */
   .mobile-facets__inner .mobile-facets__main .mobile-facets__details {
      padding: 0.2rem 0;
   }

   .mobile-facets__inner .mobile-facets__main .mobile-facets__summary {
      display: flex;
      align-items: center;
      min-height: 44px;
   }

   .mobile-facets__inner .mobile-facets__main .mobile-facets__summary > div {
      flex-grow: 1;
   }
}