/* =========================================================
   WORKSHOP SEPETI — TASARIM SISTEMI v1
   Framework yok (Tailwind vb.) — tek dosya, duz tasarim (golgesiz).
   ========================================================= */

/* ---------- 0. FONT (kendi sunucumuzdan; Google'a bagimlilik YOK) ----------
   Arimo (SIL OFL 1.1, static/fonts/LICENSE.txt) — Helvetica/Arial ile metrik
   uyumlu klon: Helvetica kurulu olmayan cihazlarda da ayni gorunum.
   Degisken agirlik (400-700), tek dosya. Italik yok — tarayici egerek uretir. */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/arimo-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  /* Turkce ge/se/I-noktasiz (g, s, I) bu altkumede */
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/arimo-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ---------- 1. TOKENLAR ---------- */
:root {
  --yesil: #0F6E56;
  --yesil-koyu: #085041;
  /* Blok 10: Airbnb-beyaz revizyon — sayfa zemini beyaz, kum zemin kalkti.
     --kum artik yalniz cok hafif ayrim gereken yuzeyler (th) icin acik gri. */
  --kum: #F7F7F7;
  --zemin: #FFFFFF;
  --murekkep: #1E2A32;
  --gri: #717171;
  --cizgi: #EBEBEB;
  --amber: #BA7515;
  --amber-metin: #8C5710;
  --kart: #FFFFFF;
  --kirmizi: #B00020;

  --font-baslik: 'Arimo', Helvetica, 'Helvetica Neue', Arial, sans-serif;
  --font-govde: 'Arimo', Helvetica, 'Helvetica Neue', Arial, sans-serif;

  --s-28: 1.75rem;
  --s-22: 1.375rem;
  --s-18: 1.125rem;
  --s-16: 1rem;
  --s-14: 0.875rem;
  --s-12: 0.75rem;

  --b-4: 4px;
  --b-8: 8px;
  --b-12: 12px;
  --b-16: 16px;
  --b-24: 24px;
  --b-32: 32px;
  --b-48: 48px;

  --r-kart: 12px;
  --r-buton: 10px;
  --r-hap: 24px;

  --topbar-yukseklik: 64px;
}

/* ---------- 2. TEMEL ---------- */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}
body {
  margin: 0;
  font-family: var(--font-govde);
  font-size: var(--s-16);
  line-height: 1.6;
  background: var(--zemin);
  color: var(--murekkep);
}
h1, h2, h3, h4 { font-family: var(--font-baslik); font-weight: 600; line-height: 1.25; margin: 0 0 var(--b-8); }
h1 { font-size: var(--s-28); }
h2 { font-size: var(--s-22); }
h3 { font-size: var(--s-18); }
p { margin: 0 0 var(--b-16); }
a { color: inherit; }
img { max-width: 100%; display: block; }

.container { width: min(1120px, calc(100% - 32px)); margin: 0 auto; }

/* Erisilebilirlik: gorunur focus stili */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid var(--yesil);
  outline-offset: 2px;
}
.gorsel-gizli {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.atla-baglantisi {
  position: absolute; left: 8px; top: -48px; background: var(--murekkep); color: #fff;
  padding: 10px 16px; border-radius: var(--r-buton); z-index: 2000; transition: top 0.15s ease;
}
.atla-baglantisi:focus { top: 8px; }

/* ---------- 3. TOPBAR / FOOTER ---------- */
.topbar {
  background: var(--kart);
  border-bottom: 1px solid var(--cizgi);
  position: sticky; top: 0; z-index: 500;
}
.nav { display: flex; justify-content: space-between; align-items: center; height: var(--topbar-yukseklik); gap: var(--b-16); }
.brand { font-family: var(--font-baslik); font-weight: 600; font-size: var(--s-18); color: var(--yesil); text-decoration: none; white-space: nowrap; }
.nav-linkler { display: flex; align-items: center; gap: var(--b-24); }
.nav-linkler a { color: var(--murekkep); text-decoration: none; font-size: var(--s-14); font-weight: 500; }
.nav-linkler a:hover { color: var(--yesil); }
.hamburger {
  display: none; background: none; border: 1px solid var(--cizgi); border-radius: var(--r-buton);
  width: 40px; height: 40px; cursor: pointer; font-size: var(--s-18);
}
@media (max-width: 760px) {
  .nav-linkler { display: none; flex-direction: column; align-items: flex-start; gap: var(--b-16);
    position: absolute; top: var(--topbar-yukseklik); left: 0; right: 0; background: var(--kart);
    border-bottom: 1px solid var(--cizgi); padding: var(--b-16); }
  .nav-linkler.acik { display: flex; }
  .hamburger { display: block; }
}

.footer { background: var(--murekkep); color: #fff; padding: var(--b-48) 0 var(--b-24); margin-top: var(--b-48); }
.footer-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--b-32); }
.footer h4 { color: #fff; font-size: var(--s-14); text-transform: uppercase; letter-spacing: 0.04em; color: #A9B7B2; margin-bottom: var(--b-12); }
.footer ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--b-8); }
.footer a { color: #fff; text-decoration: none; font-size: var(--s-14); }
.footer a:hover { color: var(--yesil); text-decoration: underline; }
.footer-alt { margin-top: var(--b-32); padding-top: var(--b-16); border-top: 1px solid rgba(255,255,255,0.12); font-size: var(--s-12); color: #A9B7B2; display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--b-8); }
.footer-ig { display: inline-flex; align-items: center; gap: var(--b-8); }
@media (max-width: 760px) { .footer-grid { grid-template-columns: 1fr; gap: var(--b-24); } }

main { padding: var(--b-32) 0 var(--b-48); }

/* ---------- 4. BUTONLAR ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--b-8);
  font-family: var(--font-govde); font-weight: 600; font-size: var(--s-16);
  padding: 12px 20px; border-radius: var(--r-buton); border: 1px solid transparent;
  cursor: pointer; text-decoration: none; line-height: 1.2; transition: background-color 0.15s ease, border-color 0.15s ease;
}
.btn-ana { background: var(--yesil); color: #fff; }
.btn-ana:hover { background: var(--yesil-koyu); }
.btn-ikincil { background: transparent; color: var(--yesil); border-color: var(--yesil); }
.btn-ikincil:hover { background: rgba(15,110,86,0.08); }
.btn-pasif { background: var(--cizgi); color: var(--gri); cursor: not-allowed; }
.btn-kucuk { padding: 8px 14px; font-size: var(--s-14); }
.btn-blok { width: 100%; }

/* ---------- 5. KART / GRID ---------- */
.kart {
  background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r-kart);
  padding: var(--b-16); margin-bottom: var(--b-16);
}
.card { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r-kart); padding: var(--b-16); margin-bottom: var(--b-16); }
/* Blok 10: kart izgarasi ferahladi — satir arasi 24px */
.card-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--b-24); }
.card-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--b-24); }
/* Blok 10: foto kartlari cercevesiz + zeminsiz — bilgi metni fotonun altinda */
.card-item { padding: 0; overflow: visible; background: transparent; border: none; border-radius: 0; position: relative; }
.card-item img, .hero-image { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; border-radius: var(--r-kart); }
.hero-image { border-radius: var(--r-kart); }
.card-item .card-body { padding: var(--b-12) 0 0; position: static; background: transparent; }
.card-item h3 { font-size: var(--s-16); margin-bottom: 2px; font-family: var(--font-govde); font-weight: 600; }
.card-meta { color: var(--gri); font-size: var(--s-14); margin: 0 0 4px; }
.card-fiyat { font-weight: 700; font-size: var(--s-16); }
/* Kesinlesti/son-yer rozetleri fotonun uzerine bindirilir (DOM'da card-body
   ilk cocugu olduklari icin sablon degismeden CSS ile konumlanir) */
.card-item .rozet-kesinlesti { position: absolute; top: var(--b-12); left: var(--b-12); z-index: 2; }
.card-item .rozet-sonyer { position: absolute; top: var(--b-12); right: var(--b-12); z-index: 2; }
@media (max-width: 980px) { .card-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px) { .card-grid, .card-grid-2 { grid-template-columns: 1fr; } }

.kategori-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: var(--b-16); }
@media (max-width: 980px) { .kategori-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 640px) { .kategori-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }

.yorum-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--b-16); }
@media (max-width: 760px) { .yorum-grid { grid-template-columns: 1fr; } }

/* Yatay kaydirmali kart serit (mobil) */
.kart-serit { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 1fr); gap: var(--b-16); overflow-x: auto; padding-bottom: var(--b-8); scroll-snap-type: x mandatory; }
.kart-serit .card-item { scroll-snap-align: start; }
@media (min-width: 761px) { .kart-serit { grid-auto-flow: initial; grid-template-columns: repeat(3, minmax(0,1fr)); overflow: visible; } }

/* ---------- 6. ROZET ---------- */
.rozet { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; font-size: var(--s-12); font-weight: 600; }
/* Blok 10: fotonun uzerinde yari saydam beyaz zemin + koyu metin */
.rozet-kesinlesti { background: rgba(255,255,255,0.92); color: var(--murekkep); box-shadow: 0 1px 4px rgba(0,0,0,0.14); }
.rozet-sonyer { background: #FBEEDD; color: var(--amber-metin); box-shadow: 0 1px 4px rgba(0,0,0,0.14); }
.rozet-yakinda { background: #EEECE4; color: var(--gri); }
.badge { display: inline-block; padding: 6px 10px; border-radius: 999px; font-size: 0.8rem; margin-bottom: 8px; }
.badge-green { background: #E3F3EC; color: var(--yesil-koyu); }
.badge-amber { background: #FBEEDD; color: var(--amber-metin); }

/* ---------- 7. FORM ---------- */
.form-alan { display: flex; flex-direction: column; gap: 6px; margin-bottom: var(--b-16); }
.form-alan label { font-size: var(--s-14); font-weight: 500; color: var(--murekkep); }
input, select, textarea, .filtre-cip, form button, .filters select, .filters button {
  font: inherit; font-size: var(--s-16); padding: 12px 14px; border-radius: var(--r-buton);
  border: 1px solid var(--cizgi); background: var(--kart); color: var(--murekkep);
}
textarea { min-height: 96px; resize: vertical; }
form button, .filters button { background: var(--yesil); color: #fff; border: none; font-weight: 600; cursor: pointer; }
form button:hover, .filters button:hover { background: var(--yesil-koyu); }
.filters { display: flex; flex-wrap: wrap; gap: var(--b-8); align-items: center; margin-top: var(--b-12); }
@media (max-width: 640px) { .filters { flex-direction: column; align-items: stretch; } }

/* Filtre cip */
.filtre-cip-satir { display: flex; flex-wrap: wrap; gap: var(--b-8); margin: var(--b-12) 0; }
.filtre-cip {
  display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px;
  border: 1px solid var(--cizgi); background: var(--kart); font-size: var(--s-14); cursor: pointer;
  text-decoration: none; color: var(--murekkep);
}
.filtre-cip.secili { background: var(--yesil); color: #fff; border-color: var(--yesil); }
.filtre-cip-kapat { background: none; border: none; color: inherit; cursor: pointer; font-size: var(--s-14); padding: 0; }

/* ---------- 8. HERO ---------- */
/* Blok 10: hero zemini beyaz (kum kalkti) */
.hero { background: var(--zemin); padding: var(--b-48) 0 var(--b-32); text-align: center; }
.hero h1 { font-size: 2.25rem; max-width: 20ch; margin: 0 auto var(--b-16); }
/* Blok 10: arama cubugu hap formunda (radius 24px), koyu Ara butonu */
.hero-arama { display: flex; gap: var(--b-8); max-width: 720px; margin: var(--b-24) auto 0; background: var(--kart); padding: 6px 6px 6px var(--b-16); border-radius: var(--r-hap); border: 1px solid var(--cizgi); box-shadow: 0 2px 12px rgba(0,0,0,0.06); align-items: center; }
.hero-arama input, .hero-arama select { flex: 1; border: none; background: transparent; box-shadow: none; }
.hero-arama input:focus-visible, .hero-arama select:focus-visible { outline-offset: -2px; }
.hero-arama .btn, .hero-arama button { background: var(--murekkep); color: #fff; border: none; border-radius: 999px; white-space: nowrap; }
.hero-arama .btn:hover, .hero-arama button:hover { background: #000; }
@media (max-width: 640px) { .hero-arama { flex-direction: column; align-items: stretch; border-radius: var(--r-kart); padding: var(--b-8); } .hero-arama .btn, .hero-arama button { border-radius: var(--r-buton); } .hero h1 { font-size: 1.75rem; } }

/* ---------- 9. BOLGE BANDI ---------- */
.bolge-bandi { background: var(--yesil); color: #fff; padding: var(--b-32); border-radius: var(--r-kart); display: flex; justify-content: space-between; align-items: center; gap: var(--b-16); flex-wrap: wrap; margin: var(--b-32) 0; }
.bolge-bandi select { min-width: 200px; }
@media (max-width: 640px) { .bolge-bandi { text-align: center; justify-content: center; } }

/* ---------- 10. ADIM GOSTERGE ---------- */
.adim-gosterge { display: flex; justify-content: space-between; margin-bottom: var(--b-32); counter-reset: adim; gap: var(--b-8); }
.adim-gosterge .adim { flex: 1; text-align: center; position: relative; font-size: var(--s-14); color: var(--gri); }
.adim-gosterge .adim::before {
  counter-increment: adim; content: counter(adim); display: flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 50%; background: var(--cizgi); color: var(--gri);
  margin: 0 auto 6px; font-weight: 700; font-size: var(--s-14);
}
.adim-gosterge .adim.aktif { color: var(--murekkep); font-weight: 600; }
.adim-gosterge .adim.aktif::before, .adim-gosterge .adim.tamam::before { background: var(--yesil); color: #fff; }

/* ---------- 11. BOS DURUM ---------- */
.bos-durum { text-align: center; padding: var(--b-48) var(--b-16); color: var(--gri); }
.bos-durum h3 { color: var(--murekkep); }
.bos-durum .btn { margin-top: var(--b-16); }

/* ---------- 12. RISK / ONAY KUTUSU ---------- */
.risk-kutu { border: 2px solid var(--amber); background: #FFF9F0; border-radius: var(--r-kart); padding: var(--b-24); margin-bottom: var(--b-24); }
.risk-kutu h2 { color: var(--amber); }
.risk-govde { max-height: 220px; overflow-y: auto; border: 1px solid var(--cizgi); border-radius: var(--b-8); padding: var(--b-16); background: #fff; margin-bottom: var(--b-16); }
.risk-onay-satir { display: flex; align-items: flex-start; gap: var(--b-8); opacity: 0.4; pointer-events: none; transition: opacity 0.2s ease; }
.risk-onay-satir.aktif { opacity: 1; pointer-events: auto; }

/* ---------- 13. YASAL SAYFA ---------- */
.legal { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r-kart); padding: var(--b-32); max-width: 720px; margin: 0 auto; }
.legal-taslak-bandi { background: #FBEEDD; color: var(--amber-metin); border-radius: var(--b-8); padding: var(--b-12) var(--b-16); font-weight: 600; margin-bottom: var(--b-24); }
.legal-icindekiler { border: 1px solid var(--cizgi); border-radius: var(--b-8); padding: var(--b-16); margin-bottom: var(--b-24); }
.legal-icindekiler a { display: block; padding: 4px 0; font-size: var(--s-14); color: var(--yesil); text-decoration: none; }
.legal h2 { scroll-margin-top: calc(var(--topbar-yukseklik) + 16px); }

/* ---------- 14. YORUM ---------- */
.yildizlar { color: var(--amber-metin); letter-spacing: 2px; }
.yorum-kart { font-style: normal; }
.yorum-kart .yazar { font-weight: 600; margin-top: var(--b-8); }

/* ---------- 15. STICKY REZERVASYON BARI ---------- */
.sticky-rez-bar {
  position: fixed; left: 0; right: 0; bottom: 0; background: var(--kart); border-top: 1px solid var(--cizgi);
  padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; gap: var(--b-16);
  z-index: 800; box-shadow: 0 -2px 12px rgba(0,0,0,0.06);
}
.sticky-rez-bar .fiyat { font-weight: 700; font-size: var(--s-18); }
@media (min-width: 981px) { .sticky-rez-bar { display: none; } }

.rez-kutu-sticky { position: sticky; top: calc(var(--topbar-yukseklik) + 16px); }

.etkinlik-sayfa { display: grid; grid-template-columns: 1fr 340px; gap: var(--b-32); align-items: start; }
.etkinlik-rez-kutu { display: block; }
@media (max-width: 980px) {
  .etkinlik-sayfa { grid-template-columns: 1fr; }
  .etkinlik-rez-kutu { display: none; }
  main { padding-bottom: 96px; }
}

/* ---------- 16. GALERI / LIGHTBOX ---------- */
.galeri-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: var(--b-8); margin-bottom: var(--b-24); }
.galeri-ana { border-radius: var(--r-kart); overflow: hidden; }
.galeri-yan { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--b-8); }
.galeri-yan img { aspect-ratio: 1/1; object-fit: cover; border-radius: var(--b-8); cursor: pointer; }
.galeri-tumu-btn { grid-column: 1 / -1; }
@media (max-width: 760px) {
  .galeri-grid { grid-template-columns: 1fr; overflow-x: auto; display: flex; scroll-snap-type: x mandatory; }
  .galeri-grid > * { scroll-snap-align: start; min-width: 85%; }
  .galeri-yan { display: none; }
}
.lightbox { position: fixed; inset: 0; background: rgba(15,20,18,0.92); z-index: 2000; display: flex; align-items: center; justify-content: center; padding: var(--b-16); }
.lightbox[hidden] { display: none; }
.lightbox img { max-height: 90vh; max-width: 100%; border-radius: var(--b-8); }
.lightbox-kapat { position: absolute; top: 16px; right: 16px; background: rgba(255,255,255,0.15); color: #fff; border: none; width: 40px; height: 40px; border-radius: 50%; font-size: var(--s-18); cursor: pointer; }

/* ---------- 17. KARSILASTIRMA TABLOSU ---------- */
.karsilastirma-sarmal { overflow-x: auto; }
.karsilastirma-tablo { min-width: 480px; }

/* ---------- 18. TABLO (admin dahil) ---------- */
table { width: 100%; border-collapse: collapse; background: var(--kart); border-radius: var(--r-kart); overflow: hidden; border: 1px solid var(--cizgi); }
th, td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--cizgi); font-size: var(--s-14); }
th { background: var(--kum); font-weight: 600; }

/* ---------- 19. YARDIMCILAR ---------- */
.cta { display: inline-block; margin-top: 12px; color: var(--yesil); font-weight: 600; text-decoration: none; }
.error { color: var(--kirmizi); }
.gri-metin { color: var(--gri); }
.merkez { text-align: center; }

/* ---------- 20. VIDEO (facade / lightbox / mini-player) ---------- */
.video-blok { position: relative; margin-bottom: var(--b-16); }
.video-facade { position: relative; cursor: pointer; border-radius: var(--r-kart); overflow: hidden; }
.video-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: rgba(30,42,50,0.75); color: #fff; border: none; width: 64px; height: 64px; border-radius: 50%; font-size: 1.4rem; cursor: pointer; }
.video-embed { position: relative; padding-top: 56.25%; border-radius: var(--r-kart); overflow: hidden; background: #000; }
.video-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-mini { position: fixed; right: 16px; bottom: 16px; width: 240px; height: 135px; z-index: 1000; box-shadow: 0 10px 30px rgba(0,0,0,0.35); border-radius: var(--b-8); overflow: hidden; background: #000; }
.video-mini iframe { width: 100%; height: 100%; border: 0; }
.video-mini-kapat { position: absolute; top: 4px; right: 4px; z-index: 1001; background: rgba(0,0,0,0.6); color: #fff; border: none; border-radius: 50%; width: 24px; height: 24px; cursor: pointer; }
@media (max-width: 760px) {
  /* Mobil yapiskan rezervasyon barinin ustune binmesin diye ek bosluk */
  .video-mini { bottom: 84px; width: 160px; height: 90px; }
}

/* Blok 20 bölüm 3b — arayüz metni inline düzenleme */
.metin-mod-form { display:inline; margin-left:.4rem; }
.metin-mod-buton { background:#eef;border:1px solid #ccd;border-radius:6px;padding:2px 8px;cursor:pointer;font-size:.82em; }
.metin-mod-buton.aktif { background:#2e7d32;color:#fff;border-color:#2e7d32; }
.wsx-metin { outline:1px dashed #2e7d32; outline-offset:2px; cursor:pointer; border-radius:2px; }
.wsx-metin:hover { background:rgba(46,125,50,.10); }
.wsx-duzenleyici { display:inline-flex; gap:4px; align-items:flex-start; flex-wrap:wrap; }
.wsx-duzenleyici textarea { min-width:240px; font:inherit; padding:2px 4px; }
.wsx-uyari { color:#c62828; font-size:.85em; align-self:center; }
/* Blok 20 bölüm 3c — metin paneli */
.metin-arac-cubugu { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; margin:.5rem 0; }
.metin-satir { display:flex; gap:.6rem; align-items:flex-start; padding:.35rem 0; border-bottom:1px solid #f0f0f0; flex-wrap:wrap; }
.metin-satir.degisti { background:rgba(46,125,50,.05); }
.metin-anahtar { min-width:220px; }
.metin-varsayilan { min-width:200px; font-size:.85em; }
.metin-kaydet-form textarea { min-width:260px; font:inherit; }

/* Blok 20 bölüm 4 — yorum yanıtı + flash */
.isletme-yaniti { margin-top:.4rem; padding:.4rem .6rem; background:#f3f7f3; border-left:3px solid #2e7d32; font-size:.92em; border-radius:0 4px 4px 0; }
.yorum-satir { padding:.5rem 0; border-bottom:1px solid #f0f0f0; }
.flash-alan { margin:.5rem 0; }
.flash { padding:.5rem .8rem; border-radius:6px; margin:.3rem 0; }
.flash-basari { background:#e8f5e9; color:#1b5e20; }
.flash-hata { background:#fdecea; color:#b71c1c; }