/* Beautiful Hardship Dhikr card alignment patch.
 * Keeps the existing content and interactions while replacing the visual
 * masonry layout with a clean responsive grid.
 */
.bh-resources-page .resource-card-grid {
  align-items: stretch;
}

.bh-resources-page .resource-card-grid.is-packed {
  display: grid;
  height: auto !important;
}

.bh-resources-page .resource-card-grid.is-packed > .dua-card {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.bh-resources-page .resource-card-grid .card-bottom {
  margin-top: auto;
  padding-top: 14px;
}