/** Shopify CDN: Minification failed

Line 1716:0 Unexpected "}"

**/
/* 
 * General setup
 */

 @media screen and (max-width: 910px) {
  #wwkSidebarTop {
    z-index: 9 !important;
  }

   #wicked-asd {
     height: 60px;
   }
}

@media screen and (min-width: 1200px) {
  .empty-state {
    margin-block-start: 100px;
    margin-block-end: 100px;
  }
}


/* Aspect ratio box adjustment */
.aspect-ratio--square img, .aspect-ratio--short img, .aspect-ratio--tall img {
  object-fit: cover;
}

/* Headings */

.heading.h2, h2.heading, h2, .rte h2,
.heading.h3, h3.heading, h3, .rte h3,
.heading.h4, h4.heading, h4, .rte h4 {
  text-transform: none;
}

.heading.h2, h2.heading, h2, .rte h2 {
  text-align: center;

  font-size: 39px;
  font-style: normal;
  font-weight: 400;
  line-height: 120.513%;
}

.heading.h4, h4.heading, h4, .rte h4 {
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 128%;
}

.heading.heading--small {
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 121.429% ;
}

/* Button */

.button:not(.button--text),
.shopify-challenge__button,
#shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews .spr-button,
.shopify-payment-button__button {
  /*
  padding: 10px 24px;

  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  */

  border-radius: 4px;
  padding: 16px 54px;

  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 121.429%;
}

.button:not(.button--text):not(.product-form__add-button),
.shopify-challenge__button,
#shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews .spr-button,
.shopify-payment-button__button {
  text-transform: none;
  letter-spacing: initial;
}

.product-form__add-button {
  min-height: var(--button-height);
}
/* 
 * Slideshow section
 */
.slideshow .button:not(.button--text) {
  border-radius: 4px;
  padding: 16px 54px;
  text-transform: none;

  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 121.429%;
  letter-spacing: initial;
}

@media screen and (max-width: 767px) {
  .m\:slideshow--small {
    --slideshow-min-height: 100vw;
  }

  .m\:slideshow--medium {
    --slideshow-min-height: 113vw;
  }

  .m\:slideshow--large {
    --slideshow-min-height: 140vw;
  }

  .m\:slideshow--fit {
    --slideshow-min-height: calc(var(--window-height)  - var(--header-height, 0px) * (-1 * (var(--enable-transparent-header)  - 1))  - var(--announcement-bar-height, 0px));
  }
}

/* 
 * Text with icon section
 */
.text-with-icons .heading {
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
  text-transform: uppercase;
  margin: 0 0 8px 0;
}

.text-with-icons .heading + p {
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  margin: 0;
}

.text-with-icons__no-carousel .text-with-icons__list {
  width: 100%;
  margin-inline: 0;
  justify-content: space-between;
  display: grid;
  grid-template-columns: repeat(var(--items), 1fr);
}

.text-with-icons__no-carousel .text-with-icons__list .text-with-icons__item {
  width: auto;
  min-width: unset;
  padding-inline: 0;
}

@media screen and (max-width: 767px) {
  .text-with-icons__no-carousel .text-with-icons__list .text-with-icons__item .heading.heading--small {
    font-size: 14px;
  }
}

@media screen and (max-width: 450px) {
  .text-with-icons__no-carousel .text-with-icons__list .text-with-icons__item .heading.heading--small {
    font-size: 12px;
  }
}

@media screen and (max-width: 400px) {
  .text-with-icons__no-carousel .text-with-icons__list .text-with-icons__item .heading.heading--small {
    font-size: 10px;
  }
}

/* 
 * Featured collection section
 */
.product-list__navigation {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

.product-list__navigation-item {
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  transition: background-color 0.3s ease-in-out;
  background-color: rgba(var(--primary-button-background), 0.5);
}

.product-list__navigation-item[aria-current="true"] {
  background-color: rgb(var(--primary-button-background));
}

.featured-collections--bleed {
  margin-inline: calc(-1 * var(--container-gutter));
}

.container.container--bleed {
  max-width: 100%;
}

.shopify-section.shopify-section--featured-collections .flickity-page-dots {
  position: static;
}

/* 
 * Image with text section
 */
.image-with-text__heading-image--container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-with-text--section {
  position: relative;
  overflow: hidden;
}

.image-with-text--overlay {
  opacity: 0.3;
  position: absolute;
  bottom: 0;
  font-size: 141.061px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  mix-blend-mode: multiply;
  white-space: nowrap;
  left: 50%;
  transform: translate(-50%, 0);
  font-family: var(--heading-font-family);
  text-transform: uppercase;
}

.image-with-text .image-with-text__heading-image--container img {
  margin: 0;
}

.image-with-text .image-with-text__heading-image--container + .heading {
  margin-top: 10px;
}

.image-with-text--overlay.image-with-text--overlay-alternate {
  mix-blend-mode: soft-light;
}

@media screen and (min-width: 1000px) {
  .image-with-text__image-wrapper-top {
    margin-block: calc(-1 * var(--vertical-breather)) auto;
  }

  .image-with-text__image-wrapper-bottom {
    margin-block: auto calc(-1 * var(--vertical-breather));
  }
}

/*
 * Explore
 */
.tabs-nav__item {
  opacity: 1;
}
.tabs-nav__position {
  color: rgb(var(--primary-button-background));
  height: 3px;
}

/*
 * Scrolling content
 */
.scrolling-content {
  text-align: start;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.scrolling-content[direction="right"] {
  text-align: end;
}

.scrolling-content::part(scroller) {
  min-width: max-content;
  display: inline-flex;
  position: relative;
}

.scrolling-content__item {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.scrolling-content__item > * {
  margin-inline-start: calc(var(--scrolling-content-content-gap) / 2);
  margin-inline-end: calc(var(--scrolling-content-content-gap) / 2);
}

.scrolling-content__image > img {
  max-width: 1.5em;
}

/*
 * Blog posts
 */
.article-item__start {
  align-items: flex-start;
}

.shopify-section--blog-posts .article-item__title {
  text-transform: none;
}

/*
 * Gallery
 */
.shopify-section--gallery .section__header {
  margin-block-end: 20px;
}

.gallery__list.gallery__list--full .gallery__item {
  scroll-snap-type: x mandatory;
  scroll-snap-align: center;
}

.gallery__list.gallery__list--full .gallery__item,
.gallery__list.gallery__list--full .gallery__figure {
  width: 100%;
  position: relative;
  overflow: visible;
}

.gallery__list.gallery__list--full .gallery__figure .gallery__image {
  height: unset;
  width: 100%;
}

.gallery__list.gallery__list--full .gallery__figure .gallery__caption {
  caption-side: top;
  text-align: center;
  margin-bottom: 50px;
}

.gallery__progress-bar.progress-bar::before {
  background: rgb(var(--primary-button-background));
  height: 4px;
  top: -1px;
}

.gallery__overlay {
  --width: min(500px, 100%);
  position: absolute;
  width: var(--width);
  height: auto;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow: visible;
}

.gallery__overlay.gallery__overlay--with-image {
  height: calc((1 / var(--aspect-ratio)) * var(--width));
}

.gallery__overlay--text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

.gallery__overlay--text-primary {
  text-align: center;
  font-size: 39px;
  font-style: normal;
  font-weight: 400;
  line-height: 120.513%;
}

.gallery__overlay--text-secondary {
  text-align: center;
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  line-height: 77.778%;
}

/*
 * Text
 */
@media screen and (min-width: 1000px) {
  .shopify-section--rich-text .content-box--extra-large {
    width: calc(100% - (2 * 115px));
  }
}

.shopify-section--rich-text .content-box--custom {
  color: var(--Foundation-Yellow-yellow-50, #FFF8EC);
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 105%;
  font-family: var(--heading-font-family);
  text-transform: uppercase;
}
.shopify-section--rich-text .content-box--custom p {
  margin: 0;
  max-width: 500px;
}

.shopify-section--rich-text .content-box--custom a {
  color: var(--Foundation-Yellow-yellow-500, #FFB53D);
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 105%;
  position: relative;
  text-decoration: none;
  overflow: visible;
  font-family: var(--heading-font-family);
  text-transform: uppercase;
}

.shopify-section--rich-text .content-box--custom a svg {
  margin: 0 0 -0.25em 0.5em;
  width: 1em;
  height: 1em;
}

.shopify-section--rich-text .content-box--custom a::before {
  content: '';
  position: absolute;
  background-color: #FFB53D;
  height: 5px;
  width: calc(100% - 1.5em);
  bottom: -5px;
}

.content-box--floating-image__container {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.heading.heading--left {
  text-align: left;
}
.heading.heading--center {
  text-align: center;
}
.heading.heading--right {
  text-align: right;
}

@media screen and (max-width: 740px) {
  .shopify-section--rich-text .content-box--custom,
  .shopify-section--rich-text .content-box--custom a
  {
    font-size: 20px;
  }

  .shopify-section--rich-text .content-box--floating-image__container {
    max-width: 135px;
    margin-top: 25px;
  }
}

/*
 * Auxiliary Header
 */
.auxiliary-header {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  padding: 15px 10px;
}

.auxiliary-header--side-note {
  margin-inline: 40px auto;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
}

.auxiliary-header--side-note + .auxiliary-header--item {
  margin-left: 20px;
}

.auxiliary-header--item {
  margin-right: 40px;
  text-transform: uppercase;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
}

.auxiliary-header--block {
  display: flex;
  align-items: center;
}

.auxiliary-header--block svg {
  color: #02B902;
  margin-right: 5px;
}

.auxiliary-header--block strong {
  color: var(--bold-color);
}

@media screen and (max-width: 768px) {
  .auxiliary-header {
    padding: 10px 16px;
    justify-content: space-evenly;
  }

  .auxiliary-header--item {
    margin-right: 0;
  }
}

/* Footer */
.footer__item--text .footer__image {
  margin-inline: auto;
  margin-bottom: 10px;
}

.footer__item .footer__item-title {
  text-transform: none;
  text-transform: none;
  font-weight: bold;
  font-size: 1.2em;
  letter-spacing: 0;
}

.footer__item .footer__item-content .linklist__item:not(:first-child) {
  padding-block-start: 0.2em;
}

@media screen and (max-width: 740px) {
  .footer__item-list {
    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
  }
}

/* Flickity carousel */
flickity-carousel {
  display: block;
  width: 100%;
}

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -60px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  --main-color: 255 255 255; /* yellow tint: 255 232 195 */
  display: inline-block;
  width: 55px;
  height: 2px;
  margin: 0 6px;
  background: rgb(var(--main-color));
  border-radius: 0;
  opacity: 1;
  cursor: pointer;

  -webkit-box-shadow: 0px 0px 4px 0px rgb(var(--main-color) / 0.75);
  -moz-box-shadow: 0px 0px 4px 0px rgb(var(--main-color) / 0.75);
  box-shadow: 0px 0px 4px 0px rgb(var(--main-color) / 0.75);
}

.flickity-page-dots .dot.is-selected {
  --main-color: var(--primary-button-background);
}

/* Product form */
.product-form__quantity {
  display: flex;
  justify-content: space-between;
}

.product-form__quantity .product-form__quantity-text {
  margin-left: 10px;
}

/*
 * Cart drawer
 */
.mini-cart__recommendations {
  margin-top: 30px;
}

.mini-cart__recommendations flickity-carousel {
  display: block;
}

.mini-cart__recommendations .flickity-prev-next-button {
  background: transparent;
}

.mini-cart__recommendations .flickity-prev-next-button.previous {
  left: -35px;
}

.mini-cart__recommendations .flickity-prev-next-button.next {
  right: -35px;
}

.mini-cart__recommendations-heading.heading.heading--small, .mini-cart__recommendations-heading.heading.heading--xsmall {
  margin-bottom: 0;
  text-align: left;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 121.429%;
}

.mini-cart__recommendations-heading.heading.heading--xsmall {
  margin-bottom: 25px;
}

.mini-cart__recommendations.mini-cart__recommendations--slider {
  position: static;
  overflow: visible;
  width: auto;
  height: auto;
}

.mini-cart__recommendations-inner {
  padding: 0;
  background: transparent;
  box-shadow: none;
  margin-inline: 0;
  overflow: visible;
}

.mini-cart__recommendations.mini-cart__recommendations--slider .product-item {
  width: calc((100% / 3) - 10px);
  margin-right: 10px;
  flex-direction: column;
  display: flex;
}

.mini-cart__recommendations .product-item__info {
  max-width: 100%;
  text-align: center;
}

.mini-cart__recommendations .product-item__info .product-item-meta__title {
  margin-bottom: 0;
  text-transform: uppercase;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
}

.mini-cart__recommendations .product-item__info .product-item__cta-wrapper {
  display: none;
}

/* ---- bundle products ---- */

.product__info .price-list {
  flex-wrap: nowrap;
}

.product__info .label-list {
  white-space: nowrap;
}

.product--mad-bags {
  margin-left: 16px;
  margin-top: 0;
  color: rgb(var(--product-on-sale-accent));
  text-align: center;
}

bundle-products {
  display: block;
}

.bundle-products.hidden {
  display: none;
}

.bundle-products--title {
  font-weight: 700;
  line-height: 1.73;
  font-size: 15px;
  margin-bottom: 8px;
}

.bundle-products--title > * + * {
  margin-left: 8px;
}

.bundle-products--title__current {
  font-weight: 500;
}

.bundle-products--title__current-price {
  font-weight: 500;
  opacity: 0.7;
}

.bundle-products--inner {
  --bundle-item-gap: 10px;
  --bundle-item-per-row: 3;
  display: flex;
  flex-wrap: wrap;
  gap: var(--bundle-item-gap);
}

.bundle-products--inner .flickity-viewport {
  --bundle-item-per-row: 3;
}

.bundle-products--inner > *:not(.flickity-viewport, .flickity-page-dots),
.bundle-products--inner .flickity-slider > * {
  max-width: calc((100% / var(--bundle-item-per-row)) - ((var(--bundle-item-gap) / var(--bundle-item-per-row)) * (var(--bundle-item-per-row) - 1)));
  width: 100%;
}

.bundle-products--inner .flickity-slider > * {
  margin-left: var(--bundle-item-gap);
  margin-top: 2px;
  margin-right: -2px;
}

.bundle-products--inner .flickity-page-dots {
  position: static;
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

.bundle-products--inner .flickity-page-dots .dot {
  border-radius: 0;
  height: 2px;
  width: 4rem;
}

.bundle-products .bundle-products--item-image__container {
  position: relative;
  display: flex;
  width: fit-content;
}

.bundle-products .bundle-products--item-image__container.bundle-products--item-image__container-square {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

.bundle-products .bundle-products--item-image__container.bundle-products--item-image__container-square .bundle-products--item-image {
  position: absolute;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

.bundle-products input[type="checkbox"] + label .bundle-products--item-image__container,
.bundle-products input[type="radio"] + label .bundle-products--item-image__container {
  border: 1px solid #DFDFDF;
}

.bundle-products input[type="checkbox"] + label .bundle-products--item-image__container::before,
.bundle-products input[type="radio"] + label .bundle-products--item-image__container::before {
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  outline: 2px solid rgb(var(--root-primary-button-background));
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
}

.bundle-products input[type="checkbox"] + label .bundle-products--item-image__container::after,
.bundle-products input[type="radio"] + label .bundle-products--item-image__container::after {
  display: block;
  content: '';
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 20px;
  top: 0;
  right: 0;
  background: var(--checkmark-svg-url);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s ease-in-out, visibility 0.1s ease-in-out;
}

.bundle-products input[type="checkbox"]:checked + label .bundle-products--item-image__container::before,
.bundle-products input[type="radio"]:checked + label .bundle-products--item-image__container::before,
.bundle-products input[type="checkbox"]:checked + label .bundle-products--item-image__container::after,
.bundle-products input[type="radio"]:checked + label .bundle-products--item-image__container::after {
  opacity: 1;
  visibility: visible;
}

.bundle-products--item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  cursor: pointer;
}

.bundle-products--item-title {
  font-size: 13px;
  line-height: 1.35;
  font-weight: 500;
  margin-top: 6px;
}

.bundle-products--item-price {
  font-weight: 500;
  opacity: 0.7;
  margin-top: 4px;
}

.bundle-products--best-seller {
  background: #DE2A2A;
  color: #FFF;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 173.3%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding-inline: 5px;
}

.bundle-products--tab-buttons {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.bundle-products--tab-buttons[hidden] {
  opacity: 0;
  height: 0;
  margin: 0;
  /* hack, but works */
}

.bundle-products--tab-button {
  cursor: pointer;
  border: 1px solid #dfdfdf;
  display: inline;
  margin: 1px 10px 1px 1px;
  padding: 3px 7px;
  white-space: nowrap;
}

.bundle-products--tab-button--current {
  border: 2px solid #282828;
  background: #dfdfdf;
  margin: 0 10px 0 0;
}

[data-initially-hidden] {
  display: none !important;
}

/*
 * Product media
 */

.product__media-list--stack:after {
  content: 'flickity';
  display: none;
}

@media screen and (min-width: 1000px) {
  .product__media-list--stack:after {
    content: '';
  }
  .product__media-nav--stack {
    display: none;
  }

  .product__media-list--stack {
    --items-per-row: 2;
    --gap: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .product__media-list--stack .product__media-item {
    width: calc((100% / var(--items-per-row)) - ((var(--gap) / var(--items-per-row)) * (var(--items-per-row) - 1)));
    min-width: unset;
    margin-bottom: var(--gap);
  }
}

.product__media-list.product__media-list--stack:not(.flickity-enabled) .product__media-item:not(.is-selected) {
  display: block;
}

.product__media-list--stack .product__zoom-button {
  padding: 5px;
  background: white;
  opacity: 0;
  visibility: hidden;
}

.product__media-list--stack .product__media-item:hover .product__zoom-button {
  visibility: visible;
  opacity: 1;
}

.product__media-nav .dots-nav {
  position: absolute;
  bottom: 3rem;
  width: 100%;
  flex-wrap: nowrap;
  margin: 0;
}

.product__media-nav .dots-nav .dots-nav__item {
  border-radius: 0;
  height: 2px;
  width: 4rem;
  background: #FFB53D;
  opacity: 1;
}

.product__media-nav .dots-nav .dots-nav__item:not([aria-current="true"]) {
  background: #FFFFFF;
}

.product__media-list .product__zoom-button {
  bottom: unset;
  top: 16px;
}

@media screen and (max-width: 999px) {
  flickity-carousel.product__media-list .product__media-item {
    width: 95%;
    min-width: unset;
    padding-inline: 0.5rem;
  }
}

/* Product item: Quick buy */
.product-item__quick-buy-button {
  background-color: #2E9E7B;
  color: white;
}

/*
 * Breadcrumbs
 */
.breadcrumb__item {
  font-size: 13px;
  line-height: 20px;
  color: #FFB53D;
}

.breadcrumb__item:first-child {
  margin-top: 2px;
}

.breadcrumb__item:last-child {
  color: rgba(0, 0, 0, 0.40);
}

.breadcrumb__item + .breadcrumb__item:before {
  content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12L10 8L6 4" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  margin: 2px 8px 0;
}

.shopify-payment-button__button--unbranded {
  --button-background: var(--primary-button-text-color);
  --button-text-color: var(--primary-button-background);
  --base-font-size: 18px;
}

/* Checkout button adjustments */
.checkout-button {
  background: #06B803;
  color: white;
}

/* Image carousel with text */

.image-carousel-with-text .image-with-text__image-wrapper {
  overflow: visible;
}

.image--wrapper {
  width: 100%;
  height: 0;
  padding-bottom: calc(100% / var(--aspect-ratio));
  display: block;
  position: relative;
}

@media screen and (max-width: 999px) {
  .image-carousel-with-text .image-with-text__image-wrapper {
    margin-bottom: 72px;
  }
  
  .image-carousel-with-text .flickity-page-dots {
    bottom: -46px;
  }
}

/* Rich text additional image and fix */

.text-container .heading--with-image img {
  display: inline-block;
  margin: 0;
}

@media screen and (min-width: 741px) {
  .content-box--fill {
    width: calc(100% - ((var(--grid-column-width) + var(--grid-gap)) * 2)) !important;
  }
}

/* Flow blocks */
.flow-blocks {
  --arrow-width: 47px;
  --arrow-gap: 20px;

  --item-count: 3;
  
  --block-padding: 40px;

  --total-arrow-gap: calc(((var(--arrow-gap) * 2) + var(--arrow-width)) * (var(--item-count) - 1) / var(--item-count));
  --block-width: calc((100% / var(--item-count)) - var(--total-arrow-gap));
  --block-width-half: calc(var(--block-width) / 2);

  margin-inline: calc(var(--grid-column-width)  + var(--grid-gap));
}

.flow-blocks .icon--flow-arrow {
  width: var(--arrow-width);
  color: var(--arrow-color);
}

.flow-blocks .flow-blocks--row .icon--flow-arrow {
  margin-inline: var(--arrow-gap);
}

.flow-blocks--row {
  display: flex;
  flex-wrap: wrap;
}

.flow-blocks--row--reverse {
  flex-direction: row-reverse;
}

.flow-blocks--block {
  width: var(--block-width);
  background-color: var(--block-background);
  padding: var(--block-padding);
}

.flow-blocks--block__heading {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.flow-blocks--block__heading .head {
  margin: 0 7px 0 0;
}

.flow-blocks--block__heading .subheading {
  color: #CAC4C1;
}

.flow-blocks--row--reverse .icon--flow-arrow {
  transform: rotate(180deg);
}

.icon--separator {
  transform: rotate(90deg);
  margin-block: var(--arrow-gap);
}

.icon--float-left {
  margin-inline: var(--block-width-half) auto;
}

.icon--float-right {
  margin-inline: auto var(--block-width-half);
}

.faq--carousel .flickity-page-dots .dot,
.image-carousel-with-text .flickity-page-dots .dot {
  height: 4px;
}

.faq--carousel .flickity-page-dots .dot:not(.is-selected),
.image-carousel-with-text .flickity-page-dots .dot:not(.is-selected) {
  background-color: #FFE8C3;
}

@media screen and (max-width: 999px) {
  .flow-blocks {
    --item-count: 1;
    --block-padding: 20px;
  }

  .flow-blocks--row {
    flex-direction: column;
  }

  .flow-blocks--block {
    max-width: 400px;
    flex-basis: 100%;
    margin-inline: auto;
  }

  .flow-blocks .icon--flow-arrow, .flow-blocks .flow-blocks--row .icon--flow-arrow {
    margin-inline: auto;
    transform: rotate(90deg);
    margin-block: var(--arrow-gap);
  }
}

/* FAQ With Carousel */
.container--padded {
  margin-inline: calc(var(--grid-column-width)  + var(--grid-gap));
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.faq--carousel {
  width: 50%;
  display: inline-block;
}

.faq--with-carousel {
  width: 50%;
  display: inline-block;
}

.faq--with-carousel .faq__wrapper {
  width: auto;
  margin-right: 20px;
}

.faq--with-carousel .section__header .heading,
.faq--with-carousel .section__header {
  text-align: left;
}

.faq--with-carousel .faq__item .collapsible-toggle,
.faq--with-carousel .faq__item .collapsible__content {
  padding-inline-start: 0;
}

@media screen and (max-width: 999px) {
  .faq--carousel {
    width: 100%;
    display: block;
  }

  .faq--with-carousel .faq__wrapper {
    margin-right: auto;
  }
  
  .faq--with-carousel {
    width: 100%;
    display: block;
  }
}

/* Custom set extra options */
.custom-set--list .bundle-products--inner {
  flex-wrap: wrap;
  gap: 0;
}

.custom-set--list .bundle-products--inner .bundle-products--product {
  width: 100%;
  display: block;
  flex-basis: 100%;
  max-width: unset;
  padding-left: 1.4em;
}

.custom-set--list .bundle-products--inner .bundle-products--item-image__container {
  display: none;
}

.custom-set--list .bundle-products--inner .bundle-products--item {
  flex-direction: row;
  align-items: center;
  position: relative;
  user-select: none;
}

.custom-set--list .bundle-products--inner .bundle-products--item-title {
  margin-right: 10px;
  margin-top: 1px;
}

.custom-set--list .bundle-products--inner .bundle-products--item::before {
  content: '';
  position: absolute;
  
  top: 50%;
  left: -1.5em;
  transform: translate(0, -50%);
  
  width: 1em;
  height: 1em;
  
  border-radius: 1000px;
  border: 1px solid #DFDFDF;
}

.custom-set--list .bundle-products--inner input:checked + .bundle-products--item::before {
  background: transparent;
  border: 0;
}

.custom-set--list .bundle-products--inner input:checked + .bundle-products--item::after {
  content: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="%232E9E7B"/><path d="M10.5273 5.52913C10.8211 5.23538 10.8211 4.76038 10.5273 4.46975C10.2336 4.17913 9.7586 4.176 9.46797 4.46975L5.99922 7.9385L4.53047 6.46975C4.23672 6.176 3.76172 6.176 3.4711 6.46975C3.18047 6.7635 3.17735 7.2385 3.4711 7.52913L5.4711 9.52913C5.76485 9.82288 6.23985 9.82288 6.53047 9.52913L10.5273 5.52913Z" fill="white"/></svg>');
  position: absolute;
  
  top: calc(50% - 3px);
  left: -1.48em;
  transform: translate(0, -50%);
  
  width: 1em;
  height: 1em;
  
}

/* Request a custom set popup */

#request-popup {
  backdrop-filter: blur(5px);
}

#request-popup .modal__content {
  width: 100%;
  max-width: 1085px;
}

.request-modal {
  padding: 30px;
  width: 100%;
  
  --gap: 25px;
  --item-count: 3;
  
  --button-border-radius: 4px;
  --form-input-field-height: 40px;
}

.request-modal .text-container .heading {
  margin-block: 50px !important; /* Important needed, because theme default CSS uses it as well. */
}

.request-modal .input--row {
  --width-reduction-per-item: calc(var(--gap) * (var(--item-count) - 1) / var(--item-count));

  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.request-modal .input__field {
  border-color: 1px solid rgb(var(--text-color));
}

.request-modal .input__label {
  color: rgb(var(--text-color));
}

.request-modal :focus-within ~ .input__label, .is-filled ~ .input__label {
  transform: scale(.733) translateY(calc(-16px - 0.5em)) translateX(3.665px);
}

.input--extra-title {
  width: calc(100% / var(--item-count) - var(--width-reduction-per-item));

  text-align: left;

  margin-bottom: var(--gap);
}

.input--extra-title__title {
  display: block;
  
  margin-bottom: 10px;

  font-weight: bold;
}

.request-modal textarea.input__field {
  height: auto;
  line-height: 150%;
  padding-top: 10px;
  max-width: 100%;
}

.input--extra-top {
  margin-top: var(--gap);
}

@media screen and (max-width: 740px) {
  .request-modal {
    --item-count: 2;

    --gap: 10px;
  }

  .request-modal .text-container .heading {
    margin-block: 0 !important;
  }

  .input--extra-title {
    margin-bottom: 5px;
  }

  .input--extra-title__title {
    margin-bottom: 5px;
  }


  .request-modal .input--row {
    flex-wrap: wrap;
  }
}

/* Banner */

.image-with-text--section__banner .image-with-text__wrapper {
  padding: 0;
}

.image-with-text--section__banner .image-with-text__image-wrapper,
.image-with-text--section__banner .image-with-text__content-wrapper {
  width: 50%;
  max-height: unset;
  display: block;
  margin: 0;
}

.image-with-text--section__banner .image-with-text__content-wrapper {
  position: relative;
  height: 100%;
  min-height: 100%;
  flex-grow: 1;
  flex-shrink: 0;
}

.image-with-text--section__banner .image-with-text__content-wrapper .image-with-text__content {
  margin-top: 180px;
}

.image-with-text--section__banner .image-with-text__content-wrapper .button-wrapper {
  position: absolute;
  right: 0;
  bottom: 10%;
  transform: translate(50%, 0);
}

.image-with-text--section__banner .heading--heading span {
  font-size: 85px;
  line-height: 125.8823%;
}

.image-with-text--section__banner .heading--subheading span {
  font-size: 46px;
  line-height: 121.7391%;
}

.image-with-text--section__banner .heading--subheading.heading--subheading-outline span {

  color: var(--background-color);
  text-shadow: -2px 2px 0 #B5812B,
                2px 2px 0 #B5812B,
                2px -2px 0 #B5812B,
                -2px -2px 0 #B5812B;
}

.image-with-text--section__banner .image-with-text .image-with-text__heading-image--container img {
  width: var(--width);
}

@media screen and (max-width: 999px) {
  .image-with-text--section__banner .image-with-text {
    padding-inline: 0;
  }

  .image-with-text--section__banner .image-with-text__wrapper {
    max-height: unset;
  }

  .image-with-text--section__banner .image-with-text--reverse .image-with-text__wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  
  .image-with-text--section__banner .image-with-text__image-wrapper,
  .image-with-text--section__banner .image-with-text__content-wrapper {
    width: 100%;
  }

  .image-with-text--section__banner .image-with-text__content-wrapper .button-wrapper {
    position: absolute;
    left: 50%;
    right: unset;
    bottom: 0;
    transform: translate(-50%, 50%);
  }

  .image-with-text--section__banner .image-with-text__content-wrapper .image-with-text__content {
    margin-top: 4rem;
  }

  .image-with-text--section__banner .heading--heading span {
    font-size: 50px;
    line-height: 126%;
  }
  
  .image-with-text--section__banner .heading--subheading span {
    font-size: 27px;
    line-height: 122.2222%;
  }

  .image-with-text--section__banner .image-with-text .image-with-text__heading-image--container img {
    width: var(--mobile-width);
  }
}

@media screen and (min-width: 1000px) {
  .image-with-text--section__banner .image-with-text__wrapper {
    max-height: var(--section-height);
  }

  .image-with-text--section__banner .image-with-text__content-wrapper {
    height: var(--section-height);
  }

  .image-with-text--section__banner .image-with-text__content-wrapper .image-with-text__content-list {
    margin-top: auto;
  }

  .image-with-text--section__banner .image-with-text__image-wrapper {
    position: relative;
    height: var(--section-height);
  }

  .image-with-text--section__banner .image-with-text__image-wrapper img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

/* userback temporary fix */

#userback_button_container .userback-button-e[wstyle="text"] {
  margin-top: 50px;
}

/**
* ----------------------------------------------------------------------------
* Product Content
* ----------------------------------------------------------------------------
*/

.product {
  display: grid;
  grid-template-areas:
    'gallery info' 
    'tabs    info';
  grid-template-rows: auto 1fr;
  column-gap: 20px;
}

.product__media {
  grid-area: gallery;
}

.main-product--content {
  grid-area: tabs;
  width: 100%;
}

.product__info {
  grid-area: info;
}

.main-product--content {
  margin-top: 40px;
}

.product-tabs__specification {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
}

.product-tabs__specification-item--name {
  font-weight: 600;
}

@media screen and (min-width: 1000px) {
  .main-product--content {
    --product-media-width: calc(var(--grid-column-width) * 10 + var(--grid-gap) * 10);
    width: var(--product-media-width);
  }
}

@media screen and (min-width: 1200px) {
  .main-product--content {
    --product-media-width: calc(var(--grid-column-width) * 9 + var(--grid-gap) * 9);
  }
}

@media screen and (min-width: 1400px) {
  .main-product--content {
    --product-media-width: calc(var(--grid-column-width) * 9 + var(--grid-gap) * 8);
    padding-inline-start: 36px;
  }
}

@media screen and (max-width: 999px) {
  .product {
    grid-template-areas:
      'gallery'
      'info'
      'tabs';
  }
}

/**
* ----------------------------------------------------------------------------
* Product USP
* ----------------------------------------------------------------------------
*/

.product-usp .product-usp-item-wrapper {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.product-usp .product-usp-item-wrapper svg {
  color: #4eab57;
  fill: #4eab57;
}

}