/* Styles for services.hbs — the "امکانات و خدمات صراف" row.
   Ported from the legacy `HomeAdvertise.vue`; the 1000 breakpoint and every
   size below are the legacy values, as measured on the live site. */

.services-title {
  margin-bottom: 24px;
  color: var(--gray-900);
  font-size: 21px;
  font-weight: 700;
  text-align: center;
}

.services-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media (min-width: 1000px) {
  .services-title {
    margin-bottom: 40px;
    font-size: 36px;
  }

  .services-cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}