@media (min-width: 680px) {
  .pvv-main {
    padding-top: 34px;
  }

  .pvv-result-grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }

  .pvv-badge-grid {
    grid-template-columns: repeat(4, minmax(0,1fr));
  }

  .pvv-card-pad {
    padding: 24px;
  }

  .pvv-dashboard-hero {
    padding: 24px;
  }
}

@media (max-width: 420px) {
  .pvv-main,
  .pvv-topbar {
    width: min(100% - 24px, var(--pvv-max));
  }

  .pvv-stat-grid {
    gap: 7px;
  }

  .pvv-stat {
    padding-inline: 6px;
  }

  .pvv-brand-name {
    max-width: 180px;
  }

  .pvv-badge-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 350px) {
  .pvv-badge-grid {
    grid-template-columns: 1fr;
  }

  .pvv-actions > .pvv-btn {
    width: 100%;
  }
}

@media (hover: none) {
  .pvv-btn:hover {
    transform: none;
  }
}