/* =====================================================================
   CIVARI MEKAN SAYFASI STİLİ (GUNCELLEME-14) — mekan.php + mekan.js
   ---------------------------------------------------------------------
   Yalnız mekan sayfası. sayfa.css'ten sonra yüklenir; mekan görünümü sayfa.css değişse de bozulmasın diye
   gereken taban kurallar burada yinelenir. tasarim.css belirteçleri kullanılır; tek istisna: fotoğrafın üstündeki
   rozet/kalp (her fotoğrafta okunur olmak için sabit koyu/açık cam) ve fotoğrafsız mekan degradeleri.
   Sırayla: 1) taban (panel, saat, güven, özellik, yorum, harita) 2) kahraman 3) gövde 4) büyük görünüm 5) masaüstü 6) mobil.
   ===================================================================== */

/* =====================================================================
   1) TABAN
   ===================================================================== */
.kirinti { margin-bottom: var(--b4); font-size: var(--y-kucuk); }
.kirinti ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 2px var(--b2); }
.kirinti li { display: inline-flex; align-items: center; }
.kirinti li + li::before { content: "/"; margin-right: var(--b2); color: var(--cizgi-guclu); }
.kirinti a { display: inline-flex; align-items: center; min-height: var(--dokunma); color: var(--ikincil); text-decoration: none; }
.kirinti a:hover { color: var(--murekkep); text-decoration: underline; }
.kirinti [aria-current="page"] { color: var(--murekkep); font-weight: 600; }

.bilgi-kutu { background: var(--turuncu-zemin); border: 1px solid var(--turuncu); border-radius: var(--r-orta); padding: var(--b4) var(--b5); margin-bottom: var(--b5); }
.bilgi-kutu p { margin: 0; max-width: none; }
.bilgi-kutu a { font-weight: 700; }
.bilgi-kutu--hata { background: var(--hata-zemin); border-color: var(--hata); }
.bilgi-kutu--acik { background: var(--acik-zemin); border-color: var(--acik-nokta); }
.bos-panel { display: grid; justify-items: center; gap: var(--b3); text-align: center; padding: var(--b10) var(--b4);
  background: var(--yuzey); border: 1px dashed var(--cizgi-guclu); border-radius: var(--r-orta); }
.bos-panel svg { width: 120px; height: 120px; color: var(--turuncu); }
.bos-panel h2 { margin: 0; }
.bos-panel p { margin: 0; color: var(--ikincil); max-width: 52ch; }
.reklam-yuva { margin-block: var(--b8); min-height: 280px; }
.panel { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-orta); padding: var(--b5); box-shadow: var(--golge-1); }
.panel h2 { margin-bottom: var(--b3); }

/* Bilgi listesi (dl) ve saat tablosu */
.bilgi-liste { margin: 0; display: grid; }
.bilgi-liste > div { display: flex; justify-content: space-between; gap: var(--b4); padding: var(--b3) 0; border-bottom: 1px solid var(--cizgi); }
.bilgi-liste > div:last-child { border-bottom: 0; }
.bilgi-liste dt { color: var(--ikincil); }
.bilgi-liste dd { margin: 0; text-align: right; font-weight: 600; overflow-wrap: anywhere; }
.bilgi-liste a { display: inline-flex; align-items: center; min-height: var(--dokunma); margin-block: calc(-1 * var(--b3)); }
.saat-tablo { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.saat-tablo th, .saat-tablo td { padding: var(--b2) 0; border-bottom: 1px solid var(--cizgi); text-align: left; font-weight: 400; }
.saat-tablo td { text-align: right; font-weight: 700; }
.saat-tablo tr:last-child > * { border-bottom: 0; }
.saat-tablo tr.bugun > * { font-weight: 800; background: var(--turuncu-zemin); }
.saat-tablo tr.bugun th { padding-left: var(--b2); border-radius: var(--r-kucuk) 0 0 var(--r-kucuk); }
.saat-tablo tr.bugun td { padding-right: var(--b2); border-radius: 0 var(--r-kucuk) var(--r-kucuk) 0; }
.not { color: var(--ikincil); font-size: var(--y-kucuk); margin: var(--b3) 0 0; max-width: none; }
/* Güven paneli: zaman çizelgesi (neyi kim ne zaman doğruladı) */
.zaman { list-style: none; margin: 0; padding: 0; position: relative; display: grid; gap: var(--b5); }
.zaman::before { content: ""; position: absolute; left: 15px; top: 8px; bottom: 8px; width: 2px; background: var(--cizgi); }
.zaman li { position: relative; display: grid; grid-template-columns: 32px 1fr; gap: var(--b3); align-items: start; }
.zaman-nokta { position: relative; z-index: 1; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center;
  background: var(--yuzey-2); color: var(--ikincil); border: 2px solid var(--yuzey); }
.zaman-nokta--onay { background: var(--acik-zemin); color: var(--acik); }
.zaman-nokta--uyari { background: var(--hata-zemin); color: var(--hata); }
.zaman-nokta--bos { background: var(--yuzey); border: 2px dashed var(--cizgi-guclu); }
.zaman strong { display: block; line-height: 1.35; }
.zaman p { margin: 2px 0 0; color: var(--ikincil); font-size: .9375rem; max-width: none; }
.zaman .dugme { margin-top: var(--b2); }
.teyit-eylem { display: flex; flex-wrap: wrap; gap: var(--b2); margin-top: var(--b3); }

/* Özellik kartları + güven çubuğu */
.oz-izgara { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--b3); grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); }
.oz-kart { display: grid; gap: var(--b2); padding: var(--b4); background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-orta); }
.oz-kart-bas { display: flex; align-items: center; gap: var(--b2); font-weight: 700; }
.oz-kart-bas .ikon { color: var(--ikincil); }
.oz-kart--dogrulandi { border-color: var(--acik-nokta); }
.oz-kart--dogrulandi .oz-kart-bas .ikon { color: var(--acik); }
.oz-durum { font-size: var(--y-kucuk); font-weight: 700; margin: 0; }
.oz-durum--dogrulandi { color: var(--acik); }
.oz-durum--hayir { color: var(--kapali); }
.oz-durum--tek, .oz-durum--celiskili { color: var(--turuncu-yazi); }
.oz-durum--bos { color: var(--ikincil); font-weight: 600; }
.guven-cubuk { display: flex; height: 8px; border-radius: var(--r-tam); overflow: hidden; background: var(--kapali-zemin); }
.guven-cubuk-evet { background: var(--acik-nokta); }
.guven-cubuk-hayir { background: var(--cizgi-guclu); }
.guven-say { display: flex; justify-content: space-between; font-size: var(--y-kucuk); color: var(--ikincil); margin: 0; font-variant-numeric: tabular-nums; max-width: none; }
.oz-oy { display: flex; gap: var(--b2); }
.oz-oy .dugme { flex: 1; min-height: var(--dokunma); padding-inline: var(--b2); }
.oz-oy .dugme[aria-pressed="true"] { background: var(--murekkep); color: var(--zemin); border-color: var(--murekkep); }
.harita { position: relative; min-height: 340px; border-radius: var(--r-orta); border: 1px solid var(--cizgi); overflow: hidden; background: var(--yuzey-2); z-index: 0; }
.harita-yedek { position: absolute; inset: 0; display: grid; place-items: center; gap: var(--b3); align-content: center; text-align: center; padding: var(--b4); color: var(--ikincil); }
.harita .leaflet-container { height: 100%; min-height: 340px; background: var(--yuzey-2); font-family: var(--yazi-govde); }
.harita .leaflet-tile-pane { filter: grayscale(.85) contrast(.95); }
@media (prefers-color-scheme: dark) { :root:not([data-tema="acik"]) .harita .leaflet-tile-pane { filter: grayscale(.9) invert(.92) hue-rotate(180deg) brightness(.9) contrast(.9); } }
:root[data-tema="koyu"] .harita .leaflet-tile-pane { filter: grayscale(.9) invert(.92) hue-rotate(180deg) brightness(.9) contrast(.9); }

/* Yorumlar */
.yorum-ozet { display: flex; align-items: center; gap: var(--b2); color: var(--ikincil); font-size: var(--y-govde); margin: 0 0 var(--b4); max-width: none; }
.yorum-ozet strong { color: var(--murekkep); font-size: var(--y-orta); }
.yorum-ozet .ikon { color: var(--turuncu-yazi); fill: currentColor; }
.yorum-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--b3); }
.yorum { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-orta); padding: var(--b4) var(--b5); }
.yorum-bas { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--b2); }
.yorum-ad { font-weight: 700; }
.yorum-yildiz { display: inline-flex; align-items: center; gap: 2px; color: var(--turuncu-yazi); font-weight: 700; font-variant-numeric: tabular-nums; }
.yorum-yildiz .ikon { fill: currentColor; width: 16px; height: 16px; }
.yorum p { margin: var(--b2) 0 0; max-width: 68ch; overflow-wrap: anywhere; }
.yorum-alt { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--b2); margin-top: var(--b2); color: var(--ikincil); font-size: var(--y-kucuk); }
.yorum-alt .dugme { color: var(--ikincil); }
.yorum-form-kutu { margin-top: var(--b6); }
.yorum-form-kutu h3 { margin-bottom: var(--b3); }
.yorum-giris { display: grid; justify-items: start; gap: var(--b3); background: var(--yuzey-2); border-radius: var(--r-orta); padding: var(--b5); }
.yorum-giris p { margin: 0; }
.yildizlar { position: relative; }
.yildizlar + .hata-yazi { margin-top: var(--b1); }
.yorum-form .alan { margin-bottom: var(--b3); }
.yorum-form .dugme--ana { min-width: 180px; }

/* =====================================================================
   2) KAHRAMAN: solda fotoğraf + galeri şeridi, sağda kimlik ve eylemler
   ===================================================================== */
.m-sahne { padding-top: var(--b6); }
.m-sahne-ic { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--b5); width: 100%; max-width: 1200px; margin-inline: auto; }

/* Medya sütunu */
.m-medya { position: relative; min-width: 0; }
.m-foto { position: relative; aspect-ratio: 4 / 3.1; background: var(--kapak-zemin); overflow: hidden;
  border-radius: 0 0 28px 28px; }
.m-foto-dugme { display: block; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; }
.m-foto-dugme img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; transition: transform var(--sure-uzun) var(--egri); }
.m-foto-dugme:hover img { transform: scale(1.025); }
.m-foto-dugme:focus-visible { outline: 3px solid var(--odak); outline-offset: -3px; }
.m-foto--yok { cursor: default; }

/* "Temsili görsel" rozeti: fotoğrafın ne olursa olsun okunur (koyu cam zemin, beyaz yazı) */
.m-temsili { position: absolute; left: var(--b3); bottom: var(--b3); z-index: 2; gap: 5px; padding: 6px 11px;
  background: rgba(20, 18, 16, .82); color: #fff; font: 700 .8125rem/1.2 var(--yazi-govde); letter-spacing: .01em;
  border-radius: var(--r-tam); box-shadow: 0 1px 6px rgba(0, 0, 0, .35); pointer-events: none; }
.m-temsili .ikon { width: 14px; height: 14px; }
.m-temsili--k { left: 5px; bottom: 5px; padding: 3px 7px; font-size: .6875rem; gap: 0; }

/* Galeri şeridi */
.m-seritfoto { list-style: none; margin: var(--b3) 0 0; padding: 0 var(--kenar) 4px; display: flex; gap: var(--b2);
  overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
.m-seritfoto::-webkit-scrollbar { display: none; }
.m-seritfoto li { flex: 0 0 112px; scroll-snap-align: start; }
.m-kucuk { position: relative; display: block; width: 100%; aspect-ratio: 4 / 3; padding: 0; border: 2px solid transparent;
  border-radius: 12px; overflow: hidden; background: var(--kapak-zemin); cursor: zoom-in;
  transition: border-color var(--sure-orta) var(--egri), transform var(--sure-orta) var(--egri); }
.m-kucuk img { width: 100%; height: 100%; object-fit: cover; }
.m-kucuk:hover { border-color: var(--cizgi-guclu); transform: translateY(-1px); }
.m-kucuk:focus-visible { outline: 3px solid var(--odak); outline-offset: 2px; }

/* Favori kalbi: yalnız mobilde fotoğrafın üstünde (masaüstünde eylem satırında "Favori" düğmesi var) */
.m-fav-ust { position: absolute; top: var(--b3); right: max(var(--b3), var(--kenar)); z-index: 3; width: var(--dokunma); height: var(--dokunma);
  display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .92); color: #1E1B18;
  box-shadow: var(--golge-1); backdrop-filter: blur(6px); }
.m-fav-ust[aria-pressed="true"] { color: #C2410C; }
.m-fav-ust[aria-pressed="true"] .ikon { fill: currentColor; }
.m-fav-ust.esne { animation: m-esne var(--sure-uzun) var(--egri-yay); }
@keyframes m-esne { 40% { transform: scale(1.2); } 100% { transform: scale(1); } }

/* Kimlik sütunu */
.m-kimlik { min-width: 0; padding-inline: var(--kenar); }
.m-kimlik .kirinti { margin-bottom: var(--b2); }
.m-ust-yazi { display: flex; flex-wrap: wrap; gap: 2px var(--b3); margin: 0 0 var(--b2); max-width: none;
  font: 700 .8125rem/1.3 var(--yazi-govde); letter-spacing: .07em; text-transform: uppercase; color: var(--ikincil); }
.m-ust-yazi > span + span::before { content: "·"; margin-right: var(--b3); color: var(--cizgi-guclu); }
.m-kimlik h1 { font-size: clamp(2.375rem, 1.4rem + 4.2vw, 4.25rem); line-height: 1.02; letter-spacing: -.025em; margin: 0 0 var(--b3); max-width: none; overflow-wrap: anywhere; }
.m-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b2) var(--b3); margin: 0 0 var(--b4); color: var(--ikincil); max-width: none; }
.m-meta:empty { display: none; }
.m-puan { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; }
.m-puan .ikon { color: var(--turuncu-yazi); fill: currentColor; }

.m-durum { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-orta); padding: var(--b4) var(--b5);
  box-shadow: var(--golge-1); display: grid; gap: var(--b3); }
.m-durum .durum { font-size: var(--y-orta); margin: 0; }
.m-durum .serit { margin-block: var(--b1); }
.m-durum-alt { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--b2); font-size: var(--y-kucuk); color: var(--ikincil); margin: 0; max-width: none; }

.m-adres { display: flex; align-items: flex-start; gap: var(--b2); margin: var(--b4) 0 0; color: var(--ikincil); max-width: none; }
.m-adres .ikon { margin-top: 2px; color: var(--turuncu-yazi); }
.m-aciklama { margin-top: var(--b4); }
.m-aciklama p { margin: 0 0 var(--b3); max-width: 60ch; font-size: 1.0625rem; line-height: 1.65; overflow-wrap: anywhere; }
.m-aciklama p:last-child { margin-bottom: 0; }
.m-aciklama .m-aciklama-yok { color: var(--ikincil); font-size: var(--y-govde); }

.m-eylem { display: flex; flex-wrap: wrap; gap: var(--b3); margin-top: var(--b6); }
.m-eylem .dugme { min-height: 50px; padding-inline: var(--b4); }
.m-eylem .dugme--koyu { flex: 1 1 140px; max-width: 190px; box-shadow: var(--golge-1); }  /* dört düğme tek satırda; "Favori" alta düşmesin */
.m-eylem .dugme[aria-pressed="true"] .ikon { fill: currentColor; color: var(--hata); }
.m-eylem .dugme[aria-pressed="true"] { border-color: var(--hata); }

/* Mobil yapışkan eylem çubuğu */
.m-bar { display: none; }

/* Fotoğrafı olmayan mekan: kategoriye göre koyu degrade + çizgili desen + büyük beyaz ad (süs; yalnız bu dosyada tanımlı renkler) */
.m-tk { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; gap: var(--b2); padding: var(--b6);
  color: #fff; overflow: hidden; background: linear-gradient(150deg, #2a2622 0%, #4a3f35 100%); }
.m-tk--kafe { background: linear-gradient(150deg, #34200f 0%, #6b3e22 52%, #b0652f 100%); }
.m-tk--tatli { background: linear-gradient(150deg, #4a1a2b 0%, #9b4a5c 55%, #e79a80 100%); }
.m-tk--bar { background: linear-gradient(150deg, #10163a 0%, #2b2561 52%, #67308a 100%); }
.m-tk--restoran { background: linear-gradient(150deg, #44200f 0%, #8a3b1f 52%, #66742f 100%); }
.m-tk-desen { position: absolute; inset: 0; color: rgba(255, 255, 255, .17); pointer-events: none; }
.m-tk-ust { position: relative; font: 700 .8125rem/1.2 var(--yazi-govde); letter-spacing: .08em; text-transform: uppercase; opacity: .85; }
.m-tk-ad { position: relative; font: 800 clamp(2rem, 1.2rem + 4vw, 3.5rem)/1.02 var(--yazi-baslik); letter-spacing: -.02em; text-wrap: balance; overflow-wrap: anywhere; text-shadow: 0 2px 18px rgba(0, 0, 0, .35); }

/* =====================================================================
   3) GÖVDE: daha iyi ritim (iki sütunlu bantlar, geniş bölümler)
   ===================================================================== */
.m-govde { padding-block: var(--b10) var(--b16); }
.m-govde > * + * { margin-top: var(--b12); }
.m-govde h2 { font-size: var(--y-buyuk); margin-bottom: var(--b3); }
.m-govde .panel h2 { font-size: var(--y-orta); }
.m-bolum > .soluk { margin: 0 0 var(--b5); max-width: 62ch; }
.m-iki { display: grid; gap: var(--b6); grid-template-columns: minmax(0, 1fr); align-items: start; }
.m-yigin { display: grid; gap: var(--b5); }
.m-harita-panel { display: flex; flex-direction: column; }
.m-harita-panel .harita { flex: 1; min-height: 360px; }
.m-harita-panel .harita .leaflet-container { min-height: 360px; }
.m-iki--tek > .panel { max-width: 820px; }
.m-dipnot { display: grid; gap: var(--b2); max-width: 760px; }
.m-dipnot .not { margin: 0; }

.oz-kart { box-shadow: var(--golge-1); transition: transform var(--sure-orta) var(--egri), box-shadow var(--sure-orta) var(--egri); }
.oz-kart:hover { transform: translateY(-2px); box-shadow: var(--golge-2); }

/* Yorumlar: sol sütunda başlık + özet, sağda liste, form altta (masaüstünde solda yapışkan) */
.m-yorumlar { display: grid; gap: var(--b5); grid-template-columns: minmax(0, 1fr); }
.m-y-bas h2 { margin-bottom: var(--b2); }
.m-yorumlar .yorum-form-kutu { margin-top: 0; }

/* =====================================================================
   4) BÜYÜK GÖRÜNÜM (native dialog)
   ===================================================================== */
.buyut { width: min(1100px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); }
.buyut .pencere-icerik { display: grid; place-items: center; align-content: center; gap: var(--b2); padding: var(--b3); }
.buyut-sahne { position: relative; display: inline-block; max-width: 100%; line-height: 0; }
.buyut-sahne img { max-height: calc(100dvh - 170px); width: auto; max-width: 100%; border-radius: var(--r-kucuk); }
.buyut-sahne .m-temsili { left: var(--b3); bottom: var(--b3); }
.buyut p { margin: 0; color: var(--ikincil); text-align: center; max-width: none; line-height: 1.4; }
.buyut-ok { position: absolute; top: 50%; z-index: 3; width: var(--dokunma); height: var(--dokunma); margin-top: -22px; border: 0; border-radius: 50%;
  display: grid; place-items: center; background: rgba(255, 255, 255, .92); color: #1E1B18; box-shadow: var(--golge-1); }
.buyut-ok--geri { left: var(--b3); }
.buyut-ok--ileri { right: var(--b3); }
.buyut-ok:focus-visible { outline: 3px solid var(--odak); outline-offset: 2px; }

/* =====================================================================
   5) MASAÜSTÜ (>= 900px): iki sütunlu kahraman ve bantlar
   ===================================================================== */
@media (min-width: 900px) {
  .m-sahne { padding-top: var(--b8); }
  .m-sahne-ic { grid-template-columns: minmax(0, 1.06fr) minmax(0, 1fr); gap: var(--b12); padding-inline: var(--kenar); align-items: start; }
  .m-foto { aspect-ratio: 1 / .94; max-height: calc(100dvh - var(--ust-yukseklik) - 150px); min-height: 380px; border-radius: 28px; box-shadow: var(--golge-2); }
  .m-seritfoto { padding-inline: 0; margin-top: var(--b4); gap: var(--b3); }
  .m-seritfoto li { flex: 1 0 calc((100% - 3 * var(--b3)) / 4.35); }  /* tek satır; dört ve azı genişliği doldurur, beşinci kenardan görünür, kaydırılır */
  .m-fav-ust { display: none; }
  .m-kimlik { padding-inline: 0; padding-top: var(--b2); }
  .m-iki { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--b8); }
  .m-iki--guven { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
  .m-iki--tek { grid-template-columns: minmax(0, 1fr); }
  .m-yorumlar { grid-template-columns: 340px minmax(0, 1fr); column-gap: var(--b10); grid-template-areas: "bas liste" "form liste"; grid-template-rows: auto 1fr; align-items: start; }
  .m-y-bas { grid-area: bas; }
  .m-y-liste { grid-area: liste; }
  .m-yorumlar .yorum-form-kutu { grid-area: form; position: sticky; top: calc(var(--ust-yukseklik) + var(--b4)); }
}

/* =====================================================================
   6) MOBİL (< 900px): tam genişlik fotoğraf, yapışkan eylem çubuğu
   ===================================================================== */
@media (max-width: 899.98px) {
  .m-sahne { padding-top: 0; }
  .m-eylem { display: none; }
  .m-kimlik { padding-top: var(--b2); }
  .m-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 590; display: flex; gap: var(--b2);
    padding: var(--b2) max(var(--kenar), env(safe-area-inset-right)) calc(var(--b2) + env(safe-area-inset-bottom)) max(var(--kenar), env(safe-area-inset-left));
    background: var(--yuzey); border-top: 1px solid var(--cizgi); box-shadow: 0 -6px 20px rgba(30, 27, 24, .1); }
  .m-bar .dugme { flex: 1 1 0; min-height: 48px; padding-inline: var(--b3); }
  .m-bar .dugme--koyu { flex: 1.6 1 0; }
  /* Alt menü varsa çubuk onun hemen üstünde durur; çubuğun kendi güvenli alanı alt menüye ait olduğundan tekrar eklenmez */
  body.altnav-var .m-bar { bottom: calc(var(--altnav-yukseklik) + env(safe-area-inset-bottom)); padding-bottom: var(--b2); }
  .sayfa-mekan main { padding-bottom: 76px; }
  body.sayfa-mekan.altnav-var .bildirimler { bottom: calc(var(--altnav-yukseklik) + 76px + var(--b3) + env(safe-area-inset-bottom)); }
}
@media (max-width: 480px) {
  .m-durum { padding: var(--b4); }
  .panel { padding: var(--b4); }
  .m-seritfoto li { flex-basis: 96px; }
  .m-bar .dugme { font-size: .9375rem; gap: 6px; }
}

/* Azaltılmış hareket + yüksek karşıtlık + yazdırma */
@media (prefers-reduced-motion: reduce) {
  .m-foto-dugme:hover img, .m-kucuk:hover, .oz-kart:hover { transform: none; }
  .m-fav-ust.esne { animation: none; }
}
@media (forced-colors: active) {
  .guven-cubuk { border: 1px solid CanvasText; }
  .guven-cubuk-evet { background: Highlight; forced-color-adjust: none; }
  .saat-tablo tr.bugun > * { outline: 1px solid Highlight; }
  .m-temsili { background: Canvas; color: CanvasText; border: 1px solid CanvasText; }
}
@media print { .m-eylem, .m-bar, .m-fav-ust, .harita, .yorum-form-kutu, .oz-oy { display: none !important; } }