.equipment-types__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.equipment-card { display: block; color: inherit; text-decoration: none; }
.equipment-card__visual { position: relative; aspect-ratio: 308 / 180; }
.equipment-card__shape, .equipment-card__image { position: absolute; inset: 0; width: 100%; height: 100%; }
.equipment-card__shape { color: var(--color-muted); transition: color 150ms ease; }
.equipment-card__image { object-fit: contain; }
.equipment-card:hover .equipment-card__shape, .equipment-card:focus-visible .equipment-card__shape { color: var(--color-accent); }
.equipment-card__title { padding: 40px 32px; text-align: center; }
@media (max-width: 1024px) {
  .equipment-types__grid { gap: 8px; }
  .equipment-card__title { padding: 20px 16px; }
}
@media (max-width: 767px) {
  .equipment-types__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}