/* ============================================================
   css/mz-mekan.css — MEZAD MEKAN (أماكن مزاد) sayfalari
   Yalnizca sayfa/mekan.php ve sayfa/mekan-ekle.php yukler. Butun
   kurallar .mz-mkn altinda; ciplak etiket secicisi yok. Renkler tema
   degiskenlerinden (LPanel pazar paleti), yedekleriyle. Yon: mantiksal
   ozellikler; Arapca (dir="rtl") kendiliginden. Onayli tasarim:
   mekan-tel / mekan-masa (2026-10-31).
   ============================================================ */

.mz-mkn {
	--mk-ink: var(--mz-ink, #1f2933); --mk-muted: var(--mz-muted, #52606d);
	--mk-cizgi: var(--mz-cizgi, #e3e8ef); --mk-yuzey: var(--mz-yuzey, #fff);
	--mk-zemin: #f4f5f7; --mk-vurgu: var(--mz-vurgu, #efc307); --mk-vurgu-yazi: var(--mz-vurgu-yazi, #2b2000);
	--mk-koyu: #111827; --mk-link: var(--mz-link, #2563eb); --mk-wa: #25d366;
	/* Pazarin paleti (LPanel › renkler; header.php): ana renk, koyusu, cok acigi, ustundeki yazi.
	   Sahip, 2026-10-31: «صاير بيهه الوان كثيره وخلي ايضا تاخذ خاصية الوان الاسوق». */
	--mk-ana: var(--mz-brand, #3f475f); --mk-ana-koyu: var(--mz-brand-koyu, #2b3142);
	--mk-ana-acik: var(--mz-brand-cok-acik, #f3f4f7); --mk-ana-yazi: var(--mz-brand-yazi, #fff);
	color: var(--mk-ink); padding-bottom: 28px;
}
.mz-mkn .mz-mkn-gizli {position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; margin: -1px; padding: 0; border: 0;}
.mz-mkn [hidden] {display: none !important;}
.mz-mkn h1, .mz-mkn h2 {font-weight: 750; margin: 0;}
.mz-mkn .mz-mkn-yol {font-size: 13px; color: var(--mk-muted); margin-bottom: 10px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center;}
.mz-mkn .mz-mkn-yol a {color: var(--mk-link);}

/* Dugmeler, rozetler, ciplar */
.mz-mkn .mz-mkn-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; padding: 9px 16px;
	border: 0; border-radius: 10px; background: var(--mk-vurgu); color: var(--mk-vurgu-yazi);
	font-weight: 750; font-size: 14px; text-decoration: none; cursor: pointer; line-height: 1.2;
}
.mz-mkn .mz-mkn-btn:hover {filter: brightness(.96); color: var(--mk-vurgu-yazi); text-decoration: none;}
.mz-mkn .mz-mkn-btn-ikincil {background: var(--mk-yuzey); color: var(--mk-ink); border: 1px solid var(--mk-cizgi); font-weight: 650;}
.mz-mkn .mz-mkn-btn-ikincil:hover {color: var(--mk-ink); background: var(--mk-zemin);}
.mz-mkn .mz-mkn-btn:focus-visible, .mz-mkn .mz-mkn-cip:focus-visible, .mz-mkn .mz-mkn-e:focus-visible, .mz-mkn .mz-mkn-kart:focus-visible {outline: 2px solid var(--mk-link); outline-offset: 2px;}
.mz-mkn .mz-mkn-rz {display: inline-block; font-size: 11.5px; font-weight: 700; border-radius: 6px; padding: 1px 6px; margin-inline-end: 4px; white-space: nowrap;}
.mz-mkn .mz-mkn-rz-acik {background: #e7f6ec; color: #167a3e;}
.mz-mkn .mz-mkn-rz-kapali {background: #fdecec; color: #b42318;}
.mz-mkn .mz-mkn-rz-dog {background: var(--mk-ana-acik); color: var(--mk-ana-koyu);}
.mz-mkn .mz-mkn-rz-wa {background: #e8f9ee; color: #167a3e;}
.mz-mkn .mz-mkn-rz-d0 {background: #fff7e6; color: #9a5b00;}
.mz-mkn .mz-mkn-rz-d1 {background: #e7f6ec; color: #167a3e;}
.mz-mkn .mz-mkn-rz-d2 {background: #fdecec; color: #b42318;}
.mz-mkn .mz-mkn-cip {
	display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; min-height: 36px; padding: 6px 13px;
	background: var(--mk-yuzey); border: 1px solid var(--mk-cizgi); border-radius: 999px; color: var(--mk-ink);
	font-size: 13px; font-weight: 600; text-decoration: none; cursor: pointer;
}
.mz-mkn .mz-mkn-cip small {color: var(--mk-muted); font-weight: 600;}
.mz-mkn .mz-mkn-cip-s, .mz-mkn .mz-mkn-yakin.mz-mkn-cip-s {background: var(--mk-ana); border-color: var(--mk-ana); color: var(--mk-ana-yazi);}
.mz-mkn .mz-mkn-cip-s small {color: inherit; opacity: .8;}
.mz-mkn .mz-mkn-filtre, .mz-mkn .mz-mkn-iller {display: flex; gap: 8px; margin: 10px 0; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px;}
.mz-mkn .mz-mkn-filtre::-webkit-scrollbar, .mz-mkn .mz-mkn-iller::-webkit-scrollbar {display: none;}

/* Arama */
.mz-mkn .mz-mkn-ara {display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0;}
.mz-mkn .mz-mkn-ara input, .mz-mkn .mz-mkn-ara select {min-height: 44px; border: 1px solid var(--mk-cizgi); border-radius: 10px; padding: 8px 12px; font-size: 15px; background: var(--mk-yuzey); color: var(--mk-ink);}
.mz-mkn .mz-mkn-ara input {flex: 3 1 220px;}
.mz-mkn .mz-mkn-ara select {flex: 1 1 140px;}

/* Ana sayfa */
.mz-mkn .mz-mkn-kahraman {background: var(--mk-ana); color: var(--mk-ana-yazi); border-radius: 16px; padding: 18px 18px 10px; margin-bottom: 12px;}
.mz-mkn .mz-mkn-kahraman h1 {font-size: 26px;}
.mz-mkn .mz-mkn-kahraman p {margin: 4px 0 0; opacity: .82;}
.mz-mkn .mz-mkn-bedava {background: var(--mk-ana-acik); color: var(--mk-ink); border: 1px solid color-mix(in srgb, var(--mk-ana) 22%, transparent); border-radius: 14px; padding: 14px 16px; margin: 12px 0;}
.mz-mkn .mz-mkn-bedava-bas {color: var(--mk-ana-koyu); font-weight: 800; font-size: 16px; margin: 0 0 6px;}
.mz-mkn .mz-mkn-bedava ul {list-style: none; margin: 0 0 10px; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 13.5px;}
.mz-mkn .mz-mkn-bedava li::before {content: "✓ "; color: var(--mk-ana); font-weight: 800;}
.mz-mkn .mz-mkn-bedava .mz-mkn-btn {width: 100%; max-width: 320px;}
.mz-mkn .mz-mkn-bedava-ince {padding: 11px 13px;}
.mz-mkn .mz-mkn-bedava-ince .mz-mkn-bedava-bas {font-size: 14px;}
.mz-mkn .mz-mkn-bedava-ince ul {font-size: 12.5px;}
.mz-mkn .mz-mkn-yakin {
	display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 14px;
	background: var(--mk-yuzey); border: 1px solid var(--mk-cizgi); border-radius: 12px; color: var(--mk-ink); font-weight: 650; text-decoration: none; cursor: pointer; white-space: nowrap;
}
.mz-mkn .mz-mkn-blok-d {margin: 16px 0;}
.mz-mkn .mz-mkn-blok-d h2 {font-size: 18px; margin-bottom: 10px;}
.mz-mkn .mz-mkn-kat {display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 9px;}
.mz-mkn .mz-mkn-kat a {
	display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 12px 6px; text-align: center;
	background: var(--mk-yuzey); border: 1px solid var(--mk-cizgi); border-radius: 12px; color: var(--mk-ink); font-weight: 650; font-size: 13px; text-decoration: none;
}
.mz-mkn .mz-mkn-kat a:hover {border-color: var(--mk-ana);}
.mz-mkn .mz-mkn-kat-i {width: 40px; height: 40px; border-radius: 12px; background: var(--mk-ana-acik); color: var(--mk-ana); display: grid; place-items: center; font-size: 21px; line-height: 1;}
.mz-mkn .mz-mkn-simge {font-style: normal;}
.mz-mkn .mz-mkn-h1 .mz-mkn-simge {color: var(--mk-ana);}
.mz-mkn .mz-mkn-kat small {color: var(--mk-muted); font-weight: 600;}

/* Kartlar */
.mz-mkn .mz-mkn-kartlar {display: grid; gap: 9px;}
.mz-mkn .mz-mkn-kartlar-izgara {grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}
.mz-mkn .mz-mkn-kart {
	display: flex; gap: 11px; padding: 10px; background: var(--mk-yuzey); border: 1px solid var(--mk-cizgi); border-radius: 13px;
	color: var(--mk-ink); text-decoration: none; align-items: center;
}
.mz-mkn .mz-mkn-kart:hover, .mz-mkn .mz-mkn-kart.mz-mkn-kart-s {border-color: var(--mk-ana); box-shadow: 0 0 0 1px var(--mk-ana); color: var(--mk-ink); text-decoration: none;}
.mz-mkn .mz-mkn-kart-r {width: 68px; height: 68px; flex: none; border-radius: 10px; overflow: hidden; background: var(--mk-ana-acik); color: var(--mk-ana); display: flex; align-items: center; justify-content: center; font-size: 28px;}
.mz-mkn .mz-mkn-kart-r img {width: 100%; height: 100%; object-fit: cover;}
.mz-mkn .mz-mkn-kart-g {min-width: 0; display: flex; flex-direction: column; gap: 3px;}
.mz-mkn .mz-mkn-kart-g b {font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mz-mkn .mz-mkn-kart-k {color: var(--mk-muted); font-size: 12.5px;}
.mz-mkn .mz-mkn-bos {background: var(--mk-yuzey); border: 1px dashed var(--mk-cizgi); border-radius: 13px; padding: 18px; text-align: center;}
.mz-mkn .mz-mkn-bos p {margin: 0 0 10px;}

/* Liste + harita */
.mz-mkn .mz-mkn-h1 {font-size: 22px; margin: 6px 0 2px;}
.mz-mkn .mz-mkn-sayi {color: var(--mk-muted); font-size: 13px; margin: 8px 0;}
.mz-mkn .mz-mkn-sonuc-harita {display: grid; grid-template-columns: minmax(330px, 420px) 1fr; gap: 14px; align-items: start;}
.mz-mkn .mz-mkn-sag {position: sticky; top: 12px;}
.mz-mkn .mz-mkn-harita {height: 560px; border-radius: 14px; background: linear-gradient(135deg, #dfe9e1, #cfdde6); overflow: hidden;}
.mz-mkn .mz-mkn-harita-tek {height: 210px; margin-bottom: 8px;}
.mz-mkn .mz-mkn-harita-sec {height: 240px; margin-top: 8px;}
.mz-mkn .mz-mkn-sadece-tel {display: none;}
.mz-mkn .mz-mkn-sayfalar {display: flex; justify-content: center; align-items: center; gap: 10px; margin: 14px 0;}
.mz-mkn .mz-mkn-harita-pen {font-size: 13px; line-height: 1.4; color: #1f2933;}
.mz-mkn .mz-mkn-harita-pen a {color: var(--mk-link);}

/* Mekan sayfasi */
.mz-mkn .mz-mkn-uyari {background: #fff7e6; border: 1px solid #f1d39a; border-radius: 12px; padding: 10px 13px;}
.mz-mkn .mz-mkn-iki {display: grid; grid-template-columns: 1fr 340px; gap: 16px; align-items: start;}
.mz-mkn .mz-mkn-bas {background: var(--mk-yuzey); border: 1px solid var(--mk-cizgi); border-radius: 16px; overflow: hidden; margin-bottom: 12px;}
.mz-mkn .mz-mkn-kapak {height: 200px; background: linear-gradient(135deg, var(--mk-ana-koyu), var(--mk-ana)) center / cover no-repeat; position: relative;}
.mz-mkn .mz-mkn-logo {
	position: absolute; bottom: -30px; inset-inline-start: 16px; width: 76px; height: 76px; border-radius: 16px; background: #fff;
	border: 3px solid #fff; box-shadow: 0 2px 10px rgba(0,0,0,.15); display: flex; align-items: center; justify-content: center; font-size: 34px; color: var(--mk-ana); overflow: hidden;
}
.mz-mkn .mz-mkn-logo img {width: 100%; height: 100%; object-fit: cover;}
.mz-mkn .mz-mkn-kimlik {padding: 38px 16px 4px;}
.mz-mkn .mz-mkn-kimlik h1 {font-size: 24px; display: inline; margin-inline-end: 6px;}
.mz-mkn .mz-mkn-alt {margin: 5px 0 0; color: var(--mk-muted); font-size: 13.5px;}
.mz-mkn .mz-mkn-eylem {display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 16px 16px;}
.mz-mkn .mz-mkn-e {
	display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 8px 14px; border-radius: 11px;
	background: var(--mk-zemin); border: 1px solid var(--mk-cizgi); color: var(--mk-ink); font-weight: 650; font-size: 14px; text-decoration: none; cursor: pointer;
}
.mz-mkn .mz-mkn-e:hover {color: var(--mk-ink); text-decoration: none; border-color: #c8d0da;}
.mz-mkn .mz-mkn-e-wa {background: var(--mk-wa); border-color: var(--mk-wa); color: #fff;}
.mz-mkn .mz-mkn-e-wa:hover {color: #fff; filter: brightness(.95);}
.mz-mkn .mz-mkn-sahip {padding: 0 16px 14px; margin: 0;}
.mz-mkn .mz-mkn-blok {background: var(--mk-yuzey); border: 1px solid var(--mk-cizgi); border-radius: 14px; padding: 14px 16px; margin-bottom: 12px;}
.mz-mkn .mz-mkn-blok h2 {font-size: 16px; margin-bottom: 8px;}
.mz-mkn .mz-mkn-metin {margin: 0; line-height: 1.6;}
.mz-mkn .mz-mkn-galeri {display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 8px;}
.mz-mkn .mz-mkn-galeri img {width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; display: block;}
.mz-mkn .mz-mkn-ilanlar {display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px;}
.mz-mkn .mz-mkn-ilan {display: flex; flex-direction: column; gap: 4px; border: 1px solid var(--mk-cizgi); border-radius: 12px; overflow: hidden; color: var(--mk-ink); text-decoration: none; padding-bottom: 8px;}
.mz-mkn .mz-mkn-ilan:hover {border-color: var(--mk-ana); color: var(--mk-ink); text-decoration: none;}
.mz-mkn .mz-mkn-ilan-r {aspect-ratio: 4 / 3; background: var(--mk-ana-acik); display: block;}
.mz-mkn .mz-mkn-ilan-r img {width: 100%; height: 100%; object-fit: cover; display: block;}
.mz-mkn .mz-mkn-ilan b {font-size: 13px; padding: 0 9px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.mz-mkn .mz-mkn-ilan-f {font-weight: 800; padding: 0 9px; font-size: 13.5px;}
.mz-mkn .mz-mkn-saat {margin: 0;}
.mz-mkn .mz-mkn-saat div {display: flex; justify-content: space-between; padding: 4px 0; font-size: 13.5px; color: var(--mk-muted); border-bottom: 1px solid #f1f3f6;}
.mz-mkn .mz-mkn-saat div:last-child {border-bottom: 0;}
.mz-mkn .mz-mkn-saat dt {font-weight: 600;}
.mz-mkn .mz-mkn-saat dd {margin: 0;}
.mz-mkn .mz-mkn-saat .mz-mkn-bugun {color: var(--mk-ink); font-weight: 750;}
.mz-mkn .mz-mkn-kaynak {font-size: 12px; color: var(--mk-muted);}

/* Ekleme formu */
.mz-mkn-ekle .mz-mkn-ekle-bas h1 {font-size: 24px;}
.mz-mkn .mz-mkn-ucretsiz {display: inline-block; background: var(--mk-vurgu); color: var(--mk-vurgu-yazi); font-size: 12px; font-weight: 800; border-radius: 6px; padding: 2px 8px; vertical-align: middle;}
.mz-mkn .mz-mkn-tik {color: var(--mk-ana-koyu); font-weight: 700; margin: 6px 0 12px;}
.mz-mkn .mz-mkn-form {max-width: 720px;}
.mz-mkn .mz-mkn-adim-cubuk {display: none; gap: 5px; margin: 4px 0 12px;}
.mz-mkn .mz-mkn-adim-cubuk i {flex: 1; height: 5px; border-radius: 3px; background: var(--mk-cizgi);}
.mz-mkn .mz-mkn-adim-cubuk .mz-mkn-d {background: var(--mk-ana);}
.mz-mkn .mz-mkn-form.mz-mkn-js .mz-mkn-adim-cubuk {display: flex;}
.mz-mkn .mz-mkn-adim {scroll-margin-top: 120px; background: var(--mk-yuzey); border: 1px solid var(--mk-cizgi); border-radius: 14px; padding: 14px 16px; margin: 0 0 12px; min-width: 0;}
.mz-mkn .mz-mkn-adim > legend {font-size: 17px; font-weight: 750; border: 0; margin: 0 0 8px; padding: 0; width: auto;}
.mz-mkn .mz-mkn-adim-no {color: var(--mk-muted); font-size: 13px; font-weight: 700;}
.mz-mkn .mz-mkn-form.mz-mkn-js .mz-mkn-adim:not(.mz-mkn-adim-s) {display: none;}
.mz-mkn .mz-mkn-form:not(.mz-mkn-js) .mz-mkn-ileri [data-mk-git] {display: none;}
.mz-mkn .mz-mkn-alan {margin-bottom: 12px; display: flex; flex-direction: column; gap: 4px;}
.mz-mkn .mz-mkn-alan label, .mz-mkn .mz-mkn-etiket {font-weight: 650; font-size: 13.5px; margin: 0;}
.mz-mkn .mz-mkn-alan input[type=text], .mz-mkn .mz-mkn-alan input[type=tel], .mz-mkn .mz-mkn-alan input[type=url], .mz-mkn .mz-mkn-alan select, .mz-mkn .mz-mkn-alan textarea {
	min-height: 44px; border: 1px solid var(--mk-cizgi); border-radius: 10px; padding: 9px 12px; font-size: 15px; background: #fff; color: var(--mk-ink); width: 100%;
}
.mz-mkn .mz-mkn-alan [aria-invalid=true] {border-color: #d64545;}
.mz-mkn .mz-mkn-alan small, .mz-mkn .mz-mkn-ipucu {color: var(--mk-muted); font-size: 12.5px;}
.mz-mkn .mz-mkn-google input {border: 1.5px solid #4285f4 !important;}
.mz-mkn .mz-mkn-cift {display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px;}
.mz-mkn .mz-mkn-ileri {display: flex; justify-content: space-between; gap: 10px; margin-top: 6px;}
.mz-mkn .mz-mkn-ileri .mz-mkn-btn:only-child {margin-inline-start: auto;}
.mz-mkn .mz-mkn-hata {color: #b42318; font-weight: 650; margin: 2px 0 8px;}
.mz-mkn .mz-mkn-saatler {border: 0; padding: 0; margin: 4px 0 12px; min-width: 0;}
.mz-mkn .mz-mkn-saatler > legend {font-size: 13.5px; font-weight: 650; border: 0; margin: 0 0 6px;}
.mz-mkn .mz-mkn-gun {display: grid; grid-template-columns: minmax(110px, 1fr) auto auto auto; gap: 6px; align-items: center; padding: 4px 0;}
.mz-mkn .mz-mkn-gun label {font-weight: 600; margin: 0; display: flex; gap: 6px; align-items: center;}
.mz-mkn .mz-mkn-gun input[type=time] {min-height: 38px; border: 1px solid var(--mk-cizgi); border-radius: 8px; padding: 4px 6px;}
.mz-mkn .mz-mkn-onizle {width: 64px; height: 64px; object-fit: cover; border-radius: 12px;}
.mz-mkn .mz-mkn-galeri-sec label {display: flex; flex-direction: column; gap: 4px; font-size: 12.5px;}
.mz-mkn .mz-mkn-benim {list-style: none; padding: 0; margin: 0;}
.mz-mkn .mz-mkn-benim li {display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 7px 0; border-bottom: 1px solid #f1f3f6;}
.mz-mkn .mz-mkn-kucuk {font-size: 13px; color: var(--mk-link);}

/* Telefon */
@media (max-width: 860px) {
	.mz-mkn .mz-mkn-iki {grid-template-columns: 1fr;}
	.mz-mkn .mz-mkn-sonuc-harita {grid-template-columns: 1fr;}
	.mz-mkn .mz-mkn-sonuc-harita .mz-mkn-sag {display: none; position: static;}
	.mz-mkn .mz-mkn-sonuc-harita.mz-mkn-harita-acik .mz-mkn-sag {display: block;}
	.mz-mkn .mz-mkn-sonuc-harita.mz-mkn-harita-acik .mz-mkn-sol {display: none;}
	.mz-mkn .mz-mkn-harita {height: 62vh;}
	.mz-mkn .mz-mkn-harita-tek {height: 190px;}
	.mz-mkn .mz-mkn-sadece-tel {display: inline-flex;}
	.mz-mkn .mz-mkn-kapak {height: 140px;}
	.mz-mkn .mz-mkn-eylem {display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px;}
	.mz-mkn .mz-mkn-e {flex-direction: column; gap: 2px; font-size: 11.5px; padding: 8px 2px; justify-content: center; text-align: center;}
	.mz-mkn .mz-mkn-e > span, .mz-mkn .mz-mkn-e > i {font-size: 19px;}
	.mz-mkn .mz-mkn-kat {grid-template-columns: repeat(4, 1fr); gap: 7px;}
	.mz-mkn .mz-mkn-kat a {font-size: 11.5px; padding: 9px 2px;}
	.mz-mkn .mz-mkn-kartlar-izgara {grid-template-columns: 1fr;}
	.mz-mkn .mz-mkn-ilanlar {grid-template-columns: repeat(2, 1fr); gap: 8px;}
	.mz-mkn .mz-mkn-galeri {grid-template-columns: repeat(3, 1fr);}
	.mz-mkn .mz-mkn-kahraman h1 {font-size: 22px;}
}
@media (max-width: 520px) {
	.mz-mkn .mz-mkn-cift {grid-template-columns: 1fr;}
	.mz-mkn .mz-mkn-gun {grid-template-columns: 1fr auto auto auto;}
	.mz-mkn .mz-mkn-ara select {flex-basis: 100%;}
	.mz-mkn .mz-mkn-ara .mz-mkn-btn {flex: 1 1 100%;}
}

/* Tema bazi sayfalarda cıplak onay kutusunu 0 boyuta indiriyor (ozel kutu cizimi icin);
   bu formda gercek kutu gorunsun ve dokunulabilsin. */
.mz-mkn .mz-mkn-gun input[type=checkbox], .mz-mkn .mz-mkn-galeri-sec input[type=checkbox] {
	appearance: auto; -webkit-appearance: checkbox; position: static; opacity: 1; width: 20px; height: 20px; min-width: 20px; margin: 0; flex: none;
}

/* Sahiplen (asama 2, tasarim §5) */
.mz-mkn .mz-mkn-sahiplen {background: var(--mk-ana-acik); border: 1px dashed color-mix(in srgb, var(--mk-ana) 45%, transparent); border-radius: 14px; padding: 13px 15px; margin-bottom: 12px;}
.mz-mkn .mz-mkn-sahiplen h2 {font-size: 15px; margin-bottom: 4px;}
.mz-mkn .mz-mkn-sahiplen p {margin: 0 0 6px; font-size: 13px;}
.mz-mkn .mz-mkn-sahiplen .mz-mkn-tik {color: var(--mk-ana-koyu); font-weight: 700; margin: 0 0 8px;}
.mz-mkn .mz-mkn-sahiplen textarea {width: 100%; border: 1px solid var(--mk-cizgi); border-radius: 10px; padding: 8px 10px; font-size: 14px; margin-bottom: 8px;}
.mz-mkn .mz-mkn-sahiplen .mz-mkn-btn {width: 100%;}
.mz-mkn .mz-mkn-sahiplen small {display: block; color: var(--mk-muted); font-size: 12px; margin-top: 6px;}

/* Tek renkli simgeler (ionicons): eylem dugmelerinde ana renk; WhatsApp kendi yesilinde beyaz. */
.mz-mkn .mz-mkn-e > i, .mz-mkn .mz-mkn-cip > i, .mz-mkn .mz-mkn-yakin > i {font-size: 17px; font-style: normal; color: var(--mk-ana);}
.mz-mkn .mz-mkn-e-wa > i, .mz-mkn .mz-mkn-cip-s > i {color: inherit;}

/* Konum izni penceresi (sahip, 2026-10-31): tarayicinin sessiz sorusundan once sayfanin acik sorusu. */
.mz-mkn-konum {border: 0; border-radius: 18px; padding: 22px 20px 18px; max-width: 400px; width: calc(100% - 32px); text-align: center; color: var(--mz-ink, #1f2933); box-shadow: 0 18px 50px rgba(0,0,0,.25);}
.mz-mkn-konum::backdrop {background: rgba(17,24,39,.45);}
.mz-mkn-konum .mz-mkn-konum-ik {display: inline-grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; font-size: 28px; font-style: normal; background: var(--mz-brand-cok-acik, #f3f4f7); color: var(--mz-brand, #3f475f); margin-bottom: 8px;}
.mz-mkn-konum b {display: block; font-size: 17px; margin-bottom: 6px;}
.mz-mkn-konum p {margin: 0 0 14px; color: var(--mz-muted, #52606d); font-size: 14px; line-height: 1.55;}
.mz-mkn-konum p.mz-mkn-hata {color: #b42318; font-weight: 600;}
.mz-mkn-konum-d {display: flex; flex-direction: column; gap: 8px; position: static;}
.mz-mkn-konum .mz-mkn-btn {display: flex; align-items: center; justify-content: center; min-height: 44px; border: 0; border-radius: 10px; font-weight: 750; font-size: 15px; cursor: pointer; background: var(--mz-vurgu, #efc307); color: var(--mz-vurgu-yazi, #2b2000);}
.mz-mkn-konum .mz-mkn-btn-ikincil {background: #fff; color: var(--mz-ink, #1f2933); border: 1px solid var(--mz-cizgi, #e3e8ef); font-weight: 650;}
.mz-mkn-konum .mz-mkn-btn:disabled {opacity: .6; cursor: wait;}
.mz-mkn-konum-x {position: absolute; top: 8px; inset-inline-end: 10px; border: 0; background: none; font-size: 24px; line-height: 1; color: var(--mz-muted, #52606d); cursor: pointer;}

/* Asama 3: sahibin istatistigi (son 30 gun) */
.mz-mkn .mz-mkn-ist ul {list-style: none; margin: 0 0 6px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 8px;}
.mz-mkn .mz-mkn-ist li {display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 10px 12px; border: 1px solid var(--mz-cizgi, #e3e8ef); border-radius: 10px; background: var(--mz-brand-cok-acik, #f6f7f9);}
.mz-mkn .mz-mkn-ist li i {color: var(--mz-brand, #3f475f); font-size: 18px;}
.mz-mkn .mz-mkn-ist li b {font-size: 20px; line-height: 1.1;}
.mz-mkn .mz-mkn-ist li span {color: var(--mk-muted); font-size: 12.5px;}
.mz-mkn .mz-mkn-kucuk-ist {color: var(--mk-muted); font-size: 12px;}

/* Asama 3: gecici kapanis + diger yerler */
.mz-mkn .mz-mkn-tatil {display: flex; align-items: center; gap: 6px;}
.mz-mkn .mz-mkn-tatil-form summary {cursor: pointer; font-weight: 700; list-style: none;}
.mz-mkn .mz-mkn-tatil-form summary::-webkit-details-marker {display: none;}
.mz-mkn .mz-mkn-tatil-form form {display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; margin-top: 10px;}
.mz-mkn .mz-mkn-tatil-form label {display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 600;}
.mz-mkn .mz-mkn-tatil-form input, .mz-mkn .mz-mkn-tatil-form select {padding: 8px 10px; border: 1px solid var(--mz-cizgi, #d5dbe3); border-radius: 9px; font: inherit; background: #fff;}
.mz-mkn .mz-mkn-tatil-form small {flex-basis: 100%;}
.mz-mkn .mz-mkn-diger {list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px;}
.mz-mkn .mz-mkn-diger a {display: flex; flex-direction: column; padding: 8px 10px; border: 1px solid var(--mz-cizgi, #e3e8ef); border-radius: 10px; color: inherit; text-decoration: none;}
.mz-mkn .mz-mkn-diger a:hover {border-color: var(--mz-brand, #3f475f);}
.mz-mkn .mz-mkn-diger small {color: var(--mk-muted); font-size: 12px;}

/* Asama 3: degerlendirmeler */
.mz-mkn .mz-mkn-yildiz {color: #e0a100; letter-spacing: 1px; white-space: nowrap;}
.mz-mkn .mz-mkn-yildiz-bos {color: #d5d9df;}
.mz-mkn .mz-mkn-puan {color: inherit; text-decoration: none; white-space: nowrap;}
.mz-mkn .mz-mkn-yorumlar h2 small {font-size: 13px; font-weight: 600; color: var(--mk-muted);}
.mz-mkn .mz-mkn-yr-liste {list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-direction: column; gap: 10px;}
.mz-mkn .mz-mkn-yr-liste li {padding: 10px 12px; border: 1px solid var(--mz-cizgi, #e3e8ef); border-radius: 10px;}
.mz-mkn .mz-mkn-yr-ust {display: flex; flex-wrap: wrap; align-items: center; gap: 8px;}
.mz-mkn .mz-mkn-yr-ust small {color: var(--mk-muted);}
.mz-mkn .mz-mkn-yr-liste p {margin: 6px 0 0;}
.mz-mkn .mz-mkn-yr-form {display: flex; flex-direction: column; gap: 8px;}
.mz-mkn .mz-mkn-yr-form textarea {padding: 9px 11px; border: 1px solid var(--mz-cizgi, #d5dbe3); border-radius: 10px; font: inherit;}
.mz-mkn .mz-mkn-yr-form .mz-mkn-btn {align-self: flex-start;}
/* Yildiz secimi: 5..1 sirali, sag-sol farkindan bagimsiz (row-reverse) */
.mz-mkn .mz-mkn-yr-puan {border: 0; padding: 0; margin: 0; display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; gap: 2px;}
[dir="rtl"] .mz-mkn .mz-mkn-yr-puan {justify-content: flex-end;}
.mz-mkn .mz-mkn-yr-puan legend {font-weight: 700; margin-bottom: 4px;}
.mz-mkn .mz-mkn-yr-puan input {position: absolute; opacity: 0; width: 1px; height: 1px;}
.mz-mkn .mz-mkn-yr-puan label {font-size: 28px; line-height: 1; color: #d5d9df; cursor: pointer; padding: 2px;}
.mz-mkn .mz-mkn-yr-puan input:checked ~ label, .mz-mkn .mz-mkn-yr-puan label:hover, .mz-mkn .mz-mkn-yr-puan label:hover ~ label {color: #e0a100;}
.mz-mkn .mz-mkn-yr-puan input:focus-visible + label {outline: 2px solid var(--mz-brand, #3f475f); border-radius: 4px;}

/* Asama 3: urunler + WhatsApp siparis / randevu */
.mz-mkn .mz-mkn-menu {list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-direction: column;}
.mz-mkn .mz-mkn-menu li {display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--mz-cizgi, #eef1f4);}
.mz-mkn .mz-mkn-menu-ad {flex: 1; min-width: 0;}
.mz-mkn .mz-mkn-menu-f {font-weight: 700; white-space: nowrap;}
.mz-mkn .mz-mkn-adet {display: inline-flex; align-items: center; border: 1px solid var(--mz-cizgi, #d5dbe3); border-radius: 999px; overflow: hidden;}
.mz-mkn .mz-mkn-adet button {width: 32px; height: 32px; border: 0; background: #fff; font-size: 18px; line-height: 1; cursor: pointer; color: var(--mz-brand, #3f475f);}
.mz-mkn .mz-mkn-adet output {min-width: 24px; text-align: center; font-weight: 700;}
.mz-mkn .mz-mkn-adet-var {border-color: var(--mz-brand, #3f475f); background: var(--mz-brand-cok-acik, #f3f4f7);}
.mz-mkn .mz-mkn-adet-var button {background: transparent;}
.mz-mkn .mz-mkn-randevu {display: flex; flex-wrap: wrap; gap: 10px; margin: 6px 0 10px;}
.mz-mkn .mz-mkn-randevu label {display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 600;}
.mz-mkn .mz-mkn-randevu input {padding: 8px 10px; border: 1px solid var(--mz-cizgi, #d5dbe3); border-radius: 9px; font: inherit; background: #fff;}
.mz-mkn .mz-mkn-randevu-not {flex: 1 1 200px;}
.mz-mkn .mz-mkn-sp-uyari {color: #b42318; font-weight: 600; margin: 0 0 8px;}
.mz-mkn .mz-mkn-siparis .mz-mkn-btn {display: inline-flex; align-items: center; gap: 6px;}
.mz-mkn .mz-mkn-yr-cevap {margin-top: 8px; padding: 8px 10px; border-inline-start: 3px solid var(--mz-brand, #3f475f); background: var(--mz-brand-cok-acik, #f6f7f9); border-radius: 6px;}
.mz-mkn .mz-mkn-yr-cevap p {margin: 4px 0 0;}
.mz-mkn .mz-mkn-yr-cevap-form {display: flex; flex-direction: column; gap: 6px; margin-top: 8px;}
.mz-mkn .mz-mkn-yr-cevap-form textarea {padding: 8px 10px; border: 1px solid var(--mz-cizgi, #d5dbe3); border-radius: 9px; font: inherit;}
.mz-mkn .mz-mkn-yr-cevap-form .mz-mkn-btn {align-self: flex-start;}