.ct_main,
.notify-me {
  display: none;
}

.product {
  .addtocartForm {
    margin-bottom: 48px;

    @media screen and (max-width: 768px) {
      margin-bottom: 40px;
    }
  }

  .product__wrapper--overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #00000080;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition-delay: 0;
    transition: none;
    pointer-events: none;

    @media screen and (max-width: 768px) {
      transition: all .65s ease-out;
      transition-delay: .2s;
    }

    &.product__wrapper--overlay-active {
      z-index: 9999;
      opacity: 1;
      visibility: visible;
      pointer-events: all;

      &.product__wrapper--overlay-transparent {
        @media screen and (min-width: 769px) {
          background-color: transparent;
        }
      }
    }
  }

  .productPopUp__upsell {
    display: none;
    z-index: -1;
    pointer-events: none;
  }

  .product__wrapper {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-top: 16px;
    margin-bottom: 40px;
    width: 100%;

    @media screen and (max-width: 768px) {
      padding-top: 0;
      margin-bottom: 60px;
    }

    .product__gallery {
      margin: 0;
      position: relative;
      width: 50.6%;

      @media screen and (min-width: 769px) {
        max-height: 100vh;
        overflow-y: scroll;
      }

      @media screen and (max-width: 768px) {
        padding: 0 !important;
        margin-bottom: 24px;
        width: 100%;
      }

      .swiper-pagination {
        display: none;

        @media screen and (max-width: 768px) {
          display: block;
        }
      }

      &.product__gallery--active {
        pointer-events: none;

        .swiper-pagination-bullets {
          display: none;
        }

        .zoom-toggle__button,
        img {
          pointer-events: all;
        }
      }

      .swiper-pagination-bullets {
        @media screen and (max-width: 768px) {
          position: absolute;
          bottom: 24px;
        }

        .swiper-pagination-bullet {
          @media screen and (max-width: 768px) {
            margin: 0 4px;
            height: 5px;
            width: 5px;
            border-radius: 50%;
          }

          &:first-child {
            @media screen and (max-width: 768px) {
              margin-left: 0;
            }
          }

          &:last-child {
            @media screen and (max-width: 768px) {
              margin-right: 0;
            }
          }
        }
      }

      .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        height: auto;

        @media screen and (max-width: 768px) {
          display: flex;
          aspect-ratio: 0.75;
        }

        .swiper-slide {
          &.swiper-slide-zoomed {
            .zoom-toggle__button {
              @media screen and (max-width: 768px) {
                display: block;
              }
            }
          }

          &.swiper-slide__video {
            cursor: auto;
            pointer-events: none;

            @media screen and (max-width: 768px) {
              aspect-ratio: 0.75;
            }
          }

          &.swiper-slide__rectangularImage {
            @media screen and (max-width: 768px) {
              height: 100%;
            }

            &:first-child {
              figure {
                @media screen and (min-width: 769px) {
                  aspect-ratio: 0.9;
                }
              }
            }

            figure {
              aspect-ratio: 0.75;

              @media screen and (max-width: 768px) {
                height: 100%;
              }

              img {
                padding: 0;
              }

              @media screen and (max-width: 768px) {
                height: 100%;
              }
            }

            .swiper-zoom-container {
              height: 100%;

              img,
              picture {
                margin: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
              }
            }
          }
        }

        figure {
          width: 100%;
          margin: 0;
          height: 100%;

          .swiper-zoom-container {
            background-color: #fafafa;

            picture,
            img {
              @media screen and (max-width: 768px) {
                display: block;
                height: 100%;
              }
            }

            img {
              box-sizing: border-box;
              margin: 0;

              @media screen and (max-width: 768px) {
                box-sizing: content-box;
              }
            }
          }
        }
      }

      .zoom-toggle__button {
        display: none;

        @media screen and (max-width: 768px) {
          width: 40px;
          height: 40px;
          background-color: #fff;
          position: absolute;
          bottom: 24px;
          border-radius: 50%;
          left: 50%;
          transform: translateX(-50%);
        }

        &::after,
        &::before {
          content: '';
          position: absolute;
          left: 50%;
          top: 50%;
          background-color: #000;
          width: 20px;
          height: 1px;
        }

        &::after {
          transform: translate(-50%, -50%) rotate(45deg);
        }

        &::before {
          transform: translate(-50%, -50%) rotate(-45deg);
        }
      }
    }

    .product__info {
      margin-left: 8.38vw;
      width: 33.7%;
      padding: 24px 2.77vw calc(1.71vw + 8px);
      position: relative;
      z-index: 1;

      @media screen and (max-width: 768px) {
        position: static;
        width: 100%;
        padding: 0 24px;
        margin: 0;
      }

      .productExchangeOnly {
        .productExchangeOnly__title {
          margin-top: 16px;
        }

        .productExchangeOnly__description {
          right: auto;
          left: -20px;
        }

        &.productExchangeOnly {
          .productExchangeOnly__description {
            left: 40px;
            width: 224px;
          }

          &.productExchangeOnly--fee {
            .productExchangeOnly__description {
              left: 96px;
            }
          }
        }
      }

      .product__wrapper--sticky {
        height: calc(var(--window-height) - 80px);
        display: flex;
        flex-direction: column;
        top: 200px;
        margin-top: 0;

        @media screen and (min-width: 768px) {
          position: sticky;
          overflow-y: auto;
          margin-top: 80px;
        }

        @media screen and (max-width: 768px) {
          height: auto;
          max-height: none;
          padding-bottom: 60px;
        }

        .product-option-row {
          .coming-soon-actions {
            a {
              letter-spacing: .6px !important;
              text-decoration: none !important;
              display: block;
              line-height: normal;
              height: auto;
              margin-top: 16px;
              font-family: 'GT-America-Extended';
              font-size: 12px;
              font-weight: 500;
              padding: 11.5px 0;
              max-height: none;
              border: 1px solid #000;
              letter-spacing: 0;
              text-transform: uppercase;

              &:hover {
                border-bottom: 1px solid #000 !important;
              }
            }

            .product__notifyText {
              text-align: left;
              display: block;
              margin-top: 16px;
              font-family: 'GT-America';
              font-size: 1rem;
            }
          }

          button {
            &.disabled {
              height: auto !important;
              font-size: 12px !important;
              letter-spacing: .6px;
              opacity: 1;
              background-color: #666;
              text-align: center;
              color: #fff;
              font-family: 'GT-America-Extended';
              font-weight: 500;
              padding: 1.5px 0;
              width: 100%;
              display: block;
              transition: .4s cubic-bezier(.33,1,.68,1) all;
              border: 0;
              cursor: not-allowed;
            }
          }
        }
      }

      .product__formInfo {
        display: flex;
        flex-wrap: wrap;
        transition: .3s ease all;

        &.product__formInfo--collapse {
          grid-gap: 0;

          .product__titleHeader {
            margin-bottom: 32px;
          }
        }
      }

      p,
      a,
      span,
      div {
        letter-spacing: 0;
        line-height: normal;
      }

      p {
        margin: 0;
      }

      .product__type {
        text-decoration: underline;
        font-size: 12px;
        font-family: 'GT-America';
        margin-bottom: 5px;
      }

      .product__titleHeader {
        margin-bottom: 32px;
        width: 100%;

        .product__subtitleHeader {
          text-transform: lowercase;

          &::first-letter {
            text-transform: uppercase;
          }
        }

        .product-type {
          color: #000;
          font-size: 1rem;
          letter-spacing: .5px;
          text-transform: uppercase;
          font-weight: 500;
          margin-bottom: 8px;
          display: block;
          font-family: 'GT-America-Extended';
        }

        h1,
        span {
          font-size: 24px;
          letter-spacing: .36px;
        }

        h1 {
          color: #000;
          margin-bottom: 8px;
          font-family: 'Kessler-Regular';
          display: flex;
          align-items: center;
          gap: 0 4px;

          span {
            display: none;
            color: #666;
          }
        }

        .discountedPrice {
          .discounted-price {
            display: none;
          }

          .product-percentage {
            display: none;

            > span {
              text-transform: capitalize;
            }
          }

          &.discountedPrice--active {
            .discounted-price {
              color: #b43a3a;
              font-size: 12px;
              font-family: 'GT-America-Condensed';
              display: inline;
            }

            .product-price {
              color: #000;
              font-size: 12px;
              font-family: 'GT-America-Condensed';
              text-decoration: line-through;
              margin-left: 4px;
              display: inline;
            }

            .product-percentage {
              display: inline-block;
            }
          }
        }

        .product-percentage {
          font-family: 'GT-America-Condensed';
          color: #000;
          font-size: 12px;
          display: inline-block;
          margin-left: 4px;
          text-transform: lowercase;

          span {
            font-family: 'GT-America-Condensed';
            font-size: 12px;
          }
        }

        .collectionFullpageProduct__firstCustomer {
          font-family: 'GT-America-Condensed';
          font-size: 12px;
          line-height: normal;
          color: #b43a3a;
          margin-right: 4px;
          letter-spacing: normal;
          font-stretch: condensed;
          display: none;

          &.collectionFullpageProduct__firstCustomer--active {
            display: inline;
          }
        }

        .product-pricing--discounted {
          .product__orderMessage {
            display: inline;
          }

          .product-price:not(.product-price--red) {
            text-decoration: line-through;
          }
        }

        .product__orderMessage {
          display: none;
          font-size: 7px;
          letter-spacing: .35px;
          line-height: normal;
          font-family: 'GT-America-Extended';
          color: #000;
          margin-left: 5px;
          padding: 4px 6px;
          border-radius: 4px;
          background-color: #f2ebd9;
          text-transform: uppercase;
        }

        .product__discountPricing {
          margin-bottom: 0;
          display: flex;
          align-items: center;
          font-size: inherit;
          flex-wrap: wrap;
          grid-gap: 6px;

          .product__priceDiscountedValue {
            color: #b43a3a;
            font-size: 12px;
            font-family: "GT-America-Condensed";
            margin-right: 4px;
            display: none;
          }

          .product-price,
          .old-price {
            font-size: 12px;
            color: #000;
            font-family: "GT-America-Condensed";
          }

          .product-price {
            &.product-price--red {
              color: #b43a3a;
              margin-right: 5px;
            }
          }

          .old-price {
            text-decoration: line-through;
          }
        }

        .form__terms {
          color: #666;
          margin: 0;
          align-items: center;
          display: none;

          @media screen and (max-width: 768px) {
            display: flex;
            flex-wrap: wrap;
            gap: 0 5px;
          }

          &.form__terms--hidden {
            display: none;
          }

          span {
           font-family: 'GT-America';
           font-size: 1rem;
           letter-spacing: 0;
          }

          img {
            width: 52px;
            height: 10px;

            @media screen and (max-width: 768px) {
              width: 40px;
              height: 26px;
              margin: 0;
            }
          }

          .form__termsIcon {
            cursor: pointer;
            width: 10px;
            height: 10px;
            margin: 0;
            display: none;
          }
        }
      }

      .product__fit {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        grid-gap: 16px 0;
        width: 100%;
        margin-bottom: 32px;

        .product__fitHeader {
          align-items: center;
          display: flex;
          justify-content: space-between;
          font-family: 'GT-America';

          .product__fitHeaderTitle,
          .product__fitHeaderLink {
            font-size: 12px;
            color: #666;
          }

          .product__fitHeaderLink {
            cursor: pointer;
            position: relative;

            &:hover {
              span {
                @media screen and (min-width: 769px) {
                  width: 0;
                  right: 0;
                  left: auto;
                }
              }
            }

            span {
              position: absolute;
              width: 100%;
              height: 1px;
              background-color: #666;
              bottom: 0;
              left: 0;
              transition-property: width;
              transition-duration: .4s;
              transition-timing-function: cubic-bezier(.33,1,.68,1);

              @media screen and (max-width: 768px) {
                width: 100%;
              }
            }
          }
        }
      }

      .product__fitLinks {
        .product__fitLinksRegular,
        .product__fitLinksWide {
          color: #666;
          font-family: 'GT-America';
          font-size: 12px;
          border: 0;
          position: relative;

          p {
            display: inline;
            position: relative;

            span {
              position: absolute;
              width: 0;
              height: 1px;
              background-color: #666;
              bottom: 0;
              right: 0;
              transition-property: width;
              transition-duration: .4s;
              transition-timing-function: cubic-bezier(.33,1,.68,1);
            }

            &:hover {
              span {
                @media screen and (min-width: 769px) {
                  width: 100%;
                  left: 0;
                  right: auto;
                }
              }
            }
          }

          &.product__fitLinks--active {
            color: #000;

            p {
              span {
                width: 100%;
                left: 0;
                right: auto;
              }
            }
          }
        }

        .product__fitLinksRegular {
          margin-right: 24px;
        }
      }

      #product-rating {
        margin-bottom: 8px;
        min-height: 13px;

        @media screen and (max-width: 960px) {
          position: static;
        }

        .yotpo .standalone-bottomline .star-clickable {
          justify-content: flex-start;
        }

        .yotpo a.text-m {
          font-family: 'GT-America' !important;
          color: #666 !important;
          font-size: 1rem !important;
          margin-left: 8px;
        }

        .yotpo-icon {
          color: #000;
          letter-spacing: normal;
          font-size: 1rem !important;
        }
      }

      .product__swatches {
        width: 100%;

        &.product__swatches--hidden {
          display: none;
        }

        .product__swatchesHeader {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 16px;

          .product__swatchesHeaderWrapper {
            display: flex;
            flex-wrap: wrap;
            gap: 0 8px;

            .product__swatchesTitle {
              font-size: 12px;
              color: #666;
              margin: 0;
              font-family: 'GT-America';
              line-height: normal;
            }

            .left-in-stock {
              font-family: 'GT-America';
              font-size: 12px;
              letter-spacing: 0;
              line-height: normal;
              color: #000;
              display: none;

              &.left-in-stock--visible {
                display: block;
                padding: 0;
                background: transparent;
              }
            }
          }

          .product__swatchesLink {
            cursor: pointer;
            position: relative;
            font-size: 12px;
            color: #666;
            font-family: 'GT-America';

            &:hover {
              span {
                @media screen and (min-width: 769px) {
                  width: 0;
                  right: 0;
                  left: auto;
                }
              }
            }

            span {
              position: absolute;
              width: 100%;
              height: 1px;
              background-color: #666;
              bottom: 0;
              left: 0;
              transition-property: width;
              transition-duration: .4s;
              transition-timing-function: cubic-bezier(.33,1,.68,1);

              @media screen and (max-width: 768px) {
                width: 100%;
              }
            }
          }
        }

        .product__swatchesItem {
          background: transparent;
          display: grid;
          grid-template-columns: repeat(10, minmax(0, 1fr));
          grid-gap: 8px;
          padding: 0;

          @media screen and (max-width: 768px) {
            grid-template-columns: repeat(6, minmax(0, 1fr));
          }

          .swatch-element {
            flex: 0;
            margin: 0;
          }

          .product__swatchesItemLabel {
            text-align: center;
            height: 2.1vw;
            border: 1px solid #c4c4c4;
            transition: ease .3s all;

            @media screen and (max-width: 768px) {
              height: 12.5vw;
            }

            &:hover {
              background-color: #000;
              border-color: #000;

              label {
                color: #fff;
              }
            }

            &.product__swatchesItemLabel--disabled {
              cursor: not-allowed;
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='stroke:%23c4c4c4; stroke-width: 1'%3E%3Cline y1='100%25' x2='100%25'/%3E%3C/svg%3E");
            }

            label {
              color: #666;
              font-size: 14px;
              font-family: 'GT-America-Condensed';
              height: 100%;
              line-height: normal;
              border: 0;
              margin: 0;
              width: 100%;
              background: transparent;
              display: flex;
              align-items: center;
              justify-content: center;
              transition: .3s ease all;
            }
          }
        }

        .sizing-actions {
          margin: 0;
          margin-top: 16px;

          .size-down {
            margin: 0;
            color: #666;
            font-family: 'GT-America';
            font-size: 12px;
            text-align: left;
          }
        }
      }

      #product-purchase-row {
        background: transparent;
        padding: 0;
        position: static;
        width: 100%;
        margin: 32px 0 0;

        .product__exchangeOnlyMessage {
          color: #000;
          font-size: 1rem;
          margin-top: 16px;
          font-family: 'GT-America';
          letter-spacing: normal;
          line-height: normal;
        }

        .product__finalSaleMessage {
          color: #000;
          font-size: 1rem;
          margin-top: 16px;
          font-family: 'GT-America';
          letter-spacing: normal;
          line-height: normal;
        }

        .product__freeShipping {
          font-size: 1rem;
          width: 100%;
          color: #000;
          margin: 16px 0 0;
          font-family: 'GT-America';
          text-align: center;
          border: solid 1px #c4c4c4;
          background-color: #fafafa;
          padding: 9px;
        }

        .product__buttons {
          margin: 0;
          width: 100%;

          &.product__buttons--disabled {
            cursor: not-allowed;
          }

          .bxc.bx-base.bx-type-agilityzone.bx-impress {
            display: none !important;
          }

          .main-sold-out-button {
            display: none !important;
          }

          .spurit-po-wrapper {
            + .spurit-hidden {
              + .main-sold-out-button {
                display: none !important;

                + .product__preorderMessage {
                  display: block!important;
                  height: auto;
                  max-height: none !important;
                  opacity: 1 !important;
                  visibility: visible !important;
                  padding: 11.5px 10px !important;
                  margin-top: 16px !important;
                }
              }
            }
          }

          .spurit-hidden {
            + .main-sold-out-button {
              display: block !important;
            }
          }

          .add-to-cart,
          .add-to-cart-try {
            text-align: center;
            background-color: transparent;
            color: #fff;
            font-family: 'GT-America-Extended';
            font-size: 12px;
            font-weight: 500;
            border: 0;
            height: 40px;
            padding: 12.5px 0;
            width: 100%;
            display: block;
            position: relative;
            line-height: normal;
            overflow: hidden;
            animation: opacity cubic-bezier(.65, 0, .35, 1) 1s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            opacity: 0;
            border: 1px solid #000;
            background-color: #000;

            > span {
              transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1) all;
              opacity: 1;
              position: relative;
              bottom: 0;
              display: block;
              transform: translateY(0);
            }

            &:after {
              content: 'ADDING...';
              display: block;
              bottom: 8px;
              width: 100%;
              transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1) all;
              opacity: 0;
              position: absolute;
              height: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              left: 0;
            }

            &.add-to-cart--loading {
              > span {
                top: 8px;
                opacity: 0;
                transform: translateY(8px);
              }

              &:after {
                opacity: 1;
                bottom: 0;
              }
            }

            &:hover {
              @media screen and (min-width: 769px) {
                color: #fff;
                background-color: #333;
              }
            }

            &.tn-pdp-button {
              background-color: #fff;
              border: 1px solid #000;
              margin-bottom: 16px;
              transition: .4s cubic-bezier(0.33, 1, 0.68, 1);
              color: #000;

              @media screen and (max-width: 768px) {
                margin-top: 16px;
              }

              &:hover {
                &:after {
                  @media screen and (min-width: 769px) {
                    color: #fff;
                  }
                }

                @media screen and (min-width: 769px) {
                  background-color: #000;
                }

                span {
                  @media screen and (min-width: 769px) {
                    color: #fff;
                  }
                }
              }

              span {
                color: #000;
              }
            }

            span {
              pointer-events: none;
              letter-spacing: .6px;
            }

            &.disabled {
              letter-spacing: .6px;
              opacity: 1;
              background-color: #666;
              color: #fff;
              border-color: #666;
            }
          }

          .tn-info {
            margin: 0;
            font-size: inherit;

            img {
              width: 21px;
              height: 12px;
              margin-right: 4px;
            }

            .tn-info-text {
              color: #000;
              font-family: 'GT-America';
              font-size: 1rem;
            }

            .tn-info-icon {
              width: 10px;
              height: 10px;
              margin-left: 4px;
            }
          }

          .left-in-stock {
            background-color: #fff;
            border: 1px solid #000;
            font-family: 'GT-America-Extended';
            font-size: 12px;
            font-weight: 500;
            text-transform: uppercase;
            padding: 11.5px 0;
            color: #000;
            margin-bottom: 16px;
          }

          .back-in-stock {
            line-height: normal;
            height: auto;
            margin-top: 16px;
            font-family: 'GT-America-Extended';
            font-size: 12px;
            font-weight: 500;
            padding: 11.5px 0;
            max-height: none;
            border: 1px solid #000;
            letter-spacing: .6px;
          }
        }
      }

      .product__preorderMessage {
        font-size: 1rem;
        font-family: 'GT-America';
        color: #000;
        width: 100%;
        text-align: center;
        border: solid 1px #c4c4c4;
        background-color: #fafafa;
        margin-top: 16px;
        padding: 9px 0;
        transition: .3s ease all;
      }

      .pre-order-2-button {
        max-width: 100%;
        text-align: center;
        justify-content: center !important;
      }

      .spurit-po-wrapper {
        animation: opacity cubic-bezier(.65, 0, .35, 1) 1s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        opacity: 0;
        max-width: 100%;

        ~ .shopify-app-block {
          display: none;
        }

        .pre-order-custom {
          padding: 0 !important;
          margin: 0;
          border: 0;
          width: 100%;
        }

        .pre-order-button {
          max-width: 100%;
        }
      }

      .spurit-hidden#add-to-cart {
        padding: 0 !important;
        border: 0 !important;
      }

      .product-info {
        margin: 0;
      }

      .product__tabs {
        width: 100%;
        margin-top: 40px;

        .product__tabsHeaderWrapper {
          display: flex;
          flex-wrap: wrap;
          gap: 0 24px;
          margin-bottom: 32px;

          .product__tabsHeader,
          .product__tabsTitle,
          .product__tabHead {
            width: max-content;
            position: relative;
            cursor: pointer;
            font-family: 'GT-America';
            font-size: 12px;
            color: #666;
            transition: cubic-bezier(.33,1,.68,1);

            &:last-of-type {
              margin-right: 0;
            }

            &.product__tabHead--active {
              color: #6a5d24 !important;

              span {
                width: 100%;
                left: 0;
                right: auto;
              }
            }

            span {
              position: absolute;
              width: 0;
              height: 1px;
              background-color: #000;
              bottom: 0;
              right: 0;
              transition-property: width;
              transition-duration: .4s;
              transition-timing-function: cubic-bezier(.33,1,.68,1);
            }
          }
        }

        .product__tabsDescription {
          opacity: 0;
          visibility: hidden;
          height: 0;
          transition: cubic-bezier(.33,1,.68,1);

          &.product__tabsDescription--active {
            opacity: 1;
            visibility: visible;
            height: auto;
          }

          strong {
            font-family: 'GT-America-Medium';
            font-weight: normal;
          }

          .product__tabsDescriptionDot {
            position: relative;
            padding-left: 12px;

            &::after {
              content: '';
              position: absolute;
              background-color: #000;
              width: 4px;
              height: 4px;
              border-radius: 50%;
              left: 0;
              top: 5px;
            }
          }

          ul {
            margin: 0;

            li {
              margin: 0 0 5px 15px;
            }
          }

          p,
          span,
          li {
            font-size: 12px;
            font-family: 'GT-America';
            color: #000;
            margin-bottom: 5px;

            &:not(.product__tabsDescriptionDot) {
              margin-bottom: 16px;
            }

            &:empty {
              margin-bottom: 0;
            }
          }
        }
      }
    }
  }
}

.product--regenerative {
  min-height: 100vh;

  .addtocartForm {
    margin-bottom: 40px;
  }

  .product__dropdownContent {
    .product__dropdownItem {
      p.product__dropdownTitle {
        color: #6a5d24;

        &::after,
        &::before {
          background-color: #6a5d24;
        }

        &::after,
        &::before {
          content: '';
          left: 0;
          position: absolute;
          width: 8px;
          height: 1px;
          background-color: #6a5d24;
          top: 50%;
          transition: ease .3s all;
          transform: translateY(-50%);
        }

        &::before {
          transform: translateY(-50%) rotate(90deg);
        }
      }

      .product__dropdownItemContent {
        * {
          color: #6a5d24;
          border-color: #6a5d24;
        }
      }
    }
  }

  .product__tabsContent {
    &.product__tabsContent--active {

      a {
        &::after {
          background-color: #6a5d24;
        }
      }
    }

    a {
      &::after {
        background-color: #6a5d24;
      }
    }

    .product__tab {
      .product__tabWrapper {
        p,
        span,
        a {
          color: #6a5d24;
          text-decoration: none;
          border: 0;
        }
      }

      .product__tabsDescriptionOverlay {
        .product__tabsOverlayLink {
          color: #6a5d24;

          .product__tabsOverlayLink--read {
            color: #6a5d24;
          }

          span {
            background-color: #6a5d24;
          }
        }
      }
    }

    .product__tabsHeaderWrapper {
      .product__tabsHeader,
      .product__tabHead {
        color: #6a5d24 !important;

        span {
          color: #6a5d24 !important;
        }
      }

      .product__tabsHeader,
      .product__tabHead {
        &.product__tabsHeader--active,
        &.product__tabHead--active {
          span {
            background-color: #6a5d24;
          }
        }
      }
    }

    .product__tabsTitleProduct {
      color: #6a5d24;
    }

    .product__buttonClose::after,
    .product__buttonClose::before {
      background-color: #6a5d24;
    }

    .product__tabsDescription,
    .product__tab {
      p,
      a,
      li {
        color: #6a5d24;
      }
    }
  }

  ~ div {
    .crossSell {
      background-color: #fff;

      .crossSell__title {
        color: #6A5D24;
      }
    }
  }

  .product__tabsDescriptionOverlay {
    .product__tabsOverlayLink--show {
      color: #6a5d24;
    }
  }

  .productExchangeOnly {
    .productExchangeOnly__title {
      color: #6a5d24;
      font-size: 1rem;
    }
  }

  .discounted-price {
    font-size: 12px !important;
  }

  .product {
    .product__wrapper {
      margin-bottom: 0;
      padding: 0;

      @media screen and (max-width: 768px) {
        background-color: #fff;
      }

      .product__gallery {
        width: 50%;

        @media screen and (max-width: 768px) {
          width: 100%;
        }

        .swiper-wrapper {
          grid-template-columns: repeat(1, 1fr);

          .swiper-slide.swiper-slide__rectangularImage {
            figure {
              display: block;

              @media screen and (max-width: 768px) {
                height: 100%;
              }
            }
          }
        }
      }

      .product__tabsImages {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-top: 40px;

        img {
          display: block;
          width: 100%;
        }
      }

      .product__info {
        width: 27.8%;
        padding: 0;
        margin-left: 11.15vw;
        top: 0;
        position: relative;
        z-index: 1;

        @media screen and (max-width: 768px) {
          margin: 24px 24px 64px;
          width: 100%;
        }

        .product__swatches {
          .product__swatchesItem {
            div.product__swatchesItemLabel:hover {
              background-color: #6a5d24;
              border-color: #6a5d24;
            }
          }
        }

        .product__swatches .product__swatchesHeader .product__swatchesHeaderWrapper .left-in-stock.left-in-stock--visible {
          color: #6a5d24;
        }

        .product__wrapper--sticky {
          height: calc(var(--window-height) - 80px);
          margin-top: 80px;
          display: flex;
          flex-direction: column;
          justify-content: center;

          @media screen and (max-width: 768px) {
            height: auto;
            padding-bottom: 0;
            margin-top: 0;
          }

          &.product__wrapper--stickyPadding {
            justify-content: flex-start;
          }
        }

        .product__titleHeader {
          margin-bottom: 24px;

          h1 {
            display: block;

            p,
            span {
              color: #6a5d24;
              display: inline;
              letter-spacing: .36px;
            }
          }

          .product-pricing {
            margin-bottom: 0;

            &.product__discountPricing {
              .discountedPrice {
                .product-price,
                .product-percentage {
                  color: #6a5d24;
                }
              }
            }
          }

          .product-price {
            color: #6a5d24;
            font-size: 12px;
          }
        }

        .product__type {
          color: #6A5D24;
        }

        .product__swatches {
          .product__swatchesHeader {
            .product__swatchesHeaderWrapper {
              .product__swatchesTitle {
                color: #6a5d24;
              }
            }

            .product__swatchesLink {
              color: #6a5d24;

              span {
                background-color: #6a5d24;
              }
            }
          }

          .product__swatchesItem {
            .product__swatchesItemLabel {
              text-align: center;
              height: 2.1vw;
              border: 1px solid #c4c4c4;
              transition: ease .3s all;

              @media screen and (max-width: 768px) {
                height: 12.5vw;
              }

              &:hover {
                background-color: #000;
                border-color: #000;

                label {
                  color: #fff;
                }
              }

              &:has(input:checked) {
                background-color: #6a5d24;
                border-color: #6a5d24;

                label {
                  color: #fff;
                }
              }

              label {
                color: #6a5d24;
                background-color: transparent;
              }
            }
          }
        }

        #product-purchase-row {
          margin: 40px 0 0;

          .product__buttons {
            .add-to-cart,
            .add-to-cart-try {
              font-family: 'GT-America-Extended';
            }

            .add-to-cart {
              border: solid 1px #6a5d24;
              color: #6a5d24;
              background-color: #fff;

              &:hover {
                color: #fff;
                background-color: #6a5d24;
              }
            }
          }
        }
      }
    }
  }

  .sizeTable {
    background-color: #f2f0ed;

    .sizeTable__wrapper {
      .sizeTable__title,
      .sizeFinder__title,
      .sizeFinder__description,
      .sizeTable__contentTitle,
      .sizeTable__contentDescription,
      .sizeTable__bottomContentTitle,
      .sizeTable__bottomContent,
      .sizeTable__bottomContent p,
      .sizeTable__content .sizeTable__contentTitle, .sizeTable .sizeTable__wrapper .sizeTable__content .sizeTable__contentDescription,
      .sizeTable__content .sizeTable__contentDescription p,
      .sizeTable__contentWrapper .sizeTable__content .sizeTable__title,
      .sizeTable__contentWrapper .sizeTable__content .sizeTable__list .sizeTable__listItem {
        color: #6a5d24;
      }

      .sizeFinder__wrapper {
        background-color: #f2f0ed;
      }

      .sizeTable__buttonClose:after,
      .sizeTable__buttonClose:before {
        background-color: #6a5d24;
      }

      .sizeFinder__button {
        border: solid 1px #6a5d24;
        color: #6a5d24;

        &:hover {
          color: #fff;
          background-color: #6a5d24;
        }
      }
    }
  }

  .sizeFinder {
    .sizeFinder__list {
      background-color: #f2f0ed;
    }

    .sizeFinder__list .sizeFinder__listNavigation .sizeFinder__listNavigationClose:before,
    .sizeFinder__list .sizeFinder__listNavigation .sizeFinder__listNavigationClose:after {
      background-color: #6a5d24;
    }

    .sizeFinder__list .sizeFinder__listStep .sizeFinder__listStepTitle,
    .sizeFinder__list .sizeFinder__listNavigation .sizeFinder__listNavigationBreadcrumbs li,
    .sizeFinder__list .sizeFinder__listNavigation .sizeFinder__listNavigationBreadcrumbs li.sizeFinder__listNavigationBreadcrumbsItem--active {
      color: #6a5d24;
    }


    .sizeFinder__list .sizeFinder__listNavigation .sizeFinder__listNavigationBreadcrumbs li.sizeFinder__listNavigationBreadcrumbsItem--active span {
      background-color: #6a5d24;
    }

    .sizeFinder__list .sizeFinder__listStep .sizeFinder__listStepItems div {
      border: solid 1px #6a5d24;
      color: #6a5d24;

      &:hover {
        color: #fff;
        background-color: #6a5d24;
      }
    }
  }

  .product__tabsContent {
    .product__tabsHeaderWrapper {
      margin: 32px 0 24px;
    }
  }
}

.product__fitContentWrapper {
  position: fixed;
  width: 555px;
  max-width: calc(100% - 25px);
  height: 100%;
  z-index: 10001;
  transition: 1.6s ease-in-out;
  right: -110%;
  top: 0;
  background-color: #fff;
  padding: 42px 40px;
  display: grid;
  grid-template-rows: repeat(auto-fit, minmax(0, max-content));
  grid-gap: 40px 0;

  @media screen and (max-width: 768px) {
    padding: 42px 24px;
  }

  p,
  div,
  a,
  span {
    letter-spacing: 0;
    line-height: normal;
    margin: 0;
  }

  &.product__fitContentWrapper--active {
    right: 0;
  }

  .product__fitButtonClose {
    margin: 0;
    position: absolute;
    transition: .8s cubic-bezier(0.33, 1, 0.68, 1);
    cursor: pointer;
    width: 20px;
    height: 20px;
    top: 40px;
    right: 20px;

    @media screen and (max-width: 768px) {
      right: 24px;
      transition: 0.4s cubic-bezier(0.4, 1, 0.68, 1);
    }

    &:hover {
      @media screen and (min-width: 769px) {
        transform: rotate(90deg);
      }
    }

    &::after {
      content: '';
      background-color: #000;
      width: 100%;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 0;
      transform: rotate(45deg);
    }

    &::before {
      content: '';
      background-color: #000;
      width: 100%;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 0;
      transform: rotate(-45deg);
    }
  }

  .product__fitTitle {
    font-family: 'Kessler-Regular';
    font-size: 16px;
    letter-spacing: .24px;
    color: #000;
  }

  .product__fitItem {
    .product__fitItemTitle {
      margin-bottom: 16px;
      font-size: 12px;
      color: #666;
      font-family: 'GT-America';
    }

    .product__fitItemContent {
      font-size: 1.25rem;
      font-family: 'GT-America';
      color: #666;

      a {
        color: #666;
        border-color: #666;
      }
    }
  }
}

.product__tabsContent {
  @media screen and (max-width: 768px) {
    width: 100%;
    padding: 0 0 70px;
  }

  .product__tabsOverlayLink--show {
    color: #666;
  }

  &.product__tabsContent--active {
    right: 0;

    a {
      &::after {
        background-color: #000;
      }
    }
  }

  a {
    &::after {
      background-color: #666;
    }
  }

  .product__tab {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    transition: cubic-bezier(.33,1,.68,1);
    display: none;
    position: relative;

    .product__tabWrapper {
      max-height: 60px;
      overflow: hidden;

      p,
      span,
      a {
        color: #666;
        margin-bottom: revert;
        border: 0;
      }

      a::after {
        background-color: #666;
      }

      strong {
        font-family: 'GT-America-Medium';
        font-weight: normal;
      }
    }

    &.product__tab--active {
      max-height: 60px;
      opacity: 1;
      display: block;
      visibility: visible;
    }

    .product__tabsDescriptionOverlay {
      background-image: linear-gradient(to top, rgba(255, 255, 255, 0.9) 51%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
      position: absolute;
      bottom: 0;
      height: 60px;
      width: 100%;

      @media screen and (max-width: 768px) {
        opacity: 0.4;
      }

      &.product__tabsDescriptionOverlay--active {
        background-image: none;
        position: static;
        height: auto;

        p {
          position: relative;
          bottom: 0;
        }
      }

      .product__tabsOverlayLink {
        cursor: pointer;
        font-family: 'GT-America';
        font-size: 12px;
        color: #6a5d24;
        width: max-content;
        margin: 0;
        position: absolute;
        bottom: -16px;

        .product__tabsOverlayLink--show {
          margin-top: 16px;
          display: none;
        }

        .product__tabsOverlayLink--read {
          cursor: pointer;
          font-family: 'GT-America';
          font-size: 12px;
          color: #666;
          width: max-content;
          margin: 0;
          position: absolute;
          bottom: 0;
        }

        &.product__tabsOverlayLink--active {
          position: static;

          .product__tabsOverlayLink--read {
            display: none;
          }

          .product__tabsOverlayLink--show {
            padding-top: 16px;
            cursor: pointer;
            display: block;
            margin: 0;
            width: max-content;
          }
        }

        span {
          position: absolute;
          height: 1px;
          bottom: 0;
          transition-property: width;
          transition-duration: .4s;
          transition-timing-function: cubic-bezier(.33,1,.68,1);
          width: 100%;
          left: 0;
          background-color: #666;
          right: auto;
          margin: 0;
        }
      }
    }

    p,
    span:not(.product__tabsDescriptionDot) {
      margin-bottom: 16px;
    }

    p:empty {
      margin: 0;
    }

    br {
      display: none;
    }

    li {
      margin: 0 0 5px 15px;
    }

    .product__tabsDescriptionDot {
      position: relative;
      padding-left: 12px;

      &::after {
        content: '';
        position: absolute;
        background-color: #000;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        left: 0;
        top: 5px;
      }
    }

    &.product__tabsDescription--active {
      opacity: 1;
      visibility: visible;
      height: auto;
      display: block;
    }
  }

  .product__tabsHeaderWrapper {
    margin-top: 24px;
    display: flex;
    gap: 0 24px;

    .product__tabsHeader,
    .product__tabHead {
      color: #666;
      font-family: 'GT-America';
      font-size: 12px;
      position: relative;
      cursor: pointer;

      &.product__tabHead--active {
        color: #000;

        span {
          width: 100%;
          left: 0;
          background-color: #000;
          right: auto;
        }
      }

      span {
        color: #666;
      }

      span {
        position: absolute;
        width: 0;
        height: 1px;
        background-color: #000;
        bottom: 0;
        right: 0;
        transition-property: width;
        transition-duration: .4s;
        transition-timing-function: cubic-bezier(.33,1,.68,1);
      }
    }
  }

  .product__tabsTitleProduct {
    font-size: 24px;
    color: #6a5d24;
    margin-bottom: 24px;
    font-family: 'Kessler-Regular';
  }

  .product__buttonClose::after,
  .product__buttonClose::before {
    background-color: #666;
  }

  .product__tabsDescription,
  .product__tab {
    p,
    a,
    li {
      font-size: 12px;
      color: #666;
      font-family: 'GT-America';
    }

    &[data-tab='Impact'] {
      p {
        strong {
          font-family: 'GT-America-Medium';
          font-weight: normal;
        }
      }
    }

    p:empty + ul {
      margin: 0;

    }

    ul {
      margin: 40px 0 0;
    }
  }

  a {
    border: 0;
    display: inline-block;
    width: max-content;
    position: relative;

    &:hover {
      &::after {
        @media screen and (min-width: 769px) {
          width: 0;
          right: 0;
          left: auto;
        }
      }
    }

    &::after {
      content: '';
      position: absolute;
      width: 100%;
      height: 1px;
      background-color: #000;
      bottom: 0;
      left: 0;
      transition-property: width;
      transition-duration: .4s;
      transition-timing-function: cubic-bezier(.33, 1, .68, 1);

      @media screen and (max-width: 768px) {
        width: 100%;
      }
    }
  }
}

#product-content {
  &.product {
    transition: .4s cubic-bezier(0.33, 1, 0.68, 1);
    opacity: 1;

    &.product--opacity {
      opacity: 0;
    }
  }
}

.pre-order-message,
.pre-order-2-message,
[data-editable="pre-order-message"] {
  display: none !important;
}

.zoomWindow {
  position: fixed;
  height: var(--window-height);
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  display: none;

  &.zoomWindow--active {
    display: block;
    pointer-events: all;
    z-index: 999;
  }

  .zoomWindow__wrapper {
    overflow-y: auto;
    height: var(--window-height);

    @media screen and (max-width: 768px) {
      overflow-x: auto;
    }

    &:hover {
      cursor: url('/cdn/shop/files/zoom_out_custom_cursor_93771c11-c9af-4912-bdc3-c85cb4bf8ae8.svg?v=1696332296'), auto;;
    }
  }

  .zoomWindow__list {
    display: flex;
    flex-direction: column;
  }

  .zoomWindow__button {
    margin: 0;
    position: absolute;
    transition: .8s cubic-bezier(.33,1,.68,1);
    cursor: pointer;
    width: 20px;
    height: 20px;
    top: 40px;
    right: 32px;

    &:hover {
      @media screen and (min-width: 769px) {
        transform: rotate(90deg);
      }
    }

    &::after {
      content: "";
      background-color: #000;
      width: 100%;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 0;
      transform: rotate(45deg);
    }

    &::before {
      content: "";
      background-color: #000;
      width: 100%;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 0;
      transform: rotate(-45deg);
    }
  }

  img {
    display: block;
    width: 100%;
    min-height: var(--window-height);

    @media screen and (max-width: 768px) {
      width: auto;
      min-width: 100%;
      max-width: none;
    }
  }
}

.productCollapse {
  opacity: 1;
  transition: 0.3s ease all;

  &.productCollapse--active {
    opacity: 0;
  }
}

.product__dropdownContent {
  .product__dropdownItem {
    &.product__dropdownItem--hidden {
      display: none;
    }

    &.product__dropdownItem--active {
      margin-bottom: 24px;

      .product__dropdownItemContent {
        opacity: 1;
      }

      p.product__dropdownTitle {
        &::before {
          transform: translateY(-50%) rotate(0);
        }
      }
    }

    p.product__dropdownTitle {
      font-family: 'GT-America';
      position: relative;
      color: #000;
      font-size: 12px;
      margin-bottom: 24px;
      padding-left: 16px;
      cursor: pointer;
      width: max-content;

      &::after,
      &::before {
        content: '';
        left: 0;
        position: absolute;
        width: 8px;
        height: 1px;
        background-color: #666;
        top: 50%;
        transition: ease .3s all;
        transform: translateY(-50%);
      }

      &::before {
        transform: translateY(-50%) rotate(90deg);
      }
    }
  }

  .product__dropdownItemContent {
    overflow: hidden;
    transition: ease .3s all;
    opacity: 0;
    height: 0;
    overflow: hidden;

    * {
      color: #000;
      border-color: #000;
      font-size: 12px;
      font-family: 'GT-America';
      line-height: 1.5;
    }

    li {
      margin: 0 0 5px 15px;

      &::marker {
        font-size: 9px;
      }
    }

    ul {
      margin-right: 0;
      margin-top: 0;
    }

    p {
      margin-bottom: revert !important;

      &:empty {
        display: none;
      }
    }
  }
}

.product__colorPickerDropdown {
  position: absolute;
  z-index: -1;
  width: calc(100% + 2px);
  left: -1px;
  max-height: 32.9vw;
  top: -5.3vw;
  overflow: auto;
  border-radius: 5px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: .3s ease all;
  display: none;
  flex-direction: column;

  @media screen and (max-width: 768px) {
    position: fixed;
    top: 50%;
    left: 50%;
    max-height: calc(var(--window-height) / 2);
    transform: translate(-50%, -50%);
    width: calc(100% - 48px);
    box-shadow: none;
    border-radius: 0;
  }

  &.product__colorPickerDropdown--active {
    opacity: 1;
    pointer-events: all;
    z-index: 9999999;
  }

  .product__colorPickerDropdownTitle {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    font-family: 'GT-America';
    color: #666;
    padding: 16px;
    border-bottom: 1px solid #fafafa;
    position: sticky;
    top: 0;
    background: #fff;

    img {
      transform: rotate(180deg);
    }
  }

  .product__colorPickerItem {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #fafafa;
    padding: 8px;
    transition: ease .3s all;
    align-items: center;

    &:hover {
      background-color: #fafafa;
    }

    &:last-child {
      border-bottom: 0;
    }

    div {
      display: flex;
      align-items: center;
    }

    img {
      width: 32px;
      height: 32px;
      margin-right: 12px;
      object-fit: cover;
    }

    span,
    p {
      font-size: 12px;
      font-family: 'GT-America';
      display: block;
      color: #000;
    }

    p {
      color: #666;
    }
  }
}

  .productPopUp__content {
    display: none;
  }

.product__earlyAccess {
  display: none;
  font-size: 12px;
  color: #b43a3a;
  margin: 8px 0 !important;
  font-family: 'GT-America';

  .product__copiedLink {
    strong {
      display: none;
    }

    span {
      strong {
        display: inline;
      }
    }
  }

  a,
  span {
    font-size: 12px !important;
    color: #b43a3a;
    border: 0 !important;
  }

  strong {
    font-family: 'GT-America-Medium';
    font-weight: 400;
  }

  &.product__earlyAccess--active {
    display: block;
  }
}

[data-oke-widget] .okeReviews {
  @media screen and (max-width: 768px) {
    padding-top: 20px !important;
  }
}

div.okeReviews[data-oke-container] .oke-w-header:before {
  @media screen and (max-width: 768px) {
    font-size: 24px !important;
  }
}

div.okeReviews[data-oke-container] .oke-w-ratingAverageModule-rating-average {
  @media screen and (max-width: 768px) {
    font-size: 20px !important;
  }
}

.fomoCounter {
  padding: 7.8px 0 7.2px;
  border-radius: 100px;
  background-color: #fafafa;
  color: #6a5d24;
  font-family: 'GT-America-Medium';
  font-size: 11px;
  text-align: center;
  margin-top: 16px;

  .fomoCounter__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  svg {
    margin-right: 4px;
  }

  span {
    margin-left: 4px;
  }
}

.productBogo {
  color: #000;
  font-size: 12px;
  font-family: 'GT-America-Condensed';
  padding: 2px 4px;
  border-radius: 4px;
  background-color: #f2ebd9;
}

square-placement {
  display: none;
  margin-top: 18px !important;

  @media screen and (max-width: 768px) {
    margin-top: 14px !important;
  }

  &.square-placement--active {
    display: block !important;
  }

  .afterpay-main-text {
    strong {
      font-weight: normal !important;
    }
  }
}

#product-purchase-row {
  font-family: 'GT-America';
  text-align: left;
}

button.add-to-cart {
  display: block !important;
}

@keyframes opacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes opacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}