/* =====================================================================
   Point Muhasebe — sayfaya özgü ekler. Ortak sistem: ../_ortak/point.css (değiştirilmez).
   1. Uygulama dili (Point Muhasebe mavisi, ₺)  2. Ekran parçaları  3. Fiyat / kontör
   4. Üyelik adımları  5. Yasal liste  6. Teknik çizim  7. Duyarlı
   8. Kıyas  9. Dönem kapanış ekranı  10. Firmalarım  11. Footer'ın POS satırları
   ===================================================================== */

/* ---------- 1. Uygulama dili: Point Muhasebe'nin birincil mavisi (index.css › --primary oklch(.47 .16 258)) ---------- */
.app{--a-ind:#1757B3;--a-soft:#F2F5FA}
.app .lk{color:var(--a-ind)}
.app .r .sub{text-align:right}
.a-co{color:var(--a-mut);font-size:13px;white-space:nowrap}

/* ---------- 2. Ekran parçaları ---------- */
/* sol menü (yalnız geniş ekranda) */
.a-shell{display:grid;grid-template-columns:212px minmax(0,1fr)}
.a-side{border-right:1px solid var(--a-line);background:#fff;padding:14px 10px 18px}
.a-brand{display:flex;align-items:center;gap:9px;padding:2px 8px 16px;font-size:14px;white-space:nowrap}
.a-brand i{flex:none;width:26px;height:26px;border-radius:7px;background:var(--a-ind);color:#fff;font-style:normal;font-weight:600;font-size:10.5px;display:grid;place-items:center}
.a-brand b{font-weight:600}
.a-nav li{display:flex;align-items:center;gap:10px;height:33px;padding:0 10px;border-radius:7px;color:var(--a-mut);font-size:13.5px;white-space:nowrap}
.a-nav li.on{background:var(--a-soft);color:var(--a-ink);font-weight:500}
.a-main{min-width:0}

/* Genel Bakış kartları */
.a-ov{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 24px 24px}
.a-ov .a-sc{padding:16px}
.a-ov .a-sc small{color:var(--a-ink);font-weight:600;font-size:13.5px;margin-bottom:2px}
.a-ov .a-sc .h{display:block;color:var(--a-mut);font-size:12px;margin-bottom:12px}
.a-ov .a-sc b{font-size:24px}
.a-kv{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--a-mut);margin-top:8px}
.a-kv span:last-child{color:var(--a-ink);font-variant-numeric:tabular-nums;font-weight:500}
.a-kv .neg{color:#C0262D}
.a-ov .a-sc .nt{color:var(--a-mut);font-size:13px;line-height:1.45}

/* fatura alt çubuğu */
.a-foot{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding:16px 24px;border-top:1px solid var(--a-line);background:#fff}
.a-tots{display:flex;gap:6px 18px;flex-wrap:wrap;align-items:baseline;color:var(--a-mut);font-size:13px}
.a-tots b{color:var(--a-ink);font-weight:500;font-variant-numeric:tabular-nums}
.a-tots .gt{color:var(--a-ink);font-weight:600;font-size:14px}
.a-tots .gt b{font-weight:600;font-size:17px}
.a-doc .bd{margin-top:2px}
.a-doc .sub{margin-top:4px}

/* başlık altı tek satır özet (nakit akış) */
.a-line{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 24px 0;font-weight:600}
.a-line b{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}

/* .sm-only alt satır: ortak .app .sm-only{inline} .sub'u satır içine çekiyor → blok kalsın */
.app .sub.sm-only{display:none}

/* rapor kartı: dar ekranda "daha fazla" */
.app .a-rc.sm-only{display:none}

/* ---------- 3. Fiyat / kontör ---------- */
/* üç olgu: 1 = 1 · 1 yıl · ücretsiz */
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,4vw,56px) var(--gut)}
.facts>li{border-top:2px solid var(--ink);padding-top:22px}
.facts .big{display:block;font-family:var(--fd);font-weight:800;font-size:clamp(56px,6.4vw,96px);line-height:.95;letter-spacing:-.05em}
.facts .big .o{color:var(--sig)}
.facts h3{font-family:var(--fd);font-weight:700;font-size:clamp(21px,2vw,26px);letter-spacing:-.02em;line-height:1.15;margin:22px 0 8px}
.facts p{color:var(--muted);font-size:16.5px;max-width:24em}

/* kontör harcayan belgeler */
.docs{display:flex;flex-wrap:wrap;gap:10px}
.docs li{font-family:var(--fd);font-weight:700;font-size:clamp(20px,2vw,26px);letter-spacing:-.02em;padding:10px 20px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1.5px var(--line-2);background:var(--sheet)}

/* kontör alma notu */
.buy-note{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;margin-top:40px;padding:28px 0 0}
.buy-note p{font-size:var(--t-lead);color:var(--ink-2);max-width:30em}
#adimlar .also{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}

/* hakkımızda iletişim: altı kalem → 3×2 (mobilde ortak tek kolon) */
@media (min-width:861px){#iletisim .contact{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* footer telefonu — 44px dokunma alanı */
.ftr a[href^="tel:"]{position:relative}
.ftr a[href^="tel:"]::before{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}

/* ---------- 4. Üyelik adımları ---------- */
.ksteps{border-top:1px solid var(--ink)}
.ksteps li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px 16px;padding:26px 0;border-bottom:1px solid var(--line)}
.ksteps .n{font-family:var(--fm);font-size:13px;color:var(--muted);padding-top:7px}
.ksteps h2,.ksteps h3{font-family:var(--fd);font-weight:700;font-size:clamp(23px,2.3vw,30px);letter-spacing:-.03em;line-height:1.12}
.ksteps p{color:var(--ink-2);font-size:17px;margin-top:8px;max-width:30em}
.ksteps .fl{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ksteps .fl span{font-size:14px;padding:6px 12px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink-2)}
.ksteps.wide li{grid-template-columns:72px minmax(0,1fr) minmax(0,1fr);align-items:baseline}
.ksteps.wide p{margin-top:0}
.ready{display:grid;gap:14px;margin-top:32px;padding:24px;border-radius:16px;background:var(--paper)}
.ready h2{font-family:var(--fm);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ready ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}
.ready li{display:flex;gap:10px;align-items:baseline;font-weight:600;font-size:16px}
.ready li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--sig);transform:translateY(-2px)}
.signup-cta{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:28px}
.aside-note{margin-top:22px;color:var(--muted);font-size:15px}
.aside-note a{color:var(--ink);font-weight:600;border-bottom:1.5px solid currentColor}
.aside-note a:hover{color:var(--blue)}

/* ---------- 5. Yasal liste (metinler uygulamada) ---------- */
.legal-list .ext{font-size:20px}
.legal-list a{grid-template-columns:72px minmax(0,1fr) 40px}
.legal-list li{scroll-margin-top:calc(var(--hdr-h) + 24px)}
.legal-list li:target a{background:var(--sig-soft)}
.legal-list li:target a{padding-left:12px}

/* ---------- 6. Teknik çizim: e-Fatura kâğıdı ---------- */
.t-row{fill:none;stroke:var(--line-2);stroke-width:3;stroke-linecap:round}
.t-row.k{stroke:var(--ink-2);stroke-width:3}
.t-hair{fill:none;stroke:var(--line);stroke-width:1}
.t-big{font-family:var(--fm);font-size:12px;letter-spacing:.04em;fill:var(--ink);font-weight:500}
html.js .tech.draw .t-row,html.js .tech.draw .t-hair,html.js .tech.draw .t-big{opacity:0;animation:t-fade .6s ease 1s forwards}

/* ---------- 7. Duyarlı ---------- */
@media (max-width:1080px){
}
@media (max-width:860px){
  .a-shell{grid-template-columns:minmax(0,1fr)}
  .a-side{display:none}
  .a-ov{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a-ov>:nth-child(n+5){display:none}
  .facts{grid-template-columns:minmax(0,1fr)}
  .ksteps.wide li{grid-template-columns:40px minmax(0,1fr)}
  .ksteps.wide p{grid-column:2;margin-top:6px}
  .legal-list a{grid-template-columns:40px minmax(0,1fr) 28px}
}
@media (max-width:560px){
  .a-ov{grid-template-columns:minmax(0,1fr);padding:14px;gap:8px}
  .a-ov>:nth-child(n+4){display:none}
  .a-ov .a-sc b{font-size:22px}
  .a-foot{padding:14px}
  .a-foot .a-btn:not(.pri){display:none}
  .a-tots .hide-sm{display:none}
  .a-line{padding:14px 14px 0}
  .a-line b{font-size:18px}
  .app .a-rc.sm-only{display:flex}
  .app .sub.sm-only{display:block}
  .ready ul{grid-template-columns:minmax(0,1fr)}
  .ksteps li{grid-template-columns:36px minmax(0,1fr);gap:6px 12px}
  .docs li{font-size:19px;padding:8px 16px}
}

/* ---------- 8. Kıyas: yaygın model ↔ Point Muhasebe (rakip adı yok) ---------- */
.kiyas{border-top:2px solid var(--ink)}
.kiyas .kr{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,4fr);gap:8px var(--gut);align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line)}
.kiyas .kh{padding:14px 0;font-family:var(--fm);font-size:var(--t-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.kiyas .kh span:last-child{color:var(--ink)}
.kiyas .kr>b{font-weight:600;font-size:17px}
.kiyas .kr>.y{color:var(--muted);font-size:16.5px}
.kiyas .kr>.p{display:flex;gap:10px;align-items:baseline;font-weight:600;font-size:17px}
.kiyas .kr>.p::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--sig);transform:translateY(-2px)}
.kiyas .kh>.p::before{display:none}
.kiyas .kh>span{font-size:inherit;font-weight:500}
.kiyas .lb{display:none}
.kiyas-note{margin-top:18px;color:var(--muted);font-size:15px;max-width:44em}

/* ---------- 9. Dönem kapanış ekranı (ZIP içeriği) ---------- */
.a-zip td:first-child{width:36px;padding-right:0}
.a-zip .zi{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--a-soft);color:var(--a-ind)}
.a-zip td{white-space:normal}

/* ---------- 10. Firmalarım (mali müşavir) ---------- */
.a-firms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 24px 24px}
.a-firm{border:1px solid var(--a-line);border-radius:8px;background:#fff;padding:16px;min-width:0}
.a-firm .h{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.a-firm b{font-weight:600;font-size:14px;line-height:1.3}
.a-firm .sub{margin-top:2px}
.a-firm .bd{margin-top:12px}
.a-firm .a-kv{font-size:12.5px}
@media (max-width:1080px){.a-firms{grid-template-columns:repeat(2,minmax(0,1fr))}.a-firms>:nth-child(n+3){display:none}}
@media (max-width:860px){
  .kiyas .kr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .kiyas .kr>b{grid-column:1/-1}
}
@media (max-width:560px){
  .a-firms{grid-template-columns:minmax(0,1fr);padding:14px;gap:8px}
  .a-firms>:nth-child(n+2){display:none}
  .kiyas .kh{display:none}
  .kiyas .kr{grid-template-columns:minmax(0,1fr);gap:6px;padding:18px 0}
  .kiyas .lb{display:inline;font-family:var(--fm);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:8px;font-weight:500}
}

/* Kontör fiyatları (ana sayfa #kontor) — başlık değil, sade liste */
.kpr{margin-top:clamp(40px,5vw,64px);border-top:1px solid var(--ink);padding-top:24px;display:grid;gap:20px}
.kpr-t{font-size:17px;max-width:46em;color:var(--ink-2)}
.kpr-l{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-left:1px solid var(--line)}
.kpr-l li{display:grid;gap:2px;padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.kpr-l li:nth-child(-n+4){border-top:1px solid var(--line)}
.kpr-l .c{font-size:15px;color:var(--muted)}
.kpr-l b{font-weight:600;font-size:18px;font-variant-numeric:tabular-nums}
.kpr-l small{font-family:var(--fm);font-size:11.5px;color:var(--muted)}
.kpr-n{font-size:15px;color:var(--muted)}
@media (max-width:760px){.kpr-l{grid-template-columns:repeat(2,minmax(0,1fr))}.kpr-l li:nth-child(-n+4){border-top:0}.kpr-l li:nth-child(-n+2){border-top:1px solid var(--line)}}

/* ---------- 11. Footer'ın POS satırları (PMH-210 F2 · K2) ----------
   Sanal POS başvurusunun aradığı üç satır, Can'ın footer dilinde: sekiz yasal metin (`/yasal/<slug>`, uygulamanın
   `public-site.ts › LEGAL_LINKS` sırası), kart işaretleri (uygulamanın `public/payment-marks/` resmî dosyaları — Visa'nın
   ve Mastercard'ın dosyasındaki boşluk payı `viewBox`'la kırpılır, uygulamanın `PaymentMarks`'ı gibi) + 3D Secure ve
   satıcı satırı (`COMPANY_DETAILS`). Linkler `.ftr ul a`'nın 36 / 44 px hedefini alır. */
.ftr-pos{display:grid;gap:16px;margin-top:56px;padding-top:24px;border-top:1px solid var(--line)}
.ftr-pos+.ftr-b{margin-top:24px}
.ftr-legal{display:flex;flex-wrap:wrap;gap:0 24px}
.ftr-pay{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.ftr-cards{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
.ftr-cards li{display:flex;align-items:center;height:36px}
.ftr-3ds{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 8px;border-radius:var(--r-s);box-shadow:inset 0 0 0 1px var(--line);background:var(--sheet);font-size:13px;font-weight:600;color:var(--ink)}
.ftr-3ds svg{width:20px;height:20px;padding:3px;border-radius:6px;background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ftr-seller{font-style:normal;color:var(--muted);font-size:13px;line-height:1.6;max-width:62em}