@media print {
  /* Prevent sidebar collapse/expand animations from showing in the background when print dialog opens */
  * {
    transition: none !important;
    animation: none !important;
  }
  /* Firefox allocates a full page-height for html/body unless explicitly overridden,
   * causing a blank trailing page when content is shorter than the viewport. */
  html, body {
    height: auto !important;
    overflow: visible !important;
  }
  body {
    background-color: white !important;
  }
  .rz-body {
    background-color: white !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
  }
  .rz-body-content {
    background-color: white !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .layout-body-and-footer { /* CustomerLayout.razor */
    background-color: transparent !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .layout-body {
    background-color: white !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .rz-layout {
    /* Firefox: grid with 1fr rows resolves against 100vh even when height:auto is set,
     * pushing body content to page 2. Collapsing to block flow fixes the blank first page. */
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .rz-layout ::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
  }
  .no-print {
    display: none !important;
  }
  .no-break-print {
    break-inside: avoid;
    page-break-inside: avoid; /* Fallback for older browsers */
    display: block; /* Ensure the element is block-level for the property to work correctly */
  }
  /* Supply list vertical card overrides on print
   * Print in a more compact format so that more cards can fit on a page when used in conjunction with the no-break-print class
   */
  .product-vertical-card {
    --rz-gap: 0.5rem;
  }
  .product-vertical-card .product-vertical-card-image-container {
    height: 150px !important;
  }
  .product-vertical-card .product-vertical-card-image-container img {
    max-height: 150px !important;
  }
  /* Supply list horizontal card overrides on print
   * Print in a more compact format so that more cards can fit on a page when used in conjunction with the no-break-print class
   */
  .product-horizontal-card {
    --rz-row-gap: 0.25rem;
  }
  .product-horizontal-card .product-horizontal-card-image-container {
    height: 100px !important;
    width: 100px !important;
  }
  .product-horizontal-card .product-horizontal-card-image-container img {
    max-width: 100px !important;
  }
}