/* ============================================================
   start-selling.css  —  Swopsmart START-SELLING page sections
   Page-specific layout only. Everything shared now lives in main.css:
   the section-header system (.section-head, .section-eyebrow,
   .section-title, .section-subtext, .section--dark), the centered
   .sell-page-head, the .search-wrap/.search-form/.sell-search device
   search bar and its .search-hints trust line, the .card-grid/.sell-card
   category cards, .no-results, the .reveal animation, and the
   "Trusted by sellers" trust-section styles.

   Removed in the card/search restyle: .quick-links/.quick-link (this page
   never had the markup, yet the rules loaded after home.css and overrode
   it) and a duplicate .no-results block.
   ============================================================ */

/* ---- Categories block ----
   36px top desktop / 16px top <=768 — the offset every sell-funnel page
   shares. The browse pages get theirs from sell-collection.css (which
   caps .brands/.series/.products the same way); this page and the quote
   wizard each carry their own copy because neither loads that sheet.
   Previously split across two separate .categories blocks; merged. */
.categories {
  padding: 36px 28px var(--section-py);
  background: #f2efe8;
  border-top: none;
  border-bottom: none;
}
.categories-inner { max-width: 1200px; margin: 0 auto; }
@media (max-width: 768px) {
  .categories { padding-top: 16px; }
  /* center the crumbs between header and page head: 16px above (the
     section padding) and 16px below, matching the quote wizard */
  .categories .crumbs { margin-bottom: 16px; }
}
@media (max-width: 640px) {
  .categories { padding-left: 24px; padding-right: 24px; }
}