/* =================================================================
   Sellers page — mobile responsiveness overrides
   ================================================================= */

/* Stack hero CTA buttons vertically on narrow screens */
@media (max-width: 540px) {
  .page-hero__ctas {
    flex-direction: column;
    align-items: stretch;
  }
  .page-hero__ctas .btn {
    width: 100%;
    justify-content: center;
  }
}

/* Artifact card stat grid — scale typography and allow tracks to shrink
   so the three-column layout doesn't overflow the mobile viewport */
@media (max-width: 640px) {
  .artifact-stats {
    gap: 8px !important;
  }
  .artifact-stats .stat {
    padding: 12px 10px;
    min-width: 0;          /* let CSS Grid shrink below content min-width */
    overflow: hidden;
  }
  .artifact-stats .stat .k {
    font-size: 9px;
    letter-spacing: .05em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .artifact-stats .stat .v {
    font-size: 18px;
  }
}

/* Valuation calculator — wrap type-select buttons 2×2 on narrow screens */
@media (max-width: 480px) {
  .calc__select {
    flex-wrap: wrap;
  }
  .calc__select button {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
  }
}

/* Prevent any section from creating horizontal scroll */
.page-hero,
.feat-row,
.page-cta {
  overflow-x: hidden;
}