/* ─── ProductListLayout ─── eski product-list-layout Tailwind → düz CSS
   (değerler birebir). Alt bağımlılıklar recursive @import ile. */
/* Imported from: ../ProductCard/styles.css */
/* ─── ProductCard ─── eski Tailwind → düz CSS (değerler birebir).
   QuickView stilleri (ve onun alt bağımlılıkları) recursive @import ile. */
/* Imported from: ../QuickView/styles.css */
/* ─── QuickView ─── eski Tailwind → düz CSS (değerler birebir).
   Kullandığı sub-component stilleri recursive @import ile gelir. */
/* Imported from: ../ColorSwatchesPicker/styles.css */
/* ─── ColorSwatchesPicker ─── eski Tailwind → düz CSS (değerler birebir). */

/* h2: text-xs capitalize text-ink (+ preflight sıfırlamaları: margin 0,
   başlık kalınlığı kalıtım = 400) */
.cc_qb107hkb_IZCaxJOaZB .csw-label, .cc_qb107hkb_Xt2iXfU7md .csw-label, .cc_qb107hkb_I7bjyo0mR7 .csw-label {
  margin: 0;
  font-size: 12px; /* text-xs */
  line-height: 16px;
  font-weight: 400;
  text-transform: capitalize;
  color: #2d2a26; /* text-ink */
}

/* seçili renk adı: inline-block font-bold capitalize (koşullu ml-2) */
.cc_qb107hkb_IZCaxJOaZB .csw-name, .cc_qb107hkb_Xt2iXfU7md .csw-name, .cc_qb107hkb_I7bjyo0mR7 .csw-name {
  display: inline-block;
  font-weight: 700;
  text-transform: capitalize;
}
.cc_qb107hkb_IZCaxJOaZB .csw-name--ml, .cc_qb107hkb_Xt2iXfU7md .csw-name--ml, .cc_qb107hkb_I7bjyo0mR7 .csw-name--ml {
  margin-left: 0.5rem; /* ml-2 */
}

/* ul: flex w-full flex-wrap gap-2 pb-2 pt-2.5 (+ liste sıfırlama) */
.cc_qb107hkb_IZCaxJOaZB .csw-list, .cc_qb107hkb_Xt2iXfU7md .csw-list, .cc_qb107hkb_I7bjyo0mR7 .csw-list {
  list-style: none;
  margin: 0;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 0.5rem; /* gap-2 */
  padding: 0.625rem 0 0.5rem; /* pt-2.5 pb-2 */
}

/* li: group relative */
.cc_qb107hkb_IZCaxJOaZB .csw-item, .cc_qb107hkb_Xt2iXfU7md .csw-item, .cc_qb107hkb_I7bjyo0mR7 .csw-item {
  position: relative;
}

/* button: relative block h-6 w-6 overflow-hidden rounded-sm outline-offset-2
   transition-[outline] (+ buton sıfırlama) */
.cc_qb107hkb_IZCaxJOaZB .csw-btn, .cc_qb107hkb_Xt2iXfU7md .csw-btn, .cc_qb107hkb_I7bjyo0mR7 .csw-btn {
  position: relative;
  display: block;
  height: 1.5rem; /* h-6 */
  width: 1.5rem; /* w-6 */
  overflow: hidden;
  border-radius: 2px; /* rounded-sm */
  outline-offset: 2px;
  outline: none;
  transition: outline 150ms cubic-bezier(0.4, 0, 0.2, 1); /* transition-[outline] */
  border: 0;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}
/* seçili: outline outline-1 outline-ink */
.cc_qb107hkb_IZCaxJOaZB .csw-btn--selected, .cc_qb107hkb_Xt2iXfU7md .csw-btn--selected, .cc_qb107hkb_I7bjyo0mR7 .csw-btn--selected {
  outline: 1px solid #2d2a26;
}
/* seçili değil hover: hover:outline hover:outline-1 hover:outline-ink-3 */
.cc_qb107hkb_IZCaxJOaZB .csw-btn:not(.csw-btn--selected):hover, .cc_qb107hkb_Xt2iXfU7md .csw-btn:not(.csw-btn--selected):hover, .cc_qb107hkb_I7bjyo0mR7 .csw-btn:not(.csw-btn--selected):hover {
  outline: 1px solid #9aa0a6; /* outline-ink-3 */
}

/* img: h-full w-full object-cover */
.cc_qb107hkb_IZCaxJOaZB .csw-thumb, .cc_qb107hkb_Xt2iXfU7md .csw-thumb, .cc_qb107hkb_I7bjyo0mR7 .csw-thumb {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}

/* fallback: block h-full w-full bg-paper */
.cc_qb107hkb_IZCaxJOaZB .csw-fallback, .cc_qb107hkb_Xt2iXfU7md .csw-fallback, .cc_qb107hkb_I7bjyo0mR7 .csw-fallback {
  display: block;
  height: 100%;
  width: 100%;
  background-color: #f7f6f4; /* bg-paper */
}

/* tükendi çizgisi: absolute left-0 top-0 block h-px w-8 origin-left rotate-45 bg-ink-3 */
.cc_qb107hkb_IZCaxJOaZB .csw-cross, .cc_qb107hkb_Xt2iXfU7md .csw-cross, .cc_qb107hkb_I7bjyo0mR7 .csw-cross {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 1px; /* h-px */
  width: 2rem; /* w-8 */
  transform-origin: left;
  transform: rotate(45deg);
  background-color: #9aa0a6; /* bg-ink-3 */
}

/* tooltip: pointer-events-none absolute bottom-full left-1/2 z-nav hidden
   -translate-x-1/2 -translate-y-1 whitespace-nowrap rounded-sm bg-line
   px-2 py-1 text-2xs capitalize text-ink group-hover:block */
.cc_qb107hkb_IZCaxJOaZB .csw-tip, .cc_qb107hkb_Xt2iXfU7md .csw-tip, .cc_qb107hkb_I7bjyo0mR7 .csw-tip {
  pointer-events: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  z-index: 5; /* z-nav */
  display: none;
  transform: translate(-50%, -0.25rem); /* -translate-x-1/2 -translate-y-1 */
  white-space: nowrap;
  border-radius: 2px; /* rounded-sm */
  background-color: #e8e5df; /* bg-line */
  padding: 0.25rem 0.5rem; /* py-1 px-2 */
  font-size: 10px; /* text-2xs */
  line-height: 14px;
  text-transform: capitalize;
  color: #2d2a26; /* text-ink */
}
.cc_qb107hkb_IZCaxJOaZB .csw-item:hover .csw-tip, .cc_qb107hkb_Xt2iXfU7md .csw-item:hover .csw-tip, .cc_qb107hkb_I7bjyo0mR7 .csw-item:hover .csw-tip {
  display: block; /* group-hover:block */
}

/* End import: ../ColorSwatchesPicker/styles.css */
/* Imported from: ../SizeChips/styles.css */
/* ─── SizeChips ─── eski Tailwind → düz CSS (değerler birebir). */

/* row kökü: hscroll relative overflow-x-auto (hscroll global.css'te) */
.cc_qb107hkb_IZCaxJOaZB .szc--row, .cc_qb107hkb_Xt2iXfU7md .szc--row, .cc_qb107hkb_I7bjyo0mR7 .szc--row {
  position: relative;
  overflow-x: auto;
}

/* başlık: flex items-baseline justify-between (+ row'da sticky left-0) */
.cc_qb107hkb_IZCaxJOaZB .szc-head, .cc_qb107hkb_Xt2iXfU7md .szc-head, .cc_qb107hkb_I7bjyo0mR7 .szc-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.cc_qb107hkb_IZCaxJOaZB .szc-head--sticky, .cc_qb107hkb_Xt2iXfU7md .szc-head--sticky, .cc_qb107hkb_I7bjyo0mR7 .szc-head--sticky {
  position: sticky;
  left: 0;
}

/* etiket: text-xs text-ink */
.cc_qb107hkb_IZCaxJOaZB .szc-title, .cc_qb107hkb_Xt2iXfU7md .szc-title, .cc_qb107hkb_I7bjyo0mR7 .szc-title {
  font-size: 12px; /* text-xs */
  line-height: 16px;
  color: #2d2a26; /* text-ink */
}

/* uyarı: ml-2 font-medium text-sale */
.cc_qb107hkb_IZCaxJOaZB .szc-warn, .cc_qb107hkb_Xt2iXfU7md .szc-warn, .cc_qb107hkb_I7bjyo0mR7 .szc-warn {
  margin-left: 0.5rem; /* ml-2 */
  font-weight: 500;
  color: #c92a2a; /* text-sale */
}

/* mobil aksiyon: sm:hidden */
.cc_qb107hkb_IZCaxJOaZB .szc-action-m, .cc_qb107hkb_Xt2iXfU7md .szc-action-m, .cc_qb107hkb_I7bjyo0mR7 .szc-action-m {
  display: inline;
}
@media (min-width: 640px) {
  .cc_qb107hkb_IZCaxJOaZB .szc-action-m, .cc_qb107hkb_Xt2iXfU7md .szc-action-m, .cc_qb107hkb_I7bjyo0mR7 .szc-action-m {
    display: none;
  }
}

/* liste sıfırlama + iki yerleşim */
.cc_qb107hkb_IZCaxJOaZB .szc-list, .cc_qb107hkb_Xt2iXfU7md .szc-list, .cc_qb107hkb_I7bjyo0mR7 .szc-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* row: flex w-full gap-1 pb-3 pt-4 */
.cc_qb107hkb_IZCaxJOaZB .szc-list--row, .cc_qb107hkb_Xt2iXfU7md .szc-list--row, .cc_qb107hkb_I7bjyo0mR7 .szc-list--row {
  display: flex;
  width: 100%;
  gap: 0.25rem; /* gap-1 */
  padding: 1rem 0 0.75rem; /* pt-4 pb-3 */
}
/* grid: mt-2 grid grid-cols-5 gap-1 */
.cc_qb107hkb_IZCaxJOaZB .szc-list--grid, .cc_qb107hkb_Xt2iXfU7md .szc-list--grid, .cc_qb107hkb_I7bjyo0mR7 .szc-list--grid {
  margin-top: 0.5rem; /* mt-2 */
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.25rem; /* gap-1 */
}
/* grid uyarı: rounded-sm ring-1 ring-sale ring-offset-4 */
.cc_qb107hkb_IZCaxJOaZB .szc-list--warning, .cc_qb107hkb_Xt2iXfU7md .szc-list--warning, .cc_qb107hkb_I7bjyo0mR7 .szc-list--warning {
  border-radius: 2px; /* rounded-sm */
  box-shadow:
    0 0 0 4px #ffffff,
    /* ring-offset-4 */ 0 0 0 5px #c92a2a; /* ring-1 ring-sale */
}

/* çip: group relative shrink-0 rounded-sm border text-xs transition-colors */
.cc_qb107hkb_IZCaxJOaZB .szc-chip, .cc_qb107hkb_Xt2iXfU7md .szc-chip, .cc_qb107hkb_I7bjyo0mR7 .szc-chip {
  position: relative;
  flex-shrink: 0;
  border-radius: 2px; /* rounded-sm */
  border: 1px solid transparent;
  font-size: 12px; /* text-xs */
  line-height: 16px;
  transition-property: color, background-color, border-color;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
/* seçili (tint'siz): border-ink bg-ink text-white */
.cc_qb107hkb_IZCaxJOaZB .szc-chip--selected, .cc_qb107hkb_Xt2iXfU7md .szc-chip--selected, .cc_qb107hkb_I7bjyo0mR7 .szc-chip--selected {
  border-color: #2d2a26;
  background-color: #2d2a26;
  color: #ffffff;
}
/* tükendi: border-line text-ink-3 */
.cc_qb107hkb_IZCaxJOaZB .szc-chip--soldout, .cc_qb107hkb_Xt2iXfU7md .szc-chip--soldout, .cc_qb107hkb_I7bjyo0mR7 .szc-chip--soldout {
  border-color: #e8e5df; /* border-line */
  color: #9aa0a6; /* text-ink-3 */
}
/* default: border-line text-ink hover:border-ink */
.cc_qb107hkb_IZCaxJOaZB .szc-chip--default, .cc_qb107hkb_Xt2iXfU7md .szc-chip--default, .cc_qb107hkb_I7bjyo0mR7 .szc-chip--default {
  border-color: #e8e5df;
  color: #2d2a26;
}
.cc_qb107hkb_IZCaxJOaZB .szc-chip--default:hover, .cc_qb107hkb_Xt2iXfU7md .szc-chip--default:hover, .cc_qb107hkb_I7bjyo0mR7 .szc-chip--default:hover {
  border-color: #2d2a26; /* hover:border-ink */
}

/* tükendi çizgisi: absolute left-0 top-0 block h-px w-16 origin-left rotate-29 bg-ink-3
   (29° = 32×56 kutunun köşegen açısı — tailwind.config rotate.29 tokenı) */
.cc_qb107hkb_IZCaxJOaZB .szc-cross, .cc_qb107hkb_Xt2iXfU7md .szc-cross, .cc_qb107hkb_I7bjyo0mR7 .szc-cross {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 1px; /* h-px */
  width: 4rem; /* w-16 */
  transform-origin: left;
  transform: rotate(29deg);
  background-color: #9aa0a6; /* bg-ink-3 */
}

/* buton: relative flex h-8 items-center justify-center (+ w-14 | w-full)
   (+ buton sıfırlama: font/renk kalıtımı) */
.cc_qb107hkb_IZCaxJOaZB .szc-btn, .cc_qb107hkb_Xt2iXfU7md .szc-btn, .cc_qb107hkb_I7bjyo0mR7 .szc-btn {
  position: relative;
  display: flex;
  height: 2rem; /* h-8 */
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0;
  background-color: transparent;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.cc_qb107hkb_IZCaxJOaZB .szc-btn--row, .cc_qb107hkb_Xt2iXfU7md .szc-btn--row, .cc_qb107hkb_I7bjyo0mR7 .szc-btn--row {
  width: 3.5rem; /* w-14 */
}
.cc_qb107hkb_IZCaxJOaZB .szc-btn--grid, .cc_qb107hkb_Xt2iXfU7md .szc-btn--grid, .cc_qb107hkb_I7bjyo0mR7 .szc-btn--grid {
  width: 100%;
}

/* tooltip — ColorSwatchesPicker ile aynı dil */
.cc_qb107hkb_IZCaxJOaZB .szc-tip, .cc_qb107hkb_Xt2iXfU7md .szc-tip, .cc_qb107hkb_I7bjyo0mR7 .szc-tip {
  pointer-events: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  z-index: 5; /* z-nav */
  display: none;
  transform: translate(-50%, -0.25rem); /* -translate-x-1/2 -translate-y-1 */
  white-space: nowrap;
  border-radius: 2px;
  background-color: #e8e5df; /* bg-line */
  padding: 0.25rem 0.5rem; /* py-1 px-2 */
  font-size: 10px; /* text-2xs */
  line-height: 14px;
  text-transform: capitalize;
  color: #2d2a26;
}
.cc_qb107hkb_IZCaxJOaZB .szc-chip:hover .szc-tip, .cc_qb107hkb_Xt2iXfU7md .szc-chip:hover .szc-tip, .cc_qb107hkb_I7bjyo0mR7 .szc-chip:hover .szc-tip {
  display: block; /* group-hover:block */
}

/* masaüstü aksiyon: hidden shrink-0 items-center self-center pl-3 sm:flex */
.cc_qb107hkb_IZCaxJOaZB .szc-action-d, .cc_qb107hkb_Xt2iXfU7md .szc-action-d, .cc_qb107hkb_I7bjyo0mR7 .szc-action-d {
  display: none;
  flex-shrink: 0;
  align-items: center;
  align-self: center;
  padding-left: 0.75rem; /* pl-3 */
}
@media (min-width: 640px) {
  .cc_qb107hkb_IZCaxJOaZB .szc-action-d, .cc_qb107hkb_Xt2iXfU7md .szc-action-d, .cc_qb107hkb_I7bjyo0mR7 .szc-action-d {
    display: flex;
  }
}

/* End import: ../SizeChips/styles.css */
/* Imported from: ../Toast/styles.css */
/* ─── Toast ─── eski Tailwind → düz CSS.
   yığın: fixed bottom-20 lg:bottom-6 left-1/2 -translate-x-1/2 z-[100]
   flex flex-col gap-2 pointer-events-none */
.cc_qb107hkb_IZCaxJOaZB .toast-stack, .cc_qb107hkb_Xt2iXfU7md .toast-stack, .cc_qb107hkb_I7bjyo0mR7 .toast-stack {
  position: fixed;
  bottom: 5rem; /* bottom-20 */
  left: 50%;
  transform: translateX(-50%);
  z-index: 100; /* z-[100] = z-modal */
  display: flex;
  flex-direction: column;
  gap: 0.5rem; /* gap-2 */
  pointer-events: none;
}
@media (min-width: 1024px) {
  .cc_qb107hkb_IZCaxJOaZB .toast-stack, .cc_qb107hkb_Xt2iXfU7md .toast-stack, .cc_qb107hkb_I7bjyo0mR7 .toast-stack {
    bottom: 1.5rem; /* lg:bottom-6 */
  }
}

/* öğe: px-5 py-3 rounded-sm text-[13px] font-medium shadow-lg
   whitespace-nowrap pointer-events-auto */
.cc_qb107hkb_IZCaxJOaZB .toast, .cc_qb107hkb_Xt2iXfU7md .toast, .cc_qb107hkb_I7bjyo0mR7 .toast {
  padding: 0.75rem 1.25rem; /* py-3 px-5 */
  border-radius: 2px; /* rounded-sm */
  font-size: 13px; /* text-[13px] */
  line-height: 1.5; /* preflight kalıtımı */
  font-weight: 500;
  box-shadow:
    0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1); /* shadow-lg */
  white-space: nowrap;
  pointer-events: auto;
}

/* tip renkleri: success bg-brand-green text-white / error bg-red-600 /
   info bg-neutral-900 (brand-green = tüccar primary kanalı) */
.cc_qb107hkb_IZCaxJOaZB .toast--success, .cc_qb107hkb_Xt2iXfU7md .toast--success, .cc_qb107hkb_I7bjyo0mR7 .toast--success {
  background-color: var(--lp-primary, #000000);
  color: #ffffff;
}
.cc_qb107hkb_IZCaxJOaZB .toast--error, .cc_qb107hkb_Xt2iXfU7md .toast--error, .cc_qb107hkb_I7bjyo0mR7 .toast--error {
  background-color: #dc2626; /* red-600 */
  color: #ffffff;
}
.cc_qb107hkb_IZCaxJOaZB .toast--info, .cc_qb107hkb_Xt2iXfU7md .toast--info, .cc_qb107hkb_I7bjyo0mR7 .toast--info {
  background-color: #171717; /* neutral-900 */
  color: #ffffff;
}

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

/* kök: fixed inset-0 z-modal flex items-end justify-center md:items-center
   md:p-6 transition-opacity duration-300 (+ opacity-0 → entered opacity-100) */
.cc_qb107hkb_IZCaxJOaZB .qv-root, .cc_qb107hkb_Xt2iXfU7md .qv-root, .cc_qb107hkb_I7bjyo0mR7 .qv-root {
  position: fixed;
  inset: 0;
  z-index: 100; /* z-modal */
  display: flex;
  align-items: flex-end; /* items-end (mobil bottom-sheet) */
  justify-content: center;
  transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
.cc_qb107hkb_IZCaxJOaZB .qv-root--entered, .cc_qb107hkb_Xt2iXfU7md .qv-root--entered, .cc_qb107hkb_I7bjyo0mR7 .qv-root--entered {
  opacity: 1;
}
.cc_qb107hkb_IZCaxJOaZB .qv-root--closed, .cc_qb107hkb_Xt2iXfU7md .qv-root--closed, .cc_qb107hkb_I7bjyo0mR7 .qv-root--closed {
  pointer-events: none;
}
@media (min-width: 768px) {
  .cc_qb107hkb_IZCaxJOaZB .qv-root, .cc_qb107hkb_Xt2iXfU7md .qv-root, .cc_qb107hkb_I7bjyo0mR7 .qv-root {
    align-items: center; /* md:items-center */
    padding: 1.5rem; /* md:p-6 */
  }
}

/* backdrop: absolute inset-0 bg-black/40 */
.cc_qb107hkb_IZCaxJOaZB .qv-backdrop, .cc_qb107hkb_Xt2iXfU7md .qv-backdrop, .cc_qb107hkb_I7bjyo0mR7 .qv-backdrop {
  position: absolute;
  inset: 0;
  background-color: rgb(0 0 0 / 0.4);
}

/* panel: relative flex w-full max-h-sheet flex-col overflow-hidden bg-white
   transition-all duration-300 ease-out md:max-h-modal md:max-w-3xl
   kapalı: translate-y-full opacity-100 / md:translate-y-8 md:opacity-0
   entered: translate-y-0 opacity-100 */
.cc_qb107hkb_IZCaxJOaZB .qv-panel, .cc_qb107hkb_Xt2iXfU7md .qv-panel, .cc_qb107hkb_I7bjyo0mR7 .qv-panel {
  position: relative;
  display: flex;
  width: 100%;
  max-height: 92vh; /* max-h-sheet */
  flex-direction: column;
  overflow: hidden;
  background-color: #ffffff;
  transition: all 300ms cubic-bezier(0, 0, 0.2, 1); /* duration-300 ease-out */
  transform: translateY(100%); /* translate-y-full */
  opacity: 1;
}
.cc_qb107hkb_IZCaxJOaZB .qv-panel--entered, .cc_qb107hkb_Xt2iXfU7md .qv-panel--entered, .cc_qb107hkb_I7bjyo0mR7 .qv-panel--entered {
  transform: translateY(0);
  opacity: 1;
}
@media (min-width: 768px) {
  .cc_qb107hkb_IZCaxJOaZB .qv-panel, .cc_qb107hkb_Xt2iXfU7md .qv-panel, .cc_qb107hkb_I7bjyo0mR7 .qv-panel {
    max-height: 85vh; /* md:max-h-modal */
    max-width: 48rem; /* md:max-w-3xl */
    transform: translateY(2rem); /* md:translate-y-8 */
    opacity: 0; /* md:opacity-0 */
  }
  .cc_qb107hkb_IZCaxJOaZB .qv-panel--entered, .cc_qb107hkb_Xt2iXfU7md .qv-panel--entered, .cc_qb107hkb_I7bjyo0mR7 .qv-panel--entered {
    transform: translateY(0);
    opacity: 1;
  }
}

/* kapat: absolute right-3 top-3 z-content flex h-9 w-9 items-center
   justify-center bg-white/75 text-ink backdrop-blur-sm transition-colors
   hover:bg-white md:bg-transparent md:backdrop-blur-none md:hover:bg-neutral-100 */
.cc_qb107hkb_IZCaxJOaZB .qv-close, .cc_qb107hkb_Xt2iXfU7md .qv-close, .cc_qb107hkb_I7bjyo0mR7 .qv-close {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  z-index: 4; /* z-content */
  display: flex;
  height: 2.25rem; /* h-9 */
  width: 2.25rem; /* w-9 */
  align-items: center;
  justify-content: center;
  background-color: rgb(255 255 255 / 0.75);
  color: #2d2a26; /* text-ink */
  backdrop-filter: blur(4px); /* backdrop-blur-sm */
  transition-property: color, background-color, border-color;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border: 0;
  padding: 0;
  cursor: pointer;
}
.cc_qb107hkb_IZCaxJOaZB .qv-close:hover, .cc_qb107hkb_Xt2iXfU7md .qv-close:hover, .cc_qb107hkb_I7bjyo0mR7 .qv-close:hover {
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .cc_qb107hkb_IZCaxJOaZB .qv-close, .cc_qb107hkb_Xt2iXfU7md .qv-close, .cc_qb107hkb_I7bjyo0mR7 .qv-close {
    background-color: transparent;
    backdrop-filter: none;
  }
  .cc_qb107hkb_IZCaxJOaZB .qv-close:hover, .cc_qb107hkb_Xt2iXfU7md .qv-close:hover, .cc_qb107hkb_I7bjyo0mR7 .qv-close:hover {
    background-color: #f5f5f5; /* md:hover:bg-neutral-100 */
  }
}

/* gövde: grid min-h-0 flex-1 grid-cols-1 overflow-y-auto md:grid-cols-2 */
.cc_qb107hkb_IZCaxJOaZB .qv-grid, .cc_qb107hkb_Xt2iXfU7md .qv-grid, .cc_qb107hkb_I7bjyo0mR7 .qv-grid {
  display: grid;
  min-height: 0;
  flex: 1 1 0%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow-y: auto;
}
@media (min-width: 768px) {
  .cc_qb107hkb_IZCaxJOaZB .qv-grid, .cc_qb107hkb_Xt2iXfU7md .qv-grid, .cc_qb107hkb_I7bjyo0mR7 .qv-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* görsel kolonu: relative; medya kutusu: relative w-full overflow-hidden bg-neutral-50 */
.cc_qb107hkb_IZCaxJOaZB .qv-media-col, .cc_qb107hkb_Xt2iXfU7md .qv-media-col, .cc_qb107hkb_I7bjyo0mR7 .qv-media-col {
  position: relative;
}
.cc_qb107hkb_IZCaxJOaZB .qv-media, .cc_qb107hkb_Xt2iXfU7md .qv-media, .cc_qb107hkb_I7bjyo0mR7 .qv-media {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #fafafa; /* bg-neutral-50 */
}

/* karusel (eski .swiper) — CSS scroll-snap; Swiper grabCursor paritesi */
.cc_qb107hkb_IZCaxJOaZB .qv-gallery, .cc_qb107hkb_Xt2iXfU7md .qv-gallery, .cc_qb107hkb_I7bjyo0mR7 .qv-gallery {
  display: flex;
  width: 100%;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  cursor: grab;
  scrollbar-width: none;
}
.cc_qb107hkb_IZCaxJOaZB .qv-gallery::-webkit-scrollbar, .cc_qb107hkb_Xt2iXfU7md .qv-gallery::-webkit-scrollbar, .cc_qb107hkb_I7bjyo0mR7 .qv-gallery::-webkit-scrollbar {
  display: none;
}
.cc_qb107hkb_IZCaxJOaZB .qv-gallery:active, .cc_qb107hkb_Xt2iXfU7md .qv-gallery:active, .cc_qb107hkb_I7bjyo0mR7 .qv-gallery:active {
  cursor: grabbing;
}
.cc_qb107hkb_IZCaxJOaZB .qv-slide, .cc_qb107hkb_Xt2iXfU7md .qv-slide, .cc_qb107hkb_I7bjyo0mR7 .qv-slide {
  flex: 0 0 100%;
  width: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always; /* Swiper slidesPerView:1 — her jest tek slayt */
}
/* slayt görseli: aspect-product w-full object-cover */
.cc_qb107hkb_IZCaxJOaZB .qv-slide-img, .cc_qb107hkb_Xt2iXfU7md .qv-slide-img, .cc_qb107hkb_I7bjyo0mR7 .qv-slide-img {
  aspect-ratio: 9 / 16; /* aspect-product */
  width: 100%;
  object-fit: cover;
  display: block;
}
.cc_qb107hkb_IZCaxJOaZB .qv-slide-empty, .cc_qb107hkb_Xt2iXfU7md .qv-slide-empty, .cc_qb107hkb_I7bjyo0mR7 .qv-slide-empty {
  aspect-ratio: 9 / 16;
  width: 100%;
}

/* ghost chevron: absolute left-2/right-2 top-1/2 z-content hidden h-9 w-9
   -translate-y-1/2 items-center justify-center text-ink transition-opacity
   hover:opacity-60 md:flex */
.cc_qb107hkb_IZCaxJOaZB .qv-nav, .cc_qb107hkb_Xt2iXfU7md .qv-nav, .cc_qb107hkb_I7bjyo0mR7 .qv-nav {
  position: absolute;
  top: 50%;
  z-index: 4; /* z-content */
  display: none;
  height: 2.25rem;
  width: 2.25rem;
  transform: translateY(-50%);
  align-items: center;
  justify-content: center;
  color: #2d2a26;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.cc_qb107hkb_IZCaxJOaZB .qv-nav:hover, .cc_qb107hkb_Xt2iXfU7md .qv-nav:hover, .cc_qb107hkb_I7bjyo0mR7 .qv-nav:hover {
  opacity: 0.6;
}
.cc_qb107hkb_IZCaxJOaZB .qv-nav--prev, .cc_qb107hkb_Xt2iXfU7md .qv-nav--prev, .cc_qb107hkb_I7bjyo0mR7 .qv-nav--prev {
  left: 0.5rem;
}
.cc_qb107hkb_IZCaxJOaZB .qv-nav--next, .cc_qb107hkb_Xt2iXfU7md .qv-nav--next, .cc_qb107hkb_I7bjyo0mR7 .qv-nav--next {
  right: 0.5rem;
}
@media (min-width: 768px) {
  .cc_qb107hkb_IZCaxJOaZB .qv-nav, .cc_qb107hkb_Xt2iXfU7md .qv-nav, .cc_qb107hkb_I7bjyo0mR7 .qv-nav {
    display: flex;
  }
}

/* nokta göstergesi: absolute bottom-3 left-1/2 z-content flex -translate-x-1/2
   items-center gap-1.5 md:hidden */
.cc_qb107hkb_IZCaxJOaZB .qv-dots, .cc_qb107hkb_Xt2iXfU7md .qv-dots, .cc_qb107hkb_I7bjyo0mR7 .qv-dots {
  position: absolute;
  bottom: 0.75rem;
  left: 50%;
  z-index: 4;
  display: flex;
  transform: translateX(-50%);
  align-items: center;
  gap: 0.375rem; /* gap-1.5 */
}
@media (min-width: 768px) {
  .cc_qb107hkb_IZCaxJOaZB .qv-dots, .cc_qb107hkb_Xt2iXfU7md .qv-dots, .cc_qb107hkb_I7bjyo0mR7 .qv-dots {
    display: none;
  }
}
/* nokta: block h-1 rounded-full transition-all (aktif: w-4 bg-ink / pasif: w-1 bg-ink/30) */
.cc_qb107hkb_IZCaxJOaZB .qv-dot, .cc_qb107hkb_Xt2iXfU7md .qv-dot, .cc_qb107hkb_I7bjyo0mR7 .qv-dot {
  display: block;
  height: 0.25rem;
  border-radius: 9999px;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 0.25rem;
  background-color: rgb(45 42 38 / 0.3); /* bg-ink/30 */
}
.cc_qb107hkb_IZCaxJOaZB .qv-dot--active, .cc_qb107hkb_Xt2iXfU7md .qv-dot--active, .cc_qb107hkb_I7bjyo0mR7 .qv-dot--active {
  width: 1rem; /* w-4 */
  background-color: #2d2a26;
}

/* thumbnail şeridi: hscroll hidden gap-2 overflow-x-auto p-3 md:flex */
.cc_qb107hkb_IZCaxJOaZB .qv-thumbs, .cc_qb107hkb_Xt2iXfU7md .qv-thumbs, .cc_qb107hkb_I7bjyo0mR7 .qv-thumbs {
  display: none;
  gap: 0.5rem;
  overflow-x: auto;
  padding: 0.75rem;
}
@media (min-width: 768px) {
  .cc_qb107hkb_IZCaxJOaZB .qv-thumbs, .cc_qb107hkb_Xt2iXfU7md .qv-thumbs, .cc_qb107hkb_I7bjyo0mR7 .qv-thumbs {
    display: flex;
  }
}
/* thumb: aspect-product w-12 shrink-0 overflow-hidden border transition-colors
   (aktif: border-ink / pasif: border-transparent hover:border-neutral-300) */
.cc_qb107hkb_IZCaxJOaZB .qv-thumb, .cc_qb107hkb_Xt2iXfU7md .qv-thumb, .cc_qb107hkb_I7bjyo0mR7 .qv-thumb {
  aspect-ratio: 9 / 16;
  width: 3rem; /* w-12 */
  flex-shrink: 0;
  overflow: hidden;
  border: 1px solid transparent;
  transition-property: color, background-color, border-color;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background: transparent;
  padding: 0;
  cursor: pointer;
}
.cc_qb107hkb_IZCaxJOaZB .qv-thumb:hover, .cc_qb107hkb_Xt2iXfU7md .qv-thumb:hover, .cc_qb107hkb_I7bjyo0mR7 .qv-thumb:hover {
  border-color: #d4d4d4; /* hover:border-neutral-300 */
}
.cc_qb107hkb_IZCaxJOaZB .qv-thumb--active, .cc_qb107hkb_Xt2iXfU7md .qv-thumb--active, .cc_qb107hkb_I7bjyo0mR7 .qv-thumb--active, .cc_qb107hkb_IZCaxJOaZB .qv-thumb--active:hover, .cc_qb107hkb_Xt2iXfU7md .qv-thumb--active:hover, .cc_qb107hkb_I7bjyo0mR7 .qv-thumb--active:hover {
  border-color: #2d2a26; /* border-ink */
}
.cc_qb107hkb_IZCaxJOaZB .qv-thumb-img, .cc_qb107hkb_Xt2iXfU7md .qv-thumb-img, .cc_qb107hkb_I7bjyo0mR7 .qv-thumb-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}

/* detaylar: flex flex-col p-5 md:p-8 */
.cc_qb107hkb_IZCaxJOaZB .qv-details, .cc_qb107hkb_Xt2iXfU7md .qv-details, .cc_qb107hkb_I7bjyo0mR7 .qv-details {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
}
@media (min-width: 768px) {
  .cc_qb107hkb_IZCaxJOaZB .qv-details, .cc_qb107hkb_Xt2iXfU7md .qv-details, .cc_qb107hkb_I7bjyo0mR7 .qv-details {
    padding: 2rem;
  }
}

/* marka: text-2xs font-medium uppercase tracking-widest text-ink-2 */
.cc_qb107hkb_IZCaxJOaZB .qv-brand, .cc_qb107hkb_Xt2iXfU7md .qv-brand, .cc_qb107hkb_I7bjyo0mR7 .qv-brand {
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em; /* tracking-widest */
  color: #5b5f66; /* text-ink-2 */
}

/* ad: mt-1 font-display text-xl leading-snug text-ink (+ h2 sıfırlama) */
.cc_qb107hkb_IZCaxJOaZB .qv-name, .cc_qb107hkb_Xt2iXfU7md .qv-name, .cc_qb107hkb_I7bjyo0mR7 .qv-name {
  margin: 0.25rem 0 0;
  font-family: var(--lp-font-display);
  font-size: var(--lp-text-heading-3); /* text-xl */
  line-height: var(--lp-lh-heading-3);
  letter-spacing: var(--lp-ls-type); /* leading-snug */
  font-weight: 400;
  color: #2d2a26;
}

/* fiyat: mt-1.5 text-sm font-medium text-ink */
.cc_qb107hkb_IZCaxJOaZB .qv-price, .cc_qb107hkb_Xt2iXfU7md .qv-price, .cc_qb107hkb_I7bjyo0mR7 .qv-price {
  margin-top: 0.375rem;
  font-size: 14px; /* text-sm */
  line-height: 20px;
  font-weight: 500;
  color: #2d2a26;
}
/* üstü çizili: mr-1.5 text-ink-3 */
.cc_qb107hkb_IZCaxJOaZB .qv-price-old, .cc_qb107hkb_Xt2iXfU7md .qv-price-old, .cc_qb107hkb_I7bjyo0mR7 .qv-price-old {
  margin-right: 0.375rem;
  color: #9aa0a6;
}
.cc_qb107hkb_IZCaxJOaZB .qv-price-sale, .cc_qb107hkb_Xt2iXfU7md .qv-price-sale, .cc_qb107hkb_I7bjyo0mR7 .qv-price-sale {
  color: #c92a2a; /* text-sale */
}

/* detay linki: mt-2 w-fit text-xs font-bold text-ink underline
   underline-offset-4 transition-opacity hover:opacity-60 */
.cc_qb107hkb_IZCaxJOaZB .qv-details-link, .cc_qb107hkb_Xt2iXfU7md .qv-details-link, .cc_qb107hkb_I7bjyo0mR7 .qv-details-link {
  margin-top: 0.5rem;
  width: fit-content;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: #2d2a26;
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_qb107hkb_IZCaxJOaZB .qv-details-link:hover, .cc_qb107hkb_Xt2iXfU7md .qv-details-link:hover, .cc_qb107hkb_I7bjyo0mR7 .qv-details-link:hover {
  opacity: 0.6;
}

/* seçici blokları: mt-5 */
.cc_qb107hkb_IZCaxJOaZB .qv-picker, .cc_qb107hkb_Xt2iXfU7md .qv-picker, .cc_qb107hkb_I7bjyo0mR7 .qv-picker {
  margin-top: 1.25rem;
}

/* CTA: mt-6 flex h-12 w-full items-center px-5 font-display text-base
   transition-opacity md:mt-auto */
.cc_qb107hkb_IZCaxJOaZB .qv-cta, .cc_qb107hkb_Xt2iXfU7md .qv-cta, .cc_qb107hkb_I7bjyo0mR7 .qv-cta {
  margin-top: 1.5rem;
  display: flex;
  height: 3rem; /* h-12 */
  width: 100%;
  align-items: center;
  padding: 0 1.25rem; /* px-5 */
  font-family: var(--lp-font-display);
  font-size: var(--lp-text-heading-4); /* text-base */
  line-height: var(--lp-lh-heading-4);
  letter-spacing: var(--lp-ls-type);
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  border: 0;
  cursor: pointer;
}
@media (min-width: 768px) {
  .cc_qb107hkb_IZCaxJOaZB .qv-cta, .cc_qb107hkb_Xt2iXfU7md .qv-cta, .cc_qb107hkb_I7bjyo0mR7 .qv-cta {
    margin-top: auto;
  }
}
/* tükendi: cursor-not-allowed bg-neutral-200 text-ink-3 justify-center */
.cc_qb107hkb_IZCaxJOaZB .qv-cta--oos, .cc_qb107hkb_Xt2iXfU7md .qv-cta--oos, .cc_qb107hkb_I7bjyo0mR7 .qv-cta--oos {
  cursor: not-allowed;
  background-color: #e5e5e5; /* bg-neutral-200 */
  color: #9aa0a6;
  justify-content: center;
}
/* satın al: bg-ink text-white hover:opacity-85 (justify-center | between) */
.cc_qb107hkb_IZCaxJOaZB .qv-cta--buy, .cc_qb107hkb_Xt2iXfU7md .qv-cta--buy, .cc_qb107hkb_I7bjyo0mR7 .qv-cta--buy {
  background-color: #2d2a26;
  color: #ffffff;
  justify-content: center;
}
.cc_qb107hkb_IZCaxJOaZB .qv-cta--buy:hover, .cc_qb107hkb_Xt2iXfU7md .qv-cta--buy:hover, .cc_qb107hkb_I7bjyo0mR7 .qv-cta--buy:hover {
  opacity: 0.85;
}
.cc_qb107hkb_IZCaxJOaZB .qv-cta--between, .cc_qb107hkb_Xt2iXfU7md .qv-cta--between, .cc_qb107hkb_I7bjyo0mR7 .qv-cta--between {
  justify-content: space-between;
}
.cc_qb107hkb_IZCaxJOaZB .qv-cta--adding, .cc_qb107hkb_Xt2iXfU7md .qv-cta--adding, .cc_qb107hkb_I7bjyo0mR7 .qv-cta--adding {
  cursor: wait;
  opacity: 0.7;
}

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

/* kök: group flex h-full flex-col */
.cc_qb107hkb_IZCaxJOaZB .pcard, .cc_qb107hkb_Xt2iXfU7md .pcard, .cc_qb107hkb_I7bjyo0mR7 .pcard {
  display: flex;
  height: 100%;
  flex-direction: column;
}

/* görsel sarmalayıcı: relative */
.cc_qb107hkb_IZCaxJOaZB .pcard-media, .cc_qb107hkb_Xt2iXfU7md .pcard-media, .cc_qb107hkb_I7bjyo0mR7 .pcard-media {
  position: relative;
}

/* görsel linki: block w-full bg-neutral-50 */
.cc_qb107hkb_IZCaxJOaZB .pcard-img-link, .cc_qb107hkb_Xt2iXfU7md .pcard-img-link, .cc_qb107hkb_I7bjyo0mR7 .pcard-img-link {
  display: block;
  width: 100%;
  background-color: #fafafa; /* bg-neutral-50 */
  color: inherit; /* preflight: a rengi kalıtım */
  text-decoration: none;
}

/* çerçeve: relative w-full overflow-hidden (+ default: aspect-product) */
.cc_qb107hkb_IZCaxJOaZB .pcard-frame, .cc_qb107hkb_Xt2iXfU7md .pcard-frame, .cc_qb107hkb_I7bjyo0mR7 .pcard-frame {
  position: relative;
  width: 100%;
  overflow: hidden;
}
/* SKIMS kart oranı (canlı ölçüm: aspect-9/13, cover) — müşteri kararıyla
   TÜM kart yüzeylerinde: koleksiyon gridleri + Kombinle/sepet rayları +
   arama önerileri (compact) aynı oranda. */
.cc_qb107hkb_IZCaxJOaZB .pcard-frame--default, .cc_qb107hkb_Xt2iXfU7md .pcard-frame--default, .cc_qb107hkb_I7bjyo0mR7 .pcard-frame--default, .cc_qb107hkb_IZCaxJOaZB .pcard-frame--collection, .cc_qb107hkb_Xt2iXfU7md .pcard-frame--collection, .cc_qb107hkb_I7bjyo0mR7 .pcard-frame--collection {
  aspect-ratio: 9 / 13;
}

/* ana görsel: absolute inset-0 h-full w-full object-cover
   transition-opacity duration-500 ease-out */
.cc_qb107hkb_IZCaxJOaZB .pcard-img, .cc_qb107hkb_Xt2iXfU7md .pcard-img, .cc_qb107hkb_I7bjyo0mR7 .pcard-img {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: opacity 500ms cubic-bezier(0, 0, 0.2, 1); /* ease-out */
}
/* tükendi: opacity-80 saturate-50 (tam grayscale çok sertti) */
.cc_qb107hkb_IZCaxJOaZB .pcard-img--oos, .cc_qb107hkb_Xt2iXfU7md .pcard-img--oos, .cc_qb107hkb_I7bjyo0mR7 .pcard-img--oos {
  opacity: 0.8;
  filter: saturate(0.5);
}
/* hover crossfade (yalnız md+): md:group-hover:opacity-0 */
@media (min-width: 768px) {
  .cc_qb107hkb_IZCaxJOaZB .pcard:hover .pcard-img--fade, .cc_qb107hkb_Xt2iXfU7md .pcard:hover .pcard-img--fade, .cc_qb107hkb_I7bjyo0mR7 .pcard:hover .pcard-img--fade {
    opacity: 0;
  }
}

/* hover görseli: absolute inset-0 hidden h-full w-full object-cover opacity-0
   transition-opacity duration-500 ease-out group-hover:opacity-100 md:block */
.cc_qb107hkb_IZCaxJOaZB .pcard-img-hover, .cc_qb107hkb_Xt2iXfU7md .pcard-img-hover, .cc_qb107hkb_I7bjyo0mR7 .pcard-img-hover {
  position: absolute;
  inset: 0;
  display: none;
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 500ms cubic-bezier(0, 0, 0.2, 1);
}
@media (min-width: 768px) {
  .cc_qb107hkb_IZCaxJOaZB .pcard-img-hover, .cc_qb107hkb_Xt2iXfU7md .pcard-img-hover, .cc_qb107hkb_I7bjyo0mR7 .pcard-img-hover {
    display: block;
  }
}
.cc_qb107hkb_IZCaxJOaZB .pcard:hover .pcard-img-hover, .cc_qb107hkb_Xt2iXfU7md .pcard:hover .pcard-img-hover, .cc_qb107hkb_I7bjyo0mR7 .pcard:hover .pcard-img-hover {
  opacity: 1; /* group-hover:opacity-100 */
}

/* TÜKENDİ etiketi: absolute left-0 top-3 z-content bg-ink px-3 py-1
   text-2xs font-bold uppercase tracking-widest text-white */
.cc_qb107hkb_IZCaxJOaZB .pcard-soldout, .cc_qb107hkb_Xt2iXfU7md .pcard-soldout, .cc_qb107hkb_I7bjyo0mR7 .pcard-soldout {
  position: absolute;
  left: 0;
  top: 0.75rem;
  z-index: 4; /* z-content */
  background-color: #2d2a26; /* bg-ink */
  padding: 0.25rem 0.75rem; /* py-1 px-3 */
  font-size: 10px; /* text-2xs */
  line-height: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em; /* tracking-widest */
  color: #ffffff;
}

/* rozet sütunu: absolute bottom-2 left-2 z-content flex flex-col items-start gap-1 */
.cc_qb107hkb_IZCaxJOaZB .pcard-badges, .cc_qb107hkb_Xt2iXfU7md .pcard-badges, .cc_qb107hkb_I7bjyo0mR7 .pcard-badges {
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem; /* gap-1 */
}

/* etiket pili: rounded-sm px-2 py-1 font-bold (full: text-xs / compact: text-2xs) */
.cc_qb107hkb_IZCaxJOaZB .pcard-badge, .cc_qb107hkb_Xt2iXfU7md .pcard-badge, .cc_qb107hkb_I7bjyo0mR7 .pcard-badge {
  border-radius: 2px; /* rounded-sm */
  padding: 0.25rem 0.5rem; /* py-1 px-2 */
  font-weight: 700;
}
.cc_qb107hkb_IZCaxJOaZB .pcard-badge--full, .cc_qb107hkb_Xt2iXfU7md .pcard-badge--full, .cc_qb107hkb_I7bjyo0mR7 .pcard-badge--full {
  font-size: 12px; /* text-xs */
  line-height: 16px;
}
.cc_qb107hkb_IZCaxJOaZB .pcard-badge--compact, .cc_qb107hkb_Xt2iXfU7md .pcard-badge--compact, .cc_qb107hkb_I7bjyo0mR7 .pcard-badge--compact {
  font-size: 10px; /* text-2xs */
  line-height: 14px;
}

/* indirim rozeti: bg-sale px-1.5 py-0.5 text-2xs font-bold text-white */
.cc_qb107hkb_IZCaxJOaZB .pcard-discount, .cc_qb107hkb_Xt2iXfU7md .pcard-discount, .cc_qb107hkb_I7bjyo0mR7 .pcard-discount {
  background-color: #c92a2a; /* bg-sale */
  padding: 0.125rem 0.375rem; /* py-0.5 px-1.5 */
  font-size: 10px; /* text-2xs */
  line-height: 14px;
  font-weight: 700;
  color: #ffffff;
}

/* göz butonu: absolute right-2 top-2 z-content flex h-7 w-7 items-center
   justify-center rounded-full bg-white/75 text-ink backdrop-blur-sm
   transition-colors hover:bg-white */
.cc_qb107hkb_IZCaxJOaZB .pcard-eye, .cc_qb107hkb_Xt2iXfU7md .pcard-eye, .cc_qb107hkb_I7bjyo0mR7 .pcard-eye {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  z-index: 4;
  display: flex;
  height: 1.75rem; /* h-7 */
  width: 1.75rem; /* w-7 */
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: rgb(255 255 255 / 0.75);
  color: #2d2a26;
  backdrop-filter: blur(4px); /* backdrop-blur-sm */
  transition-property: color, background-color, border-color;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border: 0;
  padding: 0;
  cursor: pointer;
}
.cc_qb107hkb_IZCaxJOaZB .pcard-eye:hover, .cc_qb107hkb_Xt2iXfU7md .pcard-eye:hover, .cc_qb107hkb_I7bjyo0mR7 .pcard-eye:hover {
  background-color: #ffffff;
}
/* göz ikonu: h-4 w-4 */
.cc_qb107hkb_IZCaxJOaZB .pcard-eye-icon, .cc_qb107hkb_Xt2iXfU7md .pcard-eye-icon, .cc_qb107hkb_I7bjyo0mR7 .pcard-eye-icon {
  height: 1rem;
  width: 1rem;
}

/* ── SKIMS koleksiyon kartı swatch şeridi (canlı ölçüm) ──
   görsel→şerit 16px; 24px DAİRE çipler, gap 8px; taşarsa yatay kayar. */
.cc_qb107hkb_IZCaxJOaZB .pcard-swatch-row, .cc_qb107hkb_Xt2iXfU7md .pcard-swatch-row, .cc_qb107hkb_I7bjyo0mR7 .pcard-swatch-row {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  overflow-x: auto;
  scrollbar-width: none;
}
.cc_qb107hkb_IZCaxJOaZB .pcard-swatch-row::-webkit-scrollbar, .cc_qb107hkb_Xt2iXfU7md .pcard-swatch-row::-webkit-scrollbar, .cc_qb107hkb_I7bjyo0mR7 .pcard-swatch-row::-webkit-scrollbar {
  display: none;
}

.cc_qb107hkb_IZCaxJOaZB .pcard-swatches, .cc_qb107hkb_Xt2iXfU7md .pcard-swatches, .cc_qb107hkb_I7bjyo0mR7 .pcard-swatches {
  list-style: none;
  margin: 0;
  /* Yatay 5px pay: seçili halka (4px offset + 1px ring) kaydırma kabında
     KIRPILMASIN — soldaki çip seçiliyken halkanın sol yarısı yenmiyordu. */
  padding: 0 5px;
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.5rem; /* SKIMS gap-2 */
}
.cc_qb107hkb_IZCaxJOaZB .pcard-swatch-item, .cc_qb107hkb_Xt2iXfU7md .pcard-swatch-item, .cc_qb107hkb_I7bjyo0mR7 .pcard-swatch-item {
  display: flex;
  /* seçili halkanın 4px offset'i kırpılmasın */
  padding: 5px 0;
}

/* swatch: SKIMS ColorSwatch — size-6 (24px) DAİRE, kenarlıksız;
   seçili: çipin KENDİ renginde 1px halka + 4px beyaz offset (ring-offset-4). */
.cc_qb107hkb_IZCaxJOaZB .pcard-swatch, .cc_qb107hkb_Xt2iXfU7md .pcard-swatch, .cc_qb107hkb_I7bjyo0mR7 .pcard-swatch {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 9999px;
  border: 0;
  transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0;
  cursor: pointer;
}
.cc_qb107hkb_IZCaxJOaZB .pcard-swatch--selected, .cc_qb107hkb_Xt2iXfU7md .pcard-swatch--selected, .cc_qb107hkb_I7bjyo0mR7 .pcard-swatch--selected {
  box-shadow:
    0 0 0 4px #ffffff,
    0 0 0 5px currentColor; /* ring-1 ring-current + ring-offset-4 */
}
.cc_qb107hkb_IZCaxJOaZB .pcard-swatch:not(.pcard-swatch--selected):hover, .cc_qb107hkb_Xt2iXfU7md .pcard-swatch:not(.pcard-swatch--selected):hover, .cc_qb107hkb_I7bjyo0mR7 .pcard-swatch:not(.pcard-swatch--selected):hover {
  box-shadow:
    0 0 0 4px #ffffff,
    0 0 0 5px #c8c5c0;
}

/* kalp (compact satır-içi hâli) */
.cc_qb107hkb_IZCaxJOaZB .pcard-heart, .cc_qb107hkb_Xt2iXfU7md .pcard-heart, .cc_qb107hkb_I7bjyo0mR7 .pcard-heart {
  flex-shrink: 0;
  padding: 0.25rem; /* p-1 */
  color: #2d2a26;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  background: transparent;
  border: 0;
  cursor: pointer;
}
.cc_qb107hkb_IZCaxJOaZB .pcard-heart:hover, .cc_qb107hkb_Xt2iXfU7md .pcard-heart:hover, .cc_qb107hkb_I7bjyo0mR7 .pcard-heart:hover {
  opacity: 0.6;
}
/* SKIMS: full kartta kalp GÖRSELİN sağ-alt köşesinde — 32px beyaz daire,
   yumuşak gölge (shadow-float), 16px stroke-1.5 kalp. */
.cc_qb107hkb_IZCaxJOaZB .pcard-heart--float, .cc_qb107hkb_Xt2iXfU7md .pcard-heart--float, .cc_qb107hkb_I7bjyo0mR7 .pcard-heart--float {
  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;
  z-index: 4;
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 9999px;
  background: #ffffff;
  box-shadow: 0 2px 8px rgb(0 0 0 / 0.12);
}
.cc_qb107hkb_IZCaxJOaZB .pcard-heart--float:hover, .cc_qb107hkb_Xt2iXfU7md .pcard-heart--float:hover, .cc_qb107hkb_I7bjyo0mR7 .pcard-heart--float:hover {
  opacity: 1;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.18);
}

/* metin bloğu (swatch'lı full): SKIMS details pt-sm (şerit→detay 8px) */
.cc_qb107hkb_IZCaxJOaZB .pcard-info, .cc_qb107hkb_Xt2iXfU7md .pcard-info, .cc_qb107hkb_I7bjyo0mR7 .pcard-info {
  margin-top: 0.5rem;
  display: block;
  flex: 1 1 0%;
  color: inherit; /* preflight: a rengi kalıtım */
  text-decoration: none;
}

/* swatch'sız / compact satırı: mt-2 flex flex-1 items-start justify-between gap-1 */
.cc_qb107hkb_IZCaxJOaZB .pcard-row, .cc_qb107hkb_Xt2iXfU7md .pcard-row, .cc_qb107hkb_I7bjyo0mR7 .pcard-row {
  margin-top: 0.5rem;
  display: flex;
  flex: 1 1 0%;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.25rem; /* gap-1 */
}
/* link: block min-w-0 flex-1 */
.cc_qb107hkb_IZCaxJOaZB .pcard-row-link, .cc_qb107hkb_Xt2iXfU7md .pcard-row-link, .cc_qb107hkb_I7bjyo0mR7 .pcard-row-link {
  display: block;
  min-width: 0;
  flex: 1 1 0%;
  color: inherit; /* preflight: a rengi kalıtım */
  text-decoration: none;
}

/* marka: block text-2xs font-medium text-ink-2 (+ full: uppercase tracking-widest) */
.cc_qb107hkb_IZCaxJOaZB .pcard-brand, .cc_qb107hkb_Xt2iXfU7md .pcard-brand, .cc_qb107hkb_I7bjyo0mR7 .pcard-brand {
  /* SKIMS üst etiket (canlı ölçüm): T-Star Bold kesimi (400), 12/16, mürekkep */
  display: block;
  font-family: var(--lp-font-display);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: var(--lp-ink);
}
.cc_qb107hkb_IZCaxJOaZB .pcard-brand--caps, .cc_qb107hkb_Xt2iXfU7md .pcard-brand--caps, .cc_qb107hkb_I7bjyo0mR7 .pcard-brand--caps {
  text-transform: uppercase;
  letter-spacing: var(--lp-ls-type); /* SKIMS: 0.3px = %2,5 */
}

/* ad (full): SKIMS'te marka satırıyla BİTİŞİK (aynı blok, gap 0) */
.cc_qb107hkb_IZCaxJOaZB .pcard-name, .cc_qb107hkb_Xt2iXfU7md .pcard-name, .cc_qb107hkb_I7bjyo0mR7 .pcard-name {
  /* SKIMS ürün adı: Inter 700 14/20, %2,5 izleme (0.35px) — T-Star DEĞİL */
  margin-top: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-family: var(--lp-font-sans);
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: var(--lp-ls-type);
  color: #2d2a26;
}
/* ad (compact): mt-0.5 block truncate font-display text-sm text-ink */
.cc_qb107hkb_IZCaxJOaZB .pcard-name--truncate, .cc_qb107hkb_Xt2iXfU7md .pcard-name--truncate, .cc_qb107hkb_I7bjyo0mR7 .pcard-name--truncate {
  display: block;
  -webkit-line-clamp: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; /* truncate */
  line-height: 20px; /* text-sm default (leading-snug yok) */
}

/* fiyat: SKIMS'te ad grubundan 8px aşağıda (flex gap-2) */
.cc_qb107hkb_IZCaxJOaZB .pcard-price, .cc_qb107hkb_Xt2iXfU7md .pcard-price, .cc_qb107hkb_I7bjyo0mR7 .pcard-price {
  /* SKIMS fiyat: Inter 400 14/20, %2,5 izleme */
  margin-top: 0.5rem;
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: var(--lp-ls-type);
  color: #2d2a26;
}
/* üstü çizili: mr-1 text-ink-3 */
.cc_qb107hkb_IZCaxJOaZB .pcard-price-old, .cc_qb107hkb_Xt2iXfU7md .pcard-price-old, .cc_qb107hkb_I7bjyo0mR7 .pcard-price-old {
  margin-right: 0.25rem;
  color: #787572; /* SKIMS eski fiyat grisi */
}
.cc_qb107hkb_IZCaxJOaZB .pcard-price-sale, .cc_qb107hkb_Xt2iXfU7md .pcard-price-sale, .cc_qb107hkb_I7bjyo0mR7 .pcard-price-sale {
  color: var(--lp-sale); /* SKIMS indirim kırmızısı */
}

/* Ürün grubu çipi — görsel dolgulu daire (kumaş dokusu); ölçü/halka
   davranışı düz renk çiple birebir aynı. */
.cc_qb107hkb_IZCaxJOaZB .pcard-swatch--img, .cc_qb107hkb_Xt2iXfU7md .pcard-swatch--img, .cc_qb107hkb_I7bjyo0mR7 .pcard-swatch--img {
  overflow: hidden;
  padding: 0;
}
.cc_qb107hkb_IZCaxJOaZB .pcard-swatch-img, .cc_qb107hkb_Xt2iXfU7md .pcard-swatch-img, .cc_qb107hkb_I7bjyo0mR7 .pcard-swatch-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: inherit;
  pointer-events: none;
}

/* End import: ../ProductCard/styles.css */
/* Ortak karo kaynağı (tema ayarı) modunda CategoryTile DOĞRUDAN render
   edilir (IkasComponentRenderer yok) — çocuğun kendi scope'lu stili burada
   devreye giremeyeceğinden karo stilleri parent zincirine de alınır. */
/* Imported from: ../../components/CategoryTile/styles.css */
/* CategoryTile — VARSAYILAN görünüm: eski SubTilesRow karo Tailwind
 * zincirlerinin birebir karşılığı.
 * link:  group block w-36 shrink-0 md:w-subtile-desktop
 * img:   aspect-tile w-full bg-neutral-50 object-cover
 *        transition-transform duration-500 ease-out group-hover:scale-105
 * label: mt-2 block text-sm font-bold text-ink transition-colors
 *        group-hover:text-sienna
 * Genişlik yüzdesi kapsayıcı şeride (.pll-subtiles) göre çözülür — renderer
 * sarmalayıcısı display:contents olduğundan karolar doğrudan flex item.
 *
 * NOT: `.ctile-box` burada display:contents (yani DOM'da var, yerleşimde
 * yok) — SubTilesRow görünümü eskiden de sarmalayıcısızdı. CategoryTiles
 * section'ı onu gerçek kutuya (oran + overflow:hidden + radius) çevirir. */
.cc_qb107hkb_IZCaxJOaZB .ctile, .cc_qb107hkb_Xt2iXfU7md .ctile, .cc_qb107hkb_I7bjyo0mR7 .ctile {
  display: block;
  width: 9rem; /* w-36 */
  flex-shrink: 0;
  color: inherit;
  text-decoration: none;
}

/* Sarmalayıcı varsayılanda yerleşimden çıkar — eski DOM ile birebir. */
.cc_qb107hkb_IZCaxJOaZB .ctile-box, .cc_qb107hkb_Xt2iXfU7md .ctile-box, .cc_qb107hkb_I7bjyo0mR7 .ctile-box {
  display: contents;
}

/* Overlay ve kartela yalnız CategoryTiles görünümünde açılır. */
.cc_qb107hkb_IZCaxJOaZB .ctile-overlay, .cc_qb107hkb_Xt2iXfU7md .ctile-overlay, .cc_qb107hkb_I7bjyo0mR7 .ctile-overlay {
  display: none;
}
.cc_qb107hkb_IZCaxJOaZB .ctile-swatch, .cc_qb107hkb_Xt2iXfU7md .ctile-swatch, .cc_qb107hkb_I7bjyo0mR7 .ctile-swatch {
  display: none;
}

.cc_qb107hkb_IZCaxJOaZB .ctile-img, .cc_qb107hkb_Xt2iXfU7md .ctile-img, .cc_qb107hkb_I7bjyo0mR7 .ctile-img {
  aspect-ratio: 4 / 5; /* aspect-tile */
  width: 100%;
  background: #fafafa; /* neutral-50 */
  object-fit: cover;
  display: block;
  transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1); /* duration-500 ease-out */
}
.cc_qb107hkb_IZCaxJOaZB .ctile:hover .ctile-img, .cc_qb107hkb_Xt2iXfU7md .ctile:hover .ctile-img, .cc_qb107hkb_I7bjyo0mR7 .ctile:hover .ctile-img {
  transform: scale(1.05); /* group-hover:scale-105 */
}

/* Görselsiz karo: colorHex verilmişse onun zemini, yoksa nötr neutral-50. */
.cc_qb107hkb_IZCaxJOaZB .ctile-empty, .cc_qb107hkb_Xt2iXfU7md .ctile-empty, .cc_qb107hkb_I7bjyo0mR7 .ctile-empty {
  display: block;
  aspect-ratio: 4 / 5;
  width: 100%;
  background: var(--ctile-fallback, #fafafa);
}

/* SKIMS 'heading-4' kademesi (skims.com taraması): display fontu,
   16px / 20px, ağırlık 400, .025em tracking, uppercase. Bu, çocuğun
   VARSAYILANI — ezmesi olmayan her kullanımda (listeleme sayfalarının
   alt-kategori şeridi) geçerli olur. Kategori Karoları bölümü aynı
   değerleri kendi ezmesinde zaten taşıyor. */
.cc_qb107hkb_IZCaxJOaZB .ctile-label, .cc_qb107hkb_Xt2iXfU7md .ctile-label, .cc_qb107hkb_I7bjyo0mR7 .ctile-label {
  margin-top: 0.5rem; /* mt-2 */
  display: block;
  font-family: var(--lp-font-display);
  font-size: var(--lp-text-heading-4);
  line-height: var(--lp-lh-heading-4);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: var(--lp-ls-type);
  color: var(--lp-ink);
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1); /* transition-colors */
}
.cc_qb107hkb_IZCaxJOaZB .ctile:hover .ctile-label, .cc_qb107hkb_Xt2iXfU7md .ctile:hover .ctile-label, .cc_qb107hkb_I7bjyo0mR7 .ctile:hover .ctile-label {
  color: var(--lp-sienna); /* group-hover:text-sienna */
}

/* md (768px+): masaüstünde aynı anda 9.5 karo — w-subtile-desktop
   calc((100% - 108px) / 9.5); 9 gap-3 (12px) düşülür. */
@media (min-width: 768px) {
  .cc_qb107hkb_IZCaxJOaZB .ctile, .cc_qb107hkb_Xt2iXfU7md .ctile, .cc_qb107hkb_I7bjyo0mR7 .ctile {
    width: calc((100% - 108px) / 9.5);
  }
}

/* End import: ../../components/CategoryTile/styles.css */
/* Imported from: ../ProductCardSkeleton/styles.css */
/* ProductCardSkeleton — eski Tailwind zincirlerinin birebir karşılığı.
 * wrapper: flex flex-col animate-pulse
 * img:     bg-gray-200 rounded-sm mb-3
 * line:    h-3 bg-gray-200 rounded mb-2 (w-3/4 | w-1/3)
 * dots:    flex gap-1.5 mt-auto pt-1; w-3.5 h-3.5 rounded-full bg-gray-100 */
.cc_qb107hkb_IZCaxJOaZB .pcsk, .cc_qb107hkb_Xt2iXfU7md .pcsk, .cc_qb107hkb_I7bjyo0mR7 .pcsk {
  display: flex;
  flex-direction: column;
  animation: pcsk-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes pcsk-pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.cc_qb107hkb_IZCaxJOaZB .pcsk-img, .cc_qb107hkb_Xt2iXfU7md .pcsk-img, .cc_qb107hkb_I7bjyo0mR7 .pcsk-img {
  background: #e5e7eb; /* gray-200 */
  border-radius: 2px; /* rounded-sm */
  margin-bottom: 0.75rem; /* mb-3 */
}
.cc_qb107hkb_IZCaxJOaZB .pcsk-line, .cc_qb107hkb_Xt2iXfU7md .pcsk-line, .cc_qb107hkb_I7bjyo0mR7 .pcsk-line {
  height: 0.75rem; /* h-3 */
  background: #e5e7eb;
  border-radius: 0.25rem; /* rounded */
  margin-bottom: 0.5rem; /* mb-2 */
}
.cc_qb107hkb_IZCaxJOaZB .pcsk-line-1, .cc_qb107hkb_Xt2iXfU7md .pcsk-line-1, .cc_qb107hkb_I7bjyo0mR7 .pcsk-line-1 {
  width: 75%; /* w-3/4 */
}
.cc_qb107hkb_IZCaxJOaZB .pcsk-line-2, .cc_qb107hkb_Xt2iXfU7md .pcsk-line-2, .cc_qb107hkb_I7bjyo0mR7 .pcsk-line-2 {
  width: 33.333333%; /* w-1/3 */
}
.cc_qb107hkb_IZCaxJOaZB .pcsk-swatches, .cc_qb107hkb_Xt2iXfU7md .pcsk-swatches, .cc_qb107hkb_I7bjyo0mR7 .pcsk-swatches {
  display: flex;
  gap: 0.375rem; /* gap-1.5 */
  margin-top: auto; /* mt-auto */
  padding-top: 0.25rem; /* pt-1 */
}
.cc_qb107hkb_IZCaxJOaZB .pcsk-dot, .cc_qb107hkb_Xt2iXfU7md .pcsk-dot, .cc_qb107hkb_I7bjyo0mR7 .pcsk-dot {
  width: 0.875rem; /* w-3.5 */
  height: 0.875rem;
  border-radius: 9999px;
  background: #f3f4f6; /* gray-100 */
}

/* End import: ../ProductCardSkeleton/styles.css */
/* Imported from: ../EmptyState/styles.css */
/* ─── EmptyState ─── eski Tailwind → düz CSS */

/* flex flex-col items-center justify-center py-32 text-center */
.cc_qb107hkb_IZCaxJOaZB .estate, .cc_qb107hkb_Xt2iXfU7md .estate, .cc_qb107hkb_I7bjyo0mR7 .estate {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8rem 0;
  text-align: center;
}

/* text-xl font-medium text-gray-900 mb-4 */
.cc_qb107hkb_IZCaxJOaZB .estate-message, .cc_qb107hkb_Xt2iXfU7md .estate-message, .cc_qb107hkb_I7bjyo0mR7 .estate-message {
  margin: 0 0 1rem;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #111827;
}

/* bg-brand-green text-white px-6 py-2 rounded-sm text-sm hover:bg-brand-green-mid */
.cc_qb107hkb_IZCaxJOaZB .estate-action, .cc_qb107hkb_Xt2iXfU7md .estate-action, .cc_qb107hkb_I7bjyo0mR7 .estate-action {
  background: var(--lp-primary);
  color: #ffffff;
  padding: 0.5rem 1.5rem;
  border: none;
  border-radius: 2px;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_qb107hkb_IZCaxJOaZB .estate-action:hover, .cc_qb107hkb_Xt2iXfU7md .estate-action:hover, .cc_qb107hkb_I7bjyo0mR7 .estate-action:hover {
  background: var(--lp-primary-dark);
}

/* End import: ../EmptyState/styles.css */
/* Imported from: ../FilterPanel/styles.css */
/* FilterPanel — eski filter-panel.tsx Tailwind zincirlerinin birebir karşılığı. */
/* Imported from: ../Drawer/styles.css */
/* Drawer — eski kit/ui/drawer.tsx Tailwind zincirlerinin birebir karşılığı.
 * overlay: fixed inset-0 z-[60] bg-black/40 transition-opacity duration-300
 * panel:   fixed z-[70] w-full bg-white overflow-y-auto overscroll-contain
 *          transition-transform duration-300 ease-in-out flex flex-col */
.cc_qb107hkb_IZCaxJOaZB .drw-overlay, .cc_qb107hkb_Xt2iXfU7md .drw-overlay, .cc_qb107hkb_I7bjyo0mR7 .drw-overlay {
  position: fixed;
  inset: 0;
  z-index: 60;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_qb107hkb_IZCaxJOaZB .drw-overlay-open, .cc_qb107hkb_Xt2iXfU7md .drw-overlay-open, .cc_qb107hkb_I7bjyo0mR7 .drw-overlay-open {
  opacity: 1;
  pointer-events: auto;
}

.cc_qb107hkb_IZCaxJOaZB .drw-panel, .cc_qb107hkb_Xt2iXfU7md .drw-panel, .cc_qb107hkb_I7bjyo0mR7 .drw-panel {
  position: fixed;
  z-index: 70;
  width: 100%;
  background: #fff;
  overflow-y: auto;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* Tailwind ease-in-out */
}
.cc_qb107hkb_IZCaxJOaZB .drw-pos-right, .cc_qb107hkb_Xt2iXfU7md .drw-pos-right, .cc_qb107hkb_I7bjyo0mR7 .drw-pos-right {
  top: 0;
  bottom: 0;
  right: 0;
}
.cc_qb107hkb_IZCaxJOaZB .drw-pos-left, .cc_qb107hkb_Xt2iXfU7md .drw-pos-left, .cc_qb107hkb_I7bjyo0mR7 .drw-pos-left {
  top: 0;
  bottom: 0;
  left: 0;
}
.cc_qb107hkb_IZCaxJOaZB .drw-pos-bottom, .cc_qb107hkb_Xt2iXfU7md .drw-pos-bottom, .cc_qb107hkb_I7bjyo0mR7 .drw-pos-bottom {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.cc_qb107hkb_IZCaxJOaZB .drw-open, .cc_qb107hkb_Xt2iXfU7md .drw-open, .cc_qb107hkb_I7bjyo0mR7 .drw-open {
  transform: translate(0, 0);
}
.cc_qb107hkb_IZCaxJOaZB .drw-closed-right, .cc_qb107hkb_Xt2iXfU7md .drw-closed-right, .cc_qb107hkb_I7bjyo0mR7 .drw-closed-right {
  transform: translateX(100%);
}
.cc_qb107hkb_IZCaxJOaZB .drw-closed-left, .cc_qb107hkb_Xt2iXfU7md .drw-closed-left, .cc_qb107hkb_I7bjyo0mR7 .drw-closed-left {
  transform: translateX(-100%);
}
.cc_qb107hkb_IZCaxJOaZB .drw-closed-bottom, .cc_qb107hkb_Xt2iXfU7md .drw-closed-bottom, .cc_qb107hkb_I7bjyo0mR7 .drw-closed-bottom {
  transform: translateY(100%);
}

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

/* flex h-full flex-col bg-white */
.cc_qb107hkb_IZCaxJOaZB .fp, .cc_qb107hkb_Xt2iXfU7md .fp, .cc_qb107hkb_I7bjyo0mR7 .fp {
  display: flex;
  height: 100%;
  flex-direction: column;
  background: #fff;
}

/* ── Üst: flex flex-shrink-0 items-center justify-between px-5 py-4 ── */
.cc_qb107hkb_IZCaxJOaZB .fp-head, .cc_qb107hkb_Xt2iXfU7md .fp-head, .cc_qb107hkb_I7bjyo0mR7 .fp-head {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
}
.cc_qb107hkb_IZCaxJOaZB .fp-head-label, .cc_qb107hkb_Xt2iXfU7md .fp-head-label, .cc_qb107hkb_I7bjyo0mR7 .fp-head-label {
  font-size: 0.875rem; /* text-sm */
  line-height: 1.25rem;
  color: var(--lp-ink);
}
/* flex h-9 w-9 items-center justify-center text-ink hover:opacity-60 */
.cc_qb107hkb_IZCaxJOaZB .fp-close, .cc_qb107hkb_Xt2iXfU7md .fp-close, .cc_qb107hkb_I7bjyo0mR7 .fp-close {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  align-items: center;
  justify-content: center;
  color: var(--lp-ink);
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_qb107hkb_IZCaxJOaZB .fp-close:hover, .cc_qb107hkb_Xt2iXfU7md .fp-close:hover, .cc_qb107hkb_I7bjyo0mR7 .fp-close:hover {
  opacity: 0.6;
}

/* ── Bölümler: min-h-0 flex-1 overflow-y-auto border-t border-neutral-200 px-5 ── */
.cc_qb107hkb_IZCaxJOaZB .fp-body, .cc_qb107hkb_Xt2iXfU7md .fp-body, .cc_qb107hkb_I7bjyo0mR7 .fp-body {
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  border-top: 1px solid #e5e5e5; /* neutral-200 */
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/* details group border-b border-neutral-200 */
.cc_qb107hkb_IZCaxJOaZB .fp-section, .cc_qb107hkb_Xt2iXfU7md .fp-section, .cc_qb107hkb_I7bjyo0mR7 .fp-section {
  border-bottom: 1px solid #e5e5e5;
}
/* summary: flex cursor-pointer list-none items-center justify-between py-4
   text-base font-medium text-ink [&::-webkit-details-marker]:hidden */
.cc_qb107hkb_IZCaxJOaZB .fp-summary, .cc_qb107hkb_Xt2iXfU7md .fp-summary, .cc_qb107hkb_I7bjyo0mR7 .fp-summary {
  display: flex;
  cursor: pointer;
  list-style: none;
  align-items: center;
  justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1rem; /* text-base */
  line-height: 1.5rem;
  font-weight: 500;
  color: var(--lp-ink);
}
.cc_qb107hkb_IZCaxJOaZB .fp-summary::-webkit-details-marker, .cc_qb107hkb_Xt2iXfU7md .fp-summary::-webkit-details-marker, .cc_qb107hkb_I7bjyo0mR7 .fp-summary::-webkit-details-marker {
  display: none;
}
/* chevron: h-4 w-4 transition-transform group-open:rotate-180 */
.cc_qb107hkb_IZCaxJOaZB .fp-chevron, .cc_qb107hkb_Xt2iXfU7md .fp-chevron, .cc_qb107hkb_I7bjyo0mR7 .fp-chevron {
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_qb107hkb_IZCaxJOaZB .fp-section[open] > .fp-summary .fp-chevron, .cc_qb107hkb_Xt2iXfU7md .fp-section[open] > .fp-summary .fp-chevron, .cc_qb107hkb_I7bjyo0mR7 .fp-section[open] > .fp-summary .fp-chevron {
  transform: rotate(180deg);
}
.cc_qb107hkb_IZCaxJOaZB .fp-section-body, .cc_qb107hkb_Xt2iXfU7md .fp-section-body, .cc_qb107hkb_I7bjyo0mR7 .fp-section-body {
  padding-bottom: 1.25rem; /* pb-5 */
}

/* Değer grid'leri: grid gap-1.5 grid-cols-{2|3|4} */
.cc_qb107hkb_IZCaxJOaZB .fp-grid, .cc_qb107hkb_Xt2iXfU7md .fp-grid, .cc_qb107hkb_I7bjyo0mR7 .fp-grid {
  display: grid;
  gap: 0.375rem;
}
.cc_qb107hkb_IZCaxJOaZB .fp-grid-2, .cc_qb107hkb_Xt2iXfU7md .fp-grid-2, .cc_qb107hkb_I7bjyo0mR7 .fp-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cc_qb107hkb_IZCaxJOaZB .fp-grid-3, .cc_qb107hkb_Xt2iXfU7md .fp-grid-3, .cc_qb107hkb_I7bjyo0mR7 .fp-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cc_qb107hkb_IZCaxJOaZB .fp-grid-4, .cc_qb107hkb_Xt2iXfU7md .fp-grid-4, .cc_qb107hkb_I7bjyo0mR7 .fp-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* Chip: flex h-10 items-center justify-center gap-1.5 border px-2 text-sm
   transition-colors; idle border-neutral-300 hover:border-ink;
   seçili border-ink + ring-1 ring-inset ring-ink */
.cc_qb107hkb_IZCaxJOaZB .fp-chip, .cc_qb107hkb_Xt2iXfU7md .fp-chip, .cc_qb107hkb_I7bjyo0mR7 .fp-chip {
  display: flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  border: 1px solid #d4d4d4; /* neutral-300 */
  background: none;
  padding: 0 0.5rem; /* px-2 */
  font-size: 0.875rem; /* text-sm */
  line-height: 1.25rem;
  font-family: inherit;
  color: var(--lp-ink);
  cursor: pointer;
  border-radius: 0;
  transition:
    color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 0;
}
.cc_qb107hkb_IZCaxJOaZB .fp-chip:hover, .cc_qb107hkb_Xt2iXfU7md .fp-chip:hover, .cc_qb107hkb_I7bjyo0mR7 .fp-chip:hover {
  border-color: var(--lp-ink);
}
.cc_qb107hkb_IZCaxJOaZB .fp-chip-selected, .cc_qb107hkb_Xt2iXfU7md .fp-chip-selected, .cc_qb107hkb_I7bjyo0mR7 .fp-chip-selected {
  border-color: var(--lp-ink);
  /* ring-1 ring-inset ring-ink */
  box-shadow: inset 0 0 0 1px var(--lp-ink);
}
/* truncate */
.cc_qb107hkb_IZCaxJOaZB .fp-chip-name, .cc_qb107hkb_Xt2iXfU7md .fp-chip-name, .cc_qb107hkb_I7bjyo0mR7 .fp-chip-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* text-2xs text-ink-3 */
.cc_qb107hkb_IZCaxJOaZB .fp-chip-count, .cc_qb107hkb_Xt2iXfU7md .fp-chip-count, .cc_qb107hkb_I7bjyo0mR7 .fp-chip-count {
  font-size: 10px;
  line-height: 14px;
  color: var(--lp-ink-3);
}
/* SWATCH renk noktası: h-3.5 w-3.5 shrink-0 rounded-sm border border-neutral-200 */
.cc_qb107hkb_IZCaxJOaZB .fp-swatch, .cc_qb107hkb_Xt2iXfU7md .fp-swatch, .cc_qb107hkb_I7bjyo0mR7 .fp-swatch {
  height: 0.875rem;
  width: 0.875rem;
  flex-shrink: 0;
  border-radius: 2px;
  border: 1px solid #e5e5e5;
}

/* ── Fiyat aralığı: flex items-center gap-2 ── */
.cc_qb107hkb_IZCaxJOaZB .fp-nr, .cc_qb107hkb_Xt2iXfU7md .fp-nr, .cc_qb107hkb_I7bjyo0mR7 .fp-nr {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
/* h-10 w-full border border-neutral-300 bg-transparent px-3 text-sm text-ink
   focus:border-ink focus:outline-none */
.cc_qb107hkb_IZCaxJOaZB .fp-nr-input, .cc_qb107hkb_Xt2iXfU7md .fp-nr-input, .cc_qb107hkb_I7bjyo0mR7 .fp-nr-input {
  height: 2.5rem;
  width: 100%;
  min-width: 0;
  border: 1px solid #d4d4d4;
  background: transparent;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: inherit;
  color: var(--lp-ink);
  border-radius: 0;
}
.cc_qb107hkb_IZCaxJOaZB .fp-nr-input:focus, .cc_qb107hkb_Xt2iXfU7md .fp-nr-input:focus, .cc_qb107hkb_I7bjyo0mR7 .fp-nr-input:focus {
  border-color: var(--lp-ink);
  outline: none;
}
.cc_qb107hkb_IZCaxJOaZB .fp-nr-dash, .cc_qb107hkb_Xt2iXfU7md .fp-nr-dash, .cc_qb107hkb_I7bjyo0mR7 .fp-nr-dash {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--lp-ink-3);
}
/* flex h-10 w-12 shrink-0 items-center justify-center bg-ink text-white
   hover:opacity-80 */
.cc_qb107hkb_IZCaxJOaZB .fp-nr-apply, .cc_qb107hkb_Xt2iXfU7md .fp-nr-apply, .cc_qb107hkb_I7bjyo0mR7 .fp-nr-apply {
  display: flex;
  height: 2.5rem;
  width: 3rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background: var(--lp-ink);
  color: #fff;
  border: 0;
  font-family: inherit;
  font-size: 1rem;
  cursor: pointer;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_qb107hkb_IZCaxJOaZB .fp-nr-apply:hover, .cc_qb107hkb_Xt2iXfU7md .fp-nr-apply:hover, .cc_qb107hkb_I7bjyo0mR7 .fp-nr-apply:hover {
  opacity: 0.8;
}

/* ── Sticky alt: border-t border-neutral-200 px-5 py-4 ── */
.cc_qb107hkb_IZCaxJOaZB .fp-foot, .cc_qb107hkb_Xt2iXfU7md .fp-foot, .cc_qb107hkb_I7bjyo0mR7 .fp-foot {
  border-top: 1px solid #e5e5e5;
  padding: 1rem 1.25rem;
}
/* mb-3 block w-full text-center text-xs text-ink underline
   underline-offset-4 hover:opacity-60 */
.cc_qb107hkb_IZCaxJOaZB .fp-clear-all, .cc_qb107hkb_Xt2iXfU7md .fp-clear-all, .cc_qb107hkb_I7bjyo0mR7 .fp-clear-all {
  margin-bottom: 0.75rem;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0.75rem; /* text-xs */
  line-height: 1rem;
  color: var(--lp-ink);
  text-decoration: underline;
  text-underline-offset: 4px;
  background: none;
  border: 0;
  padding: 0;
  font-family: inherit;
  cursor: pointer;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_qb107hkb_IZCaxJOaZB .fp-clear-all:hover, .cc_qb107hkb_Xt2iXfU7md .fp-clear-all:hover, .cc_qb107hkb_I7bjyo0mR7 .fp-clear-all:hover {
  opacity: 0.6;
}
/* block w-full bg-ink py-4 text-center font-display text-base uppercase
   text-white hover:opacity-85 */
.cc_qb107hkb_IZCaxJOaZB .fp-cta, .cc_qb107hkb_Xt2iXfU7md .fp-cta, .cc_qb107hkb_I7bjyo0mR7 .fp-cta {
  display: block;
  width: 100%;
  background: var(--lp-ink);
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  font-family: var(--lp-font-display);
  font-size: var(--lp-text-heading-4);
  line-height: var(--lp-lh-heading-4);
  letter-spacing: var(--lp-ls-type);
  text-transform: uppercase;
  color: #fff;
  border: 0;
  cursor: pointer;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_qb107hkb_IZCaxJOaZB .fp-cta:hover, .cc_qb107hkb_Xt2iXfU7md .fp-cta:hover, .cc_qb107hkb_I7bjyo0mR7 .fp-cta:hover {
  opacity: 0.85;
}

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

/* kök (eski <main>): w-full px-5 md:px-6 pt-0 pb-2 md:py-8 */
.cc_qb107hkb_IZCaxJOaZB .pll, .cc_qb107hkb_Xt2iXfU7md .pll, .cc_qb107hkb_I7bjyo0mR7 .pll {
  width: 100%;
  padding: 0 1.25rem 0.5rem;
}

/* ── SKIMS başlık bloğu: pt-6 md:pt-8 ── */
.cc_qb107hkb_IZCaxJOaZB .pll-head, .cc_qb107hkb_Xt2iXfU7md .pll-head, .cc_qb107hkb_I7bjyo0mR7 .pll-head {
  padding-top: 1.5rem;
}
/* h1: font-display text-display uppercase text-ink (+ preflight margin reset) */
.cc_qb107hkb_IZCaxJOaZB .pll-title, .cc_qb107hkb_Xt2iXfU7md .pll-title, .cc_qb107hkb_I7bjyo0mR7 .pll-title {
  margin: 0;
  font-family: var(--lp-font-display);
  font-size: var(--lp-text-heading-1); /* text-display */
  line-height: var(--lp-lh-heading-1);
  letter-spacing: var(--lp-ls-type);
  font-weight: 400;
  text-transform: uppercase;
  color: var(--lp-ink);
}
/* intro: mt-2 max-w-3xl text-base text-ink */
.cc_qb107hkb_IZCaxJOaZB .pll-intro, .cc_qb107hkb_Xt2iXfU7md .pll-intro, .cc_qb107hkb_I7bjyo0mR7 .pll-intro {
  margin: 0.5rem 0 0;
  max-width: 48rem; /* max-w-3xl */
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--lp-ink);
}

/* ── Karo satırı: hscroll -mx-5 mt-5 flex gap-3 overflow-x-auto px-5
     md:mx-0 md:mt-6 md:px-0 ── */
.cc_qb107hkb_IZCaxJOaZB .pll-subtiles, .cc_qb107hkb_Xt2iXfU7md .pll-subtiles, .cc_qb107hkb_I7bjyo0mR7 .pll-subtiles {
  margin: 1.25rem -1.25rem 0;
  display: flex;
  gap: 0.75rem;
  overflow-x: auto;
  padding: 0 1.25rem;
}

/* Eski SubTilesRow filtresi KATIYDI: `tile?.label && tile?.link` (ikisi de
   şart) — eski CategoryTiles filtresi ise GEVŞEK (`link?.href || label`).
   Paylaşılan CategoryTile child'ı gevşek davranır ve katı koşulu kökünde
   `data-ctile-strict` ile yayınlar; eksik satırı BURADA eleriz. Renderer
   sarmalayıcısı da kalkar (`:has` — global.css header emsali), yoksa boş
   sarmalayıcı `gap` üretirdi.
   `> .ctile` DOĞRUDAN çocuk aranır: birden çok karo taşıyan bir kapsayıcı
   asla eşleşmez. Sarmalayıcı derinliği runtime'da belirlendiğinden iki
   kademe de kapsanır (Hero `.hs-wrapper > * / > * > *` emsali). */
.cc_qb107hkb_IZCaxJOaZB .pll-subtiles .ctile:not([data-ctile-strict]), .cc_qb107hkb_Xt2iXfU7md .pll-subtiles .ctile:not([data-ctile-strict]), .cc_qb107hkb_I7bjyo0mR7 .pll-subtiles .ctile:not([data-ctile-strict]), .cc_qb107hkb_IZCaxJOaZB .pll-subtiles > *:has(> .ctile:not([data-ctile-strict])), .cc_qb107hkb_Xt2iXfU7md .pll-subtiles > *:has(> .ctile:not([data-ctile-strict])), .cc_qb107hkb_I7bjyo0mR7 .pll-subtiles > *:has(> .ctile:not([data-ctile-strict])), .cc_qb107hkb_IZCaxJOaZB .pll-subtiles > * > *:has(> .ctile:not([data-ctile-strict])), .cc_qb107hkb_Xt2iXfU7md .pll-subtiles > * > *:has(> .ctile:not([data-ctile-strict])), .cc_qb107hkb_I7bjyo0mR7 .pll-subtiles > * > *:has(> .ctile:not([data-ctile-strict])) {
  display: none;
}

/* Kalan sarmalayıcılar da yerleşimden çıkar → karo linki DOĞRUDAN flex item
   olur ve kendi `w-36 / md:w-subtile-desktop + shrink-0` ölçüsünü uygular
   (sarmalayıcı kutu olsaydı şerit karoları büzülebilirdi). Eleme kuralı
   3 sınıflık özgüllükle bunun üstünde kalır. */
/* `:not(.ctile)` — ortak-kaynak modunda karolar DOĞRUDAN çocuk; onları
   display:contents'e düşürmek genişlik/oran stillerini öldürürdü. */
.cc_qb107hkb_IZCaxJOaZB .pll-subtiles > *:not(.ctile), .cc_qb107hkb_Xt2iXfU7md .pll-subtiles > *:not(.ctile), .cc_qb107hkb_I7bjyo0mR7 .pll-subtiles > *:not(.ctile), .cc_qb107hkb_IZCaxJOaZB .pll-subtiles > * > *:not(.ctile), .cc_qb107hkb_Xt2iXfU7md .pll-subtiles > * > *:not(.ctile), .cc_qb107hkb_I7bjyo0mR7 .pll-subtiles > * > *:not(.ctile), .cc_qb107hkb_IZCaxJOaZB .pll-subtiles *:has(> .ctile), .cc_qb107hkb_Xt2iXfU7md .pll-subtiles *:has(> .ctile), .cc_qb107hkb_I7bjyo0mR7 .pll-subtiles *:has(> .ctile) {
  display: contents;
}

/* ── Breadcrumb: mt-4 flex items-center gap-2 pb-4 text-xs text-ink md:mt-6 ── */
.cc_qb107hkb_IZCaxJOaZB .pll-crumb, .cc_qb107hkb_Xt2iXfU7md .pll-crumb, .cc_qb107hkb_I7bjyo0mR7 .pll-crumb {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--lp-ink);
}
.cc_qb107hkb_IZCaxJOaZB .pll-crumb-home, .cc_qb107hkb_Xt2iXfU7md .pll-crumb-home, .cc_qb107hkb_I7bjyo0mR7 .pll-crumb-home {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_qb107hkb_IZCaxJOaZB .pll-crumb-home:hover, .cc_qb107hkb_Xt2iXfU7md .pll-crumb-home:hover, .cc_qb107hkb_I7bjyo0mR7 .pll-crumb-home:hover {
  opacity: 0.6;
}
.cc_qb107hkb_IZCaxJOaZB .pll-crumb-sep, .cc_qb107hkb_Xt2iXfU7md .pll-crumb-sep, .cc_qb107hkb_I7bjyo0mR7 .pll-crumb-sep {
  color: var(--lp-ink-3);
}

/* ── Sticky filtre çubuğu: sticky z-20 -mx-5 border-y border-neutral-200
     bg-white px-5 md:-mx-6 md:px-6 (top inline: --header-height) ── */
.cc_qb107hkb_IZCaxJOaZB .pll-bar, .cc_qb107hkb_Xt2iXfU7md .pll-bar, .cc_qb107hkb_I7bjyo0mR7 .pll-bar {
  position: sticky;
  z-index: 20;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  border-top: 1px solid #e5e5e5; /* neutral-200 */
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
/* hscroll flex items-center gap-6 overflow-x-auto py-4 md:gap-8 md:py-5 */
.cc_qb107hkb_IZCaxJOaZB .pll-bar-scroll, .cc_qb107hkb_Xt2iXfU7md .pll-bar-scroll, .cc_qb107hkb_I7bjyo0mR7 .pll-bar-scroll {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  overflow-x: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
/* whitespace-nowrap text-xs font-medium uppercase tracking-wide text-ink
   hover:opacity-60 (+ button preflight reset) */
.cc_qb107hkb_IZCaxJOaZB .pll-bar-btn, .cc_qb107hkb_Xt2iXfU7md .pll-bar-btn, .cc_qb107hkb_I7bjyo0mR7 .pll-bar-btn {
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em; /* tracking-wide */
  color: var(--lp-ink);
  background: none;
  border: 0;
  padding: 0;
  font-family: inherit;
  cursor: pointer;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_qb107hkb_IZCaxJOaZB .pll-bar-btn:hover, .cc_qb107hkb_Xt2iXfU7md .pll-bar-btn:hover, .cc_qb107hkb_I7bjyo0mR7 .pll-bar-btn:hover {
  opacity: 0.6;
}
.cc_qb107hkb_IZCaxJOaZB .pll-bar-btn-desktop, .cc_qb107hkb_Xt2iXfU7md .pll-bar-btn-desktop, .cc_qb107hkb_I7bjyo0mR7 .pll-bar-btn-desktop {
  display: none; /* hidden md:block */
}

/* ── Ana içerik: pt-6 md:pt-8; iç min-w-0 ── */
.cc_qb107hkb_IZCaxJOaZB .pll-main, .cc_qb107hkb_Xt2iXfU7md .pll-main, .cc_qb107hkb_I7bjyo0mR7 .pll-main {
  padding-top: 1.5rem;
}
.cc_qb107hkb_IZCaxJOaZB .pll-main-inner, .cc_qb107hkb_Xt2iXfU7md .pll-main-inner, .cc_qb107hkb_I7bjyo0mR7 .pll-main-inner {
  min-width: 0;
}

/* ── Ürün grid'i: grid gap-x-3 gap-y-4 md:gap-y-10 ── */
.cc_qb107hkb_IZCaxJOaZB .pll-grid, .cc_qb107hkb_Xt2iXfU7md .pll-grid, .cc_qb107hkb_I7bjyo0mR7 .pll-grid {
  display: grid;
  column-gap: 0.75rem;
  row-gap: 1rem;
}
.cc_qb107hkb_IZCaxJOaZB .pll-grid-more, .cc_qb107hkb_Xt2iXfU7md .pll-grid-more, .cc_qb107hkb_I7bjyo0mR7 .pll-grid-more {
  margin-top: 1.5rem; /* mt-6 */
}
/* Mobil kolonlar (grid-cols-1 / grid-cols-2) */
.cc_qb107hkb_IZCaxJOaZB .pll-gm-1, .cc_qb107hkb_Xt2iXfU7md .pll-gm-1, .cc_qb107hkb_I7bjyo0mR7 .pll-gm-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.cc_qb107hkb_IZCaxJOaZB .pll-gm-2, .cc_qb107hkb_Xt2iXfU7md .pll-gm-2, .cc_qb107hkb_I7bjyo0mR7 .pll-gm-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* ── Sayfa yığını: flex flex-col gap-y-10 ── */
.cc_qb107hkb_IZCaxJOaZB .pll-pages, .cc_qb107hkb_Xt2iXfU7md .pll-pages, .cc_qb107hkb_I7bjyo0mR7 .pll-pages {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}

/* Önceki Sayfa: self-center h-11 px-6 mb-2 border border-neutral-300 bg-white
   text-neutral-700 text-xs font-semibold uppercase tracking-widest rounded-full
   hover:border-brand-green hover:text-brand-green transition-colors
   disabled:opacity-50 disabled:cursor-not-allowed */
.cc_qb107hkb_IZCaxJOaZB .pll-prev-btn, .cc_qb107hkb_Xt2iXfU7md .pll-prev-btn, .cc_qb107hkb_I7bjyo0mR7 .pll-prev-btn {
  align-self: center;
  height: 2.75rem;
  padding: 0 1.5rem;
  margin-bottom: 0.5rem;
  border: 1px solid #d4d4d4; /* neutral-300 */
  background: #fff;
  color: #404040; /* neutral-700 */
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em; /* tracking-widest */
  border-radius: 9999px;
  font-family: inherit;
  cursor: pointer;
  transition:
    color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_qb107hkb_IZCaxJOaZB .pll-prev-btn:hover, .cc_qb107hkb_Xt2iXfU7md .pll-prev-btn:hover, .cc_qb107hkb_I7bjyo0mR7 .pll-prev-btn:hover {
  border-color: var(--lp-primary); /* brand-green */
  color: var(--lp-primary);
}
.cc_qb107hkb_IZCaxJOaZB .pll-prev-btn:disabled, .cc_qb107hkb_Xt2iXfU7md .pll-prev-btn:disabled, .cc_qb107hkb_I7bjyo0mR7 .pll-prev-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Sentinel: h-4 */
.cc_qb107hkb_IZCaxJOaZB .pll-sentinel, .cc_qb107hkb_Xt2iXfU7md .pll-sentinel, .cc_qb107hkb_I7bjyo0mR7 .pll-sentinel {
  height: 1rem;
}

/* ── SEO açıklaması: mt-16 pt-8 border-t border-neutral-100 text-sm
     text-neutral-500 leading-relaxed w-full (ikas-editor-v1 üstüne biner —
     eskide Tailwind utility'leri kazanırdı; scope'lu seçici burada kazanır) ── */
.cc_qb107hkb_IZCaxJOaZB .pll-desc, .cc_qb107hkb_Xt2iXfU7md .pll-desc, .cc_qb107hkb_I7bjyo0mR7 .pll-desc {
  margin-top: 4rem;
  padding-top: 2rem;
  border-top: 1px solid #f5f5f5; /* neutral-100 */
  font-size: 0.875rem;
  line-height: 1.625; /* leading-relaxed */
  color: #737373; /* neutral-500 */
  width: 100%;
}

/* ── md (768px+) ── */
@media (min-width: 768px) {
  .cc_qb107hkb_IZCaxJOaZB .pll, .cc_qb107hkb_Xt2iXfU7md .pll, .cc_qb107hkb_I7bjyo0mR7 .pll {
    padding: 2rem 1.5rem; /* md:px-6 md:py-8 */
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-head, .cc_qb107hkb_Xt2iXfU7md .pll-head, .cc_qb107hkb_I7bjyo0mR7 .pll-head {
    padding-top: 2rem; /* md:pt-8 */
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-subtiles, .cc_qb107hkb_Xt2iXfU7md .pll-subtiles, .cc_qb107hkb_I7bjyo0mR7 .pll-subtiles {
    margin: 1.5rem 0 0; /* md:mx-0 md:mt-6 */
    padding: 0; /* md:px-0 */
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-crumb, .cc_qb107hkb_Xt2iXfU7md .pll-crumb, .cc_qb107hkb_I7bjyo0mR7 .pll-crumb {
    margin-top: 1.5rem; /* md:mt-6 */
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-bar, .cc_qb107hkb_Xt2iXfU7md .pll-bar, .cc_qb107hkb_I7bjyo0mR7 .pll-bar {
    margin-left: -1.5rem; /* md:-mx-6 */
    margin-right: -1.5rem;
    padding-left: 1.5rem; /* md:px-6 */
    padding-right: 1.5rem;
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-bar-scroll, .cc_qb107hkb_Xt2iXfU7md .pll-bar-scroll, .cc_qb107hkb_I7bjyo0mR7 .pll-bar-scroll {
    gap: 2rem; /* md:gap-8 */
    padding-top: 1.25rem; /* md:py-5 */
    padding-bottom: 1.25rem;
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-bar-btn-mobile, .cc_qb107hkb_Xt2iXfU7md .pll-bar-btn-mobile, .cc_qb107hkb_I7bjyo0mR7 .pll-bar-btn-mobile {
    display: none; /* md:hidden */
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-bar-btn-desktop, .cc_qb107hkb_Xt2iXfU7md .pll-bar-btn-desktop, .cc_qb107hkb_I7bjyo0mR7 .pll-bar-btn-desktop {
    display: block; /* md:block */
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-main, .cc_qb107hkb_Xt2iXfU7md .pll-main, .cc_qb107hkb_I7bjyo0mR7 .pll-main {
    padding-top: 2rem; /* md:pt-8 */
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-grid, .cc_qb107hkb_Xt2iXfU7md .pll-grid, .cc_qb107hkb_I7bjyo0mR7 .pll-grid {
    row-gap: 2.5rem; /* md:gap-y-10 */
  }
  /* Tablet ara adımları (eski DESKTOP_PRODUCT_GRID_CLASS md: kademeleri) */
  .cc_qb107hkb_IZCaxJOaZB .pll-gd-4, .cc_qb107hkb_Xt2iXfU7md .pll-gd-4, .cc_qb107hkb_I7bjyo0mR7 .pll-gd-4, .cc_qb107hkb_IZCaxJOaZB .pll-gd-5, .cc_qb107hkb_Xt2iXfU7md .pll-gd-5, .cc_qb107hkb_I7bjyo0mR7 .pll-gd-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-gd-6, .cc_qb107hkb_Xt2iXfU7md .pll-gd-6, .cc_qb107hkb_I7bjyo0mR7 .pll-gd-6, .cc_qb107hkb_IZCaxJOaZB .pll-gd-7, .cc_qb107hkb_Xt2iXfU7md .pll-gd-7, .cc_qb107hkb_I7bjyo0mR7 .pll-gd-7 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-gd-8, .cc_qb107hkb_Xt2iXfU7md .pll-gd-8, .cc_qb107hkb_I7bjyo0mR7 .pll-gd-8, .cc_qb107hkb_IZCaxJOaZB .pll-gd-9, .cc_qb107hkb_Xt2iXfU7md .pll-gd-9, .cc_qb107hkb_I7bjyo0mR7 .pll-gd-9 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-gd-10, .cc_qb107hkb_Xt2iXfU7md .pll-gd-10, .cc_qb107hkb_I7bjyo0mR7 .pll-gd-10 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

/* ── lg (1024px+): nihai kolon sayıları ── */
@media (min-width: 1024px) {
  .cc_qb107hkb_IZCaxJOaZB .pll-gd-1, .cc_qb107hkb_Xt2iXfU7md .pll-gd-1, .cc_qb107hkb_I7bjyo0mR7 .pll-gd-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-gd-2, .cc_qb107hkb_Xt2iXfU7md .pll-gd-2, .cc_qb107hkb_I7bjyo0mR7 .pll-gd-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-gd-3, .cc_qb107hkb_Xt2iXfU7md .pll-gd-3, .cc_qb107hkb_I7bjyo0mR7 .pll-gd-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-gd-4, .cc_qb107hkb_Xt2iXfU7md .pll-gd-4, .cc_qb107hkb_I7bjyo0mR7 .pll-gd-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-gd-5, .cc_qb107hkb_Xt2iXfU7md .pll-gd-5, .cc_qb107hkb_I7bjyo0mR7 .pll-gd-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-gd-6, .cc_qb107hkb_Xt2iXfU7md .pll-gd-6, .cc_qb107hkb_I7bjyo0mR7 .pll-gd-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-gd-7, .cc_qb107hkb_Xt2iXfU7md .pll-gd-7, .cc_qb107hkb_I7bjyo0mR7 .pll-gd-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-gd-8, .cc_qb107hkb_Xt2iXfU7md .pll-gd-8, .cc_qb107hkb_I7bjyo0mR7 .pll-gd-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-gd-9, .cc_qb107hkb_Xt2iXfU7md .pll-gd-9, .cc_qb107hkb_I7bjyo0mR7 .pll-gd-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .cc_qb107hkb_IZCaxJOaZB .pll-gd-10, .cc_qb107hkb_Xt2iXfU7md .pll-gd-10, .cc_qb107hkb_I7bjyo0mR7 .pll-gd-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
}

/* ProductCardSkeleton — eski Tailwind zincirlerinin birebir karşılığı.
 * wrapper: flex flex-col animate-pulse
 * img:     bg-gray-200 rounded-sm mb-3
 * line:    h-3 bg-gray-200 rounded mb-2 (w-3/4 | w-1/3)
 * dots:    flex gap-1.5 mt-auto pt-1; w-3.5 h-3.5 rounded-full bg-gray-100 */
.cc_qb107hkb_IZCaxJOaZB .pcsk, .cc_qb107hkb_Xt2iXfU7md .pcsk, .cc_qb107hkb_I7bjyo0mR7 .pcsk {
  display: flex;
  flex-direction: column;
  animation: pcsk-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes pcsk-pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.cc_qb107hkb_IZCaxJOaZB .pcsk-img, .cc_qb107hkb_Xt2iXfU7md .pcsk-img, .cc_qb107hkb_I7bjyo0mR7 .pcsk-img {
  background: #e5e7eb; /* gray-200 */
  border-radius: 2px; /* rounded-sm */
  margin-bottom: 0.75rem; /* mb-3 */
}
.cc_qb107hkb_IZCaxJOaZB .pcsk-line, .cc_qb107hkb_Xt2iXfU7md .pcsk-line, .cc_qb107hkb_I7bjyo0mR7 .pcsk-line {
  height: 0.75rem; /* h-3 */
  background: #e5e7eb;
  border-radius: 0.25rem; /* rounded */
  margin-bottom: 0.5rem; /* mb-2 */
}
.cc_qb107hkb_IZCaxJOaZB .pcsk-line-1, .cc_qb107hkb_Xt2iXfU7md .pcsk-line-1, .cc_qb107hkb_I7bjyo0mR7 .pcsk-line-1 {
  width: 75%; /* w-3/4 */
}
.cc_qb107hkb_IZCaxJOaZB .pcsk-line-2, .cc_qb107hkb_Xt2iXfU7md .pcsk-line-2, .cc_qb107hkb_I7bjyo0mR7 .pcsk-line-2 {
  width: 33.333333%; /* w-1/3 */
}
.cc_qb107hkb_IZCaxJOaZB .pcsk-swatches, .cc_qb107hkb_Xt2iXfU7md .pcsk-swatches, .cc_qb107hkb_I7bjyo0mR7 .pcsk-swatches {
  display: flex;
  gap: 0.375rem; /* gap-1.5 */
  margin-top: auto; /* mt-auto */
  padding-top: 0.25rem; /* pt-1 */
}
.cc_qb107hkb_IZCaxJOaZB .pcsk-dot, .cc_qb107hkb_Xt2iXfU7md .pcsk-dot, .cc_qb107hkb_I7bjyo0mR7 .pcsk-dot {
  width: 0.875rem; /* w-3.5 */
  height: 0.875rem;
  border-radius: 9999px;
  background: #f3f4f6; /* gray-100 */
}

/* FilterPanel — eski filter-panel.tsx Tailwind zincirlerinin birebir karşılığı. */
/* Imported from: ../Drawer/styles.css */
/* Drawer — eski kit/ui/drawer.tsx Tailwind zincirlerinin birebir karşılığı.
 * overlay: fixed inset-0 z-[60] bg-black/40 transition-opacity duration-300
 * panel:   fixed z-[70] w-full bg-white overflow-y-auto overscroll-contain
 *          transition-transform duration-300 ease-in-out flex flex-col */
.cc_qb107hkb_IZCaxJOaZB .drw-overlay, .cc_qb107hkb_Xt2iXfU7md .drw-overlay, .cc_qb107hkb_I7bjyo0mR7 .drw-overlay {
  position: fixed;
  inset: 0;
  z-index: 60;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_qb107hkb_IZCaxJOaZB .drw-overlay-open, .cc_qb107hkb_Xt2iXfU7md .drw-overlay-open, .cc_qb107hkb_I7bjyo0mR7 .drw-overlay-open {
  opacity: 1;
  pointer-events: auto;
}

.cc_qb107hkb_IZCaxJOaZB .drw-panel, .cc_qb107hkb_Xt2iXfU7md .drw-panel, .cc_qb107hkb_I7bjyo0mR7 .drw-panel {
  position: fixed;
  z-index: 70;
  width: 100%;
  background: #fff;
  overflow-y: auto;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* Tailwind ease-in-out */
}
.cc_qb107hkb_IZCaxJOaZB .drw-pos-right, .cc_qb107hkb_Xt2iXfU7md .drw-pos-right, .cc_qb107hkb_I7bjyo0mR7 .drw-pos-right {
  top: 0;
  bottom: 0;
  right: 0;
}
.cc_qb107hkb_IZCaxJOaZB .drw-pos-left, .cc_qb107hkb_Xt2iXfU7md .drw-pos-left, .cc_qb107hkb_I7bjyo0mR7 .drw-pos-left {
  top: 0;
  bottom: 0;
  left: 0;
}
.cc_qb107hkb_IZCaxJOaZB .drw-pos-bottom, .cc_qb107hkb_Xt2iXfU7md .drw-pos-bottom, .cc_qb107hkb_I7bjyo0mR7 .drw-pos-bottom {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.cc_qb107hkb_IZCaxJOaZB .drw-open, .cc_qb107hkb_Xt2iXfU7md .drw-open, .cc_qb107hkb_I7bjyo0mR7 .drw-open {
  transform: translate(0, 0);
}
.cc_qb107hkb_IZCaxJOaZB .drw-closed-right, .cc_qb107hkb_Xt2iXfU7md .drw-closed-right, .cc_qb107hkb_I7bjyo0mR7 .drw-closed-right {
  transform: translateX(100%);
}
.cc_qb107hkb_IZCaxJOaZB .drw-closed-left, .cc_qb107hkb_Xt2iXfU7md .drw-closed-left, .cc_qb107hkb_I7bjyo0mR7 .drw-closed-left {
  transform: translateX(-100%);
}
.cc_qb107hkb_IZCaxJOaZB .drw-closed-bottom, .cc_qb107hkb_Xt2iXfU7md .drw-closed-bottom, .cc_qb107hkb_I7bjyo0mR7 .drw-closed-bottom {
  transform: translateY(100%);
}

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

/* flex h-full flex-col bg-white */
.cc_qb107hkb_IZCaxJOaZB .fp, .cc_qb107hkb_Xt2iXfU7md .fp, .cc_qb107hkb_I7bjyo0mR7 .fp {
  display: flex;
  height: 100%;
  flex-direction: column;
  background: #fff;
}

/* ── Üst: flex flex-shrink-0 items-center justify-between px-5 py-4 ── */
.cc_qb107hkb_IZCaxJOaZB .fp-head, .cc_qb107hkb_Xt2iXfU7md .fp-head, .cc_qb107hkb_I7bjyo0mR7 .fp-head {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
}
.cc_qb107hkb_IZCaxJOaZB .fp-head-label, .cc_qb107hkb_Xt2iXfU7md .fp-head-label, .cc_qb107hkb_I7bjyo0mR7 .fp-head-label {
  font-size: 0.875rem; /* text-sm */
  line-height: 1.25rem;
  color: var(--lp-ink);
}
/* flex h-9 w-9 items-center justify-center text-ink hover:opacity-60 */
.cc_qb107hkb_IZCaxJOaZB .fp-close, .cc_qb107hkb_Xt2iXfU7md .fp-close, .cc_qb107hkb_I7bjyo0mR7 .fp-close {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  align-items: center;
  justify-content: center;
  color: var(--lp-ink);
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_qb107hkb_IZCaxJOaZB .fp-close:hover, .cc_qb107hkb_Xt2iXfU7md .fp-close:hover, .cc_qb107hkb_I7bjyo0mR7 .fp-close:hover {
  opacity: 0.6;
}

/* ── Bölümler: min-h-0 flex-1 overflow-y-auto border-t border-neutral-200 px-5 ── */
.cc_qb107hkb_IZCaxJOaZB .fp-body, .cc_qb107hkb_Xt2iXfU7md .fp-body, .cc_qb107hkb_I7bjyo0mR7 .fp-body {
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  border-top: 1px solid #e5e5e5; /* neutral-200 */
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/* details group border-b border-neutral-200 */
.cc_qb107hkb_IZCaxJOaZB .fp-section, .cc_qb107hkb_Xt2iXfU7md .fp-section, .cc_qb107hkb_I7bjyo0mR7 .fp-section {
  border-bottom: 1px solid #e5e5e5;
}
/* summary: flex cursor-pointer list-none items-center justify-between py-4
   text-base font-medium text-ink [&::-webkit-details-marker]:hidden */
.cc_qb107hkb_IZCaxJOaZB .fp-summary, .cc_qb107hkb_Xt2iXfU7md .fp-summary, .cc_qb107hkb_I7bjyo0mR7 .fp-summary {
  display: flex;
  cursor: pointer;
  list-style: none;
  align-items: center;
  justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1rem; /* text-base */
  line-height: 1.5rem;
  font-weight: 500;
  color: var(--lp-ink);
}
.cc_qb107hkb_IZCaxJOaZB .fp-summary::-webkit-details-marker, .cc_qb107hkb_Xt2iXfU7md .fp-summary::-webkit-details-marker, .cc_qb107hkb_I7bjyo0mR7 .fp-summary::-webkit-details-marker {
  display: none;
}
/* chevron: h-4 w-4 transition-transform group-open:rotate-180 */
.cc_qb107hkb_IZCaxJOaZB .fp-chevron, .cc_qb107hkb_Xt2iXfU7md .fp-chevron, .cc_qb107hkb_I7bjyo0mR7 .fp-chevron {
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_qb107hkb_IZCaxJOaZB .fp-section[open] > .fp-summary .fp-chevron, .cc_qb107hkb_Xt2iXfU7md .fp-section[open] > .fp-summary .fp-chevron, .cc_qb107hkb_I7bjyo0mR7 .fp-section[open] > .fp-summary .fp-chevron {
  transform: rotate(180deg);
}
.cc_qb107hkb_IZCaxJOaZB .fp-section-body, .cc_qb107hkb_Xt2iXfU7md .fp-section-body, .cc_qb107hkb_I7bjyo0mR7 .fp-section-body {
  padding-bottom: 1.25rem; /* pb-5 */
}

/* Değer grid'leri: grid gap-1.5 grid-cols-{2|3|4} */
.cc_qb107hkb_IZCaxJOaZB .fp-grid, .cc_qb107hkb_Xt2iXfU7md .fp-grid, .cc_qb107hkb_I7bjyo0mR7 .fp-grid {
  display: grid;
  gap: 0.375rem;
}
.cc_qb107hkb_IZCaxJOaZB .fp-grid-2, .cc_qb107hkb_Xt2iXfU7md .fp-grid-2, .cc_qb107hkb_I7bjyo0mR7 .fp-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cc_qb107hkb_IZCaxJOaZB .fp-grid-3, .cc_qb107hkb_Xt2iXfU7md .fp-grid-3, .cc_qb107hkb_I7bjyo0mR7 .fp-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cc_qb107hkb_IZCaxJOaZB .fp-grid-4, .cc_qb107hkb_Xt2iXfU7md .fp-grid-4, .cc_qb107hkb_I7bjyo0mR7 .fp-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* Chip: flex h-10 items-center justify-center gap-1.5 border px-2 text-sm
   transition-colors; idle border-neutral-300 hover:border-ink;
   seçili border-ink + ring-1 ring-inset ring-ink */
.cc_qb107hkb_IZCaxJOaZB .fp-chip, .cc_qb107hkb_Xt2iXfU7md .fp-chip, .cc_qb107hkb_I7bjyo0mR7 .fp-chip {
  display: flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  border: 1px solid #d4d4d4; /* neutral-300 */
  background: none;
  padding: 0 0.5rem; /* px-2 */
  font-size: 0.875rem; /* text-sm */
  line-height: 1.25rem;
  font-family: inherit;
  color: var(--lp-ink);
  cursor: pointer;
  border-radius: 0;
  transition:
    color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 0;
}
.cc_qb107hkb_IZCaxJOaZB .fp-chip:hover, .cc_qb107hkb_Xt2iXfU7md .fp-chip:hover, .cc_qb107hkb_I7bjyo0mR7 .fp-chip:hover {
  border-color: var(--lp-ink);
}
.cc_qb107hkb_IZCaxJOaZB .fp-chip-selected, .cc_qb107hkb_Xt2iXfU7md .fp-chip-selected, .cc_qb107hkb_I7bjyo0mR7 .fp-chip-selected {
  border-color: var(--lp-ink);
  /* ring-1 ring-inset ring-ink */
  box-shadow: inset 0 0 0 1px var(--lp-ink);
}
/* truncate */
.cc_qb107hkb_IZCaxJOaZB .fp-chip-name, .cc_qb107hkb_Xt2iXfU7md .fp-chip-name, .cc_qb107hkb_I7bjyo0mR7 .fp-chip-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* text-2xs text-ink-3 */
.cc_qb107hkb_IZCaxJOaZB .fp-chip-count, .cc_qb107hkb_Xt2iXfU7md .fp-chip-count, .cc_qb107hkb_I7bjyo0mR7 .fp-chip-count {
  font-size: 10px;
  line-height: 14px;
  color: var(--lp-ink-3);
}
/* SWATCH renk noktası: h-3.5 w-3.5 shrink-0 rounded-sm border border-neutral-200 */
.cc_qb107hkb_IZCaxJOaZB .fp-swatch, .cc_qb107hkb_Xt2iXfU7md .fp-swatch, .cc_qb107hkb_I7bjyo0mR7 .fp-swatch {
  height: 0.875rem;
  width: 0.875rem;
  flex-shrink: 0;
  border-radius: 2px;
  border: 1px solid #e5e5e5;
}

/* ── Fiyat aralığı: flex items-center gap-2 ── */
.cc_qb107hkb_IZCaxJOaZB .fp-nr, .cc_qb107hkb_Xt2iXfU7md .fp-nr, .cc_qb107hkb_I7bjyo0mR7 .fp-nr {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
/* h-10 w-full border border-neutral-300 bg-transparent px-3 text-sm text-ink
   focus:border-ink focus:outline-none */
.cc_qb107hkb_IZCaxJOaZB .fp-nr-input, .cc_qb107hkb_Xt2iXfU7md .fp-nr-input, .cc_qb107hkb_I7bjyo0mR7 .fp-nr-input {
  height: 2.5rem;
  width: 100%;
  min-width: 0;
  border: 1px solid #d4d4d4;
  background: transparent;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: inherit;
  color: var(--lp-ink);
  border-radius: 0;
}
.cc_qb107hkb_IZCaxJOaZB .fp-nr-input:focus, .cc_qb107hkb_Xt2iXfU7md .fp-nr-input:focus, .cc_qb107hkb_I7bjyo0mR7 .fp-nr-input:focus {
  border-color: var(--lp-ink);
  outline: none;
}
.cc_qb107hkb_IZCaxJOaZB .fp-nr-dash, .cc_qb107hkb_Xt2iXfU7md .fp-nr-dash, .cc_qb107hkb_I7bjyo0mR7 .fp-nr-dash {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--lp-ink-3);
}
/* flex h-10 w-12 shrink-0 items-center justify-center bg-ink text-white
   hover:opacity-80 */
.cc_qb107hkb_IZCaxJOaZB .fp-nr-apply, .cc_qb107hkb_Xt2iXfU7md .fp-nr-apply, .cc_qb107hkb_I7bjyo0mR7 .fp-nr-apply {
  display: flex;
  height: 2.5rem;
  width: 3rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background: var(--lp-ink);
  color: #fff;
  border: 0;
  font-family: inherit;
  font-size: 1rem;
  cursor: pointer;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_qb107hkb_IZCaxJOaZB .fp-nr-apply:hover, .cc_qb107hkb_Xt2iXfU7md .fp-nr-apply:hover, .cc_qb107hkb_I7bjyo0mR7 .fp-nr-apply:hover {
  opacity: 0.8;
}

/* ── Sticky alt: border-t border-neutral-200 px-5 py-4 ── */
.cc_qb107hkb_IZCaxJOaZB .fp-foot, .cc_qb107hkb_Xt2iXfU7md .fp-foot, .cc_qb107hkb_I7bjyo0mR7 .fp-foot {
  border-top: 1px solid #e5e5e5;
  padding: 1rem 1.25rem;
}
/* mb-3 block w-full text-center text-xs text-ink underline
   underline-offset-4 hover:opacity-60 */
.cc_qb107hkb_IZCaxJOaZB .fp-clear-all, .cc_qb107hkb_Xt2iXfU7md .fp-clear-all, .cc_qb107hkb_I7bjyo0mR7 .fp-clear-all {
  margin-bottom: 0.75rem;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0.75rem; /* text-xs */
  line-height: 1rem;
  color: var(--lp-ink);
  text-decoration: underline;
  text-underline-offset: 4px;
  background: none;
  border: 0;
  padding: 0;
  font-family: inherit;
  cursor: pointer;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_qb107hkb_IZCaxJOaZB .fp-clear-all:hover, .cc_qb107hkb_Xt2iXfU7md .fp-clear-all:hover, .cc_qb107hkb_I7bjyo0mR7 .fp-clear-all:hover {
  opacity: 0.6;
}
/* block w-full bg-ink py-4 text-center font-display text-base uppercase
   text-white hover:opacity-85 */
.cc_qb107hkb_IZCaxJOaZB .fp-cta, .cc_qb107hkb_Xt2iXfU7md .fp-cta, .cc_qb107hkb_I7bjyo0mR7 .fp-cta {
  display: block;
  width: 100%;
  background: var(--lp-ink);
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  font-family: var(--lp-font-display);
  font-size: var(--lp-text-heading-4);
  line-height: var(--lp-lh-heading-4);
  letter-spacing: var(--lp-ls-type);
  text-transform: uppercase;
  color: #fff;
  border: 0;
  cursor: pointer;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_qb107hkb_IZCaxJOaZB .fp-cta:hover, .cc_qb107hkb_Xt2iXfU7md .fp-cta:hover, .cc_qb107hkb_I7bjyo0mR7 .fp-cta:hover {
  opacity: 0.85;
}