/* Marketplace browse layout — loaded separately because the site uses style.min.css */

.market-browse-layout {
  align-items: flex-start !important;
}

/* Marketplace is a dense three-column workspace. Let it use the screen instead
   of inheriting the narrow reading-width container used by ordinary pages. */
.nc-market-shell {
  width: calc(100% - clamp(48px, 8vw, 160px));
  max-width: 1720px;
  padding-left: clamp(14px, 2vw, 36px);
  padding-right: clamp(14px, 2vw, 36px);
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 991.98px) {
  .nc-market-shell {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (min-width: 1400px) {
  .nc-market-shell .market-left-nav { width: 18%; }
  .nc-market-shell .market-main-col { width: 82%; }
}

.market-main-col {
  min-width: 0;
}

.market-toolbar__shortcuts {
  display: flex;
  flex: 1 1 0;
  width: 0;
  align-items: center;
  gap: 8px;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
}

@media (min-width: 576px) {
  .market-main-col > .market-toolbar { flex-wrap: nowrap; }
}

.market-toolbar__shortcuts::-webkit-scrollbar { display: none; }

.market-toolbar__shortcuts .market-shortcut-chip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 40px;
  white-space: nowrap;
}

.market-toolbar__shortcuts .market-shortcut-chip i {
  color: #147bd1;
  font-size: 12px;
}

/* .market-toolbar* rules moved to the shared css/toolbar.css so every
   listing page (not just Market) can reuse them — see toolbar.css. */

.market-subcategory-rail {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 14px;
  overflow-x: auto;
  scrollbar-width: none;
}

.market-subcategory-rail::-webkit-scrollbar { display: none; }
.market-subcategory-rail__label {
  flex: 0 0 auto;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.hh-category-rail {
  flex-wrap: nowrap;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  padding-bottom: 2px;
}

.hh-category-rail::-webkit-scrollbar { display: none; }
.hh-category-rail .market-shortcut-chip { flex: 0 0 auto; white-space: nowrap; }

@media (min-width: 992px) {
  /* Sticky must be on an inner wrapper: stretched Bootstrap columns
     are as tall as the product grid, so sticky on the column itself does nothing. */
  .market-left-nav {
    align-self: flex-start !important;
  }

  .market-left-nav__sticky {
    position: sticky !important;
    top: 72px;
    max-height: calc(100vh - 88px);
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 5;
    padding-right: 4px;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 575.98px) {
  .market-browse-tabs { display: none; }

  .module-hero {
    padding: 14px 0 38px;
  }

  .module-hero__inner {
    display: block;
  }

  .module-hero__copy {
    padding-left: 52px;
  }

  .module-hero__eyebrow {
    margin-bottom: 5px;
    font-size: 8px;
  }

  .module-hero__title {
    font-size: 29px;
  }

  .module-hero__action {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    margin-top: 14px;
    padding-bottom: 3px;
    overflow: visible;
  }

  .module-hero__action::-webkit-scrollbar { display: none; }

  .module-hero__action .market-sell-cta {
    flex: 1 1 calc(50% - 4px);
    min-height: 38px;
    width: auto;
    min-width: 0;
    padding: 0 14px;
    font-size: 11px;
    box-shadow: none;
    margin-left: 0 !important;
    text-align: center;
  }

  .nc-market-shell {
    padding-left: 12px;
    padding-right: 12px;
  }

  .nc-market-shell .content-tabs {
    min-height: 62px;
  }

  .market-subcategory-rail,
  .market-shortcut-rail {
    margin-bottom: 10px;
  }

  .market-shortcut-chip {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 0 15px;
    white-space: nowrap;
  }

  .market-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .market-toolbar__shortcuts {
    grid-column: 1 / -1;
    width: 100%;
    padding-bottom: 2px;
  }

  .market-toolbar__shortcuts .market-shortcut-chip {
    min-height: 38px;
    padding: 0 13px;
  }

  .market-toolbar__actions {
    grid-column: 2;
    justify-self: end;
    flex-basis: auto;
  }

  .market-products-grid > [class*="col-"] {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .market-products-grid { margin-left: 0; margin-right: 0; }
  .market-product-card__image { min-height: 240px; }
  .market-product-card__title { font-size: 16px; }
  .market-product-card__body { padding: 15px; }
  .market-product-card__foot { flex-direction: row; align-items: center; }
  .market-shortcut-rail { flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; }
  .market-shortcut-rail::-webkit-scrollbar { display: none; }
  .market-spotlight { min-height: 190px; border-radius: 14px; }
  .market-spotlight__content { padding: 16px; }
}
.nc-vehicle-chip--red { background: #fff0f0 !important; color: #b42318 !important; border-color: #fecdca !important; }
.market-product-card__whatsapp--missing { opacity: .45; cursor: not-allowed; filter: grayscale(1); }