/* Responsive Design */

@media (max-width: 480px) {
  .main-title {
    font-size: 24px;
  }

  .art-wrap {
    width: 220px;
    height: 220px;
  }

  .btn-round {
    width: 50px;
    height: 50px;
  }

  .btn-round.primary {
    width: 64px;
    height: 64px;
  }

  .row {
    gap: 12px;
  }
}

@media (max-width: 360px) {
  body {
    padding: 12px;
  }

  .card {
    padding: 14px 14px 18px;
  }

  .art-wrap {
    width: 200px;
    height: 200px;
  }

  .btn-round {
    width: 46px;
    height: 46px;
  }

  .btn-round.primary {
    width: 58px;
    height: 58px;
  }
}