/** Shopify CDN: Minification failed

Line 563:1 Expected "}" to go with "{"

**/
.collection_listing{
      margin-left: -20px;
    margin-right: -20px;
}
.collection_listing .collection_slide{
   width: 25%;
   display: inline-block;
}
.collection_listing .card-wrapper{
      margin: 0 20px;
}
.card-wrapper .card {
/*  display: block; */
  overflow: hidden;
  text-decoration: none;
  border-radius: 0;
  cursor:pointer;
}

.card-wrapper .card--product {
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 8px;
  height: 200px;
  display: flex;
  align-items: baseline;
}
.card-wrapper .card-details__wrapper {
  width: 100%;
  height: 100%;
}

.card-wrapper:focus-within .card {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.card-article-info {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.card_badge {
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  left:0;
  position: absolute;
}
.overlay-card {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: transparent;
  -webkit-transition: background-color var(--duration-long) ease;
  -o-transition: background-color var(--duration-long) ease;
  transition: background-color var(--duration-long) ease;
}
.card:hover .card-colored .overlay-card {
  background-color: var(--color-card-hover);
 }
.cart-icon .add-to-cart-btn:hover svg{
  -webkit-transform: inherit;
      -ms-transform: inherit;
          transform: inherit;
}

.grid-variant-input input[type=radio],
.option-swatch input[type=radio],
.variant__input--color-swatch{
  clip: rect(0,0,0,0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

.grid-variant-input input[type=radio],
.variant-input input[type=radio],
.option-swatch input[type=radio] {
  display: block !important;
}
.grid-variant-input input[type=radio]:focus + label,
.option-swatch input[type=radio]:focus + label,
.variant-input input[type=radio]:focus + label,
.grid-variant-input input[type=radio]:focus-visible + label,
.option-swatch input[type=radio]:focus-visible + label,
.variant-input input[type=radio]:focus-visible + label {
  outline: 0;
  box-shadow: 0 0 0 2px var(--color-focus);
}
.card__wrapper {
  position: relative;  
}
.card__wrapper .card__hover {
  display: none;
}
.card__wrapper:hover .card__hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--color-base-accent-2);
    }
.card__wrapper:hover .card__hover .card__hover-inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 40px);
  width: calc(100% - 40px);
}
.card_badge.soldout{
    top: unset;
  bottom:0;
}
.card_badge .badge.color-soldout {
  background-color: var(--badge-sold-out-bg-color);
    color: var(--badge-sold-out-color);
}
.card_badge .badge.color-featured {
  background-color: var(--badge-featured-bg-color);
    color: var(--badge-featured-color);
}
.card_badge .badge.color-bestseller {
  background-color: var(--badge-bestseller-bg-color);
    color: var(--badge-bestseller-color);
}
.sale_round_badge{
      position: absolute;
    bottom: 16px;
    right: 16px;
  z-index: 2;
    width: 50px;
    height: 50px;
}
.sale_round_badge svg{
  display:block;
      width: 100%;
    height: 100%;
}
.sale_round_badge svg path{
  fill: var(--badge-sale-svg-color);
}
.sale_round_badge .sale_text{
      position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  color: var(--badge-sale-color);
}
.card__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card .icon-arrow {
  width: 1.5rem;
}

.card .icon-wrap {
  margin-left: 0.8rem;
  white-space: nowrap;
  -webkit-transition: -webkit-transform var(--duration-short) ease;
  transition: -webkit-transform var(--duration-short) ease;
  -o-transition: transform var(--duration-short) ease;
  transition: transform var(--duration-short) ease;
  transition: transform var(--duration-short) ease, -webkit-transform var(--duration-short) ease;
    overflow: hidden;
    }

.card .h1 .icon-arrow,
.card .h2 .icon-arrow {
  padding-bottom: 0.3rem;
  padding-top: 0.3rem;
}

.card--media {
  display: block;
  text-decoration: none;
}

.card--text-only {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.card--text-only::before {
  content: '';
  display: block;
  padding-bottom: 100%;
}


.card--stretch {
  height: 100%;
}

.card--light-border {
  border: 0.1rem solid var(--color-foreground-4);
}

.card--product:focus-within .hover_show form {
  transform: translateY(0);
}

.card--light-border:hover {
  border: 0.1rem solid var(--color-foreground-30);
    -webkit-box-shadow: none;
            box-shadow: none;
    }

.card__text-spacing {
  padding: 3rem;
}

.card-colored.color-background-1 {
  background-color: var(--color-foreground-4);
    }

.card--media .card__text-spacing {
  padding: 2rem;
}

.card--text-only .card__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr auto 1fr;
  grid-template-rows: 1fr auto 1fr;
  width: 100%;
}

.card__content {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.card__content > * {
  margin: 0;
}

.card--text-only .card__content {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column-align: center;
      justify-self: center;
  margin-bottom: 6rem;
  margin-top: 5rem;
}

.card--text-only .card_badge {
  align-self: flex-end;
  -ms-grid-row: 3;
  grid-row: 3;
}

.card--search .card__content {
  justify-self: flex-start;
  text-align: left;
}

.media + .card__content {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.card__text {
  margin: 0;
  word-break: break-word;
}

.card--text-only .card__text {
  text-align: center;
}

.card-article-info {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}


.quick_view_btn {

  margin: 0 5px;
  cursor: pointer;
  -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
          transform: translateY(-50px);
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}
.quick_view_btn svg { filter: brightness(0.5); }
.card-wrapper:focus-within .quick_view_btn,
.card-wrapper:hover .quick_view_btn{
     -webkit-transform: translateY(0px);
         -ms-transform: translateY(0px);
             transform: translateY(0px);
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}

@media screen and (min-width: 990px) {
  .card .media.media--hover-effect > img:only-child,
  .card-wrapper .media.media--hover-effect > img:only-child {
    -webkit-transition: -webkit-transform var(--duration-long) ease;
    transition: -webkit-transform var(--duration-long) ease;
    -o-transition: transform var(--duration-long) ease;
    transition: transform var(--duration-long) ease;
    transition: transform var(--duration-long) ease, -webkit-transform var(--duration-long) ease;
      }

  .card:hover .media.media--hover-effect > img:first-child:only-child,
  .card-wrapper:hover .media.media--hover-effect > img:first-child:only-child {
    opacity: 0.8;
  }

  .card-wrapper:hover
  .media.media--hover-effect
  > img:first-child:not(:only-child) {
    opacity: 0;
  }

  .card-wrapper:hover .media.media--hover-effect > img + img {
    opacity: 1;
    -webkit-transition: -webkit-transform var(--duration-long) ease;
    transition: -webkit-transform var(--duration-long) ease;
    -o-transition: transform var(--duration-long) ease;
    transition: transform var(--duration-long) ease;
    transition: transform var(--duration-long) ease, -webkit-transform var(--duration-long) ease;
      -webkit-transform: scale(1.03);
          -ms-transform: scale(1.03);
              transform: scale(1.03);
      }

  .card-wrapper:hover .card__text {
    -webkit-transition: var(--duration-long) ease;
    -o-transition: var(--duration-long) ease;
    transition: var(--duration-long) ease;
      -webkit-transform: scale(1.06);
          -ms-transform: scale(1.06);
              transform: scale(1.06);
      }

  .card--search img {
    -webkit-transition: -webkit-transform var(--duration-default) ease;
    transition: -webkit-transform var(--duration-default) ease;
    -o-transition: transform var(--duration-default) ease;
    transition: transform var(--duration-default) ease;
    transition: transform var(--duration-default) ease, -webkit-transform var(--duration-default) ease;
      }

  .card-wrapper:hover .card--search img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }

  .card-wrapper:hover .card__heading {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
  }

  .card-wrapper:hover .card.card--search {
    background-color: var(--color-card-hover);
      -webkit-transition: background-color var(--duration-long) ease;
      -o-transition: background-color var(--duration-long) ease;
      transition: background-color var(--duration-long) ease;
        }
}
.product-swatch__input input {
  display: none;
}
.product-swatch__input label {
  width: 34px;
  height: 34px;
  border-radius: 100px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0;
  padding: 0;
  line-height: 0;
  position: relative;
  cursor: pointer;
}
.product-swatch__input label .product_card_swatch {
  width: 24px;
  height: 24px;
  font-size: 0;
  top: 0;
  left: 0;
  border-radius: 100px;
}
.product-swatch__input input[type=radio]:checked+label:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: '';
  width: 34px;
  height: 34px;
  border-radius: 100px;
  border: .1rem solid var(--color-foreground-75);
    }
.product-swatch__input {
  padding: 0;
  text-align: center;
  border: 0;
}
.card__wrapper {
  position: relative;  
}
.card__wrapper .card__hover {
  display: none;
}
.card__wrapper:hover .card__hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--color-base-accent-2);
    }
.card__wrapper:hover .card__hover .card__hover-inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 40px);
  width: calc(100% - 40px);
}
.card__wrapper:hover .card__hover .card__hover-inner {
  border: 1px solid #fff;
  margin: 20px;
}
.media svg.has-background-light {
    width: 100%;
    height: 100%;
}
/* .product-recommendations .collection_listing{margin-bottom: -30px !important;}
.product-recommendations .collection_listing .card-wrapper{
  margin-bottom: 30px;
} */

.avail_card_hover_media{
      position: relative;
}
.second_feature_image{
      position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
   opacity:0;
  visibility:hidden;
      transition: all .2s ease-in;
}
.avail_card_hover_media:hover .second_feature_image{
  opacity:1;
  visibility:visible;
}
.avail_card_hover_media:hover .original_feature_image{
   opacity:0;
  visibility:hidden;
}
@media only screen and (max-width: 2560px){
  .collection_listing .collection_slide{
    width: 33.333%;
  }
  .card-wrapper .card--product {
  height: 250px;
  }

@media only screen and (max-width: 1440px){
  .collection_listing .collection_slide{
    width: 33.333%;
  }
  .card-wrapper .card--product {
  height: 230px;
  }
}
@media only screen and (max-width: 1024px){
  .collection_listing .collection_slide{
    width: 33.333%;
  }
  .card-wrapper .card--product {
  height: 250px;
  }
}
@media only screen and (max-width: 768px){
  .collection_listing{
    margin-left: -8px;
    margin-right: -20px;
  }
  .collection_listing .collection_slide{
    width: 46vw;    
  }	
  .collection_listing .card-wrapper{
    margin: 0 8px;
  }
  .card-wrapper .card--product {
  height: 250px;
  }
}

@media only screen and (max-width: 425px){
  .card-wrapper .card--product {
  height: 145px;
  }
}