/* Seller collection — discovery A (no microsite chrome, no layered filters) */

/*
 * Align title + product grid with top nav text (“钱包余额市场”).
 *
 * Luma desktop (_layout.less) gives .navigation / .header.content / .page-main
 * the same gutter: max-width 1280 + margin auto + pad 20px.
 * Webkul collection.css forces .page-main { max-width:100%; margin:0; padding:0 },
 * so on viewports >1280 the title sits at ~20px while 钱包余额市场 sits at
 * (vw-1280)/2+20 — looks “not aligned”. Restore the Luma content slot.
 */
body.marketplace-seller-collection .page-main {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px; /* @layout__max-width — undo Webkul max-width:100% */
  width: 100%;
  padding-left: 15px; /* @layout__width-xs-indent */
  padding-right: 15px;
}
@media (min-width: 768px) {
  body.marketplace-seller-collection .page-main {
    padding-left: 20px; /* @layout-indent__width */
    padding-right: 20px;
  }
}

/* ---- Title: gap below top nav; same left edge as product grid ---- */
body.marketplace-seller-collection .xm-seller-collection-title {
  margin: 2.4rem 0 0.8rem;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
body.marketplace-seller-collection .xm-seller-collection-title__heading {
  margin: 0;
  font-size: 2.4rem;
  line-height: 1.3;
}

/*
 * Dead air under H1 (desktop ~100px) came from three stacked sources:
 * 1) empty Webkul .block-account (inline-block + margin)
 * 2) empty top .toolbar (margin)
 * 3) Luma .product-items { margin-top: 30px } collapsing through wrappers to the title
 */
body.marketplace-seller-collection .wk-mp-collection-right > .block.block-account {
  display: none !important;
}
body.marketplace-seller-collection .wk-mp-fieldset > .toolbar.toolbar-products:first-of-type {
  display: none !important;
}
body.marketplace-seller-collection .products.wrapper + .toolbar.toolbar-products {
  margin-top: 1.6rem;
  margin-bottom: 0;
}
body.marketplace-seller-collection .products.wrapper .product-items {
  margin-top: 0;
}
body.marketplace-seller-collection .wk-mp-fieldset {
  display: block;
  width: 100%;
  max-width: none;
  vertical-align: top;
}

/* Full-width product grid within page-main (no left “购物选项” column) */
body.marketplace-seller-collection .wk-mp-collection-left {
  display: none !important;
}
body.marketplace-seller-collection .wk-mp-collection-container {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body.marketplace-seller-collection .wk-mp-collection-right {
  float: none;
  width: 100%;
  max-width: none;
}

/* No empty gap where top_header banner was */
body.marketplace-seller-collection .wk_mp_design > .wk-mp-collection-container {
  margin-top: 0;
  padding-top: 0;
}

@media (max-width: 767px) {
  /* Luma .page-main pad-top ~68px is heavy under static header on this page */
  body.marketplace-seller-collection .page-main {
    padding-top: 1.6rem;
  }
  body.marketplace-seller-collection .xm-seller-collection-title {
    margin: 0.8rem 0 0.8rem;
  }
  body.marketplace-seller-collection .xm-seller-collection-title__heading {
    font-size: 2rem;
  }
  body.marketplace-seller-collection .wk-mp-collection-container {
    margin-top: 0;
    padding-top: 0;
  }
}
