@media (max-width: 639px) {
  .ic-hero-plates { grid-auto-rows: 1fr; gap: 12px; }
  .ic-hero-plates > div { min-width: 0; padding: 16px; min-height: 160px; justify-content: flex-start; }
  .ic-hero-plates > div > div { flex-direction: column; align-items: flex-start; gap: 10px; }
  .ic-hero-plates .font-display { font-size: 20px; line-height: 1.2; overflow-wrap: anywhere; }
  .ic-hero-plates > div > span { font-size: 13px; line-height: 1.5; }
  .ic-content-card { min-width: 0; max-width: 100%; border-radius: 16px; padding: 24px; box-sizing: border-box; overflow-wrap: anywhere; }
  .ic-content-card h3 { line-height: 1.3; }
}
@media (hover: none), (pointer: coarse) {
  .card-hover:hover { transform: none; }
  .ic-content-card:hover { transform: none; }
}
a.card:active,
a.ic-content-card:active,
article.ic-content-card:active { background: #eef2ff !important; border-color: #1e40af !important; }
.dark a.card:active,
.dark a.ic-content-card:active,
.dark article.ic-content-card:active { background: #1e3a8a !important; border-color: #06b6d4 !important; }
.pf-product:active { background: linear-gradient(135deg, #1e40af, #06b6d4) !important; border-color: transparent !important; color: #fff !important; }
.pf-product:active svg { stroke: #fff; }
.pf-product:active small { color: #eefaff !important; }