@media (max-width: 1024px) {
  .nav {flex-wrap: wrap;gap: 10px;}
  .links {flex-wrap: wrap;justify-content: center;gap: 8px;}
  .btn {padding: 8px 12px;font-size: 0.9rem;}}

@media (max-width: 768px) {
  .hero {grid-template-columns: 1fr;text-align: center;padding: 24px;}
  .hero .art img {max-width: 200px;}
  .contacts {grid-template-columns: 1fr;}
  .contact-wrapper {flex-direction: column;align-items: center;}
  .links {flex-direction: column;align-items: center;gap: 4px;}
  .links a {padding: 10px 16px;width: 100%;text-align: center;}
.nav-underline {display: none;}}

@media (max-width: 480px) {
body {font-size: 14px;}
.container {padding: 16px 12px;}
.card {padding: 14px;}
.hero {padding: 18px;}
.hero h2 {font-size: 1.6rem;}
.btn {width: 100%;text-align: center;}}