.seller-hero {
  padding: 24px;
  border-radius: 16px;
}

.seller-hero h1 {
  margin: 4px 0 6px;
  font-size: clamp(1.65rem, 2.6vw, 2.15rem);
  line-height: 1.18;
}

.seller-hero p {
  font-size: .94rem;
}

.seller-nav {
  margin-bottom: 22px;
}

.seller-nav a {
  padding: 9px 12px;
  font-size: .88rem;
}

.panel-heading h2,
.seller-filter h2,
.seller-plan h2,
.benefit-card h2 {
  font-size: 1.25rem;
}

.seller-plan {
  padding: 21px;
}

.plan-price strong {
  font-size: 1.7rem;
}

@media (max-width: 720px) {
  .seller-hero {
    padding: 20px;
  }

  .seller-nav {
    scroll-snap-type: x proximity;
  }

  .seller-nav a {
    min-height: 42px;
    scroll-snap-align: start;
  }

  .seller-customer-card,
  .ranking-list a {
    min-width: 0;
  }

  .seller-customer-card > span:nth-child(2),
  .ranking-person {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 480px) {
  .client-shortcuts,
  .seller-metrics,
  .management-metrics {
    grid-template-columns: 1fr;
  }

  .seller-list > a,
  .seller-list > div {
    align-items: flex-start;
    flex-direction: column;
  }

  .list-value {
    text-align: left;
  }

  .seller-filter-control {
    width: 100%;
  }
}