/* Homepage «Popular Categories» — карты по размеру фото, отступы как в Компасе */

.homepage-categories-section .category-grid {
  gap: 32px;
  margin-top: var(--spacing-2xl, 2rem);
}

.homepage-categories-section .category-grid .category-card {
  max-width: 90%;
  justify-self: center;
  width: 100%;
  min-height: clamp(252px, 16.2vw, 306px);
  --cat-inner-x: 0.9rem;
  --cat-footer-h: 6.2rem;
  padding: 1.04rem 0 0 !important;
  padding-bottom: var(--cat-footer-h) !important;
  /* Desktop / tablet / mobile order from admin matrix */
  order: var(--hpc-order-d, 999);
}

/* Photo cards: квадратные, на всю ширину ячейки как в Компасе */
.homepage-categories-section .category-grid .category-card.category-card--photo {
  max-width: 100%;
  padding: var(--cat-glass-inset, 0.85rem) !important;
}

.homepage-categories-section .category-grid .category-icon {
  width: clamp(58px, 4.5vw, 79px);
  height: clamp(58px, 4.5vw, 79px);
  margin: 0 auto clamp(0.9rem, 1.35vw, 1.35rem);
}

.homepage-categories-section .category-grid .category-icon .transport-emoji-icon {
  font-size: clamp(2.25rem, 4.5vw, 2.93rem);
}

.homepage-categories-section .category-grid .category-title {
  font-size: calc(var(--font-size-xl, 1.25rem) * 0.9);
  margin-bottom: calc(var(--spacing-sm, 0.75rem) * 0.9);
}

.homepage-categories-section .category-grid .category-description {
  font-size: clamp(0.79rem, 0.81vw, 0.9rem);
  margin-bottom: 0.68rem;
}

.homepage-categories-section .category-grid .category-count {
  min-height: var(--cat-footer-h) !important;
  height: var(--cat-footer-h) !important;
  padding: 0.5rem 0.45rem 0.95rem !important;
}

.homepage-categories-section .category-grid .category-count span:first-child {
  font-size: 1.31rem !important;
  color: #046868 !important;
}

.homepage-categories-section .category-grid .category-count span:last-child {
  font-size: 0.74rem !important;
}

@media (max-width: 992px) {
  .homepage-categories-section .category-grid .category-card {
    max-width: 94%;
    order: var(--hpc-order-t, var(--hpc-order-d, 999));
  }

  .homepage-categories-section .category-grid .category-card.category-card--photo {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .homepage-categories-section .category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .homepage-categories-section .category-grid .category-card {
    max-width: 100%;
    min-height: clamp(153px, 38vw, 180px) !important;
    --cat-inner-x: 0.59rem;
    --cat-footer-h: 4.5rem;
    padding: 0.59rem 0 0 !important;
    padding-bottom: var(--cat-footer-h) !important;
    order: var(--hpc-order-m, var(--hpc-order-t, var(--hpc-order-d, 999)));
  }

  .homepage-categories-section .category-grid .category-card.category-card--photo {
    max-width: 100%;
    padding: var(--cat-glass-inset, 0.55rem) !important;
  }

  .homepage-categories-section .category-grid .category-icon {
    width: clamp(36px, 10vw, 43px) !important;
    height: clamp(36px, 10vw, 43px) !important;
    margin: 0 auto 0.25rem !important;
  }

  .homepage-categories-section .category-grid .category-title {
    font-size: 0.68rem !important;
  }

  .homepage-categories-section .category-grid .category-count span:first-child {
    font-size: 0.99rem !important;
  }

  .homepage-categories-section .category-grid .category-count span:last-child {
    font-size: 0.61rem !important;
  }
}

@media (max-width: 576px) {
  .homepage-categories-section .category-grid .category-card {
    max-width: 100%;
  }

  .homepage-categories-section .category-grid .category-card.category-card--photo {
    max-width: 100%;
  }
}