/* ============================================================
   css/mz-km.css — YENI KATEGORI SAYFASI, MASAUSTU (inc/km/).
   Yalniz v2_kat_yeni_masa acikken yuklenir (header.php). Butun kurallar
   .mz-km (sayfa govdesi) ya da body.mz-km-sayfa (serit, bildirim) altinda:
   hesap, ilan ve yonetim sayfalarina dokunmaz.
   Onayli tasarim: sahibinden duzeni, otomobil + emlak (sahip 2026-10-27
   «تمام ثبته وابني»). Yonler mantiksal ozelliklerle: Arapca kendiliginden ayna.
   ============================================================ */
.mz-km, .mz-km-sayfa .mz-fs, .mz-km-sayfa .mz-km-tost {
	--km-m: #1B2030;
	--km-s: #6B7280;
	--km-c: #E3E6EC;
	--km-c2: #EEF0F4;
	--km-z: #F3F4F7;
	--km-br: #3F475F;
	--km-one: #FFF8E1;
	--km-onec: #F1DDA0;
	--km-sari: #F2C200;
	--km-y: #0F8A4B;
	--km-yz: #E7F6EE;
	--km-k: #E5484D;
	--km-hv: #EEF1F6;
	--km-ust: 0px;
}
.mz-km {color: var(--km-m); font-size: 14px;}
.mz-km a {color: inherit;}
.mz-km svg {flex: none;}
.mz-km-gizli {position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
.mz-km-kap {width: min(1320px, 100%); margin: 0 auto; padding-inline: 20px; box-sizing: border-box;}
.mz-km-intro {color: #555; margin: 14px 0 0; font-size: 14px; line-height: 1.6;}
.mz-km-ust-gorsel {display: block; max-width: 100%; margin-top: 14px; border-radius: 8px;}
.mz-km .mz-durum {margin-bottom: 0;}

/* ---------- Izgara ---------- */
.mz-km-izgara {display: grid; grid-template-columns: 236px minmax(0, 1fr); gap: 20px; align-items: start; padding: 18px 0 28px;}
.mz-km-yan {display: flex; flex-direction: column; gap: 10px; min-width: 0;}
.mz-km-ana {display: flex; flex-direction: column; gap: 10px; min-width: 0;}
.mz-km-kut {border: 1px solid var(--km-c); border-radius: 10px; background: #fff;}

/* ---------- Kategori agaci ---------- */
.mz-km-agac {padding: 8px 0; max-height: 440px; overflow-y: auto;}
.mz-km-agac a {display: block; padding: 5px 14px; font-size: 14px; line-height: 1.35; text-decoration: none;}
.mz-km-agac a:hover bdi {text-decoration: underline;}
.mz-km-agac .mz-km-ust {font-weight: 600;}
.mz-km-agac .mz-km-bu {color: var(--km-m);}
.mz-km-agac span {color: var(--km-s); font-size: 12px; font-weight: 400;}
.mz-km-agac .mz-bos {color: #A3A9B5;}
.mz-km-agac .mz-bos span {color: #C2C7D0;}
.mz-km-harita:empty {display: none;}

/* ---------- Filtre kartlari ---------- */
.mz-km-form {display: flex; flex-direction: column; gap: 10px; margin: 0;}
.mz-km-f > summary {list-style: none; display: flex; align-items: center; gap: 8px; padding: 12px 14px; font-weight: 700; font-size: 14.5px; cursor: pointer;}
.mz-km-f > summary::-webkit-details-marker {display: none;}
.mz-km-f > summary > span {flex: 1; min-width: 0;}
.mz-km-f > summary small {font-weight: 500; font-size: 12px; color: var(--km-s);}
.mz-km-f > summary em {font-style: normal; font-weight: 600; font-size: 12px; color: var(--km-br); max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mz-km-f > summary svg {color: var(--km-s); transition: transform .15s;}
.mz-km-f[open] > summary svg {transform: rotate(180deg);}
.mz-km-f > summary:focus-visible {outline: 2px solid var(--km-br); outline-offset: -2px; border-radius: 10px;}
.mz-km-f .panel-body {padding: 0 14px 14px;}
.mz-km-f.mz-dolu > summary > span::after {content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--km-sari); margin-inline-start: 7px; vertical-align: 2px;}
.mz-km-form select, .mz-km-form input[type=text] {width: 100%; height: 38px; border: 1px solid var(--km-c); border-radius: 8px; padding: 0 10px; font: inherit; font-size: 13.5px; color: var(--km-m); background: #fff; box-sizing: border-box;}
.mz-km-form select:focus, .mz-km-form input[type=text]:focus {outline: none; border-color: var(--km-br); box-shadow: 0 0 0 3px rgba(63, 71, 95, .12);}
.mz-km-form #il_sec, .mz-km-form #ilce_sec {margin-bottom: 8px;}
.mz-km-form #il_sec select, .mz-km-form #ilce_sec select, .mz-km-form #mahalle_sec select {margin: 0;}
.mz-km-form .form-control {height: 38px; border-radius: 8px; border-color: var(--km-c); box-shadow: none; font-size: 13.5px;}
.mz-km-iki {display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}
.mz-km .mz-filtre-uyari {margin: 0 0 8px; font-size: 12.5px; color: var(--km-s); line-height: 1.5;}
.mz-km-g {position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none;}
.mz-km-kaldir {display: inline-block; margin-top: 8px; font-size: 12.5px; font-weight: 600; color: var(--km-br); text-decoration: underline; cursor: pointer;}

/* Kart B: cipler, renk ornekleri, bolum dugmeleri */
.mz-km-cp {display: flex; flex-wrap: wrap; gap: 6px;}
.mz-km-cp label {height: 32px; padding: 0 10px; border: 1px solid var(--km-c); border-radius: 8px; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; background: #fff; cursor: pointer; margin: 0;}
.mz-km-cp label em, .mz-km-ls label em {font-style: normal; color: var(--km-s); font-size: 11.5px;}
.mz-km-cp input:checked + label {background: var(--km-m); border-color: var(--km-m); color: #fff;}
.mz-km-cp input:checked + label em {color: #CFD6DD;}
.mz-km-cp input:focus-visible + label, .mz-km-seg input:focus-visible + label, .mz-km-renk input:focus-visible + label, .mz-km-ls input:focus-visible + label {outline: 2px solid var(--km-br); outline-offset: 2px;}
.mz-km-cp label.mz-bos, .mz-km-ls .mz-bos label {color: #A3A9B5;}
.mz-km-seg {display: flex; border: 1px solid var(--km-c); border-radius: 8px; overflow: hidden;}
.mz-km-seg label {flex: 1; margin: 0; padding: 8px 4px; text-align: center; font-size: 12.5px; font-weight: 500; cursor: pointer; border-inline-start: 1px solid var(--km-c);}
.mz-km-seg input:first-child + label {border-inline-start: 0;}
.mz-km-seg input:checked + label {background: var(--km-m); color: #fff; font-weight: 600;}
.mz-km-renk {display: flex; flex-wrap: wrap; gap: 8px;}
.mz-km-renk label {margin: 0; cursor: pointer; display: inline-flex; align-items: center; font-size: 12.5px;}
.mz-km-renk label i {display: block; width: 26px; height: 26px; border-radius: 6px; border: 1px solid var(--km-c);}
.mz-km-renk label span:not(.mz-km-gizli) {height: 28px; padding: 0 9px; border: 1px solid var(--km-c); border-radius: 8px; display: inline-flex; align-items: center;}
.mz-km-renk input:checked + label i {box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--km-m);}
.mz-km-renk input:checked + label span:not(.mz-km-gizli) {background: var(--km-m); color: #fff; border-color: var(--km-m);}
.mz-km-renk label.mz-bos {opacity: .45;}

/* Kart C: sayili liste, hizli araliklar, KM cubuklari, secili cipler */
.mz-km-ls {display: flex; flex-direction: column;}
.mz-km-ls-s label {display: flex; align-items: center; gap: 9px; padding: 5px 0; margin: 0; font-size: 13.5px; font-weight: 400; cursor: pointer;}
.mz-km-ls-s label i {width: 17px; height: 17px; border: 1.5px solid #B8BDC7; border-radius: 50%; flex: none; position: relative; box-sizing: border-box;}
.mz-km-ls-s input:checked + label i {border-color: var(--km-m); border-width: 5px;}
.mz-km-ls-s label em {margin-inline-start: auto;}
.mz-km-daha {border: 0; background: none; padding: 4px 0 0; font: inherit; font-size: 12.5px; font-weight: 600; color: var(--km-br); cursor: pointer;}
.mz-km-hz {display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 8px;}
.mz-km-hz-d {min-height: 32px; border: 1px solid var(--km-c); border-radius: 8px; background: #fff; font: inherit; font-size: 12px; line-height: 1.3; color: var(--km-m); cursor: pointer; padding: 4px; white-space: normal; font-variant-numeric: tabular-nums;}
.mz-km-hz-d:hover {border-color: var(--km-br);}
.mz-km-hz-d.mz-on {border-color: var(--km-m); background: var(--km-hv); font-weight: 600;}
.mz-km-hist {display: flex; align-items: flex-end; gap: 3px; height: 44px; margin: 0 2px 8px;}
.mz-km-hist-c {flex: 1; min-width: 0; border: 0; padding: 0; background: #D5D9E1; border-radius: 2px 2px 0 0; cursor: pointer;}
.mz-km-hist-c:hover, .mz-km-hist-c.mz-on {background: var(--km-br);}
.mz-km-fsec {display: flex; flex-wrap: wrap; gap: 6px; padding: 12px; border: 1px solid var(--km-c); border-radius: 10px; background: #fff;}
.mz-km-fsec a {height: 28px; padding: 0 8px; border: 1px solid var(--km-c); border-radius: 6px; display: inline-flex; align-items: center; gap: 5px; font-size: 12px; text-decoration: none;}
.mz-km-fsec a b {font-weight: 600;}
.mz-km-fsec a i {font-style: normal; color: var(--km-s); font-size: 14px;}
.mz-km-fsec .mz-km-tm {border: 0; text-decoration: underline; font-weight: 700; color: var(--km-br);}

/* Yapiskan «Ara» */
.mz-km-ara-kap {position: sticky; bottom: 12px; z-index: 3; padding-top: 4px;}
.mz-km-ara {width: 100%; height: 46px; border: 0; border-radius: 10px; background: var(--km-m); color: #fff; font: inherit; font-weight: 700; font-size: 15px; display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; box-shadow: 0 -10px 22px 6px rgba(255, 255, 255, .95), 0 6px 16px rgba(27, 32, 48, .25);}
.mz-km-ara:hover {background: #2A3146;}
.mz-km-ara:focus-visible {outline: 3px solid var(--km-sari); outline-offset: 2px;}

/* ---------- Ozet cubugu ---------- */
.mz-km-ozet {display: flex; justify-content: space-between; align-items: center; gap: 16px; border: 1px solid var(--km-c); border-radius: 10px; padding: 10px 16px; background: #fff;}
.mz-km-ozet-sol {display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; min-width: 0;}
.mz-km-h1 {margin: 0; font-size: 20px; line-height: 1.3; font-weight: 700; color: var(--km-m);}
.mz-km-sayi {color: var(--km-s); font-size: 14px;}
.mz-km-sayi b {color: var(--km-m);}
.mz-km-tum {font-size: 13px; font-weight: 600; color: var(--km-br); text-decoration: underline;}
.mz-km-oe {display: flex; align-items: center; gap: 18px; flex: none;}
.mz-km-oe form {margin: 0;}
.mz-km-link {display: inline-flex; align-items: center; gap: 6px; border: 0; background: none; padding: 0; font: inherit; font-weight: 600; font-size: 13.5px; color: var(--km-br); cursor: pointer;}
.mz-km-link:hover span {text-decoration: underline;}
.mz-km-link.mz-kayitli {color: var(--km-y);}
.mz-km-link.mz-kayitli svg {fill: currentColor;}
.mz-km-takip summary {font-size: 13.5px; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; list-style: none; font-weight: 600; color: var(--km-br);}
.mz-km-takip summary::-webkit-details-marker {display: none;}
.mz-km-uyari {border: 1px solid #F3C7C9; background: #FFF4F4; color: #8A1F24; border-radius: 10px; padding: 12px 16px;}

/* Secili filtreler */
.mz-km-secili {display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13.5px;}
.mz-km-secili > span {color: var(--km-s); font-weight: 600; margin-inline-end: 2px;}
.mz-km-secili a {display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 10px; border: 1px solid var(--km-c); border-radius: 8px; background: #fff; text-decoration: none;}
.mz-km-secili a b {font-weight: 600;}
.mz-km-secili a i {font-style: normal; color: var(--km-s); font-size: 16px; line-height: 1;}
.mz-km-secili a:hover {border-color: var(--km-br);}
.mz-km-secili .mz-km-tm {border: 0; background: none; color: var(--km-br); font-weight: 700; text-decoration: underline;}

/* Arac satiri: sekmeler, gorunum, siralama */
.mz-km-arac {display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; border-bottom: 2px solid var(--km-m);}
.mz-km-sek {display: flex; gap: 4px; flex-wrap: wrap;}
.mz-km-sek a {padding: 9px 14px; border: 1px solid var(--km-c); border-bottom: 0; border-radius: 8px 8px 0 0; background: var(--km-z); font-weight: 600; font-size: 14px; color: var(--km-br); text-decoration: none;}
.mz-km-sek a:hover {background: #E9EBF0;}
.mz-km-sek a.mz-on {background: var(--km-m); border-color: var(--km-m); color: #fff;}
.mz-km-sag {display: flex; gap: 10px; align-items: center; padding-bottom: 6px; flex: none;}
.mz-km-gor {display: flex; border: 1px solid var(--km-c); border-radius: 8px; overflow: hidden; background: #fff;}
.mz-km-gor a {width: 38px; height: 34px; display: flex; align-items: center; justify-content: center; color: var(--km-s); border-inline-start: 1px solid var(--km-c);}
.mz-km-gor a:first-child {border-inline-start: 0;}
.mz-km-gor a:hover {color: var(--km-m);}
.mz-km-gor a.mz-on {background: var(--km-m); color: #fff;}
.mz-km-sirala {margin: 0;}
.mz-km-sirala select {height: 36px; min-width: 200px; border: 1px solid var(--km-c); border-radius: 8px; padding: 0 10px; font: inherit; font-size: 13.5px; color: var(--km-m); background: #fff;}

/* ---------- Tablo (Klasik / Liste) ---------- */
.mz-km-tb {width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px; background: #fff;}
.mz-km-tb th {position: sticky; top: var(--km-ust); z-index: 2; background: var(--km-z); font-size: 12.5px; font-weight: 700; color: var(--km-br); padding: 9px 8px; text-align: center; border-bottom: 1px solid var(--km-c); white-space: nowrap; box-shadow: 0 1px 0 var(--km-c);}
.mz-km-tb th.mz-km-bs {text-align: start;}
.mz-km-tb td {padding: 6px 8px; border-bottom: 1px solid var(--km-c2); text-align: center; vertical-align: middle;}
.mz-km-tb tbody tr[data-href] {cursor: pointer;}
.mz-km-tb tbody tr[data-href]:hover td {background: var(--km-hv);}
.mz-km-tb td.mz-km-rs, .mz-km-tb th.mz-km-rs {width: 132px; padding-inline: 0 4px;}
.mz-km-r {position: relative; display: block; width: 128px; height: 96px; border-radius: 6px; overflow: hidden; background: #E9ECF2;}
.mz-km-r img {display: block; width: 100%; height: 100%; object-fit: cover;}
.mz-km-r picture {display: block; width: 100%; height: 100%;}
.mz-km-acil {position: absolute; top: 6px; inset-inline-start: 6px; padding: 1px 6px; border-radius: 4px; font-size: 11px; font-weight: 700; background: var(--km-k); color: #fff;}
.mz-km-fs {position: absolute; inset-inline-end: 5px; bottom: 5px; display: inline-flex; align-items: center; gap: 3px; background: rgba(27, 32, 48, .72); color: #fff; font-size: 11px; font-weight: 600; padding: 1px 6px; border-radius: 5px;}
.mz-km-tb td.mz-km-bs {text-align: start; font-weight: 600; line-height: 1.4;}
/* 463: resimsiz kategori (is, hizmet, yardimci): resim sutunu yok, satir yazili. */
.mz-km-tb.mz-km-yazi td {padding-block: 14px;}
.mz-km-tb.mz-km-yazi td.mz-km-bs {padding-inline-start: 16px;}
.mz-km-tb.mz-km-yazi .mz-km-acil {position: static; display: inline-block; margin-inline-end: 6px; vertical-align: 1px;}
.mz-km-klasik td.mz-km-bs {width: 30%;}
.mz-km-liste td.mz-km-bs {width: 52%;}
.mz-km-bs > a:first-child {display: block; text-decoration: none; unicode-bidi: plaintext; text-align: left;}
[dir=rtl] .mz-km-bs > a:first-child {text-align: right;}
.mz-km-bs > a:first-child:hover {text-decoration: underline;}
.mz-km-kalin .mz-km-bs > a:first-child {font-weight: 800;}
.mz-km-tb td.mz-km-kk {font-size: 13.5px; white-space: nowrap;}
.mz-km-tb td.mz-km-sy, .mz-km-tb td.mz-km-fy {white-space: nowrap; font-variant-numeric: tabular-nums;}
.mz-km-tb td.mz-km-fy {font-weight: 700; font-size: 15px;}
.mz-km-tb td.mz-km-fy small, .mz-km-tb td.mz-km-fy span + span {font-weight: 500; font-size: 12px; color: var(--km-s);}
.mz-km-m2f {color: #3A4152; font-size: 13px;}
.mz-km-tb td.mz-km-tr, .mz-km-tb td.mz-km-yr {font-size: 13px; color: #3A4152; line-height: 1.4; white-space: nowrap;}
.mz-km-tb td.mz-km-yr {position: relative;}
.mz-km-yeni {display: inline-block; margin-inline-end: 7px; padding: 1px 6px; border-radius: 4px; background: var(--km-br); color: #fff; font-size: 11px; font-weight: 700; vertical-align: 2px;}
.mz-km-dus {display: inline-block; margin-top: 5px; font-size: 12px; font-weight: 600; color: var(--km-y); background: var(--km-yz); padding: 1px 7px; border-radius: 4px;}
.mz-km-mg {display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 12.5px; font-weight: 600; color: #3A4152; text-decoration: none; width: fit-content;}
.mz-km-mg i {width: 22px; height: 22px; border-radius: 5px; background: var(--km-m); color: #fff; font-style: normal; font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.mz-km-mg-t {color: var(--km-y); display: inline-flex;}
.mz-km-mg:hover bdi {text-decoration: underline;}
.mz-km-tb tr.mz-km-one td {background: var(--km-one); border-bottom-color: var(--km-onec);}
.mz-km-tb tr.mz-km-one:hover td {background: #FFF1C4;}
.mz-km-tb tr.mz-km-one .mz-km-bs > a:first-child {font-weight: 700;}
.mz-km-serit td {background: var(--km-sari) !important; color: var(--km-m); font-weight: 600; font-size: 13.5px; padding: 9px !important; text-align: center;}
.mz-km-serit a {text-decoration: underline; font-weight: 700;}
.mz-km-rek td {padding: 10px 8px !important;}
.mz-km-rek a {display: flex; align-items: center; gap: 14px; text-decoration: none; text-align: start;}
.mz-km-rek img {width: 128px; height: 96px; object-fit: cover; border-radius: 6px;}
.mz-km-rek b {display: block; font-size: 15px; margin-bottom: 4px;}
.mz-km-rek a > span > span {color: #3A4152; font-size: 13px;}

/* Satir ustune gelince: favori + karsilastir satir sonunda */
.mz-km-hv {position: absolute; inset-inline-end: 0; top: 0; bottom: 0; display: none; align-items: center; gap: 6px; padding: 0 8px; background: var(--km-hv);}
.mz-km-tb tr:hover .mz-km-hv, .mz-km-tb tr:focus-within .mz-km-hv {display: flex;}
.mz-km-tb tr.mz-km-one .mz-km-hv {background: #FFF1C4;}
.mz-km-hv .mz-km-kalp, .mz-km-hv .mz-kars-dugme {width: 34px; height: 34px; border: 1px solid var(--km-c); border-radius: 8px; background: #fff; display: flex; align-items: center; justify-content: center; color: var(--km-m); box-shadow: 0 2px 6px rgba(27, 32, 48, .12); padding: 0; cursor: pointer; text-decoration: none; margin: 0;}
.mz-km-hv .mz-kars-dugme span {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);}
.mz-km-hv .mz-kars-dugme i {font-size: 16px; margin: 0;}
.mz-km-kalp[aria-pressed=true] {color: var(--km-k) !important;}
.mz-km-kalp[aria-pressed=true] svg {fill: currentColor;}
.mz-km-hv .mz-kars-dugme.mz-kars-icinde {color: var(--km-y);}

/* Buyuk onizleme (js/mz-km.js tek oge) */
.mz-km-onizle {position: fixed; z-index: 1040; width: 360px; height: 268px; border-radius: 10px; overflow: hidden; background: #E9ECF2; box-shadow: 0 12px 34px rgba(27, 32, 48, .28), 0 0 0 4px #fff; pointer-events: none;}
.mz-km-onizle[hidden] {display: none;}
.mz-km-onizle img {display: block; width: 100%; height: 100%; object-fit: cover;}

/* ---------- Galeri: satirda iki kart ---------- */
.mz-km-gal {display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--km-c2); background: #fff;}
.mz-km-gk {display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 14px; padding: 12px; border-bottom: 1px solid var(--km-c2); cursor: pointer;}
.mz-km-gk:nth-child(odd) {border-inline-end: 1px solid var(--km-c2);}
.mz-km-gk:hover {background: var(--km-hv);}
.mz-km-gk.mz-km-one {background: var(--km-one);}
.mz-km-gk .mz-km-r {width: 190px; height: 141px;}
.mz-km-gg {display: flex; flex-direction: column; gap: 3px; min-width: 0;}
.mz-km-no {font-size: 12px; color: var(--km-s);}
.mz-km-gb {font-weight: 700; line-height: 1.35; text-decoration: none; unicode-bidi: plaintext; text-align: left;}
[dir=rtl] .mz-km-gb {text-align: right;}
.mz-km-gb:hover {text-decoration: underline;}
.mz-km-gf {font-weight: 700; font-size: 15px; margin-bottom: 4px;}
.mz-km-gg dl {margin: 0; display: grid; gap: 3px; font-size: 13px;}
.mz-km-gg dl div {display: flex; gap: 8px;}
.mz-km-gg dt {color: var(--km-s); min-width: 84px; font-weight: 400;}
.mz-km-gg dd {margin: 0; font-weight: 600;}
.mz-km-ga {display: flex; gap: 16px; margin-top: 6px; font-size: 12.5px; color: var(--km-s);}
.mz-km-ga .mz-km-kalp, .mz-km-ga .mz-kars-dugme {display: inline-flex; align-items: center; gap: 5px; border: 0; background: none; padding: 0; font: inherit; color: inherit; cursor: pointer; text-decoration: none; margin: 0;}
.mz-km-ga .mz-km-kalp:hover, .mz-km-ga .mz-kars-dugme:hover {color: var(--km-m);}

/* ---------- Sonucsuz ---------- */
.mz-km-yok {display: flex; gap: 20px; align-items: flex-start; border: 1px solid var(--km-c); border-radius: 12px; padding: 28px 30px; background: #fff;}
.mz-km-yok-ik {width: 52px; height: 52px; border-radius: 12px; background: var(--km-z); display: flex; align-items: center; justify-content: center; color: var(--km-s); flex: none;}
.mz-km-yok h2 {margin: 0 0 6px; font-size: 19px;}
.mz-km-yok p {margin: 0 0 16px; color: #3A4152;}
.mz-km-yok-d {display: flex; flex-wrap: wrap; gap: 10px;}
.mz-km-btn {display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 18px; border: 1px solid var(--km-m); border-radius: 8px; background: var(--km-m); color: #fff !important; font: inherit; font-weight: 700; font-size: 14px; white-space: nowrap; text-decoration: none; cursor: pointer;}
.mz-km-btn--a {background: #fff; color: var(--km-m) !important; border-color: var(--km-c);}
.mz-km-btn:hover {filter: brightness(1.08);}

/* ---------- Alt bolum ---------- */
.mz-km-sayfala {border: 1px solid var(--km-c); border-radius: 10px; padding: 16px; text-align: center; background: #fff;}
.mz-km-sy-sat {display: flex; justify-content: center; flex-wrap: wrap; gap: 6px;}
.mz-km-sy-sat > a, .mz-km-sy-sat > span {min-width: 38px; height: 36px; padding: 0 12px; border: 1px solid var(--km-c); border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; font-size: 14px; text-decoration: none; box-sizing: border-box;}
.mz-km-sy-sat a:hover {border-color: var(--km-br);}
.mz-km-sy-sat .mz-on {background: var(--km-m); border-color: var(--km-m); color: #fff; font-weight: 700;}
[dir=rtl] .mz-km-sy-ok svg {transform: scaleX(-1);}
.mz-km-sayfala .mz-sayfa-arac {margin: 12px 0 0;}
.mz-km-sayfala .mz-sa-bilgi {margin: 0 0 10px; color: var(--km-s); font-size: 13.5px;}
.mz-km-sayfala .mz-sa-bilgi b {color: var(--km-m);}
.mz-km-sayfala .mz-sa-adet {display: flex; justify-content: center; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600;}
.mz-km-sayfala .mz-sa-adet a, .mz-km-sayfala .mz-sa-adet span {width: 52px; height: 34px; border: 1px solid var(--km-c); border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; font-weight: 500; text-decoration: none;}
.mz-km-sayfala .mz-sa-adet .mz-sa-on {background: var(--km-m); color: #fff; border-color: var(--km-m); font-weight: 700;}
.mz-km-kaydet {display: flex; justify-content: space-between; align-items: center; gap: 20px; border: 1px solid var(--km-c); border-radius: 10px; padding: 16px 20px; background: #fff;}
.mz-km-kaydet b {display: block; font-size: 16px; margin-bottom: 3px;}
.mz-km-kaydet span {color: var(--km-s); font-size: 14px;}
.mz-km-guncel {margin: 2px 0; text-align: center; font-size: 13px; color: var(--km-s);}
.mz-km-guncel b {color: var(--km-m); font-weight: 600;}
.mz-km-faset:empty {display: none;}
.mz-km-faset > * {margin: 0 !important;}
.mz-km-genis {background: var(--km-z); border-top: 1px solid var(--km-c); padding: 24px 0 8px;}
.mz-km-genis .mz-km-kap > * {margin-bottom: 18px;}
.mz-km-alt-html {margin-bottom: 10px;}

/* ---------- Ust serit B (inc/mz-filtre-serit.php, sinif mz-fs--b) ---------- */
.mz-km-sayfa .mz-fs--b .container {display: flex; align-items: center; gap: 10px; width: min(1320px, 100%); padding-inline: 20px;}
.mz-km-sayfa .mz-fs--b .mz-fs-sira {flex: 1; min-width: 0; display: flex; align-items: center; gap: 7px; overflow-x: auto; scrollbar-width: none; height: 58px;}
.mz-km-sayfa .mz-fs--b .mz-fs-hane {height: 38px; padding: 0 10px; border: 1px solid var(--km-c); border-radius: 8px; display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; white-space: nowrap; background: #fff; color: var(--km-m); flex: none; min-width: 0; box-shadow: none;}
.mz-km-sayfa .mz-fs--b .mz-fs-ic {display: inline-flex; align-items: center; gap: 4px;}
.mz-km-sayfa .mz-fs--b .mz-fs-ic small {font-size: 13.5px; font-weight: 500; color: inherit; display: inline;}
.mz-km-sayfa .mz-fs--b .mz-fs-hane:not(.mz-fs-dolu) .mz-fs-ic b {display: none;}
.mz-km-sayfa .mz-fs--b .mz-fs-dolu {background: var(--km-m); border-color: var(--km-m); color: #fff;}
.mz-km-sayfa .mz-fs--b .mz-fs-dolu .mz-fs-ic small::after {content: ":";}
.mz-km-sayfa .mz-fs--b .mz-fs-dolu .mz-fs-ic b {font-weight: 600; font-size: 13.5px; color: #fff;}
.mz-km-sayfa .mz-fs--b .mz-fs-acik {box-shadow: 0 0 0 2px var(--km-br);}
.mz-km-sayfa .mz-fs-sag {display: flex; align-items: center; gap: 10px; flex: none; position: relative;}
.mz-km-fs-say {color: var(--km-s); font-size: 13.5px; white-space: nowrap;}
.mz-km-fs-say b {color: var(--km-m);}
.mz-km-sayfa .mz-fs-sag .mz-km-sirala select {min-width: 0; height: 38px; font-size: 13px;}
.mz-km-sayfa .mz-fs-sag .mz-km-gor a {width: 36px; height: 36px;}
.mz-km-kay {display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 12px; border: 1px solid var(--km-m); border-radius: 8px; font: inherit; font-size: 13px; font-weight: 700; white-space: nowrap; color: var(--km-m); background: #fff; text-decoration: none; cursor: pointer;}
.mz-km-kay[aria-expanded=true] {background: var(--km-m); color: #fff;}
.mz-km-kay.mz-on {background: var(--km-yz); border-color: var(--km-y); color: var(--km-y); cursor: default;}
.mz-km-kay-pop {position: absolute; top: calc(100% + 10px); inset-inline-end: 0; z-index: 5; width: 340px; background: #fff; border: 1px solid var(--km-c); border-radius: 12px; box-shadow: 0 14px 34px rgba(27, 32, 48, .18); padding: 16px; font-size: 13.5px; line-height: 1.5; color: #3A4152;}
.mz-km-kay-pop[hidden] {display: none;}
.mz-km-kay-pop > b {display: block; font-size: 14.5px; color: var(--km-m); margin-bottom: 8px;}
.mz-km-kay-pop p {margin: 0 0 8px;}
.mz-km-kay-oz {background: var(--km-hv); border-radius: 8px; padding: 8px 10px; font-weight: 600; color: var(--km-m);}
.mz-km-kay-d {display: flex; gap: 8px; margin-top: 12px;}
.mz-km-kay-d .mz-km-btn {flex: 1; justify-content: center; padding: 0 10px; height: 38px; font-size: 13px;}

/* Kayit bildirimi */
.mz-km-tost {position: fixed; inset-inline-start: 20px; bottom: 20px; z-index: 1060; width: 360px; max-width: calc(100vw - 24px); display: flex; gap: 10px; align-items: flex-start; background: #fff; border: 1px solid var(--km-c); border-inline-start: 4px solid var(--km-y); border-radius: 12px; box-shadow: 0 12px 32px rgba(15, 23, 32, .22); padding: 14px 16px; font-size: 13.5px; line-height: 1.5;}
.mz-km-tost svg {color: var(--km-y); margin-top: 2px;}
.mz-km-tost b {display: block; color: var(--km-y);}
.mz-km-tost span {color: #3A4152;}
.mz-km-tost button {border: 0; background: none; font-size: 20px; line-height: 1; color: var(--km-s); cursor: pointer; padding: 0 2px; margin-inline-start: auto;}
.mz-km-tost[hidden] {display: none;}

/* ---------- Genislikler ---------- */
@media (max-width: 1366px) {
	.mz-km-klasik .mz-km-c1 {display: none;}
}
@media (max-width: 1199px) {
	.mz-km-izgara {grid-template-columns: 220px minmax(0, 1fr);}
	.mz-km-sirala select {min-width: 160px;}
	.mz-km-gk {grid-template-columns: 150px minmax(0, 1fr);}
	.mz-km-gk .mz-km-r {width: 150px; height: 112px;}
	.mz-km-sayfa .mz-fs--b .mz-km-gor {display: none;}
}
@media (max-width: 991px) {
	.mz-km-izgara {grid-template-columns: minmax(0, 1fr);}
	.mz-km-yan {order: 2;}
	.mz-km-tb td.mz-km-tr, .mz-km-tb th:nth-last-child(2) {display: none;}
	.mz-km-gal {grid-template-columns: 1fr;}
	.mz-km-gk:nth-child(odd) {border-inline-end: 0;}
	.mz-km-ozet {flex-wrap: wrap;}
	.mz-km-arac {flex-wrap: wrap;}
}
@media (prefers-reduced-motion: reduce) {
	.mz-km-f > summary svg {transition: none;}
}
@media print {
	.mz-km-yan, .mz-km-hv, .mz-km-ara-kap {display: none !important;}
	.mz-km-izgara {grid-template-columns: 1fr;}
}

/* Fiyat hucresinin ic parcalari (inc/mz-liste-onbellek.php mz_liste_fiyat_blok) */
.mz-km .tablo_tl {font-size: 12px; font-weight: 500; color: var(--km-s); margin-top: 2px; background: none !important; padding: 0 !important; border: 0 !important;}
.mz-km .tablo_tl i {display: none;}
.mz-km-fy .clearfix.mb5, .mz-km-gf .clearfix.mb5 {display: none;}
.mz-km .s_mesaj_tablo {font-size: 13px; font-weight: 600; color: var(--km-br);}

/* SEO metni: ilk bolum gorunur, «Devamını oku» ile tamami (metin HTML'de, arama motoru hepsini okur). */
.mz-km-genis .mz-kseo-metin.mz-km-kisa {max-height: 260px; overflow: hidden; position: relative;}
.mz-km-genis .mz-kseo-metin.mz-km-kisa::after {content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 70px; background: linear-gradient(rgba(255, 255, 255, 0), #fff);}
.mz-km-devam {display: inline-flex; align-items: center; gap: 5px; margin: 8px 0 4px; border: 0; background: none; padding: 0; font: inherit; font-weight: 600; font-size: 14px; color: var(--km-br); cursor: pointer;}
.mz-km-devam[aria-expanded=true] svg {transform: rotate(180deg);}

/* Ozellik baglantilari (inc/mz-faset.php): sekmeler + 4 sutun duz baglanti (onayli tasarim) */
.mz-km-faset .mz-fz {margin: 0; border-radius: 10px; padding: 0 18px 16px; border-color: var(--km-c);}
.mz-km-faset .mz-fz-sekmeler {gap: 22px;}
.mz-km-faset .mz-fz-sekmeler button {padding: 13px 0 11px; border-bottom-width: 2px; font-weight: 600; color: var(--km-s);}
.mz-km-faset .mz-fz-sekmeler button[aria-selected="true"] {color: var(--km-m); border-bottom-color: var(--km-m);}
.mz-km-faset .mz-fz-panel:not([hidden]) {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px 18px;}
.mz-km-faset .mz-fz-cip {display: block; min-height: 0; padding: 0; border: 0; border-radius: 0; background: none; color: var(--km-br); font-size: 13.5px; line-height: 1.45;}
.mz-km-faset a.mz-fz-cip:hover {color: var(--km-m); text-decoration: underline;}
.mz-km-faset .mz-fz-sonuk {color: #A3A9B5;}
@media (max-width: 1199px) {.mz-km-faset .mz-fz-panel:not([hidden]) {grid-template-columns: repeat(3, minmax(0, 1fr));}}
.mz-km-link.mz-vurgula {box-shadow: 0 0 0 3px var(--km-sari); border-radius: 6px;}
.mz-km-link:focus-visible, .mz-km-kay:focus-visible, .mz-km-btn:focus-visible {outline: 2px solid var(--km-br); outline-offset: 2px;}

/* Ust serit B gorunurken kirilim yolu seridi (sticky, 38px'te) seridin altindan yarim gorunuyordu
   (sahip ekran goruntusu, /1/emlak). Serit acikken o serit gizlenir; serit dil seridini de ortuyor. */
@media (min-width: 992px) {
	.mz-km-sayfa.mz-km-fs-acik .mz-nav-yol {visibility: hidden;}
}
.mz-km-genis .mz-tahfiz {margin-top: 0;}