.productPageSingle {
  .page-width.wrapper {
    padding-bottom: 0;
    & > .product {
      display: flex;
      flex-direction: row;
      @media (max-width:1199px) {
        flex-direction: column;
      }
      gap: 5rem;
      .product__media-wrapper {
        display: flex;
        width: calc(60% - 2.5rem);
        max-width: calc(60% - 2.5rem);
        .product__column-sticky {
          width: 100%;
        }
        .thumbnail img {
          object-fit: contain;
        }
        .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
          width: calc(25% - 0.8rem);
        }
        .global-media-settings {
          border: none;
        }
        @media (max-width:1250px) {
          width: calc(55% - 2.5rem);
          max-width: calc(55% - 2.5rem);
        }
        @media (max-width:1199px) {
          width: 100%;
          max-width: 100%;
        }
      }
      .product__info-wrapper {
        padding: 0;
        width: calc(40% - 2.5rem);
        max-width: calc(40% - 2.5rem);
        @media (max-width:1250px) {
          width: calc(45% - 2.5rem);
          max-width: calc(45% - 2.5rem);
        }
        @media (max-width:1199px) {
          width: 100%;
          max-width: 100%;
        }
        .product__info-container {
          max-width: 100%;
          padding: 3rem;
          border: 1px solid rgb(0 0 0 / 30%);
          border-radius: 20px;
          box-shadow: 0 4px 20px 5px rgb(0 0 0 / 5%);
          @media (max-width:1199px) {
            border: none;
            border-radius: 20px;
            box-shadow: none;
            .product-form__input {
                max-width: 100%;
                align-items: center;
                justify-content: center;
            }
          }
          @media (max-width:767px) {
            padding: 3rem 0;
          }
          .product__title * {
            font-size: 30px;
            line-height: 40px;
            font-weight: 800;
            font-family: var(--headings);
            color: var(--dark);
          }
          .product__tax.caption.rte {
            display: none;
          }
          span.price-item.price-item--regular {
            font-size: 30px;
            letter-spacing: 2px;
            color: var(--primary);
            font-weight: 800;
            font-family: var(--headings);
          }
          ul.icon-with-text {
            margin-bottom: 0 !important;
            column-gap: 10px;
            .inline-richtext *,
            .inline-richtext {
              font-size: 11px;
              text-transform: uppercase;
              font-weight: bold;
              color: black;
              letter-spacing: 0;
            }
          }
          label.quantity__label.form__label {
            display: none;
          }
        }
        global.coverAddQuantity {
          display: flex;
          flex-direction: row;
          align-items: center;
          gap: 25px;
          justify-content: space-between;
          * {
            margin: 0;
          }
          .product-form__input {
            max-width: fit-content;
            min-width: auto;
            width: 40%;
            flex-basis: 40%;
            @media (max-width:420px) {
              width: 100%;
              flex-basis: 100%;
            }
          }
          .quantity {
            width: calc(
              9rem / var(--font-body-scale) + var(--inputs-border-width) * 2
            );

            border-radius: 100px;
            border: 3px solid var(--primary);
          }
          .quantity__button {
            width: calc(2.5rem / var(--font-body-scale));
          }
          .quantity:after,
          .quantity:before {
            border: none;
            box-shadow: none;
          }
          .product-form__buttons {
            max-width: 100%;
            .product-form__submit {
              font-size: 14px;
              line-height: 60px;
              font-family: var(--headings);
              padding: 0 20px;
              font-weight: 800;
              display: flex;
              border-radius: 80px;
              transition: var(--ease);
              min-width: 191px;
              justify-content: center;
              background-color: var(--primary);
              width: 100%;
              border: none;
              cursor: pointer;
              color: var(--light);
              text-transform: uppercase;
              letter-spacing: 1px;
            }
            .button:before,
            .button:after {
              border: none;
              box-shadow: none;
            }
          }
          .addButton {
            width: calc(70% - 12.5px);
            flex-basis: calc(70% - 12.5px);
            @media (max-width:420px) {
              width: 100%;
              flex-basis: 100%;
            }
          }
          .quantity__input {
            font-weight: bold;
            font-family: var(--headings);
          }
          @media (max-width:420px) {
            flex-direction: column;
          }
        }
      }
      @media (max-width:767px) {
        gap:0;
      }
    }
  }
}

@media (max-width:1199px) {
  .product {
    background-color: #f7f7f7;
    .gradient {
      background-color: #f7f7f7;
    }
    .product-form__input {
      background-color: #f7f7f7;
    }
  }
}