.vip-title {
  font-size: 4vw;
  font-weight: bold;
  text-align: center;
  color: #6c63ff;
}

.section-list-top {
  margin-top: 0rem;
}

#listComicVIP {
  margin-top: 100px;
}

@media (max-width: 849px) {
  .list-comic-page.row {
    width: auto;
  }
}

@media (max-width: 600px) {
  .vip-register-box {
    max-width: 98vw;
    padding: 20px 8px;
  }
  .vip-register-box .d-flex {
    flex-direction: column !important;
    gap: 10px !important;
  }
  .vip-register-box a,
  .vip-register-box button {
    width: 100%;
    min-width: unset !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
  }
  #listComicVIP {
    margin-top: 3rem;
  }
  .vip-title {
    font-size: 13vw;
    margin-bottom: 0rem;
  }
}

/* Responsive cho modal nút */
@media (max-width: 500px) {
  .modal-dialog {
    max-width: 98vw;
    margin: 0.5rem auto;
  }
  .modal-content {
    padding: 0 4px;
  }
  .modal-footer {
    flex-direction: column;
    gap: 8px;
  }
  .modal-footer .my-btn,
  .modal-footer .secondary-btn {
    width: 100%;
  }
  .my-btn {
    font-size: 1rem;
  }
  .secondary-btn {
    font-size: 1rem;
  }
}