/** Shopify CDN: Minification failed

Line 461:87 Unexpected ";"
Line 2175:12 Expected identifier but found "*"

**/
/*
  - Style for custom tags for the 2025's Pick N Mix sale. There's a single discount tier, with an image on top of it.'
*/

.product-card:hover .pick-n-mix-pp {
  transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  opacity: 0;
  --scale-image: 1.10;
  -webkit-transform: 1.10;
  font-size: calc(16px + 1.5vw);
}

.pick-n-mix {
  display: block;
  position: absolute;
  top: -6%;
  left: -44%;
  width: 40%;
  height: 40%;
  background-size: contain;
  background-repeat: no-repeat; 
  z-index: 1;
  pointer-events: none;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  opacity: 1;
}

.product-card:hover .pick-n-mix {
  transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  opacity: 0;
  --scale-image: 1.10;
  -webkit-transform: 1.10;
  transform: scale(1.10);
}

.pick-n-mix-pp {
  display: block;
  position: absolute;
  width: 45%;
  height: 18%;
  margin-top: -7%;
  margin-bottom: -4vh;
  background-size: contain;
  background-repeat: no-repeat; 
  z-index: 1;
  pointer-events: none;
}

.pick-n-mix, .pick-n-mix-pp {
  background-image: url('/cdn/shop/files/PnM-Logo-Square-SALE.png?v=1742900641');
}

/*
  - Style for custom 40% discount for Bundles
*/

.custom-40-off, .custom-40-off-main {
    font-color: #40F99B;
    color: #40F99B;
}

.custom-40-off, .custom-40-off-main {
    font-family: azo-sans-uber, azo sans, sofia pro, sans serif;
    transform: rotate(-6deg);
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0;
    text-stroke: 1px #101010;
    -webkit-text-stroke: 1px #101010;
    text-shadow: 6px 6px #2F303B;
    -webkit-text-shadow: 6px 6px #2F303B;
    text-rendering: optimizeLegibility; 
}

/* On the store gallery page */

.custom-40-off {
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 1;
    align-items: flex-start;
    right: 50%;
    padding: 9px;
    text-align: center;
    font-size: calc(17px + 1.5vw);
    flex-wrap: wrap;
    white-space: wrap;
}

@media (min-width:320px), (min-width:481px), (min-width:641px) {
  .custom-40-off {
    width: calc(var(--font-body-size) * 6);
    height: 4vh;
  }
}

@media (min-width:961px), (min-width:1025px) {
  .custom-40-off {
    width: calc(var(--font-body-size) * 8);
    height: 6vh;
  }
}

@media (min-width:1281px) {
  .custom-40-off {
    width: 89%;
    width: calc(var(--font-body-size) * 9);
    height: 6vh;
  }
}

@media (min-width:1440px) {
  .custom-40-off {
    width: calc(var(--font-body-size) * 8);
    height: 7vh;
  }
}

@media (min-width:2173px) {
  .custom-40-off {
    width: calc(var(--font-body-size) * 12);
    height: 9vh;
  }
}

/* Hover away when on the store gallery page */

.product-card:hover .custom-40-off {
  transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  opacity: 0;
  --scale-image: 1.10;
  -webkit-transform: 1.10;
  font-size: calc(16px + 1.5vw);
}

/* On the main product page */

.custom-40-off-main {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    justify-content: center;
    align-content: center;
    height: 16vh;
    width: 100%;
    align-items: center;
    padding: 9px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    pointer-events: none;
    margin-left: -3%;
    text-align: center;
    font-size: calc(55px * var(--font-heading-scale));
    white-space: nowrap;
    flex-wrap: nowrap;
}

/*
  - Style for custom tags for the 2024's Christmas.
*/

.lightrope {
	 text-align: center;
	 white-space: nowrap;
	 overflow: hidden;
	 position: absolute;
	 z-index: 1;
	 margin: -15px 0 0 0;
	 padding: 0;
	 pointer-events: none;
	 width: 100%;
}
.lightrope li {
	 position: relative;
	 animation-fill-mode: both;
	 animation-iteration-count: infinite;
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 display: block;
	 width: 12px;
	 height: 28px;
	 border-radius: 50%;
	 margin: 20px;
	 display: inline-block;
	 background: rgba(0, 247, 165, 1);
	 box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 247, 165, 1);
	 animation-name: flash-1;
	 animation-duration: 2s;
}
.lightrope li:nth-child(2n+1) {
	 background: rgba(0, 255, 255, 1);
	 box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.5);
	 animation-name: flash-2;
	 animation-duration: 0.4s;
}
.lightrope li:nth-child(4n+2) {
	 background: rgba(247, 0, 148, 1);
	 box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 148, 1);
	 animation-name: flash-3;
	 animation-duration: 1.1s;
}
.lightrope li:nth-child(odd) {
	 animation-duration: 1.8s;
}
.lightrope li:nth-child(3n+1) {
	 animation-duration: 1.4s;
}
.lightrope li:before {
	 content: "";
	 position: absolute;
	 background: #222;
	 width: 10px;
	 height: 9.3333333333px;
	 border-radius: 3px;
	 top: -4.6666666667px;
	 left: 1px;
}
.lightrope li:after {
	 content: "";
	 top: -14px;
	 left: 9px;
	 position: absolute;
	 width: 52px;
	 height: 18.6666666667px;
	 border-bottom: solid #222 2px;
	 border-radius: 50%;
}
.lightrope li:last-child:after {
	 content: none;
}
.lightrope li:first-child {
	 margin-left: -40px;
}
@keyframes flash-1 {
	 0%, 100% {
		 background: rgba(0, 247, 165, 1);
		 box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 247, 165, 1);
	}
	 50% {
		 background: rgba(0, 247, 165, 0.4);
		 box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 247, 165, 0.2);
	}
}
@keyframes flash-2 {
	 0%, 100% {
		 background: rgba(0, 255, 255, 1);
		 box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 1);
	}
	 50% {
		 background: rgba(0, 255, 255, 0.4);
		 box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.2);
	}
}
@keyframes flash-3 {
	 0%, 100% {
		 background: rgba(247, 0, 148, 1);
		 box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 148, 1);
	}
	 50% {
		 background: rgba(247, 0, 148, 0.4);
		 box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 148, 0.2);
	}
}


/*
  - Style for custom tags for the 2024's Black Friday Flash Sale. There are three discount tiers, all with an image and css-powered animations.
*/

.black-friday-50-off, .black-friday-30-off, .black-friday-last-chance {
    display: block;
    position: absolute;
    top: 1%;
    left: -9%;
    width: 47%;
    height: 32%;
    transform-origin: top center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    pointer-events: none;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    opacity: 1;
    animation: black-friday-tag-swing 3.3s infinite; 
}

.product-card:hover .black-friday-50-off, .product-card:hover .black-friday-30-off, .product-card:hover .black-friday-last-chance{
  transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  opacity: 0;
  --scale-image: 1.10;
  -webkit-transform: 1.10;
  transform: scale(1.10);
}

.black-friday-50-off-main, .black-friday-30-off-main, .black-friday-last-chance-main {
    display: block;
    position: absolute;
    left: -32%;
    width: 37%;
    height: 32%;
    transform-origin: top center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    opacity: 1;
    animation: black-friday-tag-swing 3.3s infinite;
}


.black-friday-30-off, .black-friday-30-off-main {
  background-image: url('/cdn/shop/files/Black-Friday_Flash-Sale_30-off_Tag_v3.png?v=1732188101');
}

.black-friday-50-off, .black-friday-50-off-main {
  background-image: url('/cdn/shop/files/Black-Friday_Flash-Sale_50-off_Tag_v3.png?v=1732188101');
}

.black-friday-last-chance, .black-friday-last-chance-main {
  background-image: url('/cdn/shop/files/Black-Friday_Flash-Sale_Last-Chance_Tag_v4.png?v=1732554842');
}

.black-friday-50-off-main:hover, .black-friday-30-off-main:hover, .black-friday-last-chance-main:hover {
  transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  opacity: 0;
}

@keyframes black-friday-tag-swing {
  0%, 40% {
    transform: rotate(0deg);
  }
  28%, 62% {
    transform: rotate(3deg);
  }
  80% {
    transform: rotate(-3deg);
  }
}

@media (min-width:320px), (min-width:481px), (min-width:641px) {
  .black-friday-50-off-main, .black-friday-30-off-main, .black-friday-last-chance-main {
    display: inline-block;
    position: relative;
    top: -64%;
    left: 80%;
    margin-bottom: -3vh;
    width: 21%;
    height: 15%;
  }
}

@media (min-width:961px), (min-width:1025px) {
  .black-friday-50-off-main, .black-friday-30-off-main, .black-friday-last-chance-main {
    display: block;
    position: absolute;
    top: 0;
    left: -47%;
    margin-bottom: 0;
    width: 26%;
    height: 32%; 
  }
}

@media (min-width:1281px) {
  .black-friday-50-off-main, .black-friday-30-off-main, .black-friday-last-chance-main {
    width: 89%;
    width: calc(var(--font-body-size) * 8);
  }
}



/* ////////////////////////////////////////////////////////////////
/* old experimentation, just for future reference
/* ////////////////////////////////////////////////////////////////


/* Customization of the text */ /*

.black-friday-50-off, .black-friday-50-off-main, .black-friday-30-off, .black-friday-30-off-main, .black-friday-25-off, .black-friday-25-off-main, .black-friday-last-chance, .black-friday-last-chance-main {
    font-family: "forevs", "nicholas", sofia pro, sans serif;
    text-transform: uppercase;
    font-weight: 750;
    letter-spacing: 0;
    text-rendering: optimizeLegibility; 
  position: relative;

  display: inline-flex; 
  transform: perspective(250px) translate3d(0px,6px,0px) rotateY(30deg);
  text-shadow: none;
  margin-right: -9%; 
  padding: 0% 5% 17% 4%;

}

/* On the store gallery page */ /*

.black-friday-50-off, .black-friday-30-off, .black-friday-25-off, .black-friday-last-chance {
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    justify-content: center;
    position: absolute;
    z-index: 1;
    align-items: flex-start;
    text-align: center;
    font-size: calc(17px + 1.5vw);
    right: calc(1.5vw);
    flex-wrap: nowrap;
    white-space: wrap;
    transition: all 1s ease-o;
    height: 2vw;
    opacity: 100%;
    position: sticky;
    width: calc(var(--font-body-size)* 100%);
}

.black-friday-last-chance, .black-friday-last-chance-main {
    flex-wrap: nowrap;
  
  background-image: radial-gradient(
    ellipse 50% 35% at 50% 50%,
    #6b1839,
    transparent
  );
  font-color: #ffe6ff;
  color: #ffe6ff;
  text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
    -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
    0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
  animation: shineLastChance 2s forwards, flicker 3s infinite /*, wavy 1.3s infinite */; /*
  margin-left: 8%;
}

.black-friday-50-off, .black-friday-50-off-main {
  background-image: radial-gradient(
    ellipse 50% 35% at 50% 50%,
    #666128,
    transparent
  );
  font-color: #fff263;
  color: #fff263;
  text-shadow: 0 0 0.6rem #fff263, 0 0 1.5rem #fff263,
    -0.2rem 0.1rem 1rem #fffbd1, 0.2rem 0.1rem 1rem #fffbd1,
    0 -0.5rem 2rem #ffea00, 0 0.5rem 3rem #ffea00;
}

.black-friday-30-off, .black-friday-30-off-main {
  background-image: radial-gradient(
    ellipse 50% 35% at 50% 50%,
    #265163,
    transparent
  );
  font-color: #c2e2f0;
  color: #c2e2f0;
  text-shadow: 0 0 0.6rem #c2e2f0, 0 0 1.5rem #c2e2f0,
    -0.2rem 0.1rem 1rem #5bc0eb, 0.2rem 0.1rem 1rem #5bc0eb,
    0 -0.5rem 2rem #09a6e8, 0 0.5rem 3rem #09a6e8;
}

.black-friday-25-off, .black-friday-25-off-main {
  background-image: radial-gradient(
    ellipse 50% 35% at 50% 50%,
    #185e3a,
    transparent
  );
  font-color: #b5e8ce;
  color: #b5e8ce;
  text-shadow: 0 0 0.6rem #b5e8ce, 0 0 1.5rem #b5e8ce,
    -0.2rem 0.1rem 1rem #40F99B, 0.2rem 0.1rem 1rem #40F99B,
    0 -0.5rem 2rem #00e66f, 0 0.5rem 3rem #00e66f;
}

/*

@media (min-width:320px), (min-width:481px), (min-width:641px) {
  .black-friday-50-off, .black-friday-30-off, .black-friday-25-off {
    width: calc(var(--font-body-size) * 6);
  }
  .black-friday-last-chance {
    width: calc(var(--font-body-size) * 8.5);
    font-size: calc(17px + 1.3vw);
  }
}

@media (min-width:961px), (min-width:1025px) {
  .black-friday-50-off, .black-friday-30-off, .black-friday-25-off {
    width: calc(var(--font-body-size) * 7);
  }
  .black-friday-last-chance {
    width: calc(var(--font-body-size) * 9.5);
    font-size: calc(17px + 1.3vw);
  }
}

@media (min-width:1281px) {
  .black-friday-50-off, .black-friday-30-off, .black-friday-25-off {
    width: 89%;
    width: calc(var(--font-body-size) * 8);
  }
  .black-friday-last-chance {
    width: 89%;
    width: calc(var(--font-body-size) * 9.5);
    font-size: calc(17px + 1.3vw);
  }
}

@media (min-width:1440px) {
  .black-friday-50-off, .black-friday-30-off, .black-friday-25-off {
    width: calc(var(--font-body-size) * 8);
  }
  .black-friday-last-chance {
    width: calc(var(--font-body-size) * 11);
    font-size: calc(17px + 1.3vw);
  }
}

@media (min-width:2173px) {
  .black-friday-50-off, .black-friday-30-off, .black-friday-25-off {
    width: calc(var(--font-body-size) * 11);
  }
  .black-friday-last-chance {
    width: calc(var(--font-body-size) * 13.9);
    font-size: calc(17px + 1.3vw);
  }
}

*/

/* Hover away when on the store gallery page */
/*
.product-card:hover .black-friday-50-off, .product-card:hover .black-friday-30-off, .product-card:hover .black-friday-25-off, .product-card:hover .black-friday-last-chance {
  transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  animation: none;
  --scale-image: 1.10;
  -webkit-transform: 1.10;
  font-size: calc(16px + 1.5vw);
  opacity: 0.01;
}
*/


/* On the main product page */ /*

.black-friday-50-off-main, .black-friday-30-off-main, .black-friday-25-off-main, .black-friday-last-chance-main {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    justify-content: center;
    align-content: center;
    height: 16vh;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    pointer-events: none;
    text-align: center;
    font-size: calc(55px * var(--font-heading-scale));
    white-space: nowrap;
    flex-wrap: nowrap;
    margin-left: 0 ;
    margin-right: 0;
    transform: perspective(250px) translate3d(0,6px,0) rotateY(30deg);
}

/* Animation */

/* This is insanely inneficient but it works. Bodge it. */
/* I don't wanna hear it. */ /*

.flickerLastChance {
  animation: shineLastChance 2s forwards, blinkLastChance 3s 2s infinite;
  position: relative;
}

.fast-flickerLastChance {
  animation: shineLastChance 2s forwards, blinkLastChance 10s 1s infinite;
  position: relative;
}

.flicker50off {
  animation: shine50off 2s forwards, blink50off 3s 2s infinite;
  position: relative;
}

.fast-flicker50off {
  animation: shine50off 2s forwards, blink50off 10s 1s infinite;
  position: relative;
}

.flicker30off {
  animation: shine30off 2s forwards, blink30off 3s 2s infinite;
  position: relative;
}

.fast-flicker30off {
  animation: shine30off 2s forwards, blink30off 10s 1s infinite;
  position: relative;
}

.flicker25off {
  animation: shine25off 2s forwards, blink25off 3s 2s infinite;
  position: relative;
}

.fast-flicker25off {
  animation: shine25off 2s forwards, blink25off 10s 1s infinite;
  position: relative;
}

@keyframes blinkLastChance {
  0%,
  22%,
  36%,
  75% {
    color: #ffe6ff;
    text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
      -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
      0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
  }
  28%,
  33% {
    color: #ff65bd;
    text-shadow: none;
  }
  82%,
  97% {
    color: #ff2483;
    text-shadow: none;
  }
}

@keyframes blink50off {
  0%,
  22%,
  36%,
  75% {
    color: #fffbd1;
    text-shadow: 0 0 0.6rem #fffbd1, 0 0 1.5rem #fffbd1,
      -0.2rem 0.1rem 1rem #fff263, 0.2rem 0.1rem 1rem #fff263,
      0 -0.5rem 2rem #ffea00, 0 0.5rem 3rem #ffea00;
  }
  28%,
  33% {
    color: #fff263;
    text-shadow: none;
  }
  82%,
  97% {
    color: #ffea00;
    text-shadow: none;
  }
}

@keyframes blink30off {
  0%,
  22%,
  36%,
  75% {
    color: #c2e2f0;
    text-shadow: 0 0 0.6rem #c2e2f0, 0 0 1.5rem #c2e2f0,
      -0.2rem 0.1rem 1rem #5bc0eb, 0.2rem 0.1rem 1rem #5bc0eb,
      0 -0.5rem 2rem #09a6e8, 0 0.5rem 3rem #09a6e8;
  }
  28%,
  33% {
    color: #5bc0eb;
    text-shadow: none;
  }
  82%,
  97% {
    color: #09a6e8;
    text-shadow: none;
  }
}

@keyframes blink25off {
  0%,
  22%,
  36%,
  75% {
    color: #b5e8ce;
    text-shadow: 0 0 0.6rem #b5e8ce, 0 0 1.5rem #b5e8ce,
      -0.2rem 0.1rem 1rem #40F99B, 0.2rem 0.1rem 1rem #40F99B,
      0 -0.5rem 2rem #00e66f, 0 0.5rem 3rem #00e66f;
  }
  28%,
  33% {
    color: #40F99B;
    text-shadow: none;
  }
  82%,
  97% {
    color: #00e66f;
    text-shadow: none;
  }
}

@keyframes shineLastChance {
  0% {
    color: #6b1839;
    text-shadow: none;
  }
  100% {
    color: #ffe6ff;
    text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
      -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
      0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
  }
}

@keyframes shine50off {
  0% {
    color: #666128;
    text-shadow: none;
  }
  100% {
    color: #fff263;
    text-shadow: 0 0 0.6rem #fff263, 0 0 1.5rem #fffbd1,
      -0.2rem 0.1rem 1rem #fffbd1, 0.2rem 0.1rem 1rem #fffbd1,
      0 -0.5rem 2rem #ffea00, 0 0.5rem 3rem #ffea00;
  }
}

@keyframes shine30off {
  0% {
    color: #265163;
    text-shadow: none;
  }
  100% {
    color: #5bc0eb;
    text-shadow: 0 0 0.6rem #5bc0eb, 0 0 1.5rem #c2e2f0,
      -0.2rem 0.1rem 1rem #c2e2f0, 0.2rem 0.1rem 1rem #c2e2f0,
      0 -0.5rem 2rem #09a6e8, 0 0.5rem 3rem #09a6e8;
  }
}

@keyframes shine25off {
  0% {
    color: #185e3a;
    text-shadow: none;
  }
  100% {
    color: #40F99B;
    text-shadow: 0 0 0.6rem #40F99B, 0 0 1.5rem #b5e8ce,
      -0.2rem 0.1rem 1rem #b5e8ce, 0.2rem 0.1rem 1rem #b5e8ce,
      0 -0.5rem 2rem #00e66f, 0 0.5rem 3rem #00e66f;
  }
}



@keyframes flicker {
  from {
    opacity: 1;
  }

  4% {
    opacity: 0.9;
  }

  6% {
    opacity: 0.85;
  }

  8% {
    opacity: 0.95;
  }

  10% {
    opacity: 0.9;
  }

  11% {
    opacity: 0.922;
  }

  12% {
    opacity: 0.9;
  }

  14% {
    opacity: 0.95;
  }

  16% {
    opacity: 0.98;
  }

  17% {
    opacity: 0.9;
  }

  19% {
    opacity: 0.93;
  }

  20% {
    opacity: 0.99;
  }

  24% {
    opacity: 1;
  }

  26% {
    opacity: 0.94;
  }

  28% {
    opacity: 0.98;
  }

  37% {
    opacity: 0.93;
  }

  38% {
    opacity: 0.5;
  }

  39% {
    opacity: 0.96;
  }

  42% {
    opacity: 1;
  }

  44% {
    opacity: 0.97;
  }

  46% {
    opacity: 0.94;
  }

  56% {
    opacity: 0.9;
  }

  58% {
    opacity: 0.9;
  }

  60% {
    opacity: 0.99;
  }

  68% {
    opacity: 1;
  }

  70% {
    opacity: 0.9;
  }

  72% {
    opacity: 0.95;
  }

  93% {
    opacity: 0.93;
  }

  95% {
    opacity: 0.95;
  }

  97% {
    opacity: 0.93;
  }

  to {
    opacity: 1;
  }
}


/*
  - Style for custom tags for the 2024's Halloween 2-week Take-over.
*/

/*

.ticker__icon img {
  filter: none;
}
.mobile__logo img{
  width: max-content !important;
  height: max-content !important;
}

.desktop_logo {
  position: relative;
  display: inline-block;
}

.desktop_logo::before,
.desktop_logo::after {
  display: block;
  content: '';
  height: 20px;
  width: 15px;
  position: absolute;
  opacity: 0;
  transition: all 250ms ease-in-out;
}

.desktop_logo:before, .desktop_logo::after {
    opacity: 1;
  }

.desktop_logo::before {
  height: 46px;
  width: 34px;
  right: -40px;
  animation: float-right 3s ease-in-out infinite;
}

.desktop_logo:after {
  height: 40px;
  width: 30px;
  top: -45px;
  transform: rotate(-10deg);
  animation: float-top 3s ease-in-out infinite;
}

@keyframes float-right {
  50% {
    transform: rotate(10deg) translate(0, -15px);
  }
}
@keyframes float-top {
  50% {
    transform: rotate(-5deg) translate(0, 10px);
  }
}

/* right ghost *
.desktop_logo::before {
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml;charset=UTF8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1742 35 735 948"><g fill="none" fill-rule="evenodd"><path fill="%23FFF" d="M2052.05 39.98c-10.07 1.2-19.85 3.97-29.69 6.34-8.44 2.19 74.98 3.97 66.82 7.11-36.96 12.18-71.94 30.4-103.05 53.79-73.46 54.63-124.66 137.83-141.31 227.77-6.86 40.15-11.48 80.86-10.36 121.65 1.75 75.91 19.77 151.74 54.62 219.34 2.41 4.14 4.02 8.64 6.06 12.95 15.09 23.61 25.44 50.32 29.74 78.03 8.73 53.72-9.2658 137.92-42.5558 180.89-3.84.98 3.3258 5.89 8.8058 6.74 29.87 10.22 166.94 7.5247 182.46 6.4647 15.75-1.22 91.55-17.2447 143.58-47.9047 12.63-7.95 25.52-15.58 37.37-24.67 8.19-6.1 16.34-12.25 24.44-18.47 27.26-22.61 52.84-47.41 75.04-75.06 51.81-63.17 88.5-138.48 107.44-217.89 13.79-56.78 18.28-115.76 13.79-174-.93-10.76-1.81-21.54-3.66-32.19-5.15-58.56-24.42-115.84-55.83-165.55-3.8-6.46-7.84-12.79-12.45-18.71-11.71-15.17-24.11-29.79-37.17-43.8-9.39-10.34-20.38-19.01-31.03-27.99-17.42-14.01-36.2-26.3-55.8-37.04-12.08-6.32-24.56-11.88-37.2-17.01-37.91-15.46-78.64-23.7-119.51-25.26-23.59-.72-47.27.48-70.55 4.47z"/><path fill="%23000" d="M2122.6 35.51c-23.59-.72-47.27.48-70.55 4.47-10.07 1.2-19.85 3.97-29.69 6.34-8.44 2.19-17.02 3.97-25.18 7.11-36.96 12.18-71.94 30.4-103.05 53.79-73.46 54.63-124.66 137.83-141.31 227.77-6.86 40.15-11.48 80.86-10.36 121.65 1.75 75.91 19.77 151.74 54.62 219.34 2.41 4.14 4.02 8.64 6.06 12.95 15.09 23.61 25.44 50.32 29.74 78.03 8.73 53.72-6.08 110.61-39.37 153.58-3.84.98-7.85 2.21-10.48 5.4-5.71 6.02-5.12 16.53 1.19 21.91 4.37 3.35 9.43 5.89 14.91 6.74 29.87 10.22 60.52 18.68 91.92 22.5 21.02 2.68 42.16 4.06 63.29 5.41 15.57.76 31.1-.77 46.62-1.83 15.75-1.22 31.49-2.8 47.13-5.06 59.62-10.02 117.05-31.8 169.08-62.46 12.63-7.95 25.52-15.58 37.37-24.67 8.19-6.1 16.34-12.25 24.44-18.47 27.26-22.61 52.84-47.41 75.04-75.06 51.81-63.17 88.5-138.48 107.44-217.89 13.79-56.78 18.28-115.76 13.79-174-.93-10.76-1.81-21.54-3.66-32.19-5.15-58.56-24.42-115.84-55.83-165.55-3.8-6.46-7.84-12.79-12.45-18.71-11.71-15.17-24.11-29.79-37.17-43.8-9.39-10.34-20.38-19.01-31.03-27.99-17.42-14.01-36.2-26.3-55.8-37.04-12.08-6.32-24.56-11.88-37.2-17.01-37.91-15.46-78.64-23.7-119.51-25.26zm47.26 36.34c30.07 5.19 58.97 15.75 86.4 28.96 25.87 12.83 49.95 29.26 71.58 48.38 12.73 10.28 23.2 22.95 33.91 35.22 9.87 11.9 20.08 23.68 27.71 37.19 31.1 49.1 49.13 106.28 52.23 164.29 2.09 7.55 2.33 15.41 2.95 23.18 6.95 96.22-13.01 194.32-57.67 279.88-35.16 67.75-85.82 127.61-147.75 172.36-11.54 9.06-24.13 16.64-36.54 24.43-30.33 17.98-62.52 32.9-96.13 43.63-28.71 9.54-58.46 16.06-88.61 18.74-14.96 1.5-29.96 2.55-44.97 3.44-12.98.78-25.94-.57-38.89-1.41-15.38-1.08-30.75-2.52-46.02-4.66-21.47-3.12-42.54-8.53-63.23-14.97 2.18-3.97 4.96-7.57 7.21-11.5 25.37-41.28 37.39-90.63 33.51-138.95-2.69-35.42-13.82-70.12-31.96-100.64-9.32-18.3-19.02-36.52-26.4-55.74-30.14-75.35-40.04-158.4-30.34-238.87.89-5.32 2.11-10.58 2.44-15.98 8.24-86.15 51.41-168.28 117.44-224.17 35.14-29.89 76.62-52.26 120.88-65.24 13.1-3.12 26.05-7.11 39.42-8.91 37.3-6.18 75.69-5.71 112.83 1.34z"/><path fill="%23000" d="M2338.46 350.832c-2.78-.8997-5.63-1.1284-8.48-1.1437-44 .0305-88.01 0-132.02.0305-7.34.0458-15.19 3.0342-20.44 11.2827-3.05 4.6198-4.48 11.923-2.78 18.1438 4.48 14.7742 16.58 18.4792 26.27 17.8388 42.01-.03 84.02-.015 126.03 0 7.98.473 16.63-1.128 22.97-9.178 3.87-4.65 6.29-12.944 4.26-20.217-2.63-9.666-9.44-14.683-15.81-16.756zm-320.51-1.1437c-43.98.0305-87.96 0-131.94.0305-6.72.0153-13.74 2.5158-19.02 9.1482-2.95 3.7202-5.22 9.3005-4.96 15.323.22 6.5562 3.21 12.0603 6.66 15.567 5.06 5.123 11.22 7.1814 17.23 7.2118h133.1c7.36-.061 15.24-3.0646 20.5-11.3436 3.21-4.9095 4.58-12.8074 2.44-19.15-2.89-8.95-9.33-13.6155-15.45-15.628-2.81-.915-5.69-1.159-8.56-1.159zM2148.57 851.7c-5.45-1.58-10.8.89-15.48 3.48-26.61 13.48-54.56 24.28-83.26 32.38-4.55 1.19-8.51 4.49-10.36 8.84-2.33 5.16-1.44 11.57 2.17 15.94 3.7 4.65 10.23 6.81 15.97 5.19 30.78-8.66 60.76-20.22 89.29-34.67 4.77-2.16 9.97-4.71 12-9.91 4.02-8.33-1.31-19.27-10.33-21.25zm-144 47.96c-3.75-1.53-7.85-.83-11.74-.33-6.54.9-13.12 1.46-19.69 2.16-4.64.53-8.97 3.29-11.37 7.31-3.14 5.04-2.96 11.95.45 16.82 3 4.42 8.42 7.13 13.77 6.65 8.54-.8 17.08-1.67 25.57-2.88 7.02-.98 12.78-7.34 13-14.43.47-6.57-3.81-13.07-9.99-15.3z"/></g><path fill-rule="evenodd" d="M2026.0306 548.049c21.0553.0065 44.4487.0087 68.12.0082.0106 8.537.023 14.5265.023 14.5265s-1.3466 14.3133 3.461 19.7992c5.7354 7.55 18.363 7.47 24.0185-.13 4.708-5.476 3.362-19.67 3.362-19.67s.009-6 .016-14.529c26.468-.003 52.154-.009 74.12-.015.011 8.545.023 14.543.023 14.543s-1.346 14.313 3.461 19.799c5.736 7.55 18.363 7.4702 24.019-.13 4.708-5.476 3.362-19.6698 3.362-19.6698s.009-6.0108.016-14.552c21.228-.007 34.553-.0125 34.553-.0125s14.314 1.3465 19.799-3.461c7.551-5.7354 7.471-18.363-.129-24.0185-5.476-4.708-19.6693-3.361-19.6693-3.361s-13.325-.004-34.545-.0085c-.007-11.844-.0295-22.1892-.0844-25.3335-.03-7.9396-7.1816-14.9117-15.1012-14.822-7.83-.359-15.161 6.224-15.59 14.064-.0812 3.276-.1146 13.9493-.1243 26.0854-21.968-.004-47.648-.008-74.1-.01-.007-11.8376-.03-22.1745-.085-25.317-.03-7.94-7.1816-14.912-15.101-14.822-7.83-.359-15.161 6.224-15.59 14.064-.0814 3.275-.1147 13.942-.1245 26.0733-23.683-.0006-47.074.001-68.1.0053-.007-11.839-.03-22.178-.0847-25.321-.03-7.9398-7.1815-14.912-15.101-14.822-7.83-.359-15.161 6.224-15.59 14.064-.081 3.276-.1143 13.951-.124 26.0885-29.1593.013-49.216.035-51.303.0713-7.9396.03-14.9117 7.1816-14.822 15.1013-.359 7.83 6.224 15.161 14.064 15.59 2.1634.0537 22.536.0865 52.0725.1054.011 8.5487.023 14.549.023 14.549s-1.346 14.313 3.4616 19.799c5.7353 7.5506 18.363 7.471 24.0184-.1297 4.708-5.476 3.3617-19.6694 3.3617-19.6694s.0088-6.0028.016-14.535z"/></svg>') no-repeat;
}

/* left ghost *
.desktop_logo::after {
  top: 0;
  left: -15%;
  background: url('data:image/svg+xml;charset=UTF8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="12 15 713 940"><path fill="%23FFF" fill-rule="evenodd" d="M512.55 45.45c14.42 6.64 28.84 13.35 42.37 21.69 17.15 10 32.91 22.12 48.31 34.61 27.61 23.92 51.72 51.98 70.75 83.19 19.39 31.72 33.49 66.66 41.57 102.95 5.04 22.35 7.3 45.24 8.15 68.1-.06 151.66-.01 303.32-.02 454.98.1 5.63-.24 11.27.17 16.9 1.29 8.02-.66 16.07-2.1 23.93-8.22 38.75-34.91 73.24-70.8 90.14-22.36 11.06-48.14 15.17-72.84 11.85-25.79-2.59-50.28-14.23-69.78-31.12-12.09-9.98-21.62-22.77-29.05-36.51-19.52 36.18-57.22 62.02-98.14 66.54-6.69 1.07-13.47.44-20.2 1.02-22.82-.88-45.64-7.33-64.87-19.84-18.49-11.41-34.1-27.58-44.57-46.64-23.14 36.72-65.92 60.8-109.52 59.61-21.45.77 47.22-5.13 28.34-15.07-27.88-15.08-50.21-40.37-60.96-70.26-2.19-7.44-5.05-14.75-6.32-22.41-.1-108.03-.01-216.07-.04-324.1-.08-53.67.17-107.35-.17-161.02.45-20.26 2.6-40.49 6.65-60.35 3.26-16.5 8.28-32.61 13.69-48.51 21.75-59.51 60.55-112.51 110.27-151.73 52.51-41.63 89.586-40.54 156.146-47.95 62.86-7.24 64.874-25.06 122.964 0z"/><path fill-rule="evenodd" d="M326.92 18.1c62.86-7.24 127.54 2.29 185.63 27.35 14.42 6.64 28.84 13.35 42.37 21.69 17.15 10 32.91 22.12 48.31 34.61 27.61 23.92 51.72 51.98 70.75 83.19 19.39 31.72 33.49 66.66 41.57 102.95 5.04 22.35 7.3 45.24 8.15 68.1-.06 151.66-.01 303.32-.02 454.98.1 5.63-.24 11.27.17 16.9 1.29 8.02-.66 16.07-2.1 23.93-8.22 38.75-34.91 73.24-70.8 90.14-22.36 11.06-48.14 15.17-72.84 11.85-25.79-2.59-50.28-14.23-69.78-31.12-12.09-9.98-21.62-22.77-29.05-36.51-19.52 36.18-57.22 62.02-98.14 66.54-6.69 1.07-13.47.44-20.2 1.02-22.82-.88-45.64-7.33-64.87-19.84-18.49-11.41-34.1-27.58-44.57-46.64-23.14 36.72-65.92 60.8-109.52 59.61-21.45.77-42.78-5.13-61.66-15.07-27.88-15.08-50.21-40.37-60.96-70.26-2.19-7.44-5.05-14.75-6.32-22.41-.1-108.03-.01-216.07-.04-324.1-.08-53.67.17-107.35-.17-161.02.45-20.26 2.6-40.49 6.65-60.35 3.26-16.5 8.28-32.61 13.69-48.51C54.92 185.62 93.72 132.62 143.44 93.4c52.51-41.63 116.92-67.89 183.48-75.3zm-151.74 90.18c-53.05 37.67-94.21 92.08-115.14 153.77-2.31 7.61-4.66 15.22-6.84 22.87-5.79 22.59-8.87 45.85-9.44 69.16.25 6.99.26 13.97.16 20.96.01 152.66-.04 305.31.02 457.97 2.26 15.3 8.48 30.04 17.66 42.51 10.36 13.03 23 24.8 38.52 31.33 12.1 5.73 25.36 9.29 38.82 9.05 21.04 1.14 42.29-5.39 59.51-17.43 16.71-11.14 29.16-27.97 36.47-46.56 1.64-5.37 4.27-10.66 8.51-14.44 5.93-5 15.57-4.4 20.84 1.31 3.36 3.25 4.09 8.02 5.32 12.32 1.5 5.52 3.96 10.7 6.18 15.96 9.14 19.11 24.86 34.75 43.62 44.48 12.05 6.85 25.81 10.07 39.57 10.87 17.26 1.13 34.96-2.11 50.41-9.98 24.54-12.13 43.5-34.8 51.15-61.07 1.76-5.09 1.69-11.08 5.63-15.17 5.24-6.11 15.36-6.9 21.39-1.53 3.64 3.76 8.56 6.89 9.67 12.39 3.53 13.05 8.75 25.86 17.09 36.62 5.42 6.51 10.8 13.21 17.6 18.35 14.83 11.93 33.14 19.9 52.2 21.3 29.52 3.58 60.35-7.65 80.89-29.12 15.17-15 24.9-35.28 27.8-56.36-.06-158.6-.02-317.2-.02-475.8-.41-24.82-2.86-49.72-8.97-73.82-16.92-70.17-59.71-133.55-117.74-176.32-13.56-10.49-28.32-19.33-43.41-27.43-11.19-5.23-22.14-11.05-33.78-15.24-43.97-17.11-91.64-24.65-138.75-22.04-62.51 3.28-124.09 24.51-174.94 61.09z"/><path fill-rule="evenodd" d="M285.0306 563.049c21.0553.0065 44.4487.0087 68.12.0082.0106 8.537.023 14.5265.023 14.5265s-1.3466 14.3133 3.461 19.7992c5.7354 7.55 18.363 7.47 24.0185-.13 4.708-5.476 3.362-19.67 3.362-19.67s.009-6 .016-14.529c26.468-.003 52.154-.0088 74.12-.0146.011 8.5456.023 14.543.023 14.543s-1.346 14.3133 3.461 19.7992c5.736 7.5504 18.363 7.4706 24.019-.13 4.708-5.476 3.3617-19.6694 3.3617-19.6694s.0087-6.0108.016-14.552c21.2274-.007 34.553-.0125 34.553-.0125s14.3134 1.3465 19.799-3.461c7.5508-5.7354 7.471-18.363-.1295-24.0185-5.476-4.708-19.6695-3.361-19.6695-3.361s-13.325-.004-34.545-.0087c-.0068-11.8443-.0295-22.1894-.0844-25.3337-.03-7.9396-7.1815-14.9117-15.1012-14.822-7.83-.359-15.161 6.224-15.59 14.064-.0813 3.276-.1147 13.9493-.1244 26.0854-21.968-.004-47.648-.008-74.1-.01-.007-11.8374-.03-22.1743-.085-25.3172-.03-7.9396-7.1813-14.9117-15.101-14.822-7.83-.359-15.161 6.224-15.59 14.064-.0812 3.275-.1145 13.9424-.1243 26.0737-23.6828-.0005-47.074.001-68.1.0054-.007-11.839-.0298-22.178-.0847-25.321-.03-7.9397-7.1815-14.912-15.1012-14.822-7.83-.359-15.161 6.224-15.59 14.064-.081 3.276-.1142 13.951-.124 26.0886-29.159.013-49.2157.035-51.3027.0714-7.9398.03-14.912 7.1816-14.822 15.1013-.359 7.83 6.224 15.161 14.064 15.59 2.1632.0538 22.536.0866 52.0723.1055.0107 8.5488.023 14.549.023 14.549s-1.3465 14.3132 3.4612 19.799c5.7353 7.5507 18.363 7.471 24.0184-.1296 4.708-5.476 3.361-19.6695 3.361-19.6695s.0088-6.0025.016-14.5347z"/><path fill-rule="evenodd" d="M285.0306 563.049c21.0553.0065 44.4487.0087 68.12.0082.0106 8.537.023 14.5265.023 14.5265s-1.3466 14.3133 3.461 19.7992c5.7354 7.55 18.363 7.47 24.0185-.13 4.708-5.476 3.362-19.67 3.362-19.67s.009-6 .016-14.529c26.468-.003 52.154-.0088 74.12-.0146.011 8.5456.023 14.543.023 14.543s-1.346 14.3133 3.461 19.7992c5.736 7.5504 18.363 7.4706 24.019-.13 4.708-5.476 3.3617-19.6694 3.3617-19.6694s.0087-6.0108.016-14.552c21.2274-.007 34.553-.0125 34.553-.0125s14.3134 1.3465 19.799-3.461c7.5508-5.7354 7.471-18.363-.1295-24.0185-5.476-4.708-19.6695-3.361-19.6695-3.361s-13.325-.004-34.545-.0087c-.0068-11.8443-.0295-22.1894-.0844-25.3337-.03-7.9396-7.1815-14.9117-15.1012-14.822-7.83-.359-15.161 6.224-15.59 14.064-.0813 3.276-.1147 13.9493-.1244 26.0854-21.968-.004-47.648-.008-74.1-.01-.007-11.8374-.03-22.1743-.085-25.3172-.03-7.9396-7.1813-14.9117-15.101-14.822-7.83-.359-15.161 6.224-15.59 14.064-.0812 3.275-.1145 13.9424-.1243 26.0737-23.6828-.0005-47.074.001-68.1.0054-.007-11.839-.0298-22.178-.0847-25.321-.03-7.9397-7.1815-14.912-15.1012-14.822-7.83-.359-15.161 6.224-15.59 14.064-.081 3.276-.1142 13.951-.124 26.0886-29.159.013-49.2157.035-51.3027.0714-7.9398.03-14.912 7.1816-14.822 15.1013-.359 7.83 6.224 15.161 14.064 15.59 2.1632.0538 22.536.0866 52.0723.1055.0107 8.5488.023 14.549.023 14.549s-1.3465 14.3132 3.4612 19.799c5.7353 7.5507 18.363 7.471 24.0184-.1296 4.708-5.476 3.361-19.6695 3.361-19.6695s.0088-6.0025.016-14.5347zm313.5798-364.1015c7.406-5.3816 18.7875-2.2932 22.6707 5.9335 3.5 7.1947 9.626 14.871 6.989 23.3234-2.412 8.8785-13.573 13.681-21.681 9.3225-7.101-3.32-8.503-11.741-12.457-17.754-4.353-6.724-2.204-16.479 4.479-20.826zm-87.74-57.851c-4.3575-6.6798-2.4644-16.4218 4.165-20.8898 5.0258-3.7692 11.8582-3.3845 17.327-.864 15.6263 5.1925 30.027 14.2334 41.0928 26.4766 4.2127 3.706 6.76 8.7692 10.351 13.0144 2.7693 4.8485 6.4694 9.8098 6.139 15.6856-.2232 6.7787-5.4238 12.9862-12.0866 14.316-6.5563 1.6118-13.8753-1.7484-16.9455-7.7585-6.053-10.729-14.479-20.3458-25.289-26.4562-5.05-3.202-10.737-5.105-16.348-7.0385-3.4432-1.106-6.473-3.41-8.405-6.485zM254 401c33.137 0 60-26.863 60-60s-26.863-60-60-60-60 26.863-60 60 26.863 60 60 60zm220 0c33.137 0 60-26.863 60-60s-26.863-60-60-60-60 26.863-60 60 26.863 60 60 60z"/></svg>') no-repeat;
}

*/


/*
  - Style for custom tags for the 2024's 48H Summer Sale. There are four discount tiers, all with css-powered animations & font stylization.
*/

/* Customization of the text */

.summer-sale-last-chance, .summer-sale-last-chance-main {
    font-color: #F42C83;
    color: #F42C83;
    right: 40%;
}

.summer-sale-50-off, .summer-sale-50-off-main {
    font-color: #ffea00;
    color: #ffea00;
}

.summer-sale-30-off, .summer-sale-30-off-main {
    font-color: #5BC0EB;
    color: #5BC0EB;
}

.summer-sale-25-off, .summer-sale-25-off-main {
    font-color: #40F99B;
    color: #40F99B;
}

.summer-sale-50-off, .summer-sale-50-off-main, .summer-sale-30-off, .summer-sale-30-off-main, .summer-sale-25-off, .summer-sale-25-off-main, .summer-sale-last-chance, .summer-sale-last-chance-main {
    font-family: azo-sans-uber, azo sans, sofia pro, sans serif;
    transform: rotate(-6deg);
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0;
    text-stroke: 1px #101010;
    -webkit-text-stroke: 1px #101010;
    text-shadow: 6px 6px #2F303B;
    -webkit-text-shadow: 6px 6px #2F303B;
    text-rendering: optimizeLegibility; 
}

/* On the store gallery page */

.summer-sale-50-off, .summer-sale-30-off, .summer-sale-25-off, .summer-sale-last-chance {
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 1;
    align-items: flex-start;
    right: 50%;
    padding: 9px;
    text-align: center;
    font-size: calc(17px + 1.5vw);
    flex-wrap: wrap;
    white-space: wrap;
}

@media (min-width:320px), (min-width:481px), (min-width:641px) {
  .summer-sale-50-off, .summer-sale-30-off, .summer-sale-25-off {
    width: calc(var(--font-body-size) * 6);
    height: 4vh;
  }
  .summer-sale-last-chance {
    width: calc(var(--font-body-size) * 8);
    height: 4vh;
    font-size: calc(17px + 1.3vw);
  }
}

@media (min-width:961px), (min-width:1025px) {
  .summer-sale-50-off, .summer-sale-30-off, .summer-sale-25-off {
    width: calc(var(--font-body-size) * 8);
    height: 6vh;
  }
  .summer-sale-last-chance {
    width: calc(var(--font-body-size) * 11);
    height: 6vh;
    font-size: calc(17px + 1.3vw);
  }
}

@media (min-width:1281px) {
  .summer-sale-50-off, .summer-sale-30-off, .summer-sale-25-off {
    width: 89%;
    width: calc(var(--font-body-size) * 9);
    height: 6vh;
  }
  .summer-sale-last-chance {
    width: 89%;
    width: calc(var(--font-body-size) * 11);
    height: 7vh;
    font-size: calc(17px + 1.3vw);
  }
}

@media (min-width:1440px) {
  .summer-sale-50-off, .summer-sale-30-off, .summer-sale-25-off {
    width: calc(var(--font-body-size) * 11);
    height: 7vh;
  }
  .summer-sale-last-chance {
    width: calc(var(--font-body-size) * 13);
    height: 7vh;
    font-size: calc(17px + 1.3vw);
  }
}

@media (min-width:2173px) {
  .summer-sale-50-off, .summer-sale-30-off, .summer-sale-25-off {
    width: calc(var(--font-body-size) * 12);
    height: 9vh;
  }
  .summer-sale-last-chance {
    width: calc(var(--font-body-size) * 14.9);
    height: 9vh;
    font-size: calc(17px + 1.3vw);
  }
}

/* Hover away when on the store gallery page */

.product-card:hover .summer-sale-50-off, .product-card:hover .summer-sale-30-off, .product-card:hover .summer-sale-25-off, .product-card:hover .summer-sale-last-chance {
  transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  opacity: 0;
  --scale-image: 1.10;
  -webkit-transform: 1.10;
  font-size: calc(16px + 1.5vw);
}

/* On the main product page */

.summer-sale-50-off-main, .summer-sale-30-off-main, .summer-sale-25-off-main, .summer-sale-last-chance-main {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    justify-content: center;
    align-content: center;
    height: 16vh;
    width: 100%;
    align-items: center;
    padding: 9px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    pointer-events: none;
    margin-left: -3%;
    text-align: center;
    font-size: calc(55px * var(--font-heading-scale));
    white-space: nowrap;
    flex-wrap: nowrap;
}

/* Animation */

.wavy {
  animation-name: wavy;
  animation-duration: 1.3s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  position: relative;
}
@keyframes wavy {
  0% {
    top: 0px;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0px;
  }
}

/*
  - Style for custom tags for the 2023's Black Friday Flash Sale. There are four discount tiers, each one with its own animated GIF banner.
*/

.black-friday-flash-sale-50-off, .black-friday-flash-sale-30-off, .black-friday-flash-sale-25-off, .black-friday-flash-sale-special-price {
  display: block;
  position: absolute;
  top: -9%;
  left: -3%;
  width: 110%;
  height: 110%;
  background-size: contain;
  background-repeat: no-repeat; 
  z-index: 1;
  pointer-events: none;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  opacity: 1;
}

.product-card:hover .black-friday-flash-sale-50-off, .product-card:hover .black-friday-flash-sale-30-off, .product-card:hover .black-friday-flash-sale-25-off, .product-card:hover .black-friday-flash-sale-special-price {
  transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  opacity: 0;
  --scale-image: 1.10;
  -webkit-transform: 1.10;
  transform: scale(1.10);
}

.black-friday-flash-sale-50-off-pp, .black-friday-flash-sale-30-off-pp, .black-friday-flash-sale-25-off-pp, .black-friday-flash-sale-special-price-pp {
  display: block;
  position: relative;
  height: 27%;
  margin-top: -7%;
  margin-bottom: -4vh;
  background-size: contain;
  background-repeat: no-repeat; 
  z-index: 1;
  pointer-events: none;
}

.black-friday-flash-sale-50-off, .black-friday-flash-sale-50-off-pp {
  background-image: url('/cdn/shop/files/Black-Friday_Flash-Sale-50_-off.gif?v=1700220365');
}

.black-friday-flash-sale-30-off, .black-friday-flash-sale-30-off-pp {
  background-image: url('/cdn/shop/files/Black-Friday_Flash-Sale-30_-off.gif?v=1700220365');
}

.black-friday-flash-sale-25-off, .black-friday-flash-sale-25-off-pp {
  background-image: url('/cdn/shop/files/Black-Friday_Flash-Sale-25_-off.gif?v=1700220365');
}

.black-friday-flash-sale-special-price, .black-friday-flash-sale-special-price-pp {
  background-image: url('/cdn/shop/files/Black-Friday_Flash-Sale-special-price.gif?v=1700223633');
}

/*
  END
*/


.link{
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  color: var(--color-base);
  --font-heading-line-height: 1.2;
  line-height: var(--font-heading-line-height);
  word-break: break-word;
}
.h1,.h2,.h3,.h4,.h5,.h6{
  margin: 0;
}
h1>a,h2>a,h3>a,h4>a,h5>a,h6>a,
.h1>a,.h2>a,.h3>a,.h4>a,.h5>a,.h6>a{
  color: var(--color-base);
}
@media (min-width: 1196px){
  h1,h2{
  	--h-mt: var(--sections-top-spacing);
    --h-mb: 60px
  }
}
@media (max-width: 1195px){
  h1,h2{
  	--h-mt: var(--sections-top-spacing-mobile);
    --h-mb: 40px
  }
}
h1,.h1{
  font-size: calc(36px * var(--font-heading-scale));
}
h2,.h2{
  font-size: calc(30px * var(--font-heading-scale));
}
h1,h2{
  margin-top: var(--h-mt, 0);
  margin-bottom: var(--h-mb, 0);
}
h3,.h3{
  font-size: calc(24px * var(--font-heading-scale));
}
h4,.h4{
  font-size: calc(20px * var(--font-heading-scale));
}
h5,.h5{
  font-size: calc(20px * var(--font-heading-scale));
}
h6,.h6{
  font-size: calc(14px * var(--font-heading-scale));
}
h3,h4,h5,h6{
  --h-mt: 40px;
  --h-mb: 20px;
  margin-top: var(--h-mt);
  margin-bottom: var(--h-mb);
}
.body2{
  font-size: var(--font-body2-size);
  line-height: var(--font-body2-line-height);
  font-weight: var(--font-body-weight);
}
.body3{
  font-size: var(--font-body3-size);
  line-height: var(--font-body3-line-height);
}
strong,b,.strong{
  font-weight: var(--font-body-bold-weight);
}

form{
  margin: 0;
}
button,
button:active,
button:focus{outline: none;border: none;}
img{
  max-width: 100%;
  vertical-align: middle;
}
meta+img,p+img,p span img{
  max-width: 100%;
  vertical-align: middle;
  margin: 10px 0;
}
input:focus, input:active{outline: none;}
input::placeholder,
textarea::placeholder{
  font-family: var(--font-body-family);
  font-weight: var(--font-body-weight);
  color: var(--color-input-text);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
  color: var(--color-input-text);
}
input::-moz-placeholder,
textarea::-moz-placeholder{
  color: var(--color-input-text);
}
a{
  color: var(--color-text-link);
  text-decoration: underline;
  outline: 0;
  transition: color var(--duration-medium) var(--animation-bezier);
}
a:hover{text-decoration: none;}
a.clear-underline{
  text-decoration: none;
}
.unstyle-ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
p{
  margin: 15px 0 0;
}
.no-js:not(html),
html.no-js .no-js-hidden {
  display: none!important;
}
html.no-js .no-js:not(html) {
  display: block!important;
}
  
address {
  font-style: var(--font-body-style);
}

.color-base{color: var(--color-base);}
.mb0{margin-bottom: 0px;}
.mb3{margin-bottom: 3px;}
.mb5{margin-bottom: 5px;}
.mb7{margin-bottom: 7px;}
.mb9{margin-bottom: 9px;}
.mb10{margin-bottom: var(--padding1);}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: var(--padding3);}
.mt0{margin-top: 0px;}
.mt3{margin-top: 3px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt18{margin-top: 18px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: var(--padding4);}
.mt60{margin-top: var(--padding5);}
.mb40{margin-bottom: var(--padding4);}
.pt15{padding-top: 15px;}

.subheading{
  color: var(--color-subheading);
  margin-bottom: 20px;
}
.heading--mb{margin-bottom: var(--padding5);}
.el_mt_20{margin-top: calc(var(--padding2) * -1);}
.el_mt_20>*{margin-top: var(--padding2);}
.el_mt_30{margin-top: calc(var(--padding3) * -1);}
.el_mt_30>*{margin-top: var(--padding3);}
.el_mt_40{margin-top: calc(var(--padding4) * -1);}
.el_mt_40>*{margin-top: var(--padding4);}
.el_mt_60{margin-top: calc(var(--padding5) * -1);}
.el_mt_60>*{margin-top: var(--padding5);}
.self_mt_60{margin-top: var(--padding5);}
@media (max-width: 1195px){
  .heading--mb{
    margin-bottom: var(--padding4);
  }
  .el_mt_60,
  .self_mt_60{
    --padding5: var(--padding4);
  }
}
.same__mt-10 > *:not(:first-child){
  margin-top: 10px;
}
.same__mt-10 > :first-child{
  margin-top: 0;
}
  
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.nomargin{margin: 0;}
.mt--first-child-0 > *:first-child{margin-top:0;}
.mb--last-child-0 > *:last-child{margin-bottom:0;}
.text-uppercase{text-transform: uppercase !important;}
.justify-content-center{justify-content: center !important;}
.align-items-start{align-items: flex-start !important;}
.align-items-center{align-items: center !important;}
.align-items-end{align-items: flex-end !important;}
.align-self-center{align-self: center !important;}
.align-self-end{align-self: flex-end !important;}
.display-block{display: block;}
.display-flex{display: flex;}
.justify-content-between{justify-content: space-between;}
.position-relative{position: relative;}
.hidden, .hide{display: none !important;}
.body-bold-weight{font-weight: var(--font-body-bold-weight);}
.visibility-hidden{
  visibility: hidden;
  display: none !important;
}
.visibility-hidden:first-child+*:not(.visibility-hidden){
  margin-top: 0;
}
@media (min-width:577px){
  .justify-content-center--no-phone{justify-content: center !important;}
}
.page-width,
.page-wide{
  width: 100%;
  max-width: calc(var(--page-width) + var(--page-padding)*2);
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.page-fullwidth{
  width: 100%;
}
@media (min-width:1196px) and (max-width: 1440px){
  .page-width{
    max-width: unset;
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media (min-width:1196px){
  .page-wide{
    width: 100%;
    max-width: unset;
    margin-left: unset;
    margin-right: unset;
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media (min-width:577px) and (max-width: 1195px){
  .page-width,
  .page-wide{
    padding-left: 30px;
    padding-right: 30px;
  }
}

.grid{
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(var(--page-padding) / -2);
  margin-left: calc(var(--page-padding) / -2);
}
[class*="col-"]{
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  padding-right: calc(var(--page-padding) / 2);
  padding-left: calc(var(--page-padding) / 2);
}
.col-12{max-width: 100%;}
.col-10{max-width: 83.333333%;}
.col-9{max-width: 75%;}
.col-8{max-width: 66.666666%;}
.col-7{max-width: 58.333333%;}
.col-6{max-width: 50%;}
.col-5{max-width: 41.666666%;}
.col-4{max-width: 33.333333%;}
.col-3{max-width: 25%;}
.col-one_fifth{max-width: 20%;}
.col-four_fifth{max-width: 80%;}
.col-one_eight{max-width: 12.5%;}
.col-2{max-width: 16.666666%;}

.top-spacing-none{
  --sections-top-spacing-current: 0;
}
.top-spacing-small{
  --sections-top-spacing-current: var(--sections-top-spacing--small);
  --sections-top-spacing-current-mobile: var(--sections-top-spacing--small-mobile);
}
.top-spacing-medium{
  --sections-top-spacing-current: var(--sections-top-spacing--medium);
  --sections-top-spacing-current-mobile: var(--sections-top-spacing--medium-mobile);
}
.top-spacing-normal{
  --sections-top-spacing-current: var(--sections-top-spacing);
  --sections-top-spacing-current-mobile: var(--sections-top-spacing-mobile);
}

.bottom-spacing-none{
  --sections-top-spacing-current: 0;
}
.bottom-spacing-small{
  --sections-top-spacing-current: var(--sections-top-spacing--small);
  --sections-top-spacing-current-mobile: var(--sections-top-spacing--small-mobile);
}
.bottom-spacing-medium{
  --sections-top-spacing-current: var(--sections-top-spacing--medium);
  --sections-top-spacing-current-mobile: var(--sections-top-spacing--medium-mobile);
}
.bottom-spacing-normal{
  --sections-top-spacing-current: var(--sections-top-spacing);
  --sections-top-spacing-current-mobile: var(--sections-top-spacing-mobile);
}


[class*="top-spacing-"]{
  margin-top: var(--sections-top-spacing-current);
}
/*
sp - screen phone <= 576
sst - screen-small-tablet <= 768px
st - screen tablet <= 1195
md - screen-medium <= 1200px
lg - screen-large <= 1440px
*/
@media (max-width:1440px){
  .col-lg-6{
    max-width: 50%;
  }
}
@media (max-width:1200px){
  .col-md-12{
    max-width: 100%;
  }
  .col-md-6{
    max-width: 50%;
  }
  .col-md-3{
    max-width: 25%;
  }
  .col-md-4{
    max-width: 33.333333%;
  }
}
@media (max-width:1195px){
  [class*="top-spacing-"]{
    margin-top: var(--sections-top-spacing-current-mobile);
  }
  .col-st-3{
    max-width: 25%;
  }
  .col-st-4{
    max-width: 33.333333%;
  }
  .col-st-6{
    max-width: 50%;
  }
  .col-st-8{
    max-width: 66.666666%;
  }
  .col-st-10{
    max-width: 83.333333%;
  }
  .col-st-12{
    max-width: 100%;
  }
}
@media (max-width:576px){
  .col-sp-6{
    max-width: 50%;
  }
  .col-sp-12{
    max-width: 100%;
  }
}

.border__radius,
.image--radius img{
  border-radius: var(--radius);
}
.border__radius--circle{border-radius: 50%;}
.border__radius-top{
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.scroll__vertical{overflow: hidden auto;}
.scroll__disabled{overflow: hidden;}

summary {
  cursor: pointer;
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}
[style*="--aspect-ratio"]{
  position: relative;
  overflow: hidden;
  width: 100%;
}
[style*="--aspect-ratio"] img,
[style*="--aspect-ratio"].placeholder__svg--bg svg{
  backface-visibility: hidden;
  object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

[style*="--aspect-ratio"] .image-with-text-img {
  object-fit: contain;
}

[style*="--aspect-ratio"]:before{
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: calc(100%/(0 + var(--aspect-ratio, 1 / 1)));
}
a.image-hover-scaling__image{
  display: block;
}
@media (min-width: 1196px){
  .image-hover-scaling-up{
    -webkit-transform: translate3d(0,0,0);
  }
  .image-hover-scaling-up .image-hover-scaling__image{
    --scale-image: 1.05;
    transition: transform var(--duration-medium) var(--zoom-animation-bezier);
    transform: scale(1);
  }
  .image-hover-scaling-up:hover .image-hover-scaling__image:not(.image-hover-scaling-up--disabled),
  .hover-area:hover .image-hover-scaling-up .image-hover-scaling__image:not(.image-hover-scaling-up--disabled){
    transform: scale(var(--scale-image));
  }
}
  
.header__color-line{
  width: 100%;
  height: 5px;
  background: var(--color-base);
}
@media(max-width: 1195px){
  .header__color-line{display: none;}
}
.badge__container{  
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  pointer-events: none;
}
.badge__container:empty{
  display: none;
}
.badge{
  display: inline-flex;
  pointer-events: none;
  border-radius:var(--radius-badge);
  background: var(--color-badge-1);
  color: var(--color-badge-1-text);
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);    
  font-size: var(--font-body2-size);
  line-height: var(--font-body2-line-height);
  font-weight: var(--font-body-bold-weight);
  padding: 2px 10px 2px;
  pointer-events: none;
  text-transform: initial;
}
.badge--fixed {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
}
.badge--sold-out{
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  width: 100%;
  border-radius: 0;
  height: 100%;
  top: 0;
  left: 0;
}
.badge--small{
  font-size: var(--font-body4-size);
  line-height: var(--font-body4-line-height);
  padding: 1px 4px;
}
.badge--featured{
  background: var(--color-badge-2);
  color: var(--color-badge-2-text);
}
.badge--sold_out{
  color: white;
  font-size: 28px;
  transform: rotate(-6deg);
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  font-weight: 900;
  border: 2px solid white;
  letter-spacing: 0;
  white-space: nowrap;
}
.badge__menu__fixed{
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 0!important;
  gap: 4px;
  top: 6px;
  right: 6px;
  z-index: 1;
}
*:not(.badge__menu__fixed)>.badge__menu{
  position: relative;
  top: -2px;
  margin-left: 6px;
}
.cart-count-bubble{
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--auto-text-color-accent);
  background: var(--color-accent);
  border-radius: 50%;
}
.cart-icon-bubble{
  display: flex;
}
@media (min-width: 1196px){
  .cart-count-bubble{
    position: absolute;
    bottom: calc(100% + 4px);
    font-size: 12px;
    line-height: 130%;
    width: 20px;
    height: 20px;
  }
  .cart-count-bubble span{
    position: relative;
    top: 1px;
  }
  .badge--sold_out{
    font-size: calc(13px + 1.5vw);
  }
}
@media (max-width: 1195px){
  .cart-count-bubble{
    font-size: 16px;
    line-height: 130%;
    width: 30px;
    height: 30px;
  }
  .cart-icon-bubble_hide-tablet{
    display: none;
  }
  .badge--sold_out{
    font-size: 5vw;
  }
}

.link{
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  border: none;
  box-shadow: none;
  text-decoration: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  text-decoration: none;
}
.link svg{
  flex: 0 0 auto;
}
.link:not(.link-only-svg) svg:first-child{
  margin-right: 10px;
}

.btn-small,
.btn-medium{
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  text-align: left;
  color: var(--color-accent);
  font-weight: var(--font-button-weight);
  text-decoration: none;
}
.btn-medium{
  --height: 2px;
  font-size: var(--font-body-size);
  line-height: var(--font-body-line-height);
}
.btn-medium--type-small{
  font-size: var(--font-body2-size);
  line-height: var(--font-body2-line-height);
}
.btn-small{
  --height: 1px;
  font-size: var(--font-body2-size);
  line-height: var(--font-body2-line-height);
}
.btn-small:before,
.btn-medium:before,
.btn-medium--icon>span:before{
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: var(--height);
  background: var(--color-accent);
  transition: width var(--duration-medium) var(--animation-bezier);
}
.btn-medium--icon svg{
  max-width: 20px;
  max-height: 20px;
}
.btn-medium--icon svg:last-child{
  margin-left: 10px;
}
.btn-medium--icon>span:before{
  width: 0;
}
.btn-medium.btn-medium--icon:before{
  content: unset;
}
.btn-medium--icon>span{
  position: relative;
}
.btn-medium:hover,
.btn-small:hover{
  text-decoration: none;
}
@media (min-width: 1196px){
  .section-btn-small-container{
    position: absolute;
    margin-top: 0;
    bottom: calc(100% + 20px);
    right: 0;
    z-index: 1;
    width: auto;
    padding: 0;
  }
  .grid>.section-btn-small-container{
    right: calc(var(--page-padding) / 2);
  }
  .hover-area:hover .btn-small:before,
  .btn-small:hover:before{
    width: 0;
  }
  .btn-medium:before{
    width: 0;
  }
  .btn-medium--icon svg{
    opacity: var(--opacity-icons);
    transition: opacity var(--duration-medium) var(--animation-bezier);
  }
  .btn-medium--icon:hover svg{
    opacity: 1;
  }
  .hover-area:hover .btn-medium:not(.hover-area--native):before,
  .btn-medium--icon:hover>span:before,
  .btn-medium:hover:before{
    width: 100%;
  }
}
@media (max-width: 1195px){
  .btn-medium:after,
  .btn-small:after{
    content: "";
    position: absolute;
    display: block;
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    border-radius: var(--radius-button);
  }
  .btn-medium:hover:after,
  .btn-small:hover:after{
    background: var(--mobile-focus-color);
  }
}

svg.theme-icon path,
svg.theme-icon rect{
  fill: var(--color-base);
}
svg.placeholder-svg path{
  fill: rgba(var(--color-base-rgb), .3); 
}
svg > *{
  transition: fill var(--duration-medium) var(--animation-bezier);
}

.btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-button-weight);
  font-size: var(--font-body-size);
  line-height: var(--font-body-line-height);
  height: 50px;
  background: var(--background);
  color: var(--color);
  border-radius: var(--radius-button);
  border: unset;
  padding: 0 25px;
  width: auto;
  text-decoration: none;
  cursor: pointer;
}
.btn svg path{
 fill: var(--fill);
}
.btn:hover{
  text-decoration: none;
}
.btn_border{
  padding: 0 20px;
  font-size: var(--font-body2-size);
  line-height: var(--font-body2-line-height);
  --background: transparent;
}
@media (min-width: 1196px){
  .btn_zoom{
    position: relative;
  }
  .btn_zoom>*{
    z-index: 1;
  }
  .btn_zoom:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--radius-button);
    border: var(--border, unset);
    background: var(--background);
    z-index: 0;
    transform: translate3d(0,0,0);
    transition: transform var(--duration-short) var(--zoom-animation-bezier),
      			width var(--duration-short) var(--zoom-animation-bezier),
                height var(--duration-short) var(--zoom-animation-bezier);
  }
  .btn_border.btn_zoom:before{
    border: 2px solid var(--color-lines-borders);
  }
  .btn_zoom:hover:before{
    --scale-button-on: 6px;
    transform: translate3d(-3px,-3px,0);
    width: calc(100% + var(--scale-button-on));
    height: calc(100% + var(--scale-button-on));
  }
  .btn_border:not(.btn_zoom){
    border: 2px solid var(--color-lines-borders);
  }
}
@media (max-width: 1195px){
  .btn_border{
    border: 2px solid var(--color-lines-borders);
  }
  .btn_zoom:not(.btn_border){
    border: var(--border, unset);
  }
}
@media (max-width:576px){  
  .btn{
    padding: 0 20px;
  }
}
.btn svg{
  flex: 0 0 auto;
}
.btn-medium svg:not(:last-child),
.btn svg:not(:last-child){
  margin-right: 10px;
}
.btn.only-child svg:not(:last-child){
  margin-right: 0;
}
.btn-medium svg:last-child:not(:only-child){
  margin-left: 5px;
}
.btn svg:last-child:not(:only-child){
  margin-left: 10px;
}

.btn-small[aria-disabled=true],
.btn[aria-disabled=true]{
  cursor: not-allowed;
  opacity: .3;
  pointer-events: none;
}

.animation-underline{
  display: inline-flex;
  position: relative;
  text-decoration: none;
}
.animation-underline:before{
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  left: 0;
  top: 100%;
  background: var(--color-base);
  transition: width var(--duration-medium) var(--animation-bezier);
}
.animation-underline--thin:before{
  height: 1px;
}
.animation-underline--active:before{
  width: 100%;
}
@media (min-width: 1196px){
  .hover-area:hover .animation-underline:not(.hover-area--native):before,
  .animation-underline:hover:before{
    text-decoration: none;
    width: 100%;
  }
  .hover-area:hover .animation-underline:not(.hover-area--native):hover:before{
    text-decoration: none;
    width: 0;
  }
  .hover-area:hover .animation-underline:not(.hover-area--native):after{
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 100%;
    background: transparent;
  }
}

.section-background--none{
  --section-background-spacing: 0;
}
.section-background--xsmall{
  --section-background-spacing: 10px;
  --section-background-spacing-mobile: 10px;
  min-height: 40px;
}
.section-background--small{
  --section-background-spacing: var(--sections-top-spacing--small);
  --section-background-spacing-mobile: var(--sections-top-spacing--small-mobile);
}
.section-background--medium{
  --section-background-spacing: var(--sections-top-spacing--medium);
  --section-background-spacing-mobile: var(--sections-top-spacing--medium-mobile);
}
.section-background--normal{
  --section-background-spacing: var(--sections-top-spacing);
  --section-background-spacing-mobile: var(--sections-top-spacing-mobile);
}  

.section-background{
  padding-top: var(--section-background-spacing, 100);
  padding-bottom: var(--section-background-spacing, 100);
  padding-left: var(--section-sides, 0);
  padding-right: var(--section-sides, 0);
  background: var(--color-section-background);
}
.page-width .section-background{
  --section-sides: 40px;
}
.page-wide .section-background{
  --section-sides: 70px;
}  
@media (min-width:1196px) and (max-width: 1440px){
  .page-width .section-background{
    --section-sides: 70px;
  }
}
@media (min-width:1196px){
  .page-wide .section-background{
    --section-sides: 70px;
  }
}
@media (min-width:577px) and (max-width: 1195px){
  [class*="page-wi"] .section-background{
    --section-sides: 30px;
  }
}
@media (max-width:576px){
  [class*="page-wi"] .section-background{
    --section-sides: var(--page-padding);
  }
}
@media(max-width: 1195px){
  .section-background{
    padding-top: var(--section-background-spacing-mobile, 80);
    padding-bottom: var(--section-background-spacing-mobile, 80);
  }
}
  
.placeholder__svg--bg{
  background: rgba(var(--color-base-rgb), 0.07);
}
.placeholder__svg--bg-none{
  background: rgba(0,0,0,0);
}
.placeholder__svg--bg svg{
  display: flex;
  width: 100%;
  height: auto;
}
  
.w-full {width: 100%;}
@media (max-width: 576px){
  .w-full-sp{
    width: 100%;
  }
}
blockquote{
  background: var(--color-secondary-background);
  border-radius: var(--radius);
  padding: 40px;
  margin: 40px 0;
}
blockquote>:*{
  margin: 20px 0 0;
}
blockquote>:first-child{
  margin: 0;
}
@media (max-width: 546px){
  blockquote{
    padding: 20px;
  }
}

.shopify-challenge__message{
  margin-top: 0;
  margin-bottom: 30px;
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  color: var(--color-base);
  font-size: 20px;
  line-height: 26px;
}
.shopify-challenge__container .shopify-challenge__button{
  margin-top: 30px;
}
@media (min-width: 1196px){
  .shopify-challenge__container{
    margin-top: 200px;
    margin-bottom: 200px;
  }
}
@media (max-width: 1195px){
  .shopify-challenge__container{
    margin-top: 140px;
    margin-bottom: 140px;
  }
}
@media (max-width:576px){
  .shopify-challenge__container .shopify-challenge__button{
    width: calc(100% - 40px);
  }
}

table th{
  font-weight: var(--font-body-bold-weight);
}
table{
  border-spacing: 0;
  width: 100%;
}
table h1, table h2, table h3, table h4, table h5, table h6{
  margin-top: 0;
  margin-bottom: 0;
}
table tr:nth-child(odd){
  background: var(--color-secondary-background);
}
table tr th:first-child,
table tr td:first-child{
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
  padding-left: 15px;
}
table tr th:last-child,
table tr td:last-child{
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
  padding-right: 15px;
}
table tr td{
  padding-top: 11px;
  padding-bottom: 10px;
}
table thead{
  text-align: left;
}
  
.svg-icon--small svg{
  max-width: 20px;
  max-height: 20px;
}
.svg-icon--normal svg{
  max-width: 48px;
  max-height: 48px;
}
.color-accent-to-base{
  --color-accent: var(--color-base);
}
.overflow-hidden-mobile,
.overflow-hidden-tablet,
.overflow-hidden{
  overflow: hidden;
}
.breadcrumb{
  margin-bottom: 40px;
}
.breadcrumb li{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.breadcrumb li svg{
  opacity: var(--opacity-icons);
  margin-left: 10px;
  margin-right: 10px;
}
@media (max-width: 1195px){
  .breadcrumb{
    margin-top: 20px;
  }
}

.share-button__fallback{
  position: relative;
}
.share-button__fallback input{
  text-overflow: ellipsis;
  padding-right: 50px;
}
.share-button__close,
.share-button__copy{
  position: absolute;
  top: 52%;
  right: 0;
  transform: translate(0,-50%);
  padding: 0 20px;
  height: 100%;
  background: transparent;
  z-index:1;
  cursor: pointer;
  opacity: var(--opacity-icons);
}
.share-button__close,
.share-button__copy{
  opacity: 1;
}
.share-button__close:not(.hidden)+.share-button__copy,
.share-button__close:not(.hidden)~.field input,
.share-button__close:not(.hidden)~.field label{
  display:none;
}
.share-button__close:not(.hidden)~.field .share-button__message{
  display: flex;
  align-items: center;
}
.share-button{
  display: block;
  margin-top: var(--padding2);
}
html.no-js .share-button details{
  display: flex;
}
.share-button details summary{
  display: inline-flex;
  width: max-content;
}
.share-button__fallback{
  margin-top: var(--padding1);
}
  
a:empty, ul:empty, dl:empty, p:empty{
  display: none;
}
  
.loading-overlay__spinner{
  width: 20px;
  height: 20px;
  display: inline-block;
}
.spinner {
  animation: rotator 1.4s linear infinite;
}
@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: var(--color-base);
  animation: dash 1.4s ease-in-out infinite;
}
.btn .path {
  stroke: var(--fill);
}
@media screen and (forced-colors: active) {
  .path{
    stroke: CanvasText;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}

*:focus {
  outline: 0;
  box-shadow: none;
}
*:focus-visible:not(textarea):not(input):not(select) {
  outline: 0.2rem solid rgba(var(--color-base-rgb),.3);
  outline-offset: 0.3rem;
}
@media (max-width:1195px){
  *:not(input):not(textarea):focus:not(select):focus:not(.predictive-search):focus {
    outline: 0!important;
    box-shadow: none!important;
  }
}
#cart-icon-bubble:focus-visible,drawer-inner.drawer__inner:focus-visible{
  outline: unset;
}

.btn:focus,
.btn:focus-visible,
.btn.focused,
.shopify-payment-button__button--unbranded:focus-visible,
.shopify-payment-button [role="button"]:focus-visible,
.shopify-payment-button__button--unbranded:focus,
.shopify-payment-button [role="button"]:focus {
  outline: 0;
  box-shadow: 0 0 0 0.3rem var(--color-body-background),0 0 0 0.5rem rgba(var(--color-base-rgb),.3),0 0 0.5rem 0.3rem rgba(var(--color-base-rgb),.3);
}
.skip-to-content-link:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  clip: auto;
}
.btn:focus:not(:focus-visible):not(.focused),
.shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused),
.shopify-payment-button [role=button]:focus:not(:focus-visible):not(.focused){
  outline: 0;
  box-shadow: inherit;
}
@media (max-width: 1195px){
  .btn:not(.active-facets__button):hover{
    position: relative;
  }
  .btn:not(.active-facets__button):hover:before{
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 1px solid var(--color-body-background);
    border-radius: calc(var(--radius-button) - 2px);
  }
}
terms_and_condition-checkbox{
  display: flex;
  margin-top: var(--padding3) !important;
}
terms_and_condition-checkbox:not(.checked)+*,
terms_and_condition-checkbox:not(.checked)~.cart__dynamic-checkout-buttons{
  pointer-events: none;
  opacity: 0.3;
}
terms_and_condition-checkbox .checkbox-input a{
  font-weight: var(--font-body-bold-weight);
}
terms_and_condition-checkbox .checkbox-input:hover span{
  cursor: default;
  font-weight: var(--font-body-weight);
}

.BOLD-mc-picker.multi {
    display: none;
}

.slick-lightbox-slick-item-inner {
  display: inline-flex !important; 
}