/* KS Filtre widget'ı (v2.433.0) — yapı + Trendyol tarzı varsayılan; ölçü/renk
 * widget Biçim sekmesinden ({{WRAPPER}} seçicileri). */
.ks-filter { display: block; --ks-filter-indent: 16px; }
.ks-filter__group { border-bottom: 1px solid #e5e5e5; }
.ks-filter__head { display: flex; align-items: center; justify-content: space-between; width: 100%; background: none; border: 0; padding: 12px 0; margin: 0; cursor: pointer; text-align: left; color: inherit; font: inherit; }
.ks-filter__head:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.ks-filter__chev { flex: 0 0 auto; width: 16px; height: 16px; transition: transform .2s ease; }
.ks-filter__group.is-open .ks-filter__chev { transform: rotate(180deg); }
.ks-filter__body { display: none; }
.ks-filter__group.is-open .ks-filter__body { display: block; }
.ks-filter__search { display: block; width: 100%; box-sizing: border-box; margin: 0 0 10px; outline: none; }
.ks-filter__search:focus { border-color: #bbb; }
.ks-filter__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; row-gap: 10px; max-height: 320px; overflow-y: auto; } /* v2.444.1: `overscroll-behavior: contain` KALDIRILDI — liste dibine gelince tekerlek yapışkan sütuna/sayfaya devretsin (imleç listedeyken kaydırma kilitleniyordu). */
.ks-filter__list--swatch { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ks-filter__item { margin: 0; padding: 0; }
.ks-filter__item[hidden] { display: none; }
.ks-filter__item[data-depth="1"] { padding-left: var(--ks-filter-indent); }
.ks-filter__item[data-depth="2"] { padding-left: calc(2 * var(--ks-filter-indent)); }
.ks-filter__opt { display: flex; align-items: center; gap: 10px; cursor: pointer; margin: 0; line-height: 1.3; }
.ks-filter__check { position: absolute; opacity: 0; width: 0; height: 0; margin: 0; pointer-events: none; }
.ks-filter__box { flex: 0 0 auto; width: 16px; height: 16px; box-sizing: border-box; border: 1px solid #c9c9c9; border-radius: 3px; background: #fff; display: inline-flex; align-items: center; justify-content: center; color: transparent; transition: background .15s, border-color .15s; }
.ks-filter__box svg { width: 80%; height: 80%; display: block; }
.ks-filter__label { flex: 1 1 auto; min-width: 0; }
a.ks-filter__label--link, a.ks-filter__label--link:hover, a.ks-filter__label--link:focus { color: inherit; text-decoration: none; }
.ks-filter__dot { flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%; border: 1px solid #ddd; box-sizing: border-box; background-size: cover; background-position: center; }
.ks-filter__dot--empty { background: #f2f2f2; }
.ks-filter__count { flex: 0 0 auto; }
/* Yuvarlak örnekler */
.ks-filter__list--swatch .ks-filter__opt { flex-direction: column; gap: 6px; text-align: center; }
.ks-filter__swatch { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #ddd; box-sizing: border-box; background-size: cover; background-position: center; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; transition: box-shadow .15s; }
.ks-filter__swatch--text { background: #f2f2f2; }
.ks-filter__check:checked + .ks-filter__swatch { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--ks-filter-ring, #F27A1A); }
.ks-filter__list--swatch .ks-filter__label { flex: 0 0 auto; }
/* Kaydırıcı (v2.439.0): tek değer, basamaklı; 0 = Tümü */
.ks-filter__list--slider { display: none; }
.ks-filter__slider { padding: 2px 0 6px; }
.ks-filter__slider-value { font-weight: 600; margin-bottom: 10px; }
.ks-filter__slider-track { position: relative; height: 22px; display: flex; align-items: center; }
.ks-filter__slider-dots { position: absolute; left: 9px; right: 9px; top: 50%; height: 0; display: flex; justify-content: space-between; pointer-events: none; }
.ks-filter__slider-dots i { width: 6px; height: 6px; margin: -3px 0 0; border-radius: 50%; background: #c9c9c9; display: block; }
.ks-filter__slider-dots i.is-on { background: transparent; }
.ks-filter .ks-filter__range, .ks-filter .ks-filter__range:focus { -webkit-appearance: none; appearance: none; width: 100%; height: 22px; min-height: 0; max-height: none; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; outline: none; background: transparent; cursor: pointer; line-height: 1; } /* tema input kuralları (border/height/padding) ezilir */
.ks-filter__range::-webkit-slider-runnable-track { height: 4px; border-radius: 2px; background: var(--ks-filter-slider-track, #e5e5e5); }
.ks-filter__range::-moz-range-track { height: 4px; border-radius: 2px; background: var(--ks-filter-slider-track, #e5e5e5); }
.ks-filter__range::-webkit-slider-thumb { -webkit-appearance: none; width: 18px; height: 18px; margin-top: -7px; border-radius: 50%; background: var(--ks-filter-slider, #F27A1A); border: 3px solid #fff; box-shadow: 0 0 0 1px var(--ks-filter-slider, #F27A1A), 0 1px 4px rgba(0,0,0,.18); }
.ks-filter__range::-moz-range-thumb { width: 12px; height: 12px; border-radius: 50%; background: var(--ks-filter-slider, #F27A1A); border: 3px solid #fff; box-shadow: 0 0 0 1px var(--ks-filter-slider, #F27A1A), 0 1px 4px rgba(0,0,0,.18); }
.ks-filter__range:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 3px var(--ks-filter-slider, #F27A1A); }
.ks-filter__slider-ends { display: flex; justify-content: space-between; font-size: .85em; color: #999; margin-top: 4px; }
/* Yıldızlar */
/* v2.445.0: puan satırlarındaki yıldızlar kaldırıldı (operatör: yalnız '4,5 ve üzeri' yazısı). */
/* Temizle */
/* v2.443.0: yan sütundaki .ks-filter__clear düğmesi kaldırıldı (Temizle = [ks_active_filters] etiket satırı, ks-landing.css). */
.ks-filter--empty { font-size: .8em; color: #999; font-style: italic; }
/* Yüklenirken grid */
.elementor-widget-loop-grid.ks-filter-loading { position: relative; }
.elementor-widget-loop-grid.ks-filter-loading::after { content: ""; position: absolute; inset: 0; background: rgba(255,255,255,.6); z-index: 5; }

/* v2.442.0 facet: diğer aktif filtrelerle uyuşmayan seçenek/grup gizli (ks-filter.js applyFacets). */
.ks-filter__item.is-unavailable { display: none; }
.ks-filter__group.is-empty { display: none; }

/* v2.444.0 — yapışkan sütun kendi içinde kaydırılır (max-height ks-filter.js'te ölçülür;
 * sınıf yalnız Elementor sticky aktifken eklenir, mobilde/normal akışta hiç girmez).
 * Kaydırma sınırına gelince sayfa kaymaya devam eder (overscroll zinciri bilerek açık). */
.ks-filter-sticky { overflow-y: auto; }
/* v2.444.1 — TEK kaydırma çubuğu dili (sütun + grup listeleri): ince, yalnız KAYDIRIRKEN görünür
 * (`is-scrolling`, ks-filter.js 700 ms). Oluk daima 6px ayrılır, yalnız tutamak solar → içerik kaymaz. */
.ks-filter-sticky, .ks-filter__list { scrollbar-width: thin; scrollbar-color: transparent transparent; }
.ks-filter-sticky.is-scrolling, .ks-filter__list.is-scrolling { scrollbar-color: #c4c4c4 transparent; }
.ks-filter-sticky::-webkit-scrollbar, .ks-filter__list::-webkit-scrollbar { width: 6px; }
.ks-filter-sticky::-webkit-scrollbar-track, .ks-filter__list::-webkit-scrollbar-track { background: transparent; }
.ks-filter-sticky::-webkit-scrollbar-thumb, .ks-filter__list::-webkit-scrollbar-thumb { background: transparent; border-radius: 3px; transition: background .25s ease; }
.ks-filter-sticky.is-scrolling::-webkit-scrollbar-thumb, .ks-filter__list.is-scrolling::-webkit-scrollbar-thumb { background: #c4c4c4; }

/* v2.446.0 — TABLET/MOBİL FİLTRE ÇEKMECESİ (ks-filter.js drawerOpen): alttan kayan TAM EKRAN panel; gövdeye
 * masaüstündeki KS Filtre widget'ı TAŞINIR (kopya yok). Altta %50+%50 düğme: Temizle (seçim yoksa
 * disabled) + Filtrele (global secondary). Çekmece `.elementor` sarmalayıcısının içindedir (widget CSS'i kapsamlı). */
.ks-fdrawer { position: fixed; inset: 0; z-index: 100000; }
.ks-fdrawer[hidden] { display: none; }
.ks-fdrawer__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.45); opacity: 0; transition: opacity .25s ease; touch-action: none; }
/* 17 Eyl: operatör "alttan açılsın, boşluk kalmasın" → panel ALTTAN kayar, ekranı TAM kaplar (inset 0); gövde kendi içinde kayar. */
.ks-fdrawer__panel { position: absolute; inset: 0; width: 100%; height: 100%; background: #fff; display: flex; flex-direction: column; transform: translateY(100%); transition: transform .3s ease; }
.ks-fdrawer.is-open .ks-fdrawer__backdrop { opacity: 1; }
.ks-fdrawer.is-open .ks-fdrawer__panel { transform: none; }
.ks-fdrawer__head { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid #e5e5e5; }
.ks-fdrawer__title { font-weight: 600; font-size: 1.05em; }
.ks-fdrawer__close { position: relative; width: 32px; height: 32px; padding: 0; margin: 0; border: 0; border-radius: 50%; background: #f2f2f2; cursor: pointer; }
.ks-fdrawer__close::before, .ks-fdrawer__close::after { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 1.5px; background: #212121; transform: translate(-50%,-50%) rotate(45deg); }
.ks-fdrawer__close::after { transform: translate(-50%,-50%) rotate(-45deg); }
.ks-fdrawer__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 4px 16px 16px; }
.ks-fdrawer__body .elementor-widget-ks-filter { margin: 0; }
.ks-fdrawer__body .ks-filter__list { max-height: none !important; } /* iç kaydırma yok; çekmece gövdesi kayar (panel kuralı öğe-özel → !important) */
.ks-fdrawer__foot { flex: 0 0 auto; display: flex; gap: 10px; padding: 12px 16px; padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid #e5e5e5; background: #fff; }
.ks-fdrawer__btn { flex: 1 1 50%; width: 50%; min-width: 0; min-height: 44px; margin: 0; padding: 10px 12px; border-radius: 100px; font: inherit; font-weight: 600; line-height: 1.2; cursor: pointer; transition: opacity .15s, background .15s; }
.ks-fdrawer__btn--clear { background: #fff; color: #212121; border: 1px solid #c9c9c9; }
.ks-fdrawer__btn--clear:disabled { opacity: .45; cursor: not-allowed; }
.ks-fdrawer__btn--apply { background: var(--e-global-color-secondary, #F27A1A); color: #fff; border: 1px solid transparent; }
.ks-fdrawer__btn--apply:hover { opacity: .92; }
body.ks-fdrawer-lock { overflow: hidden; }

/* v2.471.0: filtre sonucu boş (grid 0 kart + aktif filtre) — KS_VM_Archive_Empty::filtered_empty_message */
.ks-empty-filter { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 28px 0 36px; }
.ks-empty-filter__text { margin: 0; font-size: 1em; color: var(--e-global-color-text, #333); }
.ks-empty-filter__clear { text-decoration: none; }