/* Task 1277: balanced product purchasing, cart summary, and product-edit navigation. */
@media (min-width: 641px) {
  .product-detail-page .public-product-detail-card {
    grid-template-columns: minmax(240px, 310px) minmax(280px, 1fr);
    grid-template-areas:
      "heading heading"
      "image content";
    column-gap: clamp(44px, 6vw, 76px);
    row-gap: clamp(22px, 3vw, 30px);
    max-width: 900px;
    padding: clamp(22px, 3vw, 32px);
  }

  .product-detail-page .public-product-detail-image {
    justify-self: end;
    width: min(100%, 300px);
    max-width: 300px;
  }

  .product-detail-page .public-product-detail-content {
    align-self: start;
    padding-inline-end: clamp(8px, 2vw, 24px);
  }
}

.product-order-page .cart-grand-total {
  margin: 4px 0 0;
  padding-block: 16px;
  border-top: 1px solid rgba(69, 55, 43, .22);
  border-bottom: 1px solid rgba(69, 55, 43, .22);
}

.operator-product-form-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, auto);
  align-items: center;
  gap: 16px;
  width: min(100%, 920px);
}

.operator-product-form-header .operator-tabs {
  justify-content: flex-end;
  min-width: 0;
  margin: 0;
}

.operator-product-form-header .operator-tabs .btn {
  max-width: 100%;
  white-space: normal;
  text-align: center;
  overflow-wrap: anywhere;
}

@media (max-width: 640px) {
  .product-detail-page .public-product-detail-card {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "heading" "image" "content";
  }

  .operator-product-form-header {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }

  .operator-product-form-header .operator-tabs {
    justify-content: flex-start;
  }
}