:root,
.color-scheme-1 {
  --font-body-family: Manrope, sans-serif;
  --font-heading-family: Mango, sans-serif;

  --tiny: 12px;
  --small: 14px;
  --medium: 16px;
  --large: 18px;
  --big: 20px;
  --extra: 24px;

  --spacing-big: 56px;
  --spacing-small: 24px;

  --color-button: #cdfd46;

  --opa-white: rgba(255, 255, 255, 0.7);
  --opa-black: rgba(34, 29, 27, 0.7);
  --black-100-base: #221d1b;
  --primary-section-300: #f7f8f3;
  --white-700-p: #64615f;
  --white-section-300: #e9e8e8;

  --alert-700: #fb200c;
}

/* Overides */
img {
  max-width: 100%;
  height: auto;
}

.product-popup-modal[open] {
  z-index: 9999 !important;
}

body {
  font-size: var(--medium);
  line-height: var(--big);
  letter-spacing: 0;
  color: var(--white-700-p);
}
.button,
.button-label,
.shopify-challenge__button,
.customer button,
.upcart-checkout-button {
  font-size: var(--small);
  font-weight: 800;
  line-height: var(--large);
  color: var(--black-100-base);
  background-color: var(--color-button);
  padding: 18px 30px;
  min-height: auto;

  border-radius: 8px;
  border: 2px solid var(--black-100-base);
  box-shadow: 2px 2px 0px 0px #221d1b;
  transition: all 0.25s;

  &:hover {
    box-shadow: 3px 3px 0px 0px #221d1b !important;
  }
}

a.abs {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.utility-bar {
  background: repeating-linear-gradient(
    -45deg,
    /* Opposite direction: rotate -45 degrees */ #cdfd46,
    /* Line color */ #cdfd46 12px,
    /* Line width */ #000 12px,
    /* Background color starts after the line */ #000 40px
      /* Total distance between lines */
  );

  .infinite-carousel {
    padding: 6px;
    height: 40px;
    overflow: hidden;

    @media (max-width: 991px) {
      height: 35px;
    }

    p {
      color: #cdfd46;
      font-size: var(--small);
      font-weight: 800;
      line-height: 125%;
      text-transform: uppercase;
      letter-spacing: 0.84px;
      font-family: var(--font-body-family);
      display: inline-flex;
      padding: 6px 8px;
      background: #000;
      margin: 0 56px;

      a {
        color: inherit;
        text-decoration: none;
        text-wrap-mode: nowrap;
      }

      @media (max-width: 991px) {
        font-size: 12px;
        margin: 0 24px;
      }
    }
  }

  .announcement-bar {
    .announcement-bar__message {
      span {
        color: #cdfd46;
        font-size: var(--small);
        font-weight: 800;
        line-height: 125%;
        text-transform: uppercase;
        letter-spacing: 0.84px;
        font-family: var(--font-body-family);
        display: inline-block;
        white-space: nowrap !important;
        padding: 6px;
        background: #000;
      }
    }
  }
}
.header-wrapper {
  header {
    width: min(1328px, 100%);
    max-width: 100% !important;
    padding: 20px 16px !important;

    @media (max-width: 768px) {
      padding: 12px 16px 24px !important;
    }

    .header__inline-menu {
      margin-left: 0;
      .list-menu {
        li {
          .header__menu-item {
            color: ##221d1b;
            font-weight: 700;
            line-height: 125%;
          }
        }
      }
    }
    a.header__heading-link {
      padding: 0;
    }

    .header__icons {
      align-items: center;
      gap: 8px;
      padding-right: 0;
      grid-area: icons;

      .wbc-custom-header-desktop-search-form {
        @media (max-width: 989px) {
          display: none;
        }
        .field {
          position: relative;

          &:before {
            content: "";
            display: block;
            width: 16px;
            height: 16px;
            position: absolute;
            z-index: 1;
            right: auto;
            bottom: auto;
            top: 50%;
            left: 20px;
            transform: translateY(-50%);
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.07474 9.51928C3.95357 10.3981 5.02959 10.838 6.29652 10.838C6.80829 10.838 7.29232 10.7566 7.74791 10.593C8.17065 10.4413 8.54917 10.2386 8.88274 9.98446L12.6423 13.744C12.7886 13.8903 12.9748 13.9618 13.1927 13.9618C13.4105 13.9618 13.5968 13.8903 13.7431 13.744C13.8893 13.5978 13.9608 13.4115 13.9608 13.1937C13.9608 12.9758 13.8893 12.7895 13.7431 12.6433L9.98348 8.88371C10.2376 8.55014 10.4403 8.17162 10.5921 7.74889C10.7556 7.2933 10.8371 6.80927 10.8371 6.2975C10.8371 5.03057 10.3971 3.95454 9.5183 3.07572C8.63947 2.19689 7.56345 1.75696 6.29652 1.75696C5.02959 1.75696 3.95357 2.19689 3.07474 3.07572C2.19591 3.95454 1.75598 5.03057 1.75598 6.2975C1.75598 7.56442 2.19591 8.64045 3.07474 9.51928ZM8.40049 8.40146C7.82247 8.97948 7.12315 9.26762 6.29652 9.26762C5.46989 9.26762 4.77057 8.97948 4.19255 8.40146C3.61454 7.82345 3.32639 7.12413 3.32639 6.2975C3.32639 5.47087 3.61454 4.77155 4.19255 4.19353C4.77057 3.61552 5.46989 3.32737 6.29652 3.32737C7.12315 3.32737 7.82247 3.61552 8.40049 4.19353C8.9785 4.77155 9.26665 5.47087 9.26665 6.2975C9.26665 7.12413 8.9785 7.82345 8.40049 8.40146Z' fill='%2364615F' stroke='%2364615F' stroke-width='0.204836'/%3E%3C/svg%3E");
          }
          &:after {
            display: none;
          }
          input {
            border: unset;
            border-radius: 8px;
            background: var(--White-Section-200, #f4f4f4);
            font-size: 14px;
            line-height: 18px;
            font-weight: 600;
            color: var(--white-700-p);
            min-width: 100%;
            max-width: 224px;
            padding: 13px 20px 15px 40px;

            &::placeholder {
              font-size: 14px;
              line-height: 18px;
              font-weight: 600;
              color: var(--white-700-p);
              opacity: 1 !important;
            }

            &:focus ~ .field__label {
              font-size: 10px;
              line-height: 14px;
              letter-spacing: 0;
              top: 10px;

              display: none;
            }
          }

          .field__label {
            font-size: 14px;
            line-height: 18px;
            font-weight: 600;
            color: var(--white-700-p);
            letter-spacing: 0;
            left: 40px;
            top: 50%;
            transform: translateY(-50%);

            display: none;
          }
          .search__button,
          .reset__button {
            display: none;
          }
        }
      }

      .header__search {
        display: none;

        @media (max-width: 989px) {
          display: flex;
        }
      }

      .header__icon {
        width: 24px;
        height: 24px;
        margin-right: 0 !important;
        .svg-wrapper {
          width: 24px;
          height: 24px;
        }
        .cart-count-bubble {
          background-color: #cdfd46;
          color: var(--black-100-base);
          font-weight: 600;
        }
      }
    }
  }

  .search-icon-mobile {
    display: none;

    @media (max-width: 989px) {
      display: flex;
    }
    .custom-icon {
      display: flex;
      svg {
        width: 24px;
        height: 24px;
      }

      &.close {
        display: none;
      }

      &.active {
        display: flex;
      }
    }
  }

  &.header-wrapper--border-bottom {
    border-bottom: 0;
    /* margin-bottom: 40px; */
  }

  .wbc-custom-header-mobile-search-form {
    display: none;
    padding: 0 16px 16px;

    &.active {
      display: flex;
    }

    .field {
      position: relative;

      &:after {
        display: none;
      }
      input {
        border: unset;
        border-radius: 8px;
        background: var(--White-Section-200, #f4f4f4);
        font-size: 14px;
        line-height: 18px;
        font-weight: 600;
        color: var(--white-700-p);
        min-width: 100%;
        max-width: 224px;
        padding: 13px 20px 15px 20px;

        &::placeholder {
          font-size: 14px;
          line-height: 18px;
          font-weight: 600;
          color: var(--white-700-p);
          opacity: 1 !important;
        }

        &:focus ~ .field__label {
          font-size: 10px;
          line-height: 14px;
          letter-spacing: 0;
          top: 10px;

          display: none;
        }
      }

      .field__label {
        font-size: 14px;
        line-height: 18px;
        font-weight: 600;
        color: var(--white-700-p);
        letter-spacing: 0;
        left: 40px;
        top: 50%;
        transform: translateY(-50%);

        display: none;
      }
      .search__button,
      .reset__button {
        display: none;
      }
    }
  }
}

@media screen and (min-width: 990px) {
  .header:not(.drawer-menu).page-width {
    padding-left: 0;
    padding-right: 0;
  }
}

footer {
  background-color: var(--black-100-base) !important;
  padding-top: var(--spacing-small) !important;
  padding-bottom: var(--spacing-small) !important;

  @media (max-width: 1100px) {
    padding: 0 30px;
  }

  .footer__content-top {
    padding: 0;

    .footer__blocks-wrapper {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0;

      @media (max-width: 991px) {
        grid-template-columns: repeat(3, 1fr);
      }
      @media (max-width: 768px) {
        grid-template-columns: repeat(2, 1fr);
      }
      @media (max-width: 600px) {
        grid-template-columns: 100%;
      }

      .footer-block.grid__item {
        padding-bottom: 40px;
        border-bottom: 2px solid rgba(255, 255, 255, 0.1);
        width: 100% !important;

        @media (max-width: 749px) {
          margin: 0 !important;
          padding-bottom: 0;
        }

        @media (max-width: 991px) {
          border-bottom: 0;
        }

        &:first-child {
          padding-right: 29px;

          @media (max-width: 991px) {
            padding-right: 0;
          }
        }
        &:last-child {
          padding-left: 29px;

          @media (max-width: 991px) {
            padding-left: 0;
          }
        }

        &:not(:last-child) {
          border-right: 2px solid rgba(255, 255, 255, 0.1);

          @media (max-width: 991px) {
            border-right: 0;
          }
        }

        &:not(:last-child):not(:first-child) {
          padding: 0 29px;

          @media (max-width: 991px) {
            padding: 0;
          }
        }

        .footer-block__heading {
          color: #fff;
          font-size: 28px;
          font-weight: 700;
          line-height: 1;
          letter-spacing: 0.56px;
          margin-bottom: 16px;
        }
        .footer-block__details-content {
          display: grid;
          gap: 12px;

          @media (max-width: 768px) {
            margin-bottom: 32px;
          }

          li {
            margin-right: 0;
            padding-right: 29px;
            a {
              color: var(--opa-white);
              font-weight: 600;
              padding: 0;
              font-size: 14px;
              line-height: 18px;
            }
          }
        }
      }
    }
  }

  .footer-custom-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 32px;
    justify-content: space-between;
    padding: 32px 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);

    @media (max-width: 768px) {
      margin-bottom: 32px;
    }

    .footer-custom-left {
      width: min(160px, 100%);
    }
    .footer-custom-right {
      display: flex;
      gap: 24px;
      align-items: center;

      @media (max-width: 480px) {
        flex-direction: column;
      }

      .footer-social {
        display: flex;
        gap: 12px;
        align-items: center;

        a {
          font-size: 0;
          width: 20px;
          height: 20px;
          display: flex;
          background-size: contain;
          background-repeat: no-repeat;

          &.facebook {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4486 6.72143C11.7588 6.43392 12.239 6.46525 12.2743 6.46682L14.2837 6.46604L14.3275 3.5667L14.0243 3.49228C13.8301 3.4445 13.2355 3.33325 11.9249 3.33325C9.59113 3.33325 8.02278 4.96663 8.02278 7.3967V8.04927H5.67261V11.1828H8.02278V16.6666H11.1564V11.1828H13.6334L14.0643 8.04927H11.1564V7.56905C11.1564 7.18754 11.2551 6.90161 11.4486 6.72143Z' fill='white'/%3E%3C/svg%3E%0A");
          }
          &.instagram {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3333 14.09C12.5927 14.09 14.4242 12.2585 14.4242 9.99911C14.4242 7.73976 12.5927 5.9082 10.3333 5.9082C8.07399 5.9082 6.24243 7.73976 6.24243 9.99911C6.24243 12.2585 8.07399 14.09 10.3333 14.09ZM10.3333 12.7264C11.8395 12.7264 13.0606 11.5053 13.0606 9.99911C13.0606 8.49288 11.8395 7.27184 10.3333 7.27184C8.82711 7.27184 7.60607 8.49288 7.60607 9.99911C7.60607 11.5053 8.82711 12.7264 10.3333 12.7264Z' fill='white'/%3E%3Cpath d='M14.4242 5.22632C14.0477 5.22632 13.7424 5.53158 13.7424 5.90814C13.7424 6.28469 14.0477 6.58995 14.4242 6.58995C14.8008 6.58995 15.1061 6.28469 15.1061 5.90814C15.1061 5.53158 14.8008 5.22632 14.4242 5.22632Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.27926 4.73368C2.83337 5.60877 2.83337 6.75433 2.83337 9.04545V10.9545C2.83337 13.2457 2.83337 14.3912 3.27926 15.2663C3.67146 16.0361 4.29729 16.6619 5.06705 17.0541C5.94214 17.5 7.08771 17.5 9.37883 17.5H11.2879C13.579 17.5 14.7246 17.5 15.5997 17.0541C16.3694 16.6619 16.9953 16.0361 17.3875 15.2663C17.8334 14.3912 17.8334 13.2457 17.8334 10.9545V9.04545C17.8334 6.75433 17.8334 5.60877 17.3875 4.73368C16.9953 3.96392 16.3694 3.33809 15.5997 2.94588C14.7246 2.5 13.579 2.5 11.2879 2.5H9.37883C7.08771 2.5 5.94214 2.5 5.06705 2.94588C4.29729 3.33809 3.67146 3.96392 3.27926 4.73368ZM11.2879 3.86364H9.37883C8.21077 3.86364 7.41673 3.8647 6.80297 3.91484C6.20513 3.96369 5.8994 4.05222 5.68613 4.16089C5.17296 4.42237 4.75574 4.83958 4.49426 5.35275C4.38559 5.56603 4.29706 5.87175 4.24821 6.4696C4.19807 7.08335 4.19701 7.87739 4.19701 9.04545V10.9545C4.19701 12.1226 4.19807 12.9166 4.24821 13.5304C4.29706 14.1283 4.38559 14.434 4.49426 14.6473C4.75574 15.1604 5.17296 15.5776 5.68613 15.8391C5.8994 15.9478 6.20513 16.0363 6.80297 16.0852C7.41673 16.1353 8.21077 16.1364 9.37883 16.1364H11.2879C12.456 16.1364 13.25 16.1353 13.8638 16.0852C14.4616 16.0363 14.7674 15.9478 14.9806 15.8391C15.4938 15.5776 15.911 15.1604 16.1725 14.6473C16.2811 14.434 16.3697 14.1283 16.4185 13.5304C16.4686 12.9166 16.4697 12.1226 16.4697 10.9545V9.04545C16.4697 7.87739 16.4686 7.08335 16.4185 6.4696C16.3697 5.87175 16.2811 5.56603 16.1725 5.35275C15.911 4.83958 15.4938 4.42237 14.9806 4.16089C14.7674 4.05222 14.4616 3.96369 13.8638 3.91484C13.25 3.8647 12.456 3.86364 11.2879 3.86364Z' fill='white'/%3E%3C/svg%3E%0A");
          }
          &.tiktok {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M11.548 3.70797C11.4468 3.65564 11.3482 3.59828 11.2527 3.5361C10.975 3.3525 10.7204 3.13617 10.4943 2.89176C9.92874 2.2446 9.7175 1.58807 9.63969 1.12841H9.64282C9.57782 0.746863 9.6047 0.5 9.60876 0.5H7.03264V10.4614C7.03264 10.5951 7.03264 10.7273 7.02701 10.8579C7.02701 10.8742 7.02545 10.8892 7.02451 10.9067C7.02451 10.9139 7.02451 10.9214 7.02295 10.9289C7.02295 10.9307 7.02295 10.9326 7.02295 10.9345C6.99579 11.2919 6.88122 11.6372 6.68931 11.9399C6.4974 12.2426 6.23404 12.4936 5.92238 12.6706C5.59757 12.8554 5.23019 12.9524 4.8565 12.9519C3.65624 12.9519 2.68348 11.9732 2.68348 10.7645C2.68348 9.5558 3.65624 8.5771 4.8565 8.5771C5.0837 8.57689 5.3095 8.61264 5.52552 8.68303L5.52865 6.06003C4.87286 5.97532 4.20663 6.02744 3.57199 6.2131C2.93735 6.39876 2.34807 6.71393 1.84133 7.13873C1.39731 7.52452 1.02402 7.98484 0.738263 8.49898C0.629519 8.68647 0.219227 9.43987 0.169542 10.6626C0.138293 11.3566 0.34672 12.0757 0.44609 12.3728V12.3791C0.508587 12.5541 0.750763 13.1512 1.14543 13.6547C1.46368 14.0585 1.83967 14.4132 2.26131 14.7074V14.7012L2.26756 14.7074C3.51469 15.5549 4.89743 15.4993 4.89743 15.4993C5.13679 15.4896 5.93863 15.4993 6.84921 15.0677C7.85916 14.5893 8.43413 13.8765 8.43413 13.8765C8.80145 13.4506 9.09353 12.9653 9.29784 12.4413C9.53095 11.8285 9.60876 11.0935 9.60876 10.7998V5.51506C9.64001 5.53381 10.0562 5.80911 10.0562 5.80911C10.0562 5.80911 10.6559 6.19347 11.5915 6.44377C12.2627 6.62188 13.167 6.65938 13.167 6.65938V4.10201C12.8502 4.13638 12.2068 4.03639 11.548 3.70797Z' fill='white'/%3E%3C/svg%3E%0A");
          }
        }
      }
    }
  }

  .footer__content-bottom {
    .footer__content-bottom-wrapper {
      padding: 0;
      color: var(--opa-white);
      font-size: 12px;
      line-height: 16px;
      font-weight: 600;

      .footer__copyright {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 24px;
        width: 100%;
        margin-top: 0;

        .copyright__content {
          font-size: 12px;
          line-height: 16px;

          a {
            &:hover {
              color: inherit;
            }
          }

          .love {
            display: inline-flex;
            width: 12px;
            height: 12px;
            background-repeat: no-repeat;
            margin: 0 4px;
            background-size: contain;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M6 10.1656C5.88333 10.1656 5.76458 10.1448 5.64375 10.1031C5.52292 10.0615 5.41667 9.99479 5.325 9.90313L4.4625 9.11563C3.57917 8.30729 2.78125 7.50521 2.06875 6.70938C1.35625 5.91354 1 5.03646 1 4.07813C1 3.29479 1.2625 2.64063 1.7875 2.11563C2.3125 1.59063 2.96667 1.32812 3.75 1.32812C4.19167 1.32812 4.60833 1.42188 5 1.60938C5.39167 1.79688 5.725 2.05313 6 2.37813C6.275 2.05313 6.60833 1.79688 7 1.60938C7.39167 1.42188 7.80833 1.32812 8.25 1.32812C9.03333 1.32812 9.6875 1.59063 10.2125 2.11563C10.7375 2.64063 11 3.29479 11 4.07813C11 5.03646 10.6458 5.91563 9.9375 6.71563C9.22917 7.51563 8.425 8.31979 7.525 9.12813L6.675 9.90313C6.58333 9.99479 6.47708 10.0615 6.35625 10.1031C6.23542 10.1448 6.11667 10.1656 6 10.1656Z' fill='white'/%3E%3C/svg%3E");
          }
        }
        .policies {
          display: none;
        }
      }
    }
  }
}

h1,
.h1,
h2,
.h2 {
  font-size: clamp(5.2rem, calc(5.2rem + ((1vw - 0.36rem) * 3.6145)), 7.6rem);
  line-height: 94.737%;
  letter-spacing: 0.76px;
  font-weight: 700;
  margin-top: 0;
}

.wbc-container {
  width: min(1132px, 100%);
  margin: 0 auto;
  padding: 0 16px;

  @media (max-width: 768px) {
    padding: 0 8px;
  }
}

.wbc-container-full {
  /* width: min(calc(1424px + 32px), 100%); */
  padding: 0 8px;
  margin: 0 auto;
}

.wbc-container-medium {
  width: min(calc(1424px + 32px), 100%);
  padding: 0 16px;
  margin: 0 auto;
}

.shopify-section {
  &:not(.shopify-section-group-header-group):not(
      .shopify-section-group-footer-group
    ) {
    padding-bottom: var(--spacing-big);
  }
}

#shopify-section-template--16602498957427__wbc_loved_by_others {
  padding-bottom: var(--spacing-small);
}

/* Contact Form */

.contact {
  width: min(530px, 100%);
  border-radius: 8px;
  background: var(--Primary-Section-300, #f7f8f3);
  padding: 38px 40px;

  #ContactForm {
    .field {
      flex-direction: column-reverse;
      gap: 12px;

      input,
      textarea {
        padding: 17px 28px;
        font-size: 14px;
        font-weight: 800;
        line-height: 18px;
        color: var(--white-700-p);
        border-radius: 8px;
        background-color: #fff;
        border: 2px solid transparent;

        &::placeholder {
          color: var(--white-700-p);
          opacity: 1 !important;
        }

        &:focus,
        &:focus-visible {
          border: 2px solid var(--black-100-base);
          color: var(--black-100-base);
        }
      }

      label {
        position: static;
        font-size: 14px;
        font-weight: 800;
        line-height: 18px;
        color: var(--black-100-base);
        letter-spacing: 0;
      }

      &:before,
      &:after {
        display: none;
      }
    }
    .contact__button {
      margin-top: 24px;
      button {
        width: 100%;
      }
    }
  }
}

.contact-page-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 36px;
  width: min(1132px, 100%);
  padding: 0 16px;
  margin: 0 auto;
  padding-top: var(--spacing-big);

  @media (max-width: 768px) {
    flex-direction: column;
    justify-content: center;
  }

  .contact-page-text {
    width: min(533px, 100%);
    margin-top: 36px;

    @media (max-width: 768px) {
      text-align: center;
      margin: 0 auto;
    }

    h1 {
      margin-top: 0;
      margin-bottom: 4px;
    }
    p {
      color: var(--white-700-p);
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      margin: 0;
    }
  }
}

.section-contact p.title {
  font-family: var(--font-heading-family);
  font-size: 36px;
  line-height: 34px;
  font-weight: 700;
}

/* Predictive Search */

.predictive-search {
  #predictive-search-results {
    #predictive-search-results-groups-wrapper {
      .predictive-search__result-group {
        ul#predictive-search-results-products-list {
          .predictive-search__item-content {
            .predictive-search__item-heading {
              font-family: var(--font-body-family);
              font-size: 18px;
              line-height: 24px;
              font-weight: 800;
              color: var(--black-100-base);
            }
          }
        }
      }
    }
  }
}

/* Easy Bundle Single Page */
.gbbPageBody {
  padding: 0 !important;
  .gbbHTMLWrapper {
    .gbbBodyWrapper {
      margin: 0;
      padding: 0 16px;

      @media (min-width: 1024px) {
        margin: 0 !important;
      }

      .gbbAddProductPageSubtextWrapper {
        margin: 0 0 24px;
      }
      .gbbAddProductsPageHTML {
        .gbbProductsContainer {
          margin: 0;

          .gbbProductsItemsContainer {
            grid-template-columns: repeat(5, 1fr) !important;
            gap: 8px !important;

            @media (max-width: 1919px) {
              grid-template-columns: repeat(4, 1fr) !important;
            }
            @media (max-width: 1200px) {
              grid-template-columns: repeat(3, 1fr) !important;
            }
            @media (max-width: 1024px) {
              grid-template-columns: repeat(2, 1fr) !important;
            }
          }

          .gbbProductItem {
            padding: 0;
            border: unset;
            display: flex;
            flex-direction: column;
            background: var(--primary-section-300) !important;
            gap: 0;

            @media (max-width: 480px) {
              gap: 0;
            }

            .gbbProductImageContainer {
              margin-bottom: 24px;
              position: relative;
              padding: 24px 24px 0;

              @media (max-width: 768px) {
                padding: 8px 8px 0;
                margin-bottom: 16px;
              }
              .gbbProductImageContainerImg {
                background: var(--primary-section-300);
                width: 100%;
                max-height: 100% !important;
              }
            }
            .gbbProductTextContainer {
              padding: 0 56px;

              @media (max-width: 768px) {
                padding: 0 16px;
              }

              .gbbProductItemTitle {
                .gbbProductTitleOnly {
                  font-size: 16px;
                  line-height: 20px;
                  font-weight: 800;
                  color: var(--black-100-base);

                  @media (max-width: 480px) {
                    font-size: 14px;
                    line-height: 18px;
                  }
                }
              }
            }
            .gbbProductActionContainer {
              padding: 0 32px 56px;
              display: block;
              margin-top: auto;

              @media (max-width: 768px) {
                padding: 0 16px 16px;
                margin-top: unset;
              }

              .gbbProductItemPricesContainer {
                display: flex;
                gap: 8px;
                margin-bottom: 32px;
                margin-top: 12px;

                .gbbProductItemCompareAtPrice {
                  font-size: 14px;
                  line-height: 18px;
                  font-weight: 800;
                }
                .gbbProductItemPrice {
                  font-size: 14px;
                  line-height: 18px;
                  color: var(--white-700-p);
                  font-weight: 800;
                }
              }
              .gbbProductButtonWrapper {
                .gbbProductQuantityHTML {
                  background: #fff !important;
                  padding: 0;
                  .gbbProductQuantityRemoveButton {
                    width: 74px;
                    height: 56px;
                    border-radius: 8px;
                    border: 2px solid var(--Black-100---Base, #221d1b);
                    background: transparent !important;
                    color: var(--black-100-base) !important;

                    @media (max-width: 768px) {
                      width: 40px;
                      height: 44px;
                    }
                  }
                  .gbbProductQuantityLabel {
                    font-size: 14px;
                    line-height: 18px;
                    font-weight: 800;
                    color: var(--black-100-base);
                  }
                  .gbbProductQuantityAddButton {
                    width: 74px;
                    height: 56px;
                    border-radius: 8px;
                    border: 2px solid var(--Black-100---Base, #221d1b);
                    background: transparent !important;
                    color: var(--black-100-base) !important;

                    @media (max-width: 768px) {
                      width: 40px;
                      height: 44px;
                    }
                  }
                }
                .gbbProductAddButton {
                  font-size: 14px;
                  line-height: 18px;
                  font-weight: 800;
                  color: var(--black-100-base) !important;
                  padding: 16px 28px;
                  border-radius: 8px;
                  border: 2px solid var(--Black-100---Base, #221d1b);
                  transition: box-shadow 0.25s;
                  background: transparent !important;

                  @media (max-width: 480px) {
                    padding: 12px 16px;
                    font-size: 12px;
                    line-height: 16px;
                  }

                  &:hover {
                    box-shadow: 3px 3px #221d1b !important;
                  }
                }
              }
            }
          }
        }
      }

      .gbbAddProductsPageFooterHTML {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        padding: 48px 48px 16px;

        @media (max-width: 991px) {
          padding: 24px 12px 16px;
          display: flex;
        }

        .gbbPageFooterHTML {
          display: flex;
          flex-direction: column;

          .gbbDiscountFooterHTML {
            margin-bottom: 32px;
            .gbbDiscountMessageContainer {
              margin-bottom: 16px;
              .gbbDiscountMessage {
                color: #fff !important;
              }
            }
            .progressBarContainer {
              .progressBar {
                height: 2px;
                background: rgba(255, 255, 255, 0.35) !important;
                overflow: unset;

                .progressBarFill {
                  background: #cdfd46 !important;
                  position: relative;

                  &:before {
                    content: "";
                    width: 18px;
                    height: 18px;
                    display: inline-flex;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    left: -10px;
                    z-index: 100;
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 5.99902H11.25V4.49902C11.25 3.87402 11.0312 3.34277 10.5937 2.90527C10.1562 2.46777 9.625 2.24902 9 2.24902C8.375 2.24902 7.84375 2.46777 7.40625 2.90527C6.96875 3.34277 6.75 3.87402 6.75 4.49902H5.25C5.25 3.46152 5.61562 2.57715 6.34687 1.8459C7.07812 1.11465 7.9625 0.749023 9 0.749023C10.0375 0.749023 10.9219 1.11465 11.6531 1.8459C12.3844 2.57715 12.75 3.46152 12.75 4.49902V5.99902H13.5C13.9125 5.99902 14.2656 6.1459 14.5594 6.43965C14.8531 6.7334 15 7.08652 15 7.49902V14.999C15 15.4115 14.8531 15.7646 14.5594 16.0584C14.2656 16.3521 13.9125 16.499 13.5 16.499H4.5C4.0875 16.499 3.73437 16.3521 3.44062 16.0584C3.14687 15.7646 3 15.4115 3 14.999V7.49902C3 7.08652 3.14687 6.7334 3.44062 6.43965C3.73437 6.1459 4.0875 5.99902 4.5 5.99902ZM9 12.749C9.4125 12.749 9.76562 12.6021 10.0594 12.3084C10.3531 12.0146 10.5 11.6615 10.5 11.249C10.5 10.8365 10.3531 10.4834 10.0594 10.1896C9.76562 9.8959 9.4125 9.74902 9 9.74902C8.5875 9.74902 8.23437 9.8959 7.94062 10.1896C7.64687 10.4834 7.5 10.8365 7.5 11.249C7.5 11.6615 7.64687 12.0146 7.94062 12.3084C8.23437 12.6021 8.5875 12.749 9 12.749Z' fill='%23CDFD46'/%3E%3C/svg%3E");
                  }

                  &:after {
                    content: "";
                    width: 18px;
                    height: 18px;
                    display: inline-flex;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    right: -10px;
                    z-index: 100;
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 5.99902H11.25V4.49902C11.25 3.87402 11.0312 3.34277 10.5937 2.90527C10.1562 2.46777 9.625 2.24902 9 2.24902C8.375 2.24902 7.84375 2.46777 7.40625 2.90527C6.96875 3.34277 6.75 3.87402 6.75 4.49902H5.25C5.25 3.46152 5.61562 2.57715 6.34687 1.8459C7.07812 1.11465 7.9625 0.749023 9 0.749023C10.0375 0.749023 10.9219 1.11465 11.6531 1.8459C12.3844 2.57715 12.75 3.46152 12.75 4.49902V5.99902H13.5C13.9125 5.99902 14.2656 6.1459 14.5594 6.43965C14.8531 6.7334 15 7.08652 15 7.49902V14.999C15 15.4115 14.8531 15.7646 14.5594 16.0584C14.2656 16.3521 13.9125 16.499 13.5 16.499H4.5C4.0875 16.499 3.73437 16.3521 3.44062 16.0584C3.14687 15.7646 3 15.4115 3 14.999V7.49902C3 7.08652 3.14687 6.7334 3.44062 6.43965C3.73437 6.1459 4.0875 5.99902 4.5 5.99902ZM9 12.749C9.4125 12.749 9.76562 12.6021 10.0594 12.3084C10.3531 12.0146 10.5 11.6615 10.5 11.249C10.5 10.8365 10.3531 10.4834 10.0594 10.1896C9.76562 9.8959 9.4125 9.74902 9 9.74902C8.5875 9.74902 8.23437 9.8959 7.94062 10.1896C7.64687 10.4834 7.5 10.8365 7.5 11.249C7.5 11.6615 7.64687 12.0146 7.94062 12.3084C8.23437 12.6021 8.5875 12.749 9 12.749Z' fill='%23CDFD46'/%3E%3C/svg%3E");
                  }
                }
              }
            }
          }
          .gbbProductsFooterHTML {
            grid-gap: 32px;
            padding: 0;
            .gbbFooterProductsContainer {
              overflow-x: unset;
              overflow-y: unset;

              .gbbFooterProductContainer {
                width: 188px;

                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 0;

                .gbbFooterProductRemoveButton {
                  left: calc(50% - 36px);
                  transform: translateX(-50%);
                  top: -7px;

                  .gbbFooterProductRemoveButtonIcon {
                    svg {
                      display: none;
                    }

                    width: 14px;
                    height: 14px;
                    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='7' fill='white'/%3E%3Cpath d='M5.05664 9.74105L7 7.79768L8.94336 9.74105C9.05092 9.84861 9.18798 9.9 9.34221 9.9C9.49643 9.9 9.63349 9.84861 9.74105 9.74105C9.84861 9.63349 9.9 9.49643 9.9 9.34221C9.9 9.18798 9.84861 9.05092 9.74105 8.94336L7.79768 7L9.74105 5.05664C9.84861 4.94908 9.9 4.81202 9.9 4.65779C9.9 4.50357 9.8486 4.36651 9.74105 4.25895C9.63349 4.15139 9.49643 4.1 9.34221 4.1C9.18798 4.1 9.05092 4.15139 8.94336 4.25895L7 6.20232L5.05664 4.25895C4.94908 4.15139 4.81202 4.1 4.65779 4.1C4.50357 4.1 4.36651 4.15139 4.25895 4.25895C4.15139 4.36651 4.1 4.50357 4.1 4.65779C4.1 4.81202 4.15139 4.94908 4.25895 5.05664L6.20232 7L4.25895 8.94336C4.15139 9.05092 4.1 9.18798 4.1 9.34221C4.1 9.49643 4.15139 9.63349 4.25895 9.74105C4.36651 9.8486 4.50357 9.9 4.65779 9.9C4.81202 9.9 4.94908 9.84861 5.05664 9.74105Z' fill='%232D2826' stroke='%23221D1B' stroke-width='0.3'/%3E%3C/svg%3E%0A");
                  }
                }
                .gbbFooterProductImageContainer {
                  width: 72px;
                  height: 72px;
                  border: unset;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  border-radius: 8px;
                  background: var(--Black-Section-200, #2d2826);

                  .gbbFooterProductImage {
                    width: 52px;
                    height: 52px;
                  }
                }
                .gbbFooterProductTextContainer {
                  text-align: center;
                  .gbbFooterProductTitle {
                    color: #b8b8b8;
                    font-size: 14px;
                    line-height: 18px;
                    font-weight: 600;
                    white-space: unset;
                    text-overflow: unset;
                    margin-bottom: 4px;
                  }
                  .gbbFooterProductQtyPriceContainer {
                    justify-content: center;
                    .gbbFooterProductPrice {
                      font-size: 14px;
                      line-height: 18px;
                      font-weight: 800;
                      color: #b8b8b8;
                    }
                    .gbbFooterProductQuantity {
                      font-size: 14px;
                      line-height: 18px;
                      font-weight: 800;
                      color: #b8b8b8;
                    }
                  }
                }
              }
            }
            .gbbFooterButtonsContainer {
              padding: 8px 8px;
              border-radius: 8px;
              background: #fff;
              .gbbFooterButtonsWrapper {
                grid-template-columns: 216px 1fr 216px;

                @media (max-width: 1024px) {
                  grid-template-columns: 0.5fr 1.5fr 0.5fr;
                }
                @media (max-width: 640px) {
                  display: flex;
                  flex-direction: row;
                  width: 100%;
                  flex-wrap: wrap;
                  justify-content: space-between;
                }

                .gbbFooterBackButton {
                  padding: 20px 32px;

                  @media (max-width: 640px) {
                    padding: 12px 24px;
                    font-size: 0;
                    background-position: 50% 50% !important;
                    background-repeat: no-repeat !important;
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M0.184763 5.35678C0.144602 5.24433 0.125 5.12505 0.125 4.99986C0.125 4.87466 0.144602 4.75538 0.184763 4.64293C0.226801 4.52522 0.297326 4.41888 0.392528 4.32368L4.25512 0.461085C4.4348 0.281408 4.66362 0.193558 4.9313 0.193558C5.19898 0.193558 5.4278 0.281408 5.60747 0.461085C5.78715 0.640762 5.875 0.86958 5.875 1.13726C5.875 1.40494 5.78715 1.63376 5.60747 1.81343L2.42105 4.99986L5.60747 8.18628C5.78715 8.36595 5.875 8.59477 5.875 8.86245C5.875 9.13013 5.78715 9.35895 5.60747 9.53862C5.4278 9.7183 5.19898 9.80615 4.9313 9.80615C4.66362 9.80615 4.4348 9.7183 4.25512 9.53862L0.392528 5.67603C0.297326 5.58083 0.226801 5.47449 0.184763 5.35678Z' fill='%2364615F' stroke='%2364615F' stroke-width='0.25'/%3E%3C/svg%3E") !important;
                  }

                  &.gbbDisabled {
                    border-radius: 8px;
                    border: 2px solid var(--White-Section-300, #e9e8e8);
                    background: #fff !important;
                    color: var(--white-700-p) !important;
                    font-weight: 800;
                    font-size: 14px;
                    line-height: 18px;

                    @media (max-width: 640px) {
                      font-size: 0;
                      background-position: 50% 50% !important;
                      background-repeat: no-repeat !important;
                      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M0.184763 5.35678C0.144602 5.24433 0.125 5.12505 0.125 4.99986C0.125 4.87466 0.144602 4.75538 0.184763 4.64293C0.226801 4.52522 0.297326 4.41888 0.392528 4.32368L4.25512 0.461085C4.4348 0.281408 4.66362 0.193558 4.9313 0.193558C5.19898 0.193558 5.4278 0.281408 5.60747 0.461085C5.78715 0.640762 5.875 0.86958 5.875 1.13726C5.875 1.40494 5.78715 1.63376 5.60747 1.81343L2.42105 4.99986L5.60747 8.18628C5.78715 8.36595 5.875 8.59477 5.875 8.86245C5.875 9.13013 5.78715 9.35895 5.60747 9.53862C5.4278 9.7183 5.19898 9.80615 4.9313 9.80615C4.66362 9.80615 4.4348 9.7183 4.25512 9.53862L0.392528 5.67603C0.297326 5.58083 0.226801 5.47449 0.184763 5.35678Z' fill='%2364615F' stroke='%2364615F' stroke-width='0.25'/%3E%3C/svg%3E") !important;
                    }
                  }
                }
                .gbbFooterTotalContainer {
                  .gbbFooterTotalLabel {
                    font-size: 14px;
                    line-height: 21px;
                    color: var(--black-100-base);
                    font-weight: 800;
                  }
                  .gbbFooterTotalValueContainer {
                    font-size: 14px;
                    line-height: 21px;
                    color: var(--black-100-base);
                    font-weight: 800;

                    .gbbFooterOriginalTotalValue {
                      color: var(--white-700-p) !important;
                    }
                    .gbbFooterDiscountedTotalValue {
                      text-decoration-line: none;
                      color: var(--alert-700) !important;
                    }
                  }
                }
                .gbbFooterNextButton {
                  padding: 20px 32px;
                  border-radius: 8px;
                  border-radius: 8px;
                  border: 2px solid var(--Black-100---Base, #221d1b) !important;
                  background: var(--Primary-100---Base, #cdfd46) !important;
                  box-shadow: 2px 2px 0px 0px #221d1b;
                  color: var(--black-100-base) !important;
                  font-weight: 800;
                  font-size: 14px;
                  line-height: 18px;

                  @media (max-width: 640px) {
                    padding: 12px 24px;
                    font-size: 0;
                    background-position: 50% 50% !important;
                    background-repeat: no-repeat !important;
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M5.81524 5.35678C5.8554 5.24433 5.875 5.12505 5.875 4.99986C5.875 4.87466 5.8554 4.75538 5.81524 4.64293C5.7732 4.52522 5.70267 4.41888 5.60747 4.32368L1.74488 0.461085C1.5652 0.281408 1.33638 0.193558 1.0687 0.193558C0.801023 0.193558 0.572204 0.281408 0.392528 0.461085C0.212851 0.640762 0.125 0.86958 0.125 1.13726C0.125 1.40494 0.212851 1.63376 0.392528 1.81343L3.57895 4.99986L0.392528 8.18628C0.212851 8.36595 0.125 8.59477 0.125 8.86245C0.125 9.13013 0.212851 9.35895 0.392528 9.53862C0.572204 9.7183 0.801023 9.80615 1.0687 9.80615C1.33638 9.80615 1.5652 9.7183 1.74488 9.53862L5.60747 5.67603C5.70267 5.58083 5.7732 5.47449 5.81524 5.35678Z' fill='%23221D1B' stroke='%23221D1B' stroke-width='0.25'/%3E%3C/svg%3E") !important;
                  }
                }
              }
            }
          }
          .gbbCartIconWithQuantityContainer {
            background: #f55e14 !important;
            padding: 8px 16px;
            border-radius: 111px;
            justify-content: center;
            gap: 8px;

            .gbbCartIconWithQuantityText {
              .gbbCartQuantity {
                font-size: 14px;
                line-height: 18px;
                font-weight: 800;
                color: #fff;
              }
            }
          }
        }
      }
    }
  }
}

.product-variants {
  .variant-options {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    .variant-item {
      .variant-color {
        border: unset;
        width: 25.6px;
        height: 25.6px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        border: 2px solid transparent;
        padding: 0;

        &.green {
          background-color: #cdfd46;
        }
        &.orange {
          background-color: #f55e14;
        }
        &.grey,
        &.gray {
          background-color: #b0b0b2;
        }
        &.black {
          background-color: #000;

          &.swatch-selected {
            border: 2px solid #f55e14;
          }
        }
        .pink,
        .light-pink {
          background-color: #ec7999;
        }
        .lightblue {
          background-color: #a7c0d7;
        }

        .yellow,
        .safety-yellow {
          background-color: #ffe500;
        }
        .safety-orange {
          background-color: #ff8a00;
        }
        .heather-gray {
          background-color: #808080;
        }
        .navy {
          background-color: #242b3c;
        }
        .cream {
          background-color: #dbd2c0;
        }
      }
    }
  }
}
div.swatches-type-collections .swatch-align-left {
  text-align: center !important;
  margin-bottom: 0 !important;
}

/* Just Viewed App */
#shopify-section-template--16602499154035__17333978351c170d8a {
  .page-width {
    max-width: 100%;

    #shopify-block-justviewed_recently_products_app_block_Nrtk9q {
      .rvp-container {
        max-width: 100%;

        .rvp-section-wrap {
          margin: 0;
          .splide-rvpCustom {
            .splide__track-rvpCustom {
              .splide__list-rvpCustom {
                marign: 0;
                padding: 0;

                .rvp-product-box {
                  border-radius: 8px;
                  background: var(--primary-section-300);
                  /* padding: 56px; */
                  padding-bottom: 56px;
                  text-align: center;
                }
              }
            }
          }
        }
      }
    }
  }
}

.gbbProductVariantModalMainContainer {
  .gbbProductVariantModalContainer {
    width: min(1100px, 100%);
    padding: 24px;
    border-radius: 8px;

    @media (max-width: 600px) {
      padding: 64px 24px 24px;
    }

    /* @media (max-width: 991px) {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 95%;
    } */
    .gbbProductVariantModalContentContainer {
      gap: 0;
      .gbbProductVariantModalHeader {
        .gbbProductVariantModalClose {
          top: 32px;
          right: 28px;
          width: 18px;
          height: 18px;
          font-size: 0;
          transform: none;
          background-repeat: no-repeat;
          z-index: 100;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M3.14409 16.7715L9 10.9156L14.8559 16.7715C15.1099 17.0254 15.4332 17.15 15.8137 17.15C16.1941 17.15 16.5175 17.0254 16.7715 16.7715C17.0254 16.5175 17.15 16.1941 17.15 15.8137C17.15 15.4332 17.0254 15.1099 16.7715 14.8559L10.9156 9L16.7715 3.14409C17.0254 2.89014 17.15 2.56677 17.15 2.18631C17.15 1.80585 17.0254 1.48248 16.7715 1.22853C16.5175 0.974588 16.1941 0.85 15.8137 0.85C15.4332 0.85 15.1099 0.974588 14.8559 1.22853L9 7.08445L3.14409 1.22853C2.89014 0.974588 2.56677 0.85 2.18631 0.85C1.80585 0.85 1.48248 0.974588 1.22853 1.22853C0.974588 1.48248 0.85 1.80585 0.85 2.18631C0.85 2.56677 0.974588 2.89014 1.22853 3.14409L7.08445 9L1.22853 14.8559C0.974588 15.1099 0.85 15.4332 0.85 15.8137C0.85 16.1941 0.974588 16.5175 1.22853 16.7715C1.48248 17.0254 1.80585 17.15 2.18631 17.15C2.56677 17.15 2.89014 17.0254 3.14409 16.7715Z' fill='%2364615F' stroke='%2364615F' stroke-width='0.3'/%3E%3C/svg%3E");

          svg {
            display: none;
          }
        }
      }
      .gbbProductVariantModalBodyContainer {
        gap: 56px;
        align-items: flex-start;

        @media (max-width: 768px) {
          display: grid;
          gap: 24px;
        }
        .gbbProductVariantModalImageTitleContainer {
          gap: 8px;
          .gbbProductImageContainer {
            border-radius: 8px;
            background: var(--Primary-Section-300, #f7f8f3);
            padding: 72px;
            .gbbProductImageContainerImg {
              max-height: 380px;
              background: transparent;
            }
            a {
              bottom: 24px;
              align-self: flex-end;
              padding: 0;
              top: auto;
              margin-left: 0;
              margin-top: 0;

              width: 44px;
              height: 44px;
              border-radius: 8px;
              background-color: var(--White-100---Base, #fff);
              font-size: 0;
              background-size: 16px;
              background-repeat: no-repeat;
              background-position: 50%;
            }
            .gbbPrevImage {
              right: 76px;
              background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.18476 8.35678C5.1446 8.24433 5.125 8.12505 5.125 7.99986C5.125 7.87466 5.1446 7.75538 5.18476 7.64293C5.2268 7.52522 5.29733 7.41888 5.39253 7.32368L9.25512 3.46109C9.4348 3.28141 9.66362 3.19356 9.9313 3.19356C10.199 3.19356 10.4278 3.28141 10.6075 3.46109C10.7871 3.64076 10.875 3.86958 10.875 4.13726C10.875 4.40494 10.7871 4.63376 10.6075 4.81343L7.42105 7.99986L10.6075 11.1863C10.7871 11.366 10.875 11.5948 10.875 11.8625C10.875 12.1301 10.7871 12.3589 10.6075 12.5386C10.4278 12.7183 10.199 12.8062 9.9313 12.8062C9.66362 12.8062 9.4348 12.7183 9.25512 12.5386L5.39253 8.67603C5.29733 8.58083 5.2268 8.47449 5.18476 8.35678Z' fill='%23221D1B' stroke='%23221D1B' stroke-width='0.25'/%3E%3C/svg%3E%0A");
            }
            .gbbNextImage {
              right: 24px;
              background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8152 8.35678C10.8554 8.24433 10.875 8.12505 10.875 7.99986C10.875 7.87466 10.8554 7.75538 10.8152 7.64293C10.7732 7.52522 10.7027 7.41888 10.6075 7.32368L6.74488 3.46109C6.5652 3.28141 6.33638 3.19356 6.0687 3.19356C5.80102 3.19356 5.5722 3.28141 5.39253 3.46109C5.21285 3.64076 5.125 3.86958 5.125 4.13726C5.125 4.40494 5.21285 4.63376 5.39253 4.81343L8.57895 7.99986L5.39253 11.1863C5.21285 11.366 5.125 11.5948 5.125 11.8625C5.125 12.1301 5.21285 12.3589 5.39253 12.5386C5.5722 12.7183 5.80102 12.8062 6.0687 12.8062C6.33638 12.8062 6.5652 12.7183 6.74488 12.5386L10.6075 8.67603C10.7027 8.58083 10.7732 8.47449 10.8152 8.35678Z' fill='%23221D1B' stroke='%23221D1B' stroke-width='0.25'/%3E%3C/svg%3E%0A");
            }
          }
          .gbbProductAllImagesContainer {
            /* grid-template-columns: repeat(8, 1fr); */
            display: flex;
            .gbbProductTabImageContainer {
              border-radius: 8px;
              background: var(--Primary-Section-300, #f7f8f3);
              padding: 8px;
              width: 59px;
              height: 59px;

              &.gbbActiveImage {
                img {
                  outline: 2px solid var(--Black-100---Base, #221d1b);
                  outline-offset: 6px;
                }
              }

              img {
                &.gbbActiveImage {
                  outline: 2px solid var(--Black-100---Base, #221d1b);
                  outline-offset: 6px;
                  border: unset !important;
                }
              }
            }
          }
        }
        .gbbProductVariantModalDetailsContainer {
          margin-top: 24px;
          padding-right: 32px;

          @media (max-width: 1024px) {
            padding-right: 0;
          }
          .gbbProductCardTextContainer {
            padding: 0;

            .gbbProductItemTitle {
              font-family: var(--font-heading-family);
              color: var(--black-100-base);
              font-size: 46px;
              line-height: 44px;
              letter-spacing: 0.56px;
              font-weight: 700;
            }
            .gbbProductItemPricesContainer {
              .gbbProductItemCompareAtPrice {
                font-size: 16px;
                line-height: 150%;
                font-weight: 800;
                color: var(--alert-700);
              }
              .gbbProductItemPrice {
                color: var(--black-100-base);
                font-size: 16px;
                line-height: 150%;
                font-weight: 800;
              }
            }
            .gbbProductDescriptionContainer {
              display: none;
            }
          }
          .gbbProductQuantityHTMLContainer {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;

            .gbbProductQuantityHeading {
              color: var(--black-100-base);
              font-size: 14px;
              line-height: 21px;
              font-weight: 800;
            }
            .gbbProductQuantityHTML {
              background: transparent;
              border-radius: 8px;
              border: 2px solid var(--White-Section-300, #e9e8e8);
              background: var(--White-100---Base, #fff);
              padding: 0;
              width: auto;
              color: rgba(var(--color-foreground));
              position: relative;
              height: 52px;

              .gbbProductQuantityRemoveButton,
              .gbbProductQuantityAddButton {
                height: 100%;
                width: 52px;
                background: transparent !important;
                color: var(--black-100-base) !important;
              }

              .gbbProductQuantityLabel {
                color: var(--white-700-p);
                font-size: 14px;
                line-height: 18px;
                font-weight: 800;
                opacity: 1;
              }
            }
          }

          .gbbProductVariantOptionsContainer {
            .gbbProductVariantOptionContainer {
              .gbbProductVariantOptionLabel,
              .size-guide-link {
                color: var(--black-100-base);
                font-size: 14px;
                line-height: 150%;
                font-weight: 800;
                margin-bottom: 12px;
                display: flex;
                justify-content: space-between;
                gap: 24px;
                text-decoration: none;
              }
              .size-guide-link {
                margin-bottom: 0;
                align-items: center;
                gap: 8px;
                &:before {
                  content: "";
                  width: 20px;
                  height: 20px;
                  display: inline-flex;
                  background-size: contain;
                  background-repeat: no-repeat;
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M3.33366 15.5C2.87533 15.5 2.48296 15.3368 2.15658 15.0104C1.83019 14.684 1.66699 14.2917 1.66699 13.8333V7.16667C1.66699 6.70833 1.83019 6.31597 2.15658 5.98958C2.48296 5.66319 2.87533 5.5 3.33366 5.5H16.667C17.1253 5.5 17.5177 5.66319 17.8441 5.98958C18.1705 6.31597 18.3337 6.70833 18.3337 7.16667V13.8333C18.3337 14.2917 18.1705 14.684 17.8441 15.0104C17.5177 15.3368 17.1253 15.5 16.667 15.5H3.33366ZM3.33366 13.8333H16.667V7.16667H14.167V9.66667C14.167 9.90278 14.0871 10.1007 13.9274 10.2604C13.7677 10.4201 13.5698 10.5 13.3337 10.5C13.0975 10.5 12.8996 10.4201 12.7399 10.2604C12.5802 10.1007 12.5003 9.90278 12.5003 9.66667V7.16667H10.8337V9.66667C10.8337 9.90278 10.7538 10.1007 10.5941 10.2604C10.4344 10.4201 10.2364 10.5 10.0003 10.5C9.76421 10.5 9.5663 10.4201 9.40658 10.2604C9.24685 10.1007 9.16699 9.90278 9.16699 9.66667V7.16667H7.50033V9.66667C7.50033 9.90278 7.42046 10.1007 7.26074 10.2604C7.10102 10.4201 6.9031 10.5 6.66699 10.5C6.43088 10.5 6.23296 10.4201 6.07324 10.2604C5.91352 10.1007 5.83366 9.90278 5.83366 9.66667V7.16667H3.33366V13.8333Z' fill='%23221D1B'/%3E%3C/svg%3E");
                }
              }
              .gbbProductVariantOptionValuesContainer {
                display: flex;
                gap: 0;
                .gbbProductVariantOptionValue {
                  margin: 0 6px 8px 0;
                  border: 2px solid var(--white-section-300);
                  border-radius: 8px;
                  text-align: center;
                  font-size: 14px;
                  font-weight: 800;
                  line-height: 18px;
                  padding: 16px 20px;
                  color: var(--white-700-p) !important;
                  background: transparent !important;
                  &.gbbActiveVariant {
                    border: 2px solid var(--black-100-base);
                  }
                }
              }
            }

            .gbbProductVariantOptionContainer[optionid="Color"] {
              .gbbProductVariantOptionLabel {
                color: var(--black-100-base);
                font-size: 14px;
                line-height: 150%;
                font-weight: 800;
                margin-bottom: 12px;
              }
              .gbbProductVariantOptionValuesContainer {
                display: flex;
                gap: 0;
                .gbbProductVariantOptionValue {
                  margin: 0 6px 8px 0;
                  border: 2px solid transparent;
                  width: 25.6px;
                  height: 25.6px;
                  font-size: 0;
                  border-radius: 50%;
                  padding: 0;
                  &.gbbActiveVariant {
                    border: 2px solid var(--black-100-base);
                  }

                  /* &[optionvalueid="Green"],
                  &[optionvalueid="green"] {
                    background-color: #cdfd46 !important;
                  }
                  &[optionvalueid="Orange"],
                  &[optionvalueid="orange"] {
                    background-color: #f55e14 !important;
                  }
                  &[optionvalueid="Grey"],
                  &[optionvalueid="grey"] {
                    background-color: #b0b0b2 !important;
                  }
                  &[optionvalueid="Black"],
                  &[optionvalueid="black"] {
                    background-color: #000 !important;
                  }
                  &[optionvalueid="Pink"],
                  &[optionvalueid="pink"] {
                    background-color: #ea57db !important;
                  }
                  &[optionvalueid="Light Blue"],
                  &[optionvalueid="light blue"],
                  &[optionvalueid="LightBlue"],
                  &[optionvalueid="lightblue"] {
                    background-color: #2295ed !important;
                  } */
                  &[optionvalueid="Green"],
                  &[optionvalueid="green"] {
                    background-color: #cdfd46 !important;
                  }
                  &[optionvalueid="Orange"],
                  &[optionvalueid="orange"] {
                    background-color: #f55e14 !important;
                  }
                  &[optionvalueid="Grey"],
                  &[optionvalueid="grey"],
                  &[optionvalueid="gray"] {
                    background-color: #b0b0b2 !important;
                  }
                  &[optionvalueid="Black"],
                  &[optionvalueid="black"] {
                    background-color: #000 !important;

                    &.swatch-selected {
                      border: 2px solid #f55e14 !important;
                    }
                  }
                  &[optionvalueid="Pink"],
                  &[optionvalueid="pink"],
                  &[optionvalueid="Light Pink"] {
                    background-color: #ec7999 !important;
                  }
                  &[optionvalueid="Light Blue"],
                  &[optionvalueid="light blue"],
                  &[optionvalueid="LightBlue"],
                  &[optionvalueid="lightblue"] {
                    background-color: #a7c0d7 !important;
                  }

                  &[optionvalueid="Safety Yellow"],
                  &[optionvalueid="Yellow"] {
                    background-color: #ffe500 !important;
                  }
                  &[optionvalueid="Safety Orange"] {
                    background-color: #ff8a00 !important;
                  }
                  &[optionvalueid="Heather Gray"] {
                    background-color: #808080 !important;
                  }
                  &[optionvalueid="Navy"] {
                    background-color: #242b3c !important;
                  }
                  &[optionvalueid="Cream"] {
                    background-color: #dbd2c0 !important;
                  }
                  &[optionvalueid="Brown"] {
                    background-color: #cb8847 !important;
                  }
                }
              }
            }
          }

          .gbbProductCardActionContainer {
            .gbbProductButtonWrapper {
            }
            .gbbProductVariantAddButton {
              font-size: 14px;
              line-height: 18px;
              font-weight: 800;
              color: var(--black-100-base) !important;
              border-radius: var(--Font-Text-Line-spacing-Text-XS, 8px);
              border: 2px solid var(--Black-100---Base, #221d1b);
              background: var(--Primary-100---Base, #cdfd46) !important;
              box-shadow: 2px 2px #221d1b;
              transition: all 0.25s;
              padding: 20px 32px !important;

              &:hover {
                box-shadow: 3px 3px 0px 0px #221d1b !important;
              }
            }
          }
        }
      }

      .gbbProductDescriptionContainer {
        display: none;
      }
    }
  }
}

.size-guide-overlay {
  .size-guide-popup {
    width: min(1100px, 100%);
    display: flex;
    top: 40vh;
    left: 50vw !important;
    transform: translate(-50%, -50%);
    margin: 10vh 0;
    height: unset;
    grid-gap: 15px;
    max-height: 95vh;
    padding: 24px;
    border-radius: 8px;

    .size-guide-wrapper {
      display: flex;
      button {
        font-size: 0;
        width: 18px;
        height: 18px;
        position: absolute;
        border: unset;
        outline: unset;
        background-size: contain;
        background-repeat: no-repeat;
        top: 24px;
        right: 24px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M3.14409 16.7715L9 10.9156L14.8559 16.7715C15.1099 17.0254 15.4332 17.15 15.8137 17.15C16.1941 17.15 16.5175 17.0254 16.7715 16.7715C17.0254 16.5175 17.15 16.1941 17.15 15.8137C17.15 15.4332 17.0254 15.1099 16.7715 14.8559L10.9156 9L16.7715 3.14409C17.0254 2.89014 17.15 2.56677 17.15 2.18631C17.15 1.80585 17.0254 1.48248 16.7715 1.22853C16.5175 0.974588 16.1941 0.85 15.8137 0.85C15.4332 0.85 15.1099 0.974588 14.8559 1.22853L9 7.08445L3.14409 1.22853C2.89014 0.974588 2.56677 0.85 2.18631 0.85C1.80585 0.85 1.48248 0.974588 1.22853 1.22853C0.974588 1.48248 0.85 1.80585 0.85 2.18631C0.85 2.56677 0.974588 2.89014 1.22853 3.14409L7.08445 9L1.22853 14.8559C0.974588 15.1099 0.85 15.4332 0.85 15.8137C0.85 16.1941 0.974588 16.5175 1.22853 16.7715C1.48248 17.0254 1.80585 17.15 2.18631 17.15C2.56677 17.15 2.89014 17.0254 3.14409 16.7715Z' fill='%2364615F' stroke='%2364615F' stroke-width='0.3'/%3E%3C/svg%3E");
      }
      img {
        width: min(600px, 100%);
        margin: 0 auto;
      }
    }
  }
}

/* .with-swatches {
  .swatch-view {
    justify-content: center !important;
  }
  div[option-name="Size"],
  div[option-name="Type"],
  div[option-name="Style"] {
    display: none;
  }
  div[option-name="Color"] {
    li.swatch-view-item {
      margin: 0 4px 0 4px !important;
      width: 20px !important;
      height: 20px !important;

      @media (max-width: 768px) {
        width: 8px !important;
        height: 8px !important;
      }
      .swatch-image {
        border: 0;
        height: 100%;

        &.swatch-allow-animation {
          transition: outline 0.05s !important;
        }

        &[data-value="Green"],
        &[data-value="green"] {
          background-color: #cdfd46;
        }
        &[data-value="Orange"],
        &[data-value="orange"] {
          background-color: #f55e14;
        }
        &[data-value="Grey"],
        &[data-value="grey"] {
          background-color: #b0b0b2;
        }
        &[data-value="Black"],
        &[data-value="black"] {
          background-color: #000;
        }
        &[data-value="Pink"],
        &[data-value="pink"],
        &[data-value="Light Pink"] {
          background-color: #ea57db;
        }
        &[data-value="Light Blue"],
        &[data-value="light blue"],
        &[data-value="LightBlue"],
        &[data-value="lightblue"] {
          background-color: #2295ed;
        }

        &[data-value="Safety Yellow"],
        &[data-value="Yellow"] {
          background-color: #ffe500;
        }
        &[data-value="Safety Orange"] {
          background-color: #ff8a00;
        }
        &[data-value="Heather Gray"] {
          background-color: #808080;
        }
        &[data-value="Navy"] {
          background-color: #282099;
        }
        &[data-value="Cream"] {
          background-color: #dbd2c0;
        }
        &[data-value="White"] {
          background-color: #FFFFFF;
          outline: 1px solid #ccc;
        }

        .star-set-image {
          border: 0;
          width: 16px !important;
          height: 16px !important;
          display: none;
        }
      }

      .swatch-selected {
        padding: 2px;
        border-radius: 50%;
        outline: 2px solid var(--black-100-base);
        outline-offset: 2px;

        @media (max-width: 768px) {
          padding: 2px;
          outline-width: 2px;
          outline-offset: 2px;
        }
      }

      &.swatch-item-unavailable {
        pointer-events: none;

        .swatch-selected {
          border: 2px solid transparent;

          div.star-set-image {
          }
        }
      }
    }
  }
} */

svg.color-lightblue circle {
  fill: lightblue;
}
svg.color-pink circle {
  fill: pink;
}
svg.color-cream circle {
  fill: beige;
}

div.swatches-type-collections .swatch-view-slide .swatch-navigable {
  /* overflow: unset !important; */
}

div.swatches-type-collections .swatch-slider-align-left {
  justify-content: center !important;
}

#upCart {
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--font-body-family) !important;
  }
  #UpcartPopup {
    #CartPopup {
      .upcart-header {
        padding: 16px 24px;

        .upcart-header-text {
          font-size: 36px;
          line-height: 34px;
          font-weight: 700;
          letter-spacing: 0.54px;
          font-family: var(--font-heading-family);
          display: flex;
          align-items: center;
          gap: 8px;

          .qty {
            font-family: var(--font-body-family);
            font-size: 14px;
            font-weight: 800;
            background-color: #cdfd46;
            border-radius: 50%;
            width: 26px;
            height: 26px;
            display: inline-flex;
            line-height: 21px;
            justify-content: center;
            align-items: center;
          }
        }
      }
      .upcart-rewards {
        .upcart-rewards-message {
          width: min(296px, 100%);
          margin: 0 auto;
          p {
            font-size: 14px;
            line-height: 21px;
            font-weight: 500;
            color: var(--white-700-p);
          }
        }
        .upcart-rewards-bar-background {
          margin-top: 30px;
        }
        .styles_TieredRewards__tiersContainer__ {
          .upcart-rewards-tier {
            &.styles_TieredRewards__tierCircleAndDescription--exactlyCenter__ {
              .upcart-rewards-tier-icon {
                svg {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_3561_11723)'%3E%3Cpath d='M10.0003 5.83268H6.25033C5.69779 5.83268 5.16789 5.61319 4.77719 5.22249C4.38649 4.83179 4.16699 4.30188 4.16699 3.74935C4.16699 3.19681 4.38649 2.66691 4.77719 2.27621C5.16789 1.88551 5.69779 1.66602 6.25033 1.66602C9.16699 1.66602 10.0003 5.83268 10.0003 5.83268ZM10.0003 5.83268H13.7503C14.3029 5.83268 14.8328 5.61319 15.2235 5.22249C15.6142 4.83179 15.8337 4.30188 15.8337 3.74935C15.8337 3.19681 15.6142 2.66691 15.2235 2.27621C14.8328 1.88551 14.3029 1.66602 13.7503 1.66602C10.8337 1.66602 10.0003 5.83268 10.0003 5.83268ZM10.0003 5.83268L10.0003 18.3327M1.66699 11.666H18.3337M1.66699 8.49935L1.66699 15.666C1.66699 16.5994 1.66699 17.0661 1.84865 17.4227C2.00844 17.7363 2.2634 17.9912 2.57701 18.151C2.93353 18.3327 3.40024 18.3327 4.33366 18.3327L15.667 18.3327C16.6004 18.3327 17.0671 18.3327 17.4236 18.151C17.7372 17.9912 17.9922 17.7363 18.152 17.4227C18.3337 17.0661 18.3337 16.5994 18.3337 15.666V8.49935C18.3337 7.56593 18.3337 7.09922 18.152 6.7427C17.9922 6.4291 17.7372 6.17413 17.4236 6.01434C17.0671 5.83268 16.6004 5.83268 15.667 5.83268L4.33366 5.83268C3.40024 5.83268 2.93353 5.83268 2.57701 6.01434C2.2634 6.17413 2.00844 6.42909 1.84865 6.7427C1.66699 7.09922 1.66699 7.56593 1.66699 8.49935Z' stroke='%23221D1B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3561_11723'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");

                  path {
                    opacity: 0;
                  }
                }
              }
            }
            &.styles_TieredRewards__tierCircleAndDescription--leftOfCenter__ {
              .upcart-rewards-tier-icon {
                svg {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M13.3337 13.3333V5.16667C13.3337 4.23325 13.3337 3.76654 13.152 3.41002C12.9922 3.09641 12.7372 2.84144 12.4236 2.68166C12.0671 2.5 11.6004 2.5 10.667 2.5H4.33366C3.40024 2.5 2.93353 2.5 2.57701 2.68166C2.2634 2.84144 2.00844 3.09641 1.84865 3.41002C1.66699 3.76654 1.66699 4.23325 1.66699 5.16667V10.6667C1.66699 11.6001 1.66699 12.0668 1.84865 12.4233C2.00844 12.7369 2.2634 12.9919 2.57701 13.1517C2.93353 13.3333 3.40024 13.3333 4.33366 13.3333H13.3337ZM13.3337 13.3333H17.0003C17.467 13.3333 17.7004 13.3333 17.8787 13.2425C18.0355 13.1626 18.1629 13.0351 18.2428 12.8783C18.3337 12.7001 18.3337 12.4667 18.3337 12V9.71895C18.3337 9.51513 18.3337 9.41321 18.3106 9.31731C18.2902 9.23228 18.2565 9.15099 18.2109 9.07643C18.1593 8.99233 18.0873 8.92027 17.9431 8.77614L16.2242 7.05719C16.0801 6.91306 16.008 6.841 15.9239 6.78947C15.8493 6.74378 15.768 6.71011 15.683 6.68969C15.5871 6.66667 15.4852 6.66667 15.2814 6.66667H13.3337M7.50033 15.4167C7.50033 16.5673 6.56759 17.5 5.41699 17.5C4.2664 17.5 3.33366 16.5673 3.33366 15.4167C3.33366 14.2661 4.2664 13.3333 5.41699 13.3333C6.56759 13.3333 7.50033 14.2661 7.50033 15.4167ZM16.667 15.4167C16.667 16.5673 15.7343 17.5 14.5837 17.5C13.4331 17.5 12.5003 16.5673 12.5003 15.4167C12.5003 14.2661 13.4331 13.3333 14.5837 13.3333C15.7343 13.3333 16.667 14.2661 16.667 15.4167Z' stroke='%23221D1B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

                  path {
                    opacity: 0;
                  }
                }
              }
            }

            .upcart-rewards-tier-circle {
              border-width: 0px !important;

              .upcart-rewards-tier-icon {
                width: 40px !important;
                height: 40px !important;
                display: flex;
                align-items: center;
                justify-content: center;

                svg {
                  fill: black;
                  width: 20px;
                  height: 20px;
                }
              }
            }
            .upcart-rewards-tier-description {
              font-size: 12px;
              line-height: 18px;
              font-weight: 600;
              color: var(--white-700-p);
              margin-top: 8px;
            }
          }
        }
      }
      .styles_CartPreview__empty__ {
        h3 {
          font-family: var(--font-heading-family) !important;
          font-size: 36px;
          line-height: 34px;
          font-weight: 700;
          letter-spacing: 0.54px;
        }
      }

      .upcart-cart-body {
        .upcart-products-section {
          padding-top: 32px;

          .upcart-product-item {
            padding: 0;
            border-bottom: 0px;

            .Stack {
              margin-left: 0;
              margin-top: 0;
              padding: 0 24px 24px;
              align-items: center;
              gap: 16px;

              &.Stack--alignmentCenter {
                padding: 0;
                gap: 0;

                .upcart-item-price {
                  font-size: 14px;
                  line-height: 21px;
                  font-weight: 700;
                }
              }

              .Stack__item {
                margin-left: 0;
                margin-top: 0;
              }
            }

            .upcart-product-image-wrapper {
              border-radius: 8px;
              background: var(--Primary-Section-300, #f7f8f3);
              width: 96px;
              height: 96px;

              a {
                width: 100%;
                max-height: 96px;

                /* width: 60px;
                height: 60px;
                max-height: 60px;*/

                img {
                  max-height: 96px;
                }
              }
            }
            .upcart-product-title {
              font-size: 14px !important;
              font-weight: 700;
              line-height: 21px;
            }
            .upcart-item-option {
              font-size: 14px;
              font-weight: 500;
            }
            .styles_quantityInput__,
            .styles_button__ {
              height: 38px;
              min-height: 38px;
              max-height: 38px;

              svg {
                fill: var(--black-100-base);
                width: 14px !important;
                height: 14px !important;
              }
            }

            .styles_quantityInput__ {
              width: 24px;
            }

            .styles_QuantityField__ {
              .upcart-product-quantity-minus {
                border-top-left-radius: 8px !important;
                border-bottom-left-radius: 8px !important;
                border-right: 0;
              }
              .upcart-product-quantity-plus {
                border-top-right-radius: 8px !important;
                border-bottom-right-radius: 8px !important;
                border-left: 0;
              }
            }
          }
        }
        .styles_CartPreview__bottomModules__ {
          .upcart-upsells-module {
            padding: 8px 24px 32px;

            .upcart-upsells-title {
              font-size: 12px;
              font-weight: 700;
              letter-spacing: 0.72px;
              text-transform: uppercase;
              margin-bottom: 16px;
              color: var(--black-100-base);
              border-top: 1px solid #f4f4f4;
              padding-top: 32px;
            }
            .carousel-root {
              .carousel-slider {
                .control-arrow {
                  &.control-prev {
                    left: -10px !important;
                  }
                  &.control-next {
                    right: -10px !important;
                  }
                }
                .slider-wrapper {
                  width: calc(100% - 32px) !important;

                  .slide {
                    .upcart-upsell-item-card {
                      padding: 12px 16px 12px 8px;
                      border-radius: 8px;
                      background-color: #f7f8f3;

                      .Stack {
                        margin-left: 0;
                        margin-top: 0;

                        &.Stack--noWrap {
                          gap: 4px;
                        }

                        .Stack__item {
                          margin-left: 0;
                          margin-top: 0;

                          .upcart-upsell-item-title {
                            font-size: 14px;
                            font-weight: 700;
                            color: var(--black-100-base);
                            margin-bottom: 2px;
                          }
                          .upcart-upsell-item-price-row {
                            margin-bottom: 8px;
                            .upcart-upsell-item-price {
                              font-size: 14px;
                              font-weight: 500;
                              color: var(--white-700-p);
                            }
                          }
                          form {
                            .styles_PreviewCarousel__selectWrapper__ {
                              width: 100%;
                              select.upcart-upsell-item-variant-selector {
                                border-radius: 6px;
                                border: 1.6px solid
                                  var(--White-Section-300, #e9e8e8);
                                height: 38px;
                                font-size: 13px;
                                color: var(--black-100-base);
                                letter-spacing: 0.39px;
                                font-weight: 500;
                                background: transparent;
                                line-height: 18px;
                              }
                            }

                            .styles_PreviewCarousel__inputWrapper__ {
                              width: max-content !important;

                              .upcart-upsells-button {
                                border-radius: 6px;
                                background: var(--Rating-700, #f55e14);
                                font-size: 13px;
                                line-height: 18px;
                                font-weight: 800;
                                letter-spacing: 0.39px;
                                color: #fff;
                                width: max-content !important;
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
      .upcart-footer {
        background: var(--primary-section-300) !important;
        padding: 24px 16px 16px;
        border-top: 2px solid var(--Black-100---Base, #221d1b);

        .upcart-addons {
          margin-bottom: 16px;

          .Stack {
            margin-left: 0;
            margin-top: 0;

            &.Stack--noWrap {
              gap: 12px;

              .styles_AddonsModule__title__ {
                justify-content: flex-start;
                gap: 12px;
              }

              /*              .upcart-addons-image-wrapper {
                background: transparent;
                background-repeat: no-repeat;
                background-position: 50% 50%;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='21' viewBox='0 0 34 21' fill='none'%3E%3Cpath d='M8.5 13.5H3M6 8H1.5M8.5 2.5H3.5' stroke='%23221D1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 14V2H26.5V14H13Z' fill='%23CDFD46'/%3E%3Cpath d='M26.5 14.5V4.7C26.5 3.5799 26.5 3.01984 26.282 2.59202C26.0903 2.21569 25.7843 1.90973 25.408 1.71799C24.9802 1.5 24.4201 1.5 23.3 1.5H15.7C14.5799 1.5 14.0198 1.5 13.592 1.71799C13.2157 1.90973 12.9097 2.21569 12.718 2.59202C12.5 3.01984 12.5 3.5799 12.5 4.7V11.3C12.5 12.4201 12.5 12.9802 12.718 13.408C12.9097 13.7843 13.2157 14.0903 13.592 14.282C14.0198 14.5 14.5799 14.5 15.7 14.5H26.5ZM26.5 14.5H30.9C31.4601 14.5 31.7401 14.5 31.954 14.391C32.1422 14.2951 32.2951 14.1422 32.391 13.954C32.5 13.7401 32.5 13.4601 32.5 12.9V10.1627C32.5 9.91815 32.5 9.79586 32.4724 9.68077C32.4479 9.57873 32.4075 9.48119 32.3526 9.39172C32.2908 9.2908 32.2043 9.20432 32.0314 9.03137L29.9686 6.96863C29.7957 6.79568 29.7092 6.7092 29.6083 6.64736C29.5188 6.59253 29.4213 6.55213 29.3192 6.52763C29.2041 6.5 29.0818 6.5 28.8373 6.5H26.5M19.5 17C19.5 18.3807 18.3807 19.5 17 19.5C15.6193 19.5 14.5 18.3807 14.5 17C14.5 15.6193 15.6193 14.5 17 14.5C18.3807 14.5 19.5 15.6193 19.5 17ZM30.5 17C30.5 18.3807 29.3807 19.5 28 19.5C26.6193 19.5 25.5 18.3807 25.5 17C25.5 15.6193 26.6193 14.5 28 14.5C29.3807 14.5 30.5 15.6193 30.5 17Z' stroke='%23221D1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

                img {
                  opacity: 0;
                }
              }*/

              .upcart-addons-title {
                font-size: 14px;
                line-height: 21px;
                font-weight: 700;
                letter-spacing: 0;
                color: var(--black-100-base);
                margin-bottom: 0;
              }
              .upcart-addons-price {
                font-size: 14px;
                line-height: 21px;
                font-weight: 700;
                letter-spacing: 0;
                color: var(--black-100-base);
                margin-bottom: 0;

                &:before {
                  content: "";
                  display: inline-flex;
                  width: 3px;
                  height: 3px;
                  border-radius: 50%;
                  background: var(--black-100-base);
                  vertical-align: middle;
                  position: relative;
                  left: -5px;
                }
              }

              .upcart-addons-product-description {
                font-size: 14px;
                color: var(--white-700-p);
                font-weight: 500;
                line-height: 21px;
                opacity: 1;
                padding-right: 12px;

                p {
                  height: auto;
                }
              }
            }

            .Stack__item {
              margin-left: 0;
              margin-top: 0;

              .upcart-addons-toggle {
                .styles_ToggleSwitch__ {
                  border: 2px solid transparent;
                  width: 44px;
                  height: 28px;
                  background-color: #dedddd;

                  &.styles_ToggleSwitch--active__ {
                    background-color: #f55e14 !important;
                  }
                  .styles_ToggleSwitch__circle__ {
                    width: 16px;
                    height: 16px;
                    top: 2px;

                    &.styles_ToggleSwitch__circle--active__ {
                      left: 20px;
                    }
                  }
                  .styles_ToggleSwitch__checkMark__ {
                    left: 6px;
                  }
                }
              }
            }
          }
        }
        .upcart-discount-code-module {
          margin-bottom: 16px;

          .upcart-discount-code-row {
            gap: 0;
            .upcart-discount-code-input-wrapper {
              background-color: transparent;
              border-radius: 8px;
              border-top-right-radius: 0;
              border-bottom-right-radius: 0px;

              .upcart-discount-code-input {
                height: 52px;
                font-size: 14px;
                line-height: 18px;
                font-weight: 600;
                color: var(--white-700-p);
                padding: 17px 28px;
                border-radius: 8px;
                border: 2px solid var(--White-Section-300, #e9e8e8);
                background-color: transparent;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0px;
                border-right: 0;

                &:focus,
                &:focus-visible {
                  outline: none;
                  outline-offset: none;
                  box-shadow: unset;
                }
              }
            }
            .upcart-discount-code-button {
              background-color: transparent;
              border-radius: 8px;
              color: var(--black-100-base);
              border: 2px solid var(--Black-100---Base, #221d1b);
              position: relative;
              left: -2px;

              &:hover {
                color: inherit !important;
                opacity: 1 !important;
              }
            }
          }
        }
        .styles_Footer__checkoutButton__ {
          .upcart-checkout-button-container {
            a {
              font-size: var(--small) !important;
              font-weight: 800 !important;
              line-height: var(--large) !important;
              color: var(--black-100-base) !important;
              background-color: var(--color-button) !important;
              padding: 20px 32px !important;
              min-height: auto !important;

              border-radius: 8px !important;
              border: 2px solid var(--black-100-base) !important;
              box-shadow: 2px 2px 0px 0px #221d1b !important;
              transition: all 0.25s !important;

              &:hover {
                box-shadow: 3px 3px 0px 0px #221d1b !important;
                color: inherit !important;
                opacity: 1 !important;
              }
            }
          }
        }
        .upcart-continue-shopping {
          padding-top: 16px;
          font-size: 14px;
          color: var(--white-700-p);
          line-height: 18px;
          font-weight: 600;
        }
      }
    }
  }
}

/* One Click Upsell Funnel Pre-Checkout popup - when click checkout from cart */
.ocu-popup {
  .v--modal-box {
    .ocu-v--modal-content {
      .ocu-modal__content {
        .ocu-modal__header {
          span {
            font-family: var(--font-body-family) !important;
          }
        }
        .ocu-upsell__timer {
          span {
            font-family: var(--font-body-family) !important;
          }
        }
        .ocu-modal__incart-image {
          .incart-image-wrapper {
          }
        }
        .ocu-modal__main {
          .ocu-modal__hero-content {
            .ocu-hero-content__container {
              .ocu-hero-title {
                margin-bottom: 16px;
                span {
                  font-size: 46px !important;
                  line-height: 95.65% !important;
                  font-weight: 700 !important;
                  font-family: var(--font-heading-family) !important;
                  letter-spacing: 0.56px;
                }
              }
              .ocu-description-wrapper {
                span {
                  font-size: 16px !important;
                  font-weight: 500 !important;
                  line-height: 150% !important;
                  color: #4a4a4a !important;
                  font-family: var(--font-body-family) !important;
                }
              }
              .ocu-hero-content__totals {
                .price-holder {
                  .ocu-totals__has {
                    span {
                      font-size: 16px !important;
                      font-weight: 800 !important;
                      line-height: 24px !important;
                      color: var(--black-100-base);
                    }
                  }
                }
              }
            }

            .ocu-upsell__quantity {
              margin-top: 0;

              .ocu-quantity-range {
                height: 52px;
                width: 156px;
                .ocu-quantity-range__minus {
                  width: 52px;
                  .ocu-button-horizontal--icon {
                    width: 12px;
                    background-color: var(--black-100-base) !important;
                  }
                }
                .ocu-quantity-range__plus {
                  width: 52px;
                  .ocu-button-horizontal--icon,
                  .ocu-button-vertical--icon {
                    background-color: var(--black-100-base) !important;
                  }

                  .ocu-button-horizontal--icon {
                    width: 12px !important;
                  }
                  .ocu-button-vertical--icon {
                    height: 12px !important;
                  }
                }
                .ocu-quantity-range__input {
                  border-radius: 8px !important;
                }
              }
            }
          }
        }
        .ocu-button-cta__container {
          @media (max-width: 768px) {
            gap: 12px;
            justify-content: center;
          }
          span {
            color: var(--Black-100---Base, #221d1b);
            font-family: var(--font-body-family) !important;
            font-size: var(--Font-Size-Button-MD, 14px);
            font-style: normal;
            font-weight: 800;
            line-height: var(--Font-Line-height-Button-MD, 18px); /* 128.571% */
            letter-spacing: var(--Font-Letter-spacing-Button-MD, 0px);
          }
          .ocu-cta__buy {
            font-size: var(--small);
            font-weight: 800 !important;
            line-height: var(--large);
            color: var(--black-100-base);
            background-color: var(--color-button) !important;
            padding: 20px 32px !important;
            min-height: auto;

            border-radius: 8px !important;
            border: 2px solid var(--black-100-base) !important;
            box-shadow: 2px 2px 0px 0px #221d1b;
            transition: all 0.25s;
            margin-bottom: 8px !important;

            @media (max-width: 768px) {
              padding: 16px !important;
              margin-bottom: 0 !important;
            }

            &:hover {
              box-shadow: 3px 3px 0px 0px #221d1b !important;
            }
          }
          .ocu-cta__decline {
            padding: 20px 32px !important;
            border-radius: 8px !important;
            border: 2px solid var(--Black-100---Base, #221d1b) !important;
            background: var(--White-100---Base, #fff) !important;

            @media (max-width: 768px) {
              padding: 16px !important;
            }
          }
        }
      }
    }
  }
}

/* Main pages */
.page-width {
  .main-page-title {
    font-size: clamp(
      5.6rem,
      calc(5.6rem + ((1vw - 0.36rem) * 6.0241)),
      9.6rem
    ) !important;
    line-height: 93.75% !important;
    letter-spacing: 0.96px;
    margin-bottom: 32px !important;
  }

  .animate--slide-in {
    p {
      font-size: 18px;
      line-height: 150%;
      font-weight: 500;
    }
  }
}

/* About us */
body.page-about-us {
  section {
    padding-bottom: 56px !important;

    &#shopify-section-template--16885383626867__multicolumn_bgzGx6 {
      padding-bottom: 8px !important;
    }

    .multicolumn.background-primary .multicolumn-card {
      padding: 0;
      background: transparent;
    }
    .multicolumn-list {
      max-width: 1034px;
      margin: 0 auto;

      &.grid--2-col-desktop {
        @media (max-width: 768px) {
          gap: 8px;
        }
      }
    }
    .multicolumn-card-spacing {
      padding-top: 0;
      margin-left: 0;
      margin-right: 0;
    }
    .multicolumn-card__info {
      padding-top: 2rem;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0;

      h3 {
        font-family: var(--font-body-family);
        font-size: 18px;
        line-height: 150%;
        font-weight: 800;
        margin: 0;
      }
      .rte {
        font-size: 18px;
        line-height: 150%;
        font-weight: 500;
        color: #64615f;
        margin: 0;
      }
    }
  }
}

/* Swatch King on mobile - avoid being cut */
@media (max-width: 768px) {
  .swatch-navigable-wrapper {
    /* height: 12px !important; */
  }
}

.underline-links-hover:hover a {
  text-decoration: none !important;
}

header {
  .header__inline-menu {
    ul.list-menu--inline {
      > li {
        header-menu {
          details {
            li {
              position: relative;
            }
            > .header__submenu {
              > li {
                details {
                  > .header__submenu {
                    position: absolute;
                    left: 100%;
                    top: -50px;
                    background: white;
                    min-width: 239px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
@media (min-width: 769px) {
  /* Fixes */
  .best-seller-slider,
  .new-releases-slider,
  .recently-viewed-products-slider {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }

  .best-seller-slider.slick-loading,
  .new-releases-slider.slick-loading,
  .recently-viewed-products-slider.slick-loading {
    visibility: hidden;
  }

  .best-seller-slider.slick-initialized,
  .new-releases-slider.slick-initialized,
  .recently-viewed-products-slider.slick-initialized {
    visibility: visible;
    opacity: 1;
  }
}

.section-header.scrolled-past-header.shopify-section-header-sticky:not(
    .shopify-section-header-hidden
  ) {
  top: 40px;

  @media (max-width: 991px) {
    top: 35px;
  }
}

/* .page-product #alia-root {
  bottom: 100px !important;
}
.page-product button.vf-fixed.svelte-z9ew3v.svelte-z9ew3v {
  bottom: 100px !important;
} */

.quick-add product-form form > *:not(.quick-add__submit) {
  display: none !important;
}

.quick-add {
  margin: 0 !important;

  .quick-add__submit {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
  }

  .quick-add__submit {
    padding: 17px 28px;
    margin-top: 24px;

    @media (max-width: 768px) {
      font-size: 12px;
      margin-top: 16px;
      line-height: 16px;
      letter-spacing: 0px;
      padding: 14px 18px;
    }

    &:before,
    &:after {
      display: none;
    }
  }
}

/* 1) Make the theme’s <p> wrapper inline so it won’t wrap */
.announcement-bar__message p {
  display: inline-block !important;
  margin: 0 !important; /* remove any default margins */
  white-space: nowrap !important;
}

/* 2) If you want to keep your span as inline-flex, stop it from shrinking */
.announcement-bar__message span {
  display: inline-flex !important;
  flex-shrink: 0 !important; /* don’t let it contract and wrap */
  white-space: nowrap !important;
}