/* --- Stylish İlan Form --- */
.ilan-card { max-width: 980px; margin: 36px auto;  /* ...diğer tüm stiller... */ }
/* ... */
.ilan-gallery-item .media-type { position:absolute; left:6px; top:6px; background: rgba(0,0,0,0.45); color:#fff; font-size:11px; padding:2px 6px; border-radius:6px; }

/* --- Stylish İlan Form --- */
.ilan-card { max-width: 980px; margin: 36px auto; border-radius: 14px; box-shadow: 0 10px 40px rgba(16,24,64,0.08); overflow: hidden; background: linear-gradient(180deg,#ffffff,#fbfcff); border: 1px solid rgba(18,36,84,0.04); font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial; }
.ilan-card .head { padding: 20px 26px; background: linear-gradient(90deg, rgba(31,111,235,0.06), rgba(255,255,255,0)); border-bottom: 1px solid rgba(230,235,255,0.6); }
.ilan-card .head h2 { margin: 0; font-size: 20px; letter-spacing: -0.2px; color: #0f1724; }
.ilan-card .head p { margin:6px 0 0; color:#586174; font-size:13px }
.ilan-body { padding: 22px 28px; display:block; }
.row { display:grid; grid-template-columns: repeat(3, 1fr); gap:12px; margin-bottom:12px; }
@media (max-width:900px){ .row { grid-template-columns: 1fr; } }
.field { display:flex; flex-direction:column; gap:6px; }
label { font-size:13px; color:#223; font-weight:600; }
.small { font-size:13px; color:#5b6b80; margin-top:4px; }
.input, textarea, select { padding:12px 14px; border-radius:10px; border:1px solid #e6eef8; background:#ffffff; font-size:15px; color:#102029; outline:none; transition: box-shadow .12s, border-color .12s; }
.input:focus, textarea:focus, select:focus { box-shadow: 0 6px 18px rgba(31,111,235,0.09); border-color: rgba(31,111,235,0.28); }
textarea { min-height:140px; resize:vertical; }
.fieldset { padding:14px; border-radius:12px; border:1px solid #eef4ff; background:linear-gradient(180deg,#fff,#fcfdff); margin-bottom:14px; }
#ilan_map { height: 320px; border-radius: 10px; border: 1px solid #e6eef8; margin-bottom:12px; }
@media (max-width:700px) {
  .ilan-card { max-width: 100vw; border-radius: 0; margin: 0; }
  .ilan-body { padding-left: 16px; padding-right: 16px; }
  #ilan_map { width: calc(100% + 32px); margin-left: -16px; margin-right: -16px; height: 420px !important; border-radius: 10px; }
}
.actions { display:flex; gap:12px; align-items:center; margin-top:6px; }
.btn-primary { background: linear-gradient(90deg,#1f6feb,#0057d9); color:#fff; padding:12px 18px; border-radius:12px; border:none; font-weight:700; cursor:pointer; box-shadow: 0 8px 22px rgba(31,111,235,0.12); }
.btn-ghost { background:transparent; border:1px solid #e6eef8; padding:10px 14px; border-radius:10px; color:#1b2638; cursor:pointer; }
.note { font-size:13px; color:#657586; margin-top:8px; }
.required { color:#d6333a; margin-left:6px; font-weight:700; }

/* gallery preview */
.ilan-gallery-preview { display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
.ilan-gallery-item { width:120px; height:80px; border-radius:8px; overflow:hidden; border:1px solid #e6eef8; display:flex; align-items:center; justify-content:center; background:#f7fbff; position:relative; }
.ilan-gallery-item img, .ilan-gallery-item video { width:100%; height:100%; object-fit:cover; display:block; }
.ilan-gallery-item .media-type { position:absolute; left:6px; top:6px; background: rgba(0,0,0,0.45); color:#fff; font-size:11px; padding:2px 6px; border-radius:6px; }