.product-detail-wrapper {
  background-color: rgba(var(--color-background, var(--color-page-background)));
}

.product-detail {
  background-color: rgba(var(--color-background, var(--color-page-background)));
}

.product-detail__row {
  --detail-row-gap: 10px;

  display: flex;
  flex-direction: column;
  gap: var(--detail-row-gap);
}

.product-detail__row--direction-row {
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}

.product-detail__row--direction-row .product-detail__row-main {
  flex: 1 0 0;
  justify-content: flex-end;
}

@media (min-width: 960px) {
  .product-detail__row--desktop-direction-row {
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
  }

  .product-detail__row--desktop-direction-row .product-detail__row-main {
    flex: 1 0 0;
    justify-content: flex-end;
  }
}

@media (max-width: 959px) {
  .product-detail__row--mobile-direction-row {
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
  }

  .product-detail__row--mobile-direction-row .product-detail__row-main {
    flex: 1 0 0;
    justify-content: flex-end;
  }
}

.product-detail__view-details {
  width: fit-content;
}

#lf-quick-add-modal-content {
  padding-inline: var(--page-padding);
}

@media (min-width: 960px) {
  .product-detail[data-desktop-direction="row"] .product-detail__col,
  .product-detail__main[data-desktop-direction="row"] .product-detail__col {
    --col-width: calc(
      var(--detail-col-width) -
        (var(--detail-main-column-gap, var(--detail-column-gap, 0px)) / 2)
    );

    flex: 0 0 var(--col-width);
    width: var(--col-width);
  }

  .product-detail[data-desktop-direction="row"] .product-detail__info--sticky,
  .product-detail[data-desktop-direction="row"]
    .product-detail__media-group--sticky,
  .product-detail__main[data-desktop-direction="row"]
    .product-detail__info--sticky,
  .product-detail__main[data-desktop-direction="row"]
    .product-detail__media-group--sticky {
    position: sticky;
    inset-block-start: var(--detail-padding-block-start, 0);
  }
}