/* Uzun tanıtım sayfaları (16.10.2026, iş I): /urun/…, /cozumler/…, /guven/ — templates/front_end/uzun/.
   yeni_ana_sayfa.css belirteçlerini ve parçalarını (.bolum, .bas, .kd*, .agac, .iz-olay, .pl-grup, .zaman, .gazete …) kullanır;
   burada yalnız uzun sayfaya özgü bileşenler var. Mantıksal özellikler (inline-start/end). Duyarlı: 1080 / 900 / 600. */

/* ---------- Kırıntı, giriş, içindekiler ---------- */
.uz-kirinti{padding-top:20px}
.uz-kirinti ol{display:flex; flex-wrap:wrap; gap:4px 8px; margin:0; padding:0; list-style:none; font-size:13px; color:var(--muted)}
.uz-kirinti li + li::before{content:"/"; margin-inline-end:8px; color:var(--hair)}
.uz-kirinti a{color:var(--muted); text-decoration:none}
.uz-kirinti a:hover{color:var(--accent); text-decoration:underline}
.uz-kirinti [aria-current]{color:var(--ink); font-weight:500}
.uz-tez{padding-block:clamp(36px,5vw,72px) 28px}
.uz-tez h1{font-size:clamp(38px,5.6vw,68px); line-height:1.02}
.uz-icindekiler{display:flex; flex-wrap:wrap; align-items:baseline; gap:10px 18px; padding:16px 0 18px; border-top:1px solid var(--hair); border-bottom:1px solid var(--hair)}
.uz-icindekiler p{margin:0; font-size:11.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--muted)}
.uz-icindekiler ol{display:flex; flex-wrap:wrap; gap:6px 8px; margin:0; padding:0; list-style:none; counter-reset:uzic}
.uz-icindekiler li{counter-increment:uzic}
.uz-icindekiler a{display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:0 12px; border:1px solid var(--hair); border-radius:999px; font-size:13px; color:var(--ink); text-decoration:none; background:var(--bg)}
.uz-icindekiler a::before{content:counter(uzic, decimal-leading-zero); font-family:var(--f-mono); font-size:10.5px; color:var(--accent)}
@media (hover:hover){ .uz-icindekiler a:hover{border-color:var(--accent); color:var(--accent)} }
.uz .bolum{scroll-margin-top:72px}
.uz-icindekiler + .bolum, .uz-icindekiler + .uz-b{border-top:0}
.uz-not{margin:20px 0 0; font-size:13.5px; color:var(--muted); max-width:78ch}
.uz-baglantilar{display:flex; flex-wrap:wrap; gap:8px 20px; margin:20px 0 0; font-size:14.5px; font-weight:600}
.uz-baglantilar a{text-decoration:none}
.uz-baglantilar a:hover{text-decoration:underline}

/* ---------- Kartlar ---------- */
.uz-kartlar{display:grid; gap:0 28px; border-top:2px solid var(--ink)}
.uz-kartlar--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.uz-kartlar--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.uz-kartlar--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.uz-kart{min-width:0; padding:20px 0 24px; border-bottom:1px solid var(--hair)}
.uz-kart h3{font-size:19px; font-weight:600; margin:0 0 8px; overflow-wrap:anywhere}
.uz-kart p{margin:0; font-size:14.5px; color:var(--muted); line-height:1.6}

/* ---------- Şerit (landing .profil-alt) ---------- */
.uz-serit{margin-top:0}

/* ---------- Tablo ---------- */
.uz-tablo-kap{min-width:0; overflow-x:auto}
.uz-ekranli{border:1px solid var(--hair); box-shadow:0 40px 70px -56px rgba(10,40,90,.45)}
.uz-ekranli .uz-tablo{margin:4px 0 8px}
.uz-ekranli .uz-tablo th:first-child, .uz-ekranli .uz-tablo td:first-child{padding-inline-start:18px}
.uz-ekranli .uz-tablo th:last-child, .uz-ekranli .uz-tablo td:last-child{padding-inline-end:18px}
.uz-tablo{width:100%; border-collapse:collapse; font-size:14px}
.uz-tablo thead th{font-size:10.5px; padding:14px 14px 9px 0; border-bottom:1px solid var(--ink)}
.uz-tablo tbody th{text-align:start; font-size:14px; font-weight:600; letter-spacing:0; text-transform:none; color:var(--ink); padding:12px 14px 12px 0; border-bottom:1px solid var(--hair); white-space:normal; vertical-align:top; min-width:10em}
.uz-tablo td{padding:12px 14px 12px 0; vertical-align:top; color:var(--ink); border-bottom:1px solid var(--hair)}
.uz-tablo tr:last-child td, .uz-tablo tr:last-child th{border-bottom:0}
.uz-tablo .cip{white-space:normal; line-height:1.35}
.uz-tablo .mono{white-space:nowrap}

/* ---------- Ekran + yan sütun ---------- */
.uz-ikili-ekran{display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:32px 48px; align-items:start}
.uz-ikili-ekran > :only-child{grid-column:1 / -1}
.uz-yan{display:grid; gap:0; border-top:2px solid var(--ink); min-width:0}
.uz-yan > div{padding:16px 0 18px; border-bottom:1px solid var(--hair)}
.uz-yan h3{font-size:17px; font-weight:600; margin:0 0 6px}
.uz-yan p{margin:0; font-size:14px; color:var(--muted); line-height:1.6}
.uz-ekran{font-size:14px; min-width:0}
.uz-uyari-satir{margin:-2px 0 10px; padding:7px 10px; font-size:12.5px; color:var(--warn); background:var(--warn-wash); border-inline-start:3px solid var(--warn)}

/* ---------- Esas sözleşme maddeleri ---------- */
.uz-maddeler-kap{display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:32px 48px; align-items:start}
.uz-maddeler{list-style:none; margin:0; padding:4px 18px 8px}
.uz-maddeler li{display:grid; grid-template-columns:52px minmax(0,1fr); gap:12px; padding:14px 0; border-bottom:1px solid var(--hair)}
.uz-maddeler li:last-child{border-bottom:0}
.uz-madde-no{display:grid; place-items:center; height:30px; border:1px solid var(--ink); font-size:12px}
.uz-madde-ust{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 12px}
.uz-madde-ust b{font-size:15px}
.uz-maddeler p{margin:4px 0 0; font-size:13.5px; color:var(--muted)}
.uz-maddeler .kd-alinti{margin:8px 0 0}
.uz-dikkat{border:1px solid var(--warn); background:var(--warn-wash); padding:20px 22px; min-width:0}
.uz-dikkat h3{font-size:18px; font-weight:600; margin:0 0 10px; color:var(--warn)}
.uz-dikkat ul{margin:0; padding-inline-start:18px; font-size:14px; line-height:1.55}
.uz-dikkat li + li{margin-top:8px}
.uz-dikkat p{margin:14px 0 0; font-size:13px; color:var(--muted)}

/* ---------- Üç katmanlı durum ---------- */
.uz-katman{list-style:none; margin:0 0 32px; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0}
.uz-katman li{position:relative; min-width:0; padding:20px 26px 22px 0; border-top:2px solid var(--ink)}
.uz-katman li + li{padding-inline-start:26px; border-inline-start:1px solid var(--hair)}
.uz-katman li:not(:last-child)::after{content:"→"; position:absolute; inset-inline-end:-9px; top:22px; width:18px; text-align:center; background:var(--bg); color:var(--accent); font-weight:700; z-index:1}
.uz-katman-no{font-size:11.5px; color:var(--accent)}
.uz-katman h3{font-size:19px; font-weight:600; margin:6px 0 8px}
.uz-katman-d{margin:0 0 10px !important; display:inline-block; font-family:var(--f-mono); font-size:12.5px; padding:4px 8px; background:var(--accent-wash); color:var(--accent); overflow-wrap:anywhere}
.uz-katman p{margin:0; font-size:14px; color:var(--muted)}

/* ---------- Ortaklık ağacı ---------- */
.uz-agac-kap{display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:28px 40px; align-items:start}
.uz-agac-sol{border:1px solid var(--hair); min-width:0; box-shadow:0 40px 70px -56px rgba(10,40,90,.45)}
.uz-agac-sol > .agac{padding:20px 22px 24px}
.uz-mini-ust{border-bottom:1px solid var(--hair)}
.uz-hesap{min-width:0}

/* ---------- İki panel ---------- */
.uz-ikili{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 28px; align-items:stretch}
.uz-panel{min-width:0; border:1px solid var(--hair); padding:22px 24px 24px; background:var(--bg)}
.uz-panel--vurgu{border-color:var(--accent-line); box-shadow:inset 0 3px 0 var(--accent)}
.uz-panel-etiket{margin:0 0 8px; font-family:var(--f-mono); font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--accent)}
.uz-panel h3{font-size:22px; font-weight:600; margin:0 0 10px}
.uz-panel > p{margin:0 0 14px; font-size:14.5px; color:var(--muted)}
.uz-dl{margin:0 0 4px; border-top:1px solid var(--hair)}
.uz-dl > div{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:4px 14px; padding:9px 0; border-bottom:1px solid var(--hair); font-size:14px}
.uz-dl dt{color:var(--muted)}
.uz-dl dd{margin:0; font-weight:500; text-align:end; overflow-wrap:anywhere}
.uz-panel-alt{margin:14px 0 0; font-size:12.5px !important; color:var(--muted); overflow-wrap:anywhere}

/* ---------- Değişiklik akışı ---------- */
.uz-akis{list-style:none; margin:0; padding:0 18px}
.uz-akis .iz-olay:last-child{border-bottom:0}

/* ---------- Kod ---------- */
.uz-kod-kap{display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:32px 48px; align-items:start}
.uz-kod{min-width:0; border:1px solid var(--hair)}
.uz-kod-sekmeler{display:flex; flex-wrap:wrap; border-bottom:1px solid var(--hair); background:var(--wash)}
.uz-kod-sekmeler [role="tab"]{font:600 13px/1.2 var(--f-body); color:var(--muted); background:none; border:0; border-bottom:2px solid transparent; padding:12px 16px 11px; min-height:44px; cursor:pointer}
.uz-kod-sekmeler [role="tab"][aria-selected="true"]{color:var(--ink); border-bottom-color:var(--accent); background:var(--bg)}
@media (hover:hover){ .uz-kod-sekmeler [role="tab"]:hover{color:var(--ink)} }
.uz-kod-panel[hidden]{display:none}
.uz-kod pre.kod{border:0; margin:0; font-size:12.5px; max-height:460px}
.uz-yanit{border-top:1px solid var(--hair)}
.uz-yanit-bas{display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; margin:0; padding:10px 16px; font-size:12.5px; border-bottom:1px solid var(--hair)}
.uz-yanit-bas .ornek-not{margin-inline-start:auto}
.uz-yanit pre.kod{background:var(--bg)}

/* ---------- E-posta ---------- */
.uz-posta{border:1px solid var(--hair); min-width:0; box-shadow:0 40px 70px -56px rgba(10,40,90,.45); background:var(--bg)}
.uz-posta-ust{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; gap:8px 16px; padding:14px 18px; background:var(--wash); border-bottom:1px solid var(--hair)}
.uz-posta-ust dl{margin:0; display:grid; gap:4px; font-size:13.5px; min-width:0}
.uz-posta-ust dl div{display:flex; gap:10px}
.uz-posta-ust dt{color:var(--muted); min-width:4.5em}
.uz-posta-ust dd{margin:0; overflow-wrap:anywhere}
.uz-posta-govde{padding:18px 18px 16px; font-size:14px}
.uz-posta-govde > p{margin:0 0 12px}
.uz-posta-govde ul{list-style:none; margin:0; padding:0; border-top:1px solid var(--hair)}
.uz-posta-govde li{padding:12px 0; border-bottom:1px solid var(--hair)}
.uz-posta-govde li .rozet{white-space:normal; margin-bottom:6px}
.uz-posta-govde li b{display:block; font-size:14.5px}
.uz-posta-govde li p{margin:2px 0 4px; color:var(--ink)}
.uz-posta-govde li small{color:var(--muted); font-size:12px}
.uz-posta-alt{margin:12px 0 0 !important; font-size:12.5px; color:var(--muted)}

/* ---------- Belgeler, zaman ---------- */
.uz-belge-govde{padding:18px 20px 20px}
.uz-zaman{padding:14px 20px 18px}
.uz-zaman::before{left:25px}

/* ---------- Grup haritası ---------- */
.uz-harita{padding:12px 8px 4px}
.uz-dugum rect{fill:var(--bg); stroke:var(--ink); stroke-width:1}
.uz-dugum text{font-family:var(--f-body); font-size:12px; fill:var(--ink); font-weight:600}
.uz-dugum text.alt{font-size:10.5px; fill:var(--muted); font-weight:400}
.uz-dugum--kisi rect{fill:var(--accent-wash); stroke:var(--accent-line)}
.uz-dugum--adres rect{fill:var(--wash); stroke:var(--hair); stroke-dasharray:3 3}
.uz-dugum--yabanci rect{fill:var(--warn-wash); stroke:var(--warn)}
.uz-dugum--merkez rect{fill:var(--accent); stroke:var(--accent)}
.uz-dugum--merkez text, .uz-dugum--merkez text.alt{fill:#ffffff}
.uz-lejant{display:flex; flex-wrap:wrap; gap:6px 18px; margin:0; padding:10px 18px 14px; list-style:none; font-size:12.5px; color:var(--muted); border-top:1px solid var(--hair)}
.uz-lejant li{display:flex; align-items:center; gap:6px}
.uz-lj{width:14px; height:10px; border:1px solid var(--ink); background:var(--bg)}
.uz-lj--kisi{background:var(--accent-wash); border-color:var(--accent-line)}
.uz-lj--adres{background:var(--wash); border:1px dashed var(--muted)}
.uz-lj--yabanci{background:var(--warn-wash); border-color:var(--warn)}
.uz-lj--merkez{background:var(--accent); border-color:var(--accent)}

/* ---------- İlgili sayfalar ---------- */
.uz-ilgili{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px}
.uz-ilgili--merkez{grid-template-columns:repeat(3,minmax(0,1fr))}
.uz-ilgili a{position:relative; display:flex; flex-direction:column; gap:6px; height:100%; min-height:132px; padding:20px 22px 44px; border:1px solid var(--hair); color:var(--ink); text-decoration:none; transition:border-color .15s, box-shadow .15s}
.uz-ilgili b{font-family:var(--f-display); font-size:21px; font-weight:600; letter-spacing:-.01em}
.uz-ilgili span{font-size:14px; color:var(--muted); line-height:1.5}
.uz-ilgili i{position:absolute; inset-inline-start:22px; bottom:16px; font-style:normal; color:var(--accent); font-weight:700; transition:transform .2s}
@media (hover:hover){ .uz-ilgili a:hover{border-color:var(--accent); box-shadow:0 24px 40px -30px rgba(0,60,150,.4)} .uz-ilgili a:hover i{transform:translateX(4px)} }

/* ---------- Duyarlı ---------- */
@media (max-width:1080px){
  .uz-kartlar--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .uz-ilgili, .uz-ilgili--merkez{grid-template-columns:repeat(2,minmax(0,1fr))}
  .uz-ikili-ekran, .uz-kod-kap, .uz-maddeler-kap{grid-template-columns:minmax(0,1fr)}
  .uz-yan{grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:28px}
}
@media (max-width:900px){
  .uz-kartlar--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .uz-katman{grid-template-columns:minmax(0,1fr)}
  .uz-katman li, .uz-katman li + li{padding-inline:0; border-inline-start:0}
  .uz-katman li:not(:last-child)::after{content:"↓"; inset-inline-end:auto; inset-inline-start:0; top:auto; bottom:-12px}
  .uz-agac-kap, .uz-ikili{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .uz-kartlar--2, .uz-kartlar--3, .uz-kartlar--4, .uz-ilgili, .uz-ilgili--merkez, .uz-yan{grid-template-columns:minmax(0,1fr)}
  .uz-tez h1{font-size:clamp(34px,10vw,44px)}
  .uz-icindekiler{gap:8px}
  .uz-icindekiler ol{flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; margin-inline:calc(-1 * var(--gut)); padding-inline:var(--gut); scrollbar-width:none}
  .uz-icindekiler ol::-webkit-scrollbar{display:none}
  .uz-icindekiler a{white-space:nowrap}
  /* tablolar telefonda kart: her hücre başlığıyla (data-baslik) */
  .uz-tablo-kap{overflow-x:visible}
  .uz-tablo, .uz-tablo tbody, .uz-tablo tr, .uz-tablo th, .uz-tablo td{display:block; width:auto}
  .uz-tablo thead{display:none}
  .uz-tablo tr{padding:12px 0; border-bottom:1px solid var(--hair)}
  .uz-ekranli .uz-tablo tr{padding-inline:14px}
  .uz-tablo tr:last-child{border-bottom:0}
  .uz-tablo tbody th, .uz-tablo td{border:0; padding:3px 0; min-width:0}
  .uz-ekranli .uz-tablo th:first-child, .uz-ekranli .uz-tablo td:first-child, .uz-ekranli .uz-tablo th:last-child, .uz-ekranli .uz-tablo td:last-child{padding-inline:0}
  .uz-tablo td::before{content:attr(data-baslik); display:block; font-size:10.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin-bottom:2px}
  .uz-tablo td:empty{display:none}
  .uz-tablo--2 td::before{display:none}                          /* iki sütunda başlık tekrarı gereksiz */
  .uz-tablo .mono{white-space:normal; overflow-wrap:anywhere}
  .uz-maddeler{padding-inline:14px}
  .uz-maddeler li{grid-template-columns:minmax(0,1fr); gap:8px}
  .uz-madde-no{justify-self:start; padding:0 10px}
  .uz-panel{padding:18px 16px 20px}
  .uz-dl > div{grid-template-columns:minmax(0,1fr)}
  .uz-dl dd{text-align:start}
  .uz-akis{padding-inline:12px}
  .uz-agac-sol > .agac{padding:16px 14px 18px}
  .uz-belge-govde{padding:14px}
  .uz-zaman{padding-inline:14px}
  .uz-zaman::before{left:19px}
  .uz-posta-govde{padding:14px}
  .uz-yanit-bas .ornek-not{margin-inline-start:0}
  .uz-kod-sekmeler [role="tab"]{flex:1 1 auto; padding-inline:12px}
}
.uz-harita-kap{overflow-x:auto}
@media (max-width:600px){ .uz-harita{min-width:540px} }