/* Homepage Safari Experiences: show the linked package count under the title, not over the image. */
.safari-experience-content .safari-experience-package-meta {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 9px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  color: #65534b;
}
.safari-experience-package-meta .bi {
  color: #EE6A04;
  font-size: 15px;
  line-height: 1;
}
.safari-experience-content .safari-experience-package-meta + p {
  margin-top: 10px;
}

/* Homepage experience visibility. CSS-only changes keep the 8 cards in the
   source without a viewport-dependent PHP query or layout flash. */
@media (min-width: 1200px) {
  .safari-experiences-section .safari-experience-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .safari-experiences-section .safari-experience-grid > .safari-experience-card:nth-child(n+7) {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .safari-experiences-section .safari-experience-grid > .safari-experience-card:nth-child(n+5) {
    display: none;
  }
}