/* Browse Items / Shop catalog. */
.maubazaar-catalog {
  --catalog-ink: #102a43;
  --catalog-green: #0b5d4b;
  --catalog-green-deep: #073b32;
  --catalog-gold: #f5aa26;
  --catalog-cream: #f7faf8;
  --catalog-line: #d8e4de;
  --catalog-muted: #64748b;
  box-sizing: border-box;
  min-height: 70vh;
  padding: clamp(2rem, 5vw, 4.5rem) 1rem clamp(4rem, 8vw, 7rem);
  background: var(--catalog-cream);
  color: var(--catalog-ink);
  font-family: Manrope, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.maubazaar-catalog *,
.maubazaar-catalog *::before,
.maubazaar-catalog *::after { box-sizing: border-box; }

.maubazaar-catalog__inner { width: min(100%, 1320px); margin: 0 auto; }

.maubazaar-catalog__header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2rem;
}

.maubazaar-catalog__eyebrow {
  margin: 0 0 .65rem;
  color: var(--catalog-green);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.maubazaar-catalog h1,
.maubazaar-catalog h2,
.maubazaar-catalog h3,
.maubazaar-catalog p { margin-top: 0; }

.maubazaar-catalog h1 {
  margin-bottom: .45rem;
  color: var(--catalog-ink);
  font-size: clamp(2.15rem, 4vw, 4rem);
  font-weight: 600;
  letter-spacing: -.055em;
  line-height: 1;
}

.maubazaar-catalog__count { margin: 0; color: var(--catalog-muted); font-size: .95rem; }
.maubazaar-catalog__count span { margin-left: .35rem; color: var(--catalog-green); }
.maubazaar-catalog__intro { max-width: 19rem; color: var(--catalog-muted); font-size: .95rem; line-height: 1.55; text-align: right; }
.maubazaar-catalog__intro p { margin-bottom: .85rem; }
.maubazaar-catalog__sell-link { color: var(--catalog-green); font-weight: 800; text-decoration: none; }
.maubazaar-catalog__sell-link:hover, .maubazaar-catalog__sell-link:focus-visible { color: var(--catalog-green-deep); text-decoration: underline; }

.maubazaar-catalog__layout { display: grid; grid-template-columns: minmax(220px, 260px) minmax(0, 1fr); align-items: start; gap: clamp(1.5rem, 4vw, 3rem); }
.maubazaar-catalog__sidebar { position: sticky; top: 1.5rem; }
.maubazaar-filter-panel { padding: 1.25rem; border: 1px solid var(--catalog-line); border-radius: 1rem; background: #fff; box-shadow: 0 12px 30px rgba(16, 42, 67, .05); }
.maubazaar-filter-panel__heading { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding-bottom: 1rem; border-bottom: 1px solid var(--catalog-line); }
.maubazaar-filter-panel__heading h2 { margin: 0; font-size: 1.05rem; letter-spacing: -.02em; }
.maubazaar-filter-panel__heading a { color: var(--catalog-green); font-size: .78rem; font-weight: 800; text-decoration: none; }
.maubazaar-filter-panel__heading a:hover, .maubazaar-filter-panel__heading a:focus-visible { text-decoration: underline; }
.maubazaar-filter-group { margin: 0; padding: 1.1rem 0; border: 0; border-bottom: 1px solid var(--catalog-line); }
.maubazaar-filter-group:last-of-type { border-bottom: 0; }
.maubazaar-filter-group legend { margin-bottom: .7rem; color: var(--catalog-ink); font-size: .82rem; font-weight: 800; }
.maubazaar-filter-group label { display: flex; align-items: center; gap: .55rem; margin: .55rem 0; color: #334e68; font-size: .88rem; cursor: pointer; }
.maubazaar-filter-group input[type="checkbox"] { width: 1rem; height: 1rem; accent-color: var(--catalog-green); }
.maubazaar-filter-list { display: grid; gap: .05rem; }
.maubazaar-price-fields { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; }
.maubazaar-price-fields label { display: block; margin: 0; }
.maubazaar-price-fields label span { display: block; margin-bottom: .3rem; color: var(--catalog-muted); font-size: .8rem; }
.maubazaar-price-fields input, .maubazaar-select-label select, .maubazaar-sort select { width: 100%; min-height: 2.9rem; padding: .65rem .75rem; border: 1px solid #c9d8d1; border-radius: .55rem; background: #fff; color: var(--catalog-ink); font: 500 1rem/1.4 var(--maubazaar-form-font, "Plus Jakarta Sans", system-ui, sans-serif); }
.maubazaar-price-fields input:focus-visible, .maubazaar-select-label select:focus-visible, .maubazaar-sort select:focus-visible, .maubazaar-filter-group input:focus-visible { outline: 3px solid rgba(245, 170, 38, .46); outline-offset: 2px; }
.maubazaar-select-label { display: block !important; }
.maubazaar-catalog__apply, .maubazaar-catalog__secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: .7rem 1rem; border: 1px solid var(--catalog-green); border-radius: .65rem; background: var(--catalog-green); color: #fff; font: 700 1rem/1.25 var(--maubazaar-form-font, "Plus Jakarta Sans", system-ui, sans-serif); text-decoration: none; cursor: pointer; }
.maubazaar-catalog__apply { width: 100%; margin-top: 1.05rem; }
.maubazaar-catalog__apply:hover, .maubazaar-catalog__apply:focus-visible { border-color: var(--catalog-green-deep); background: var(--catalog-green-deep); }
.maubazaar-catalog__secondary { border-color: var(--catalog-line); background: #fff; color: var(--catalog-green); }
.maubazaar-catalog__secondary:hover, .maubazaar-catalog__secondary:focus-visible { border-color: var(--catalog-green); background: var(--catalog-green-soft, #e8f1ed); }

.maubazaar-catalog__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.maubazaar-catalog__toolbar h2 { margin: 0; color: var(--catalog-ink); font-size: 1.12rem; letter-spacing: -.025em; }
.maubazaar-sort { display: flex; align-items: center; gap: .6rem; min-width: min(100%, 17rem); margin: 0; color: var(--catalog-muted); font-size: .8rem; }
.maubazaar-sort select { min-width: 12rem; }
.maubazaar-catalog__mobile-filter-toggle,
.maubazaar-catalog__mobile-filter-close { display: none; }

.maubazaar-catalog__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.15rem; }
.maubazaar-catalog-card { min-width: 0; overflow: hidden; border: 1px solid var(--catalog-line); border-radius: .95rem; background: #fff; box-shadow: 0 7px 18px rgba(16, 42, 67, .04); transition: transform 180ms ease, box-shadow 180ms ease; }
.maubazaar-catalog-card:hover { transform: translateY(-4px); box-shadow: 0 16px 30px rgba(16, 42, 67, .12); }
.maubazaar-catalog-card__media-wrap { position: relative; }
.maubazaar-catalog-card__media { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #e8f1ed; }
.maubazaar-catalog-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 220ms ease; }
.maubazaar-catalog-card:hover .maubazaar-catalog-card__media img { transform: scale(1.025); }
.maubazaar-catalog-card__placeholder { display: grid; place-items: center; width: 100%; height: 100%; color: var(--catalog-green); font-size: 3rem; }
.maubazaar-catalog-card__watch { position: absolute; top: .7rem; right: .7rem; display: grid; place-items: center; width: 2.25rem; height: 2.25rem; padding: 0; border: 1px solid rgba(255, 255, 255, .8); border-radius: 50%; background: rgba(255, 255, 255, .93); color: var(--catalog-green); font-size: 1.5rem; line-height: 1; cursor: pointer; box-shadow: 0 4px 12px rgba(16, 42, 67, .12); text-decoration: none; }
.maubazaar-catalog-card__watch:hover, .maubazaar-catalog-card__watch:focus-visible, .maubazaar-catalog-card__watch.is-saved { border-color: var(--catalog-gold); background: var(--catalog-gold); color: var(--catalog-ink); }
.maubazaar-catalog-card__watch:focus-visible { outline: 3px solid rgba(245, 170, 38, .55); outline-offset: 2px; }
.maubazaar-catalog-card__body { padding: 1rem; }
.maubazaar-catalog-card__topline { display: flex; align-items: center; justify-content: space-between; gap: .45rem; min-height: 1.5rem; }
.maubazaar-format-pill { display: inline-flex; align-items: center; min-height: 1.55rem; padding: .2rem .55rem; border-radius: 999px; font-size: .67rem; font-weight: 800; line-height: 1; }
.maubazaar-format-pill--fixed { background: #e5efff; color: #1d4ed8; }
.maubazaar-format-pill--offers { background: #e3f5e8; color: #14753d; }
.maubazaar-format-pill--auction { background: #fff0d5; color: #a45d00; }
.maubazaar-catalog-card__countdown { color: #a45d00; font-size: .7rem; font-variant-numeric: tabular-nums; font-weight: 800; white-space: nowrap; }
.maubazaar-catalog-card__sold { padding: .25rem .5rem; border-radius: 999px; background: #fff0ec; color: #b5492f; font-size: .68rem; font-weight: 800; }
.maubazaar-catalog-card h3 { margin: .75rem 0 .85rem; font-size: 1rem; letter-spacing: -.02em; line-height: 1.3; }
.maubazaar-catalog-card h3 a { color: var(--catalog-ink); text-decoration: none; }
.maubazaar-catalog-card h3 a:hover, .maubazaar-catalog-card h3 a:focus-visible { color: var(--catalog-green); text-decoration: underline; }
.maubazaar-catalog-card__price { display: flex; align-items: baseline; justify-content: space-between; gap: .6rem; }
.maubazaar-catalog-card__price span { color: var(--catalog-muted); font-size: .72rem; }
.maubazaar-catalog-card__price strong { color: var(--catalog-green-deep); font-size: 1.02rem; white-space: nowrap; }
.maubazaar-catalog-card__location { margin: .7rem 0 0; color: var(--catalog-muted); font-size: .78rem; }
.maubazaar-catalog-card__location span { color: var(--catalog-green); }
.maubazaar-catalog-card__seller { margin: .5rem 0 0; color: var(--catalog-green); font-size: .78rem; font-weight: 700; }
.maubazaar-catalog-card__seller a { color: inherit; text-decoration: none; }
.maubazaar-catalog-card__seller a:hover { text-decoration: underline; }

.maubazaar-catalog-empty { display: grid; justify-items: center; padding: clamp(2rem, 6vw, 5rem) 1.5rem; border: 1px dashed #b9cec3; border-radius: 1rem; background: #fff; text-align: center; }
.maubazaar-catalog-empty__illustration { display: grid; place-items: center; width: 4rem; height: 4rem; margin-bottom: 1rem; border-radius: 1.2rem; background: #e8f1ed; color: var(--catalog-green); font-size: 2rem; }
.maubazaar-catalog-empty h3 { margin-bottom: .55rem; font-size: 1.25rem; }
.maubazaar-catalog-empty p { max-width: 28rem; margin-bottom: 1.25rem; color: var(--catalog-muted); }
.maubazaar-catalog-empty__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem; }
.maubazaar-catalog-empty__actions .maubazaar-catalog__apply { width: auto; margin: 0; }
.maubazaar-catalog__pagination { margin-top: 2rem; }
.maubazaar-catalog__pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.maubazaar-catalog__pagination a, .maubazaar-catalog__pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 2.35rem; min-height: 2.35rem; padding: .35rem .7rem; border: 1px solid var(--catalog-line); border-radius: .55rem; background: #fff; color: var(--catalog-green); font-size: .8rem; text-decoration: none; }
.maubazaar-catalog__pagination .current { border-color: var(--catalog-green); background: var(--catalog-green); color: #fff; }
.maubazaar-catalog__pagination a:hover, .maubazaar-catalog__pagination a:focus-visible { border-color: var(--catalog-gold); background: #fff8e9; }

.maubazaar-active-filters__clear:hover, .maubazaar-active-filters__clear:focus-visible { color: var(--catalog-green-deep); text-decoration: underline; }

.category-filters-wrapper__fieldset {
  display: grid;
  gap: .35rem;
  border: 0;
  min-inline-size: 0;
  margin: 0;
  padding: 0;
}

.category-facet-panel,
[id$="-filters-wrapper"] {
  display: none !important;
  max-height: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  opacity: 1 !important;
  overflow: visible;
  transition: none !important;
}

.category-facet-panel.is-active,
[id$="-filters-wrapper"].is-active {
  display: block !important;
  margin-top: 20px !important;
  padding-top: 16px !important;
  border-top: 1px solid #e2e8f0 !important;
}

.shop-sidebar,
.catalog-filters,
.maubazaar-catalog__sidebar {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  height: auto !important;
  min-height: 0 !important;
}

.maubazaar-filter-panel {
  height: auto !important;
  min-height: 0 !important;
}

#electronics-filters-wrapper,
#home-living-filters-wrapper,
#fashion-filters-wrapper,
#garden-diy-filters-wrapper,
#health-beauty-filters-wrapper { width: 100%; }

.motors-filters-wrapper__heading,
.category-filters-wrapper__heading { display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; padding: .15rem .35rem .4rem; }
.motors-filters-wrapper__heading h3,
.category-filters-wrapper__heading h3 { margin: 0; color: var(--catalog-green-deep); font-size: .86rem; }
.motors-filters-wrapper__heading span,
.category-filters-wrapper__heading span { color: var(--catalog-muted); font-size: .68rem; }
.filter-group { border-bottom: 1px solid var(--catalog-line); }
.filter-group__toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 2.55rem; padding: .55rem .35rem; border: 0; background: transparent; color: var(--catalog-ink); font: inherit; font-size: .78rem; font-weight: 800; text-align: left; cursor: pointer; }
.filter-group__toggle:hover, .filter-group__toggle:focus-visible { color: var(--catalog-green); }
.filter-group__toggle:focus-visible { outline: 3px solid rgba(245, 170, 38, .46); outline-offset: -2px; }
.filter-group__chevron { color: var(--catalog-green); font-size: .65rem; transition: transform 180ms ease; }
.filter-group.is-open .filter-group__chevron { transform: rotate(180deg); }
.filter-group__content { padding: .1rem .35rem .7rem; }
.motor-filter-field { display: block !important; margin: .55rem 0 !important; color: var(--catalog-muted) !important; font-size: .72rem !important; }
.motor-filter-field > span { display: block; margin-bottom: .28rem; }
.motor-filter-field input, .motor-filter-field select, .filter-group__content select { width: 100%; min-height: 2.4rem; padding: .45rem .55rem; border: 1px solid #c9d8d1; border-radius: .5rem; background: #fff; color: var(--catalog-ink); font: inherit; font-size: .78rem; }
.motor-filter-field select[multiple] { min-height: 7.2rem; padding: .25rem; }
.motor-filter-field input:focus-visible, .motor-filter-field select:focus-visible, .filter-group__content select:focus-visible { outline: 3px solid rgba(245, 170, 38, .46); outline-offset: 2px; }
.filter-group__content .maubazaar-filter-list { gap: 0; }
.filter-group__content .maubazaar-filter-list label { margin: .42rem 0; font-size: .77rem; }
.filter-subheading { margin: .35rem 0 .1rem; color: var(--catalog-muted); font-size: .7rem; font-weight: 800; }
.motor-history-filter { display: flex; align-items: flex-start; gap: .5rem; margin: .75rem .35rem .3rem; color: #334e68; font-size: .76rem; line-height: 1.35; cursor: pointer; }
.motor-history-filter input { width: 1rem; height: 1rem; margin-top: .1rem; accent-color: var(--catalog-green); }
.maubazaar-active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; margin: 0 0 1rem; }
.maubazaar-active-filters__label { color: var(--catalog-muted); font-size: .76rem; font-weight: 800; }
.maubazaar-filter-pill { display: inline-flex; align-items: center; gap: .35rem; min-height: 1.9rem; padding: .25rem .6rem; border: 1px solid #b8d5c7; border-radius: 999px; background: #edf7f1; color: var(--catalog-green-deep); font-size: .74rem; font-weight: 800; text-decoration: none; }
.maubazaar-filter-pill:hover, .maubazaar-filter-pill:focus-visible { border-color: var(--catalog-green); background: #dcefe5; }
.maubazaar-filter-pill:focus-visible, .maubazaar-active-filters__clear:focus-visible { outline: 3px solid rgba(245, 170, 38, .46); outline-offset: 2px; }
.maubazaar-active-filters__clear { margin-left: auto; color: var(--catalog-green); font-size: .74rem; font-weight: 800; text-decoration: none; }

@media (max-width: 1050px) { .maubazaar-catalog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .maubazaar-catalog { padding-top: 2rem; }
  .maubazaar-catalog__header { align-items: start; flex-direction: column; gap: 1rem; }
  .maubazaar-catalog__intro { max-width: none; text-align: left; }
  .maubazaar-catalog__layout { grid-template-columns: 1fr; gap: 1.5rem; }
  .maubazaar-catalog__mobile-filter-toggle { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; width: 100%; min-height: 3rem; margin-bottom: 1rem; padding: .7rem 1rem; border: 1px solid var(--catalog-green); border-radius: .65rem; background: #fff; color: var(--catalog-green); font: 800 1rem/1.25 var(--maubazaar-form-font, "Plus Jakarta Sans", system-ui, sans-serif); cursor: pointer; }
  .maubazaar-catalog__mobile-filter-toggle span { display: inline-grid; place-items: center; min-width: 1.35rem; min-height: 1.35rem; padding: 0 .25rem; border-radius: 999px; background: var(--catalog-gold); color: var(--catalog-ink); font-size: .75rem; }
  .maubazaar-catalog__mobile-filter-toggle:focus-visible, .maubazaar-catalog__mobile-filter-close:focus-visible { outline: 3px solid rgba(245, 170, 38, .55); outline-offset: 2px; }
  .maubazaar-catalog__sidebar { display: none !important; position: fixed; z-index: 1000; inset: 0; overflow-y: auto; padding: 1rem; background: rgba(16, 42, 67, .34); }
  .maubazaar-catalog__sidebar.is-mobile-open { display: block !important; }
  .maubazaar-catalog__sidebar .maubazaar-filter-panel { max-width: 36rem; margin: 0 auto; }
  .maubazaar-catalog__mobile-filter-close { display: inline-flex; min-height: 2.5rem; align-items: center; padding: .4rem .7rem; border: 1px solid var(--catalog-line); border-radius: .5rem; background: #fff; color: var(--catalog-green); font: 800 .8rem/1 var(--maubazaar-form-font, "Plus Jakarta Sans", system-ui, sans-serif); cursor: pointer; }
  body.maubazaar-filters-open { overflow: hidden; }
  .maubazaar-filter-panel { padding: 1rem; }
  .maubazaar-catalog__toolbar { align-items: start; flex-direction: column; }
  .maubazaar-sort { width: 100%; }
  .maubazaar-sort select { flex: 1; }
}
@media (max-width: 520px) { .maubazaar-catalog__grid { grid-template-columns: 1fr; } .maubazaar-catalog h1 { font-size: 2.4rem; } }
@media (prefers-reduced-motion: reduce) { .maubazaar-catalog-card, .maubazaar-catalog-card__media img, .motors-filters-wrapper, .category-filters-wrapper, .filter-group__chevron { transition: none; } }