/* MYGEAR Store UI — catalog / PLP (PR R6) */

.mg-ui-v2 .mg-store-catalog {
  display: flex;
  flex-direction: column;
  gap: var(--store-gap);
}

.mg-ui-v2 .mg-store-catalog__title {
  margin: 0;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.25;
  color: var(--store-text);
}

.mg-ui-v2 .mg-store-catalog__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--store-gap);
  align-items: start;
}

@media (min-width: 992px) {
  .mg-ui-v2 .mg-store-catalog__layout {
    grid-template-columns: 280px minmax(0, 1fr);
    gap: var(--store-gap-lg);
  }
}

.mg-ui-v2 .mg-store-catalog__sidebar {
  display: none;
}

@media (min-width: 992px) {
  .mg-ui-v2 .mg-store-catalog__sidebar {
    display: block;
    position: sticky;
    top: calc(var(--mg-sticky-header-h, 0px) + 12px);
    max-height: calc(100vh - var(--mg-sticky-header-h, 0px) - 24px);
    overflow: auto;
    scrollbar-width: thin;
  }
}

.mg-ui-v2 .mg-store-catalog__main {
  min-width: 0;
}

.mg-ui-v2 .mg-store-catalog__panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
  background: var(--store-bg);
  border: 1px solid var(--store-border);
  border-radius: var(--store-radius-md);
  box-shadow: var(--store-shadow-sm);
}

.mg-ui-v2 .mg-store-catalog__count {
  margin: 0 0 4px;
  font-size: var(--store-fs-sm);
  color: var(--store-text-muted);
}

.mg-ui-v2 .mg-store-catalog__empty {
  margin: 24px 0;
  text-align: center;
  font-size: var(--store-fs-sm);
  color: var(--store-text-muted);
}

.mg-ui-v2 .mg-store-catalog__products {
  position: relative;
}

.mg-ui-v2 .mg-store-catalog__products.is-loading {
  opacity: 0.72;
  pointer-events: none;
}

.mg-ui-v2 .mg-store-catalog__loading {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--store-fs-sm);
  color: var(--store-text-muted);
  background: rgba(255, 255, 255, 0.55);
  border-radius: var(--store-radius-sm);
}

/* Filter sidebar inside store catalog */
.mg-ui-v2 .mg-store-catalog__sidebar .fpt-filter {
  border-radius: var(--store-radius-md);
  border: 1px solid var(--store-border);
  box-shadow: var(--store-shadow-sm);
}

.mg-ui-v2 .mg-store-catalog__panel .category-sort-bar,
.mg-ui-v2 .mg-store-catalog__panel .category-mobile-filter-bar {
  margin: 0;
}