/*
 * PLP filtre + sıralama paneli — issue #18.
 *
 * Ölçüler Figma'nın 1440px çerçevesinden: sıralama bloğu 24px dikey padding +
 * alt çizgi, filtre grupları 16px dikey padding'li 24px yüksekliğinde başlık
 * satırı, açık grubun gövdesi 20px üstten / 16px alttan boşluklu 2 kolonlu
 * 16px aralıklı grid.
 */

.cc_g2xfyo6p_cVADMbykyO .plp-panel-inner, .cc_g2xfyo6p_iDY6cx1c7p .plp-panel-inner {
  padding-inline: 20px;
}

/* Ekran okuyucuya açık, görsel olarak gizli gerçek form kontrolü —
   klavye odağı ve seçim durumu tarayıcıdan gelir. */
.cc_g2xfyo6p_cVADMbykyO .plp-input, .cc_g2xfyo6p_iDY6cx1c7p .plp-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.cc_g2xfyo6p_cVADMbykyO .plp-input:focus-visible + .plp-box, .cc_g2xfyo6p_iDY6cx1c7p .plp-input:focus-visible + .plp-box, .cc_g2xfyo6p_cVADMbykyO .plp-input:focus-visible + .plp-radio, .cc_g2xfyo6p_iDY6cx1c7p .plp-input:focus-visible + .plp-radio {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}

/* ==========================================================================
   Sıralama
   ========================================================================== */

.cc_g2xfyo6p_cVADMbykyO .plp-sort, .cc_g2xfyo6p_iDY6cx1c7p .plp-sort {
  padding-block: 24px;
  border-bottom: 1px solid var(--color-border);
}

.cc_g2xfyo6p_cVADMbykyO .plp-sort-row, .cc_g2xfyo6p_iDY6cx1c7p .plp-sort-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.cc_g2xfyo6p_cVADMbykyO .plp-sort-row + .plp-sort-row, .cc_g2xfyo6p_iDY6cx1c7p .plp-sort-row + .plp-sort-row {
  margin-top: 8px;
}

.cc_g2xfyo6p_cVADMbykyO .plp-radio, .cc_g2xfyo6p_iDY6cx1c7p .plp-radio {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 16px;
  height: 16px;
  border: 1px solid var(--color-black);
  border-radius: var(--radius-pill);
}

.cc_g2xfyo6p_cVADMbykyO .plp-radio.is-checked::after, .cc_g2xfyo6p_iDY6cx1c7p .plp-radio.is-checked::after {
  width: 10px;
  height: 10px;
  border-radius: var(--radius-pill);
  background: var(--color-black);
  content: "";
}

/* ==========================================================================
   Filtre grupları
   ========================================================================== */

.cc_g2xfyo6p_cVADMbykyO .plp-fgroup, .cc_g2xfyo6p_iDY6cx1c7p .plp-fgroup {
  padding-block: 16px;
}

.cc_g2xfyo6p_cVADMbykyO .plp-fgroup.has-rule, .cc_g2xfyo6p_iDY6cx1c7p .plp-fgroup.has-rule {
  border-top: 1px solid var(--color-border);
}

.cc_g2xfyo6p_cVADMbykyO .plp-fgroup-head, .cc_g2xfyo6p_iDY6cx1c7p .plp-fgroup-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 24px;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.cc_g2xfyo6p_cVADMbykyO .plp-fgroup-name, .cc_g2xfyo6p_iDY6cx1c7p .plp-fgroup-name {
  min-width: 0;
}

.cc_g2xfyo6p_cVADMbykyO .plp-fgroup-icon, .cc_g2xfyo6p_iDY6cx1c7p .plp-fgroup-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 8px;
  height: 8px;
  margin-left: 12px;
}

.cc_g2xfyo6p_cVADMbykyO .plp-fgroup-head:focus-visible, .cc_g2xfyo6p_iDY6cx1c7p .plp-fgroup-head:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}

.cc_g2xfyo6p_cVADMbykyO .plp-fgroup-body, .cc_g2xfyo6p_iDY6cx1c7p .plp-fgroup-body {
  padding-block: 20px 16px;
}

/* ==========================================================================
   Filtre değerleri
   ========================================================================== */

.cc_g2xfyo6p_cVADMbykyO .plp-values, .cc_g2xfyo6p_iDY6cx1c7p .plp-values {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.cc_g2xfyo6p_cVADMbykyO .plp-values--single, .cc_g2xfyo6p_iDY6cx1c7p .plp-values--single {
  grid-template-columns: minmax(0, 1fr);
}

/* Renk/görsel çipli filtreler tek kolonda daha okunur */
.cc_g2xfyo6p_cVADMbykyO .plp-values--swatch, .cc_g2xfyo6p_iDY6cx1c7p .plp-values--swatch {
  grid-template-columns: minmax(0, 1fr);
}

.cc_g2xfyo6p_cVADMbykyO .plp-value, .cc_g2xfyo6p_iDY6cx1c7p .plp-value {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  cursor: pointer;
}

.cc_g2xfyo6p_cVADMbykyO .plp-value.is-empty, .cc_g2xfyo6p_iDY6cx1c7p .plp-value.is-empty {
  opacity: 0.4;
  cursor: not-allowed;
}

.cc_g2xfyo6p_cVADMbykyO .plp-value-label, .cc_g2xfyo6p_iDY6cx1c7p .plp-value-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*
 * Tasarımda kutunun yalnızca boş hâli çizilmiş; seçili hâli (siyah dolgu +
 * beyaz onay işareti) tasarım diline uygun şekilde eklendi.
 */
.cc_g2xfyo6p_cVADMbykyO .plp-box, .cc_g2xfyo6p_iDY6cx1c7p .plp-box {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 16px;
  height: 16px;
  border: 1px solid var(--color-black);
}

.cc_g2xfyo6p_cVADMbykyO .plp-box.is-checked, .cc_g2xfyo6p_iDY6cx1c7p .plp-box.is-checked {
  background: var(--color-black);
  color: var(--color-white);
}

.cc_g2xfyo6p_cVADMbykyO .plp-swatch, .cc_g2xfyo6p_iDY6cx1c7p .plp-swatch {
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  overflow: hidden;
}

.cc_g2xfyo6p_cVADMbykyO .plp-swatch img, .cc_g2xfyo6p_iDY6cx1c7p .plp-swatch img, .cc_g2xfyo6p_cVADMbykyO .plp-swatch-fill, .cc_g2xfyo6p_iDY6cx1c7p .plp-swatch-fill {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ==========================================================================
   Sayı aralığı filtresi (tasarımda örneği yok, veri sağlarsa basılır)
   ========================================================================== */

.cc_g2xfyo6p_cVADMbykyO .plp-range, .cc_g2xfyo6p_iDY6cx1c7p .plp-range {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cc_g2xfyo6p_cVADMbykyO .plp-range-input, .cc_g2xfyo6p_iDY6cx1c7p .plp-range-input {
  min-width: 0;
  flex: 1;
  height: 36px;
  padding-inline: 8px;
  border: 1px solid var(--color-border);
  background: var(--color-white);
  color: inherit;
}

.cc_g2xfyo6p_cVADMbykyO .plp-range-input::placeholder, .cc_g2xfyo6p_iDY6cx1c7p .plp-range-input::placeholder {
  color: var(--color-placeholder);
  opacity: 1;
}

.cc_g2xfyo6p_cVADMbykyO .plp-range-suffix, .cc_g2xfyo6p_iDY6cx1c7p .plp-range-suffix {
  flex-shrink: 0;
}

/* Panel kabuğu ve perdesi — build yalnızca bu @import'lar üzerinden topluyor. */
/* Imported from: ../Overlay/styles.css */
/* Ortak perde — Shop mega menü, Search ve Cart drawer'larında aynı davranış */
.cc_g2xfyo6p_cVADMbykyO .mk-overlay, .cc_g2xfyo6p_iDY6cx1c7p .mk-overlay {
  position: absolute;
  inset: 0;
  border: 0;
  padding: 0;
  background: var(--color-scrim);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  cursor: pointer;
}

/* End import: ../Overlay/styles.css */
/* Imported from: ../Drawer/styles.css */
/*
 * Ortak panel kabuğu. Genişlik, her kullanım yerinde --mk-drawer-width ile
 * belirlenir (Shop menü 576px, Search/Cart kendi ölçüleri).
 */
.cc_g2xfyo6p_cVADMbykyO .mk-drawer, .cc_g2xfyo6p_iDY6cx1c7p .mk-drawer {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
}

.cc_g2xfyo6p_cVADMbykyO .mk-drawer[data-side="left"], .cc_g2xfyo6p_iDY6cx1c7p .mk-drawer[data-side="left"] {
  justify-content: flex-start;
}

.cc_g2xfyo6p_cVADMbykyO .mk-drawer[data-side="right"], .cc_g2xfyo6p_iDY6cx1c7p .mk-drawer[data-side="right"] {
  justify-content: flex-end;
}

/* Alttan açılan panel — dar ekrandaki filtre paneli. */
.cc_g2xfyo6p_cVADMbykyO .mk-drawer[data-side="bottom"], .cc_g2xfyo6p_iDY6cx1c7p .mk-drawer[data-side="bottom"] {
  align-items: flex-end;
}

.cc_g2xfyo6p_cVADMbykyO .mk-drawer-panel, .cc_g2xfyo6p_iDY6cx1c7p .mk-drawer-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  width: var(--mk-drawer-width, 480px);
  max-width: 100%;
  height: 100%;
  background: var(--color-white);
  overflow: hidden;
}

.cc_g2xfyo6p_cVADMbykyO .mk-drawer[data-side="left"] .mk-drawer-panel, .cc_g2xfyo6p_iDY6cx1c7p .mk-drawer[data-side="left"] .mk-drawer-panel {
  animation: mk-drawer-in-left 0.25s ease-out;
}

.cc_g2xfyo6p_cVADMbykyO .mk-drawer[data-side="right"] .mk-drawer-panel, .cc_g2xfyo6p_iDY6cx1c7p .mk-drawer[data-side="right"] .mk-drawer-panel {
  animation: mk-drawer-in-right 0.25s ease-out;
}

/*
 * Alttan açılan panelde yükseklik esnek: içerik tavanın altında kalırsa panel
 * kendi yüksekliğini alır, geçerse tavanda durur ve içindeki kaydırılabilir
 * bölge devreye girer. Bunun için `height: 100%` burada `auto`ya döner.
 */
.cc_g2xfyo6p_cVADMbykyO .mk-drawer[data-side="bottom"] .mk-drawer-panel, .cc_g2xfyo6p_iDY6cx1c7p .mk-drawer[data-side="bottom"] .mk-drawer-panel {
  width: 100%;
  height: auto;
  max-height: var(--mk-drawer-max-height, 85vh);
  animation: mk-drawer-slide-in-bottom 0.25s ease-out;
}

@keyframes mk-drawer-in-left {
  from {
    transform: translateX(-24px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes mk-drawer-in-right {
  from {
    transform: translateX(24px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/*
 * Mobilde panel tam genişlik. Perde görünmediği için 24px'lik kayma açılışı
 * anlatmıyor — panel kendi kenarından tam boy içeri girer.
 */
@media (max-width: 767px) {
  .cc_g2xfyo6p_cVADMbykyO .mk-drawer-panel, .cc_g2xfyo6p_iDY6cx1c7p .mk-drawer-panel {
    width: 100%;
  }

  .cc_g2xfyo6p_cVADMbykyO .mk-drawer[data-side="left"] .mk-drawer-panel, .cc_g2xfyo6p_iDY6cx1c7p .mk-drawer[data-side="left"] .mk-drawer-panel {
    animation-name: mk-drawer-slide-in-left;
  }

  .cc_g2xfyo6p_cVADMbykyO .mk-drawer[data-side="right"] .mk-drawer-panel, .cc_g2xfyo6p_iDY6cx1c7p .mk-drawer[data-side="right"] .mk-drawer-panel {
    animation-name: mk-drawer-slide-in-right;
  }
}

@keyframes mk-drawer-slide-in-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

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

@keyframes mk-drawer-slide-in-bottom {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

/*
 * Animasyonu kapatan iki kural en sonda ve `[data-side]` ile aynı özgüllükte
 * durmak zorunda: mobil bloğu `animation-name`'i yeniden yazdığı için daha
 * zayıf ya da daha önce gelen bir `animation: none` orada ezilir.
 */

/* Sekme geçişi — panel aynı yerde kaldığından kayma animasyonu çalışmamalı */
.cc_g2xfyo6p_cVADMbykyO .mk-drawer[data-instant="true"] .mk-drawer-panel, .cc_g2xfyo6p_iDY6cx1c7p .mk-drawer[data-instant="true"] .mk-drawer-panel {
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  .cc_g2xfyo6p_cVADMbykyO .mk-drawer[data-side] .mk-drawer-panel, .cc_g2xfyo6p_iDY6cx1c7p .mk-drawer[data-side] .mk-drawer-panel {
    animation: none;
  }
}

/* End import: ../Drawer/styles.css */
/* Imported from: ../ProductFilterPanel/styles.css */
/*
 * PLP filtre + sıralama paneli — issue #18.
 *
 * Ölçüler Figma'nın 1440px çerçevesinden: sıralama bloğu 24px dikey padding +
 * alt çizgi, filtre grupları 16px dikey padding'li 24px yüksekliğinde başlık
 * satırı, açık grubun gövdesi 20px üstten / 16px alttan boşluklu 2 kolonlu
 * 16px aralıklı grid.
 */

.cc_g2xfyo6p_cVADMbykyO .plp-panel-inner, .cc_g2xfyo6p_iDY6cx1c7p .plp-panel-inner {
  padding-inline: 20px;
}

/* Ekran okuyucuya açık, görsel olarak gizli gerçek form kontrolü —
   klavye odağı ve seçim durumu tarayıcıdan gelir. */
.cc_g2xfyo6p_cVADMbykyO .plp-input, .cc_g2xfyo6p_iDY6cx1c7p .plp-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.cc_g2xfyo6p_cVADMbykyO .plp-input:focus-visible + .plp-box, .cc_g2xfyo6p_iDY6cx1c7p .plp-input:focus-visible + .plp-box, .cc_g2xfyo6p_cVADMbykyO .plp-input:focus-visible + .plp-radio, .cc_g2xfyo6p_iDY6cx1c7p .plp-input:focus-visible + .plp-radio {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}

/* ==========================================================================
   Sıralama
   ========================================================================== */

.cc_g2xfyo6p_cVADMbykyO .plp-sort, .cc_g2xfyo6p_iDY6cx1c7p .plp-sort {
  padding-block: 24px;
  border-bottom: 1px solid var(--color-border);
}

.cc_g2xfyo6p_cVADMbykyO .plp-sort-row, .cc_g2xfyo6p_iDY6cx1c7p .plp-sort-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.cc_g2xfyo6p_cVADMbykyO .plp-sort-row + .plp-sort-row, .cc_g2xfyo6p_iDY6cx1c7p .plp-sort-row + .plp-sort-row {
  margin-top: 8px;
}

.cc_g2xfyo6p_cVADMbykyO .plp-radio, .cc_g2xfyo6p_iDY6cx1c7p .plp-radio {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 16px;
  height: 16px;
  border: 1px solid var(--color-black);
  border-radius: var(--radius-pill);
}

.cc_g2xfyo6p_cVADMbykyO .plp-radio.is-checked::after, .cc_g2xfyo6p_iDY6cx1c7p .plp-radio.is-checked::after {
  width: 10px;
  height: 10px;
  border-radius: var(--radius-pill);
  background: var(--color-black);
  content: "";
}

/* ==========================================================================
   Filtre grupları
   ========================================================================== */

.cc_g2xfyo6p_cVADMbykyO .plp-fgroup, .cc_g2xfyo6p_iDY6cx1c7p .plp-fgroup {
  padding-block: 16px;
}

.cc_g2xfyo6p_cVADMbykyO .plp-fgroup.has-rule, .cc_g2xfyo6p_iDY6cx1c7p .plp-fgroup.has-rule {
  border-top: 1px solid var(--color-border);
}

.cc_g2xfyo6p_cVADMbykyO .plp-fgroup-head, .cc_g2xfyo6p_iDY6cx1c7p .plp-fgroup-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 24px;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.cc_g2xfyo6p_cVADMbykyO .plp-fgroup-name, .cc_g2xfyo6p_iDY6cx1c7p .plp-fgroup-name {
  min-width: 0;
}

.cc_g2xfyo6p_cVADMbykyO .plp-fgroup-icon, .cc_g2xfyo6p_iDY6cx1c7p .plp-fgroup-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 8px;
  height: 8px;
  margin-left: 12px;
}

.cc_g2xfyo6p_cVADMbykyO .plp-fgroup-head:focus-visible, .cc_g2xfyo6p_iDY6cx1c7p .plp-fgroup-head:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}

.cc_g2xfyo6p_cVADMbykyO .plp-fgroup-body, .cc_g2xfyo6p_iDY6cx1c7p .plp-fgroup-body {
  padding-block: 20px 16px;
}

/* ==========================================================================
   Filtre değerleri
   ========================================================================== */

.cc_g2xfyo6p_cVADMbykyO .plp-values, .cc_g2xfyo6p_iDY6cx1c7p .plp-values {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.cc_g2xfyo6p_cVADMbykyO .plp-values--single, .cc_g2xfyo6p_iDY6cx1c7p .plp-values--single {
  grid-template-columns: minmax(0, 1fr);
}

/* Renk/görsel çipli filtreler tek kolonda daha okunur */
.cc_g2xfyo6p_cVADMbykyO .plp-values--swatch, .cc_g2xfyo6p_iDY6cx1c7p .plp-values--swatch {
  grid-template-columns: minmax(0, 1fr);
}

.cc_g2xfyo6p_cVADMbykyO .plp-value, .cc_g2xfyo6p_iDY6cx1c7p .plp-value {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  cursor: pointer;
}

.cc_g2xfyo6p_cVADMbykyO .plp-value.is-empty, .cc_g2xfyo6p_iDY6cx1c7p .plp-value.is-empty {
  opacity: 0.4;
  cursor: not-allowed;
}

.cc_g2xfyo6p_cVADMbykyO .plp-value-label, .cc_g2xfyo6p_iDY6cx1c7p .plp-value-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*
 * Tasarımda kutunun yalnızca boş hâli çizilmiş; seçili hâli (siyah dolgu +
 * beyaz onay işareti) tasarım diline uygun şekilde eklendi.
 */
.cc_g2xfyo6p_cVADMbykyO .plp-box, .cc_g2xfyo6p_iDY6cx1c7p .plp-box {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 16px;
  height: 16px;
  border: 1px solid var(--color-black);
}

.cc_g2xfyo6p_cVADMbykyO .plp-box.is-checked, .cc_g2xfyo6p_iDY6cx1c7p .plp-box.is-checked {
  background: var(--color-black);
  color: var(--color-white);
}

.cc_g2xfyo6p_cVADMbykyO .plp-swatch, .cc_g2xfyo6p_iDY6cx1c7p .plp-swatch {
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  overflow: hidden;
}

.cc_g2xfyo6p_cVADMbykyO .plp-swatch img, .cc_g2xfyo6p_iDY6cx1c7p .plp-swatch img, .cc_g2xfyo6p_cVADMbykyO .plp-swatch-fill, .cc_g2xfyo6p_iDY6cx1c7p .plp-swatch-fill {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ==========================================================================
   Sayı aralığı filtresi (tasarımda örneği yok, veri sağlarsa basılır)
   ========================================================================== */

.cc_g2xfyo6p_cVADMbykyO .plp-range, .cc_g2xfyo6p_iDY6cx1c7p .plp-range {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cc_g2xfyo6p_cVADMbykyO .plp-range-input, .cc_g2xfyo6p_iDY6cx1c7p .plp-range-input {
  min-width: 0;
  flex: 1;
  height: 36px;
  padding-inline: 8px;
  border: 1px solid var(--color-border);
  background: var(--color-white);
  color: inherit;
}

.cc_g2xfyo6p_cVADMbykyO .plp-range-input::placeholder, .cc_g2xfyo6p_iDY6cx1c7p .plp-range-input::placeholder {
  color: var(--color-placeholder);
  opacity: 1;
}

.cc_g2xfyo6p_cVADMbykyO .plp-range-suffix, .cc_g2xfyo6p_iDY6cx1c7p .plp-range-suffix {
  flex-shrink: 0;
}

/* End import: ../ProductFilterPanel/styles.css */

/*
 * Dar ekranın filtre + sıralama paneli — alttan açılır kutu.
 *
 * Panelin kabuğu (perde, 85vh tavanı, kayma animasyonu) `Drawer`'dan gelir;
 * burada yalnızca üç bölümün dikey dağılımı ve aksiyon çubuğu tanımlanır.
 *
 * Dağılım: başlık ve aksiyon çubuğu esnemez (`flex-shrink: 0`), aradaki gövde
 * kalan alanı alır. İçerik tavanın altında kalırsa panel içeriği kadar yüksek
 * olur; geçerse yalnızca gövde kaydırılır, iki uç yerinde kalır.
 */

.cc_g2xfyo6p_cVADMbykyO .plp-drawer-head, .cc_g2xfyo6p_iDY6cx1c7p .plp-drawer-head {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px;
}

/* Figma başlık ölçüsü Heading M ile aynı; tasarımda ağırlık bir kademe yukarıda. */
.cc_g2xfyo6p_cVADMbykyO .plp-drawer-title, .cc_g2xfyo6p_iDY6cx1c7p .plp-drawer-title {
  margin: 0;
  font-weight: 500;
}

.cc_g2xfyo6p_cVADMbykyO .plp-drawer-close, .cc_g2xfyo6p_iDY6cx1c7p .plp-drawer-close {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  cursor: pointer;
}

/*
 * `min-height: 0` şart: flex çocuğunun varsayılan `min-height: auto` değeri
 * kutunun içeriğinden küçülmesini engeller, o zaman gövde kaydırılmaz ve
 * aksiyon çubuğu tavanın altından taşardı.
 */
.cc_g2xfyo6p_cVADMbykyO .plp-drawer-body, .cc_g2xfyo6p_iDY6cx1c7p .plp-drawer-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.cc_g2xfyo6p_cVADMbykyO .plp-drawer-foot, .cc_g2xfyo6p_iDY6cx1c7p .plp-drawer-foot {
  display: flex;
  flex-shrink: 0;
  gap: 12px;
  padding: 12px 20px;
  /* Çentikli/gesture çubuklu cihazlarda düğmeler sistem çubuğunun altında kalmasın. */
  padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--color-hairline);
  background: var(--color-white);
}

.cc_g2xfyo6p_cVADMbykyO .plp-drawer-action, .cc_g2xfyo6p_iDY6cx1c7p .plp-drawer-action {
  display: inline-flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: var(--control-height);
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: var(--radius-button);
  cursor: pointer;
}

.cc_g2xfyo6p_cVADMbykyO .plp-drawer-action.is-ghost, .cc_g2xfyo6p_iDY6cx1c7p .plp-drawer-action.is-ghost {
  border-color: var(--color-black);
  background: var(--color-white);
  color: var(--color-ink);
}

.cc_g2xfyo6p_cVADMbykyO .plp-drawer-action.is-solid, .cc_g2xfyo6p_iDY6cx1c7p .plp-drawer-action.is-solid {
  border-color: var(--color-black);
  background: var(--color-black);
  color: var(--color-white);
}

/*
 * Hiç filtre seçilmemişken iki düğmenin de yapacağı bir iş yok. İkisi soluk
 * metne düşer ama biçimlerini korur: çerçeveli olan çerçevesini soluklaştırır,
 * dolu olan pasif dolguya geçer — aksi hâlde ikisi ayırt edilemez hâle gelirdi.
 */
.cc_g2xfyo6p_cVADMbykyO .plp-drawer-action:disabled, .cc_g2xfyo6p_iDY6cx1c7p .plp-drawer-action:disabled {
  color: var(--color-placeholder);
  cursor: default;
}

.cc_g2xfyo6p_cVADMbykyO .plp-drawer-action.is-ghost:disabled, .cc_g2xfyo6p_iDY6cx1c7p .plp-drawer-action.is-ghost:disabled {
  border-color: var(--color-border);
  background: var(--color-white);
}

.cc_g2xfyo6p_cVADMbykyO .plp-drawer-action.is-solid:disabled, .cc_g2xfyo6p_iDY6cx1c7p .plp-drawer-action.is-solid:disabled {
  border-color: transparent;
  background: var(--color-surface-muted);
}

.cc_g2xfyo6p_cVADMbykyO .plp-drawer-head button:focus-visible, .cc_g2xfyo6p_iDY6cx1c7p .plp-drawer-head button:focus-visible, .cc_g2xfyo6p_cVADMbykyO .plp-drawer-foot button:focus-visible, .cc_g2xfyo6p_iDY6cx1c7p .plp-drawer-foot button:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}