:root{--navy:#0f2742;--navy2:#1b3a5f;--gold:#c9a24a;--gold2:#e9d7a5;--ink:#1c2430;--mut:#5b6675;--line:#d9dee6;--bg:#f4f6f9;--wa:#1fa855}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
.dn-top{background:var(--navy);color:#fff;padding:12px 16px;border-bottom:3px solid var(--gold);display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}
.dn-brand b{letter-spacing:.14em;color:var(--gold);margin-right:8px}.dn-brand span{font-weight:600}
.dn-brand em{font-style:normal;background:var(--gold);color:var(--navy);padding:1px 6px;border-radius:4px;font-size:11px;font-weight:700;margin-left:8px}
.dn-nav{display:flex;flex-wrap:wrap;gap:4px}.dn-nav a{color:#fff;text-decoration:none;font-size:14px;padding:6px 10px;border-radius:6px}.dn-nav a:hover{background:rgba(255,255,255,.12)}
.dn-banner{background:#fff3cd;color:#5c4810;font-size:13px;padding:6px 16px;text-align:center;border-bottom:1px solid #e0c36a}
.dn-wrap{max-width:880px;margin:0 auto;padding:12px 14px 40px}
.dn-hero h1{font-size:24px;line-height:1.25;margin:14px 0 6px;color:var(--navy)}.dn-hero p{margin:0 0 12px;color:var(--mut);font-size:15px;line-height:1.5}
.dn-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin:0 0 14px}
.dn-card h2{margin:0 0 6px;font-size:18px;color:var(--navy)}
.dn-tabs{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.dn-tabs button{flex:1;min-width:130px;border:1px solid var(--line);background:#f4f6f9;border-radius:8px;padding:10px;font:inherit;font-weight:600;color:var(--navy);cursor:pointer}
.dn-tabs button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.dn-map{height:340px;border-radius:10px;border:1px solid var(--line)}
label{display:block;font-size:13px;color:var(--mut);margin:6px 0}
input,select,textarea{display:block;width:100%;margin-top:4px;padding:11px 10px;border:1px solid #c5ccd6;border-radius:8px;font:inherit;font-size:16px;color:var(--ink);background:#fff}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 10px}
@media(max-width:620px){.g3{grid-template-columns:1fr}.dn-hero h1{font-size:21px}}
.dn-more{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:10px 0}
.dn-more summary{cursor:pointer;font-weight:600;color:var(--navy);font-size:14px}
.hint{font-size:13px;color:var(--mut);margin:6px 0}
.btn{background:var(--navy);color:#fff;border:0;border-radius:8px;padding:12px 16px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}
.btn.big{width:100%;font-size:17px;padding:14px;margin-top:6px}
.btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--navy)}
.btn.wa{background:var(--wa)}.btn.sm{padding:7px 12px;font-size:13px}
.btn:disabled{opacity:.45;cursor:not-allowed}
.dn-actions{display:flex;gap:8px;flex-wrap:wrap}.dn-actions .btn{flex:1;min-width:150px}
.status{font-size:14px;min-height:1.2em;margin:8px 0 0}.status.err{color:#b00020}.status.ok{color:#2e7d32}
.dn-sonuc-ust{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}
.pill{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:#fdecee;color:#b00020}.pill.ok{background:#e7f5ea;color:#2e7d32}
.pk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:10px}
.pk{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px;position:relative;background:#fafbfd}
.pk.on{border-color:var(--gold);box-shadow:0 0 0 1px rgba(201,162,74,.4)}
.pk h3{margin:0;font-size:15px;color:var(--navy)}.pk .fiyat{margin:0;font-size:22px;font-weight:800;color:var(--navy)}.pk .fiyat small{display:block;font-size:12px;font-weight:600;color:var(--mut)}
.pk ul{margin:0;padding-left:18px;font-size:13px;color:var(--mut);flex:1}
.pk .badge{position:absolute;top:-9px;right:10px;background:var(--gold);color:var(--navy);font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px}
.pk-ek{margin-top:12px;font-size:14px;line-height:1.6;background:#f2f5f9;border-radius:8px;padding:10px 12px}
.kod-row{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}.kod-row .grow{flex:1;min-width:180px;margin:0}
.dn-foot{font-size:12px;color:var(--mut);line-height:1.5;margin-top:18px}
.modal{position:fixed;inset:0;background:rgba(15,39,66,.55);display:flex;align-items:center;justify-content:center;padding:14px;z-index:50}
.modal[hidden]{display:none}
.modal-in{background:#fff;border-radius:12px;padding:16px;max-width:440px;width:100%}.modal-in h3{margin:0 0 8px;color:var(--navy)}
.modal-in p{font-size:14px;line-height:1.5}
.cvr td.n{text-align:right;white-space:nowrap}
.puan{display:flex;gap:4mm;align-items:center;margin:2mm 0 3mm}.puan b{font-size:26pt;color:var(--navy)}.puan span{font-size:10pt;color:var(--mut)}
.etk{display:inline-block;font-size:7.5pt;font-weight:700;border:1px solid #9a6b00;color:#9a6b00;border-radius:1mm;padding:0 1.5mm;margin-left:1.5mm;vertical-align:middle}
/* Rapor */
.rapor{padding:10px 0 40px}
.sayfa{width:210mm;height:297mm;margin:12px auto;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.12);position:relative;overflow:hidden;padding:16mm 15mm 22mm;font-size:10pt;line-height:1.42}
@media screen and (max-width:820px){.rapor{overflow-x:auto}.sayfa{zoom:.46}}
.sayfa h2{font-size:15pt;color:var(--navy);margin:0 0 3mm;border-bottom:2px solid var(--gold);padding-bottom:2mm}
.sayfa h3{font-size:11pt;color:var(--navy);margin:5mm 0 2mm}
.kapak{background:var(--navy);color:#fff;padding:0}
.kapak .ust{padding:16mm 15mm 0;display:flex;justify-content:space-between;align-items:flex-start}
.kapak .pa{letter-spacing:.18em;color:var(--gold);font-weight:800;font-size:12pt}.kapak .pa small{display:block;letter-spacing:.04em;color:#cfd8e3;font-weight:400;font-size:8.5pt;margin-top:1mm}
.kapak .dlogo{max-width:52mm;max-height:24mm;background:#fff;border-radius:3mm;padding:2mm}
.kapak .orta{padding:48mm 15mm 0}
.kapak .etiket{display:inline-block;border:1px solid var(--gold);color:var(--gold);padding:1mm 3mm;border-radius:2mm;font-size:8.5pt;letter-spacing:.12em}
.kapak h1{font-size:28pt;line-height:1.15;margin:5mm 0 3mm;font-weight:800}
.kapak .yer{font-size:14pt;color:var(--gold2)}
.kapak .not{margin-top:8mm;font-size:11pt;color:#dbe3ec;font-style:italic}
.kapak .danisman{position:absolute;left:15mm;right:15mm;bottom:30mm;border-top:1px solid rgba(201,162,74,.6);padding-top:5mm;display:flex;justify-content:space-between;gap:8mm;font-size:10pt}
.kapak .danisman b{color:var(--gold);font-size:12pt}
.kapak .tarih{color:#cfd8e3;font-size:9pt;text-align:right}
.kapak .alt{position:absolute;left:0;right:0;bottom:0;height:16mm;background:var(--gold);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:9pt;letter-spacing:.06em}
table.kv{width:100%;border-collapse:collapse;font-size:9.5pt}
table.kv th,table.kv td{border-bottom:1px solid var(--line);padding:1.2mm 1.8mm;text-align:left;vertical-align:top}
table.kv th{width:40%;color:var(--mut);font-weight:600}
table.kv td.teyit{color:#9a6b00;font-style:italic}
table.em{width:100%;border-collapse:collapse;font-size:8.8pt}
table.em th{background:var(--navy);color:#fff;font-weight:600;padding:1.4mm 1.6mm;text-align:left}
table.em td{border-bottom:1px solid var(--line);padding:1.3mm 1.6mm}
table.em td.n{text-align:right;white-space:nowrap}
.harita{width:100%;height:74mm;border:1px solid var(--line);border-radius:2mm;position:relative;overflow:hidden;background:#e9edf2}
.harita img,.harita svg{position:absolute;inset:0;width:100%;height:100%}
.harita .atr{position:absolute;right:1.5mm;bottom:1mm;font-size:6.5pt;color:#fff;text-shadow:0 0 2px #000}
.harita .kuzey{position:absolute;left:2mm;top:2mm;background:rgba(15,39,66,.85);color:var(--gold);font-weight:800;font-size:8pt;padding:1mm 2mm;border-radius:1mm}
.kutu{border:1px solid var(--line);border-left:3mm solid var(--gold);background:#fbf8f0;padding:2.5mm 3.5mm;border-radius:1.5mm;margin:3mm 0;font-size:9pt}
.kutu.uyari{border-left-color:#b00020;background:#fdf3f4}
.kutu.navy{border-left-color:var(--navy);background:#f2f5f9}
.bant{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm;margin:2mm 0}
.bant div{background:var(--navy);color:#fff;border-radius:2mm;padding:3mm;text-align:center}
.bant div small{display:block;color:var(--gold2);font-size:8pt}.bant div b{font-size:13pt}
.yetersiz{border:2px dashed #b00020;color:#b00020;padding:4mm;text-align:center;font-weight:700;border-radius:2mm;margin:2mm 0}
.g2r{display:grid;grid-template-columns:1fr 1fr;gap:5mm}
.sayfa .ayak{position:absolute;left:15mm;right:15mm;bottom:8mm;border-top:1px solid var(--gold);padding-top:2mm;display:flex;justify-content:space-between;font-size:7.6pt;color:var(--mut)}
.sayfa .ayak b{color:var(--navy)}
.kucuk{font-size:7.8pt;color:var(--mut);line-height:1.35}
@page{size:A4;margin:0}
@media print{
  body{background:#fff}
  .screen{display:none}
  .rapor{padding:0}
  .sayfa{margin:0;box-shadow:none;zoom:1;page-break-after:always;break-after:page}
  .sayfa:last-child{page-break-after:auto;break-after:auto}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* DEMO filigranı — ekran + yazdırma */
.rapor.demo .sayfa::before{
  content:"ÜCRETSİZ DENEME · parselatlasi.com";
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:28pt;font-weight:800;letter-spacing:.08em;color:rgba(176,0,32,.18);
  transform:rotate(-32deg);pointer-events:none;z-index:20;text-align:center;line-height:1.2;
  text-shadow:0 0 1px rgba(255,255,255,.4);
}
@media print{
  .rapor.demo .sayfa::before{
    color:rgba(176,0,32,.22);font-size:32pt;
    -webkit-print-color-adjust:exact;print-color-adjust:exact;
  }
}
.harita img.tl{position:absolute;inset:auto;max-width:none}
@media print{.screen{display:block!important}.dn-top,.dn-banner,.modal,.dn-wrap>*:not(#rapor){display:none!important}.dn-wrap{max-width:none;padding:0;margin:0}}

/* v3: 3B arazi, ödeme formu */
.a3d{position:relative;margin:2mm 0 3mm}
.a3d-map{width:100%;height:105mm;border-radius:2mm;overflow:hidden;background:#0f2742;position:relative}
.a3d-bek{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#cfd8e3;font-size:10pt;text-align:center;padding:6mm}
.a3d-img{display:none;width:100%;border-radius:2mm}
.a3d-ctl{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:2mm}
.mform{margin-top:8px}.mform input{width:100%}
label.chk{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin-top:6px;font-weight:400}
label.chk input{width:auto;margin-top:3px}
.kodbuyuk{font-size:20px;letter-spacing:1px;color:#0f2742}
.modal-in{max-height:92vh;overflow:auto}
@media print{.a3d-map,.screen-only{display:none!important}.a3d-img{display:block!important;max-height:110mm;object-fit:cover}}
@media print{.sayfa table.em td,.sayfa table.em th{padding-top:1.2mm;padding-bottom:1.2mm}.sayfa h3{margin-top:3mm}}