/* Revision 2.2.13 — targeted archive card spacing + clean Description intro. */

/* Our Products only: preserve the approved container, but never exceed three cards. */
.aps-catalogue .aps-grid{
  gap:18px!important;
  background:transparent!important;
  border:0!important;
}

/* Desktop with the filter closed has the full catalogue width: three cards maximum. */
@media (min-width:1025px){
  .aps-catalogue-body.is-filter-collapsed .aps-results .aps-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  /* The open desktop filter reduces usable width; use two readable cards instead of compressing three. */
  .aps-catalogue-body:not(.is-filter-collapsed) .aps-results .aps-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Existing tablet breakpoint: the drawer is off-canvas, but two cards keep copy comfortably readable. */
@media (min-width:641px) and (max-width:1024px){
  .aps-catalogue .aps-results .aps-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Existing mobile breakpoint: one full, readable card per row. */
@media (max-width:640px){
  .aps-catalogue .aps-results .aps-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
  }
}

/* Single Product Description: the former first bordered/split row is intentionally removed.
   Keep its useful content in normal document flow without the redundant box structure. */
.aps-description-layout>.aps-description-heading,
.aps-description-layout>.aps-description-narrative{
  width:100%!important;
  max-width:820px!important;
  margin-inline:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

.aps-description-layout>.aps-description-heading{
  display:block!important;
}

.aps-description-layout>.aps-description-heading h2{
  max-width:620px;
}

.aps-description-layout>.aps-description-lead{
  margin-top:24px;
}

.aps-description-layout>.aps-description-narrative{
  display:block!important;
  margin-top:24px!important;
  color:#c3beb9;
}

.aps-description-layout>.aps-description-narrative>span{
  display:block;
  margin-top:18px!important;
  text-align:left;
}

.aps-description-layout>.aps-description-cards{
  margin-top:38px!important;
}