
/* 2026-08-27 refinement: denser laptop typography + more minimal product scale */
@media (min-width: 769px) and (max-width: 1919px) {
  /* Product listing page: shrink cards within each column instead of making products fill the grid. */
  .products_grid {
    width: min(100%, 1080px) !important;
    column-gap: clamp(56px, 5.3vw, 82px) !important;
    row-gap: clamp(74px, 7vw, 100px) !important;
  }

  .products_card {
    gap: 18px !important;
  }

  .products_card_media {
    width: 82% !important;
    max-width: 248px;
    margin-inline: auto;
  }

  .products_visual_img {
    right: 2vw;
    width: min(62vw, 980px) !important;
    height: min(51vw, 620px) !important;
  }
}
