@media (max-width: 860px) {
  .hero { padding: var(--sp6) var(--sp3); margin-top: 58px; }
  .hero-stats { gap: var(--sp4); }
  .addons-section { padding: var(--sp6) var(--sp3); }
  .addons-grid { gap: var(--sp3); }
}
@media (max-width: 768px) {
  .modal-panel { grid-template-columns: 1fr; }
  .modal-image { border-radius: var(--radius-lg) var(--radius-lg) 0 0; min-height: 250px; }
  .modal-body { padding: var(--sp4); }
  .footer-content { flex-direction: column; gap: var(--sp4); }
  .category-section-title { font-size: 1rem; }
}
@media (max-width: 600px) {
  .addons-grid { grid-template-columns: 1fr; }
  .modal-info { grid-template-columns: 1fr; }
  .navbar { padding: 0.6rem var(--sp3); }
  .navbar-name { font-size: 0.95rem; }
}