/* ============================================================ mz-m26.css — «تحديث مزاد موبايل 2026» (Mezad Mobil 2026). Yalniz LPanel v2_m26 acikken yuklenir (header.php, EN SONDA). Her kural "body.mz-m26" altinda; telefon kurallari @media (max-width: 767px) icinde. Onayli tasarim: artifact Wmku9CwDjiVmvmWGQ6Qe8u. Renkler pazar paletinden (config/paletler.php -> header.php :root): --mz-vurgu (+ dugmesi), --mz-link (acik sekme), --mz-brand. Sabit renk yalniz notr gri tonlarda. ============================================================ */ /* ---------- 1. Alt cubuk: Facebook gibi (beyaz kapsul, yalniz ikon) ---------- Geometri #322 kapsulundan (body.mz-tabbar-kapsul, css/mz-v2-mobil.css); burada yalniz renk, etiket ve ikonlar. Sahip: «طلبت تصميم مطابق للفيسبوك», «الوان الزر عندنا متغيره حسب السوق». */ @media (max-width: 991px) { body.mz-m26.mz-tabbar-kapsul { --mz-kapsul-zemin: #ffffff; --mz-kapsul-yazi: #1b2030; } body.mz-m26.mz-tabbar-kapsul .mz-tabbar { background: #ffffff; box-shadow: 0 6px 24px rgba(27, 32, 48, .16), 0 0 0 1px rgba(27, 32, 48, .06); padding: 6px 8px; } /* Etiketler gorunmez ama ekran okuyucuda kalir (aria-label / metin). */ body.mz-m26.mz-tabbar-kapsul .mz-tabbar .mz-tab:not(.mz-tab-ekle) > span:last-child { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } body.mz-m26.mz-tabbar-kapsul .mz-tabbar .mz-tab {color: #1b2030; position: relative;} body.mz-m26.mz-tabbar-kapsul .mz-tabbar .mz-tab:hover, body.mz-m26.mz-tabbar-kapsul .mz-tabbar .mz-tab:focus {color: #1b2030;} body.mz-m26.mz-tabbar-kapsul .mz-tabbar .mz-tab:focus-visible {outline: 2px solid var(--mz-link, #1f6ac4); outline-offset: -2px; border-radius: 22px;} body.mz-m26.mz-tabbar-kapsul .mz-tabbar .mz-tab > i, body.mz-m26.mz-tabbar-kapsul .mz-tabbar .mz-tab > .mz-m26-ik, body.mz-m26.mz-tabbar-kapsul .mz-tabbar .mz-tab-ikon { inline-size: 64px; block-size: 44px; border-radius: 22px; font-size: 25px; } body.mz-m26.mz-tabbar-kapsul .mz-tabbar .mz-tab-ikon i {font-size: 25px;} /* Acik sekme: pazarin link renginde acik hap + ikon link renginde. */ body.mz-m26.mz-tabbar-kapsul .mz-tabbar .mz-tab.mz-acik {color: var(--mz-link, #1f6ac4);} body.mz-m26.mz-tabbar-kapsul .mz-tabbar .mz-tab.mz-acik > i, body.mz-m26.mz-tabbar-kapsul .mz-tabbar .mz-tab.mz-acik > .mz-m26-ik, body.mz-m26.mz-tabbar-kapsul .mz-tabbar .mz-tab.mz-acik .mz-tab-ikon { background: #e6eef9; background: color-mix(in srgb, var(--mz-link, #1f6ac4) 12%, #ffffff); color: var(--mz-link, #1f6ac4); } /* "+": ayni hizada, pazarin vurgu renginde (tasarim: kapsulun icinde). */ body.mz-m26.mz-tabbar-kapsul .mz-tabbar .mz-tab-ekle {justify-content: center;} body.mz-m26.mz-tabbar-kapsul .mz-tabbar .mz-fab { inline-size: 48px; block-size: 48px; margin-block-start: 0; font-size: 28px; box-shadow: none; } /* Zil rozeti: Facebook kirmizisi, beyaz halka. */ body.mz-m26.mz-tabbar-kapsul .mz-tabbar .mz-tab-sayac { inset-block-start: 2px; inset-inline-start: auto; inset-inline-end: 12px; min-inline-size: 20px; block-size: 20px; line-height: 20px; font-size: 12px; background: #e41e3f; box-shadow: 0 0 0 2px #ffffff; } /* Hesabim: profil resmi ya da bas harf, pazarin vurgu renginde halka. */ body.mz-m26.mz-tabbar-kapsul .mz-tabbar .mz-tab-avatar { inline-size: 34px; block-size: 34px; border-radius: 50%; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; background: var(--mz-brand, #3f475f); color: var(--mz-brand-yazi, #fff); font-weight: 700; font-size: 14px; box-shadow: 0 0 0 2px var(--mz-vurgu, #efc307); } body.mz-m26.mz-tabbar-kapsul .mz-tabbar .mz-tab-avatar img {inline-size: 100%; block-size: 100%; object-fit: cover; display: block;} body.mz-m26.mz-tabbar-kapsul .mz-tabbar .mz-tab.mz-acik .mz-tab-avatar {box-shadow: 0 0 0 2px var(--mz-link, #1f6ac4);} } /* ---------- 2. Ortak parcalar (yalniz telefonda) ---------- */ @media (min-width: 768px) { body.mz-m26 .mz-m26-yalniz-tel {display: none !important;} } @media (max-width: 767px) { body.mz-m26 .mz-m26-baslik {margin: 0; font-size: 16px !important; font-weight: 700; color: var(--mz-ink, #1b2030); line-height: 1.4;} body.mz-m26 .mz-m26-baslik-satir {display: flex; align-items: baseline; justify-content: space-between; gap: 8px;} body.mz-m26 .mz-m26-not {margin: 0; font-size: 12.5px; color: #5b6378;} body.mz-m26 .mz-m26-dugme-hafif { min-block-size: 44px; padding: 0 12px; border: 1px solid #cdd2dc; border-radius: 10px; background: #fff; color: var(--mz-link, #1f6ac4); font: inherit; font-size: 14px; font-weight: 600; } body.mz-m26.mz-m26-kilit {overflow: hidden;} } /* ---------- 3. Ilan sayfasi ---------- Sira (sahip): fotograflar · ilan bilgisi · detaylar · aciklama+konum · satici/magaza · sorular · paylas · gerisi. Yeni isaretleme yok; mevcut bloklar flex "order" ile siralaniyor (div.detay "display: contents"; table.detay ayni sinifi tasir, ona dokunulmaz). */ @media (max-width: 767px) { body.mz-m26.mz-ilan-sayfasi div:has(> div.detay) {display: flex; flex-direction: column;} body.mz-m26.mz-ilan-sayfasi div:has(> div.detay) > * {order: 20;} body.mz-m26.mz-ilan-sayfasi div:has(> div.detay) > .row {order: 1;} body.mz-m26.mz-ilan-sayfasi div:has(> div.detay) > div.detay {display: contents;} body.mz-m26.mz-ilan-sayfasi div.detay > * {order: 20;} body.mz-m26.mz-ilan-sayfasi div.detay > .mz-ilan-tablar {order: 2;} body.mz-m26.mz-ilan-sayfasi div:has(> div.detay) > #mobil_iletisim {order: 3;} body.mz-m26.mz-ilan-sayfasi div.detay > .mz-m26-sor {order: 4;} body.mz-m26.mz-ilan-sayfasi div.detay > #mz-bolum-yorumlar {order: 5;} body.mz-m26.mz-ilan-sayfasi div.detay > #mz-bolum-paylas {order: 6;} body.mz-m26.mz-ilan-sayfasi div:has(> div.detay) > .clearfix {display: none;} /* Kalp / karsilastir / paylas: fotografin ustunde yuvarlak ikonlar (JS tasir). */ body.mz-m26.mz-ilan-sayfasi .mz-galeri-sarmal {position: relative;} body.mz-m26.mz-ilan-sayfasi .mz-m26-eylem-ust { position: absolute; inset-block-start: 10px; inset-inline-end: 10px; z-index: 5; display: flex; gap: 8px; inline-size: auto; padding: 0; margin: 0; float: none; background: none; border: 0; } body.mz-m26.mz-ilan-sayfasi .mz-m26-eylem-ust .buton {margin: 0; padding: 0; border: 0; inline-size: auto; float: none;} body.mz-m26.mz-ilan-sayfasi .mz-m26-eylem-ust .buton > a, body.mz-m26.mz-ilan-sayfasi .mz-m26-eylem-ust .buton > button, body.mz-m26.mz-ilan-sayfasi .mz-m26-eylem-ust .mz-kars-buton-sar a, body.mz-m26.mz-ilan-sayfasi .mz-m26-eylem-ust .mz-kars-buton-sar button { inline-size: 44px; block-size: 44px; border-radius: 50%; padding: 0; margin: 0; display: inline-flex !important; align-items: center; justify-content: center; background: rgba(255, 255, 255, .94); color: #1b2030; border: 0; box-shadow: 0 1px 4px rgba(27, 32, 48, .18); font-size: 20px; line-height: 1; } body.mz-m26.mz-ilan-sayfasi .mz-m26-eylem-ust .buton > a[style*="display:none"], body.mz-m26.mz-ilan-sayfasi .mz-m26-eylem-ust .buton > a[style*="display: none"] {display: none !important;} body.mz-m26.mz-ilan-sayfasi .mz-m26-eylem-ust span:not(.sr-only):not(.mz-m26-ik) {position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;} body.mz-m26.mz-ilan-sayfasi .mz-m26-eylem-ust .mz-fav-acik {color: #d93a3a;} /* Ustteki yapiskan seritte bos «التواصل» dugmesi yok (sahip). */ body.mz-m26.mz-ilan-sayfasi .mz-serit-zirr {display: none !important;} /* «نبّهني إذا نزل السعر»: fiyatin yaninda (fiyat satiri flex). */ body.mz-m26.mz-ilan-sayfasi .mz-ilan-ozet {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: 8px;} body.mz-m26.mz-ilan-sayfasi .mz-ilan-ozet > * {flex: 0 0 100%; min-inline-size: 0;} body.mz-m26.mz-ilan-sayfasi .mz-ilan-ozet > .mz-ilan-fiyat {flex: 1 1 0; inline-size: auto !important; text-align: start; margin: 0;} body.mz-m26.mz-ilan-sayfasi .mz-ilan-ozet > .mz-m26-alarm, body.mz-m26.mz-ilan-sayfasi .mz-ilan-ozet > .mz-m26-alarm-form {flex: 0 0 auto; margin: 0;} body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; inline-size: 44px; block-size: 44px; padding: 0; border: 1px solid #cdd2dc; border-radius: 50%; background: #fff; color: #2e3448; font: inherit; text-decoration: none; } body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm:hover, body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm:focus {text-decoration: none; color: #2e3448;} body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm i {font-size: 17px;} body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm-ik {display: inline-flex; line-height: 0; flex: none;} body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm .mz-tik, body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm[aria-pressed="true"] .mz-zil, body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm.mz-acik .mz-zil {display: none;} body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm[aria-pressed="true"] .mz-tik, body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm.mz-acik .mz-tik {display: inline-flex;} body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm.mz-acik .mz-tik svg, body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm[aria-pressed="true"] .mz-tik svg {stroke-width: 2.2;} body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm.mz-acik {border: 1.5px solid #1f7a45; background: #e8f5ec; color: #1a6b3a; font-weight: 700;} /* Aciklama + teknik: sekme yok, hepsi acik (sahip: «الوصف يجب ان يبقى دائما مفتوح»). */ body.mz-m26.mz-ilan-sayfasi .mz-ilan-tablar > .panel-heading {display: none;} body.mz-m26.mz-ilan-sayfasi .mz-ilan-tablar #aciklama, body.mz-m26.mz-ilan-sayfasi .mz-ilan-tablar #mz-bolum-teknik {display: block !important; opacity: 1 !important;} body.mz-m26.mz-ilan-sayfasi .mz-ilan-tablar #mz-bolum-teknik {border-block-start: 8px solid var(--mz-zemin, #f4f5f8);} body.mz-m26.mz-ilan-sayfasi .mz-m26-bolum-baslik {padding: 14px 16px 0;} body.mz-m26.mz-ilan-sayfasi .mz-ilan-tablar .tab-pane > .panel-body {padding-block-start: 8px;} /* Harita ve sokak sekmede gizli; JS onlari konum kartina tasir (.mz-m26-konum-harita). */ body.mz-m26.mz-ilan-sayfasi .mz-ilan-tablar #konum, body.mz-m26.mz-ilan-sayfasi .mz-ilan-tablar #sokak {display: none !important;} /* Adres ve mahalle rozeti konum kartina tasindi; kart varsa ozetteki kopyalari gizle. */ body.mz-m26.mz-ilan-sayfasi:has(.mz-m26-konum) .mz-ilan-ozet > ul.adres, body.mz-m26.mz-ilan-sayfasi:has(.mz-m26-konum) .mz-ilan-ozet > .mz-mh-rozet {display: none;} /* Konum karti */ body.mz-m26.mz-ilan-sayfasi .mz-m26-konum {padding: 14px 16px 16px; border-block-start: 8px solid var(--mz-zemin, #f4f5f8); display: flex; flex-direction: column; gap: 10px;} body.mz-m26.mz-ilan-sayfasi .mz-m26-konum-satir {display: flex; gap: 12px; align-items: flex-start;} body.mz-m26.mz-ilan-sayfasi .mz-m26-konum-ikon-dugme {border: 0; padding: 0; background: none;} body.mz-m26.mz-ilan-sayfasi .mz-m26-konum-ikon { inline-size: 48px; block-size: 48px; border-radius: 12px; flex: none; display: inline-flex; align-items: center; justify-content: center; background: #e8eefb; color: var(--mz-link, #1f6ac4); font-size: 24px; } body.mz-m26.mz-ilan-sayfasi .mz-m26-konum-metin {flex: 1; min-inline-size: 0; display: flex; flex-direction: column; gap: 4px; align-items: flex-start;} body.mz-m26.mz-ilan-sayfasi .mz-m26-konum-adres {font-weight: 600; font-size: 14.5px;} body.mz-m26.mz-ilan-sayfasi .mz-m26-konum-dugmeler {display: flex; gap: 8px;} body.mz-m26.mz-ilan-sayfasi .mz-m26-konum-dugmeler button {flex: 1;} body.mz-m26.mz-ilan-sayfasi .mz-m26-konum-dugmeler button[hidden] {display: none;} /* «اسأل المعلن» */ body.mz-m26.mz-ilan-sayfasi .mz-m26-sor { background: #fff; margin-block-start: 8px; padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 10px; border-radius: var(--mz-r-md, 12px); } body.mz-m26.mz-ilan-sayfasi .mz-m26-cipler {display: flex; flex-wrap: wrap; gap: 8px;} body.mz-m26.mz-ilan-sayfasi .mz-m26-cip { min-block-size: 40px; padding: 0 14px; border: 0; border-radius: 999px; background: #e8eefb; color: #1e3e86; font: inherit; font-size: 14px; display: inline-flex; align-items: center; text-decoration: none; } body.mz-m26.mz-ilan-sayfasi .mz-m26-cip:hover, body.mz-m26.mz-ilan-sayfasi .mz-m26-cip:focus {text-decoration: none; color: #1e3e86; filter: brightness(.97);} body.mz-m26.mz-ilan-sayfasi .mz-m26-sor-form {display: flex; gap: 8px; margin: 0;} body.mz-m26.mz-ilan-sayfasi .mz-m26-sor-form input { flex: 1; min-inline-size: 0; block-size: 44px; border: 1px solid #cdd2dc; border-radius: 10px; padding: 0 12px; font: inherit; font-size: 15px; box-sizing: border-box; } body.mz-m26.mz-ilan-sayfasi .mz-m26-sor-form button { block-size: 44px; border: 0; border-radius: 10px; padding: 0 16px; font: inherit; font-weight: 700; background: var(--mz-vurgu, #efc307); color: var(--mz-vurgu-yazi, #2b2000); } /* Satici: degerlendirme + yanit suresi */ body.mz-m26.mz-ilan-sayfasi .mz-m26-satici-ek {display: flex; flex-wrap: wrap; gap: 4px 12px; margin: -4px 0 10px; font-size: 13px;} body.mz-m26.mz-ilan-sayfasi .mz-m26-puan {color: #b7791f; font-weight: 600; text-decoration: none;} body.mz-m26.mz-ilan-sayfasi .mz-m26-puan span {color: #5b6378; font-weight: 500;} body.mz-m26.mz-ilan-sayfasi .mz-m26-yanit {color: var(--mz-link, #1f6ac4);} } /* ---------- 4. Tam ekran galeri (telefon) ---------- */ @media (max-width: 767px) { body.mz-m26.mz-m26-kilit .mobil_fixed_iletisim, body.mz-m26.mz-m26-kilit .mz-ilan-serit, body.mz-m26.mz-m26-kilit .mz-tabbar {display: none !important;} body.mz-m26 .mz-m26-galeri {position: fixed; inset: 0; z-index: 10000002; background: #000; display: none; flex-direction: column;} body.mz-m26 .mz-m26-galeri.mz-acik {display: flex;} body.mz-m26 .mz-m26-galeri-ust {display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; color: #fff; direction: ltr;} body.mz-m26 .mz-m26-galeri-sayac {font-size: 15px; font-variant-numeric: tabular-nums;} body.mz-m26 .mz-m26-galeri-kapat {inline-size: 44px; block-size: 44px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .14); color: #fff; font-size: 18px; font-weight: 700;} body.mz-m26 .mz-m26-galeri-serit { flex: 1; display: flex; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior: contain; } body.mz-m26 .mz-m26-galeri-serit::-webkit-scrollbar {display: none;} body.mz-m26 .mz-m26-galeri-serit.mz-yakin {overflow: hidden; touch-action: none;} body.mz-m26 .mz-m26-galeri-kare {flex: 0 0 100%; margin: 0; scroll-snap-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden; touch-action: pan-x;} body.mz-m26 .mz-m26-galeri-kare img {max-inline-size: 100%; max-block-size: 100%; object-fit: contain; transform-origin: center; user-select: none; -webkit-user-select: none;} } /* ---------- 5. Kategori sayfasi (telefon) ---------- */ /* Telefon yatayken de (sunucu telefon duzenini basti). */ @media (max-width: 767px), (pointer: coarse) and (orientation: landscape) and (max-height: 500px) { /* Alt kategoriler: tek satir, yana kayar (tasarim «Kategori»). */ body.mz-m26 .kategori_rail_panel .mz-serit {display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-block-end: 2px;} body.mz-m26 .kategori_rail_panel .mz-serit::-webkit-scrollbar {display: none;} body.mz-m26 .kategori_rail_panel .mz-serit-satir {display: contents;} body.mz-m26 .kategori_rail_panel .mz-cip {flex: none; white-space: nowrap;} body.mz-m26 .kategori_rail_panel .mz-cip.mz-m26-gizli {display: none;} body.mz-m26 .kategori_rail_panel .mz-m26-hepsi {border: 1.5px solid var(--mz-brand, #3f475f); background: #fff; color: var(--mz-brand, #3f475f); font: inherit; font-weight: 700;} /* Fiyati dusen ilan rozeti (liste karti): sahip «نزول السعر تحت السعر وليس بجانبه» — fiyatin altinda kendi satirinda. */ body.mz-m26 .mz-m26-dusus {display: table; margin: 3px 0 0; padding: 0 6px; border-radius: 6px; background: #e8f5ec; color: #1a6b3a; font-size: 11.5px; font-weight: 700; line-height: 1.7; white-space: nowrap; vertical-align: middle;} /* Istege bagli ust reklam alani. */ body.mz-m26 .mz-m26-banner {margin: 0 0 12px; border-radius: 12px; overflow: hidden; text-align: center;} body.mz-m26 .mz-m26-banner img {max-inline-size: 100%; block-size: auto;} /* Vitrin: kaydirilan kartlar; tablodaki kopya satirlar gizli. */ body.mz-m26 table.liste.mz-m26-vitrin-tasindi tr.vitrin {display: none;} body.mz-m26 .mz-m26-vitrin {margin: 0 0 14px; display: flex; flex-direction: column; gap: 8px;} body.mz-m26 .mz-m26-vitrin .mz-m26-baslik {display: flex; align-items: center; gap: 6px;} body.mz-m26 .mz-m26-vitrin .mz-m26-baslik::before {content: ""; inline-size: 8px; block-size: 8px; border-radius: 50%; background: var(--mz-vurgu, #efc307);} body.mz-m26 .mz-m26-vitrin-link {font-size: 13px; font-weight: 600; text-decoration: none; color: var(--mz-link, #1f6ac4);} body.mz-m26 .mz-m26-vitrin-serit {display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; padding-block-end: 2px;} body.mz-m26 .mz-m26-vitrin-serit::-webkit-scrollbar {display: none;} body.mz-m26 .mz-m26-vitrin-kart { flex: 0 0 150px; scroll-snap-align: start; background: #fff; border-radius: 12px; overflow: hidden; outline: 1.5px solid var(--mz-vurgu, #efc307); outline-offset: -1.5px; display: flex; flex-direction: column; text-decoration: none; color: var(--mz-ink, #1b2030); } body.mz-m26 .mz-m26-vitrin-kart:hover, body.mz-m26 .mz-m26-vitrin-kart:focus {text-decoration: none; color: var(--mz-ink, #1b2030);} body.mz-m26 .mz-m26-vitrin-resim {display: block; block-size: 100px; background: #cfd5df;} body.mz-m26 .mz-m26-vitrin-resim img {inline-size: 100%; block-size: 100%; object-fit: cover; display: block;} body.mz-m26 .mz-m26-vitrin-fiyat {padding: 6px 9px 0; font-weight: 700; color: var(--mz-fiyat, #b42318); font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} body.mz-m26 .mz-m26-vitrin-ad {padding: 0 9px 8px; font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /* Aramali levha (tum alt kategoriler / markalar). */ body.mz-m26 .mz-m26-levha {position: fixed; inset: 0; z-index: 10000002; background: rgba(27, 32, 48, .45); display: none; align-items: flex-end;} body.mz-m26 .mz-m26-levha.mz-acik {display: flex;} body.mz-m26 .mz-m26-levha-ic {background: #fff; inline-size: 100%; max-block-size: 85vh; max-block-size: 85dvh; border-radius: 18px 18px 0 0; display: flex; flex-direction: column; padding: 10px 16px 16px; gap: 10px;} body.mz-m26 .mz-m26-levha-ust {display: flex; align-items: center; justify-content: space-between; font-size: 16px;} body.mz-m26 .mz-m26-levha-kapat {inline-size: 44px; block-size: 44px; border: 0; border-radius: 50%; background: #f1f3f6; font-size: 16px; font-weight: 700;} body.mz-m26 .mz-m26-levha-ara {block-size: 44px; border: 1px solid #cdd2dc; border-radius: 10px; padding: 0 12px; font: inherit; font-size: 16px;} body.mz-m26 .mz-m26-levha-liste {list-style: none; margin: 0; padding: 0; overflow-y: auto;} body.mz-m26 .mz-m26-levha-liste li a {display: flex; align-items: center; min-block-size: 46px; border-block-end: 1px solid #edeff3; text-decoration: none; color: var(--mz-ink, #1b2030); font-size: 15px;} } /* ============================================================ 1b. Alt cubuk simgeleri (onayli Nav). Ust serit (header) degismez. ============================================================ */ @media (max-width: 767px) { /* Alt cubuk: tasarimdaki cizgi simgeler */ body.mz-m26 .mz-tabbar.mz-m26-tb .mz-m26-ik {display: inline-flex; align-items: center; justify-content: center; line-height: 0;} body.mz-m26 .mz-tabbar.mz-m26-tb .mz-tab.mz-acik > .mz-m26-ik {inline-size: 76px;} body.mz-m26 .mz-tabbar.mz-m26-tb .mz-m26-ik svg {inline-size: 26px; block-size: 26px;} body.mz-m26 .mz-tabbar.mz-m26-tb .mz-tab.mz-acik .mz-m26-ik svg {stroke-width: 2.4;} body.mz-m26 .mz-tabbar.mz-m26-tb .mz-fab svg {inline-size: 26px; block-size: 26px; stroke-width: 2.6;} } /* ============================================================ 5b. Kategori sayfasi telefon duzeni — onayli Kategori / Otomobil birebir (sunucu: inc/mz-m26-kat.php; davranis: js/mz-m26.js kategoriTel); levha = onayli Markalar. ============================================================ */ /* Telefon yatayken de (sunucu telefon duzenini basti). */ @media (max-width: 767px), (pointer: coarse) and (orientation: landscape) and (max-height: 500px) { body.mz-m26.mz-m26-kat-hazir .kategori_rail_panel, body.mz-m26.mz-m26-kat-hazir #filtre_panel_buton, body.mz-m26.mz-m26-kat-hazir .mz-fz-bas, body.mz-m26.mz-m26-kat-hazir section.mz-marka, body.mz-m26.mz-m26-kat-hazir #mz-fs, body.mz-m26 .mz-m26-kat .panel.tab > .panel-heading, body.mz-m26 .mz-m26-kat-sirala > label[for], body.mz-m26 .mz-m26-kat-sirala > noscript {display: none !important;} body.mz-m26 .mz-m26-kat {margin: 0 -10px; background: #F4F5F8; color: #1B2030; font-size: 15px; line-height: 1.55; display: flex; flex-direction: column;} body.mz-m26 .mz-m26-kat a {color: var(--mz-brand, #2E3448);} body.mz-m26 .mz-m26-kat-bas {background: #FFFFFF; padding: 12px 16px 8px; display: flex; align-items: center; gap: 10px;} body.mz-m26 .mz-m26-kat-bas-ic {flex: 1; min-inline-size: 0;} body.mz-m26 .mz-m26-kat-yol {font-size: 12.5px; color: #5B6378;} body.mz-m26 .mz-m26-kat-yol a {color: #5B6378 !important; text-decoration: underline;} body.mz-m26 .mz-m26-kat .mz-m26-kat-h1 {margin: 0 !important; padding: 0; font-size: 20px !important; font-weight: 700; line-height: 1.45; color: #1B2030; text-align: start;} body.mz-m26 .mz-m26-kat-sayi {font-size: 13.5px; font-weight: 500; color: #5B6378;} body.mz-m26 .mz-m26-kat-bas details.mz-tbs-kat {flex: none; margin: 0; inline-size: auto;} body.mz-m26 .mz-m26-kat-bas summary.mz-tbs-kat-dugme {block-size: 40px; min-block-size: 0; border: 1px solid #CDD2DC; border-radius: 999px; background: #FFFFFF; color: #2E3448; font-size: 13.5px; font-weight: 600; padding: 0 12px; display: flex; align-items: center; gap: 6px; inline-size: auto; box-shadow: none;} body.mz-m26 .mz-m26-kat-bas summary.mz-tbs-kat-dugme svg {inline-size: 16px; block-size: 16px;} body.mz-m26 .mz-m26-kat-faset {background: #FFFFFF; padding: 0 16px 8px; font-size: 13px;} body.mz-m26 .mz-m26-kat-alt {background: #FFFFFF; padding: 4px 16px 12px; display: flex; gap: 8px; overflow-x: auto; white-space: nowrap; scrollbar-width: none;} body.mz-m26 .mz-m26-kat-alt::-webkit-scrollbar {display: none;} body.mz-m26 .mz-m26-kat-agac {flex: none; block-size: 36px; border-radius: 999px; border: 1.5px solid #2E3448; background: #FFFFFF; color: #2E3448; display: flex; align-items: center; gap: 6px; padding: 0 12px; font: inherit; font-size: 14px; font-weight: 700;} body.mz-m26 .mz-m26-kat-agac svg {inline-size: 18px; block-size: 18px;} body.mz-m26 .mz-m26-kat .mz-m26-kat-cip {flex: none; block-size: 36px; min-block-size: 0; border-radius: 999px; background: #EEF0F5; border: 0; display: flex; align-items: center; gap: 6px; padding: 0 14px; margin: 0; font-size: 14px; font-weight: 400; text-decoration: none; color: #1B2030 !important; box-shadow: none;} body.mz-m26 .mz-m26-kat .mz-m26-kat-cip > i {display: none;} body.mz-m26 .mz-m26-kat-marka {background: #FFFFFF; padding: 6px 16px 12px; display: flex; flex-direction: column; gap: 8px;} body.mz-m26 .mz-m26-kat-marka-bas {display: flex; align-items: center; justify-content: space-between;} body.mz-m26 .mz-m26-kat-marka-bas h2 {margin: 0; font-size: 13.5px !important; font-weight: 700; color: #4A5368;} body.mz-m26 .mz-m26-kat-tum {block-size: 32px; border: 0; background: transparent; color: #2E3448; font: inherit; font-size: 13.5px; font-weight: 700; padding: 0;} /* Iki satir, yana kayar (LPanel marka sayisi kadar marka, logolu) */ body.mz-m26 .mz-m26-kat-marka-cip {display: grid; grid-auto-flow: column; grid-template-rows: repeat(2, auto); grid-auto-columns: max-content; gap: 8px; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 0 16px;} body.mz-m26 .mz-m26-kat-marka-cip::-webkit-scrollbar {display: none;} body.mz-m26 .mz-m26-kat-mcip {block-size: 40px; border-radius: 999px; background: #EEF0F5; display: flex; align-items: center; gap: 6px; padding: 0 12px; font-size: 14px; text-decoration: none; color: #1B2030 !important; white-space: nowrap;} body.mz-m26 .mz-m26-kat-mlg {inline-size: 26px; block-size: 26px; border-radius: 50%; background: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; flex: none; overflow: hidden;} body.mz-m26 .mz-m26-kat-mlg img {inline-size: 20px; block-size: 20px; object-fit: contain; display: block;} body.mz-m26 .mz-m26-kat-mcip span {font-size: 12px; color: #5B6378;} body.mz-m26 .mz-m26-kat-arac {position: sticky; top: 0; z-index: 30; background: #FFFFFF; border-top: 1px solid #EDEFF3; border-bottom: 1px solid #E3E6EC; padding: 8px 12px; display: flex; gap: 8px; align-items: center; overflow-x: auto; scrollbar-width: none;} body.mz-m26 .mz-m26-kat-arac::-webkit-scrollbar {display: none;} body.mz-m26 .mz-m26-kat-filtre {flex: none; block-size: 40px; border: 0; border-radius: 10px; background: #2E3448; color: #FFFFFF; font: inherit; font-size: 14px; font-weight: 600; padding: 0 12px; display: flex; align-items: center; gap: 6px;} body.mz-m26 .mz-m26-kat-filtre svg {inline-size: 18px; block-size: 18px;} body.mz-m26 .mz-m26-kat-filtre-n {background: #F2C200; color: #1B2030; border-radius: 999px; padding: 0 6px; font-size: 12px; line-height: 1.5;} body.mz-m26 .mz-m26-kat-filtre-n[hidden] {display: none;} body.mz-m26 .mz-m26-kat-sirala {display: contents !important; margin: 0;} body.mz-m26 .mz-m26-kat-sec {flex: none; position: relative; block-size: 40px; border: 1px solid #CDD2DC; border-radius: 10px; background: #FFFFFF; font: inherit; font-size: 14px; font-weight: 400; padding: 0 10px; margin: 0; display: flex; align-items: center; color: #1B2030; white-space: nowrap;} body.mz-m26 .mz-m26-kat-sec select {position: absolute; inset: 0; inline-size: 100%; block-size: 100%; opacity: 0; border: 0; margin: 0; padding: 0; font-size: 16px; cursor: pointer;} body.mz-m26 .mz-m26-kat-bosluk {flex: 1;} body.mz-m26 .mz-m26-kat-gorunumler {flex: none; display: flex; gap: 6px;} body.mz-m26.mz-m26-kat-hazir .mz-ilan-izgara.mz-kat-izgara {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 10px 12px 0;} body.mz-m26.mz-m26-kat-hazir .mz-kat-izgara .mz-ilan-kart {border-radius: 12px; border: 0;} body.mz-m26.mz-m26-kat-hazir .mz-kat-izgara .mz-ilan-kart__fiyat {font-size: 15px; color: var(--mz-fiyat, #B42318); direction: ltr; text-align: right;} body.mz-m26.mz-m26-kat-hazir .mz-kat-izgara .mz-ilan-kart__baslik {font-size: 13.5px;} body.mz-m26 .mz-m26-kat-gorunum {flex: none; inline-size: 40px; block-size: 40px; border: 1px solid #CDD2DC; border-radius: 10px; background: #FFFFFF; color: #5B6378; display: flex; align-items: center; justify-content: center;} body.mz-m26 .mz-m26-kat-gorunum.mz-on {border-color: #2E3448; color: #2E3448; box-shadow: inset 0 0 0 1px #2E3448;} body.mz-m26 .mz-m26-kat-gorunum svg {inline-size: 20px; block-size: 20px;} body.mz-m26 .mz-m26-kat-secili {padding: 10px 16px 4px; display: flex; gap: 6px; flex-wrap: wrap; font-size: 13px;} body.mz-m26 .mz-m26-kat-sc {block-size: 32px; border: 1px solid #CDD2DC; border-radius: 999px; background: #FFFFFF; font: inherit; font-size: 13px; padding: 0 10px; color: #1B2030;} body.mz-m26 .mz-m26-kat-temizle {block-size: 32px; border: 0; background: transparent; color: #5B6378; font: inherit; font-size: 13px; padding: 0 6px; text-decoration: underline;} body.mz-m26 .mz-m26-kat > .mz-m26-banner {margin: 8px 12px 0;} body.mz-m26 .mz-m26-kat > .mz-m26-vitrin {margin: 12px 0 0; gap: 0;} body.mz-m26 .mz-m26-kat > .mz-m26-vitrin .mz-m26-baslik-satir {display: flex; align-items: center; justify-content: space-between; padding: 0 16px 8px;} body.mz-m26 .mz-m26-kat > .mz-m26-vitrin .mz-m26-baslik {margin: 0; font-size: 15px !important; font-weight: 700;} body.mz-m26 .mz-m26-kat > .mz-m26-vitrin .mz-m26-vitrin-link {font-size: 13px; font-weight: 600; color: var(--mz-brand, #2E3448) !important;} body.mz-m26 .mz-m26-kat > .mz-m26-vitrin .mz-m26-vitrin-serit {padding: 0 12px;} body.mz-m26 .mz-m26-kat-hep {margin: 14px 16px 0 !important; font-size: 15px !important; font-weight: 700; color: #1B2030;} /* Kart satirlari */ body.mz-m26 .mz-m26-kat .panel.tab {margin: 0; border: 0; background: none; box-shadow: none;} body.mz-m26 .mz-m26-kat .panel.tab > .panel-body {padding: 6px 12px 0 !important; background: none; border: 0;} body.mz-m26 .mz-m26-kat table.liste {display: block; margin: 0; background: none; border: 0;} body.mz-m26 .mz-m26-kat table.liste thead {display: none;} body.mz-m26 .mz-m26-kat table.liste tbody {display: flex; flex-direction: column; gap: 8px;} body.mz-m26 .mz-m26-kat table.liste tr.satir_link {display: flex !important; gap: 10px; position: relative; background: #FFFFFF !important; border-radius: 12px; padding: 8px; border: 0; box-shadow: none; margin: 0;} body.mz-m26 .mz-m26-kat table.liste tr.satir_link > td {border: 0 !important; padding: 0 !important; background: none !important;} body.mz-m26 .mz-m26-kat table.liste tr.satir_link > td.visible-sm, body.mz-m26 .mz-m26-kat table.liste tr.satir_link > td.visible-md {display: none !important;} body.mz-m26 .mz-m26-kat table.liste tr.satir_link > td:first-child {flex: none; inline-size: 112px; block-size: 88px; border-radius: 8px !important; overflow: hidden; position: relative; background: #CFD5DF !important;} body.mz-m26 .mz-m26-kat.mz-arac table.liste tr.satir_link > td:first-child {block-size: 84px;} /* Hucrenin satir ici «padding:3px !important» stili asilamaz: resim o payi tasarak doldurur. */ body.mz-m26 .mz-m26-kat table.liste tr.satir_link > td:first-child > a {display: block; margin: -3px; inline-size: calc(100% + 6px); block-size: calc(100% + 6px);} body.mz-m26 .mz-m26-kat table.liste tr.satir_link > td:first-child picture {display: block; inline-size: 100%; block-size: 100%;} body.mz-m26 .mz-m26-kat table.liste tr.satir_link > td:first-child img {inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; object-fit: cover; border-radius: 0; margin: 0; padding: 0 !important; border: 0 !important; box-shadow: none;} body.mz-m26 .mz-m26-kat-acil {position: absolute; top: 6px; right: 6px; background: #C62828; color: #FFFFFF; font-size: 11px; font-weight: 700; border-radius: 6px; padding: 1px 6px; line-height: 1.55;} body.mz-m26 .mz-m26-kat table.liste td.baslik_td {flex: 1; min-inline-size: 0; display: flex !important; flex-direction: column; gap: 2px; padding-inline-end: 30px !important; inline-size: auto !important;} body.mz-m26 .mz-m26-kat.mz-arac table.liste td.baslik_td {padding-inline-end: 0 !important;} body.mz-m26 .mz-m26-kat table.liste td.baslik_td > .visible-xs {display: contents !important;} body.mz-m26 .mz-m26-kat table.liste td.baslik_td .fiyat_mobil {order: -1; font-weight: 700; color: var(--mz-fiyat, #B42318) !important; font-size: 16px !important; direction: inherit !important; text-align: start !important; margin: 0; padding: 0; background: none; line-height: 1.55;} body.mz-m26 .mz-m26-kat table.liste td.baslik_td .fiyat_mobil * {color: inherit !important; font-size: inherit !important; background: none !important; padding: 0 !important;} body.mz-m26 .mz-m26-kat table.liste td.baslik_td .baslik {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; font-weight: 500; line-height: 1.5;} body.mz-m26 .mz-m26-kat table.liste tr.bold td.baslik_td .baslik {font-weight: 800;} body.mz-m26 .mz-m26-kat table.liste td.baslik_td .baslik a {color: #1B2030 !important; text-decoration: none; font-size: inherit; font-weight: inherit;} body.mz-m26 .mz-m26-kat table.liste td.baslik_td .il_ilce, body.mz-m26 .mz-m26-kat table.liste td.baslik_td .clearfix, body.mz-m26 .mz-m26-kat table.liste td.baslik_td .etiket {display: none !important;} body.mz-m26 .mz-m26-kat-fiyat {display: block;} body.mz-m26 .mz-m26-kat-meta {font-size: 12.5px; color: #5B6378;} body.mz-m26 .mz-m26-kat-oz {display: flex; gap: 4px; font-size: 12px; color: #4A5368; flex-wrap: wrap;} body.mz-m26 .mz-m26-kat-oz bdi {background: #EEF0F5; border-radius: 6px; padding: 0 6px;} body.mz-m26 .mz-m26-kat-kalp {position: absolute; top: 4px; left: 4px; inline-size: 36px; block-size: 36px; border: 0; background: transparent; color: #8A93A6; display: flex; align-items: center; justify-content: center; padding: 0;} body.mz-m26 .mz-m26-kat-kalp svg {inline-size: 20px; block-size: 20px;} body.mz-m26 .mz-m26-kat-kalp[aria-pressed="true"] {color: #D93A3A;} body.mz-m26 .mz-m26-kat-kalp[aria-pressed="true"] svg {fill: currentColor;} body.mz-m26 .mz-m26-kat.mz-arac .mz-m26-kat-kalp {display: none;} /* «عرض المزيد» kaldirildi (sahip, 2026-10-19: «شيل الزر»): sayfa numaralari gorunur, her biri 44px dokunma hedefi. */ body.mz-m26 .mz-m26-kat-sayfalama {padding: 16px 16px 8px;} body.mz-m26 .mz-m26-kat-sayfalama .pagination {display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 0;} body.mz-m26 .mz-m26-kat-sayfalama .pagination > li > a, body.mz-m26 .mz-m26-kat-sayfalama .pagination > li > span {float: none; display: inline-flex; align-items: center; justify-content: center; min-inline-size: 44px; block-size: 44px; padding: 0 10px; margin: 0; border: 1px solid #CDD2DC; border-radius: 10px; background: #FFFFFF; color: #1B2030; font-size: 14px; font-weight: 600;} body.mz-m26 .mz-m26-kat-sayfalama .pagination > .active > a, body.mz-m26 .mz-m26-kat-sayfalama .pagination > .active > span {background: #1B2030; border-color: #1B2030; color: #FFFFFF;} body.mz-m26 .mz-m26-kat-sayfalama .pagination i:dir(rtl) {transform: scaleX(-1);} /* Filtre levhasi (onayli Filtre) — ayni #mz-kat-filtre */ body.mz-m26 .arsiv .filtre_sm_hide.mz-m26-filtre {top: 56px; max-block-size: none; border-radius: 18px 18px 0 0; background: #FFFFFF; color: #1B2030; font-size: 15px; line-height: 1.5;} body.mz-m26 .mz-m26-filtre .mz-m26-filtre-bas {justify-content: flex-start; gap: 4px; padding: 18px 12px 10px 16px; border-block-end: 1px solid #EDEFF3;} body.mz-m26 .mz-m26-filtre .mz-m26-filtre-bas b {flex: 1; font-size: 17px; font-weight: 700; color: #1B2030;} body.mz-m26 .mz-m26-filtre .mz-tutamak {inset-block-start: 8px; inline-size: 40px; background: #CDD2DC;} body.mz-m26 .mz-m26-filtre .mz-sayfa-kapat {position: static; transform: none; inline-size: 44px; block-size: 44px; color: #2E3448; display: flex; align-items: center; justify-content: center; padding: 0;} body.mz-m26 .mz-m26-filtre .mz-sayfa-kapat svg {inline-size: 20px; block-size: 20px;} body.mz-m26 .mz-m26-filtre-sil {block-size: 40px; border: 0; background: transparent; color: #5B6378; font: inherit; font-size: 14px; text-decoration: underline; padding: 0 8px;} body.mz-m26 .arsiv .mz-m26-filtre .filtre_mobil_scroll {padding: 4px 16px 0;} /* css/mz-kategori-v2.css bu kartlara !important veriyor; ayni silahla, daha ozgul. */ body.mz-m26 .arsiv .mz-m26-filtre .panel.beyaz.filtre.mz-filtre-kart {border: 0 !important; border-bottom: 1px solid #EDEFF3 !important; border-radius: 0 !important; margin: 0 !important; padding: 12px 0 !important; box-shadow: none !important; background: none !important;} body.mz-m26 .arsiv .mz-m26-filtre .panel.beyaz.filtre.mz-filtre-kart .panel-heading {padding: 0 0 8px !important; font-weight: 600 !important; font-size: 15px !important; color: #1B2030 !important; background: none !important; border: 0 !important;} body.mz-m26 .arsiv .mz-m26-filtre .panel.beyaz.filtre.mz-filtre-kart .panel-body {padding: 0 !important;} body.mz-m26 .arsiv .mz-m26-filtre .panel.beyaz.filtre.mz-filtre-kart.kapali .panel-heading {display: flex !important; align-items: center; justify-content: space-between; min-block-size: 28px; padding: 0 !important; cursor: pointer;} body.mz-m26 .arsiv .mz-m26-filtre .panel.beyaz.filtre.mz-filtre-kart.kapali.mz-m26-ac .panel-heading {padding-bottom: 8px !important;} body.mz-m26 .arsiv .mz-m26-filtre .panel.beyaz.filtre.mz-filtre-kart.kapali:not(.mz-m26-ac) .panel-body {display: none !important;} body.mz-m26 .mz-m26-filtre .mz-m26-ok {color: #5B6378; font-weight: 400; transition: transform .15s;} body.mz-m26 .mz-m26-filtre .mz-m26-ac .mz-m26-ok {transform: rotate(-90deg);} body.mz-m26 .arsiv .mz-m26-filtre .panel.beyaz.filtre.mz-filtre-kart .panel-body .form-control, body.mz-m26 .arsiv .mz-m26-filtre .panel.beyaz.filtre.mz-filtre-kart .panel-body select, body.mz-m26 .arsiv .mz-m26-filtre .panel.beyaz.filtre.mz-filtre-kart .panel-body input[type="text"] {block-size: 44px; border: 1px solid #CDD2DC; border-radius: 10px; box-shadow: none; font-size: 16px; color: #1B2030; background-color: #FFFFFF;} body.mz-m26 .mz-m26-filtre .panel-body > .row {display: flex; gap: 8px; align-items: center; margin: 0;} body.mz-m26 .mz-m26-filtre .panel-body > .row::before {display: none;} body.mz-m26 .mz-m26-filtre .panel-body > .row::after {content: "—"; display: block; order: 2; color: #5B6378;} body.mz-m26 .mz-m26-filtre .panel-body > .row > [class*="col-"] {flex: 1; min-inline-size: 0; padding: 0; inline-size: auto; float: none; order: 1;} body.mz-m26 .mz-m26-filtre .panel-body > .row > [class*="col-"]:last-child {order: 3;} body.mz-m26 .mz-m26-filtre .mz-cipler {display: flex; gap: 6px; flex-wrap: wrap; margin: 0;} body.mz-m26 .mz-m26-filtre label.mz-cip {block-size: 38px; border: 1px solid #CDD2DC; border-radius: 999px; background: #FFFFFF; font-size: 14px; font-weight: 400; padding: 0 12px; display: inline-flex; align-items: center; margin: 0; color: #1B2030; box-shadow: none;} body.mz-m26 .mz-m26-filtre input.mz-cip-girdi:checked + label.mz-cip {border: 1.5px solid #2E3448; background: #EEF0F5; font-weight: 700;} body.mz-m26 .mz-m26-filtre input.mz-cip-girdi:checked + label.mz-cip::after {content: " ✓"; white-space: pre;} body.mz-m26 .mz-m26-filtre input.mz-cip-girdi:focus-visible + label.mz-cip {outline: 2px solid var(--mz-link, #1F6AC4); outline-offset: 2px;} body.mz-m26 .mz-m26-filtre-alt {flex: none; border-top: 1px solid #E3E6EC; padding: 10px 16px calc(18px + env(safe-area-inset-bottom, 0px)); display: flex; gap: 8px; background: #FFFFFF;} body.mz-m26 .arsiv .sidebar .filtre_sm_hide .mz-m26-filtre-alt button#buton.btn.mz-filtre-uygula {flex: 1; block-size: 50px; border: 0 !important; border-radius: 12px; background: var(--mz-vurgu, #F2C200) !important; color: #1B2030 !important; font-size: 16px; font-weight: 700; padding: 0 !important; margin: 0 !important; box-sizing: border-box; box-shadow: none;} body.mz-m26 .mz-m26-filtre-alt button#buton.mz-filtre-uygula > i {display: none;} body.mz-m26 .mz-m26-filtre-kaydet {flex: none; inline-size: 50px; block-size: 50px; border: 1px solid #CDD2DC; border-radius: 12px; background: #FFFFFF; color: #2E3448; display: flex; align-items: center; justify-content: center; padding: 0;} body.mz-m26 .mz-m26-filtre-kaydet svg {inline-size: 20px; block-size: 20px;} body.mz-m26 .mz-m26-filtre-kaydet[aria-pressed="true"] {border-color: #1F7A45; color: #1F7A45; background: #E8F5EC;} /* Alt sayfa levhasi (onayli Markalar) */ body.mz-m26 .mz-m26-sayfa {position: fixed; inset: 0; z-index: 10000002; background: rgba(27, 32, 48, .55); color: #1B2030; font-size: 15px; line-height: 1.5;} body.mz-m26 .mz-m26-sayfa-ic {position: absolute; left: 0; right: 0; bottom: 0; top: 56px; background: #FFFFFF; border-radius: 18px 18px 0 0; display: flex; flex-direction: column;} body.mz-m26 .mz-m26-sayfa-tutamak {display: block; inline-size: 40px; block-size: 4px; border-radius: 4px; background: #CDD2DC; margin: 8px auto 0;} body.mz-m26 .mz-m26-sayfa-bas {display: flex; align-items: center; padding: 6px 16px 8px 12px;} body.mz-m26 .mz-m26-sayfa-bas h2 {margin: 0; font-size: 17px !important; font-weight: 700; flex: 1;} body.mz-m26 .mz-m26-sayfa-kapat {inline-size: 44px; block-size: 44px; border: 0; background: transparent; color: #2E3448; display: flex; align-items: center; justify-content: center; padding: 0;} body.mz-m26 .mz-m26-sayfa-kapat svg, body.mz-m26 .mz-m26-sayfa-ara svg {inline-size: 20px; block-size: 20px; flex: none;} body.mz-m26 .mz-m26-sayfa-ara {margin: 0 16px 10px; display: flex; align-items: center; gap: 8px; border: 1px solid #CDD2DC; border-radius: 10px; block-size: 44px; padding: 0 12px; color: #5B6378;} body.mz-m26 .mz-m26-sayfa-ara input {flex: 1; min-inline-size: 0; border: 0; outline: 0; font: inherit; font-size: 16px; background: transparent; color: #1B2030; box-shadow: none; padding: 0; block-size: 100%;} body.mz-m26 .mz-m26-sayfa-govde {flex: 1; min-block-size: 0; display: flex;} body.mz-m26 .mz-m26-sayfa-liste {flex: 1; min-inline-size: 0; padding: 0 16px 24px; display: flex; flex-direction: column; overflow-y: auto; overscroll-behavior: contain;} body.mz-m26 .mz-m26-sayfa-grup {font-size: 12.5px; font-weight: 700; color: #5B6378; padding: 8px 0 2px;} body.mz-m26 .mz-m26-sayfa-ust {display: flex; flex-wrap: wrap; gap: 6px; padding-bottom: 10px; border-bottom: 1px solid #EDEFF3;} body.mz-m26 .mz-m26-sayfa-ust a {block-size: 34px; border-radius: 999px; background: #EEF0F5; display: flex; align-items: center; padding: 0 11px; font-size: 13.5px; text-decoration: none; color: #1B2030;} body.mz-m26 .mz-m26-sayfa-aramada .mz-m26-sayfa-ust, body.mz-m26 .mz-m26-sayfa-aramada .mz-m26-sayfa-grup, body.mz-m26 .mz-m26-sayfa-aramada .mz-m26-sayfa-harf {display: none;} body.mz-m26 .mz-m26-sayfa-oge {display: flex; justify-content: space-between; min-block-size: 44px; align-items: center; border-bottom: 1px solid #EDEFF3; text-decoration: none; color: #1B2030;} body.mz-m26 .mz-m26-sayfa-oge[hidden] {display: none;} body.mz-m26 .mz-m26-sayfa-n {font-size: 13px; color: #5B6378;} body.mz-m26 .mz-m26-sayfa-bos {min-block-size: 44px; border: 0; background: transparent; color: #2E3448; font: inherit; font-size: 13.5px; font-weight: 600; text-align: start; padding: 0;} body.mz-m26 .mz-m26-sayfa-harf {inline-size: 22px; display: flex; flex-direction: column; align-items: center; gap: 1px; font-size: 11px; font-weight: 700; padding-top: 4px; overflow-y: auto;} body.mz-m26 .mz-m26-sayfa-harf a {color: #2E3448; text-decoration: none;} } /* ============================================================ 3b. Ilan sayfasi telefon duzeni — onayli Main / Car birebir (js/mz-m26.js ilanTel + inc/mz-m26-ilan.php mz_m26_ilan_kaynak). «المواصفات» (#mz-bolum-teknik) eski gorunumunde (sahip 2026-10-18). ============================================================ */ @media (max-width: 767px) { body.mz-m26 .mz-m26-il-eski, body.mz-m26 .mz-m26-il-kaynak {display: none !important;} body.mz-m26 .mz-m26-il {display: flex; flex-direction: column; background: #F4F5F8; color: #1B2030; font-size: 15px; line-height: 1.55; padding-bottom: 8px;} body.mz-m26 .mz-m26-il a {color: var(--mz-brand, #2E3448);} body.mz-m26 .mz-m26-il h1, body.mz-m26 .mz-m26-il h2, body.mz-m26 .mz-m26-il h3 {font-family: inherit; letter-spacing: 0; color: #1B2030;} body.mz-m26 .mz-m26-il-b {background: #FFFFFF; margin-top: 8px; padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 12px;} body.mz-m26 .mz-m26-il-h {margin: 0; font-size: 16px !important; font-weight: 700; line-height: 1.5;} body.mz-m26 .mz-m26-il-gizli {block-size: 0; overflow: hidden;} body.mz-m26 .mz-m26-il .panel {margin: 0; border: 0 !important; box-shadow: none !important; background: none; border-radius: 0 !important;} body.mz-m26 .mz-m26-il .panel > .panel-body, body.mz-m26 .mz-m26-il .panel > .panel-heading {padding: 0 !important; border: 0 !important; background: none !important;} /* 1. Fotograflar */ body.mz-m26 .mz-m26-il-foto {margin: 0; padding: 0; background: #C9CFDA; position: relative; display: block;} body.mz-m26 .mz-m26-il-foto .mz-galeri-sarmal {position: relative; margin: 0; padding: 0; inline-size: 100%;} body.mz-m26 .mz-m26-il-foto #mobil_slides {block-size: 290px; border-radius: 0 !important; margin: 0;} body.mz-m26 .mz-m26-il.mz-arac .mz-m26-il-foto #mobil_slides {block-size: 260px;} body.mz-m26 .mz-m26-il-foto #mobil_slides img {block-size: 100%; inline-size: 100%; object-fit: cover; border-radius: 0 !important;} /* z-index: slaytlar (slidesjs) kalbin USTUNE biniyordu, dokunus resme gidiyordu (sahip: «زر القلب مابي فائده») */ body.mz-m26 .mz-m26-il-foto .mz-m26-eylem-ust {position: absolute; top: 12px; left: 12px; right: auto; display: flex; gap: 8px; margin: 0; padding: 0; inline-size: auto; z-index: 30;} body.mz-m26 .mz-m26-il-foto .mz-m26-eylem-ust .buton > a, body.mz-m26 .mz-m26-il-foto .mz-m26-eylem-ust .buton > button, body.mz-m26 .mz-m26-il-foto .mz-m26-eylem-ust .mz-kars-buton-sar a {inline-size: 44px; block-size: 44px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .94); color: #2E3448; display: flex; align-items: center; justify-content: center; padding: 0; box-shadow: none;} body.mz-m26 .mz-m26-il-foto #favorilere_ekle, body.mz-m26 .mz-m26-il-foto #favorilerden_kaldir {color: #D93A3A !important;} body.mz-m26 .mz-m26-il-foto .mz-m26-eylem-ust a > i, body.mz-m26 .mz-m26-il-foto .mz-m26-eylem-ust .mz-kars-buton-sar a > i {display: none !important;} body.mz-m26 .mz-m26-ik {display: inline-flex; align-items: center; justify-content: center; flex: none; line-height: 0;} body.mz-m26 .mz-m26-ik svg {inline-size: 20px; block-size: 20px;} body.mz-m26 .mz-m26-il-foto #favorilere_ekle .mz-m26-ik svg, body.mz-m26 .mz-m26-il-foto #favorilerden_kaldir .mz-m26-ik svg {inline-size: 21px; block-size: 21px;} body.mz-m26 .mz-m26-il-foto #favorilerden_kaldir .mz-m26-ik svg {fill: currentColor;} body.mz-m26 .mz-m26-il-sayac {position: absolute; top: auto; left: auto; bottom: 12px; right: 12px; background: rgba(27, 32, 48, .78); color: #FFFFFF; font-size: 13px; border-radius: 999px; padding: 3px 10px; direction: ltr; line-height: 1.55; z-index: 30;} body.mz-m26 .mz-m26-il-sayac b {font-weight: 700;} body.mz-m26 .mz-m26-kucuklu .mz-galeri-nokta {display: none;} body.mz-m26 .mz-m26-il-kucuk {display: flex; gap: 6px; padding: 8px 12px 0; overflow-x: auto; scrollbar-width: none;} body.mz-m26 .mz-m26-il-kucuk::-webkit-scrollbar {display: none;} body.mz-m26 .mz-m26-il-kucuk button {inline-size: 64px; block-size: 48px; border-radius: 6px; border: 0; padding: 0; background: #D3D8E1; flex: none; overflow: hidden;} body.mz-m26 .mz-m26-il-kucuk button.mz-on {outline: 2px solid var(--mz-vurgu, #F2C200); outline-offset: -2px;} body.mz-m26 .mz-m26-il-kucuk img {inline-size: 100%; block-size: 100%; object-fit: cover; display: block;} /* 2. Ilan bilgisi */ body.mz-m26 .mz-m26-il-bilgi {margin-top: 0; gap: 8px;} body.mz-m26 .mz-m26-il:not(.mz-arac) .mz-m26-il-bilgi {margin-top: 8px;} /* Sahip 07:12: «نبهني ... خليه بجانب السعر على اليسار حتى نستفاد من هذا الفراغ» — alarm fiyatla AYNI satirda, sol tarafta (onayli Car: fiyat + «ننبّهك» tek satir). «نزول السعر تحت السعر وليس بجانبه» (11:50) ise «↓ نزل السعر · كان» notu icin: o not .mz-m26-il-dusus olarak fiyatin ALTINDA kalir. Uzun fiyatta alarm alta kayar. */ body.mz-m26 .mz-m26-il-fiyat {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px;} body.mz-m26 .mz-m26-il-fiyat > .mz-ilan-fiyat {flex: 0 1 auto; min-inline-size: 0;} body.mz-m26 .mz-m26-il-fiyat .mz-ilan-fiyat {font-size: 24px !important; font-weight: 700; color: var(--mz-fiyat, #B42318); margin: 0; padding: 0; line-height: 1.55; inline-size: auto !important;} body.mz-m26 .mz-m26-il-fiyat .mz-ilan-fiyat * {color: inherit; font-size: inherit;} /* TL karsiligi: fiyatin altinda kucuk satir (sahip: «حجم الخط عملاق») */ body.mz-m26 .mz-m26-il-fiyat .mz-ilan-fiyat .tl_karsilik {display: block; margin: 0; padding: 0; background: none !important; border: 0; font-size: 13px !important; font-weight: 500; color: #5B6378 !important; line-height: 1.5;} body.mz-m26 .mz-m26-il-fiyat .mz-ilan-fiyat .tl_karsilik i {font-size: 13px !important; margin-inline-end: 4px; color: inherit;} body.mz-m26 .mz-m26-il-fiyat .mz-m26-alarm {flex: none; inline-size: 44px; block-size: 44px; border: 1px solid #CDD2DC; border-radius: 50%; background: #FFFFFF; color: #2E3448; padding: 0; display: flex; align-items: center; justify-content: center; text-decoration: none; margin: 0;} body.mz-m26 .mz-m26-il-fiyat .mz-m26-alarm-form {flex: none; margin: 0;} body.mz-m26 .mz-m26-il-fiyat .mz-m26-alarm[aria-pressed="true"], body.mz-m26 .mz-m26-il-fiyat .mz-m26-alarm.mz-acik {border: 1.5px solid #1F7A45; background: #E8F5EC; color: #1A6B3A; font-weight: 700;} body.mz-m26 .mz-m26-il-dusus {display: flex; align-items: center; gap: 6px; font-size: 13px; margin-top: -4px;} body.mz-m26 .mz-m26-il-dus-cip {background: #E8F5EC; color: #1A6B3A; font-weight: 700; border-radius: 6px; padding: 1px 8px;} body.mz-m26 .mz-m26-il-dus-eski {color: #5B6378;} body.mz-m26 .mz-m26-il-baslik {margin: 0 !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.45 !important; text-align: match-parent;} body.mz-m26 .mz-m26-il-meta {display: flex; gap: 6px; flex-wrap: wrap; font-size: 13px; color: #4A5368;} body.mz-m26 .mz-m26-il-yer {display: inline-flex; align-items: center; gap: 4px;} body.mz-m26 .mz-m26-il-yer svg {inline-size: 13px; block-size: 13px;} body.mz-m26 .mz-m26-il.mz-arac .mz-m26-il-yer svg {display: none;} body.mz-m26 .mz-m26-il.mz-arac .mz-m26-il-bilgi ul.mz-ozet-cip {display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; padding: 4px 0 0; margin: 0; list-style: none;} body.mz-m26 .mz-m26-il.mz-arac .mz-m26-il-bilgi ul.mz-ozet-cip li {background: #EEF0F5; border-radius: 10px; padding: 8px 4px; text-align: center; display: flex; flex-direction: column; align-items: center; border: 0; min-block-size: 0; margin: 0;} /* IKON + DEGER, etiket yalniz ekran okuyucuda (sahip, 2026-10-19: «كانت ايقونات ليش سويتهم كتابه ... صارت تاخذ مكان اكثر»). Etiket ayrica title ile gorunur. */ body.mz-m26 .mz-m26-il.mz-arac .mz-m26-il-bilgi ul.mz-ozet-cip li svg {display: block; inline-size: 20px; block-size: 20px; margin-block-end: 4px; color: #5B6378;} body.mz-m26 .mz-m26-il.mz-arac .mz-m26-il-bilgi ul.mz-ozet-cip li b {font-weight: 700; font-size: 14px; color: #1B2030;} body.mz-m26 .mz-m26-il-cipler {display: flex !important; gap: 6px; flex-wrap: wrap; padding: 2px 0 0; margin: 0; list-style: none;} body.mz-m26 .mz-m26-il-cipler li {background: #EEF0F5; border-radius: 8px; padding: 4px 10px; font-size: 13px; display: inline-flex; flex-direction: row; gap: 4px; align-items: center; border: 0; margin: 0; min-block-size: 0; inline-size: auto; white-space: nowrap; text-align: start;} body.mz-m26 .mz-m26-il-cipler li svg {display: inline-block; inline-size: 16px; block-size: 16px; flex: none; color: #5B6378;} body.mz-m26 .mz-m26-il-cipler li b {font-weight: 600;} body.mz-m26 .mz-m26-il-cipler li small[hidden] {display: none !important;} body.mz-m26 .mz-m26-il-yol {font-size: 12.5px; color: #5B6378; display: flex; gap: 4px; flex-wrap: wrap; padding-top: 2px;} body.mz-m26 .mz-m26-il-yol a {color: #5B6378 !important; text-decoration: none;} body.mz-m26 .mz-m26-il-yol a.mz-son {color: var(--mz-brand, #2E3448) !important; font-weight: 600;} /* 3. Ayrintilar */ body.mz-m26 .mz-m26-il-detay table.detay {display: block; margin: 0; border: 0; border-top: 1px solid #EDEFF3; font-size: 14px; background: none;} body.mz-m26 .mz-m26-il-detay table.detay tbody {display: flex; flex-direction: column;} body.mz-m26 .mz-m26-il-detay table.detay tr {display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid #EDEFF3; background: none !important;} body.mz-m26 .mz-m26-il-detay table.detay th, body.mz-m26 .mz-m26-il-detay table.detay td {display: block; border: 0 !important; padding: 0 !important; inline-size: auto !important; background: none !important; line-height: 1.55;} body.mz-m26 .mz-m26-il-detay table.detay th {color: #5B6378; font-weight: 400; text-align: start; flex: none; max-inline-size: 55%;} body.mz-m26 .mz-m26-il-detay table.detay td {margin: 0; font-weight: 600; text-align: end; color: #1B2030;} body.mz-m26 .mz-m26-il-detay table.detay tr:first-child td {color: #B42318 !important;} body.mz-m26 .mz-m26-il-detay table.detay tr.mz-m26-yalniz-tel {display: flex;} body.mz-m26 .mz-m26-il-acbas {display: flex; align-items: center; justify-content: space-between; gap: 8px;} body.mz-m26 .mz-m26-il-acbas h3 {margin: 0; font-size: 15px !important; font-weight: 700;} body.mz-m26 .mz-m26-il-acbas .mz-ac-grup {display: flex; background: #EEF0F5; border-radius: 999px; padding: 2px; font-size: 12.5px; gap: 0; border: 0; flex-wrap: nowrap;} body.mz-m26 .mz-m26-il-acbas .mz-ac-cip {border: 0; border-radius: 999px; background: transparent; color: #4A5368; font-size: 12.5px; padding: 4px 8px; text-decoration: none; display: inline-flex; align-items: center; min-block-size: 0; line-height: 1.55; box-shadow: none;} body.mz-m26 .mz-m26-il-acbas .mz-ac-cip.mz-ac-on {background: var(--mz-brand, #2E3448); color: #FFFFFF; padding: 4px 10px;} body.mz-m26 .mz-m26-il-acbas .mz-ac-cip.mz-ac-yok {opacity: .55;} body.mz-m26 .mz-m26-il-acbas .mz-ac-nokta, body.mz-m26 .mz-m26-il-acbas .mz-ac-ad {display: none;} body.mz-m26 .mz-m26-il-detay .mz-ilan-aciklama .mz-ac-serit {display: none;} body.mz-m26 .mz-m26-il-detay .mz-ilan-aciklama {margin: 0; padding: 0; font-size: 14.5px; color: #2A3142; text-align: start;} body.mz-m26 .mz-m26-il-detay .mz-ilan-aciklama p {margin: 0;} /* Konum: Main — ayrintilarin icinde cerceveli; Car — ayri tek satir */ body.mz-m26 .mz-m26-il .mz-m26-konum {margin: 0; padding: 0; background: none; border: 0; box-shadow: none; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 12px; align-items: center;} body.mz-m26 .mz-m26-il-detay .mz-m26-konum {border: 1px solid #E3E6EC; border-radius: 12px; padding: 10px;} body.mz-m26 .mz-m26-il .mz-m26-konum > h2 {display: none;} body.mz-m26 .mz-m26-il .mz-m26-konum-satir {flex: 1; min-inline-size: 0; display: flex; gap: 12px; align-items: center; margin: 0;} body.mz-m26 .mz-m26-il .mz-m26-konum-ikon-dugme {border: 0; padding: 0; background: none; flex: none;} body.mz-m26 .mz-m26-il .mz-m26-konum-ikon {inline-size: 76px; block-size: 64px; border-radius: 8px; background: #DCE6DA; color: #3B6B36; display: flex; align-items: center; justify-content: center; font-size: 22px; flex: none;} body.mz-m26 .mz-m26-il.mz-arac .mz-m26-konum-ikon {inline-size: 64px; block-size: 56px;} body.mz-m26 .mz-m26-il .mz-m26-konum-ikon svg {inline-size: 22px; block-size: 22px;} body.mz-m26 .mz-m26-il-konum {padding: 12px 16px;} body.mz-m26 .mz-m26-il .mz-m26-konum-metin {flex: 1; min-inline-size: 0;} body.mz-m26 .mz-m26-il .mz-m26-konum-adres {font-weight: 600; font-size: 14px;} body.mz-m26 .mz-m26-il .mz-m26-konum .mz-mh-rozet {display: inline-flex; align-items: center; gap: 4px; margin-top: 2px; font-size: 13px; font-weight: 600; text-decoration: none; color: #1B2030; background: #FFF6CC; border: 0; border-radius: 999px; padding: 2px 10px;} body.mz-m26 .mz-m26-il .mz-m26-konum .mz-mh-rozet-ekle {background: none; border: 1px dashed #B9C0CE; color: var(--mz-brand, #3F475F);} body.mz-m26 .mz-m26-il .mz-m26-konum-dugmeler {display: flex; flex-direction: column; gap: 4px; margin: 0; flex: none;} body.mz-m26 .mz-m26-il .mz-m26-konum-dugmeler button {border: 0; background: none; padding: 0; min-block-size: 28px; font-size: 13px; font-weight: 600; color: var(--mz-brand, #2E3448); box-shadow: none; inline-size: auto; flex: none;} body.mz-m26 .mz-m26-il.mz-arac .mz-m26-konum-dugmeler button {font-size: 13.5px; min-block-size: 44px;} body.mz-m26 .mz-m26-il.mz-arac .mz-m26-konum-dugmeler [data-mz-m26-harita="sokak"] {display: none;} /* Hasar (Car) */ body.mz-m26 .mz-m26-il-hasar #mz-bolum-hasar {margin: 0; padding: 0; border: 0; background: none;} body.mz-m26 .mz-m26-il-hasar .mz-hasar-baslik {margin: 0 0 12px; font-size: 16px !important; font-weight: 700; color: #1B2030;} body.mz-m26 .mz-m26-il-hasar .mz-hasar {display: flex !important; flex-direction: row !important; gap: 16px; align-items: flex-start;} body.mz-m26 .mz-m26-il-hasar .mz-hasar-sema {flex: none; inline-size: 132px; margin: 0; order: 2;} body.mz-m26 .mz-m26-il-hasar .mz-hasar-sema svg {inline-size: 132px; block-size: auto;} body.mz-m26 .mz-m26-il-hasar .mz-hasar-ust, body.mz-m26 .mz-m26-il-hasar .mz-hasar-ozet {display: none;} body.mz-m26 .mz-m26-hasar-sag {flex: 1; min-inline-size: 0; display: flex; flex-direction: column; gap: 10px; font-size: 14px;} body.mz-m26 .mz-m26-hasar-liste {list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px;} body.mz-m26 .mz-m26-hasar-liste li {display: flex; align-items: center; gap: 8px;} body.mz-m26 .mz-m26-hasar-liste li i {inline-size: 14px; block-size: 14px; border-radius: 4px; flex: none; background: #E3E6EC;} body.mz-m26 .mz-m26-hasar-liste li[data-durum="boyali"] i {background: #F2A93B;} body.mz-m26 .mz-m26-hasar-liste li[data-durum="degisen"] i {background: #2F5FC4;} body.mz-m26 .mz-m26-hasar-liste li[data-durum="hasarli"] i {background: #B42318;} body.mz-m26 .mz-m26-hasar-orj {color: #1F7A45; font-weight: 600;} body.mz-m26 .mz-m26-hasar-sag .mz-hasar-efsane {border-top: 1px solid #EDEFF3; padding-top: 8px; display: flex; flex-wrap: wrap; gap: 8px 12px; font-size: 12.5px; color: #4A5368; margin: 0; justify-content: flex-start;} body.mz-m26 .mz-m26-hasar-sag .mz-hasar-ef {display: inline-flex; align-items: center; gap: 5px;} /* Ozellikler: ESKI gorunum (sahip); yalniz kart cercevesi */ body.mz-m26 .mz-m26-il-teknik #mz-bolum-teknik {display: block !important; opacity: 1 !important; margin: 0; padding: 0;} body.mz-m26 .mz-m26-il-teknik #mz-bolum-teknik > .mz-m26-bolum-baslik {margin: 0 0 12px; font-size: 16px !important; font-weight: 700;} /* 4. Satici */ body.mz-m26 .mz-m26-il-satici {padding: 14px 16px; gap: 10px;} body.mz-m26 .mz-m26-il-kim {display: flex; align-items: center; gap: 12px;} body.mz-m26 .mz-m26-il-av {inline-size: 48px; block-size: 48px; border-radius: 50%; background: var(--mz-brand, #2E3448); color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 18px; flex: none; overflow: hidden;} body.mz-m26 .mz-m26-il-satici.mz-magaza .mz-m26-il-av {border-radius: 12px; font-size: 16px;} body.mz-m26 .mz-m26-il a.mz-m26-il-av, body.mz-m26 .mz-m26-il a.mz-m26-il-av:hover {color: #FFFFFF; text-decoration: none; flex: none;} body.mz-m26 .mz-m26-il a.mz-m26-il-ad, body.mz-m26 .mz-m26-il a.mz-m26-il-ad:hover {color: inherit; text-decoration: none;} body.mz-m26 .mz-m26-il-av img {inline-size: 100%; block-size: 100%; object-fit: cover; background: #FFFFFF;} body.mz-m26 .mz-m26-il-kim-ic {flex: 1; min-inline-size: 0; display: flex; flex-direction: column;} body.mz-m26 .mz-m26-il-kim-ic > b {font-weight: 700; font-size: 15.5px;} body.mz-m26 .mz-m26-il-puan {font-size: 12.5px; color: #B7791F !important; text-decoration: none; font-weight: 600;} body.mz-m26 .mz-m26-il-puan span {color: #5B6378; font-weight: 500;} body.mz-m26 .mz-m26-il-alt {font-size: 12.5px; color: #5B6378;} body.mz-m26 .mz-m26-il-onay {color: #1F7A45;} body.mz-m26 .mz-m26-il-yanit {font-size: 12.5px; color: var(--mz-link, #1F6AC4);} body.mz-m26 .mz-m26-il-git {font-size: 13.5px; font-weight: 600; text-decoration: none; white-space: nowrap; min-block-size: 44px; display: flex; align-items: center;} body.mz-m26 .mz-m26-il-tel-satir {display: flex; gap: 8px;} body.mz-m26 .mz-m26-il-tel, body.mz-m26 .mz-m26-il-goster {min-block-size: 44px; border: 1px solid #E3E6EC; border-radius: 10px; display: flex; align-items: center; justify-content: center; gap: 6px; text-decoration: none; font-size: 14px; font-weight: 600; background: #FFFFFF; color: var(--mz-brand, #2E3448);} body.mz-m26 .mz-m26-il-tel {flex: 1;} body.mz-m26 .mz-m26-il-tel svg {inline-size: 18px; block-size: 18px;} body.mz-m26 .mz-m26-il-goster {padding: 0 14px; font: inherit; font-size: 14px; font-weight: 600;} /* Takip + «قدّم عرض · احجزه لي · موعد معاينة» (onayli Main: kucuk dugmeler tek satir, icerik altta acilir) */ body.mz-m26 .mz-m26-il-takip {display: flex; align-items: center; justify-content: space-between; gap: 8px; border: 1px solid #E3E6EC; border-radius: 10px; padding: 6px 12px 6px 6px; font-size: 13.5px;} body.mz-m26 .mz-m26-il-takip-y {color: #5B6378; min-inline-size: 0;} body.mz-m26 .mz-m26-il-takip-y b {color: #1B2030; font-weight: 700;} body.mz-m26 .mz-m26-il-takip-f {margin: 0; flex: none;} body.mz-m26 .mz-m26-il .mz-m26-il-takip-d {flex: none; min-block-size: 34px; border: 1.5px solid var(--mz-brand, #2E3448); border-radius: 999px; background: #FFFFFF; color: var(--mz-brand, #2E3448); font: inherit; font-size: 13.5px; font-weight: 700; padding: 0 14px; display: inline-flex; align-items: center; text-decoration: none; white-space: nowrap;} body.mz-m26 .mz-m26-il .mz-m26-il-takip-d.mz-takipte {border-color: #1F7A45; background: #E8F5EC; color: #1A6B3A;} body.mz-m26 .mz-m26-il-eylem {display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 8px;} body.mz-m26 .mz-m26-il-eylem:empty {display: none;} body.mz-m26 .mz-m26-il .mz-m26-il-ed {min-block-size: 44px; border: 1px solid #E3E6EC; border-radius: 10px; background: #FFFFFF; color: #1B2030; font: inherit; font-size: 13.5px; font-weight: 600; padding: 0 4px; display: flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; line-height: 1.3;} body.mz-m26 .mz-m26-il .mz-m26-il-ed.mz-teklif {border: 1.5px solid #EFC307; background: #FFFBEB; color: #2B2000; font-weight: 700;} body.mz-m26 .mz-m26-il .mz-m26-il-ed[aria-expanded="true"] {border-color: var(--mz-brand, #2E3448); box-shadow: inset 0 0 0 1px var(--mz-brand, #2E3448);} body.mz-m26 .mz-m26-il-ac {border: 1px solid #E3E6EC; border-radius: 10px; padding: 12px; font-size: 14px;} body.mz-m26 .mz-m26-il-ac[hidden] {display: none !important;} body.mz-m26 .mz-m26-il-ac .mz-teklif-kutu, body.mz-m26 .mz-m26-il-ac .mz-ilt {margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: none !important;} body.mz-m26 .mz-m26-il-ac details > summary {display: none;} /* 5. Ozel soru + soru-cevap */ body.mz-m26 .mz-m26-il .mz-m26-sor {margin: 8px 0 0; padding: 14px 16px 16px; border: 0; border-radius: 0; box-shadow: none; background: #FFFFFF;} body.mz-m26 .mz-m26-il-sc #mz-bolum-yorumlar {margin: 0; padding: 0;} body.mz-m26 .mz-m26-il-sc .panel-heading {display: flex !important; align-items: baseline; justify-content: space-between; margin: 0 0 10px !important;} body.mz-m26 .mz-m26-il-sc .panel-heading > span:first-child {font-size: 16px; font-weight: 700; color: #1B2030;} body.mz-m26 .mz-m26-sc-adet {font-size: 13px; font-weight: 500; color: #5B6378; margin-inline-start: 4px;} body.mz-m26 .mz-m26-il-sc .mz-soru-not {font-size: 12.5px; color: #5B6378; font-weight: 400;} body.mz-m26 .mz-m26-sc-dugmeler {display: flex; gap: 8px; margin-top: 10px;} body.mz-m26 .mz-m26-sc-dugmeler button, body.mz-m26 .mz-m26-sc-dugmeler a {flex: 1; min-block-size: 44px; border: 1px solid #CDD2DC; border-radius: 10px; display: flex; align-items: center; justify-content: center; text-decoration: none; font: inherit; font-size: 14px; font-weight: 600; background: #FFFFFF; color: var(--mz-brand, #2E3448);} body.mz-m26 .mz-m26-il-sc .mz-soru-bos {font-size: 14px; color: #5B6378;} body.mz-m26 .mz-m26-il-sc .mz-soru-adet, body.mz-m26 .mz-m26-il-sc .mz-soru-ust, body.mz-m26 .mz-m26-il-sc .mz-soru-cevap-ust {display: none !important;} body.mz-m26 .mz-m26-il-sc .mz-soru-liste {display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0;} body.mz-m26 .mz-m26-il-sc .mz-soru {display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0 0 10px; border: 0; border-bottom: 1px solid #EDEFF3; border-radius: 0; background: none; box-shadow: none;} body.mz-m26 .mz-m26-il-sc .mz-soru:last-child, body.mz-m26 .mz-m26-il-sc .mz-soru:has(+ .mz-soru[hidden]) {border-bottom: 0; padding-bottom: 0;} body.mz-m26 .mz-m26-il-sc .mz-soru[hidden] {display: none !important;} body.mz-m26 .mz-m26-il-sc .mz-soru-metin {font-size: 14px; color: #1B2030; margin: 0;} body.mz-m26 .mz-m26-il-sc .mz-soru-cevap {font-size: 14px; color: #1A6B3A; background: #F1F8F3; border: 0; border-radius: 8px; padding: 6px 10px; margin: 0;} body.mz-m26 .mz-m26-il-sc .mz-soru-cevap b.mz-m26-sc-on {color: inherit;} body.mz-m26 .mz-m26-il-sc .mz-soru-bekliyor {font-size: 13px; color: #5B6378;} body.mz-m26 .mz-m26-il-sc form[hidden] {display: none !important;} /* 6. Paylas: tek satir simge */ body.mz-m26 .mz-m26-il-paylas {padding: 12px 16px;} body.mz-m26 .mz-m26-il-paylas #mz-bolum-paylas .panel-body {display: flex !important; align-items: center; gap: 8px;} body.mz-m26 .mz-m26-il-paylas #mz-paylas-bas {margin: 0; font-size: 15px !important; font-weight: 700; flex: 1; color: #1B2030;} body.mz-m26 .mz-m26-il-paylas .mz-paylas-ana, body.mz-m26 .mz-m26-il-paylas .mz-pa.mz-pa-ln, body.mz-m26 .mz-m26-il-paylas .mz-pa.mz-pa-sms, body.mz-m26 .mz-m26-il-paylas .mz-pa.mz-pa-ml, body.mz-m26 .mz-m26-il-paylas .mz-pa-url, body.mz-m26 .mz-m26-il-paylas .mz-paylas-url, body.mz-m26 .mz-m26-il-paylas input {display: none !important;} body.mz-m26 .mz-m26-il-paylas .mz-pa-agi {display: flex !important; gap: 8px; margin: 0; padding: 0; grid-template-columns: none;} body.mz-m26 .mz-m26-il-paylas .mz-pa {inline-size: 40px; block-size: 40px; border-radius: 50%; display: flex !important; align-items: center; justify-content: center; font-size: 0 !important; padding: 0; margin: 0; gap: 0; text-decoration: none; background: #ECEDEF; color: #1B2030; overflow: hidden; flex-direction: row;} body.mz-m26 .mz-m26-il-paylas .mz-pa .mz-pa-d {inline-size: auto; block-size: auto; background: none !important; color: inherit !important; font-size: 18px; display: flex; margin: 0; box-shadow: none;} body.mz-m26 .mz-m26-il-paylas .mz-pa .mz-pa-d svg {inline-size: 18px; block-size: 18px;} body.mz-m26 .mz-m26-il-paylas .mz-pa-wa .mz-pa-d svg {inline-size: 19px; block-size: 19px;} body.mz-m26 .mz-m26-il-paylas .mz-pa-fb .mz-pa-d, body.mz-m26 .mz-m26-il-paylas .mz-pa-x .mz-pa-d {font-size: 15px; font-weight: 700; line-height: 1;} body.mz-m26 .mz-m26-il-paylas button.mz-pa {border: 0; cursor: pointer;} body.mz-m26 .mz-m26-il-paylas .panel-body > .mz-pa-kopya {display: none !important;} body.mz-m26 .mz-m26-il-paylas .mz-pa-kopya.mz-on {background: #E3F5EA; color: #1F7A45;} body.mz-m26 .mz-m26-il-paylas .mz-pa-wa {background: #E3F5EA; color: #1F7A45;} body.mz-m26 .mz-m26-il-paylas .mz-pa-fb {background: #E6EEFC; color: #1D4FB8;} body.mz-m26 .mz-m26-il-paylas .mz-pa-x {background: #ECEDEF; color: #1B2030;} body.mz-m26 .mz-m26-il-paylas .mz-pa-tg {background: #E3F2FA; color: #1A6E9C;} body.mz-m26 .mz-m26-il-paylas .mz-pa-kopya, body.mz-m26 .mz-m26-il-paylas [class*="mz-pa-kop"] {background: #ECEDEF; color: #2E3448;} /* 7. Ipuclari, yatay seritler, bildir */ body.mz-m26 .mz-m26-il-guven {background: #EAF4FB; margin: 8px 12px 0; border-radius: 12px; padding: 12px 14px; font-size: 13.5px; color: #1F3A52;} body.mz-m26 .mz-m26-il-guven b {display: block; font-weight: 700; margin-bottom: 4px;} body.mz-m26 .mz-m26-il-guven ul {margin: 0; padding-inline-start: 18px; display: flex; flex-direction: column; gap: 2px;} body.mz-m26 .mz-m26-il-guven a {color: #1A5A8C !important; font-weight: 600;} body.mz-m26 .mz-m26-il-yatay {background: none; margin-top: 16px; padding: 0 0 8px; gap: 0;} body.mz-m26 .mz-m26-il .mz-m26-il-yatay .panel > .panel-heading {display: flex !important; align-items: center; justify-content: space-between; padding: 0 16px 8px !important;} body.mz-m26 .mz-m26-il-yatay .mz-magaza-tumu {font-size: 13.5px; font-weight: 600; text-decoration: none;} body.mz-m26 .mz-m26-il-yatay .panel-heading > span:first-child, body.mz-m26 .mz-m26-il-yatay .panel-heading h3 {margin: 0; font-size: 16px; font-weight: 700; color: #1B2030;} body.mz-m26 .mz-m26-il-yatay .mz-ilan-izgara {display: flex !important; gap: 10px; padding: 0 16px; overflow-x: auto; scrollbar-width: none; grid-template-columns: none;} body.mz-m26 .mz-m26-il-yatay .mz-ilan-izgara::-webkit-scrollbar {display: none;} body.mz-m26 .mz-m26-il-yatay .mz-ilan-kart {inline-size: 150px; flex: none; background: #FFFFFF; border-radius: 12px; overflow: hidden; border: 0; box-shadow: none; display: flex; flex-direction: column; text-decoration: none;} body.mz-m26 .mz-m26-il-yatay .mz-ilan-kart__gorsel {display: block; block-size: 100px; background: #CFD5DF; aspect-ratio: auto;} body.mz-m26 .mz-m26-il-yatay .mz-ilan-kart__gorsel img {inline-size: 100%; block-size: 100%; object-fit: cover;} body.mz-m26 .mz-m26-il-yatay .mz-ilan-kart__serit {position: static; background: none; padding: 8px 10px 0; display: block;} body.mz-m26 .mz-m26-il-yatay .mz-ilan-kart__fiyat {font-weight: 700; color: #B42318; font-size: 14px; background: none; padding: 0;} body.mz-m26 .mz-m26-il-yatay .mz-ilan-kart__govde {padding: 0 10px 8px; display: block;} body.mz-m26 .mz-m26-il-yatay .mz-ilan-kart__baslik {font-size: 12.5px; color: #4A5368; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-line-clamp: unset;} body.mz-m26 .mz-m26-il-yatay .mz-ilan-kart__alt {display: none;} body.mz-m26 .mz-m26-il-rapor {display: flex; justify-content: space-between; align-items: center; padding: 10px 16px 0; font-size: 13px; color: #5B6378;} body.mz-m26 .mz-m26-il-rapor a {color: #B42318 !important; font-weight: 600; text-decoration: none; min-block-size: 44px; display: flex; align-items: center; gap: 4px;} body.mz-m26 .mz-m26-il > .mz-tahfiz, body.mz-m26 .mz-m26-il > #mz-bolum-seo {margin: 8px 12px 0;} /* Alt iletisim cubugu: tek satir (اتصال · واتساب · رسالة) */ body.mz-m26.mz-m26-il-hazir .mobil_fixed_iletisim .mz-ac-ust {display: none !important;} body.mz-m26.mz-m26-il-hazir .mobil_fixed_iletisim {background: #FFFFFF; border-top: 1px solid #E3E6EC; padding: 8px 12px 10px; box-shadow: none; border-radius: 0; left: 0; right: 0; bottom: 0;} body.mz-m26.mz-m26-il-hazir .mobil_fixed_iletisim .mz-ac-btn {display: flex; gap: 8px;} body.mz-m26.mz-m26-il-hazir .mobil_fixed_iletisim .mz-ac-btn a {flex: 1; block-size: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; gap: 6px; text-decoration: none; font-weight: 700; font-size: 15.5px; color: #FFFFFF; margin: 0;} body.mz-m26.mz-m26-il-hazir .mobil_fixed_iletisim .mz-ac-btn a.tel {background: #2F6FE4;} body.mz-m26.mz-m26-il-hazir .mobil_fixed_iletisim .mz-ac-btn a.whatsapp {background: #1F8A45;} body.mz-m26.mz-m26-il-hazir .mobil_fixed_iletisim .mz-ac-btn a.mz-ac-msj {flex: none; inline-size: 56px; min-inline-size: 56px; max-inline-size: 56px; border: 1px solid #CDD2DC; background: #FFFFFF; color: #2E3448;} body.mz-m26.mz-m26-il-hazir .mobil_fixed_iletisim .mz-ac-btn a > i {display: none;} body.mz-m26.mz-m26-il-hazir .mobil_fixed_iletisim .mz-ac-btn .mz-m26-ik svg {inline-size: 18px; block-size: 18px;} body.mz-m26.mz-m26-il-hazir .mobil_fixed_iletisim .mz-ac-btn a.mz-ac-msj .mz-m26-ik svg {inline-size: 20px; block-size: 20px;} body.mz-m26.mz-m26-il-hazir .mz-tabbar {display: none !important;} /* Kaydirinca ust serit (onayli Scrolled); eski serit bu duzende gizli */ body.mz-m26.mz-m26-il-hazir #mz-ilan-serit {display: none !important;} body.mz-m26 .mz-m26-il-ust {position: fixed; top: 0; left: 0; right: 0; z-index: 1035; background: #FFFFFF; box-shadow: 0 2px 10px rgba(27, 32, 48, .10); transform: translateY(-110%); visibility: hidden; transition: transform .18s ease, visibility 0s linear .18s; color: #1B2030; font-size: 15px; line-height: 1.55;} body.mz-m26 .mz-m26-il-ust.mz-acik {transform: none; visibility: visible; transition: transform .18s ease;} body.mz-m26 .mz-m26-il-ust-satir {display: flex; align-items: center; gap: 8px; padding: 8px 12px;} body.mz-m26 .mz-m26-il-ust-geri {inline-size: 40px; block-size: 40px; border: 0; background: transparent; color: #2E3448; display: flex; align-items: center; justify-content: center; padding: 0; flex: none;} body.mz-m26 .mz-m26-il-ust-geri.mz-ltr svg {transform: scaleX(-1);} body.mz-m26 .mz-m26-il-ust svg {inline-size: 20px; block-size: 20px;} body.mz-m26 .mz-m26-il-ust-ic {flex: 1; min-inline-size: 0;} body.mz-m26 .mz-m26-il-ust-fiyat {font-weight: 700; color: var(--mz-fiyat, #B42318); font-size: 16px; direction: ltr; text-align: end;} body.mz-m26 .mz-m26-il-ust-baslik {font-size: 13px; color: #4A5368; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: start;} body.mz-m26 .mz-m26-il-ust-d {inline-size: 44px; block-size: 44px; border-radius: 12px; border: 0; background: #F4F5F8; color: #2E3448; display: flex; align-items: center; justify-content: center; padding: 0; flex: none;} body.mz-m26 .mz-m26-il-ust-d.mz-kalp {color: #D93A3A;} body.mz-m26 .mz-m26-il-ust-d.mz-kalp svg {inline-size: 21px; block-size: 21px;} body.mz-m26 .mz-m26-il-ust-d.mz-kalp[aria-pressed="true"] svg {fill: currentColor;} body.mz-m26 .mz-m26-il-ust-nav {display: flex; gap: 18px; padding: 0 16px; font-size: 14px; border-top: 1px solid #EDEFF3; white-space: nowrap; overflow-x: auto; scrollbar-width: none;} body.mz-m26 .mz-m26-il-ust-nav::-webkit-scrollbar {display: none;} body.mz-m26 .mz-m26-il-ust-nav a {padding: 10px 0; color: #5B6378 !important; text-decoration: none; flex: none;} body.mz-m26 .mz-m26-il-ust-nav a[aria-current="true"] {padding-bottom: 8px; color: #1B2030 !important; font-weight: 700; border-bottom: 2px solid var(--mz-vurgu, #F2C200);} } /* ============================================================ 6. Sabitlenmis ilanlar (inc/mz-m26-sabit.php) — magaza + profil + Ilanlarim. ISTISNA: masaustunde de gorunur (onayli MagazaMasa: tek satir 3 kart); telefonda alt alta kisa satirlar (Magaza). Ilanlarim'daki dugme her ekranda (satici sabitlemeyi bilgisayardan da yapabilsin). ============================================================ */ body.mz-m26 .mz-m26-sabit {margin: 0 0 16px;} body.mz-m26 .mz-m26-sabit-bas {margin: 0 0 10px; font-size: 15px !important; font-weight: 700; display: flex; align-items: center; gap: 8px; color: var(--mz-ink, #1b2030);} body.mz-m26 .mz-m26-sabit-bas svg {flex: none; color: var(--mz-brand, #3F475F);} body.mz-m26 .mz-m26-sabit-liste {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;} body.mz-m26 .mz-m26-sabit-kart { display: flex; flex-direction: column; background: #fff; border-radius: 12px; overflow: hidden; border: 1px solid var(--mz-brand, #3F475F); text-decoration: none; color: var(--mz-ink, #1b2030); } body.mz-m26 .mz-m26-sabit-kart:hover, body.mz-m26 .mz-m26-sabit-kart:focus {text-decoration: none; color: var(--mz-ink, #1b2030); border-color: var(--mz-vurgu, #efc307);} body.mz-m26 .mz-m26-sabit-kart:focus-visible {outline: 2px solid var(--mz-link, #1f6ac4); outline-offset: 2px;} body.mz-m26 .mz-m26-sabit-resim {display: block; position: relative; block-size: 200px; background: #cfd5df;} body.mz-m26 .mz-m26-sabit-resim img {inline-size: 100%; block-size: 100%; object-fit: cover; display: block;} body.mz-m26 .mz-m26-sabit-govde {display: flex; flex-direction: column; gap: 3px; padding: 8px 10px 10px; min-inline-size: 0;} body.mz-m26 .mz-m26-sabit-fiyat {font-weight: 700; color: var(--mz-fiyat, #C0392B); font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} body.mz-m26 .mz-m26-sabit-baslik {font-size: 14px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} body.mz-m26 .mz-m26-sabit-yer {font-size: 12px; color: #667085;} body.mz-m26 .mz-m26-sabit-rozet {position: absolute; top: 8px; right: 8px; font-size: 12px; font-weight: 700; padding: 1px 7px; border-radius: 6px; background: var(--mz-brand, #3F475F); color: #FFFFFF; line-height: 1.5;} @media (min-width: 768px) {body.mz-m26 .mz-m26-sabit-yer {display: none;}} /* Ilanlarim (onayli Sabitle) */ body.mz-m26 .mz-m26-sabit-ozet {display: flex; flex-direction: column; gap: 6px; margin: 0 0 12px; padding: 12px 14px; border-radius: 12px; background: #FFFFFF; border: 1px solid #E3E6EC; font-size: 13px; color: #5B6378;} body.mz-m26 .mz-m26-sabit-ozet strong {display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; color: #1B2030;} body.mz-m26 .mz-m26-sabit-ozet strong svg {flex: none;} body.mz-m26 .mz-m26-sabit-say {color: var(--mz-link, #1F6AC4);} body.mz-m26 .mz-m26-sabit-ozet p {margin: 0;} body.mz-m26 .mz-m26-sabit-not {font-size: 12.5px; color: #5B6378;} body.mz-m26 .mz-m26-sabit-not.mz-m26-tasindi {margin: 10px 4px 0;} body.mz-m26 .mz-m26-sabit-kutu {display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-block-start: 6px;} body.mz-m26 .mz-m26-sabit-sira {flex: 1 1 100%; font-size: 12px; color: var(--mz-link, #1F6AC4); font-weight: 700;} body.mz-m26 .mz-m26-sabit-oklar {display: inline-flex; flex-direction: column; gap: 2px;} body.mz-m26 .mz-m26-sabit-ok {display: inline-flex; align-items: center; justify-content: center; inline-size: 32px; block-size: 26px; border-radius: 6px; border: 1px solid #E3E6EC; background: #FFFFFF; color: #1B2030; font-size: 12px; text-decoration: none; line-height: 1;} body.mz-m26 span.mz-m26-sabit-ok {opacity: .35;} body.mz-m26 .mz-m26-sabit-dugme {display: inline-flex; align-items: center; block-size: 40px; padding: 0 10px; border-radius: 10px; border: 1.5px solid var(--mz-brand, #3F475F); color: var(--mz-brand, #3F475F); background: #FFFFFF; font-size: 13.5px; font-weight: 700; text-decoration: none; white-space: nowrap;} body.mz-m26 .mz-m26-sabit-dugme:hover, body.mz-m26 .mz-m26-sabit-dugme:focus {text-decoration: none;} body.mz-m26 .mz-m26-sabit-dugme.mz-basili {background: var(--mz-brand, #3F475F); color: #FFFFFF;} body.mz-m26 .mz-m26-sabit-dugme[aria-disabled="true"] {opacity: .45; cursor: not-allowed;} @media (max-width: 767px) { body.mz-m26 .mz-m26-sabit {margin: 0 0 14px; padding: 0 2px;} body.mz-m26 .mz-m26-sabit-liste {grid-template-columns: 1fr; gap: 8px;} body.mz-m26 .mz-m26-sabit-kart {flex-direction: row; align-items: stretch; min-block-size: 88px;} body.mz-m26 .mz-m26-sabit-resim {flex: 0 0 112px; block-size: auto; aspect-ratio: auto;} body.mz-m26 .mz-m26-sabit-govde {flex: 1 1 auto; justify-content: center; padding: 8px 12px;} } /* ============================================================ 7. Magaza sayfasi (telefon) — onayli «Magaza» birebir (inc/mz-m26-magaza.php). Olculer tasarimdan; renkler pazar paletinden (--mz-brand, --mz-vurgu, --mz-vurgu-yazi, --mz-link, --mz-fiyat). Yazi tipi sitenin kendisi. Eski ust kart ve iki sutun telefonda gizli; masaustu degismez. ============================================================ */ @media (max-width: 767px) { body.mz-m26 .container:has(> .mz-m26-magaza) > .kapak, body.mz-m26 .mz-m26-magaza ~ .row, body.mz-m26 .mz-m26-magaza ~ .clearfix {display: none !important;} body.mz-m26 .container:has(> .mz-m26-magaza) {padding-inline: 0; margin-top: 0 !important;} body.mz-m26 .mz-m26-magaza {display: flex; flex-direction: column; color: #1B2030; font-size: 15px; line-height: 1.5;} body.mz-m26 .mz-m26-magaza h1, body.mz-m26 .mz-m26-magaza h2 {font-family: inherit; color: #1B2030; letter-spacing: 0;} body.mz-m26 .mz-m26-mg-ust {background: #FFFFFF;} body.mz-m26 .mz-m26-mg-kapak {block-size: 120px; background: #C9CFDA; overflow: hidden;} body.mz-m26 .mz-m26-mg-kapak img {inline-size: 100%; block-size: 100%; object-fit: cover; display: block;} body.mz-m26 .mz-m26-mg-ic {padding: 0 16px 14px; display: flex; flex-direction: column; gap: 10px;} body.mz-m26 .mz-m26-mg-kimlik {display: flex; align-items: flex-end; gap: 12px; margin-top: -32px;} body.mz-m26 .mz-m26-mg-logo {inline-size: 76px; block-size: 76px; border-radius: 16px; background: var(--mz-brand, #3F475F); border: 3px solid #FFFFFF; color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 26px; flex: none; overflow: hidden; box-sizing: border-box;} body.mz-m26 .mz-m26-mg-logo img {inline-size: 100%; block-size: 100%; object-fit: cover; display: block; background: #FFFFFF;} body.mz-m26 .mz-m26-mg-ad {flex: 1; min-inline-size: 0; padding-bottom: 2px;} body.mz-m26 .mz-m26-mg-ad h1 {margin: 0; font-size: 20px !important; font-weight: 700; line-height: 1.5; display: flex; align-items: center; gap: 6px; text-shadow: none;} body.mz-m26 .mz-m26-mg-sat {font-size: 12.5px; color: #5B6378;} body.mz-m26 .mz-m26-mg-yanit {font-size: 12.5px; color: var(--mz-link, #1F6AC4);} body.mz-m26 .mz-m26-mg-cipler {display: flex; gap: 8px; flex-wrap: wrap; font-size: 13px;} body.mz-m26 .mz-m26-mg-cip {display: inline-flex; align-items: center; gap: 4px; background: #EEF0F5; border-radius: 999px; padding: 3px 10px;} body.mz-m26 .mz-m26-mg-cip svg {inline-size: 13px; block-size: 13px;} body.mz-m26 .mz-m26-mg-durum {gap: 6px; background: #E8F5EC; color: #1A6B3A; font-weight: 600;} body.mz-m26 .mz-m26-mg-durum i {inline-size: 8px; block-size: 8px; border-radius: 50%; background: #1F8A45;} body.mz-m26 .mz-m26-mg-durum.mz-kapali {background: #FDECEC; color: #9F1C1C;} body.mz-m26 .mz-m26-mg-durum.mz-kapali i {background: #C0392B;} body.mz-m26 .mz-m26-mg-dugmeler {display: flex; gap: 8px;} body.mz-m26 .mz-m26-mg-takip-form {flex: 1; display: flex; margin: 0;} body.mz-m26 .mz-m26-mg-takip {flex: 1; block-size: 44px; border: 0; border-radius: 10px; background: var(--mz-vurgu, #EFC307); color: var(--mz-vurgu-yazi, #2B2000); font: inherit; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center; text-decoration: none; padding: 0 10px;} body.mz-m26 .mz-m26-mg-takip:hover, body.mz-m26 .mz-m26-mg-takip:focus {color: var(--mz-vurgu-yazi, #2B2000); text-decoration: none;} body.mz-m26 .mz-m26-mg-takip.mz-takipte {background: #FFFFFF; color: #1B2030; box-shadow: inset 0 0 0 1px #CDD2DC;} body.mz-m26 .mz-m26-mg-takip b {display: none;} body.mz-m26 .mz-m26-mg-kare {inline-size: 48px; block-size: 44px; flex: none; border-radius: 10px; display: flex; align-items: center; justify-content: center; padding: 0; color: #FFFFFF; border: 0;} body.mz-m26 .mz-m26-mg-kare svg {inline-size: 20px; block-size: 20px;} body.mz-m26 .mz-m26-mg-kare.mz-wa {background: #1F8A45;} body.mz-m26 .mz-m26-mg-kare.mz-tel {background: #1F6AC4;} body.mz-m26 .mz-m26-mg-kare.mz-tel svg, body.mz-m26 .mz-m26-mg-kare.mz-paylas svg {inline-size: 19px; block-size: 19px;} body.mz-m26 .mz-m26-mg-kare.mz-paylas {border: 1px solid #CDD2DC; background: #FFFFFF; color: var(--mz-brand, #3F475F);} body.mz-m26 .mz-m26-mg-kare:focus-visible, body.mz-m26 .mz-m26-mg-takip:focus-visible {outline: 2px solid var(--mz-link, #1F6AC4); outline-offset: 2px;} body.mz-m26 .mz-m26-mg-sekmeler {position: sticky; top: 0; z-index: 5; background: #FFFFFF; border-top: 1px solid #EDEFF3; border-bottom: 1px solid #E3E6EC; display: flex; padding: 0 8px;} body.mz-m26 .mz-m26-mg-sekmeler a {flex: 1; text-align: center; padding: 12px 0; text-decoration: none; color: #5B6378; font-size: 15px; border-bottom: 3px solid transparent;} body.mz-m26 .mz-m26-mg-sekmeler a[aria-current="page"] {padding: 12px 0 10px; font-weight: 700; color: #1B2030; border-bottom-color: var(--mz-vurgu, #EFC307);} body.mz-m26 .mz-m26-mg-sekmeler a span {color: #5B6378; font-weight: 500;} body.mz-m26 .mz-m26-mg-arac {padding: 10px 12px; display: flex; gap: 8px;} body.mz-m26 .mz-m26-mg-ara {flex: 1; min-inline-size: 0; display: flex; align-items: center; gap: 8px; background: #FFFFFF; border: 1px solid #CDD2DC; border-radius: 10px; block-size: 42px; padding: 0 10px; color: #5B6378; margin: 0; box-sizing: border-box;} body.mz-m26 .mz-m26-mg-ara svg {inline-size: 17px; block-size: 17px; flex: none;} body.mz-m26 .mz-m26-mg-ara input {flex: 1; min-inline-size: 0; inline-size: 100%; border: 0; outline: 0; font: inherit; font-size: 14px; background: transparent; block-size: 100%; padding: 0; color: #1B2030;} body.mz-m26 .mz-m26-mg-sirala {margin: 0;} body.mz-m26 .mz-m26-mg-sirala select {block-size: 42px; border: 1px solid #CDD2DC; border-radius: 10px; background: #FFFFFF; font: inherit; font-size: 14px; padding: 0 10px; color: #1B2030; max-inline-size: 130px;} body.mz-m26 .mz-m26-mg-sabitler {padding: 0 12px 4px;} body.mz-m26 .mz-m26-mg-sabitler h2, body.mz-m26 .mz-m26-mg-hepsi {font-size: 15px !important; font-weight: 700; line-height: 1.5;} body.mz-m26 .mz-m26-mg-sabitler h2 {margin: 0 4px 8px; display: flex; align-items: center; gap: 6px;} body.mz-m26 .mz-m26-mg-sabitler h2 svg {inline-size: 16px; block-size: 16px; color: var(--mz-brand, #3F475F); stroke-width: 2.2;} body.mz-m26 .mz-m26-mg-hepsi {margin: 12px 16px 8px;} body.mz-m26 .mz-m26-mg-liste {list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px;} body.mz-m26 #mz-m26-mg-ilanlar > .mz-m26-mg-liste {padding: 0 12px;} body.mz-m26 .mz-m26-mg-kart {background: #FFFFFF; border-radius: 12px; padding: 8px; display: flex; gap: 10px; position: relative;} body.mz-m26 .mz-m26-mg-kart.mz-m26-mg-sabit {outline: 1.5px solid var(--mz-brand, #3F475F); outline-offset: -1.5px;} body.mz-m26 .mz-m26-mg-resim {inline-size: 112px; block-size: 88px; border-radius: 8px; background: #CFD5DF; flex: none; overflow: hidden; display: block;} body.mz-m26 .mz-m26-mg-resim img {inline-size: 100%; block-size: 100%; object-fit: cover; display: block;} body.mz-m26 .mz-m26-mg-govde {flex: 1; min-inline-size: 0; display: flex; flex-direction: column; gap: 2px;} body.mz-m26 .mz-m26-mg-fiyat {font-weight: 700; color: var(--mz-fiyat, #C0392B); font-size: 16px; text-align: start;} body.mz-m26 .mz-m26-mg-fiyat * {color: inherit; font-size: inherit; font-weight: inherit;} body.mz-m26 .mz-m26-mg-baslik {font-size: 14px; font-weight: 500; text-decoration: none; color: #1B2030; text-align: match-parent; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} body.mz-m26 .mz-m26-mg-baslik:hover, body.mz-m26 .mz-m26-mg-baslik:focus {color: #1B2030;} body.mz-m26 .mz-m26-mg-alt {font-size: 12.5px; color: #5B6378;} body.mz-m26 .mz-m26-mg-rozet {position: absolute; top: 8px; inset-inline-end: 8px; background: var(--mz-brand, #3F475F); color: #FFFFFF; font-size: 11px; font-weight: 700; border-radius: 6px; padding: 1px 6px; line-height: 1.5;} body.mz-m26 .mz-m26-mg-bos {margin: 0 16px; color: #5B6378; font-size: 14px;} body.mz-m26 .mz-m26-mg-sayfa {display: flex; align-items: center; justify-content: center; gap: 16px; padding: 14px 12px 0; font-size: 14px;} body.mz-m26 .mz-m26-mg-sayfa a {min-block-size: 44px; display: inline-flex; align-items: center; padding: 0 14px; border: 1px solid #CDD2DC; border-radius: 10px; background: #FFFFFF; color: #1B2030; text-decoration: none;} body.mz-m26 .mz-m26-mg-kutu {background: #FFFFFF; margin-top: 8px; padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 10px;} body.mz-m26 #mz-m26-mg-bilgi {margin-top: 12px;} body.mz-m26 .mz-m26-mg-kutu h2 {margin: 0; font-size: 16px !important; font-weight: 700; line-height: 1.5;} body.mz-m26 .mz-m26-mg-dl {margin: 0; display: flex; flex-direction: column; font-size: 14px; border-top: 1px solid #EDEFF3;} body.mz-m26 .mz-m26-mg-dl > div {display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid #EDEFF3;} body.mz-m26 .mz-m26-mg-dl dt {color: #5B6378; font-weight: 400; flex: none;} body.mz-m26 .mz-m26-mg-dl dd {margin: 0; font-weight: 600; text-align: end;} body.mz-m26 .mz-m26-mg-link {color: var(--mz-brand, #3F475F); font-weight: 600; text-decoration: underline;} body.mz-m26 .mz-m26-mg-tum summary {list-style: none; cursor: pointer;} body.mz-m26 .mz-m26-mg-tum summary::-webkit-details-marker {display: none;} body.mz-m26 .mz-m26-mg-saatler {margin: 8px 0 0; font-weight: 400;} body.mz-m26 .mz-m26-mg-saatler > div {display: flex; justify-content: space-between; gap: 12px; padding: 2px 0;} body.mz-m26 .mz-m26-mg-saatler dd {margin: 0;} body.mz-m26 #mz-m26-mg-hakkinda p {margin: 0; font-size: 14.5px; color: #2A3142;} body.mz-m26 .mz-m26-mg-sosyal {display: flex; gap: 8px;} body.mz-m26 .mz-m26-mg-sos {inline-size: 40px; block-size: 40px; border-radius: 50%; background: #ECEDEF; color: #1B2030; display: flex; align-items: center; justify-content: center; font-weight: 700; text-decoration: none;} body.mz-m26 .mz-m26-mg-sos.mz-fb {background: #E6EEFC; color: #1D4FB8;} body.mz-m26 .mz-m26-mg-zil {font-size: 13px;} body.mz-m26 .mz-m26-magaza .mz-sr {position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;} } /* 8. Giris + kayit: css/mz-m26-giris.css (v2_m26_giris ile tek basina da acilir). */ /* «نبّهني إذا نزل السعر» = YALNIZ ZIL, her genislikte (sahip, 2026-10-19). Metin ekran okuyucuda kalir; masaustunde fiyatin yaninda 40px daire. */ body.mz-m26 .mz-m26-alarm-m {position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;} @media (min-width: 768px) { body.mz-m26.mz-ilan-sayfasi .mz-ilan-ozet {display: flex; flex-wrap: wrap; align-items: center; column-gap: 10px;} body.mz-m26.mz-ilan-sayfasi .mz-ilan-ozet > .mz-m26-alarm-form {margin: 0;} body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm {display: inline-flex; align-items: center; justify-content: center; inline-size: 40px; block-size: 40px; padding: 0; border: 1px solid #CDD2DC; border-radius: 50%; background: #FFFFFF; color: #2E3448; text-decoration: none; cursor: pointer;} body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm:hover {border-color: #2E3448;} body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm-ik {display: inline-flex; line-height: 0;} body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm .mz-tik, body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm[aria-pressed="true"] .mz-zil, body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm.mz-acik .mz-zil {display: none;} body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm[aria-pressed="true"] .mz-tik, body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm.mz-acik .mz-tik {display: inline-flex;} body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm[aria-pressed="true"], body.mz-m26.mz-ilan-sayfasi .mz-m26-alarm.mz-acik {border: 1.5px solid #1F7A45; background: #E8F5EC; color: #1A6B3A;} } /* Harita konum kartinin icinde (tam ekran degil). */ @media (max-width: 767px) { body.mz-m26 .mz-m26-konum-harita {margin-block-start: 12px; border-radius: 12px; overflow: hidden; background: #E9ECF1;} body.mz-m26 .mz-m26-konum-harita > .tab-pane {display: none;} body.mz-m26 .mz-m26-konum-harita > .tab-pane.active {display: block; opacity: 1;} body.mz-m26 .mz-m26-konum-harita .panel, body.mz-m26 .mz-m26-konum-harita .panel-body {margin: 0; padding: 0; border: 0; box-shadow: none; background: none;} body.mz-m26 .mz-m26-konum-harita #harita, body.mz-m26 .mz-m26-konum-harita #pano {inline-size: 100% !important; block-size: 280px !important;} body.mz-m26 .mz-m26-konum-harita #sokak_harita {display: none;} } /* Arama sayfasi: marka kategorisinde kategori seridi yerine logolu iki satir (LPanel sayisi). */ @media (max-width: 767px) { body.mz-m26 .kategori_rail_panel .mz-ara-marka {margin: 0; padding: 0;} body.mz-m26 .mz-m26-kat-mcip[hidden] {display: none;} body.mz-m26 button.mz-m26-kat-mcip {border: 0; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer;} }