/*
 * Weberd Eklentiler: mağaza ve kategori sayfaları (prototip: Magaza.dc.html).
 * Renk ve boyutlar Elementor global değişkenlerinden (--renk-*, --bosluk-*, --kose) okunur.
 */
.lc-magaza { font-family: var(--font-metin), "Helvetica Neue", Arial, sans-serif; color: var(--renk-gece); font-size: 16px; }
:where(.lc-magaza) :where(h1, h2, h3, p, dl, ul, ol) { margin: 0; }
.lc-magaza button { font: inherit; }
html.lc-kilitli { overflow: hidden; }

/* konum */
.lc-konum { max-width: var(--icerik-genislik); margin: 0 auto; padding: var(--bosluk-4) var(--kenar, 15px); display: flex; flex-wrap: wrap; align-items: center; gap: var(--bosluk-2); font-size: 14px; color: var(--renk-metin-ikincil); }
.lc-konum a { color: var(--renk-metin-ikincil); text-decoration: underline; text-underline-offset: 3px; }
.lc-konum a:hover { color: var(--renk-nar); }
.lc-konum [aria-current] { color: var(--renk-gece); }

/* kategori bandı */
.lc-bant { background: var(--bant-zemin); color: var(--bant-yazi); }
.lc-bant-ic { max-width: var(--icerik-genislik); margin: 0 auto; padding: var(--bosluk-8) var(--kenar, 15px) var(--bosluk-6); display: flex; flex-direction: column; gap: var(--bosluk-5); }
.lc-bant-metin { display: flex; flex-direction: column; gap: var(--bosluk-3); max-width: 620px; }
.lc-bant-baslik { font-family: var(--font-baslik), "Helvetica Neue", Arial, sans-serif; font-weight: 700; font-size: clamp(40px, 5vw, 64px); letter-spacing: -0.04em; line-height: 0.95; color: inherit; text-transform: none; }
.lc-bant-metin p { font-size: 16px; line-height: 1.55; text-wrap: pretty; color: inherit; }
.lc-bant-metin a { color: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.lc-cipler { display: flex; gap: var(--bosluk-2); overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.lc-cipler[hidden] { display: none; }
.lc-magaza .lc-cip { flex: none; height: 44px; padding: 0 var(--bosluk-4); display: flex; align-items: center; gap: var(--bosluk-2); border: 1px solid var(--bant-yazi); border-radius: var(--kose); background: var(--renk-zemin); color: var(--renk-gece); font-size: 15px; font-weight: 500; cursor: pointer; white-space: nowrap; text-transform: none; letter-spacing: normal; transition: background-color 200ms, color 200ms; }
.lc-magaza .lc-cip span { font-size: 13px; opacity: 0.75; font-variant-numeric: tabular-nums; }
.lc-magaza .lc-cip:hover { background: var(--renk-pamuk); }
.lc-magaza .lc-cip[aria-pressed="true"] { background: var(--bant-yazi); color: var(--bant-zemin); }
.lc-bant[style*="--renk-pamuk"] .lc-cip[aria-pressed="true"] { background: var(--renk-gece); color: var(--renk-zemin); }

/* liste düzeni */
.lc-liste { max-width: var(--icerik-genislik); margin: 0 auto; padding: var(--bosluk-6) var(--kenar, 15px) var(--bosluk-9); width: 100%; display: flex; gap: var(--bosluk-7); align-items: flex-start; box-sizing: border-box; }
.lc-filtre { flex: 0 0 256px; display: flex; flex-direction: column; position: sticky; top: var(--bosluk-5); }
.lc-magaza .lc-filtre-temizle-ust { height: 44px; margin-bottom: var(--bosluk-3); border: 1px solid var(--renk-gece); border-radius: var(--kose); background: var(--renk-zemin); color: var(--renk-gece); font-size: 14px; font-weight: 600; cursor: pointer; text-transform: none; }
.lc-magaza .lc-filtre-temizle-ust[hidden] { display: none; }
.lc-filtre-ust, .lc-filtre-alt, .lc-filtre-arka { display: none; }
.lc-filtre-baslik { font-family: var(--font-baslik), "Helvetica Neue", Arial, sans-serif; font-weight: 700; font-size: 20px; letter-spacing: -0.02em; }
.lc-magaza .lc-filtre-kapat { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border: 0; background: transparent; color: var(--renk-gece); cursor: pointer; padding: 0; }
.lc-grup { border-bottom: 1px solid var(--renk-cizgi); }
.lc-grup[hidden] { display: none; }
.lc-grup summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; height: 52px; font-size: 15px; font-weight: 600; }
.lc-grup summary::-webkit-details-marker { display: none; }
.lc-grup summary span { font-size: 13px; font-weight: 500; color: var(--renk-metin-ikincil); }
.lc-secenekler { display: flex; flex-direction: column; padding-bottom: var(--bosluk-4); }
.lc-secenek { display: flex; align-items: center; gap: var(--bosluk-3); min-height: 36px; font-size: 15px; cursor: pointer; color: var(--renk-gece); margin: 0; font-weight: 400; }
.lc-secenek input { width: 18px; height: 18px; margin: 0; accent-color: var(--renk-gece); flex: none; }
.lc-secenek-ad { flex: 1; }
.lc-secenek-sayi { font-size: 13px; color: var(--renk-metin-ikincil); font-variant-numeric: tabular-nums; }
.lc-secenek.lc-pasif { color: var(--renk-metin-ikincil); cursor: default; }
.lc-renkler { display: flex; flex-wrap: wrap; gap: var(--bosluk-2); padding-bottom: var(--bosluk-4); }
.lc-magaza .lc-renk { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 50%; background: var(--renk-zemin); cursor: pointer; padding: 0; min-height: 0; }
.lc-magaza .lc-renk span { width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--renk-cizgi); }
.lc-magaza .lc-renk[aria-pressed="true"] { border-color: var(--renk-gece); }
.lc-magaza .lc-renk:hover { border-color: var(--renk-cizgi); }
.lc-fiyat-alan { display: flex; align-items: center; gap: var(--bosluk-2); padding-bottom: var(--bosluk-4); }
.lc-fiyat-alan > span { padding-top: 20px; color: var(--renk-metin-ikincil); }
.lc-fiyat-alan label { flex: 1; display: flex; flex-direction: column; gap: var(--bosluk-1); font-size: 13px; color: var(--renk-metin-ikincil); margin: 0; font-weight: 400; }
.lc-fiyat-alan input { height: 44px; padding: 0 var(--bosluk-3); border: 1px solid var(--renk-cizgi); border-radius: var(--kose); font: inherit; font-size: 15px; color: var(--renk-gece); width: 100%; box-shadow: none; }

/* sonuç alanı */
.lc-sonuc { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--bosluk-5); }
.lc-arac { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--bosluk-3); padding-bottom: var(--bosluk-4); border-bottom: 1px solid var(--renk-cizgi); }
.lc-arac-sol { display: flex; align-items: center; gap: var(--bosluk-3); }
.lc-sayi { font-size: 15px; font-variant-numeric: tabular-nums; }
.lc-sayi strong { font-weight: 600; }
.lc-magaza .lc-filtre-ac { display: none; height: 44px; padding: 0 var(--bosluk-4); align-items: center; gap: var(--bosluk-2); border: 1px solid var(--renk-gece); border-radius: var(--kose); background: var(--renk-zemin); color: var(--renk-gece); font-size: 15px; font-weight: 600; cursor: pointer; text-transform: none; letter-spacing: normal; }
.lc-rozet-sayi { min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px; background: var(--renk-gece); color: var(--renk-zemin); font-size: 12px; display: flex; align-items: center; justify-content: center; }
.lc-rozet-sayi[hidden] { display: none; }
.lc-sirala { display: flex; align-items: center; gap: var(--bosluk-2); font-size: 15px; color: var(--renk-metin-ikincil); margin: 0; font-weight: 400; }
.lc-sirala select { height: 44px; padding: 0 var(--bosluk-6) 0 var(--bosluk-3); border: 1px solid var(--renk-cizgi); border-radius: var(--kose); background-color: var(--renk-zemin); font: inherit; font-size: 15px; color: var(--renk-gece); cursor: pointer; width: auto; }
.lc-aktifler { display: flex; flex-wrap: wrap; align-items: center; gap: var(--bosluk-2); }
.lc-aktifler[hidden] { display: none; }
.lc-magaza .lc-aktif { height: 36px; padding: 0 var(--bosluk-3); display: flex; align-items: center; gap: var(--bosluk-2); border: 0; border-radius: var(--kose); background: var(--renk-pamuk); color: var(--renk-gece); font-size: 14px; cursor: pointer; text-transform: none; letter-spacing: normal; font-weight: 400; min-height: 0; }
.lc-magaza .lc-aktif:hover { background: var(--renk-cizgi); }
.lc-magaza .lc-aktif-temizle { height: 36px; padding: 0 var(--bosluk-2); border: 0; background: transparent; color: var(--renk-gece); font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; text-transform: none; letter-spacing: normal; min-height: 0; }
.lc-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--bosluk-7) var(--bosluk-5); }
.lc-izgara[hidden], .lc-izgara [hidden] { display: none; }

/* boş durum */
.lc-bos { padding: var(--bosluk-8) var(--bosluk-5); background: var(--renk-pamuk); border-radius: var(--kose); display: flex; flex-direction: column; align-items: center; gap: var(--bosluk-4); text-align: center; }
.lc-bos[hidden] { display: none; }
.lc-bos-noktalar { display: flex; gap: 6px; }
.lc-bos-noktalar span { width: 10px; height: 10px; border-radius: 50%; }
.lc-bos h2 { font-family: var(--font-baslik), "Helvetica Neue", Arial, sans-serif; font-weight: 700; font-size: 26px; letter-spacing: -0.03em; color: var(--renk-gece); }
.lc-bos p { font-size: 15px; line-height: 1.55; max-width: 44ch; color: var(--renk-metin-ikincil); }
.lc-bos-butonlar { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--bosluk-2); }
.lc-bos-wa { font-size: 15px; font-weight: 600; color: var(--renk-gece); text-decoration: underline; text-underline-offset: 3px; }

/* ortak butonlar */
.lc-magaza .lc-btn-acik, .lc-btn-gece { height: var(--buton-yukseklik); padding: 0 var(--bosluk-5); border-radius: var(--kose); font-size: 15px; font-weight: 600; cursor: pointer; text-transform: none; letter-spacing: normal; transition: background-color 200ms, color 200ms; }
.lc-magaza .lc-btn-acik { border: 1px solid var(--renk-gece); background: var(--renk-zemin); color: var(--renk-gece); }
.lc-magaza .lc-btn-acik:hover { background: var(--renk-pamuk); color: var(--renk-gece); }
.lc-magaza .lc-btn-gece { border: 1px solid var(--renk-gece); background: var(--renk-gece); color: var(--renk-zemin); }
.lc-magaza .lc-btn-gece:hover { background: var(--renk-nar); border-color: var(--renk-nar); color: var(--renk-zemin); }

/* tablet ve mobil: filtre çekmecesi */
@media (max-width: 1024px) {
	.lc-filtre { display: none; }
	.lc-magaza .lc-filtre-ac { display: flex; }
	.lc-filtre[data-acik="true"] { display: flex; position: fixed; left: 0; right: 0; bottom: 0; top: auto; z-index: 1000; max-height: 86vh; overflow-y: auto; background: var(--renk-zemin); padding: var(--bosluk-5); border-radius: var(--kose) var(--kose) 0 0; }
	.lc-filtre[data-acik="true"] .lc-filtre-ust { display: flex; align-items: center; justify-content: space-between; padding-bottom: var(--bosluk-4); border-bottom: 1px solid var(--renk-cizgi); }
	.lc-filtre[data-acik="true"] .lc-filtre-alt { display: flex; gap: var(--bosluk-2); position: sticky; bottom: calc(var(--bosluk-5) * -1); background: var(--renk-zemin); padding: var(--bosluk-4) 0 var(--bosluk-5); margin-bottom: calc(var(--bosluk-5) * -1); }
	.lc-magaza .lc-filtre-alt .lc-btn-acik { flex: 1; }
	.lc-magaza .lc-filtre-alt .lc-btn-gece { flex: 2; }
	.lc-filtre-arka[data-acik="true"] { display: block; position: fixed; inset: 0; z-index: 999; background: rgba(28, 35, 64, 0.4); }
}
@media (max-width: 767px) {
	.lc-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bosluk-6) var(--bosluk-3); }
	.lc-bant-ic { padding: var(--bosluk-7) var(--kenar, 15px) var(--bosluk-5); }
	.lc-liste { padding-top: var(--bosluk-5); }
}

/* Woodmart buton stillerini (büyük harf, gölge) bu bileşenlerde sıfırla */
.lc-magaza :is(.lc-cip, .lc-filtre-ac, .lc-aktif, .lc-aktif-temizle, .lc-filtre-temizle-ust, .lc-btn-acik, .lc-btn-gece, .lc-renk, .lc-filtre-kapat) { text-transform: none; letter-spacing: normal; box-shadow: none; line-height: 1.2; min-height: 0; }
.lc-magaza .amount { color: inherit; }

/* =====================================================================
 * Filtreler v2: arama, hızlı seçimler, fiyat sürgüsü, adlı renkler, sütun seçimi
 * ===================================================================== */
.lc-filtre { max-height: calc(100vh - var(--bosluk-5) * 2); overflow-y: auto; scrollbar-width: thin; padding-right: var(--bosluk-2); }
.lc-filtre-ara { position: relative; display: flex; align-items: center; margin-bottom: var(--bosluk-3); }
.lc-filtre-ara svg { position: absolute; left: var(--bosluk-3); color: var(--renk-metin-ikincil); pointer-events: none; }
.lc-magaza .lc-filtre-ara input { width: 100%; height: 44px; padding: 0 var(--bosluk-3) 0 40px; border: 1px solid var(--renk-cizgi); border-radius: var(--kose); background: var(--renk-zemin); font: inherit; font-size: 15px; color: var(--renk-gece); box-shadow: none; }
.lc-filtre-ara input:focus { border-color: var(--renk-gece); outline: none; }
.lc-hizli { display: flex; flex-direction: column; gap: var(--bosluk-1); padding: var(--bosluk-2) 0 var(--bosluk-3); border-bottom: 1px solid var(--renk-cizgi); }
.lc-anahtar { position: relative; display: flex; align-items: center; gap: var(--bosluk-3); min-height: 36px; font-size: 15px; color: var(--renk-gece); cursor: pointer; margin: 0; font-weight: 400; }
.lc-anahtar input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.lc-anahtar-ray { flex: none; width: 36px; height: 20px; border-radius: 10px; background: var(--renk-cizgi); position: relative; transition: background-color 200ms; }
.lc-anahtar-ray::after { content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: var(--renk-zemin); box-shadow: 0 1px 2px rgba(28, 35, 64, 0.25); transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1); }
.lc-anahtar input:checked + .lc-anahtar-ray { background: var(--renk-gece); }
.lc-anahtar input:checked + .lc-anahtar-ray::after { transform: translateX(16px); }
.lc-anahtar input:focus-visible + .lc-anahtar-ray { outline: 2px solid var(--renk-gece); outline-offset: 2px; }
.lc-grup summary { gap: var(--bosluk-2); }
.lc-magaza .lc-grup-temizle { margin-left: auto; padding: 0; border: 0; background: none; font-size: 13px; font-weight: 600; color: var(--renk-nar); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; min-height: 0; text-transform: none; letter-spacing: normal; box-shadow: none; }
.lc-magaza .lc-grup-temizle[hidden] { display: none; }
.lc-secenek-nokta { width: 10px; height: 10px; border-radius: 50%; flex: none; margin-right: calc(var(--bosluk-1) * -1); }
.lc-secenek[hidden] { display: none; }
.lc-magaza .lc-daha { align-self: flex-start; margin-top: var(--bosluk-1); padding: 0; border: 0; background: none; font-size: 14px; font-weight: 600; color: var(--renk-gece); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; min-height: 0; text-transform: none; letter-spacing: normal; box-shadow: none; }

/* fiyat sürgüsü (iki tutamaç) */
.lc-fiyat-surgu { position: relative; height: 28px; margin: var(--bosluk-1) 10px var(--bosluk-2); }
.lc-surgu-ray { position: absolute; left: 0; right: 0; top: 12px; height: 4px; border-radius: 2px; background: linear-gradient(to right, var(--renk-cizgi) var(--sol), var(--renk-gece) var(--sol), var(--renk-gece) var(--sag), var(--renk-cizgi) var(--sag)); }
.lc-fiyat-surgu input[type="range"] { position: absolute; left: -10px; right: -10px; width: calc(100% + 20px); top: 0; height: 28px; margin: 0; background: none; pointer-events: none; -webkit-appearance: none; appearance: none; border: 0; box-shadow: none; padding: 0; }
.lc-fiyat-surgu input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: auto; width: 20px; height: 20px; border-radius: 50%; background: var(--renk-zemin); border: 2px solid var(--renk-gece); cursor: grab; }
.lc-fiyat-surgu input[type="range"]::-moz-range-thumb { pointer-events: auto; width: 16px; height: 16px; border-radius: 50%; background: var(--renk-zemin); border: 2px solid var(--renk-gece); cursor: grab; }
.lc-fiyat-surgu input[type="range"]::-webkit-slider-runnable-track { background: none; }
.lc-fiyat-surgu input[type="range"]::-moz-range-track { background: none; }
.lc-fiyat-hazir { display: flex; flex-wrap: wrap; gap: var(--bosluk-2); padding-bottom: var(--bosluk-4); }
.lc-magaza .lc-hazir { height: 34px; padding: 0 var(--bosluk-3); display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--renk-cizgi); border-radius: 17px; background: var(--renk-zemin); color: var(--renk-gece); font-size: 13px; cursor: pointer; min-height: 0; text-transform: none; letter-spacing: normal; font-weight: 500; box-shadow: none; }
.lc-magaza .lc-hazir span { color: var(--renk-metin-ikincil); font-variant-numeric: tabular-nums; }
.lc-magaza .lc-hazir:hover { border-color: var(--renk-gece); }
.lc-magaza .lc-hazir[aria-pressed="true"] { background: var(--renk-gece); border-color: var(--renk-gece); color: var(--renk-zemin); }
.lc-magaza .lc-hazir[aria-pressed="true"] span { color: var(--renk-pamuk); }

/* renkler: daire + ad, iki sütun */
.lc-renkler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bosluk-1) var(--bosluk-2); }
.lc-magaza .lc-renk { width: auto; height: 40px; display: flex; align-items: center; justify-content: flex-start; gap: var(--bosluk-2); padding: 0 var(--bosluk-2); border: 1px solid transparent; border-radius: var(--kose); background: var(--renk-zemin); font-size: 14px; color: var(--renk-gece); }
.lc-magaza .lc-renk:hover { border-color: var(--renk-cizgi); }
.lc-magaza .lc-renk[aria-pressed="true"] { border-color: var(--renk-gece); background: var(--renk-pamuk); }
.lc-renk-daire { flex: none; width: 22px; height: 22px; border-radius: 50%; border: 1px solid var(--renk-cizgi); position: relative; }
.lc-renk[aria-pressed="true"] .lc-renk-daire::after { content: ""; position: absolute; inset: 0; margin: auto; width: 8px; height: 5px; border-left: 2px solid var(--renk-zemin); border-bottom: 2px solid var(--renk-zemin); transform: translateY(-1px) rotate(-45deg); filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.6)); }
.lc-renk-ad { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* sütun seçimi (masaüstü) */
.lc-arac { flex-wrap: wrap; }
.lc-sutun { display: flex; gap: var(--bosluk-1); }
.lc-magaza .lc-sutun-btn { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; gap: 3px; padding: 0 8px; border: 1px solid var(--renk-cizgi); border-radius: var(--kose); background: var(--renk-zemin); cursor: pointer; min-height: 0; box-shadow: none; }
.lc-sutun-btn span { flex: 1; height: 16px; border-radius: 1px; background: var(--renk-metin-ikincil); }
.lc-magaza .lc-sutun-btn[aria-pressed="true"] { border-color: var(--renk-gece); }
.lc-magaza .lc-sutun-btn[aria-pressed="true"] span { background: var(--renk-gece); }
.lc-izgara[data-sutun="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lc-izgara[data-sutun="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--bosluk-6) var(--bosluk-4); }
@media (max-width: 1024px) {
	.lc-filtre { max-height: none; padding-right: 0; }
	.lc-filtre[data-acik="true"] { max-height: 86vh; }
	.lc-sutun { display: none; }
	.lc-izgara[data-sutun] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.lc-izgara[data-sutun] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* =====================================================================
 * Filtreler v3: panel sağda, başlık satırı, gizle/göster, grup içi arama,
 * mobilde sağdan açılan çekmece
 * ===================================================================== */
.lc-filtre { order: 2; }
.lc-sonuc { order: 1; }
.lc-filtre-bas { display: flex; align-items: center; justify-content: space-between; gap: var(--bosluk-2); padding-bottom: var(--bosluk-3); }
.lc-filtre-bas .lc-filtre-baslik { display: flex; align-items: center; gap: var(--bosluk-2); font-size: 18px; }
.lc-magaza .lc-filtre-gizle { height: 44px; padding: 0 var(--bosluk-4); display: flex; align-items: center; gap: var(--bosluk-2); border: 1px solid var(--renk-cizgi); border-radius: var(--kose); background: var(--renk-zemin); color: var(--renk-gece); font-size: 15px; font-weight: 600; cursor: pointer; text-transform: none; letter-spacing: normal; box-shadow: none; min-height: 0; line-height: 1.2; }
.lc-magaza .lc-filtre-gizle:hover { border-color: var(--renk-gece); }
.lc-arac-sol { order: 3; margin-left: auto; }
.lc-arac > .lc-sirala { order: 1; }
.lc-arac > .lc-sutun { order: 2; }
.lc-magaza.lc-filtre-gizli .lc-filtre { display: none; }
.lc-magaza.lc-filtre-gizli .lc-izgara:not([data-sutun]), .lc-magaza.lc-filtre-gizli .lc-izgara[data-sutun="3"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lc-magaza .lc-grup-ara { width: 100%; height: 40px; margin: 0 0 var(--bosluk-2); padding: 0 var(--bosluk-3); border: 1px solid var(--renk-cizgi); border-radius: var(--kose); background: var(--renk-zemin); font: inherit; font-size: 14px; color: var(--renk-gece); box-shadow: none; }
.lc-magaza .lc-grup-ara:focus { border-color: var(--renk-gece); outline: none; }
.lc-grup-yok { font-size: 14px; color: var(--renk-metin-ikincil); padding: var(--bosluk-2) 0; }
.lc-grup-yok[hidden], .lc-magaza .lc-daha[hidden] { display: none; }
.lc-grup summary::after { content: ""; flex: none; width: 8px; height: 8px; margin-left: var(--bosluk-2); border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform 200ms; }
.lc-grup[open] summary::after { transform: translateY(2px) rotate(-135deg); }
.lc-grup summary .lc-grup-temizle { margin-left: auto; }
.lc-grup summary > span:not(.lc-grup-temizle) { margin-left: auto; }
@media (max-width: 1024px) {
	.lc-filtre-bas, .lc-magaza .lc-filtre-gizle { display: none; }
	.lc-arac-sol { order: 0; margin-left: 0; }
	.lc-magaza.lc-filtre-gizli .lc-filtre[data-acik="true"] { display: flex; }
	.lc-filtre[data-acik="true"] { left: auto; right: 0; top: 0; bottom: 0; width: min(400px, 92vw); max-height: none; height: 100%; border-radius: 0; animation: lc-sagdan 260ms cubic-bezier(0.16, 1, 0.3, 1); }
}
@keyframes lc-sagdan { from { transform: translateX(100%); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) { .lc-filtre[data-acik="true"] { animation: none; } }
.lc-magaza .lc-grup-ara, .lc-magaza .lc-filtre-ara input { box-sizing: border-box; max-width: 100%; }
.lc-filtre { overflow-x: hidden; }
.lc-arac-sol .lc-sayi { line-height: 44px; }
.lc-magaza .lc-renk .lc-renk-daire { width: 22px; height: 22px; }
.lc-magaza .lc-renk .lc-renk-ad { width: auto; height: auto; border: 0; border-radius: 0; flex: 1; min-width: 0; text-align: left; }

.lc-filtre-bas-sag { display: flex; align-items: center; gap: var(--bosluk-3); }
.lc-magaza .lc-filtre-panel-gizle { height: 32px; padding: 0 var(--bosluk-2) 0 var(--bosluk-3); display: inline-flex; align-items: center; gap: 4px; border: 1px solid var(--renk-cizgi); border-radius: 16px; background: var(--renk-zemin); color: var(--renk-gece); font-size: 13px; font-weight: 600; cursor: pointer; min-height: 0; text-transform: none; letter-spacing: normal; box-shadow: none; line-height: 1; }
.lc-magaza .lc-filtre-panel-gizle:hover { border-color: var(--renk-gece); }
.lc-magaza.lc-filtre-gizli .lc-filtre-gizle { border-color: var(--renk-gece); background: var(--renk-gece); color: var(--renk-zemin); }
