/* ===== Taji Product List (PLP) — birebir Figma 235:544 ===== */

.cc_y2bdekpl_P263aaXkqe .taji-plist {
  padding-bottom: 50px;
}

/* Breadcrumb şeridi — 48px, alt çizgi rgba(0,0,0,0.15).
   Uzun kategori zinciri sayfayı yatay kaydırmasın: taşma şeridin İÇİNDE kalır */
.cc_y2bdekpl_P263aaXkqe .taji-plist-crumbs {
  display: flex;
  align-items: center;
  gap: 7px;
  height: 48px;
  padding: 0 58px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-crumbs::-webkit-scrollbar {
  display: none;
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-crumbs > * {
  flex: none;
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-crumbs a {
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: -0.26px;
  color: var(--taji-black, #000000);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-crumb {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-crumb i {
  font-style: normal;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-size: 12px;
  color: var(--taji-black, #000000);
}

/* Araç satırı */
.cc_y2bdekpl_P263aaXkqe .taji-plist-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 55px 0 58px;
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-sort {
  position: relative;
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-sort-trigger {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  color: var(--taji-ink, #252525);
}

/* Kategori geçiş paneli — birebir Figma 504:3155:
   367px, çerçevesiz, sadece alt köşeler 9px, gölge -7 8 7.5 %3,
   tetik metninden 22px sola taşar ve 18px altından başlar */
.cc_y2bdekpl_P263aaXkqe .taji-plist-sort-menu {
  position: absolute;
  top: calc(100% + 18px);
  left: -22px;
  z-index: 50;
  width: 367px;
  background: var(--taji-white, #ffffff);
  border: none;
  border-radius: 0 0 9px 9px;
  box-shadow: -7px 8px 7.5px -1px rgba(0, 0, 0, 0.03);
  padding: 17.5px 0 27.5px;
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-sort-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 39px; /* satır adımı 39 (20 metin + 19 ara) */
  padding: 0 26px 0 27px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: var(--taji-ink, #252525);
}

/* Figma: seçili satırda arka plan yok, yazı Demi (600) + sağda ince tik */
.cc_y2bdekpl_P263aaXkqe .taji-plist-sort-item:hover, .cc_y2bdekpl_P263aaXkqe .taji-plist-sort-item.is-selected {
  font-weight: 600;
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-sort-check {
  flex-shrink: 0;
  width: 18px;
  height: 17px;
  color: var(--taji-ink, #252525);
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-tools {
  display: flex;
  align-items: center;
  gap: 19px;
}

/* Grid toggle — dikey barlar (Figma: 8×12, 3px ara) */
.cc_y2bdekpl_P263aaXkqe .taji-plist-cols {
  display: flex;
  align-items: center;
  gap: 15px;
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-cols-opt {
  display: flex;
  gap: 3px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-cols-opt i {
  width: 8px;
  height: 12px;
  background: var(--taji-white, #ffffff);
  border: 1px solid #979797;
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-cols-opt.is-active i {
  background: var(--taji-ink, #252525);
  border-color: var(--taji-ink, #252525);
}

/* Sıralama menüsü — araç satırında Filtreler'in solunda. Tetik "Filtreler"
   ile aynı tipografide; panel kategori menüsünün görsel diliyle aynı ama
   sağa hizalı ve içeriğe göre dar (18 Ağu revizesi). */
.cc_y2bdekpl_P263aaXkqe .taji-plist-order {
  position: relative;
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-order-trigger {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  color: var(--taji-black, #000000);
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-order-menu {
  position: absolute;
  top: calc(100% + 18px);
  right: -12px;
  z-index: 50;
  min-width: 232px;
  background: var(--taji-white, #ffffff);
  border-radius: 0 0 9px 9px;
  box-shadow: -7px 8px 7.5px -1px rgba(0, 0, 0, 0.03);
  padding: 17.5px 0;
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-order-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: 100%;
  height: 39px;
  padding: 0 26px 0 27px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: var(--taji-ink, #252525);
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-order-item:hover, .cc_y2bdekpl_P263aaXkqe .taji-plist-order-item.is-selected {
  font-weight: 600;
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-filters {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  color: var(--taji-black, #000000);
}

/* Ürün ızgarası — 4 kolon: 22px gap, kenar 55px */
.cc_y2bdekpl_P263aaXkqe .taji-plist-grid {
  display: grid;
  gap: 50px 22px;
  padding: 35px 55px 0;
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-empty {
  padding: 80px 0;
  text-align: center;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-size: 17px;
  color: var(--taji-gray, #535353);
}

/* Alt bilgi: progress + toplam + daha fazla */
.cc_y2bdekpl_P263aaXkqe .taji-plist-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 47px;
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-progress {
  width: 192px;
  height: 4px;
  background: #e3e3e3;
  overflow: hidden;
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-progress span {
  display: block;
  height: 100%;
  background: var(--taji-ink, #252525);
  transition: width 0.3s ease;
}

.cc_y2bdekpl_P263aaXkqe .taji-plist-total {
  margin: 16px 0 0;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--taji-gray, #535353);
}




/* ===== Mobil — birebir Figma 2009:2897 (440 taban → vw) ===== */
@media (max-width: 768px) {
  /* Sayfa sonu: grid altı 50px + tam genişlik çizgi (Line 47) */
  .cc_y2bdekpl_P263aaXkqe .taji-plist {
    padding-bottom: 11.3636vw; /* 50 */
    border-bottom: 1px solid var(--taji-line, #dddddd);
  }

  /* Breadcrumb 37px bar — Medium 14, altı çizgili, sol 18 */
  .cc_y2bdekpl_P263aaXkqe .taji-plist-crumbs {
    height: 8.4091vw; /* 37 */
    gap: 1.5909vw; /* 7 */
    padding: 0 4.0909vw; /* 18 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-plist-crumbs a {
    font-size: 3.1818vw; /* 14 */
    letter-spacing: -0.26px;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-plist-crumb {
    gap: 1.5909vw;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-plist-crumb i {
    font-size: 3.1818vw;
    letter-spacing: -0.36px;
  }

  /* Araç satırı: sol 17 / sağ 17, üst 18 — başlık Medium 17/20 + 18px ok */
  .cc_y2bdekpl_P263aaXkqe .taji-plist-toolbar {
    padding: 4.0909vw 3.8636vw 0; /* 18 / 17 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-plist-sort-trigger {
    gap: 2.2727vw; /* 10 */
    font-size: 3.8636vw; /* 17 */
    line-height: 4.5455vw; /* 20 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-plist-sort-trigger svg {
    width: 4.0909vw; /* 18 */
    height: 4.0909vw;
  }

  /* Kategori paneli — 419 genişlik, tetikten 6px sola, 20px altına (Figma 0:2367) */
  .cc_y2bdekpl_P263aaXkqe .taji-plist-sort-menu {
    top: calc(100% + 4.5455vw); /* 20 */
    left: -1.3636vw; /* -6 */
    width: 95.2273vw; /* 419 */
    padding: 3.9773vw 0 6.25vw; /* 17.5 / 27.5 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-plist-sort-item {
    height: 8.8636vw; /* 39 */
    padding: 0 5.9091vw 0 6.1364vw; /* 26 / 27 */
    font-size: 3.6364vw; /* 16 */
    line-height: 4.5455vw;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-plist-sort-check {
    width: 4.0909vw;
    height: 3.8636vw;
  }

  /* Kolon anahtarı mobilde yok */
  .cc_y2bdekpl_P263aaXkqe .taji-plist-cols {
    display: none;
  }

  /* Sıralama — mobilde Filtreler'le aynı ritim; panel sağa hizalı kalır ve
     ekran dışına taşmasın diye genişliği içeriğe bırakılır */
  .cc_y2bdekpl_P263aaXkqe .taji-plist-order-trigger {
    gap: 1.3636vw; /* 6 */
    font-size: 3.8636vw; /* 17 */
    line-height: 4.5455vw; /* 20 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-plist-order-trigger svg {
    width: 3.1818vw; /* 14 */
    height: 3.1818vw;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-plist-order-trigger span {
    text-decoration: underline;
    text-underline-position: from-font;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-plist-order-menu {
    top: calc(100% + 4.5455vw); /* 20 */
    right: -1.3636vw; /* -6 */
    min-width: 45.4545vw; /* 200 */
    max-width: 90.9091vw; /* 400 */
    padding: 3.9773vw 0; /* 17.5 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-plist-order-item {
    height: 8.8636vw; /* 39 */
    padding: 0 5.9091vw 0 6.1364vw; /* 26 / 27 */
    font-size: 3.6364vw; /* 16 */
    line-height: 4.5455vw;
  }

  /* Filtreler — Book 17 ALTI ÇİZGİLİ + 22px ikon (Figma 0:2351) */
  .cc_y2bdekpl_P263aaXkqe .taji-plist-filters {
    gap: 1.3636vw; /* 6 */
    font-size: 3.8636vw; /* 17 */
    line-height: 4.5455vw;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-plist-filters svg {
    width: 5vw; /* 22 */
    height: 5vw;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-plist-filters span {
    text-decoration: underline;
    text-underline-position: from-font;
  }

  /* Izgara: 2 kolon, kartlar ekran kenarına dayalı, ara 11 / satır arası 30.
     NOT: eskiden `margin: 0 -7px` vardı — grid'i 14px taşırıp sayfaya yatay
     kaydırma açıyordu (aşağı kaydırırken sağa sola oynama). Tam genişlik yeterli. */
  .cc_y2bdekpl_P263aaXkqe .taji-plist-grid {
    padding: 6.8182vw 0 0; /* 30 */
    gap: 6.8182vw 2.5vw; /* 30 / 11 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-plist-grid--4, .cc_y2bdekpl_P263aaXkqe .taji-plist-grid--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


















































































































































































































/* >>> AUTO-SYNC:TajiProductCard — kaynak: src/sub-components/TajiProductCard/styles.css — ELLE DÜZENLEME, scripts/sync_sub_styles.py çalıştır <<< */
/* ===== Taji Product Card — birebir Figma 275:4025 ===== */

.cc_y2bdekpl_P263aaXkqe .taji-pcard {
  display: block;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}

.cc_y2bdekpl_P263aaXkqe .taji-pcard-imgbox {
  position: relative;
  /* Katalog fotoğrafları 2:3 (1000×1500) — kutu aynı oranda ki ürün hiç kırpılmasın
     (Figma 436/548 kutusu 2:3 fotoğrafın ~%19'unu kesiyordu: kafa/paça gidiyordu) */
  aspect-ratio: 2 / 3;
  border: 1px solid rgba(196, 196, 196, 0.39);
  overflow: hidden;
}

.cc_y2bdekpl_P263aaXkqe .taji-pcard-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Katalog fotoğrafları 2:3 (1000×1500), kutu 436/548 — ortadan kırpınca kafa kesiliyor;
     üstten hizala: taşma alta gitsin (Figma'daki gibi baş üstünde boşluk kalır) */
  object-position: 50% 0;
}

.cc_y2bdekpl_P263aaXkqe .taji-pcard-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0.2));
  pointer-events: none;
}

.cc_y2bdekpl_P263aaXkqe .taji-pcard-bookmark {
  position: absolute;
  top: 0.8854vw;
  right: 0.8854vw;
  width: 2.1875vw;
  height: 2.1875vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  color: var(--taji-white, #ffffff);
  transition: opacity 0.2s ease;
}

.cc_y2bdekpl_P263aaXkqe .taji-pcard-bookmark:hover {
  opacity: 0.7;
}

.cc_y2bdekpl_P263aaXkqe .taji-pcard-brand {
  margin: 1.0417vw 0 0;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 500;
  font-size: 1.2500vw;
  line-height: 1.3021vw;
  color: #222222;
}

.cc_y2bdekpl_P263aaXkqe .taji-pcard-name {
  margin: 0.4688vw 0 0;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 500;
  font-size: 0.8854vw;
  line-height: 1.3021vw;
  text-transform: uppercase; /* Figma: ürün adı BÜYÜK HARF */
  color: #979797;
}

.cc_y2bdekpl_P263aaXkqe .taji-pcard-price {
  margin: 0.2604vw 0 0;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.4167vw; /* 8px — indirimli fiyat eski fiyatın hemen yanında */
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 400;
  font-size: 0.8854vw;
  line-height: 1.3021vw;
  color: #222222;
}

/* İndirim öncesi satış fiyatı — üstü çizili, soluk (REVİZE 11 Ağu) */
.cc_y2bdekpl_P263aaXkqe .taji-pcard-price-old {
  color: #979797;
  text-decoration: line-through;
}

.cc_y2bdekpl_P263aaXkqe .taji-pcard-price-new {
  color: #222222;
}

/* İndirim oranı rozeti — köşesi editörden seçilir (varsayılan sağ üst),
   kutunun kendi çerçevesiyle aynı ton */
.cc_y2bdekpl_P263aaXkqe .taji-pcard-badge {
  position: absolute;
  padding: 0.2083vw 0.5208vw; /* 4 / 10 */
  background: #ffffff;
  border: 1px solid rgba(196, 196, 196, 0.39);
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 450;
  font-size: 0.7292vw; /* 14 */
  line-height: 1.1458vw;
  letter-spacing: 0.01em;
  color: #222222;
  pointer-events: none;
}

.cc_y2bdekpl_P263aaXkqe .taji-pcard-badge.is-tr {
  top: 0.8854vw;
  right: 0.8854vw;
}

.cc_y2bdekpl_P263aaXkqe .taji-pcard-badge.is-tl {
  top: 0.8854vw;
  left: 0.8854vw;
}

.cc_y2bdekpl_P263aaXkqe .taji-pcard-badge.is-br {
  bottom: 0.8854vw;
  right: 0.8854vw;
}

.cc_y2bdekpl_P263aaXkqe .taji-pcard-badge.is-bl {
  bottom: 0.8854vw;
  left: 0.8854vw;
}

/* Rozet sağ üstteyken favori işareti sol üste geçer */
.cc_y2bdekpl_P263aaXkqe .taji-pcard-bookmark.is-shifted {
  right: auto;
  left: 0.8854vw;
}

/* Mobil — Figma 0:2311 tipografisi (440 taban → vw): marka 19 / ad 16 / fiyat 15, adım 23.
   NOT: kutu oranı Figma'da 221/278 çizilmiş ama YANLIŞ (Abdullah, 21 Tem 2026) —
   ekip kararı 2:3 (masaüstüyle aynı, fotoğraf kırpılmasın); oran override EDİLMEZ. */
@media (max-width: 768px) {
  .cc_y2bdekpl_P263aaXkqe .taji-pcard-bookmark {
    top: 10px;
    right: 10px;
    width: 21px;
    height: 21px;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-pcard-bookmark svg {
    width: 15px;
    height: 15px;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-pcard-brand {
    margin-top: 1.5909vw; /* 7 */
    /* 21 Tem: 19→18 — yeni frame'ler (2015:2918/2920 PLP + 2012:2917 PDP rayları)
       markayı Medium 18 çiziyor; eski 0:2311'deki 19 güncel değil */
    font-size: 4.0909vw; /* 18 */
    line-height: 5.6818vw; /* 25 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-pcard-name {
    margin-top: -0.4545vw; /* satır adımı 23 */
    font-size: 3.6364vw; /* 16 */
    line-height: 5.6818vw;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-pcard-price {
    margin-top: -0.4545vw;
    gap: 1.3636vw; /* 6 */
    font-size: 3.4091vw; /* 15 */
    line-height: 5.6818vw;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-pcard-badge {
    padding: 0.9091vw 1.8182vw; /* 4 / 8 */
    font-size: 2.7273vw; /* 12 */
    line-height: 4.0909vw; /* 18 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-pcard-badge.is-tr, .cc_y2bdekpl_P263aaXkqe .taji-pcard-badge.is-tl {
    top: 10px;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-pcard-badge.is-br, .cc_y2bdekpl_P263aaXkqe .taji-pcard-badge.is-bl {
    bottom: 10px;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-pcard-badge.is-tr, .cc_y2bdekpl_P263aaXkqe .taji-pcard-badge.is-br {
    right: 10px;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-pcard-badge.is-tl, .cc_y2bdekpl_P263aaXkqe .taji-pcard-badge.is-bl {
    left: 10px;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-pcard-bookmark.is-shifted {
    left: 10px;
  }
}
/* >>> AUTO-SYNC-SON:TajiProductCard <<< */

/* >>> AUTO-SYNC:TajiFilterDrawer — kaynak: src/sub-components/TajiFilterDrawer/styles.css — ELLE DÜZENLEME, scripts/sync_sub_styles.py çalıştır <<< */
/* ===== Taji Filter Drawer — birebir Figma 316:3101 / 323:3484 / 531:2344 (sağdan panel, 683px) ===== */

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer {
  position: fixed;
  inset: 0;
  z-index: 1000;
}

/* Figma 316:3389: rgba(0,0,0,0.28) + 11px blur */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-scrim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.28);
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  animation: cc_y2bdekpl_P263aaXkqe_taji-fade-in 0.25s ease;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 683px;
  max-width: 100vw;
  background: var(--taji-white, #ffffff);
  display: flex;
  flex-direction: column;
  animation: cc_y2bdekpl_P263aaXkqe_taji-slide-in-right 0.3s ease;
}

@keyframes cc_y2bdekpl_P263aaXkqe_taji-slide-in-right {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes cc_y2bdekpl_P263aaXkqe_taji-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* X kendi satırında — glif 12px, üstten 39, sağdan 40 */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-topbar {
  display: flex;
  justify-content: flex-end;
  padding: 33px 34px 0;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-close {
  background: none;
  border: none;
  padding: 6px;
  cursor: pointer;
  line-height: 0;
  color: var(--taji-ink, #252525);
}

/* Başlık: Futura Book 30/45 #1c1a17, üstten 66; TÜMÜNÜ TEMİZLE sağdan 40 */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 40px 30px 69px;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-title {
  display: flex;
  align-items: center;
  gap: 15px;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 400;
  font-size: 30px;
  line-height: 45px;
  color: #1c1a17;
}

/* Seçim rozeti — 26×26 açık gri kare, koyu rakam */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: #ececec;
  color: var(--taji-ink, #252525);
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
}

/* Figma 531:2608 — Futura PT Medium 15/28, siyah, aralıksız, büyük harf
   (mobil override 3.4091vw = 15 ile zaten aynıydı; hata masaüstündeydi) */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-clear {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 500;
  font-size: 15px;
  line-height: 28px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--taji-black, #000000);
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 0 69px;
}

/* Kapalı satır adımı 62 = 57 + 5 boşluk (çizgi satırın dibinde) */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-group {
  border-bottom: 1px solid var(--taji-line, #dddddd);
  margin-bottom: 5px;
}

/* Açık grupta ayraç KOYU tam genişlik çizgi; sonraki başlık 7px sonra */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-group.is-open {
  border-bottom-color: var(--taji-ink, #252525);
  margin-bottom: 7px;
}

/* Grup satırı — 57px; etiket 5px içeriden, Futura Medium 17/28; chevron sağdan 14 */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-group-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 57px;
  padding: 0 14px 0 5px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 500;
  font-size: 17px;
  line-height: 28px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--taji-black, #000000);
}

/* Checkbox listesi — başlıktan 15px sonra, satır 28px + 10 ara (adım 38), altta 31 */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-values {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px 0 31px 5px;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-value {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 28px;
  cursor: pointer;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 400;
  font-size: 15px;
  line-height: 28px;
  color: var(--taji-ink, #252525);
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-value input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* 18×18 kutu; seçili = siyah dolgu + beyaz ince tik (Figma 531:2303/2322) */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #b5b5b5;
  background: var(--taji-white, #ffffff);
  color: var(--taji-white, #ffffff);
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-check svg {
  width: 10px;
  height: 9px;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-value input:checked + .taji-fdrawer-check {
  background: var(--taji-ink, #252525);
  border-color: var(--taji-ink, #252525);
}

/* Renk filtresi — 49px kare kutular, adı altta (Figma 531:2344).
   Eşit genişlikli grid: etiket uzunluğu kutuların sütun hizasını bozmasın */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-swatches {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: start;
  gap: 18px 12px;
  padding: 15px 0 31px 5px;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-swatch-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-swatch-box {
  display: block;
  width: 49px;
  height: 49px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  object-fit: cover;
}

/* Seçili: 1px çerçeve halkası (toplam 57 kutu — Figma 531:2568) */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-swatch-item.is-selected .taji-fdrawer-swatch-box {
  outline: 1px solid var(--taji-ink, #252525);
  outline-offset: 3px;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-swatch-name {
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 400;
  font-size: 15px;
  line-height: 28px;
  color: var(--taji-ink, #252525);
  max-width: 100%;
  text-align: center;
  overflow-wrap: break-word;
}

/* Sonuç metni — Futura Book 18, ortalı; panel altından 163px yukarıda biter */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-foot {
  margin-top: auto;
  display: flex;
  justify-content: center;
  padding: 48px 0 163px;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-apply {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  text-align: center;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: var(--taji-black, #000000);
  transition: opacity 0.2s ease;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-apply:hover {
  opacity: 0.7;
}

/* ===== Mobil — birebir Figma 0:2545 / 0:3389 / 2009:2898 (440 taban → vw) ===== */
@media (max-width: 768px) {
  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-panel {
    width: 100%;
  }

  /* X: glif 12, sağdan 27 / üstten 39 (buton 6px dolgulu) */
  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-topbar {
    padding: 7.5vw 4.7727vw 0; /* 33 / 21 */
  }

  /* Başlık Book 30/45 sol 40; TÜMÜNÜ TEMİZLE Medium 15 SİYAH sağ 40 */
  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-head {
    padding: 2.0455vw 9.0909vw 6.8182vw; /* 9 / 40 / 30 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-title {
    gap: 3.4091vw; /* 15 */
    font-size: 6.8182vw; /* 30 */
    line-height: 10.2273vw; /* 45 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-count {
    width: 5.9091vw; /* 26 */
    height: 5.9091vw;
    font-size: 2.9545vw; /* 13 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-clear {
    font-weight: 500;
    font-size: 3.4091vw; /* 15 */
    line-height: 6.3636vw;
    letter-spacing: 0;
    color: var(--taji-black, #000000);
    text-transform: uppercase;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-body {
    padding: 0 9.0909vw; /* 40 */
  }

  /* Satırlar 51px, adım 56; ayraç bir SONRAKİ grubun üst çizgisi (ilkinde yok) */
  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-group, .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-group.is-open {
    border-bottom: none;
    margin-bottom: 1.1364vw; /* 5 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-group + .taji-fdrawer-group {
    border-top: 1px solid var(--taji-line, #dddddd);
  }

  /* Başlık Medium 17/28, aralıksız; etiket 5 içeride, ok 18 sağa yaslı */
  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-group-head {
    height: 11.5909vw; /* 51 */
    padding: 0 0 0 1.1364vw; /* 5 */
    font-size: 3.8636vw; /* 17 */
    line-height: 6.3636vw; /* 28 */
    letter-spacing: 0;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-group-head svg {
    width: 4.0909vw; /* 18 */
    height: 4.0909vw;
  }

  /* Checkbox listesi: üst 10, adım 38 (28 satır + 10), alt 32 (Figma 0:3389) */
  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-values {
    gap: 2.2727vw; /* 10 */
    padding: 2.2727vw 0 7.2727vw 1.1364vw; /* 10 / 32 / 5 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-value {
    gap: 2.2727vw; /* 10 */
    height: 6.3636vw; /* 28 */
    font-size: 3.4091vw; /* 15 */
    line-height: 6.3636vw;
  }

  /* Kutu 18×18, 3px köşe; seçili siyah + beyaz tik 10×9 (Figma 0:3418) */
  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-check {
    width: 4.0909vw;
    height: 4.0909vw;
    border-radius: 3px;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-check svg {
    width: 2.2727vw; /* 10 */
    height: 2.0455vw; /* 9 */
  }

  /* Renk kutuları 35.5, ara 34.7/18; ad Book 15 altında (Figma 2009:2898) */
  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-swatches {
    grid-template-columns: repeat(4, 1fr);
    gap: 4.0909vw 2.7273vw; /* 18 / 12 */
    padding: 3.1818vw 0 7.2727vw 1.1364vw; /* 14 / 32 / 5 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-swatch-item {
    gap: 1vw; /* ~4.5 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-swatch-box {
    width: 8.0645vw; /* 35.48 */
    height: 8.0645vw;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-swatch-name {
    font-size: 3.4091vw; /* 15 */
    line-height: 6.3636vw; /* 28 */
  }

  /* ÜRÜNÜ GÖSTER — Book 18, ortalı; alt boşluk Safari çubuğu payıyla ~100 */
  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-foot {
    padding: 10.9091vw 0 22.7273vw; /* 48 / 100 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-apply {
    font-size: 4.0909vw; /* 18 */
    line-height: 6.8182vw;
  }
}
/* >>> AUTO-SYNC-SON:TajiFilterDrawer <<< */

/* >>> AUTO-SYNC:TajiListDescription — kaynak: src/sub-components/TajiListDescription/styles.css — ELLE DÜZENLEME, scripts/sync_sub_styles.py çalıştır <<< */
/* ===== Kategori / Marka açıklaması — ürün listesinin altındaki SEO metni =====
   Figma'da karşılığı yok; tipografi ve boşluklar PLP'nin mevcut ölçeğinden
   (Futura PT, 58px kenar boşluğu, #535353 gövde metni) türetildi. */

.cc_y2bdekpl_P263aaXkqe .taji-listdesc {
  /* Kırpma yüksekliği bu satır yüksekliğinin katı olarak hesaplanır */
  --taji-desc-lh: 24px;
  max-width: 900px;
  margin: 56px auto 0;
  padding: 40px 58px 0;
  border-top: 1px solid var(--taji-line, #dddddd);
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-title {
  margin: 0 0 16px;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.5px;
  color: var(--taji-black, #000000);
}

/* Kırpma penceresi — kapalıyken N satır yüksekliğinde.
   İçerik başlık/liste karışık olabildiği için "satır" gövde satır yüksekliği
   üzerinden yaklaşık hesaplanır; amaç sabit bir önizleme yüksekliği vermek. */
.cc_y2bdekpl_P263aaXkqe .taji-listdesc-clip {
  position: relative;
  overflow: hidden;
  max-height: calc(var(--taji-desc-lines, 5) * var(--taji-desc-lh));
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-clip.is-open {
  max-height: none;
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body {
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 400;
  font-size: 15px;
  line-height: var(--taji-desc-lh);
  color: var(--taji-gray, #535353);
}

/* Panelden gelen zengin metnin tüm olası etiketleri tema tipografisine oturur */
.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body > *:first-child {
  margin-top: 0;
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body > *:last-child {
  margin-bottom: 0;
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body p {
  margin: 0 0 12px;
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body h1, .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body h2, .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body h3, .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body h4 {
  margin: 24px 0 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.3px;
  color: var(--taji-black, #000000);
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body ul, .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body ol {
  margin: 0 0 12px;
  padding-left: 20px;
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body li {
  margin-bottom: 6px;
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body a {
  color: var(--taji-ink, #252525);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body img {
  max-width: 100%;
  height: auto;
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body strong, .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body b {
  font-weight: 500;
  color: var(--taji-ink, #252525);
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-fade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(var(--taji-desc-lh) * 1.75);
  pointer-events: none;
  background: linear-gradient(to bottom, transparent, var(--taji-desc-bg, #ffffff));
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--taji-black, #000000);
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-toggle span {
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media (max-width: 768px) {
  .cc_y2bdekpl_P263aaXkqe .taji-listdesc {
    --taji-desc-lh: 5.4545vw; /* 24 */
    margin-top: 9.0909vw; /* 40 */
    padding: 7.9545vw 4.0909vw 0; /* 35 / 18 — PLP'nin mobil kenar boşluğu */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-listdesc-title {
    margin-bottom: 3.1818vw; /* 14 */
    font-size: 4.0909vw; /* 18 */
    line-height: 5.9091vw; /* 26 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-listdesc-clip {
    max-height: calc(var(--taji-desc-lines-m, 4) * var(--taji-desc-lh));
  }

  .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body {
    font-size: 3.4091vw; /* 15 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body h1, .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body h2, .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body h3, .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body h4 {
    margin: 5.4545vw 0 2.2727vw;
    font-size: 3.6364vw; /* 16 */
    line-height: 5.4545vw;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-listdesc-toggle {
    margin-top: 3.6364vw; /* 16 */
    font-size: 3.1818vw; /* 14 */
    line-height: 4.0909vw;
  }
}
/* >>> AUTO-SYNC-SON:TajiListDescription <<< */

/* ===== Taji Filter Drawer — birebir Figma 316:3101 / 323:3484 / 531:2344 (sağdan panel, 683px) ===== */

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer {
  position: fixed;
  inset: 0;
  z-index: 1000;
}

/* Figma 316:3389: rgba(0,0,0,0.28) + 11px blur */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-scrim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.28);
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  animation: cc_y2bdekpl_P263aaXkqe_taji-fade-in 0.25s ease;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 683px;
  max-width: 100vw;
  background: var(--taji-white, #ffffff);
  display: flex;
  flex-direction: column;
  animation: cc_y2bdekpl_P263aaXkqe_taji-slide-in-right 0.3s ease;
}

@keyframes cc_y2bdekpl_P263aaXkqe_taji-slide-in-right {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes cc_y2bdekpl_P263aaXkqe_taji-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* X kendi satırında — glif 12px, üstten 39, sağdan 40 */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-topbar {
  display: flex;
  justify-content: flex-end;
  padding: 33px 34px 0;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-close {
  background: none;
  border: none;
  padding: 6px;
  cursor: pointer;
  line-height: 0;
  color: var(--taji-ink, #252525);
}

/* Başlık: Futura Book 30/45 #1c1a17, üstten 66; TÜMÜNÜ TEMİZLE sağdan 40 */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 40px 30px 69px;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-title {
  display: flex;
  align-items: center;
  gap: 15px;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 400;
  font-size: 30px;
  line-height: 45px;
  color: #1c1a17;
}

/* Seçim rozeti — 26×26 açık gri kare, koyu rakam */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: #ececec;
  color: var(--taji-ink, #252525);
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
}

/* Figma 531:2608 — Futura PT Medium 15/28, siyah, aralıksız, büyük harf
   (mobil override 3.4091vw = 15 ile zaten aynıydı; hata masaüstündeydi) */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-clear {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 500;
  font-size: 15px;
  line-height: 28px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--taji-black, #000000);
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 0 69px;
}

/* Kapalı satır adımı 62 = 57 + 5 boşluk (çizgi satırın dibinde) */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-group {
  border-bottom: 1px solid var(--taji-line, #dddddd);
  margin-bottom: 5px;
}

/* Açık grupta ayraç KOYU tam genişlik çizgi; sonraki başlık 7px sonra */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-group.is-open {
  border-bottom-color: var(--taji-ink, #252525);
  margin-bottom: 7px;
}

/* Grup satırı — 57px; etiket 5px içeriden, Futura Medium 17/28; chevron sağdan 14 */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-group-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 57px;
  padding: 0 14px 0 5px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 500;
  font-size: 17px;
  line-height: 28px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--taji-black, #000000);
}

/* Checkbox listesi — başlıktan 15px sonra, satır 28px + 10 ara (adım 38), altta 31 */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-values {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px 0 31px 5px;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-value {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 28px;
  cursor: pointer;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 400;
  font-size: 15px;
  line-height: 28px;
  color: var(--taji-ink, #252525);
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-value input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* 18×18 kutu; seçili = siyah dolgu + beyaz ince tik (Figma 531:2303/2322) */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #b5b5b5;
  background: var(--taji-white, #ffffff);
  color: var(--taji-white, #ffffff);
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-check svg {
  width: 10px;
  height: 9px;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-value input:checked + .taji-fdrawer-check {
  background: var(--taji-ink, #252525);
  border-color: var(--taji-ink, #252525);
}

/* Renk filtresi — 49px kare kutular, adı altta (Figma 531:2344).
   Eşit genişlikli grid: etiket uzunluğu kutuların sütun hizasını bozmasın */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-swatches {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: start;
  gap: 18px 12px;
  padding: 15px 0 31px 5px;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-swatch-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-swatch-box {
  display: block;
  width: 49px;
  height: 49px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  object-fit: cover;
}

/* Seçili: 1px çerçeve halkası (toplam 57 kutu — Figma 531:2568) */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-swatch-item.is-selected .taji-fdrawer-swatch-box {
  outline: 1px solid var(--taji-ink, #252525);
  outline-offset: 3px;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-swatch-name {
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 400;
  font-size: 15px;
  line-height: 28px;
  color: var(--taji-ink, #252525);
  max-width: 100%;
  text-align: center;
  overflow-wrap: break-word;
}

/* Sonuç metni — Futura Book 18, ortalı; panel altından 163px yukarıda biter */
.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-foot {
  margin-top: auto;
  display: flex;
  justify-content: center;
  padding: 48px 0 163px;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-apply {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  text-align: center;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: var(--taji-black, #000000);
  transition: opacity 0.2s ease;
}

.cc_y2bdekpl_P263aaXkqe .taji-fdrawer-apply:hover {
  opacity: 0.7;
}

/* ===== Mobil — birebir Figma 0:2545 / 0:3389 / 2009:2898 (440 taban → vw) ===== */
@media (max-width: 768px) {
  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-panel {
    width: 100%;
  }

  /* X: glif 12, sağdan 27 / üstten 39 (buton 6px dolgulu) */
  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-topbar {
    padding: 7.5vw 4.7727vw 0; /* 33 / 21 */
  }

  /* Başlık Book 30/45 sol 40; TÜMÜNÜ TEMİZLE Medium 15 SİYAH sağ 40 */
  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-head {
    padding: 2.0455vw 9.0909vw 6.8182vw; /* 9 / 40 / 30 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-title {
    gap: 3.4091vw; /* 15 */
    font-size: 6.8182vw; /* 30 */
    line-height: 10.2273vw; /* 45 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-count {
    width: 5.9091vw; /* 26 */
    height: 5.9091vw;
    font-size: 2.9545vw; /* 13 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-clear {
    font-weight: 500;
    font-size: 3.4091vw; /* 15 */
    line-height: 6.3636vw;
    letter-spacing: 0;
    color: var(--taji-black, #000000);
    text-transform: uppercase;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-body {
    padding: 0 9.0909vw; /* 40 */
  }

  /* Satırlar 51px, adım 56; ayraç bir SONRAKİ grubun üst çizgisi (ilkinde yok) */
  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-group, .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-group.is-open {
    border-bottom: none;
    margin-bottom: 1.1364vw; /* 5 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-group + .taji-fdrawer-group {
    border-top: 1px solid var(--taji-line, #dddddd);
  }

  /* Başlık Medium 17/28, aralıksız; etiket 5 içeride, ok 18 sağa yaslı */
  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-group-head {
    height: 11.5909vw; /* 51 */
    padding: 0 0 0 1.1364vw; /* 5 */
    font-size: 3.8636vw; /* 17 */
    line-height: 6.3636vw; /* 28 */
    letter-spacing: 0;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-group-head svg {
    width: 4.0909vw; /* 18 */
    height: 4.0909vw;
  }

  /* Checkbox listesi: üst 10, adım 38 (28 satır + 10), alt 32 (Figma 0:3389) */
  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-values {
    gap: 2.2727vw; /* 10 */
    padding: 2.2727vw 0 7.2727vw 1.1364vw; /* 10 / 32 / 5 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-value {
    gap: 2.2727vw; /* 10 */
    height: 6.3636vw; /* 28 */
    font-size: 3.4091vw; /* 15 */
    line-height: 6.3636vw;
  }

  /* Kutu 18×18, 3px köşe; seçili siyah + beyaz tik 10×9 (Figma 0:3418) */
  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-check {
    width: 4.0909vw;
    height: 4.0909vw;
    border-radius: 3px;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-check svg {
    width: 2.2727vw; /* 10 */
    height: 2.0455vw; /* 9 */
  }

  /* Renk kutuları 35.5, ara 34.7/18; ad Book 15 altında (Figma 2009:2898) */
  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-swatches {
    grid-template-columns: repeat(4, 1fr);
    gap: 4.0909vw 2.7273vw; /* 18 / 12 */
    padding: 3.1818vw 0 7.2727vw 1.1364vw; /* 14 / 32 / 5 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-swatch-item {
    gap: 1vw; /* ~4.5 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-swatch-box {
    width: 8.0645vw; /* 35.48 */
    height: 8.0645vw;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-swatch-name {
    font-size: 3.4091vw; /* 15 */
    line-height: 6.3636vw; /* 28 */
  }

  /* ÜRÜNÜ GÖSTER — Book 18, ortalı; alt boşluk Safari çubuğu payıyla ~100 */
  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-foot {
    padding: 10.9091vw 0 22.7273vw; /* 48 / 100 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-fdrawer-apply {
    font-size: 4.0909vw; /* 18 */
    line-height: 6.8182vw;
  }
}

/* ===== Kategori / Marka açıklaması — ürün listesinin altındaki SEO metni =====
   Figma'da karşılığı yok; tipografi ve boşluklar PLP'nin mevcut ölçeğinden
   (Futura PT, 58px kenar boşluğu, #535353 gövde metni) türetildi. */

.cc_y2bdekpl_P263aaXkqe .taji-listdesc {
  /* Kırpma yüksekliği bu satır yüksekliğinin katı olarak hesaplanır */
  --taji-desc-lh: 24px;
  max-width: 900px;
  margin: 56px auto 0;
  padding: 40px 58px 0;
  border-top: 1px solid var(--taji-line, #dddddd);
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-title {
  margin: 0 0 16px;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.5px;
  color: var(--taji-black, #000000);
}

/* Kırpma penceresi — kapalıyken N satır yüksekliğinde.
   İçerik başlık/liste karışık olabildiği için "satır" gövde satır yüksekliği
   üzerinden yaklaşık hesaplanır; amaç sabit bir önizleme yüksekliği vermek. */
.cc_y2bdekpl_P263aaXkqe .taji-listdesc-clip {
  position: relative;
  overflow: hidden;
  max-height: calc(var(--taji-desc-lines, 5) * var(--taji-desc-lh));
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-clip.is-open {
  max-height: none;
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body {
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 400;
  font-size: 15px;
  line-height: var(--taji-desc-lh);
  color: var(--taji-gray, #535353);
}

/* Panelden gelen zengin metnin tüm olası etiketleri tema tipografisine oturur */
.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body > *:first-child {
  margin-top: 0;
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body > *:last-child {
  margin-bottom: 0;
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body p {
  margin: 0 0 12px;
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body h1, .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body h2, .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body h3, .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body h4 {
  margin: 24px 0 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.3px;
  color: var(--taji-black, #000000);
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body ul, .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body ol {
  margin: 0 0 12px;
  padding-left: 20px;
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body li {
  margin-bottom: 6px;
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body a {
  color: var(--taji-ink, #252525);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body img {
  max-width: 100%;
  height: auto;
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-body strong, .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body b {
  font-weight: 500;
  color: var(--taji-ink, #252525);
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-fade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(var(--taji-desc-lh) * 1.75);
  pointer-events: none;
  background: linear-gradient(to bottom, transparent, var(--taji-desc-bg, #ffffff));
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--taji-black, #000000);
}

.cc_y2bdekpl_P263aaXkqe .taji-listdesc-toggle span {
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media (max-width: 768px) {
  .cc_y2bdekpl_P263aaXkqe .taji-listdesc {
    --taji-desc-lh: 5.4545vw; /* 24 */
    margin-top: 9.0909vw; /* 40 */
    padding: 7.9545vw 4.0909vw 0; /* 35 / 18 — PLP'nin mobil kenar boşluğu */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-listdesc-title {
    margin-bottom: 3.1818vw; /* 14 */
    font-size: 4.0909vw; /* 18 */
    line-height: 5.9091vw; /* 26 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-listdesc-clip {
    max-height: calc(var(--taji-desc-lines-m, 4) * var(--taji-desc-lh));
  }

  .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body {
    font-size: 3.4091vw; /* 15 */
  }

  .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body h1, .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body h2, .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body h3, .cc_y2bdekpl_P263aaXkqe .taji-listdesc-body h4 {
    margin: 5.4545vw 0 2.2727vw;
    font-size: 3.6364vw; /* 16 */
    line-height: 5.4545vw;
  }

  .cc_y2bdekpl_P263aaXkqe .taji-listdesc-toggle {
    margin-top: 3.6364vw; /* 16 */
    font-size: 3.1818vw; /* 14 */
    line-height: 4.0909vw;
  }
}