/*
 * Ortak liste araclarinin CSS'i: arac cubugu (filtre butonu + siralama secici + liste ici arama),
 * filtre cekmecesi ve yukleniyor iskeleti.
 *
 * Kurallar StoneCategoryPage/styles.css'ten AYNEN tasindi (metin degistirilmedi, yalnizca dosyasi
 * degisti): alt bilesenin CSS'i kendi klasorunde durur, yoksa Arama ve Marka sayfalarinda hicbir
 * kural uygulanmaz (mcp-docs framework/component-structure.md; gotchas "Paylasilan alt bilesenin
 * CSS'i, onu KULLANAN bolumun dosyasinda duramaz").
 *
 * Sinif adlari `stone-cat-*` olarak korundu: kategori sayfasinin derlenmis CSS'i ve markup'i
 * degismesin diye. Uc sayfa da ayni siniflari basiyor.
 */

.cc_NpWopmv8tT_44g8236yGw .stone-cat-page-bar-actions, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-page-bar-actions, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-page-bar-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  position: fixed;
  left: 50%;
  bottom: calc(32px + var(--stone-wa-bar-space, 0px));
  transform: translateX(-50%);
  z-index: 65;
  transition: bottom 220ms var(--stone-ease-out);
  justify-content: center;
  max-width: calc(100vw - 32px);
}

@media (max-width: 749px) {
  /* Dokunma hedefi: masaustundeki 6px dikey dolgu mobilde ~30px'lik bir buton birakiyordu. */
  .cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-filter-btn, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-filter-btn, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-filter-btn, .cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-sort-select, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-sort-select, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-sort-select {
    min-height: 40px;
  }
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-filter-btn, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-filter-btn, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 24px;
  background: var(--stone-c-foreground, #19110b);
  color: var(--stone-c-background, #fff);
  border: 1px solid var(--stone-c-foreground, #19110b);
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.2s ease;
  min-height: 48px;
  box-shadow: 0 4px 20px rgb(0 0 0 / 8%);
}

@media (hover: hover) {
  .cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-filter-btn:hover, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-filter-btn:hover, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-filter-btn:hover {
    background: var(--stone-c-foreground, #19110b);
    opacity: .9;
  }
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-filter-btn:focus-visible, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-filter-btn:focus-visible, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-filter-btn:focus-visible, .cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-sort-select:focus-visible, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-sort-select:focus-visible, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-sort-select:focus-visible {
  outline: 2px solid var(--stone-c-foreground, #1c1917);
  outline-offset: 2px;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-filter-count, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-filter-count, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-filter-count {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: inherit;
  border: 1px solid currentColor;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-sort, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-sort, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-sort {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-sort-label, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-sort-label, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-sort-label {
  opacity: 0.7;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-sort-select, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-sort-select, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-sort-select {
  padding: 6px 26px 6px 10px;
  border: 1px solid rgb(var(--stone-color-border, 231, 229, 228));
  border-radius: 6px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23000' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-drawer-layer, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-drawer-layer, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-drawer-layer {
  position: fixed;
  inset: 0;
  z-index: 9999;
  isolation: isolate;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-backdrop, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-backdrop, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-backdrop {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.32);
  cursor: pointer;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-drawer, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-drawer, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-drawer {
  position: fixed;
  top: 0;
  left: auto;
  z-index: 10000;
  width: min(960px, 50vw);
  height: 100vh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  background-color: var(--stone-c-background, #ffffff);
  color: var(--stone-c-foreground, #1c1917);
  border-right: 0;
  box-shadow: none;
  animation: stone-filter-enter-right 0.24s ease-out;
  right: 0;
  border-left: 1px solid var(--stone-c-border, #e7e5e4);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-header, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-header, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 48px max(48px, calc((100% - 640px) / 2)) 32px;
  background-color: var(--stone-c-background, #ffffff);
  border-bottom: 0;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-kicker, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-kicker, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-kicker {
  margin: 0 0 4px;
  opacity: 0.58;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-header h2, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-header h2, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-header h2 {
  margin: 0;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-close, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-close, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-close {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--stone-c-background, #ffffff);
  color: var(--stone-c-foreground, #1c1917);
  cursor: pointer;
  flex: 0 0 auto;
  transition: background 0.2s ease;
  background: transparent;
}

@media (hover: hover) {
  .cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-close:hover, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-close:hover, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-close:hover {
    background-color: var(--stone-c-surface-2, #f5f5f4);
  }
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-body, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-body, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 0 max(48px, calc((100% - 640px) / 2)) 32px;
  background-color: var(--stone-c-background, #ffffff);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-section, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-section, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-section {
  padding: 0;
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--stone-c-border, #e7e5e4);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-section:last-child, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-section:last-child, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-section:last-child {
  border-bottom: 0;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-section-title, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-section-title, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-section-title {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 69px;
  padding: 20px 0;
  background: transparent;
  color: inherit;
  border: 0;
  text-align: left;
  cursor: pointer;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-options, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-options, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-options {
  display: grid;
  gap: 8px;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-options--swatch, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-options--swatch, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-options--swatch {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* "Kutu" gorunumu (magazacinin filtre ayarindaki displayType BOX): degerler alt alta liste
   yerine yan yana secilebilir kutucuk. Onay kutusu alani gizlenir, genislik icerige gore. */
.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-options--box, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-options--box, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-options--box {
  display: flex;
  flex-wrap: wrap;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-options--box .stone-cat-filter-option, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-options--box .stone-cat-filter-option, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-options--box .stone-cat-filter-option {
  width: auto;
  min-height: 36px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 7px 12px;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-options--box .stone-cat-filter-check, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-options--box .stone-cat-filter-check, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-options--box .stone-cat-filter-check {
  display: none;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-option, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-option, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-option {
  width: 100%;
  min-height: 42px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  border: 1px solid var(--stone-c-border, #e7e5e4);
  border-radius: 6px;
  background-color: var(--stone-c-background, #ffffff);
  color: var(--stone-c-foreground, #1c1917);
  text-align: left;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}

@media (hover: hover) {
  .cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-option:hover:not(:disabled), .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-option:hover:not(:disabled), .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-option:hover:not(:disabled) {
    border-color: rgba(28, 25, 23, 0.45);
    background-color: var(--stone-c-surface-2, #f5f5f4);
  }
}

/* Klavye odagi global.css'te tanimli degil; cekmecedeki her kontrol icin gorunur halka. */
.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-option:focus-visible, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-option:focus-visible, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-option:focus-visible, .cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-close:focus-visible, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-close:focus-visible, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-close:focus-visible, .cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-clear:focus-visible, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-clear:focus-visible, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-clear:focus-visible, .cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-apply:focus-visible, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-apply:focus-visible, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-apply:focus-visible, .cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-range input:focus-visible, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-range input:focus-visible, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-range input:focus-visible, .cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-range-actions button:focus-visible, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-range-actions button:focus-visible, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-range-actions button:focus-visible {
  outline: 2px solid var(--stone-c-foreground, #1c1917);
  outline-offset: 2px;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-option.is-selected, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-option.is-selected, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-option.is-selected {
  border-color: var(--stone-c-foreground, #1c1917);
  background: rgba(28, 25, 23, 0.04);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-option.is-disabled, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-option.is-disabled, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-option.is-disabled {
  opacity: 0.42;
  cursor: not-allowed;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-check, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-check, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-check {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid var(--stone-c-border-strong, #d6d3d1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-option.is-selected .stone-cat-filter-check, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-option.is-selected .stone-cat-filter-check, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-option.is-selected .stone-cat-filter-check {
  background-color: var(--stone-c-foreground, #1c1917);
  border-color: var(--stone-c-foreground, #1c1917);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-option.is-selected .stone-cat-filter-check::after, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-option.is-selected .stone-cat-filter-check::after, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-option.is-selected .stone-cat-filter-check::after {
  content: "";
  width: 8px;
  height: 5px;
  border-left: 1.5px solid var(--stone-c-on-dark, #ffffff);
  border-bottom: 1.5px solid var(--stone-c-on-dark, #ffffff);
  transform: rotate(-45deg) translate(1px, -1px);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-swatch, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-swatch, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-swatch {
  width: 100%;
  height: 100%;
  display: block;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-option.is-selected .stone-cat-filter-swatch, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-option.is-selected .stone-cat-filter-swatch, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-option.is-selected .stone-cat-filter-swatch {
  outline: 2px solid var(--stone-c-on-dark, #ffffff);
  outline-offset: -3px;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-label, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-label, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-label {
  min-width: 0;
  overflow-wrap: anywhere;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-count, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-count, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-count {
  opacity: 0.55;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-empty, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-empty, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-empty {
  margin: 18px 0;
  opacity: 0.66;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-footer, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-footer, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 280px);
  gap: 16px;
  padding: 24px max(48px, calc((100% - 640px) / 2)) 32px;
  border-top: 1px solid var(--stone-c-border, #e7e5e4);
  background-color: var(--stone-c-background, #ffffff);
  align-items: center;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-clear, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-clear, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-clear, .cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-apply, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-apply, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-apply {
  min-height: 44px;
  border-radius: 6px;
  cursor: pointer;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-clear, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-clear, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-clear {
  border: 0;
  background-color: var(--stone-c-background, #ffffff);
  color: var(--stone-c-foreground, #1c1917);
  border-radius: 0;
  padding: 12px 0;
  text-decoration: underline;
  text-underline-offset: 4px;
  background: transparent;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-clear:disabled, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-clear:disabled, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-clear:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-apply, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-apply, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-apply {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  padding: 12px 20px;
  white-space: normal;
  overflow-wrap: anywhere;
  border: 1px solid var(--stone-c-foreground, #1c1917);
  background-color: var(--stone-c-foreground, #1c1917);
  color: var(--stone-c-on-dark, #ffffff);
  min-height: 48px;
  border-radius: 999px;
}

@media (max-width: 520px) {
  .cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-footer, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-footer, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-footer {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  }

  .cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-header, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-header, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-header, .cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-body, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-body, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-body, .cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-footer, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-footer, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-footer {
    padding-left: 18px;
    padding-right: 18px;
  }
}

@media (max-width: 520px) {

  .cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-options--swatch, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-options--swatch, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-options--swatch {
    grid-template-columns: 1fr;
  }
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-skeleton-card, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-skeleton-card, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-skeleton-card {
  min-width: 0;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-skeleton-media, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-skeleton-media, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-skeleton-media {
  width: 100%;
  border-radius: 2px;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-skeleton-info, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-skeleton-info, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-skeleton-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 12px;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-skeleton-brand, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-skeleton-brand, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-skeleton-brand {
  width: 34%;
  height: var(--stone-type-card-meta);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-skeleton-title, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-skeleton-title, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-skeleton-title {
  width: 84%;
  height: calc(var(--stone-type-card-title) * 1.25);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-skeleton-price, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-skeleton-price, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-skeleton-price {
  width: 42%;
  height: calc(var(--stone-type-price) * 1.25);
  margin-top: 2px;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-range, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-range, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-range {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-range label, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-range label, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-range label {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.35rem;
  color: var(--stone-c-muted, #78716c);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-range input, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-range input, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-range input {
  width: 100%;
  min-height: 40px;
  border: 1px solid rgba(28,25,23,0.14);
  border-radius: 4px;
  padding: 0 0.75rem;
  background: var(--stone-c-background, #fff);
  color: var(--stone-c-foreground, #1c1917);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-range-actions, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-range-actions, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-range-actions {
  grid-column: 1 / -1;
  display: flex;
  gap: 0.5rem;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-range-actions button, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-range-actions button, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-range-actions button {
  flex: 1;
  min-height: 38px;
  border: 1px solid var(--stone-c-foreground, #1c1917);
  border-radius: 4px;
  background: var(--stone-c-foreground, #1c1917);
  color: var(--stone-c-on-dark, #fff);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-range-actions button + button, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-range-actions button + button, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-range-actions button + button {
  background: var(--stone-c-background, #fff);
  color: var(--stone-c-foreground, #1c1917);
}

@keyframes stone-cat-filter-slide-in {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

/* ------------------------------------------------------------------ *
 * Liste ici arama kutusu (YENI: kategori sayfasinda "Liste Ici Arama" ayari acikken)
 * ------------------------------------------------------------------ */

.cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-search, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-search, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-search {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border: 1px solid rgb(var(--stone-color-border, 231, 229, 228));
  border-radius: 6px;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-search-icon, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-search-icon, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-search-icon {
  flex: 0 0 auto;
  opacity: 0.55;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-search-input, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-search-input, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-search-input {
  min-width: 0;
  width: 150px;
  min-height: 30px;
  border: 0;
  background: transparent;
  color: inherit;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-search-input:focus, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-search-input:focus, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-search-input:focus {
  outline: none;
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-search:focus-within, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-search:focus-within, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-search:focus-within {
  outline: 2px solid var(--stone-c-foreground, #1c1917);
  outline-offset: 2px;
}

@media (max-width: 749px) {
  /* Dokunma hedefi: arac cubugundaki diger kontrollerle ayni yukseklik. */
  .cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-search, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-search, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-search {
    min-height: 40px;
  }

  .cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-search-input, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-search-input, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-search-input {
    width: 120px;
  }
}

@layer stone-typography {.cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-filter-btn, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-filter-btn, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-filter-btn {
  font-size: var(--stone-type-ui);
  font-weight: var(--stone-font-weight-medium);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-filter-count, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-filter-count, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-filter-count {
  font-size: var(--stone-type-eyebrow);
  line-height: var(--stone-line-action);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-sort, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-sort, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-sort {
  font-size: var(--stone-type-ui);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-sort-select, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-sort-select, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-sort-select {
  font-size: var(--stone-type-ui);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-kicker, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-kicker, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-kicker {
  font-size: var(--stone-type-eyebrow);
  font-weight: var(--stone-font-weight-semibold);
  text-transform: var(--stone-transform-meta);
  letter-spacing: var(--stone-letter-meta);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-header h2, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-header h2, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-header h2 {
  font-size: var(--stone-type-h2);
  line-height: var(--stone-line-heading);
  font-weight: var(--stone-font-weight-semibold);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-section-title, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-section-title, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-section-title {
  font-size: var(--stone-type-ui);
  line-height: var(--stone-line-ui);
  font-weight: var(--stone-font-weight-semibold);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-label, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-label, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-label {
  font-size: var(--stone-type-ui);
  line-height: var(--stone-line-heading);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-count, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-count, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-count {
  font-size: var(--stone-type-small);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-empty, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-empty, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-empty {
  font-size: var(--stone-type-body);
  line-height: var(--stone-line-body);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-clear, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-clear, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-clear, .cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-apply, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-apply, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-apply {
  font-size: var(--stone-type-ui);
  font-weight: var(--stone-font-weight-semibold);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-range label, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-range label, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-range label {
  font-size: var(--stone-type-eyebrow);
  font-weight: var(--stone-font-weight-bold);
  text-transform: var(--stone-transform-meta);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-range input, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-range input, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-range input {
  font-size: var(--stone-type-ui);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-range-actions button, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-range-actions button, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-range-actions button {
  font-size: var(--stone-type-small);
  font-weight: var(--stone-font-weight-bold);
}

.cc_NpWopmv8tT_44g8236yGw .stone-cat-toolbar-search-input, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-toolbar-search-input, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-toolbar-search-input {
  font-size: var(--stone-type-ui);
}
}


.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-section-heading, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-section-heading, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-section-heading { margin: 0; }
.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-section-title svg, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-section-title svg, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-section-title svg { transition: transform .2s; }
.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-section--open .stone-cat-filter-section-title svg, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-section--open .stone-cat-filter-section-title svg, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-section--open .stone-cat-filter-section-title svg { transform: rotate(180deg); }
.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-section-content, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-section-content, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-section-content { padding-bottom: 24px; }
.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-section-content[hidden], .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-section-content[hidden], .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-section-content[hidden] { display: none; }
.cc_NpWopmv8tT_44g8236yGw .stone-cat-sort-options, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-sort-options, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-sort-options { display: grid; gap: 4px; }
.cc_NpWopmv8tT_44g8236yGw .stone-cat-sort-option, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-sort-option, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-sort-option { display: flex; align-items: center; gap: 14px; min-height: 44px; cursor: pointer; }
.cc_NpWopmv8tT_44g8236yGw .stone-cat-sort-option input, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-sort-option input, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-sort-option input { accent-color: var(--stone-c-foreground, #19110b); width: 18px; height: 18px; margin: 0; }
.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-section-title:focus-visible, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-section-title:focus-visible, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-section-title:focus-visible { outline: 1px solid currentColor; outline-offset: -4px; }
@keyframes stone-filter-enter-right { from { transform: translateX(100%); } to { transform: translateX(0); } }
@media (max-width: 749px) {
  /* Sabit WhatsApp butonunun telefondaki tam genislik seridi gorunurken dugme onun ustune cikar
     (--stone-wa-bar-space, StoneWhatsappFloat'in <html> uzerine yazdigi serit yuksekligi; yoksa 0). */
  .cc_NpWopmv8tT_44g8236yGw .stone-cat-page-bar-actions, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-page-bar-actions, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-page-bar-actions { bottom: calc(24px + var(--stone-wa-bar-space, 0px)); }
  .cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-drawer, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-drawer, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-drawer { width: 100vw; border: 0; }
  .cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-header, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-header, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-header { padding: 24px; }
  .cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-body, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-body, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-body { padding: 0 24px 24px; }
  .cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-footer, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-footer, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-footer { padding: 20px 24px max(20px, env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) { .cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-drawer, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-drawer, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-drawer { animation: none; } }

.cc_NpWopmv8tT_44g8236yGw .stone-cat-page-bar-actions[hidden], .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-page-bar-actions[hidden], .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-page-bar-actions[hidden] { display: none; }
.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-footer > :only-child, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-footer > :only-child, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-footer > :only-child { grid-column: 1 / -1; }

/* Close icons retain their hit area and keyboard focus, without a decorative box. */
.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-close, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-close, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-close { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.cc_NpWopmv8tT_44g8236yGw .stone-cat-filter-close:hover, .cc_NpWopmv8tT_XaNwtNK63s .stone-cat-filter-close:hover, .cc_NpWopmv8tT_c6aaQFC8LW .stone-cat-filter-close:hover { background: transparent; box-shadow: none; }