/* Task 1301: reserve desktop viewport space for the complete site footer. */
@media (min-width: 721px) {
  .product-index-page .product-category-grid {
    --product-category-square-size: min(470px, calc((100vh - 266px) / 2), calc((100vw - 52px) / 2));
  }

  .product-index-page .product-category-card h2,
  .product-index-page .product-category-card:hover h2,
  .product-index-page .product-category-card:focus h2,
  .product-index-page .product-category-card:focus-visible h2,
  .product-index-page .product-category-card:focus-within h2 {
    min-height: clamp(1.45rem, 3.5vh, 2.6rem) !important;
    font-size: clamp(.68rem, 1.8vh, 1.35rem) !important;
  }
}

@supports (height: 100dvh) {
  @media (min-width: 721px) {
    .product-index-page .product-category-grid {
      --product-category-square-size: min(470px, calc((100dvh - 266px) / 2), calc((100vw - 52px) / 2));
    }
  }
}