.parallel-content-wrap {
  width: 1000px;
  max-width: 100%;
  display: flex;
  gap: 6px;
  // align-items: center;
  flex: 1;

  .pisell-product-select-wrapper {
    .pisell-product-select-tabs-wrapper {
      top: 77px !important;
    }
  }

  .parallel-content-left {
    flex: 1;
    // width: 634px;
    width: auto;
    min-width: 0;
    // padding: 16px 0;

    .appointment-resource-wrap {
      padding: 16px 0;
    }

    .booking-tab-product {
      .booking-tabs-wrap {
        top: 77px !important;
      }

      .booking-category-list {
        padding: 0;
      }
    }
  }

  .parallel-content-right {
    margin-top: 16px;
    width: 360px;
    position: sticky;
    top: 93px;
    height: fit-content;
    flex: 0 0 360px;
    background-color: #fff;
  }
}

.parallel-content-mobile-wrap {
  width: 100%;
  flex: none;

  .pisell-product-select-wrapper {
    .pisell-product-select-tabs-wrapper {
      top: 0 !important;
    }
  }

  .parallel-content-left {
    width: 100%;
    flex: none;
    // padding: 16px 16px 0;

    .calendar-date-box {
      padding: 0 16px;
    }

    .appointment-resource-wrap {
      padding: 16px;
    }

    .appointment-guest-wrap {
      margin-top: 0;
    }

    .appointment-confirm-information-wrap {
      padding-top: 0;
    }

    .booking-tab-product {
      .booking-tabs-wrap {
        top: 0 !important;
      }
      .booking-category-list {
        padding: 0 20px;
      }
    }

    .appointment-service-search-wrap {
      padding: 20px 20px 0 !important;
    }

    .provider-information-wrap {
      width: 100%;
    }
  }
}

.parallel-content-retail-wrap {
  .pisell-product-select-wrapper {
    .pisell-product-select-tabs-wrapper {
      top: 0px !important;
    }
  }

  .parallel-content-right {
    top: 16px;
    margin-top: 0;

    .appointment-cart-item-wrap {
      height: calc(var(--vh, 1vh) * 100 - 16px) !important;
    }
  }
}
