.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist {
  width: 100%;
  padding-block: 16px 40px;
}

/* ---- Üst alan ---- */
.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__top, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__top, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__top {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__headrow, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__headrow, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__headrow {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__heading, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__heading, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__heading {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__title, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__title, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__title {
  margin: 0;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--m-text);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__count, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__count, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__count {
  font-size: 14px;
  color: var(--m-text-muted);
}

/* Araç satırı: mobilde filtre butonu + sıralama yan yana */
.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__tools, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__tools, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__tools {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__filterbtn, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__filterbtn, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__filterbtn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid var(--m-border-strong);
  border-radius: var(--m-radius);
  background: var(--m-bg);
  color: var(--m-text);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__filterbtn .m-icon, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__filterbtn .m-icon, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__filterbtn .m-icon {
  font-size: 18px;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__fbadge, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__fbadge, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__fbadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding-inline: 6px;
  border-radius: var(--m-radius-full);
  background: var(--m-accent);
  color: var(--m-btn-text);
  font-size: 12px;
  font-weight: 800;
}

/* Sıralama: SortSelect alt bileşeni (kendi styles.css'i) */

/* ---- Alt kategori çipleri: yatay kaydırma, görselli ---- */
.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__subs, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__subs, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__subs {
  display: flex;
  gap: 10px;
  margin: 14px calc(-1 * var(--m-gutter)) 0;
  padding: 2px var(--m-gutter) 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__subs::-webkit-scrollbar, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__subs::-webkit-scrollbar, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__subs::-webkit-scrollbar {
  display: none;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__sub, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__sub, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__sub {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 4px 12px 4px 4px;
  border: 1px solid var(--m-border);
  border-radius: var(--m-radius-full);
  background: var(--m-bg);
  color: var(--m-text);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: border-color var(--m-dur-fast) var(--m-ease), transform var(--m-dur-fast) var(--m-ease), box-shadow var(--m-dur-fast) var(--m-ease);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__sub:hover, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__sub:hover, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__sub:hover {
  border-color: var(--m-accent);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(31, 41, 55, 0.08);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__sub--on, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__sub--on, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__sub--on {
  border-color: var(--m-accent);
  background: color-mix(in srgb, var(--m-accent) 8%, transparent);
  color: var(--m-accent);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__subimg, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__subimg, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__subimg {
  display: inline-flex;
  width: 36px;
  height: 36px;
  border-radius: var(--m-radius-full);
  background: var(--m-surface);
  overflow: hidden;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__subimg img, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__subimg img, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__subimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__sub:not(:has(.m-catlist__subimg)), .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__sub:not(:has(.m-catlist__subimg)), .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__sub:not(:has(.m-catlist__subimg)) {
  padding-left: 14px;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__subchev, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__subchev, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__subchev {
  font-size: 14px;
  color: var(--m-text-muted);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__sub--on .m-catlist__subchev, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__sub--on .m-catlist__subchev, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__sub--on .m-catlist__subchev {
  color: var(--m-accent);
}

/* ---- Ana alan ---- */
.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__main, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__main, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__main {
  display: flex;
  gap: 32px;
  margin-top: 16px;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__side, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__side, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__side {
  display: none;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__content, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__content, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__content {
  flex: 1;
  min-width: 0;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__grid, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__grid, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 12px;
  transition: opacity var(--m-dur) var(--m-ease);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__grid--loading, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__grid--loading, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__grid--loading {
  opacity: 0.55;
  pointer-events: none;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__empty, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__empty, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__empty {
  padding: 48px 16px;
  border: 1px dashed var(--m-border-strong);
  border-radius: var(--m-radius-lg);
  text-align: center;
  color: var(--m-text-muted);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__empty p, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__empty p, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__empty p {
  margin: 0;
}

/* Daha fazla yükle */
.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__more, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__more, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__more {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 28px;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__morebtn, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__morebtn, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__morebtn {
  min-width: 240px;
  min-height: 46px;
  gap: 8px;
  font-weight: 700;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__progress, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__progress, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__progress {
  font-size: 12px;
  color: var(--m-text-muted);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__pages, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__pages, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__pages {
  margin-top: 28px;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__sentinel, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__sentinel, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__sentinel {
  display: flex;
  justify-content: center;
  min-height: 40px;
  margin-top: 16px;
  font-size: 22px;
  color: var(--m-text-muted);
}

/* Kategori açıklaması (SEO metni) */
.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__desc, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__desc, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__desc {
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid var(--m-border);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__desc-inner, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__desc-inner, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__desc-inner {
  max-width: 880px;
  font-size: 14px;
  line-height: 1.65;
  color: var(--m-text-muted);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__desc-inner h2, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__desc-inner h2, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__desc-inner h2, .cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__desc-inner h3, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__desc-inner h3, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__desc-inner h3 {
  margin: 18px 0 8px;
  font-size: 17px;
  font-weight: 700;
  color: var(--m-text);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__desc-inner p, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__desc-inner p, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__desc-inner p {
  margin: 0 0 10px;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__desc-inner a, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__desc-inner a, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__desc-inner a {
  color: var(--m-accent);
}

@media (min-width: 640px) {
  .cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__grid, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__grid, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px 16px;
  }

  .cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__headrow, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__headrow, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__headrow {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }

  .cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__tools, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__tools, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__tools {
    flex: 0 0 auto;
  }

  .m-catlist__filterbtn,
}

@media (min-width: 1024px) {
  .cc_PJCnlgZluk_uQBXlYmrTw .m-catlist, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist {
    padding-block: 20px 56px;
  }

  .cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__title, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__title, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__title {
    font-size: 32px;
  }

  .cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__filterbtn, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__filterbtn, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__filterbtn {
    display: none;
  }

  .cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__subs, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__subs, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__subs {
    margin-inline: 0;
    padding-inline: 0;
    margin-top: 18px;
  }

  .cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__main, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__main, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__main {
    margin-top: 20px;
    gap: 40px;
  }

  /* Filtre paneli: solda yapışkan */
  .cc_PJCnlgZluk_uQBXlYmrTw .m-catlist--filters .m-catlist__side, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist--filters .m-catlist__side, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist--filters .m-catlist__side {
    display: block;
    flex: 0 0 248px;
    position: sticky;
    top: 112px;
    align-self: flex-start;
    max-height: calc(100vh - 128px);
    overflow-y: auto;
    padding-right: 6px;
    scrollbar-width: thin;
  }

  .cc_PJCnlgZluk_uQBXlYmrTw .m-catlist--cols-3 .m-catlist__grid, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist--cols-3 .m-catlist__grid, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist--cols-3 .m-catlist__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .cc_PJCnlgZluk_uQBXlYmrTw .m-catlist--cols-4 .m-catlist__grid, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist--cols-4 .m-catlist__grid, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist--cols-4 .m-catlist__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  /* Filtre paneli varken 4 sütun sıkışmasın: geniş ekrana kadar 3 */
  .cc_PJCnlgZluk_uQBXlYmrTw .m-catlist--filters.m-catlist--cols-4 .m-catlist__grid, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist--filters.m-catlist--cols-4 .m-catlist__grid, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist--filters.m-catlist--cols-4 .m-catlist__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .cc_PJCnlgZluk_uQBXlYmrTw .m-catlist--filters.m-catlist--cols-4 .m-catlist__grid, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist--filters.m-catlist--cols-4 .m-catlist__grid, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist--filters.m-catlist--cols-4 .m-catlist__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Başlık üstü küçük etiket (arama / marka sayfaları) */
.cc_PJCnlgZluk_uQBXlYmrTw .m-catlist__eyebrow, .cc_PJCnlgZluk_04Xeo9ymNE .m-catlist__eyebrow, .cc_PJCnlgZluk_NgNv1i3bbj .m-catlist__eyebrow {
  flex-basis: 100%;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--m-accent);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter {
  display: flex;
  flex-direction: column;
}

/* Grup: başlık satırı + açılır gövde, aralarında ince çizgi */
.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__group, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__group, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__group {
  border-bottom: 1px solid var(--m-border);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__head, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__head, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 14px 0;
  border: 0;
  background: none;
  color: var(--m-text);
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__title, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__title, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__badge, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__badge, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding-inline: 5px;
  border-radius: var(--m-radius-full);
  background: var(--m-accent);
  color: var(--m-btn-text);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__chev, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__chev, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__chev {
  font-size: 16px;
  color: var(--m-text-muted);
  transition: transform var(--m-dur) var(--m-ease);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__group--open .m-filter__chev, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__group--open .m-filter__chev, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__group--open .m-filter__chev {
  transform: rotate(180deg);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__body, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__body, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__body {
  padding-bottom: 14px;
}

/* Onay kutulu liste */
.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__list, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__list, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__check, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__check, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__check {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 34px;
  padding: 4px 0;
  border: 0;
  background: none;
  color: var(--m-text);
  font: inherit;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__box, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__box, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__box {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 1.5px solid var(--m-border-strong);
  border-radius: var(--m-radius-sm);
  background: var(--m-bg);
  color: transparent;
  font-size: 12px;
  transition: background-color var(--m-dur-fast) var(--m-ease), border-color var(--m-dur-fast) var(--m-ease), color var(--m-dur-fast) var(--m-ease);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__check:hover .m-filter__box, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__check:hover .m-filter__box, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__check:hover .m-filter__box {
  border-color: var(--m-accent);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__check--on .m-filter__box, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__check--on .m-filter__box, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__check--on .m-filter__box {
  background: var(--m-accent);
  border-color: var(--m-accent);
  color: var(--m-btn-text);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__label, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__label, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__check--on .m-filter__label, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__check--on .m-filter__label, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__check--on .m-filter__label {
  font-weight: 600;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__count, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__count, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__count {
  font-size: 12px;
  color: var(--m-text-muted);
}

/* Kutu / swatch / aralık listesi: yuvarlak pill'ler */
.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__boxes, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__boxes, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__pill, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__pill, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--m-border);
  border-radius: var(--m-radius-full);
  background: var(--m-bg);
  color: var(--m-text);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
  transition: border-color var(--m-dur-fast) var(--m-ease), background-color var(--m-dur-fast) var(--m-ease), color var(--m-dur-fast) var(--m-ease);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__pill:hover, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__pill:hover, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__pill:hover {
  border-color: var(--m-accent);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__pill--on, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__pill--on, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__pill--on {
  border-color: var(--m-accent);
  background: color-mix(in srgb, var(--m-accent) 8%, transparent);
  color: var(--m-accent);
  font-weight: 600;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__swatch, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__swatch, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__swatch {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: var(--m-radius-full);
  border: 1px solid var(--m-border);
  object-fit: cover;
}

/* Sayısal aralık: min - max + uygula */
.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__range, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__range, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__range {
  display: flex;
  align-items: center;
  gap: 6px;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__num, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__num, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__num {
  position: relative;
  flex: 1;
  min-width: 0;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__num span, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__num span, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__num span {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: var(--m-text-muted);
  pointer-events: none;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__num-input, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__num-input, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__num-input {
  width: 100%;
  min-height: 38px;
  padding-right: 26px;
  font-size: 13px;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__num-input::-webkit-outer-spin-button, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__num-input::-webkit-outer-spin-button, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__num-input::-webkit-outer-spin-button, .cc_PJCnlgZluk_uQBXlYmrTw .m-filter__num-input::-webkit-inner-spin-button, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__num-input::-webkit-inner-spin-button, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__num-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__dash, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__dash, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__dash {
  width: 8px;
  height: 1px;
  background: var(--m-border-strong);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__apply, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__apply, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__apply {
  min-height: 38px;
  padding-inline: 10px;
  font-size: 14px;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-filter__clear, .cc_PJCnlgZluk_04Xeo9ymNE .m-filter__clear, .cc_PJCnlgZluk_NgNv1i3bbj .m-filter__clear {
  align-self: flex-start;
  margin-top: 14px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--m-accent);
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-fdrawer__panel, .cc_PJCnlgZluk_04Xeo9ymNE .m-fdrawer__panel, .cc_PJCnlgZluk_NgNv1i3bbj .m-fdrawer__panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  max-height: 88dvh;
  border-radius: var(--m-radius-xl) var(--m-radius-xl) 0 0;
  background: var(--m-bg);
  color: var(--m-text);
  box-shadow: var(--m-shadow-lg);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-fdrawer__head, .cc_PJCnlgZluk_04Xeo9ymNE .m-fdrawer__head, .cc_PJCnlgZluk_NgNv1i3bbj .m-fdrawer__head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--m-border);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-fdrawer__title, .cc_PJCnlgZluk_04Xeo9ymNE .m-fdrawer__title, .cc_PJCnlgZluk_NgNv1i3bbj .m-fdrawer__title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  font-size: 16px;
  font-weight: 700;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-fdrawer__badge, .cc_PJCnlgZluk_04Xeo9ymNE .m-fdrawer__badge, .cc_PJCnlgZluk_NgNv1i3bbj .m-fdrawer__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding-inline: 6px;
  border-radius: var(--m-radius-full);
  background: var(--m-accent);
  color: var(--m-btn-text);
  font-size: 12px;
  font-weight: 800;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-fdrawer__clear, .cc_PJCnlgZluk_04Xeo9ymNE .m-fdrawer__clear, .cc_PJCnlgZluk_NgNv1i3bbj .m-fdrawer__clear {
  padding: 0;
  border: 0;
  background: none;
  color: var(--m-accent);
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-fdrawer__close, .cc_PJCnlgZluk_04Xeo9ymNE .m-fdrawer__close, .cc_PJCnlgZluk_NgNv1i3bbj .m-fdrawer__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: var(--m-radius);
  background: var(--m-surface);
  color: var(--m-text);
  font-size: 18px;
  cursor: pointer;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-fdrawer__body, .cc_PJCnlgZluk_04Xeo9ymNE .m-fdrawer__body, .cc_PJCnlgZluk_NgNv1i3bbj .m-fdrawer__body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0 16px;
  overscroll-behavior: contain;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-fdrawer__foot, .cc_PJCnlgZluk_04Xeo9ymNE .m-fdrawer__foot, .cc_PJCnlgZluk_NgNv1i3bbj .m-fdrawer__foot {
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--m-border);
  background: var(--m-bg);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-fdrawer__show, .cc_PJCnlgZluk_04Xeo9ymNE .m-fdrawer__show, .cc_PJCnlgZluk_NgNv1i3bbj .m-fdrawer__show {
  width: 100%;
  min-height: 48px;
  font-size: 15px;
  font-weight: 700;
}

@media (min-width: 640px) {
  .cc_PJCnlgZluk_uQBXlYmrTw .m-fdrawer__panel, .cc_PJCnlgZluk_04Xeo9ymNE .m-fdrawer__panel, .cc_PJCnlgZluk_NgNv1i3bbj .m-fdrawer__panel {
    left: auto;
    top: 0;
    width: 400px;
    max-height: none;
    border-radius: 0;
  }
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-pager, .cc_PJCnlgZluk_04Xeo9ymNE .m-pager, .cc_PJCnlgZluk_NgNv1i3bbj .m-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-pager__btn, .cc_PJCnlgZluk_04Xeo9ymNE .m-pager__btn, .cc_PJCnlgZluk_NgNv1i3bbj .m-pager__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 10px;
  border: 1px solid var(--m-border);
  border-radius: var(--m-radius);
  background: var(--m-bg);
  color: var(--m-text);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color var(--m-dur-fast) var(--m-ease), background-color var(--m-dur-fast) var(--m-ease), color var(--m-dur-fast) var(--m-ease);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-pager__btn:hover:not(:disabled):not(.m-pager__btn--on), .cc_PJCnlgZluk_04Xeo9ymNE .m-pager__btn:hover:not(:disabled):not(.m-pager__btn--on), .cc_PJCnlgZluk_NgNv1i3bbj .m-pager__btn:hover:not(:disabled):not(.m-pager__btn--on) {
  border-color: var(--m-accent);
  color: var(--m-accent);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-pager__btn--on, .cc_PJCnlgZluk_04Xeo9ymNE .m-pager__btn--on, .cc_PJCnlgZluk_NgNv1i3bbj .m-pager__btn--on {
  background: var(--m-accent);
  border-color: var(--m-accent);
  color: var(--m-btn-text);
  cursor: default;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-pager__btn:disabled, .cc_PJCnlgZluk_04Xeo9ymNE .m-pager__btn:disabled, .cc_PJCnlgZluk_NgNv1i3bbj .m-pager__btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-pager__arrow, .cc_PJCnlgZluk_04Xeo9ymNE .m-pager__arrow, .cc_PJCnlgZluk_NgNv1i3bbj .m-pager__arrow {
  font-size: 16px;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-pager__gap, .cc_PJCnlgZluk_04Xeo9ymNE .m-pager__gap, .cc_PJCnlgZluk_NgNv1i3bbj .m-pager__gap {
  padding: 0 4px;
  color: var(--m-text-muted);
}

/* Özel sıralama menüsü (native select yerine) */
.cc_PJCnlgZluk_uQBXlYmrTw .m-sort, .cc_PJCnlgZluk_04Xeo9ymNE .m-sort, .cc_PJCnlgZluk_NgNv1i3bbj .m-sort {
  position: relative;
  flex: 1;
  min-width: 0;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-sort__btn, .cc_PJCnlgZluk_04Xeo9ymNE .m-sort__btn, .cc_PJCnlgZluk_NgNv1i3bbj .m-sort__btn {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 42px;
  padding: 0 38px 0 12px;
  border: 1px solid var(--m-border-strong);
  border-radius: var(--m-radius);
  background: var(--m-bg);
  color: var(--m-text);
  font: inherit;
  font-size: 14px;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-sort__btn:hover, .cc_PJCnlgZluk_04Xeo9ymNE .m-sort__btn:hover, .cc_PJCnlgZluk_NgNv1i3bbj .m-sort__btn:hover {
  border-color: var(--m-text-muted);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-sort--open .m-sort__btn, .cc_PJCnlgZluk_04Xeo9ymNE .m-sort--open .m-sort__btn, .cc_PJCnlgZluk_NgNv1i3bbj .m-sort--open .m-sort__btn, .cc_PJCnlgZluk_uQBXlYmrTw .m-sort__btn:focus-visible, .cc_PJCnlgZluk_04Xeo9ymNE .m-sort__btn:focus-visible, .cc_PJCnlgZluk_NgNv1i3bbj .m-sort__btn:focus-visible {
  outline: none;
  border-color: var(--m-accent);
  box-shadow: var(--m-ring);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-sort__label, .cc_PJCnlgZluk_04Xeo9ymNE .m-sort__label, .cc_PJCnlgZluk_NgNv1i3bbj .m-sort__label {
  flex: none;
  font-size: 13px;
  color: var(--m-text-muted);
  white-space: nowrap;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-sort__value, .cc_PJCnlgZluk_04Xeo9ymNE .m-sort__value, .cc_PJCnlgZluk_NgNv1i3bbj .m-sort__value {
  flex: 1;
  min-width: 0;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-sort__chev, .cc_PJCnlgZluk_04Xeo9ymNE .m-sort__chev, .cc_PJCnlgZluk_NgNv1i3bbj .m-sort__chev {
  position: absolute;
  right: 12px;
  top: 50%;
  translate: 0 -50%;
  font-size: 16px;
  color: var(--m-text-muted);
  pointer-events: none;
  transition: transform 0.2s;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-sort--open .m-sort__chev, .cc_PJCnlgZluk_04Xeo9ymNE .m-sort--open .m-sort__chev, .cc_PJCnlgZluk_NgNv1i3bbj .m-sort--open .m-sort__chev {
  transform: rotate(180deg);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-sort__menu, .cc_PJCnlgZluk_04Xeo9ymNE .m-sort__menu, .cc_PJCnlgZluk_NgNv1i3bbj .m-sort__menu {
  position: absolute;
  z-index: 30;
  top: calc(100% + 6px);
  right: 0;
  left: 0;
  margin: 0;
  padding: 6px;
  list-style: none;
  border: 1px solid var(--m-border);
  border-radius: var(--m-radius);
  background: var(--m-bg);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
  max-height: 320px;
  overflow: auto;
  animation: m-sort-in 0.15s ease-out;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-sort__menu[hidden], .cc_PJCnlgZluk_04Xeo9ymNE .m-sort__menu[hidden], .cc_PJCnlgZluk_NgNv1i3bbj .m-sort__menu[hidden] {
  display: none;
}

@keyframes m-sort-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-sort__opt, .cc_PJCnlgZluk_04Xeo9ymNE .m-sort__opt, .cc_PJCnlgZluk_NgNv1i3bbj .m-sort__opt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 38px;
  padding: 0 10px;
  border-radius: calc(var(--m-radius) - 4px);
  font-size: 14px;
  color: var(--m-text);
  cursor: pointer;
  user-select: none;
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-sort__opt--active, .cc_PJCnlgZluk_04Xeo9ymNE .m-sort__opt--active, .cc_PJCnlgZluk_NgNv1i3bbj .m-sort__opt--active {
  background: var(--m-surface);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-sort__opt--selected, .cc_PJCnlgZluk_04Xeo9ymNE .m-sort__opt--selected, .cc_PJCnlgZluk_NgNv1i3bbj .m-sort__opt--selected {
  font-weight: 600;
  color: var(--m-accent);
}

.cc_PJCnlgZluk_uQBXlYmrTw .m-sort__check, .cc_PJCnlgZluk_04Xeo9ymNE .m-sort__check, .cc_PJCnlgZluk_NgNv1i3bbj .m-sort__check {
  flex: none;
  font-size: 16px;
}

@media (min-width: 640px) {
  .cc_PJCnlgZluk_uQBXlYmrTw .m-sort, .cc_PJCnlgZluk_04Xeo9ymNE .m-sort, .cc_PJCnlgZluk_NgNv1i3bbj .m-sort {
    flex: 0 0 auto;
  }

  .cc_PJCnlgZluk_uQBXlYmrTw .m-sort__menu, .cc_PJCnlgZluk_04Xeo9ymNE .m-sort__menu, .cc_PJCnlgZluk_NgNv1i3bbj .m-sort__menu {
    left: auto;
    min-width: 240px;
  }
}