/** Shopify CDN: Minification failed

Line 619:0 Unexpected "}"

**/
@media screen and (max-width: 749px) {
  .collection .grid__item:only-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 989px) {
  .collection .slider.slider--tablet {
    margin-bottom: 1.5rem;
  }
}

.collection .loading-overlay {
  position: absolute;
  z-index: 1;
  width: 1.8rem;
}

@media screen and (max-width: 749px) {
  .collection .loading-overlay {
    top: 0;
    right: 0;
  }
}

@media screen and (min-width: 750px) {
  .collection .loading-overlay {
    left: 0;
  }
}

.collection .loading-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  padding: 0 1.5rem;
  opacity: 0.7;
}

@media screen and (min-width: 750px) {
  .collection .loading-overlay {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.collection.loading .loading-overlay {
  display: block;
}

.collection--empty .title-wrapper {
  margin-top: 10rem;
  margin-bottom: 15rem;
}

@media screen and (max-width: 989px) {
  .collection .slider--tablet.product-grid {
    scroll-padding-left: 1.5rem;
  }
}

.collection__description > * {
  margin: 0;
}

.collection__title.title-wrapper {
  margin-bottom: 2.5rem;
}

.collection__title .title:not(:only-child) {
  margin-bottom: 1rem;
}

@media screen and (min-width: 990px) {
  .collection__title--desktop-slider .title {
    margin-bottom: 2.5rem;
  }

  .collection__title.title-wrapper--self-padded-tablet-down {
    padding: 0 5rem;
  }

  .collection slider-component:not(.page-width-desktop) {
    padding: 0;
  }

  .collection--full-width slider-component:not(.slider-component-desktop) {
    padding: 0 1.5rem;
    max-width: none;
  }
}

.collection__view-all a:not(.link) {
  margin-top: 1rem;
}


/*------------------------------ new css -----------------------------  */



/*-------------- new css -------------------  */

.product-card-wrapper .card {
    position: relative; 
    width: 100%;
}
.product-card-wrapper .card__information {
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 0;
}
.product-card-wrapper .card__heading {
    font-size: 14.5px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
    font-family: var(--font-heading-family);
    text-transform: uppercase;
}
.product-card-wrapper .card-information, 
.product-card-wrapper .price {
    text-align: center;
}
.product-card-wrapper .price-item {
    font-family: 'Gin Regular';
    font-size: 16px;
    letter-spacing: 0;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2em;
}

.template-search__results  .product-card-wrapper .price-item{
   font-weight: 600;
}
.product-card-wrapper .productShopNowBtn { 
    font-family: "Kanit 400";
    font-weight: 400;
    transition: all .3s ease-in-out;
    text-transform: uppercase;
    display: inline-block;
}
.product-card-wrapper .productShopNowBtn {
    background-color: #383838;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 20px;
    height: 41px;
    min-height: auto;
    text-decoration: none;
    border-radius: 3px;
    font-size: 14.5px;
    min-width: auto;
    /* line-height: 1.2; */
    line-height: 1.4;
    letter-spacing: 0;
}
.product-card-wrapper .productShopNowBtn:hover {
    transition: all .3s ease-in-out;
    background-color: #db2c2d;
    border-color: #db2c2d;
}
/* .product-card-wrapper .productShopNowBtn { 
    max-width: 140px;
} */
.product-card-wrapper .productShopNowBtn {
    max-width: max-content; 
}
.product-card-wrapper .quick-add {
    position: absolute;
    transition: all .25s ease-in-out;
    top: 0;
    background: rgb(247 247 247 / 75%);
    width: 100%;
    height: 100%;
    display: flex;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
}
.quick-variant-options {
    position: relative;
    margin-bottom: auto;
    padding: 20px;
    width: 100%;
}
.quickVariantList li { 
    display: flex;
    align-items: center;
    gap: 10px;
}
.quickVariantList li:not(:last-child) {
    margin-bottom: 10px; 
}
.quickVariantLabel {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
span.quickVariantLabelText {
    font-family: owners-narrow, sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    text-transform: uppercase;
}
span.quickVariantTitle {
    font-size: 14.5px;
    line-height: 1.2;
    text-transform: capitalize;
    font-family: var(--font-body-family);
    font-weight: 400;
} 
span.quickVariantLabelIcons svg.icon {
    width: 20px;
    height: 20px;
}
span.quickVariantIcons {
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
}
span.quickVariantIcons svg.icon {
    width: 15px;
    height: 15px;
}
.quickVariantLabel {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0px 0px 10px;
}
.product-card-wrapper .quick-add__submit:before,
.product-card-wrapper .quick-add__submit:after{
 display: none; 
}
.product-card-wrapper .quick-add {
    justify-content: center;
}
.product-card-wrapper .quick-add__submit {
    border: none;
    outline: none;
    background-color: transparent;
    margin: auto;
    text-transform: uppercase;
    font-family: "Kanit 400";
    font-weight: 400;
    font-size: 14.5px;
    letter-spacing: 0;
}
 .quickAddSubmitlIcons {
    color: #000;
    margin-left: 5px;
}
.quickAddSubmitlIcons svg.icon {
    width: 10px;
    height: 10px;
}
.product-card-wrapper .quick-add product-form,
.product-card-wrapper .quick-add modal-opener {
    position: relative;
    width: 100%;
    margin: 0;
    z-index: 1;
}
/* .product-card-wrapper .card:hover .quick-add { 
    opacity: 1;
    transition: all .25s ease-in-out;
    visibility: visible;
    z-index: 1;
} */
  .product-card-wrapper .card .card__inner:hover .quick-add {
    opacity: 1;
    transition: all .25s ease-in-out;
    visibility: visible;
    z-index: 1;
}
.product-card-wrapper .bottomLine {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
.product-card-wrapper .bottomLine .yotpo-bottomline { 
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.product-card-wrapper .yotpo-bottomline span.yotpo-stars {
    margin-bottom: 5px;
}
.product-card-wrapper .bottomLine a.text-m {
    font-size: 16px;
    line-height: 1.2;
    margin-left: 5px;
}

.titleButtonWithProductgrid {
    display: grid;
    grid-template-columns: 2fr 8fr;
    gap: 20px;
}
.titleWithButtongrid, .titleWithButton-productGrid {
    width: 100%;
    padding: 0;
}
.titleWithButtongrid { 
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.titleWithButtongrid .titleWrapper--Header {
    text-align: left;
    margin-bottom: 0;
}
.titleWithButtongrid .featuredCollection-view-all {
    text-align: left;
    margin-top: 15px;
}
.titleWithButtongrid .View-All--Button:before,
.titleWithButtongrid .View-All--Button:after{
 display: none; 
}
.View-All--Button {
    line-height: 1.3em;
    border-radius: 3px;
    min-height: 41px;
    height: 41px;
    font-size: 14.5px;
    min-width: auto;
    padding: 12px 20px 10px;
}
.product-card-wrapper {
    box-sizing: border-box;
}
.quick-add__submit:hover .quickAddSubmitlIcons ,
.product-card-wrapper .quick-add__submit:hover {
    color: #db2c2d;
}
.collection ul#product-grid {
    row-gap: 40px;
}
@media only screen and (max-width:767px) { 
.titleButtonWithProductgrid {
    grid-template-columns: 1fr; 
}
  .titleWithButtongrid {
    justify-content: center;
} 
}

/* ==========collection=page=css========= */
 .collectionsNav--link {
    margin: 0;
    padding: 0;
    list-style: none;
}
.collectionsNav--link li:not(:last-child) {
    margin-bottom: 15px;
}
.collectionsNav--link li {
    color: inherit;
    text-decoration: none;
    /* background-color: #f7f7f7; */
    /* padding: 10px 15px; */
    position: relative;
    width: 100%;
    color: rgba(var(--color-foreground), 1);
    text-transform: uppercase;
}
.collectionsNav--link a {
    color: inherit;
    text-decoration: none;
}
.collectionsNav--link a:before {
    /* content: "\2714"; */
    border: 1px solid;
    border-color: rgba(var(--color-foreground), 1);
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: middle;
    line-height: normal;
    color: transparent;
    font-size: 12px;
    transition: all .3s ease-in-out;
    text-align: center;
    padding: unset;
    line-height: 18px;
    display: inline-block;
}
.collectionsNav--link a:hover:before {
    transition: all .3s ease-in-out;
    /* background-color: rgba(var(--color-foreground), 1); */
    /* border-color: rgba(var(--color-foreground), 1); */
    /* color: #fff; */
      /* color: #db2c2d; */
}
.collectionsNav--link a:hover {
    transition: all .3s ease-in-out;
    color: #db2c2d;
}
.customTagFilter details {
    background-color: #f7f7f7;
    padding: 0 15px;
}
summary.facets__summary {
    letter-spacing: 1px;
} 
.customTagFilter .facets__list--vertical {
    padding: 0;
    margin: 0;
}
.customTagFilter label.facets__label {
    align-items: center;
}
.customTagFilter label.facets__label:before { 
    content: "\2714"; 
    content: "✔";
    border: 1px solid;
    border-color: rgba(var(--color-foreground), 1);
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: middle;
    line-height: normal;
    color: transparent;
    font-size: 12px;
    transition: all .3s ease-in-out;
    text-align: center;
    padding: unset;
    line-height: 18px;
}
.customTagFilter label.facets__label.active:before {
    transition: all .3s ease-in-out;
    background-color: rgba(var(--color-foreground), 1);
    border-color: rgba(var(--color-foreground), 1);
    color: #fff;
}
.facets-vertical facet-filters-form {
    padding: 0px 0px 20px;
    /* padding: 0px 0px 5px; */
}
.facets-vertical .facets-vertical-form {
    display: block;
}
.facets-vertical .facet-filters {
    padding: 0;
}
.facets-vertical .facet-filters__label {
    margin: 0px 0px 10px;
    font-size: 18px;
    text-transform: uppercase;
}
.facets-vertical .facet-filters__field {
    display: block;
}
.facet-filters__field .select__select, .mobile-facets__sort .select__select {
    background-color: #f7f7f7;
    padding: 15px;
    position: relative;
    width: 100%;
    color: rgba(var(--color-foreground), 1);
    text-transform: uppercase;
}
.ajaxinateButton_wrapper {
    text-align: center;
    margin-top: 40px;
}
.ajaxinate_button {
    transition: all .3s ease-in-out;
    color: #fff;
    background-color: #db2c2d;
    border-color: #db2c2d;
}
.ajaxinateButton_wrapper .ajaxinate_button:hover {
    opacity: .75;
}
.product-card-wrapper .price-item {
    /* font-weight: 600; */
}
/* --------oldCustomFilter----------- */
.oldCustomFilter details.filter-group { 
    padding: 0 15px;
    background-color: #f7f7f7;
    position: relative;
}
.oldCustomFilter details.filter-group:not(:last-child) {
    margin-bottom: 15px; 
}.filter-drop fieldset.checkbox-group {
    margin: 0;
    padding: 0px 0px 15px;
    outline: none;
    border: none;
}
details.filter-group[open] svg.icon.icon-caret {
    transform: rotate(180deg);
}
.filter-items label.checkbox-label {
    text-transform: uppercase;
    font-size: 14.5px;
    cursor: pointer;
}
.filter-items input[type="checkbox"] {
    opacity: 0;
    width: 0;
    position: absolute;
}
.filter-items input[type="checkbox"] + label:before { 
    content: "\2713"; 
    /* content: "✔"; */
    border: 1px solid;
    border-color: rgba(var(--color-foreground), 1);
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    line-height: normal;
    color: transparent;
    font-size: 12px;
    font-weight: 600;
    transition: all .3s ease-in-out;
    text-align: center;
    padding: unset;
    line-height: 17px;
}
.filter-items input[type="checkbox"]:checked + label:before{
    transition: all .3s ease-in-out;
    background-color: rgba(var(--color-foreground), 1);
    border-color: rgba(var(--color-foreground), 1);
    color: #fff;
}
.oldCustomFilter summary.facets__summary {
    padding-top: 1.5rem;
    margin-bottom: 0;  
    height: 54px;
    padding-bottom: 1.5rem;
}
.oldCustomFilter {
    width: 100%;
}
.product-card-wrapper .quick-variant-option-link {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
}
@media screen and (max-width: 749px) {
.ajaxinateButton_wrapper { 
    margin-top: 30px;
}
  .facets-vertical facet-filters-form {
    padding: 0 0 10px;
}
.facets-vertical .facet-filters__label { 
    font-size: 16px; 
}
summary.facets__summary,
.oldCustomFilter summary.facets__summary { 
    height: 46px; 
}
  .quick-variant-options { 
    padding: 10px; 
}
  .quickVariantLabel {
    font-size: 14.5px; 
    line-height: 1; 
    margin: 0px 0px 5px;
}
  .quickVariantList li:not(:last-child) {
    margin-bottom: 5px;
}
  span.quickVariantTitle {
    font-size: 12px;
    line-height: 1; 
}
  .product-card-wrapper modal-opener .quick-add__submit {
    height: auto;
    min-height: auto;
    padding: 0;
}

.product-card-wrapper .card:hover .quick-add {
    opacity: 0;
    transition: all .25s ease-in-out;
    visibility: hidden;
    z-index: -1;
}
  .product-card-wrapper .card .card__inner:hover .quick-add {
    opacity: 1;
    transition: all .25s ease-in-out;
    visibility: visible;
    z-index: 1;
}
  }
}


/* ---------------- index featured collection  */
  .titleButtonWithProductgrid .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item, .grid--peek .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) * 1 / 2);
}

 .titleButtonWithProductgrid .grid__item .card__heading a:after {    
    content: none;  
}


/* facets verticle new  */
@media screen and (min-width: 750px) {
  .aside-sticky-wrapper { 
    position: sticky;
    top: 80px;
    z-index: 1;
} 
  ul#all-collectionslink {
    display: block !important;
}
}
@media screen and (max-width: 749px) {
    summary.facets__summary, .oldCustomFilter summary.facets__summary {
        height: 46px;
    }
  .oldCustomFilter details.filter-group:not(:last-child) {
    margin-bottom: 0px;
}
  .oldCustomFilter {
    display: grid;
    grid-template-areas:
        "title title"
        "shine hold"
        "full full";
    column-gap: 10px;
    margin-bottom: 20px;
    align-items: flex-start;
}
 .oldCustomFilter .facet-filters__label {
    grid-area: title;
}
 .oldCustomFilter .grid-area-shine {
    grid-area: shine;
}
  .oldCustomFilter  .grid-area-hold {
    grid-area: hold;
}
  .oldCustomFilter .grid-area-whole { 
    grid-area: full;
}
button.collectionsNav--filter-btn { 
    height: 46px;
}
  ul#all-collectionslink {
    padding: 15px; 
    display: none;
    background-color: #f7f7f7; 
}
  .collection-hero__inner {
    display: flex;
    flex-direction: column-reverse;
}
}


@media screen and (min-width: 750px) {
  .facets-vertical {
    display: flex;
  }

  .facets-wrap-vertical {
    border: none;
    padding-left: 0;
  }
  .facets-vertical facet-filters-form { 
      width: 26rem;
  }
  .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: 1.5rem;
    margin-bottom: 0;
    padding-bottom: 1.5rem;
  }

  .facets__heading--vertical {
    margin: 0 0 1.5rem 0;
    font-size: 1.5rem;
  }

  .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: 3rem;
  }

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

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

  .facets-vertical-form {
    display: flex;
    justify-content: flex-end;
  }

  .product-count-vertical {
    margin-left: 3.5rem;
    position: relative;
  }

  .facets-vertical .active-facets__button-wrapper {
    margin-bottom: 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;
  }

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

  .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-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;
  }
}

@media screen and (min-width: 750px) 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;
  }
}


.customSortFilter .facets__list--vertical {
    padding: 0px;
    margin: 0;
}
.customSortFilter .facet-filters__sort {
    width: 100%;
    padding: 0 15px;
    background-color: #f7f7f7;
}
.customSortFilter summary.facets__summary {
    /* padding: 0; */
}
.facet-filters__sort[open] svg.icon {
    transform: rotate(180deg);
}
.customSortFilter label.facets__label {
    font-weight: 400;
    text-transform: uppercase;
}
.customSortFilter label.facets__label input[type="radio"] {
    opacity: 0;
    position: absolute;
}
.customSortFilter input[type="radio"] + span.facet-checkbox__text:before {
    content: "\2713"; 
    /* content: '✔'; */
    border: 1px solid;
    border-color: rgba(var(--color-foreground), 1);
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    line-height: normal;
    color: transparent;
    font-size: 12px;
    font-weight: 600;
    transition: all .3s ease-in-out;
    text-align: center;
    padding: unset;
    border-radius: 100%;
    vertical-align: baseline;
    line-height: 17px;
}
.customSortFilter input[type="radio"]:checked + span.facet-checkbox__text:before {
    transition: all .3s ease-in-out;
    background-color: rgba(var(--color-foreground), 1);
    border-color: rgba(var(--color-foreground), 1);
    color: #fff;
} 
summary.facets__summary {
    background-color: #f7f7f7;
    /* padding: 15px; */ 
    height: 54px;   
    margin-bottom: 0;
    position: relative;
    width: 100%;    
    display: flex;
    align-items: center;
    color: rgba(var(--color-foreground), 1);
    text-transform: uppercase;
}
summary.facets__summary span {
    line-height: normal;
}


.facets__summary .icon-caret {
    right: 0px;
    transition: all .25s ease-in-out;
    height: 10px;
    top: calc(50% - .5rem);
}
.facets__form-vertical details { 
    background-color: #f7f7f7;
    padding: 0 15px;
}
.facets__form-vertical details:not(:last-child) {
    margin-bottom: 15px; 
}
.mobile-facets__sort label {
    font-weight: 700 !important;
    margin: 0 0 10px; 
    display: block;
    font-size: 18px;
    text-transform: uppercase;
}
.mobile-facets__sort .select__select {
    background-color: #f7f7f7;
    padding: 15px;
    font-size: 14px;
    margin: 0;
}
.mobile-facets__summary .mobile-facets__sort {
    display: block;
}
.oldCustomFilter--facets {
    gap: 0px;
}
  .collectionsNav--filter {
    margin-top: 10px;
    position: relative;
}
  button.collectionsNav--filter-btn svg.icon.icon-caret {
    width: 16px;   
    transition: all .25s ease-in-out;
    height: 10px;
}
button.collectionsNav--filter-btn {
    color: rgba(var(--color-foreground), 1);
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-bottom: 0;
    position: relative;
    display: flex;
    align-items: center;
    outline: none;
    border: none;
    height: 54px;
    justify-content: space-between;
    width: 100%;
    padding: 0 15px;
    background-color: #f7f7f7;
    cursor: pointer;
} 
button.collectionsNav--filter-btn.is-active svg.icon.icon-caret {
    transform: rotate(180deg);
}
.oldCustomFilter .collection-image {
    clear: both;
    /* margin: 0 auto; */
    padding: 15px 0;
}
.oldCustomFilter img {
    width: 100%;
    max-width: 170px;
}

@media screen and (max-width: 989px) {
  .active-facets {
    margin: 0 -1.2rem -1.2rem;
  }

  .active-facets__button,
  .active-facets__button-remove {
    margin: 0;
    padding: 1.2rem;
  }

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

  .active-facets__button-wrapper {
    padding-top: 0;
    margin-left: 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-default) 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))
  );
}

.menu-opening .mobile-facets__inner {
  transform: translateX(0);
}

.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;
  font-size: 1.4rem;
  font: inherit;
  letter-spacing: inherit;
  margin-top: 1.5rem;
  padding: 1.2rem 2.6rem;
  text-decoration: none;

  display: grid;
  grid-template-columns: min-content 1fr;
  text-align: start;
}

.mobile-facets__close-button > .facets__and-helptext {
  grid-column-start: 2;
}

.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);
}

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

.mobile-facets__checkbox:checked + .mobile-facets__highlight {
  opacity: 1;
  visibility: visible;
}

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

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

.mobile-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;
}

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;
}

.mobile-facets__label .icon-checkmark {
  position: absolute;
  top: 1.9rem;
  left: 2.8rem;
  visibility: hidden;
}

.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__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__sort {
  display: flex;
  justify-content: space-between;
}

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

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

.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 {
  font-size: 1.4rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  margin: 0;
}

#ProductCountDesktop.loading,
#ProductCount.loading {
  visibility: hidden;
}

.product-count .loading__spinner,
.product-count-vertical .loading__spinner {
  position: absolute;
  padding-top: 0.6rem;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.8rem;
}

#templateName--collection   .underline-links-hover:hover a {
    text-decoration: none;
     
}

.collection-list-wrapper .title-wrapper-with-link {
 
    justify-content: center;
}