/* ═══════════════════════════════════════════════════════════════
   Product list (category / brand / search) — title, sub-category tabs,
   toolbar (filter button, sort, grid switch), chips, grid, pagination.
   Card styles: sub-components/ProductCard. Drawer: sub-components/FilterPanel.
   ═══════════════════════════════════════════════════════════════ */

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-section {
  width: 100%;
  overflow-x: clip;
  background: var(--color-bg);
  font-family: var(--font-body);
  color: var(--list-text, var(--color-text-primary));
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: var(--sec-pad-top-mobile, var(--space-md)) var(--container-pad) var(--sec-pad-bottom-mobile, var(--section-pad-mobile));
}

/* ─── Title + count ─── */

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-xs) var(--space-sm);
  margin-bottom: var(--space-md);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-title {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--sec-heading-size, var(--text-h2));
  font-weight: var(--sec-heading-weight, var(--heading-weight));
  line-height: 1.15;
  letter-spacing: var(--sec-heading-tracking, var(--tracking-tight));
  text-transform: var(--sec-heading-transform, inherit);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-count {
  font-size: var(--text-small);
  color: var(--color-text-secondary);
}

/* ─── Sub-category tabs (scroll horizontally on small screens) ─── */

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-tabs {
  display: flex;
  gap: var(--space-md);
  margin: 0 calc(var(--container-pad) * -1) var(--space-xs);
  padding: 0 var(--container-pad);
  overflow-x: auto;
  scrollbar-width: none;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-tabs::-webkit-scrollbar { display: none; }

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-tab {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  min-height: var(--tap-size);
  padding: 0;
  border: none;
  background: none;
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--color-text-secondary);
  text-decoration: none;
  cursor: pointer;
  transition: color var(--duration-fast) var(--ease);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-tab::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: var(--space-xs);
  left: 0;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform var(--duration) var(--ease);
}

/* Active tab follows the section text color (no separate accent color). */
.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-tab:hover, .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-tab.is-active { color: var(--list-text, var(--color-text-primary)); }

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-tab:hover::after, .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-tab.is-active::after { transform: scaleX(1); }

/* ─── Toolbar ─── */

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
  min-height: var(--tap-size);
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

/* Takes the remaining width so sort + grid icons always sit at the right edge. */
.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-toolbar-end {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-sm);
  min-width: 0;
  margin-left: auto;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-filter-btn {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: var(--space-xs);
  height: var(--tap-size);
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  letter-spacing: var(--button-tracking);
  text-transform: var(--button-transform);
  cursor: pointer;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-filter-knob { fill: var(--color-bg); }

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-filter-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--icon-size-sm);
  height: var(--icon-size-sm);
  padding: 0 var(--space-2xs);
  border-radius: var(--radius-round);
  background: var(--color-text-primary);
  color: var(--color-white);
  font-size: var(--text-2xs);
  letter-spacing: 0;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-sort {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--tap-size);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-sort-select {
  display: block;
  max-width: 40vw;
  height: var(--tap-size);
  margin: 0;
  padding: 0 var(--space-md) 0 0;
  line-height: var(--tap-size);
  vertical-align: middle;
  /* The box is as wide as its longest option; keep the visible label against the arrow. */
  text-align: right;
  text-align-last: right;
  border: none;
  border-radius: var(--radius);
  background: transparent;
  color: inherit;
  font-family: var(--font-body);
  font-size: var(--text-small);
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-sort-icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  pointer-events: none;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-grid-switch {
  display: inline-flex;
  padding-left: var(--space-sm);
  border-left: 1px solid var(--color-border);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-grid-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--card-action-size);
  height: var(--tap-size);
  padding: 0;
  border: none;
  background: none;
  color: var(--color-text-muted);
  cursor: pointer;
  transition: color var(--duration-fast) var(--ease);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-grid-btn:hover, .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-grid-btn.is-active { color: var(--color-text-primary); }

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-grid-icon {
  display: grid;
  gap: 2px;
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}

/* Mobile: 1 vs 2 columns; desktop: 2 vs 4 columns */
.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-grid-icon--sparse { grid-template-columns: 1fr; }
.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-grid-icon--sparse i:nth-child(2) { display: none; }
.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-grid-icon--dense { grid-template-columns: repeat(2, 1fr); }
.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-grid-icon--dense i:nth-child(n + 3) { display: none; }

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-grid-icon i {
  display: block;
  border: 1px solid currentColor;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-filter-btn:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-sort-select:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-grid-btn:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-tab:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-chip:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-page:focus-visible {
  outline: 1px solid var(--color-text-primary);
  outline-offset: 2px;
}

/* ─── Active filter chips ─── */

/* One row under the toolbar that scrolls sideways instead of wrapping */
.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-chips {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  margin: 0 calc(var(--container-pad) * -1);
  padding: var(--space-sm) var(--container-pad) 0;
  overflow-x: auto;
  scrollbar-width: none;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-chips::-webkit-scrollbar { display: none; }

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-chip, .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-chip-clear {
  flex-shrink: 0;
  white-space: nowrap;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  min-height: var(--space-lg);
  padding: 0 var(--space-xs) 0 var(--space-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface);
  color: var(--color-text-primary);
  font-family: var(--font-body);
  font-size: var(--text-label);
  cursor: pointer;
  transition: border-color var(--duration-fast) var(--ease);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-chip:hover { border-color: var(--color-text-primary); }

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-chip-clear {
  margin-left: var(--space-xs);
  border: none;
  background: none;
  cursor: pointer;
}

/* ─── Grid ─── */

.cc_JsHSjQyQmG_ZklZT4T7lv .product-grid {
  display: grid;
  grid-template-columns: repeat(var(--list-columns), minmax(0, 1fr));
  gap: var(--space-lg) var(--grid-gap);
  padding-top: var(--space-md);
  transition: opacity var(--duration-fast) var(--ease);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-section.is-dense { --list-columns: var(--list-columns-mobile, 2); }
.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-section.is-sparse { --list-columns: 1; }

.cc_JsHSjQyQmG_ZklZT4T7lv .product-grid[aria-busy="true"] { opacity: 0.5; }

/* ─── Skeleton (first load) ─── */

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-skeleton {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-skeleton-media, .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-skeleton-line {
  background: var(--color-surface-alt);
  animation: cc_JsHSjQyQmG_ZklZT4T7lv_product-list-pulse 1400ms ease-in-out infinite;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-skeleton-line {
  width: 80%;
  height: var(--space-sm);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-skeleton-line--short { width: 40%; }

@keyframes cc_JsHSjQyQmG_ZklZT4T7lv_product-list-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

/* ─── Empty state ─── */

/* Tur 96: the search page opened without a keyword — a search box instead of "no results" */
.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-search-idle {
  display: flex;
  gap: var(--space-xs);
  width: 100%;
  max-width: 560px;
  margin: 0 0 var(--space-2xl);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-search-idle-input {
  flex: 1;
  width: 0;
  min-width: 0;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-search-idle-button {
  flex: none;
}

/* Tur 98: nothing comes under the box in this section, so it adds no space of its own below it;
   the gap to what follows is that section's own top space (editor setting). */
.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-section.is-search-idle .product-list-container { padding-bottom: 0; }
.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-section.is-search-idle .product-list-search-idle { margin-bottom: 0; }

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-2xl) 0;
  text-align: center;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-empty-title {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-h3);
  font-weight: var(--heading-weight);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-empty-description {
  max-width: var(--content-narrow);
  margin: 0 0 var(--space-xs);
  font-size: var(--text-body);
  color: var(--color-text-secondary);
}

/* ─── Pagination ─── */

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-pagination {
  display: flex;
  justify-content: center;
  padding-top: var(--space-xl);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-end {
  font-size: var(--text-small);
  color: var(--color-text-secondary);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-loading {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  font-size: var(--text-small);
  color: var(--color-text-secondary);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-spinner {
  width: var(--space-sm);
  height: var(--space-sm);
  border: 1px solid var(--color-border);
  border-top-color: var(--color-text-primary);
  border-radius: var(--radius-round);
  animation: cc_JsHSjQyQmG_ZklZT4T7lv_product-list-spin 800ms linear infinite;
}

@keyframes cc_JsHSjQyQmG_ZklZT4T7lv_product-list-spin {
  to { transform: rotate(360deg); }
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-pages {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-2xs);
  margin: 0;
  padding: 0;
  list-style: none;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--button-height-sm);
  height: var(--button-height-sm);
  padding: 0 var(--space-xs);
  border: 1px solid transparent;
  border-radius: var(--radius);
  background: none;
  color: var(--color-text-primary);
  font-family: var(--font-body);
  font-size: var(--text-small);
  cursor: pointer;
  transition: border-color var(--duration-fast) var(--ease);
}

.cc_JsHSjQyQmG_ZklZT4T7lv button.product-list-page:hover:not(:disabled) { border-color: var(--color-border); }

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-page.is-current { border-color: var(--color-text-primary); }

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-page:disabled {
  color: var(--color-text-muted);
  opacity: 0.5;
  cursor: not-allowed;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-page--ellipsis { cursor: default; }

@media (min-width: 1024px) {
  .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-container { padding: var(--sec-pad-top-desktop, var(--space-lg)) var(--container-pad) var(--sec-pad-bottom-desktop, var(--section-pad)); }

  .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-tabs { flex-wrap: wrap; }

  .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-sort-select { max-width: none; }

  .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-section.is-dense { --list-columns: var(--list-columns-desktop, 4); }
  .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-section.is-sparse { --list-columns: 2; }

  .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-grid-icon--sparse { grid-template-columns: repeat(2, 1fr); }
  .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-grid-icon--sparse i:nth-child(2) { display: block; }
  .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-grid-icon--dense { grid-template-columns: repeat(4, 1fr); }
  .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-grid-icon--dense i:nth-child(n + 3) { display: block; }

  .cc_JsHSjQyQmG_ZklZT4T7lv .product-grid { row-gap: var(--space-xl); }
}

@media (prefers-reduced-motion: reduce) {
  .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-tab, .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-tab::after, .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-grid-btn, .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-chip, .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-page, .cc_JsHSjQyQmG_ZklZT4T7lv .product-grid {
    transition: none;
  }

  .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-skeleton-media, .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-skeleton-line, .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-spinner {
    animation: none;
  }
}

/* ─── "Vitrin" view: one row per product (see ProductShowcaseGrid) ─── */

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-showcase { margin-top: var(--space-md); }

.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-showcase-pattern { display: none; }

/* Search page: the buttons under "no results" */
.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-empty-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-xs);
  margin: var(--space-sm) 0;
}

/* Touch target: the view buttons are 36px wide; the invisible extension brings them to 44px */
.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-grid-btn { position: relative; }
.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-grid-btn::before {
  content: "";
  position: absolute;
  inset: 0 -4px;
}

/* ═══════════════════════════════════════════════════════════════
   Filter panel — side drawer with accordion filter groups
   ═══════════════════════════════════════════════════════════════ */

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-panel-overlay {
  position: fixed;
  inset: 0;
  z-index: var(--z-overlay);
  display: flex;
  background: var(--overlay-bg);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition:
    opacity var(--duration) var(--ease),
    visibility 0s linear var(--duration);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-panel-overlay--right { justify-content: flex-end; }

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-panel-overlay.is-open {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-panel {
  display: flex;
  flex-direction: column;
  width: min(var(--drawer-width), 90%);
  height: 100%;
  max-height: 100dvh;
  background: var(--color-surface);
  color: var(--color-text-primary);
  font-family: var(--font-body);
  transform: translateX(-100%);
  transition: transform var(--duration-slow) var(--ease);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-panel-overlay--right .filter-panel { transform: translateX(100%); }
.cc_JsHSjQyQmG_ZklZT4T7lv .filter-panel-overlay.is-open .filter-panel { transform: translateX(0); }

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-panel-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md);
  border-bottom: 1px solid var(--color-border);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-panel-title {
  font-family: var(--font-display);
  font-size: var(--text-body-lg);
  font-weight: var(--heading-weight);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-panel-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--tap-size);
  height: var(--tap-size);
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  cursor: pointer;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-panel-scroll {
  flex: 1;
  min-height: 0;
  padding: 0 var(--space-md);
  overflow-y: auto;
  overscroll-behavior: contain;
}

/* Pinned to the bottom of the drawer; buttons share the full width. */
.cc_JsHSjQyQmG_ZklZT4T7lv .filter-panel-footer {
  position: sticky;
  bottom: 0;
  display: flex;
  flex-shrink: 0;
  gap: var(--space-xs);
  padding: var(--space-sm) var(--space-md) calc(var(--space-sm) + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--color-border);
  background: var(--color-surface);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-panel-footer .btn {
  flex: 1 1 0;
  min-width: 0;
  min-height: var(--button-height);
  padding: var(--space-2xs) var(--space-xs);
  line-height: 1.2;
  letter-spacing: 0;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-panel-empty {
  margin: 0;
  padding: var(--space-lg) 0;
  font-size: var(--text-body);
  color: var(--color-text-secondary);
}

/* ─── Accordion groups ─── */

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-accordion { border-bottom: 1px solid var(--color-border); }

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-accordion-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: calc(var(--tap-size) + var(--space-xs));
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wide);
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-accordion-icon {
  font-size: var(--text-body-lg);
  font-weight: var(--weight-regular);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-accordion-content {
  display: none;
  padding-bottom: var(--space-sm);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-accordion.is-open .filter-accordion-content {
  display: block;
  animation: cc_JsHSjQyQmG_ZklZT4T7lv_filter-accordion-in var(--duration) var(--ease);
}

@keyframes cc_JsHSjQyQmG_ZklZT4T7lv_filter-accordion-in {
  from {
    opacity: 0;
    transform: translateY(calc(var(--space-xs) * -1));
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-option-list, .cc_JsHSjQyQmG_ZklZT4T7lv .filter-category-list {
  display: flex;
  flex-direction: column;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-category-link {
  min-height: var(--card-action-size);
  padding: 0;
  border: none;
  background: none;
  color: var(--color-text-secondary);
  font-family: var(--font-body);
  font-size: var(--text-body);
  text-align: left;
  cursor: pointer;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-category-link:hover, .cc_JsHSjQyQmG_ZklZT4T7lv .filter-category-link.is-selected { color: var(--color-text-primary); }

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-category-link.is-selected { font-weight: var(--weight-medium); }

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-option {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  min-height: var(--card-action-size);
  font-size: var(--text-body);
  cursor: pointer;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-option-checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-option-mark {
  position: relative;
  flex-shrink: 0;
  width: var(--space-sm);
  height: var(--space-sm);
  border: 1px solid var(--color-text-muted);
  border-radius: var(--radius);
  transition:
    background-color var(--duration-fast) var(--ease),
    border-color var(--duration-fast) var(--ease);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-option:hover .filter-option-mark { border-color: var(--color-text-primary); }

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-option.is-selected .filter-option-mark {
  border-color: var(--color-text-primary);
  background: var(--color-text-primary);
  box-shadow: inset 0 0 0 2px var(--color-surface);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-option-checkbox:focus-visible + .filter-option-mark, .cc_JsHSjQyQmG_ZklZT4T7lv .filter-panel-close:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .filter-accordion-trigger:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .filter-category-link:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .filter-show-all:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .filter-range-input:focus-visible {
  outline: 1px solid var(--color-text-primary);
  outline-offset: 2px;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-option-label { flex: 1; }

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-option-count {
  font-size: var(--text-label);
  color: var(--color-text-muted);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-show-all {
  margin-top: var(--space-xs);
  padding: var(--space-2xs) 0;
  border: none;
  border-bottom: 1px solid currentColor;
  background: none;
  color: inherit;
  font-family: var(--font-body);
  font-size: var(--text-label);
  cursor: pointer;
}

/* ─── Price range ─── */

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-range-inputs {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-range-field {
  flex: 1;
  min-width: 0;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-range-label {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  padding: 0 var(--space-xs);
  border: 1px solid var(--color-border);
  font-size: var(--text-small);
  color: var(--color-text-secondary);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-range-input {
  width: 100%;
  min-width: 0;
  height: var(--button-height-sm);
  padding: 0;
  border: none;
  border-radius: var(--radius);
  background: transparent;
  color: var(--color-text-primary);
  font-family: var(--font-body);
  font-size: var(--text-body);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .filter-range-bounds {
  display: flex;
  justify-content: space-between;
  margin-top: var(--space-xs);
  font-size: var(--text-label);
  color: var(--color-text-muted);
}

@media (prefers-reduced-motion: reduce) {
  .cc_JsHSjQyQmG_ZklZT4T7lv .filter-panel-overlay, .cc_JsHSjQyQmG_ZklZT4T7lv .filter-panel, .cc_JsHSjQyQmG_ZklZT4T7lv .filter-option-mark {
    transition: none;
  }

  .cc_JsHSjQyQmG_ZklZT4T7lv .filter-accordion.is-open .filter-accordion-content { animation: none; }
}

/* ═══════════════════════════════════════════════════════════════
   "Panel" filter style: the toolbar pieces and the sheet itself.
   Width and colors come from --fs-* custom properties set by the
   ProductListSection ("Filtre Paneli" settings).
   ═══════════════════════════════════════════════════════════════ */

/* ── Toolbar (Panel style) ── */
.cc_JsHSjQyQmG_ZklZT4T7lv .fl-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
  padding: var(--space-xs) 0;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fl-toolbar-end {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  margin-left: auto;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fl-trigger {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  min-height: var(--tap-size);
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  cursor: pointer;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fl-trigger:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .fl-view-btn:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fl-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--color-text-primary);
  color: var(--color-bg);
  font-size: 11px;
  line-height: 1;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fl-view {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  font-size: var(--text-small);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fl-view-group { display: inline-flex; align-items: center; }
.cc_JsHSjQyQmG_ZklZT4T7lv .fl-view-group--desktop { display: none; }

.cc_JsHSjQyQmG_ZklZT4T7lv .fl-view-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--tap-size);
  min-height: var(--tap-size);
  padding: 0;
  border: none;
  background: none;
  color: var(--color-text-secondary);
  font-family: var(--font-body);
  font-size: var(--text-small);
  cursor: pointer;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fl-view-btn.is-active {
  color: var(--color-text-primary);
  font-weight: var(--weight-semibold);
  text-decoration: underline;
  text-underline-offset: 0.35em;
}

@media (min-width: 1024px) {
  .cc_JsHSjQyQmG_ZklZT4T7lv .fl-view-group--mobile { display: none; }
  .cc_JsHSjQyQmG_ZklZT4T7lv .fl-view-group--desktop { display: inline-flex; }
}

/* The list's own column count, when the visitor picked one */
.cc_JsHSjQyQmG_ZklZT4T7lv .product-list-section.is-picked { --list-columns: var(--pick-m, 2); }

@media (min-width: 1024px) {
  .cc_JsHSjQyQmG_ZklZT4T7lv .product-list-section.is-picked { --list-columns: var(--pick-d, 4); }
}

/* ── The sheet ── */
.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-overlay {
  position: fixed;
  inset: 0;
  z-index: var(--z-overlay);
  display: flex;
  justify-content: flex-end;
  background: var(--overlay-bg);
  opacity: 0;
  visibility: hidden;
  transition:
    opacity var(--duration) var(--ease),
    visibility 0s linear var(--duration);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-overlay.is-open {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: min(var(--fs-width, 440px), 100%);
  height: 100%;
  background: var(--fs-bg, var(--color-surface));
  color: var(--fs-text, var(--color-text-primary));
  font-family: var(--font-body);
  transform: translateX(100%);
  transition: transform var(--duration-slow) var(--ease);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-overlay.is-open .fsheet { transform: translateX(0); }
.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet:focus { outline: none; }

/* Phones: a full-width page that starts where the header ends (like the menu) */
@media not all and (min-width: 1024px) {
  .cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-overlay {
    top: var(--header-visible-height, var(--header-height, 0px));
    background: transparent;
  }

  .cc_JsHSjQyQmG_ZklZT4T7lv .fsheet {
    width: 100%;
    transform: translateY(var(--space-sm));
    transition: transform var(--duration) var(--ease);
  }

  .cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-overlay.is-open .fsheet { transform: translateY(0); }

  /* Tur 97: as tall as the part of the screen that is really visible (phone browser bars change it),
     so the buttons at the bottom are always on screen and the list above them scrolls. */
  @supports (height: 100dvh) {
    .cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-overlay {
      bottom: auto;
      height: calc(100dvh - var(--header-visible-height, var(--header-height, 0px)));
    }
  }
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-head {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-xs) var(--space-md) var(--space-xs) var(--space-md);
  border-bottom: 1px solid var(--color-border);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-title {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--tap-size);
  height: var(--tap-size);
  margin-right: calc(var(--space-xs) * -1);
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  cursor: pointer;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-scroll {
  flex: 1 1 auto;
  min-height: 0;
  padding: var(--space-xs) var(--space-md) var(--space-md);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

/* ── Numbered sections: the title on the left, the options on the right ── */
.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-sec {
  display: grid;
  grid-template-columns: minmax(96px, 32%) minmax(0, 1fr);
  column-gap: var(--space-sm);
  padding: var(--space-xs) 0;
  border-bottom: 1px solid var(--color-border);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-sec-head { margin: 0; font: inherit; }

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-sec-toggle {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 var(--space-xs);
  box-sizing: border-box;
  width: 100%;
  min-height: var(--tap-size);
  padding: var(--space-xs) 0;
  border: none;
  background: none;
  color: inherit;
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  line-height: 1.3;
  letter-spacing: var(--tracking-wide);
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-num {
  color: var(--color-text-secondary);
  font-weight: var(--weight-light);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-sign {
  margin-left: auto;
  font-weight: var(--weight-light);
}

/* Phone: the closed sort list shows its choice next to its title (Tur 97) */
.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-sec-value {
  color: var(--color-text-secondary);
  font-weight: var(--weight-light);
  letter-spacing: normal;
  text-transform: none;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-sec-toggle:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-row:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-more:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-close:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-sec-body { grid-column: 2; grid-row: 1; padding: 0 0 var(--space-xs); }
.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-sec-body[hidden] { display: none; }

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-options { display: flex; flex-direction: column; }

/* the keyboard still reaches the real inputs; they are only out of sight */
.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-row {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  box-sizing: border-box;
  width: 100%;
  min-height: var(--tap-size);
  padding: 0;
  border: none;
  background: none;
  color: var(--color-text-secondary);
  font-family: var(--font-body);
  font-size: var(--text-small);
  letter-spacing: var(--tracking-wide);
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-row.is-on { color: var(--fs-text, var(--color-text-primary)); font-weight: var(--weight-medium); }

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-check:focus-within .fsheet-box, .cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-color:focus-within .fsheet-swatch, .cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-size:focus-within, .cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-discount:focus-within .fsheet-switch {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border: 1px solid currentColor;
}

/* ── Color rows ── */
.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-color {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  min-height: var(--tap-size);
  color: var(--color-text-secondary);
  font-size: var(--text-small);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  cursor: pointer;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-color.is-on { color: var(--fs-text, var(--color-text-primary)); font-weight: var(--weight-medium); }

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-swatch {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid var(--color-border);
  background: var(--color-surface-alt);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-swatch--round { border-radius: 50%; }

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-swatch img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* the chosen color: a check mark in a small white badge, whatever the color is */
.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-color.is-on .fsheet-swatch { outline: 1px solid currentColor; outline-offset: 2px; }

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-swatch .fsheet-check {
  position: relative;
  box-sizing: content-box;
  padding: 1px;
  border-radius: 50%;
  background: var(--color-white);
  color: var(--color-black);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-more {
  align-self: flex-start;
  min-height: var(--tap-size);
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font-family: var(--font-body);
  font-size: var(--text-small);
  cursor: pointer;
}

/* ── Sizes ── */
.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-sizes {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(56px, 1fr));
  gap: var(--space-xs);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-size {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: var(--tap-size);
  padding: 0 var(--space-xs);
  border: 1px solid var(--color-border);
  font-size: var(--text-small);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-size.is-on {
  border-color: var(--fs-text, var(--color-text-primary));
  background: var(--fs-text, var(--color-text-primary));
  color: var(--fs-bg, var(--color-surface));
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-size.is-off { opacity: 0.35; cursor: not-allowed; }

/* ── Price range ── */
.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-range { display: flex; flex-direction: column; gap: var(--space-xs); }

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-slider {
  position: relative;
  height: var(--tap-size);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-track {
  position: absolute;
  top: 50%;
  right: 12px;
  left: 12px;
  height: 2px;
  transform: translateY(-50%);
  background: var(--color-border);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-track::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--lo, 0%);
  right: calc(100% - var(--hi, 100%));
  background: var(--fs-text, var(--color-text-primary));
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  appearance: none;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-thumb::-webkit-slider-runnable-track { background: transparent; }
.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-thumb::-moz-range-track { background: transparent; }

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-thumb::-webkit-slider-thumb {
  width: 24px;
  height: 24px;
  border: 2px solid var(--fs-text, var(--color-text-primary));
  border-radius: 50%;
  background: var(--fs-bg, var(--color-surface));
  pointer-events: auto;
  cursor: grab;
  -webkit-appearance: none;
  appearance: none;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-thumb::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 2px solid var(--fs-text, var(--color-text-primary));
  border-radius: 50%;
  background: var(--fs-bg, var(--color-surface));
  pointer-events: auto;
  cursor: grab;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-thumb:focus-visible { outline: none; }
.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-thumb:focus-visible::-webkit-slider-thumb { outline: 2px solid currentColor; outline-offset: 2px; }
.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-thumb:focus-visible::-moz-range-thumb { outline: 2px solid currentColor; outline-offset: 2px; }

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-range-fields { display: flex; align-items: center; gap: var(--space-xs); }

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-field {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: 4px;
  box-sizing: border-box;
  min-width: 0;
  min-height: var(--tap-size);
  padding: 0 var(--space-xs);
  border: 1px solid var(--color-border);
  font-size: var(--text-small);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-field input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  border: none;
  background: none;
  color: inherit;
  font-family: var(--font-body);
  /* 16px keeps phones from zooming in on a field */
  font-size: 16px;
  -moz-appearance: textfield;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-field input:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-field input::-webkit-outer-spin-button, .cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-field input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-range-bounds {
  display: flex;
  justify-content: space-between;
  color: var(--color-text-secondary);
  font-size: var(--text-label);
}

/* ── Discount switch ── */
.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-discount {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  min-height: var(--tap-size);
  margin-top: var(--space-xs);
  font-size: var(--text-small);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  cursor: pointer;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-switch {
  position: relative;
  flex: 0 0 auto;
  width: 36px;
  height: 20px;
  box-sizing: border-box;
  border: 1px solid currentColor;
  border-radius: 10px;
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-switch i {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: currentColor;
  transition: transform var(--duration-fast) var(--ease);
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-discount.is-on .fsheet-switch i { transform: translateX(16px); }

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-empty {
  margin: var(--space-md) 0;
  color: var(--color-text-secondary);
  font-size: var(--text-small);
}

/* ── Bottom bar: clear and show ── */
.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-foot {
  flex: 0 0 auto;
  display: flex;
  gap: var(--space-xs);
  padding: var(--space-sm) var(--space-md) calc(var(--space-sm) + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--color-border);
  background: var(--fs-bg, var(--color-surface));
}

.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-clear { flex: 0 0 auto; min-height: max(var(--button-height), var(--tap-size)); }
.cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-apply { flex: 1 1 auto; min-height: max(var(--button-height), var(--tap-size)); text-transform: uppercase; }

@media (prefers-reduced-motion: reduce) {
  .cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-overlay, .cc_JsHSjQyQmG_ZklZT4T7lv .fsheet, .cc_JsHSjQyQmG_ZklZT4T7lv .fsheet-switch i {
    transition: none;
  }
}