/** Shopify CDN: Minification failed

Line 692:0 Unexpected "{"
Line 692:1 Expected identifier but found "%"

**/
/******************************************************************/
/* vars
/******************************************************************/

:root {
  --button-color: #fdeb9a;
  --lightGray: #fafafa;
  --lightGraySecond: #c6c6c6;
  --lightGrayThird: #f3f3f3;
  --lightGrayFourth: #e5e5e5;
  --lightGrayFifth: #f9f9f9;
  --lightGraySixth: #eaeaea;
  --lightGraySeventh: #e7e7e7;
  --lightGrayEigth: #d6d6d6;
  --lightGrayNineth: #9a9a9a;
  --gray: #737373;
  --yellow: #fdeb9a;
  --lightBlue: #D7ECF7;
  --green: #488A37;
  --greenSecond: #58BE3F;
  --red: #EC3618;
}

.section-collection-page {
  padding-top: 30px;
  padding-bottom: 100px;
}

.section-collection-page.offset-top {
  padding-top: 105px;
}

.section-collection-page h1 {
  font-size: 25px;
}

/* .section-collection-page p {
  font-size: 20px;
  line-height: 24px;
} */

.section-collection-page .product__image img {
  width: 100%;
}

/******************************************************************/
/* grid
/******************************************************************/

.section-collection-page .Container {
  max-width: 1380px;
  margin: 0 auto;
  padding: 0 30px;
}

.section-collection-page .content-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.section-collection-page .col-left {
  width: auto;
  flex: 1;
  padding-left: 15px;
  padding-right: 80px;
}

.section-collection-page .col-right {
  flex-basis: 342px;
}

/* @media(max-width: 1380px) {
  .section-collection-page .col-right {
    padding-right: 15px;
  }
} */

.section-collection-page .products {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px;
}

.section-collection-page .product {
  max-width: 25%;
  flex: 0 0 25%;
  padding-left: 15px;
  padding-right: 15px;
}

@media(max-width: 1200px) {
  .section-collection-page .product {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .section-collection-page .col-left {
    width: auto;
    flex: 1;
    padding-left: 15px;
    padding-right: 40px;
  }
}

@media(max-width: 768px) {
  .section-collection-page .product {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .section-collection-page .col-right {
    flex-basis: unset;
    padding-right: 0;
  }

  .section-collection-page .col-left {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-collection-page .content-wrapper {
    flex-direction: column;
  }
}

@media(max-width: 640px) {
  .section-collection-page .products {
    margin-left: -20px;
    margin-right: -20px;
  }

  .section-collection-page .product {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/******************************************************************/
/* content
/******************************************************************/

.section-collection-page .content {
  text-align: center;
  max-width: 400px;
  margin: 0 auto 50px auto;
}

/******************************************************************/
/* product
/******************************************************************/

.section-collection-page .product {
  text-align: center;
  margin-bottom: 30px;
}

.section-collection-page .product__image {
  position: relative;
}

.section-collection-page .product__image .sold-out-label {
  position: absolute;
  top: 10px;
  right: 10px;
  background: white;
  padding: 7px 12px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 14px;
}

@media(max-width: 768px) {
  .section-collection-page .product__image .sold-out-label {
    padding: 3px 4px 4px;
    font-size: 10px;
  }
}
.section-collection-page .product__link {
  display: block;
  cursor: pointer;
}

.section-collection-page .product__title {
  font-size: 20px;
  line-height: 28px;
  margin-top: 10px;
  margin-bottom: 5px;
  color: rgb(28, 27, 27);
}

.section-collection-page .product__description {
  /* font-size: 16px; */
  line-height: 22px;
  margin-bottom: 8px;
  color: #737373;
}

.section-collection-page .product__price {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 15px;
}

@media(max-width: 767px) {
  .section-collection-page .product__title {
    font-size: 16px;
    margin-top: 5px;
  }

  .section-collection-page .product__description {
    font-size: 12px;
    line-height: 16px;
  }

  .section-collection-page .product__price {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px;
  }
}

.section-collection-page .product__buttons,
.cart .cart__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}

.round-button {
  font-size: 16px;
  line-height: 22px;
  background-color: var(--button-color);
  width: 31px;
  height: 31px;
  border-radius: 50%;
  font-size: 20px;
  border: 1px solid #c6c6c6;
}

.section-collection-page .product__button__plus.disable {
  opacity: .4;
  cursor: unset;
  pointer-events: none;
}

@media(max-width: 768px) {
  .section-collection-page .product__button {
    width: 25px;
    height: 25px;
    font-size: 15px;
    line-height: 25px;
  }
}

.round-button::before {
  position: relative;
  top: -1px;
}

.section-collection-page .product__button__minus,
.section-collection-page .product__quantity {
  display: none;
}

.section-collection-page .product__quantity {
  padding: 0 18px;
  font-size: 16px;
}

.section-collection-page .product__button__minus::before,
.cart .cart__button__minus::before {
  content: "-";
  display: block;
}

.section-collection-page .product__button__plus::before,
.cart .cart__button__plus::before {
  content: "+";
  display: block;
}

/******************************************************************/
/* Label "New" on products
/******************************************************************/

.new-label {
  position: absolute;
  top: 10px;
  left: 10px;

  background: #FF6666;
  color: #393939;
  padding: 7px 12px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 14px;
}

.price-label {
  min-width: 35px;
  z-index: 1;
  position: absolute;
  top: 10px;
  left: 10px;
  background: #ED0E00;
  color: #ffffff;
  padding: 4px 6px;
  border-radius: 3px;
  font-size: 14px;
  line-height: 14px;
}

.Product__Slideshow .price-label {
  font-size: 18px;
  line-height: 18px;
  padding: 4px 12px;
}


.ds-action-images {
  display: none;
}

@media(max-width: 768px) {
  .new-label, .price-label {
    padding: 3px 4px;
    font-size: 12px;
  }

  .price-label {
    min-width: 30px;
  }

  .Product__Slideshow .price-label {
    font-size: 14px;
    line-height: 14px;
    padding: 4px 8px 3px 8px;
  }

  .ds-action-images {
    display: block;
    margin-top: 40px;
    margin-bottom: -30px;
  }

  .ds-action-images h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .ds-action-images__list {
    display: flex;
    margin: 0 auto;
    list-style: none;
    padding: 0;
  }
}


/******************************************************************/
/* cart
/******************************************************************/

.cart {
  border: 1px solid #c6c6c6;
  border-radius: 3px;
  overflow: hidden;
  position: sticky;
  top: 195px;
}

@media(min-width: 769px) {
  .cart {
    max-height: calc(100vh - 250px);
  }

  .cart.has-products .cart__form {
/*     max-height: calc(100vh - 370px);
    padding-bottom: 182px; */
  }

  .cart .cart__head .Icon--select-arrow {
    display: none;
  }
}

.cart .cart__head {
  display: flex;
  justify-content: space-between;
  padding: 18px 13px 14px;
  background-color: var(--lightGray);
}

.cart[data-progressbar-enabled] .cart__head {
  letter-spacing: .07em;
  background: #fafafa !important;
}

.cart .cart__title {
  font-weight: 600;
  font-size: 16px;
}

@media(min-width: 768px) {
  .cart .cart__total-count {
    font-size: 16px;
  }
}

.cart .cart__discount {
  text-align: center;
  padding: 11px 13px 14px 11px;
/*   border-bottom: 1px solid var(--lightGraySecond); */
  border-bottom: 1px solid var(--lightGrayThird);
  background: var(--secondary-elements-background-alt);
}

.cart .cart__discount-text {
  font-size: 12px;
  line-height: 19px;
  font-weight: 600;
  margin-bottom: 5px;
  margin: 0 auto 5px auto;
}

.cart__form-scroll {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cart .to-checkout {
  height: 194px;
}

.cart.active {
  z-index: 999999999;
}

@media(max-width: 767px) {
  .cart .cart__discount-text .hidden-on-mobile {
    display: none;
  }

  .cart__form-scroll {
    height: calc(100vh - 194px);
  }
}

@media(min-width: 769px) {
  .cart[data-progressbar-enabled] .cart__head {
    justify-content: space-between;
    padding: 15px 13px 11px;
  }

  .cart .cart__total-price {
    display: none;
  }

  .cart.has-products .cart__form-scroll {
    height: calc(100vh - 198px);
  }

  body.template-collection .cart.has-products .cart__form-scroll {
    height: calc(100vh - 200px); /* ADJUST BY ELBDEV */
    /*padding-bottom: 198px;*/
  }
}

@media(max-width: 385px) {
  .cart .cart__total-price {
    position: relative;
    top: 1px;
  }
}

@media(max-width: 768px) {
  .cart {
    position: fixed;
    top: unset;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background-color: #fff;
    border-radius: unset;
    border: unset;
    height: 61px;
    transition: height .3s ease;
  }

  body.template-collection .cart:not(.active) {
    height: 99px;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
  }

  .cart.active {
    height: 100%;
    overflow-y: auto;
  }

  .cart.active .cart__discount-text .hidden-on-mobile {
    display: block;
  }

  .cart .cart__discount,
  .cart .cart__waypoints span {
    transition: padding .3s ease, background-color .3s ease;
  }

  .cart.active .cart__discount {
    padding: 18px 15px;
  }

  .cart.active .cart__discount-text {
    margin-bottom: 13px;
  }

  .cart.active .cart__waypoints span {
    background-color: var(--lightBlue);
  }

  .cart .cart__discount {
    border: unset;
    padding-left: 15px;
    padding-right: 15px;
  }

  .cart .cart__head {
    position: relative;
    align-items: center;
    justify-content: unset;
    padding: 17px 50px 17px 15px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color .3s ease;
  }

  body.template-collection .cart .cart__head:not(.active) {
    height: 45px;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
    border-top: 1px solid #C6C6C6;
  }

  body.template-collection .cart:not(.active) .cart__head:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 9;
    display: block;
  }

  .cart .cart__head .Icon--select-arrow {
    width: 14px;
    position: absolute;
    top: 23px;
    right: 24px;
    color: transparent;
    transform: rotate(180deg);
    background: center / contain no-repeat;
    background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEAkACQAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAARABoDAREAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+439ob9ob4Q/sr/CHxj8cvjl4y0zwR8O/BGmzX+qapqE0Yub65EcjWGgaBYtIk+t+JtcuEFhoWhWIkvtTvpI4II8b3QA/z6/2qf8Ag4Q/ba+M/wC1n4e/aO/Z+v8AxH8JPgf8CNZWHwV8JEe/1Pwh4i0LVr6S1uLz4/Q6fOmk+Idb8e2cLaabI3NvaeFbVUsPBV7HrdtfeKdWAP7U/wDgmX/wU6+B/wDwUt+DMfjjwFNB4T+KXhiCztPi58G9R1O2ufEXgjWJg0aajY7TFPrfgrWpYppfD3iSO1hSZVk0/UYLHV7S7s4wD9LKAP4Bv28/hh/wVQ/4K6/8FOtY/ZB8d/D7V/gx4J+EmqG80TwtPc6nqPwY+F/wsubo2sPxr1fxPaWtnp3xC17xpYpLJoupW8cV/qt75ngzRLXRYtM1pbMA/ra/ZX/4JXfshfstfsmaz+yJpfw40X4heB/iDpLW3xu1vxzptpfa98ZNbubVbe71rxPPGFexjsmH/FI6XpM9tB4Mjjgn0WaPWPtesXgB/HT+27/wTR/bG/4Ir/tYeA/2of2FtU8e+MPhRrfje10z4aa94e0vUvEmv+HdT8RajaQW3wL+LugaVG//AAlejeLZpY9D0W4e3Nl40iSC2ePTvFcFqHAP7Pfh18cP28Ne+H3gXXPGP7E/grQvF+teDvDGreKtE/4aW0iw/sbxJqOiWN5rmlfYJvh5qc1l/Z+pzXVp9kl1LUJLbyfJe+u2QzyAH3NF/wAhi+/7Bulf+lWs0AaVAGRrf/HnD/2F/D//AKftNoA16AD/2Q==')
  }

  body.template-collection .cart .cart__head:not(.active) .Icon--select-arrow {
    transform: rotate(0deg);
    top: 14px;
    right: 13px;
  }

  .cart .cart__head::after {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492.002 492.002" style="enable-background:new 0 0 492.002 492.002" xml:space="preserve"><path d="M484.136 328.473 264.988 109.329c-5.064-5.064-11.816-7.844-19.172-7.844-7.208 0-13.964 2.78-19.02 7.844L7.852 328.265C2.788 333.333 0 340.089 0 347.297s2.784 13.968 7.852 19.032l16.124 16.124c5.064 5.064 11.824 7.86 19.032 7.86s13.964-2.796 19.032-7.86l183.852-183.852 184.056 184.064c5.064 5.06 11.82 7.852 19.032 7.852 7.208 0 13.96-2.792 19.028-7.852l16.128-16.132c10.488-10.492 10.488-27.568 0-38.06z"/></svg>');
    width: 13px;
    height: 21px;
    display: block;
    position: absolute;
    right: 15px;
    top: 21px;
    transition: transform .3s ease;
    display: none;
  }

  .cart .cart__head.active {
    background-color: var(--lightGray);
  }

  .cart .cart__head.active::after {
    transform: rotate(-180deg);
  }

  .cart .cart__head div {
    margin-right: 30px;
  }

  body.template-collection .cart .cart__head:not(.active) .cart__title,
  body.template-collection .cart .cart__head.active .cart__total-count svg,
  body:not(.template-collection) .cart .cart__head .cart__total-count svg,
  body.template-collection .cart .cart__head:not(.active) .cart__total-count:after,
  body.template-collection .cart .cart__head:not(.active) .cart__total-price {
    display: none !important;
  }

  body.template-collection .cart .cart__head:not(.active) .cart__total-count svg {
    position: relative;
    bottom: 3px;
    margin-right: 9px;
    zoom: .9;
  }

  .cart .cart__head div::after {
    content: '';
    height: 17px;
    width: 1px;
    background-color: black;
    display: inline-block;
    position: relative;
    left: 14px;
    top: 3px;
  }

  .cart .cart__head div:last-child:after {
    content: none;
  }

  .cart .cart__product img {
    margin-right: 20px;
  }

  .cart .to-checkout {
    position: absolute;
    width: 100%;
    bottom: -245px;
    background-color: #fff;
    transition: bottom .3s ease;
  }

  .cart.active .to-checkout {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #fff;
  }

  /* Scroll corrections */
  .cart.active .to-checkout {
    position: relative;
  }

  .cart .cart__form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
  }
  /* /Scroll corrections */
}

@media(min-width: 769px) {
  .cart .cart__head .cart__total-count svg {
    display: none !important;
  }
}

/* @media(max-width: 385px) { */
@media(max-width: 768px) {
  .cart .cart__head div {
    margin-right: 12px;
  }

  .cart .cart__head div:after {
    left: 3px;
  }
}

{% if template.name == 'collection' %}

/******************************************************************/
/* cart discount progress bar
/******************************************************************/

.cart .cart__discount-progress {
  position: relative;
  width: 100%;
  height: 9px;
  background-color: transparent;
  background-color: var(--lightGrayThird);
  border-radius: 30px;
  overflow: hidden;
}

.cart .cart__discount-progress-background {
  position: absolute;
  left: 0;
  top: 1px;
  right: 0;
  width: 0%;
  height: 7px;
  background: var(--button-background);
  transition: width 300ms ease;
  border-right: 1px var(--lightGraySecond) solid;
}

/******************************************************************/
/* waypoints
/******************************************************************/

.cart .cart__waypoints {
  height: 100%;
  border: 1px var(--lightGraySecond) solid;
  border-radius: 30px;
}

.cart .cart__waypoints::before,
.cart .cart__waypoints::after {
  content: "";
  width: 23px;
  height: 9px;
  display: block;
  position: absolute;
  top: 0;
}

.cart .cart__waypoints::before {
  left: 0;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  border-left: 1px var(--lightGraySecond) solid;
  border-top: 1px var(--lightGraySecond) solid;
  border-bottom: 1px var(--lightGraySecond) solid;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.cart .cart__waypoints::after {
  right: 0;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-right: 1px var(--lightGraySecond) solid;
  border-top: 1px var(--lightGraySecond) solid;
  border-bottom: 1px var(--lightGraySecond) solid;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.cart .cart__waypoints span {
  border-left: 1px var(--lightGraySecond) solid;
  border-right: 1px var(--lightGraySecond) solid;
  width: 5px;
  height: 100%;
  position: absolute;
  background-color: #fff;
  top: 0;
  display: none;
}

.cart .cart__waypoints span:nth-child(1) {
  left: 30%;
}

.cart .cart__waypoints span:nth-child(2) {
  left: 50%;
}

/******************************************************************/
/* cart empty
/******************************************************************/

.cart .cart__empty {
  text-align: center;
  padding: 35px 0 35px 0;
}

@media(max-width: 768px) {
  .cart .cart__empty {
    padding-top: 25%;
  }
}

@media(min-width: 769px) {
  .cart .cart__empty .button-on-mobile {
    display: none;
  }
}

.cart .cart__empty .button-on-mobile {
  margin-top: 27px;
}

.cart .cart__empty .button-on-mobile .Button {
  width: auto;
  margin: 0 auto;
  cursor: pointer;
  text-transform: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: normal;
  min-width: 220px;
}

.cart .cart__empty .cart__empty-icon {
  position: relative;
  width: 100%;
  height: 68px;
  margin-bottom: 27px;
}

.cart .cart__empty .cart__empty-icon:before {
  content: url('data:image/svg+xml; utf8, <svg width="62" height="68" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.127 30c-.595-9.667.596-29 10.118-29s10.316 19.333 9.522 29" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="m1 67 5.106-50h49.15L61 67H1Z" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 1px;
}

.cart .cart__empty-info {
  font-size: 16px;
}

/******************************************************************/
/* cart product
/******************************************************************/

/* .cart .cart__products-container {
  max-height: 327px;
  overflow-y: auto;
} */

.cart .cart__products {
  padding: 25px 20px;
}

@media(max-width: 767px) {
  .cart .cart__products {
/*     padding-bottom: 60px; */
  }
}

@media(min-width: 769px) {
  .cart .cart__products {
    padding: 37px 13px;
  }
}

@media(max-height: 945px) {
/*   .cart .cart__products-container {
    max-height: calc(100vh - 550px);
  } */
}

.cart .cart__product {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 23px;
}

@media(max-width: 768px) {
/*   .cart .cart__products-container {
    max-height: calc((var(--vh, 1vh) * 100) - 323px);
  } */

  .cart .cart__product {
    justify-content: unset;
  }

  .cart .cart__buttons {
    margin-left: auto;
  }
}

.cart .cart__product-title-price {
  width: 110px;
}

@media(max-width: 768px) and (min-width: 386px) {
  .cart .cart__product-title-price {
    max-width: 150px;
  }
}

.cart .cart__product-title {
  font-size: 16px;
  line-height: 19px;
}

.cart .cart__product-discount-price,
.cart .cart__product-price {
  font-size: 12px;
  line-height: 19px;
  color: var(--gray);
}

.cart .cart__product-discount-price {
  font-weight: 600;
  text-decoration: line-through;
  margin-right: 6px;
}

.cart .cart__product-price.line-through {
  font-weight: bold;
  text-decoration: line-through;
}

.cart .cart__product:last-child {
  margin-bottom: 0;
}

.cart .cart__product img {
  width: 90px;
  height: 90px;
}

/******************************************************************/
/* cart buttons
/******************************************************************/

.cart .cart__button {
/*   width: 22px;
  height: 22px;
  font-size: 16px;
  background-color: var(--lightGray); */
  font-size: 20px;
  line-height: 1;
  width: 26px;
  height: 26px;
  background: #FAFAFA;
  border-radius: 50%;
  border: 1px solid #C6C6C6;
  display: block;
  padding-bottom: 1px;
}

.cart .cart__button.cart__button__plus:before {
  top: 0;
}

.cart .cart__quantity {
  padding: 0 15px;
  font-size: 16px;
}

/******************************************************************/
/* total price
/******************************************************************/

@media(min-width: 769px) {
  .cart .to-checkout {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 198px;
    background-color: white;
  }
}

.cart .total-price {
  padding: 15px;
  border-top: 1px solid var(--lightGrayThird);
}

.cart .total-price .wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 12px;
}

.cart .total-label,
.cart .total {
  font-weight: 600;
}

.cart .shipping-price .free-shipping {
/*   color: var(--greenSecond); */
  color: #77B255;
  text-transform: capitalize;
}

@media(max-width: 768px) {
  .cart .total-price > .wrapper:first-child,
  .cart .total-price > .wrapper:nth-child(2) {
    color: #737373;
  }
}

/******************************************************************/
/* submit button
/******************************************************************/

.cart .button-wrapper {
  padding: 0 15px 12px 15px;
}

.button-wrapper .Button {
  width: 100%;
  margin-top: 0;
  box-shadow: none;
  color: var(--button-text-color);
/*   font-size: 13px;
  font-weight: 700;
  line-height: 18.46px;
  letter-spacing: 3.9px; */
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.2em;
  padding: 18px 12px;
  min-height: 58px;
}

.cart .payment-methods {
  text-align: center;
  padding: 0 15px 12px;
}

.cart .payment-methods img {
  width: 256px;
}

@media(min-width: 769px) {
  .cart .payment-methods {
    padding: 0 15px 12px;
  }
}


/******************************************************************/
/* mobile cart on other pages
/******************************************************************/

.cart-wrapper .cart {
  height: 0;
}

.cart-wrapper .cart.active {
  height: 100%;
}

.cart-wrapper .cart__head::after {
  content: url('data:image/svg+xml; utf8, <svg id="Capa_1" enable-background="new 0 0 413.348 413.348" height="15" viewBox="0 0 413.348 413.348" width="15" xmlns="http://www.w3.org/2000/svg"><path d="m413.348 24.354-24.354-24.354-182.32 182.32-182.32-182.32-24.354 24.354 182.32 182.32-182.32 182.32 24.354 24.354 182.32-182.32 182.32 182.32 24.354-24.354-182.32-182.32z"/></svg>');
  height: 15px;
  width: 15px;
}

.cart-wrapper .cart[data-progressbar-enabled] .cart__head::after {
  display: none !important;
}

@media(min-width: 769px) {
  .cart-wrapper .cart__head::after {
    position: relative;
    top: 3px;
  }
}

.cart-wrapper .cart .cart__head.active::after {
  transform: unset;
}

.trigger-cart {
  cursor: pointer;
  position: relative;
}

/* @media(max-width: 767px) {
  .trigger-cart {
    margin-left: 25px;
  }
} */

.trigger-cart .Icon,
.cart-icon.hidden-mobile .Icon {
  width: 17px;
  height: 20px;
}

.cart-icon.hidden-mobile {
  position: relative;
  bottom: 1px;
}

@media(max-width: 1139px) {

  .trigger-cart,
  .cart-icon.hidden-mobile {
    margin-left: 25px;
  }
}

@media(max-width: 1139px) and (min-width: 768px) {
  .trigger-cart-medium {
    display: block;
  }
}

@media(min-width: 769px) {
  .cart-icon.hidden-desktop {
    display: none;
  }
}

@media(max-width: 768px) {
  .cart-icon.hidden-mobile {
    display: none;
  }
}

@media(max-width: 768px) {
  .Icon-Wrapper.trigger-cart {
    position: relative;
    bottom: -1px;
  }
  .Header__FlexItem .Heading.cart-icon.trigger-cart {
    position: relative;
    bottom: -2px;
  }
}

@media(max-width: 1139px) {
  .Header__FlexItem .Heading.cart-icon.hidden-mobile {
    position: relative;
    bottom: -2px;
  }
}

@media(max-width: 1139px) and (min-width: 769px) {
  .Header__FlexItem .Heading.cart-icon.trigger-cart {
    position: relative;
    bottom: -3px;
  }
}

.cart-icon.hidden-mobile svg {
  height: 23px;
  width: 19px;
}

@media(min-width: 768px) {
  .cart-wrapper {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: right .3s ease, opacity .3s ease, visibility .3s ease;
    -webkit-transition: right .3s ease, opacity .3s ease, visibility .3s ease;
    -moz-transition: right .3s ease, opacity .3s ease, visibility .3s ease;
    -o-transition: right .3s ease, opacity .3s ease, visibility .3s ease;
  }

  .cart-wrapper .cart {
    position: absolute;
    top: 0;
    right: -342px;
    z-index: 100;
    background: white;
    height: 100%;
    max-height: 100%;
    min-width: 342px;
    border-radius: 0;
    opacity: 0;
    visibility: hidden;
    transition: right .3s ease, opacity .3s ease, visibility .3s ease;
    -webkit-transition: right .3s ease, opacity .3s ease, visibility .3s ease;
    -moz-transition: right .3s ease, opacity .3s ease, visibility .3s ease;
    -o-transition: right .3s ease, opacity .3s ease, visibility .3s ease;
  }

/*   .cart-wrapper .cart .cart__products-container {
    max-height: calc(100vh - 302px);
  } */

  .cart-wrapper .cart__head {
    cursor: pointer;
  }

  .cart-wrapper.open {
    opacity: 1;
    visibility: visible
  }

  .cart-wrapper.open .cart {
    right: 0;
    visibility: visible;
    opacity: 1;
  }
}

/******************************************************************/
/* popup
/******************************************************************/

.template-collection .row {
  display: flex;
  margin-left: -30px;
  margin-right: -30px;
}

.template-collection .col-12 {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 100%;
  flex: 0 0 100%;
}

.template-collection .col-6 {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 50%;
  flex: 0 0 50%;
}

@media(max-width: 767px) {
  .template-collection .row {
    flex-direction: column;
  }

  .template-collection .col-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

.popup {
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 200;
  transition: opacity .3s ease, visibility .3s ease;
  -webkit-transition: opacity .3s ease, visibility .3s ease;
  -moz-transition: opacity .3s ease, visibility .3s ease;
  -o-transition: opacity .3s ease, visibility .3s ease;
}

.popup.popup--open {
  opacity: 1;
  visibility: visible;
}

.popup__content {
  position: relative;
  width: 90%;
  max-width: 865px;
  max-height: 75vh;
  background-color: white;
  margin: 0 auto;
  padding: 60px 45px;
  transform: scale(0);
  transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
  -webkit-transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
  -moz-transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
  -o-transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
  opacity: 0;
  visibility: hidden;
  text-align: left;
  overflow-x: hidden;
  border-radius: 3px;
}

@media(max-width: 767px) {
  .popup__content {
    padding-left: 0;
    padding-right: 0;
    width: 93%;
    height: 100%;
    max-height: unset;
    top: 20px;
  }
}

.popup.popup--open .popup__content {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  overflow-y: auto;
}

.popup__close {
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
}

.popup__close:before {
  content: url('data:image/svg+xml; utf8, <svg id="Capa_1" enable-background="new 0 0 413.348 413.348" height="20" viewBox="0 0 413.348 413.348" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m413.348 24.354-24.354-24.354-182.32 182.32-182.32-182.32-24.354 24.354 182.32 182.32-182.32 182.32 24.354 24.354 182.32-182.32 182.32 182.32 24.354-24.354-182.32-182.32z"/></svg>');
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 1px;
}

.popup__content .product__title {
  font-weight: bold;
  margin-bottom: 20px;
}

.popup__content .product__price {
  display: inline-block;
  margin-bottom: 25px;
  margin-right: 5px;
}

.popup__content .product__info {
  font-size: 12px;
  color: var(--gray);
}

.popup__content .product__available {
  position: relative;
  padding-left: 22px;
  margin-bottom: 35px;
}

.popup__content .product__available--true {
  color: var(--green);
}

.popup__content .product__available--false {
  color: var(--red);
}

@media(min-width: 768px) {
  .popup__content .product__title.product__title--mobile {
    display: none;
  }

  .popup__content .product__title {
    font-size: 30.6px;
    line-height: 30.6px;
    font-weight: 600;
    color: var(--heading-color);
  }

  .popup__content .product__price {
    font-size: 20px;
  }

  .popup__content .product__info {
    font-size: 14px;
  }
}

.pulse {
  position: absolute;
  left: -6px;
  top: -2px;
  background: rgba(72, 138, 55, 1);
  border-radius: 50%;
  margin: 10px;
  height: 8px;
  width: 8px;
  box-shadow: 0 0 0 0 rgba(72, 138, 55, 1);
  transform: scale(1);
  animation: pulseAvailable 3s infinite;
}

.pulse.available--false {
  background: rgba(236, 54, 24, 1);
  box-shadow: 0 0 0 0 rgba(236, 54, 24, 1);
  animation: pulseUnAvailable 3s infinite;
}

@keyframes pulseAvailable {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(72, 138, 55, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 5px rgba(72, 138, 55, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(72, 138, 55, 0);
  }
}

@keyframes pulseUnAvailable {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(236, 54, 24, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 5px rgba(236, 54, 24, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(236, 54, 24, 0);
  }
}

.popup__content .button-wrapper,
.popup__content .payment-methods {
  padding: 0;
  max-width: 365px;
}

.popup__content .button-wrapper {
  margin-bottom: 10px;
}

.popup__content .button-wrapper .Button--primary.disable {
  opacity: .4;
  pointer-events: none;
}

.popup__content .pdp-button-wrapper {
  margin-top: 25px;
  max-width: 100%;
  display: flex;
  align-items: center;
}

.popup__content .pdp-button-wrapper .Button--primary {
  width: auto;
  margin: 0 auto;
  border-color: var(--lightGrayFifth);
}

.popup__content .pdp-button-wrapper .Button--primary {
  width: auto;
  margin: 0 auto;
  border-color: var(--lightGrayFifth);
}

.popup__content .pdp-button-wrapper .Button--primary:hover,
.Button--primary:hover {
  color: #000 !important;
}

.popup__content .pdp-button-wrapper .Button--primary::before {
  background-color: var(--lightGrayFifth);
}

@media(max-width: 767px) {
  .popup__content {
    padding-top: 20px;
  }

  .popup__content .popup__close {
    top: 23px;
  }

  .popup__content .product__content {
    padding: 0 15px;
  }

  .popup__content .product__title {
    display: none;
  }

  .popup__content .product__title.product__title--mobile {
    display: block;
    padding: 0 40px 0 15px;
    margin-top: 0;
    font-weight: 600;
    font-size: 20px;
  }

  .popup__content .button-wrapper,
  .popup__content .payment-methods {
    max-width: 100%;
  }

  .popup__content .product__available {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .popup__content .product__price {
    margin-bottom: 0;
    margin-right: 5px;
    font-size: 16px;
  }

  .popup__content .price-info-wrapper {
    margin-bottom: 10px;
  }

  .popup__content .product__info {
    font-size: 10px;
  }
}

/******************************************************************/
/* swiper slider
/******************************************************************/

.product__image-thumbnail-slider .slick-track {
  margin: 0;
}

.product__image-thumbnail-slider .swiper-slide {
  border: 1px var(--lightGrayFourth) solid;
  cursor: pointer;
}

.product__image-thumbnail-slider .swiper-slide-thumb-active {
  border: 1px black solid;
}

.product__image-view-slider .item,
.product__image-thumbnail-slider .item {
  position: relative;
  cursor: pointer;
}

.product__image-view-slider .item {
  position: relative;
  transition: width .3s ease;
  margin-bottom: 25px;
  min-height: 20vh;
}

@media(max-width: 767px) {
  .product__image-view-slider .item {
    margin-bottom: 40px;
  }
}

.product__image-view-slider .item img {
  width: 100%;
  height: auto;
}

@media(max-width: 767px) {
  .product__image-thumbnail-slider {
    display: none !important;
  }

  .product__image-view-slider {
    padding-left: 15px !important;
  }
}

/******************************************************************/
/* swiper pagination
/******************************************************************/

.section-collection-page .swiper-pagination {
  bottom: 12px !important;
}

.section-collection-page .swiper-pagination-bullet {
  list-style: none;
  width: 10px;
  height: 10px;
  opacity: 1;
  background: #f1f1f1 0% 0% no-repeat padding-box;
  border-radius: 50%;
  margin-left: 0px !important;
  margin-right: 5px !important;
  display: inline-block;
  cursor: pointer;
  transition: background 0.2s ease;
}

@media(min-width: 768px) {
  .section-collection-page .swiper-pagination-bullet {
    display: none;
  }
}

.section-collection-page .swiper-pagination-bullet-active {
  background: #d8d8d8 0% 0% no-repeat padding-box;
}

/******************************************************************/
/* swiper prev/next buttons
/******************************************************************/

.section-collection-page .swiper-button-prev {
  left: 20px;
}

.section-collection-page .swiper-button-next {
  right: 20px;
}

.section-collection-page .swiper-button-prev,
.section-collection-page .swiper-button-next {
  width: 27px;
  height: 27px;
  border: 1px #c6c6c6 solid;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}

.section-collection-page .swiper-button-prev:after,
.section-collection-page .swiper-button-next:after {
  content: none;
}

.section-collection-page .swiper-button-disabled {
  display: none;
}

@media(max-width: 768px) {

  .section-collection-page .swiper-button-prev,
  .section-collection-page .swiper-button-next {
    display: none;
  }
}

/******************************************************************/
/* swiper prev/next buttons
/******************************************************************/

.section-collection-page .accordion-wrapper {
  background-color: var(--lightGrayFifth);
  padding: 0 23px;
  margin-top: 50px;
  margin-top: 50px;
  margin-bottom: 40px;
}

@media(max-width: 767px) {
  .section-collection-page .accordion-wrapper {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px;
  }
}

.section-collection-page .accordion-wrapper .accordion-title {
  cursor: pointer;
  height: 60px;
  padding: 0 40px 0 0px;
  width: 100%;
  position: relative;
  font-size: 18px;
  color: #000;
  display: flex;
  align-items: center;
  border-bottom: 1px var(--lightGraySixth) solid;
  transition: border-color .3s ease;
}

.section-collection-page .accordion-wrapper .accordion:last-child .accordion-title {
  border-color: transparent;
}

.section-collection-page .accordion-wrapper .accordion:last-child .accordion-title.active+.accordion-content {
  border-color: transparent;
}

.section-collection-page .accordion-wrapper .accordion-title:after {
  content: url('data:image/svg+xml; utf8, <svg height="25" viewBox="0 0 128 128" width="25" xmlns="http://www.w3.org/2000/svg"><path d="M64 88a3.988 3.988 0 0 1-2.828-1.172l-40-40c-1.563-1.563-1.563-4.094 0-5.656s4.094-1.563 5.656 0L64 78.344l37.172-37.172c1.563-1.563 4.094-1.563 5.656 0s1.563 4.094 0 5.656l-40 40A3.988 3.988 0 0 1 64 88z"/></svg>');
  display: block;
  font-size: 18px;
  position: absolute;
  right: 5px;
  top: 18px;
  width: 25px;
  height: 25px;
  line-height: 15px;
  transition: transform .3s ease;
}

.section-collection-page .accordion-wrapper .accordion-content {
  display: none;
}

.section-collection-page .accordion-wrapper .accordion-content iframe {
  width: 100%;
}

.section-collection-page .accordion-wrapper .accordion-content-wrapper {
  padding: 20px 0;
}

.section-collection-page .accordion-wrapper .accordion-content.visible {
  display: block;
}

.section-collection-page .accordion-wrapper .accordion-title.active:after {
  transform: rotate(-180deg);
}

.section-collection-page .accordion-wrapper .accordion:last-child .accordion-title.active {
  border-bottom: 1px var(--lightGraySixth) solid;
}

.section-collection-page .accordion-wrapper .accordion-title.active+.accordion-content {
  border-bottom: 1px var(--lightGraySixth) solid;
}

/******************************************************************/
/* accordion text format
/******************************************************************/

.section-collection-page .accordion-wrapper .accordion-content p,
.section-collection-page .accordion-wrapper .accordion-content td {
  /* font-size: 16px; */
}

.section-collection-page .accordion-wrapper .accordion-content ul {
  padding-left: 17px;
  margin-bottom: 15px;
  list-style-position: unset;
}

.section-collection-page .accordion-wrapper .accordion-content ul:last-child {
  margin-bottom: 0;
}

@media(max-width: 767px) {
  .section-collection-page .accordion-wrapper .accordion-content p {
    /* font-size: 16px; */
  }
}

/******************************************************************/
/* table styling
/******************************************************************/

.section-collection-page .accordion-wrapper .accordion--first-element table td:first-child img {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: unset;
}

.section-collection-page .accordion-wrapper .accordion--first-element table td:first-child br {
  display: none;
}

.section-collection-page .accordion-wrapper .accordion--first-element table td:first-child {
  width: 11% !important;
  padding-right: 15px !important;
}

@media(max-width: 991px) {
  .section-collection-page .accordion-wrapper .accordion--first-element table td:first-child {
    width: 18% !important;
  }
}

.section-collection-page .accordion-wrapper .accordion--first-element table tr,
.section-collection-page .accordion-wrapper .accordion--first-element table td {
  vertical-align: top;
  height: auto !important;
}

.section-collection-page .accordion-wrapper .accordion--first-element table b,
.section-collection-page .accordion-wrapper .accordion--first-element table strong,
.section-collection-page .accordion-wrapper .accordion--first-element table strong span {
  font-size: 16px !important;
  line-height: 20px;
  font-weight: bold !important;
}

.section-collection-page .accordion-wrapper .accordion--first-element table span,
.section-collection-page .accordion-wrapper .accordion--first-element table p {
  font-size: 16px !important;
}

@media(max-width: 767px) {
  .section-collection-page .accordion-wrapper .accordion--first-element table td:first-child {
    width: 11% !important;
  }

  .section-collection-page .accordion-wrapper .accordion--first-element table b,
  .section-collection-page .accordion-wrapper .accordion--first-element table strong,
  .section-collection-page .accordion-wrapper .accordion--first-element table strong span {
    font-size: 16px !important;
    line-height: 20px;
    font-weight: bold !important;
  }
}

@media(max-width: 600px) {
  .section-collection-page .accordion-wrapper .accordion--first-element table td:first-child {
    width: 22% !important;
  }
}

/******************************************************************/
/* html overflow styling if mobile cart is open
/******************************************************************/

/** DISABLED BY ELBDEV
html.mobile-cart-open,
html.mobile-cart-open body,
html.filter-is-open,
html.filter-is-open body {
  position: relative;
  overflow-y: hidden;
  height: 100%;
}

html.popup-is-open,
html.popup-is-open body {
  position: relative;
  overflow-y: hidden;
}
**/

/******************************************************************/
/* filter
/******************************************************************/

.collection-filter {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  border-bottom: 1px var(--lightGraySeventh) solid;
}

.collection-filter.fixed {
  position: fixed;
  top: 93px;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #fff;
  z-index: 4;
}

/* @media(max-width: 1212px) and (min-width: 1140px) {
  .collection-filter.fixed {
    top: 100px;
  }
} */

.collection-filter .filter__wrapper {
  display: flex;
  align-items: center;
  overflow: hidden;
  max-width: 1500px;
  height: 50px;
  margin: 0 auto;
}

@media(min-width: 768px) {
  .collection-filter .filter__wrapper {
    padding: 0 30px;
  }
}

.collection-filter .filter__overflow {
  overflow-x: auto;
}

.collection-filter .filter__button {
  position: relative;
  margin-right: 40px;
  padding: 11px 15px 11px 10px;
  max-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.05);
  border: 1px var(--lightGraySecond) solid;
  background-color: #fff;
  border-radius: 3px;
}

.collection-filter .filter__button:before {
  content: url('data:image/svg+xml; utf8, <svg height="20" viewBox="-4 0 393 393.99" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M368.313 0H17.05A16.5 16.5 0 0 0 2.344 8.96a16.732 16.732 0 0 0 1.3 17.415l128.688 181.281c.043.063.09.121.133.184a36.769 36.769 0 0 1 7.219 21.816v147.797a16.429 16.429 0 0 0 16.433 16.535c2.227 0 4.426-.445 6.48-1.297l72.313-27.574c6.48-1.976 10.781-8.09 10.781-15.453V229.656a36.774 36.774 0 0 1 7.215-21.816c.043-.063.09-.121.133-.184L381.723 26.367a16.717 16.717 0 0 0 1.3-17.406A16.502 16.502 0 0 0 368.313 0zM236.78 195.992a56.931 56.931 0 0 0-11.097 33.664v117.578l-66 25.164V229.656a56.909 56.909 0 0 0-11.102-33.664L23.648 20h338.07zm0 0"/></svg>');
  display: block;
  position: relative;
  top: 3px;
  margin-right: 8px;
}

.collection-filter .filter__button.active:before {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path style="stroke:none;fill-rule:nonzero;fill:%23000;fill-opacity:1" d="M7.617 9.45c.211.23.324.527.324.835v9.094c0 .55.66.828 1.055.441l2.535-2.906c.34-.406.528-.61.528-1.012V10.29c0-.309.117-.61.324-.836l7.281-7.898C20.207.96 19.79 0 18.98 0H1.02a.927.927 0 0 0-.684 1.555Zm0 0"/></svg>');
}

.collection-filter .filter__button .filter__count {
  display: none;
}

.collection-filter .filter__button.active .filter__count {
  display: block;
}

.collection-filter .filter__count {
  height: 15px;
  background-color: var(--button-color);
  border-radius: 2px;
  margin-left: 10px;
  font-size: 10px;
  font-weight: bold;
  line-height: 15px;
  padding: 0 2px;
}

.collection-filter ul.filter__categories {
  display: flex;
}

.collection-filter .filter__categories li {
  position: relative;
  display: inline-flex;
  margin-right: 40px;
  cursor: pointer;
  white-space: nowrap;
}

.collection-filter .filter__categories li:last-child {
  padding-right: 40px;
}

.collection-filter .filter__categories li:last-child span {
  position: relative;
}

.collection-filter .filter__categories li.active:after,
.collection-filter .filter__categories li:last-child.active span:after {
  content: '';
  width: 100%;
  height: 6px;
  background-color: var(--lightBlue);
  position: absolute;
  left: 0;
  bottom: 3px;
  z-index: -1;
}

.collection-filter .filter__categories li:last-child.active:after {
  content: none;
}

/******************************************************************/
/* filter-popup
/******************************************************************/

.filter-popup {
  position: fixed;
  z-index: 199;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.6);
  transition: opacity .3s ease, visibility .3s ease;
  -webkit-transition: opacity .3s ease, visibility .3s ease;
  -moz-transition: opacity .3s ease, visibility .3s ease;
  -o-transition: opacity .3s ease, visibility .3s ease;
}

.filter-popup__content {
  max-width: 885px;
  height: 90vh;
  max-height: 821px;
  width: 90%;
  margin: 0 auto;
  background-color: #fff;
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 3px;
  transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
  -webkit-transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
  -moz-transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
  -o-transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
}

/******************************************************************/
/* open filter popup
/******************************************************************/

.filter-popup.filter-popup--open,
.filter-popup--open .filter-popup__content {
  opacity: 1;
  visibility: visible;
}

.filter-popup--open .filter-popup__content {
  transform: scale(1);
}

/******************************************************************/
/* filter popup inner styles
/******************************************************************/

.filter-popup__content {
  position: relative;
  padding-top: 70px;
  padding-bottom: 35px;
}

.filter-popup__close {
  position: absolute;
  top: 30px;
  right: 20px;
  cursor: pointer;
  border: 1px var(--lightGrayEigth) solid;
  padding: 7px 15px 7px 40px;
  border-radius: 3px;
}

.filter-popup__close:before {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path style="stroke:none;fill-rule:nonzero;fill:%23000;fill-opacity:1" d="M7.617 9.45c.211.23.324.527.324.835v9.094c0 .55.66.828 1.055.441l2.535-2.906c.34-.406.528-.61.528-1.012V10.29c0-.309.117-.61.324-.836l7.281-7.898C20.207.96 19.79 0 18.98 0H1.02a.927.927 0 0 0-.684 1.555Zm0 0"/></svg>');
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
}

.filter-popup__head {
  font-weight: 600;
  font-size: 30.6px;
  letter-spacing: 0.765px;
  line-height: 30.6px;
}

@media(max-width: 767px) {
  .filter-popup__head {
    font-weight: 600;
    font-size: 26px;
    line-height: 28px;
  }
}

.filter-popup__head-first {
  padding-bottom: 25px;
  padding-left: 30px;
}

.filter-popup li {
  display: inline;
}

.filter-popup__overflow {
  overflow-x: auto;
  background-color: var(--lightGrayFifth);
}

.filter-popup .filter-popup__categories {
  display: flex;
  padding: 16px 0 15px 30px;
}

.filter-popup .filter-popup__categories li {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  flex-grow: 1;
  min-width: 115px;
  height: 67px;
  line-height: 21px;
  background-color: #fff;
  border: 1px var(--lightGrayEigth) solid;
  margin-right: 20px;
  cursor: pointer;
  border-radius: 3px;
  padding-bottom: 9px;
}

.filter-popup .filter-popup__categories li.spacing-element {
  pointer-events: none;
  cursor: unset;
  background-color: unset;
  border-radius: unset;
  min-width: 0;
  padding: 0;
  border-color: var(--lightGrayFifth);
}

.filter-popup .filter-popup__categories li.active {
  border: 1px #000 solid;
}

.filter-popup .filter-popup__head-second,
.filter-popup .filter-popup__head-third {
  margin-bottom: 25px;
}

.filter-popup .filter-popup__tags li,
.filter-popup .filter-popup__filtered-item {
  display: inline-block;
  font-size: 16px;
  line-height: 19px;
  border: 1px var(--lightGrayEigth) solid;
  padding: 5px 8px 5px 8px;
  border-radius: 3px;
  cursor: pointer;
  margin-right: 20px;
  margin-bottom: 20px;
}

.filter-popup .filter-popup__tags li.active {
  border: 1px black solid;
}

.filter-popup .filter-popup__categories li:first-child {
  line-height: 19px;
  text-align: center;
}

/******************************************************************/
/* filter-popup state
/******************************************************************/

.filter-popup__state {
  border-top: 1px var(--lightGrayThird) solid;
  padding: 35px 30px 0 30px;
}

.filter-popup .filter-popup__filtered-headline {
  font-weight: bold;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
}

.filter-popup .filter-popup__no-active-filter {
  display: inline-block;
  color: var(--lightGrayNineth);
  font-size: 16px;
}

.filter-popup .filter-popup__filtered-item {
  position: relative;
  padding-right: 30px;
  border-color: #000;
  cursor: unset;
}

.filter-popup .filter-popup__filtered-item:first-child {
  padding-right: 8px;
}

.filter-popup .filter-popup__filtered-item:first-child .filter-popup__filtered-remove-icon {
  display: none;
}

.filter-popup .filter-popup__filtered-remove-icon {
  position: absolute;
  right: 7px;
  top: 7px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.filter-popup .filter-popup__filtered-remove-icon:before {
  content: url('data:image/svg+xml; utf8, <svg height="15" viewBox="0 0 189.524 189.524" width="15" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M121.564 67.959a4.737 4.737 0 0 1 0 6.701L74.66 121.564a4.74 4.74 0 0 1-6.701-6.701l46.905-46.905a4.739 4.739 0 0 1 6.7.001z" fill-rule="evenodd"/><path clip-rule="evenodd" d="M67.959 67.959a4.74 4.74 0 0 1 6.701 0l46.905 46.904a4.738 4.738 0 1 1-6.701 6.702L67.959 74.66a4.74 4.74 0 0 1 0-6.701z" fill-rule="evenodd"/><path clip-rule="evenodd" d="M94.762 180.048c47.102 0 85.286-38.183 85.286-85.286 0-47.102-38.183-85.286-85.286-85.286-47.102 0-85.286 38.184-85.286 85.286s38.184 85.286 85.286 85.286zm0 9.476c52.335 0 94.762-42.427 94.762-94.762C189.524 42.426 147.097 0 94.762 0 42.426 0 0 42.426 0 94.762c0 52.335 42.426 94.762 94.762 94.762z" fill-rule="evenodd"/></svg>');
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.filter-popup__state .button-wrapper {
  display: flex;
  justify-content: center;
}

.filter-popup__state .Button--primary {
  width: 100%;
  text-transform: none;
  letter-spacing: 0px;
  font-size: 16px;
  margin-top: 0;
  padding: 20px 0 20px 0;
  border-radius: 3px;
  max-width: 355px;
  margin: 0 auto 0 auto;
  box-shadow: none;
}

.filter-popup__state .filter-total-count {
  margin-right: 5px;
}

.filter-popup .row {
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.filter-popup .row__filter-tags {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

@media(max-width: 767px) {
  .filter-popup .row__filter-tags {
    max-height: calc((var(--vh, 1vh) * 100) - 372px);
    overflow-y: scroll;
    flex-direction: row;
    padding-top: 20px;
    padding-bottom: 50px;
    margin-bottom: 0;
  }
}

.filter-popup .row .col-6 {
  margin-bottom: 10px;
}

.filter-popup .row:last-child {
  flex-wrap: wrap;
  margin-bottom: 0;
}

/******************************************************************/
/* filter popup mobile styling
/******************************************************************/

@media(max-width: 767px) {
  .filter-popup {
    align-items: end;
    background-color: unset;
  }

  .filter-popup__content {
    width: 100%;
    /*height: calc(100% - 65px);*/
    height: 100%;
    max-height: 100%;
    border-radius: 0;
    padding-top: 55px;
  }

  .filter-popup__head-first,
  .filter-popup .filter-popup__categories {
    padding-left: 15px;
    padding-bottom: 10px;
  }

  .filter-popup .row {
    margin-bottom: 40px;
  }

  .filter-popup .row .col-6 {
    padding-left: 15px;
  }

  .filter-popup__categories li {
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .filter-popup .filter-popup__head-second,
  .filter-popup .filter-popup__head-third {
    margin-bottom: 15px;
  }

  .filter-popup .filter-popup__tags li {
    margin-right: 15px;
    margin-bottom: 18px;
  }

  .filter-popup__close {
    top: 15px;
    right: 15px;
  }

  .filter-popup__close+.row {
    margin-bottom: 0;
  }

  .filter-popup__state {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #fff;
    padding: 15px;
  }

  @media(min-height: 900px) {
    .filter-popup__state {
      position: absolute;
      width: 100%;
      bottom: 15px;
      padding: 25px 15px 0 15px;
    }
  }

  .filter-popup__state .Button--primary {
    margin: 12px auto 0 auto;
    max-width: 100%;
  }

  .collection-filter {
    position: fixed;
    top: 150px;
    right: 25px;
    min-height: unset;
    padding: 0;
    z-index: 9;
    border-bottom: none;
    transition: top .6s ease;
  }

  .collection-filter.new-top-position {
    top: 75px;
  }

  .collection-filter .filter__button {
    margin-right: 0;
  }

  .collection-filter .filter__overflow {
    display: none;
  }
}

@media(max-width: 640px) {
  .collection-filter {
    top: 118px;
    right: 15px;
    transition: top .6s ease;
  }

  .collection-filter.new-top-position {
    top: 80px;
  }
}

/******************************************************************/
/* no products
/******************************************************************/

.section-collection-page .no-products-found {
  display: none;
  text-align: center;
  padding: 20px;
  border: 1px solid #c6c6c6;
  background-color: var(--lightGray);
  border-radius: 3px;
  font-size: 18px;
}

.section-collection-page .no-products-found.show {
  display: block;
}

.section-collection-page .no-products-found .button-wrapper {
  padding-bottom: 0;
}

.section-collection-page .no-products-found .Button {
  width: auto;
  padding-left: 50px;
  padding-right: 50px;
}

.Button--choose-product {
  box-shadow: none;
  text-transform: none;
  letter-spacing: unset;
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 15px;
}

/******************************************************************/
/* no products
/******************************************************************/

.Header__CartDot {
  background-color: var(--button-background);
}

/******************************************************************/
/* hide cart page
/******************************************************************/

.template-cart main {
  display: none;
}

@media(max-width: 767px) {
  body.template-collection .scroll-top {
    margin-bottom: 35px;
  }

/*   .cart.active {
    height: 100vh !important;
  } */

/*   .cart.active .cart__form {
    display: block !important;
    height: auto !important;
    flex-direction: unset !important;
    justify-content: unset !important;
  } */

  .cart.active .cart__form-scroll {
    position: fixed;
    top: 0;
    height: auto !important;
    bottom: 194px !important;
    width: 100%;
  }

  .cart.active .to-checkout {
    position: fixed !important;
  }
}