/** Shopify CDN: Minification failed

Line 611:22 Unexpected "{"
Line 611:31 Expected ":"
Line 615:25 Unexpected "{"
Line 615:34 Expected ":"

**/
.card-wrapper {
  color: inherit;
  height: 100%;
  position: relative;
  text-decoration: none;
}

.card {
  text-decoration: none;
  text-align: var(--text-alignment);
}

.card:not(.ratio) {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card.card--horizontal {
  --text-alignment: left;
  --image-padding: 0rem;
  flex-direction: row;
  align-items: flex-start;
  gap: 1.5rem;
}

.card--horizontal.ratio:before {
  padding-bottom: 0;
}

.card--card.card--horizontal {
  padding: 1.2rem;
}

.card--card.card--horizontal.card--text {
  column-gap: 0;
}

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

.card--card,
.card--standard .card__inner {
  position: relative;
  box-sizing: border-box;
  border-radius: var(--border-radius);
  border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity));
}

.card--card:after,
.card--standard .card__inner:after {
  content: '';
  position: absolute;
  z-index: -1;
  width: calc(var(--border-width) * 2 + 100%);
  height: calc(var(--border-width) * 2 + 100%);
  top: calc(var(--border-width) * -1);
  left: calc(var(--border-width) * -1);
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)
    rgba(var(--color-shadow), var(--shadow-opacity));
}

span.card-label {
    position: absolute;
    z-index: 1;
    background: #fff;
    padding: 9px 12px;
    font-size: 13px;
    left: 12px;
    top: 12px;
    line-height: 1;
    color: #000;
}
@media(max-width:767px){
  span.card-label {
    position: absolute;
    z-index: 1;
    background: #fff;
    padding: 6px 6px;
    font-size: 10px;
    left: 5px;
    top: 5px;
    line-height: 1;
    color: #000;
}
}
/* Needed for gradient continuity with or without animation, the transform scopes the gradient to its container which happens already when animation are turned on */
.card--card.gradient,
.card__inner.gradient {
  transform: perspective(0);
}

/* Needed for gradient continuity with or without animation so that transparent PNG images come up as we would expect */
.card__inner.color-background-1 {
  background: transparent;
}

/* Needed for gradient continuity with or without animation, the transform scopes the gradient to its container which happens already when animation are turned on */
.card--card.gradient,
.card__inner.gradient {
  transform: perspective(0);
}

/* Needed for gradient continuity with or without animation so that transparent PNG images come up as we would expect */
.card__inner.color-background-1 {
  background: transparent;
}

.card .card__inner .card__media {
  overflow: hidden;
  /* Fix for Safari border bug on hover */
  z-index: 0;
  border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding));
}

.card--card .card__inner .card__media {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.card--standard.card--text {
  background-color: transparent;
}

.card-information {
  text-align: var(--text-alignment);
}

.card__media,
.card .media {
  bottom: 0;
  position: absolute;
  top: 0;
}

.card .media {
  width: 100%;
}

.card__media {
  margin: var(--image-padding);
  width: calc(100% - 2 * var(--image-padding));
}

.card--standard .card__media {
  margin: var(--image-padding);
}

.card__inner {
  width: 100%;
}

.card--media .card__inner .card__content {
  position: relative;
  padding: calc(var(--image-padding) + 1rem);
}

.card__content {
  display: grid;
  grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
  padding: 1rem;
  width: 100%;
  flex-grow: 1;
}

.card__content--auto-margins {
  grid-template-rows: minmax(0, auto) max-content minmax(0, auto);
}

.card__information {
  /* grid-row-start: 2; */
  padding: 1.3rem 1rem;
}

.card:not(.ratio) > .card__content {
  grid-template-rows: max-content minmax(0, 1fr) max-content auto;
}

.card-information .card__information-volume-pricing-note {
  margin-top: 0.6rem;
  line-height: calc(0.5 + 0.4 / var(--font-body-scale));
  color: rgba(var(--color-foreground), 0.75);
}

@media screen and (min-width: 750px) {
  .card__information {
    padding-bottom: 1.7rem;
    padding-top: 1.7rem;
  }
}

.card__badge {
  align-self: flex-end;
  grid-row-start: 3;
  justify-self: flex-start;
}

.card__badge.top {
  align-self: flex-start;
  grid-row-start: 1;
}

.card__badge.right {
  justify-self: flex-end;
}

.card:not(.card--horizontal) > .card__content > .card__badge {
  margin: 1.3rem;
}

.card__media .media img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}

.card__inner:not(.ratio) > .card__content {
  height: 100%;
}

.card__heading {
  margin-top: 0;
  margin-bottom: 0;
}

.card__heading:last-child {
  margin-bottom: 0;
}

.card--horizontal .card__heading,
.card--horizontal .price__container .price-item,
.card--horizontal__quick-add {
  font-size: calc(var(--font-heading-scale) * 1.2rem);
}

.card--horizontal
  .card-information
  > *:not(.visually-hidden:first-child)
  + *:not(.rating):not(.card__information-volume-pricing-note) {
  margin-top: 0;
}

.card--horizontal__quick-add:before {
  box-shadow: none;
}

@media only screen and (min-width: 750px) {
  .card--horizontal .card__heading,
  .card--horizontal .price__container .price-item,
  .card--horizontal__quick-add {
    font-size: calc(var(--font-heading-scale) * 1.3rem);
  }
}

.card--card.card--media > .card__content {
  margin-top: calc(0rem - var(--image-padding));
  
  background: #fff;
}

.card--standard.card--text a::after,
.card--card .card__heading a::after {
  bottom: calc(var(--border-width) * -1);
  left: calc(var(--border-width) * -1);
  right: calc(var(--border-width) * -1);
  top: calc(var(--border-width) * -1);
}

.card__heading a::after {
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.card__heading a:after {
  outline-offset: 0.3rem;
}

.card__heading a:focus:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
}

.card__heading a:focus-visible:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
}

.card__heading a:focus:not(:focus-visible):after {
  box-shadow: none;
  outline: 0;
}

.card__heading a:focus {
  box-shadow: none;
  outline: 0;
}

@media screen and (min-width: 990px) {
  .card .media.media--hover-effect > img:only-child,
  .card-wrapper .media.media--hover-effect > img:only-child {
    transition: 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 {
    /* transform: scale(1.03); */
  }

  .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;
    transition: transform var(--duration-long) ease;
    /* transform: scale(1.03); */
  }

  .underline-links-hover:hover a {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
  }
}

.card--standard.card--media .card__inner .card__information,
.card--standard.card--text:not(.card--horizontal) > .card__content .card__heading:not(.card__heading--placeholder),
.card--standard:not(.card--horizontal) > .card__content .card__badge,
.card--standard.card--text.article-card > .card__content .card__information,
.card--standard > .card__content .card__caption {
  display: none;
}

.card--standard:not(.card--horizontal) .placeholder-svg {
  height: auto;
  width: 100%;
}

.card--standard > .card__content {
  padding: 0;
}

.card--standard > .card__content .card__information {
  padding-left: 0;
  padding-right: 0;
}

.card--card.card--media .card__inner .card__information,
.card--card.card--text .card__inner,
.card--card.card--media > .card__content .card__badge {
  display: none;
}

.card--horizontal .card__badge,
.card--horizontal.card--text .card__inner {
  display: none;
}

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

.card--extend-height.card--standard.card--text,
.card--extend-height.card--media {
  display: flex;
  flex-direction: column;
}

.card--extend-height.card--standard.card--text .card__inner,
.card--extend-height.card--media .card__inner {
  flex-grow: 1;
}

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

.card-information > * + * {
  margin-top: 0.5rem;
}

.card-information {
  width: 100%;
}

.card-information > * {
  line-height: calc(1 + 0.4 / var(--font-body-scale));
  color: rgb(var(--color-foreground));
}

.card-information > .price {
  color: rgb(var(--color-foreground));
}

.card--horizontal .card-information > .price {
  color: rgba(var(--color-foreground), 0.75);
}

.card-information > .rating {
  margin-top: 0.4rem;
}

.card-information > *:not(.visually-hidden:first-child) + *:not(.rating):not(.card__information-volume-pricing-note) {
  margin-top: 0.7rem;
}

.card-information .caption {
  letter-spacing: 0.07rem;
}

.card-article-info {
  margin-top: 1rem;
}

/* Card Shapes */

.card--shape .card__content {
  padding-top: 0;
}

.card--shape.card--standard:not(.card--text) .card__inner {
  border: 0;
  /* Border is not currently compatible with image shapes for standard cards. */
  background-color: transparent;
  filter: drop-shadow(
    var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)
      rgba(var(--color-shadow), var(--shadow-opacity))
  );
}

.card--shape.card--standard:not(.card--text) .card__inner:after {
  display: none;
}

.grid__item:nth-child(2n) .shape--blob {
  clip-path: polygon(var(--shape--blob-2));
}

.grid__item:nth-child(3n) .shape--blob {
  clip-path: polygon(var(--shape--blob-3));
}

.grid__item:nth-child(4n) .shape--blob {
  clip-path: polygon(var(--shape--blob-4));
}

.grid__item:nth-child(5n) .shape--blob {
  clip-path: polygon(var(--shape--blob-5));
}

.grid__item:nth-child(7n) .shape--blob {
  clip-path: polygon(var(--shape--blob-6));
}

.grid__item:nth-child(8n) .shape--blob {
  clip-path: polygon(var(--shape--blob-1));
}

/* Card Shape Hover Rules */

@media (prefers-reduced-motion: no-preference) {
  .product-card-wrapper .shape--round {
    transition: clip-path var(--duration-long) ease;
  }

  .product-card-wrapper:hover .shape--round {
    clip-path: ellipse(47% 47% at 50% 50%);
  }

  .product-card-wrapper .shape--blob {
    transition: clip-path var(--duration-long) ease-in-out;
  }

  .product-card-wrapper:hover .shape--blob {
    clip-path: polygon(var(--shape--blob-5));
  }

  .grid__item:nth-child(2n) .product-card-wrapper:hover .shape--blob {
    clip-path: polygon(var(--shape--blob-6));
  }

  .grid__item:nth-child(3n) .product-card-wrapper:hover .shape--blob {
    clip-path: polygon(var(--shape--blob-1));
  }

  .grid__item:nth-child(4n) .product-card-wrapper:hover .shape--blob {
    clip-path: polygon(var(--shape--blob-2));
  }

  .grid__item:nth-child(5n) .product-card-wrapper:hover .shape--blob {
    clip-path: polygon(var(--shape--blob-3));
  }

  .grid__item:nth-child(7n) .product-card-wrapper:hover .shape--blob {
    clip-path: polygon(var(--shape--blob-4));
  }

  .grid__item:nth-child(8n) .product-card-wrapper:hover .shape--blob {
    clip-path: polygon(var(--shape--blob-5));
  }
}
.card .card__heading, .card .price {
  text-transform:uppercase;
}
.card .card__heading{ max-width:100%;margin:0 0 4px;position:relative;padding-right:25px;width:100%; }
.card .card__heading wk-button.wk-floating {
    transform: none !important;
    right: 0 !important;
    top: 0 !important;
    left: auto !important;
}
.card .card__heading wk-button.wk-floating  button.wk-button {
    width: 20px !important;
    height: 20px !important;
    align-items: flex-start;
    margin-top: 2px;
    justify-content: flex-end;
  margin-right:2px;
}
@media screen and (min-width: 750px){
  .card-wrapper variant-radios{ opacity: 0; transition: opacity 0.5s ease-in-out; }
  .card-wrapper:hover variant-radios{
    opacity: 1;
  }
  .card--card.card--media > .card__content{
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    position: relative;
    z-index: 2;
    /* left: 0;
    bottom: 0; */
  }
  .card--card.card--media:hover > .card__content{
    opacity: 1;
  }
}

@media screen and (max-width: 749px){
  .card .card__heading {
    /* text-align: center; */
    width: 100%;
    max-width: 100%;
    /* font-size: 12px;
    line-height: 18px; */
  }
  .card .card__heading a {
    font-size: 14px;
    letter-spacing:1px;
    /* -webkit-line-clamp: 2; */
 }
  .card__information .card-information .price {
    font-size: 14px;
    
}
  .card .card__heading{margin: 0 0 4px;padding-right: 24px;}
  .card .price {
    /* text-align: center; */
    width: 100%;
    /* font-size: 12px;
    line-height: 24px; */
  }
  .card__information {
    /* padding: 8px 1.8rem !important; */
    padding: 12px 0  0 !important;
  }
}
.card .full-card-link{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display:none;
}
.filter-options span#ProductCount {
    color: #909090;
}
.card .inclusive{ display: none; }

/* IMage collection */
  @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}
  
             .image-with-collection .main_content_wrapper .image_wrapper {
               overflow: hidden;
               position: relative;
           }
         .image-with-collection .main_content_wrapper  slider-component.slider-component-full-width {
             width: 100%;
         }
             @media(max-width:750px){
            .section-{{ section.id }} .main_content_wrapper .content_wrapper{
               /* padding-bottom:{{section.settings.bottom_space}}px;
                padding-top:{{section.settings.top_space}}px; */
             }
               .section-{{ section.id }} .main_content_wrapper .image_wrapper  .product-name-new{
          padding: 10px 0 10px;
           height: auto;
        }
               .desciption.hide_desc {
          display: none !important;
      }
               .image-with-collection .main_content_wrapper .image_wrapper .product-grid {
        /* padding-left:20px; */
    }
                .image-with-collection .main_content_wrapper .image_wrapper .product-grid li{
                  padding-bottom:0px !important;
                }
             }
  /*added by Sunny */
  .image-with-collection .isolate {
      position: static;
  }
  .image-with-collection .main_content_wrapper {
      display: flex;
      background-color: var(--gradient-background);
  }
  .image-with-collection .main_content_wrapper .content_wrapper {
      width: calc(25% - 20px);
      margin-right: 20px;
  }
  .image-with-collection .main_content_wrapper .image_wrapper {
      /* overflow: hidden; */
      position: relative;
  }
  .image-with-collection .main_content_wrapper .image_wrapper {
      width: 75%;
      display: flex;
      justify-content: flex-end;
  }
  .image-with-collection .main_content_wrapper  slider-component.slider-component-full-width {
      width: 100%;
  }
  .image-with-collection .main_content_wrapper .image_wrapper .product-grid {
      /* gap: 10px; */
    gap: 0;
  }
  .image-with-collection .main_content_wrapper .image_wrapper .slider-component-full-width .slider--desktop .slider__slide:first-child {
      margin-left: 0px;
  }
  .image-with-collection .main_content_wrapper .image_wrapper .slider-buttons {
      position: absolute;
      /* top: calc(50% - 20px); */
      top: 50%;
      width: 100%;
    z-index: 3;
  }
  .image-with-collection .main_content_wrapper .image_wrapper .slider-buttons .slider-button--next {
      position: absolute;
      right: 0px;
  }
  .image-with-collection .main_content_wrapper .image_wrapper .slider-buttons .slider-button--next::after{
    content:"next";
  }
  .image-with-collection .main_content_wrapper .image_wrapper .slider-buttons .slider-button--prev::after{
    content:"prev";
  }
  .image-with-collection .main_content_wrapper .image_wrapper .slider-buttons .slider-button--prev {
      position: absolute;
      left: 0px;
  }
  
  .image-with-collection .slider--desktop::after{ display: none; }
  .image-with-collection .slider-component-full-width .slider--desktop {
      scroll-padding-left: 0;
  }
  .image-with-collection .main_content_wrapper .image_wrapper .slider-buttons .slider-button {
      height: 30px;
      width: 30px;
    font-family: swiper-icons;
    font-size: 16px;
  }
  .image-with-collection .main_content_wrapper .image_wrapper .slider-buttons .slider-button:disabled{
    display: none;
  }
  .image-with-collection .main_content_wrapper .content_wrapper .heading {
      color: var(--Black, #000);
      font-family: var(--font-body-family);
      font-style: normal;
      font-weight: 400;
      line-height: 28px;
      margin: 0;
      text-transform: uppercase;
  }
  .image-with-collection .main_content_wrapper .desciption{
    font-family: var(--font-heading-family);
    margin: 0 0 30px;
    color: var(--Black, #000);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    }
    .image-with-collection .main_content_wrapper .desciption p{
      font-family: var(--font-heading-family);
      margin: 0 0 30px;
      color: var(--Black, #000);
      font-style: normal;
      font-weight: 400;
      line-height: 1.2;
    }
    .image-with-collection .main_content_wrapper .desciption p:last-child{
      margin: 0px;
    }
  .image-with-collection .slider{ margin: 0 }
  
  @media screen and (min-width: 750px){
  .image-with-collection .main_content_wrapper .image_wrapper.removeSlider .slider-buttons{ display: none; }
  .image-with-collection .main_content_wrapper .image_wrapper.removeSlider .product-grid{ justify-content: flex-end; }
  .image-with-collection .slider--desktop.grid--3-col-desktop .grid__item {
    /* width: calc((100% - var(--desktop-margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 0); */
    width: calc(33.33% - 14px); margin-right: 20px; max-width: calc(33.33% - 14px);
  }
  .image-with-collection .slider--desktop.grid--3-col-desktop .grid__item:last-child{
    margin-right: 0;
  }
  }
  @media screen and (max-width: 749px){
    .image-with-collection .main_content_wrapper{
      flex-wrap: wrap;
    }
    .image-with-collection .main_content_wrapper .image_wrapper{
      width: 100%;
    }
    .image-with-collection .main_content_wrapper .content_wrapper{
      width: 100%;
      margin-right: 0px;
    }
    .image-with-collection .slider--tablet::after{
      display: none;
    }
    .image-with-collection .main_content_wrapper .image_wrapper .slider-buttons {
      top: calc(50% - 37px);
    }
    .image-with-collection .main_content_wrapper .image_wrapper .product-grid {
    gap: 15px;
}
    .image-with-collection .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
      /* width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem); */
      width: calc(50% - 8px); margin-right: 0px !important; max-width: calc(50% - 0px);
    }
    .image-with-collection .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item:last-child{
      margin-right: 0 !important;
    }
    .image-with-collection .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item {
      width: calc(100% - 35px); margin-right: 8px !important; max-width: calc(100% - 35px);
    }
    .image-with-collection .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item:last-child{
      margin-right: 0 !important;
    }
    .image-with-collection .main_content_wrapper .image_wrapper.removeMobileSlider .slider-buttons{ display: none; }
  }


@media(max-width:749px){
  .image-with-collection .main_content_wrapper .image_wrapper .slider-buttons .slider-button{
    padding:5px !important;
    justify-content:flex-end;
  }
  .image-with-collection .main_content_wrapper .image_wrapper .slider-buttons .slider-button--prev {
    justify-content: flex-start !important;
}
}