/* Products / catalog */

.lc-catalog-search {
  display: flex;
  gap: var(--lc-space-2);
  max-width: 40rem;
}

.lc-catalog-search .lc-input-affix { flex: 1; min-width: 0; }

.lc-catalog-tabs {
  position: sticky;
  top: var(--lc-header-h);
  z-index: 5;
  padding-block: var(--lc-space-4);
  border-bottom: 1px solid var(--lc-border);
  background: color-mix(in srgb, var(--lc-surface) 94%, transparent);
}

@supports (backdrop-filter: blur(1px)) {
  .lc-catalog-tabs {
    background: color-mix(in srgb, var(--lc-surface) 82%, transparent);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}

@media (max-width: 1023px) {
  .lc-catalog-tabs { position: static; }
}

.lc-catalog-brands {
  display: flex;
  align-items: center;
  gap: var(--lc-space-3);
  margin-top: var(--lc-space-3);
  min-width: 0;
}

.lc-catalog-brands > .lc-chip-row { flex: 1; min-width: 0; }

.lc-catalog-brands__label {
  flex: none;
  font-size: var(--lc-text-2xs);
  font-weight: var(--lc-weight-semibold);
  letter-spacing: var(--lc-tracking-caps);
  text-transform: uppercase;
  color: var(--lc-text-subtle);
}

.lc-catalog {
  display: grid;
  gap: var(--lc-space-8);
  padding-block: var(--lc-space-8) var(--lc-section-y-compact);
}

@media (min-width: 1024px) {
  .lc-catalog {
    grid-template-columns: 17rem minmax(0, 1fr);
    gap: var(--lc-space-10);
    align-items: start;
  }
}

/* Filters */
.lc-filters__toggle {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.lc-filters__toggle-count {
  font-family: var(--lc-font-mono);
  font-size: var(--lc-text-xs);
  color: var(--lc-accent-text);
}

.lc-filters__panel {
  display: grid;
  gap: var(--lc-space-6);
  margin-top: var(--lc-space-4);
  padding: var(--lc-space-5);
  border: 1px solid var(--lc-border);
  border-radius: var(--lc-radius-md);
  background: var(--lc-surface-raised);
}

.js .lc-filters__panel:not(.is-open) { display: none; }

@media (min-width: 1024px) {
  .lc-filters {
    position: sticky;
    top: calc(var(--lc-header-h) + 5.5rem);
    max-height: calc(100vh - var(--lc-header-h) - 7rem);
    overflow-y: auto;
    scrollbar-width: thin;
  }

  .lc-filters__toggle { display: none; }

  .lc-filters__panel,
  .js .lc-filters__panel:not(.is-open) {
    display: grid;
    margin-top: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }
}

.lc-filters__group {
  display: grid;
  gap: var(--lc-space-1);
  padding-bottom: var(--lc-space-5);
  border-bottom: 1px solid var(--lc-border);
}

.lc-filters__group:last-of-type { border-bottom: 0; }

.lc-filters__group legend {
  margin-bottom: var(--lc-space-2);
  font-family: var(--lc-font-mono);
  font-size: var(--lc-text-2xs);
  font-weight: var(--lc-weight-medium);
  letter-spacing: var(--lc-tracking-caps);
  text-transform: uppercase;
  color: var(--lc-text-subtle);
}

.lc-filters__note {
  margin: 0;
  font-size: var(--lc-text-xs);
  color: var(--lc-text-subtle);
  line-height: 1.5;
}

/* Results */
.lc-results__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--lc-space-3);
  margin-bottom: var(--lc-space-5);
}

.lc-results__count {
  margin: 0;
  font-size: var(--lc-text-sm);
  color: var(--lc-text-muted);
}

.lc-results__count strong { color: var(--lc-text); font-variant-numeric: tabular-nums; }

.lc-active-filters {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--lc-space-2);
  margin-bottom: var(--lc-space-5);
}

.lc-active-filters .lc-chip { min-height: 2rem; padding-inline: var(--lc-space-3); font-size: var(--lc-text-xs); color: var(--lc-text); }
.lc-active-filters .lc-chip .lc-icon { width: 0.875rem; height: 0.875rem; color: var(--lc-text-subtle); }

.lc-product-grid {
  display: grid;
  gap: var(--lc-space-5);
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 16.5rem), 1fr));
}

/* End-of-list line: tells the visitor the list is complete (no hidden rows, no paging). */
.lc-results__end {
  margin: var(--lc-space-8) 0 0;
  padding-top: var(--lc-space-5);
  border-top: 1px solid var(--lc-border);
  text-align: center;
  font-size: var(--lc-text-sm);
  color: var(--lc-text-muted);
}

/* 3D promo strip */
.lc-promo {
  display: grid;
  gap: var(--lc-space-5);
  align-items: center;
  margin-top: var(--lc-space-10);
  padding: var(--lc-space-6);
  border: 1px solid var(--lc-border);
  border-radius: var(--lc-radius-md);
  background:
    radial-gradient(70% 140% at 100% 50%, color-mix(in srgb, var(--lc-accent) 10%, transparent), transparent 65%),
    var(--lc-surface-raised);
}

@media (min-width: 768px) {
  .lc-promo { grid-template-columns: auto minmax(0, 1fr) auto; }
}

.lc-promo h2 { font-size: var(--lc-text-lg); }
.lc-promo p { margin: var(--lc-space-1) 0 0; color: var(--lc-text-muted); font-size: var(--lc-text-sm); }

/* =========================================================== STORE THEME (commerce-first UI) */
.lc-catalog-intro .lc-lead { max-width: 46rem; font-size: var(--lc-text-base); }
.lc-catalog-intro .lc-promise-strip { margin-block: var(--lc-space-1); background: var(--lc-surface); }
.lc-theme-store .lc-catalog-search { max-width: 44rem; }
.lc-theme-store .lc-catalog-search .lc-input { min-height: 3rem; }

.lc-theme-store .lc-catalog-tabs {
  padding-block: var(--lc-space-3);
  border-bottom-color: var(--lc-store-line);
  background: color-mix(in srgb, var(--lc-surface) 94%, transparent);
}

.lc-theme-store .lc-chip { border-color: var(--lc-store-line); background: var(--lc-surface); color: var(--lc-text-muted); }
.lc-theme-store .lc-chip:hover { border-color: var(--lc-text); color: var(--lc-text); }
.lc-theme-store .lc-chip__count { font-family: var(--lc-font-sans); font-variant-numeric: tabular-nums; }

.lc-theme-store .lc-catalog-tabs .lc-chip[aria-current="true"] {
  background: var(--lc-text);
  border-color: var(--lc-text);
  color: var(--lc-surface);
}

.lc-theme-store .lc-catalog-tabs .lc-chip[aria-current="true"] .lc-chip__count { color: color-mix(in srgb, var(--lc-surface) 72%, transparent); }

.lc-theme-store .lc-filters__group legend {
  font-family: var(--lc-font-sans);
  font-size: var(--lc-text-xs);
  font-weight: var(--lc-weight-semibold);
  letter-spacing: 0.06em;
  color: var(--lc-text);
}

.lc-theme-store .lc-filters__group { border-bottom-color: var(--lc-store-line); }
.lc-theme-store .lc-check__count { font-family: var(--lc-font-sans); font-variant-numeric: tabular-nums; }
.lc-theme-store .lc-filters__panel { border-color: var(--lc-store-line); }
.lc-theme-store .lc-results__count { font-size: var(--lc-text-base); }
.lc-theme-store .lc-promo { border-color: var(--lc-store-line); background: var(--lc-store-canvas); }

/* Phones: two compact cards per row, so a long list stays browsable. */
@media (max-width: 559px) {
  .lc-theme-store .lc-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lc-space-3); }
  .lc-theme-store .lc-product-grid .lc-product-card__body { gap: var(--lc-space-1); padding: var(--lc-space-3); }
  .lc-theme-store .lc-product-grid .lc-product-card__title { font-size: var(--lc-text-sm); }
  .lc-theme-store .lc-product-grid .lc-product-card__kind,
  .lc-theme-store .lc-product-grid .lc-cs-card__category { display: none; }
  .lc-theme-store .lc-product-grid .lc-product-card__specs li:nth-child(n + 2) { display: none; }
  .lc-theme-store .lc-product-grid .lc-spec-chip { font-size: 0.6875rem; padding: 0.2rem 0.4rem; white-space: normal; }
  .lc-theme-store .lc-product-grid .lc-product-card__footer { gap: var(--lc-space-2); padding-top: var(--lc-space-2); }
  .lc-theme-store .lc-product-grid .lc-price__amount--card { font-size: var(--lc-text-md); }
  .lc-theme-store .lc-product-grid .lc-product-card .lc-price__quote { font-size: var(--lc-text-xs); }
  .lc-theme-store .lc-product-grid .lc-product-card__stock { font-size: 0.6875rem; }
  .lc-theme-store .lc-product-grid .lc-add-to-cart--compact .lc-btn { min-height: 2.5rem; padding-inline: var(--lc-space-2); font-size: var(--lc-text-xs); }
  .lc-theme-store .lc-product-grid .lc-cs-ports-toggle { display: none; }
}

/* ---------- LED product comparison (card box + /urunler/karsilastir) ---------- */
.lc-product-card__compare { justify-self: start; }
.lc-led-compare .lc-cs-table__head { min-width: 11rem; }
.lc-led-compare__media {
  display: grid;
  place-items: center;
  width: 9rem;
  aspect-ratio: 4 / 3;
  border-radius: var(--lc-radius-md);
  background: var(--lc-store-media, var(--lc-surface-sunken));
  overflow: hidden;
}
.lc-led-compare__media img { width: 100%; height: 100%; object-fit: contain; padding: 0.375rem; }
.lc-led-compare__price { font-size: var(--lc-text-md); font-weight: var(--lc-weight-bold); font-variant-numeric: tabular-nums; }
.lc-led-compare__price--quote { font-size: var(--lc-text-sm); font-weight: var(--lc-weight-semibold); }
.lc-led-compare .lc-add-to-cart--compact .lc-btn { min-height: 2.25rem; }