/* Desktop-only polish. Do not alter mobile (<640) or shared mobile-good layout. */

/* Issue 1: Supported Games — 4 WoW cards in a 3-col grid left an orphan card
   and mismatched widths vs the 2-col Albion/PoE row. Use a compact 2×2 on desktop. */
@media (min-width: 1024px) {
  #services .wow-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
  #services .other-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
  }
  /* Legacy .service-card chrome must not fight .product-card density */
  #services a.product-card.service-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.28);
  }
}

/* Issue 2: home calculator CTA buttons sat as tiny left-aligned pills in a
   full-width card. Stretch them evenly across the action row on desktop. */
@media (min-width: 640px) {
  .home-wow-cta-actions {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0.75rem;
  }
  .home-wow-cta-btn {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
  }
}

/* Center CTA heading + description above Sell/Buy (all home locales). */
.home-wow-cta-title,
.home-wow-cta-text {
  text-align: center;
}
.home-wow-cta-text {
  margin-left: auto;
  margin-right: auto;
}
