/* ==========================================================================
   Özellikler sayfası (v2): bölüm düzeni, ekran mozaikleri, kategori kartları, 3B çeviri kipleri, kod sekmeleri.
   Önek: oz-  · Tasarım sistemi bileşenleri (v2-*) bilesenler.css'tedir; burada yalnız bu sayfaya özgü ayarlar var.
   ========================================================================== */

.oz .v2-bolum{padding-block:clamp(56px,7vw,100px)}
.oz .v2-bolum--ince{padding-block:clamp(48px,6vw,80px)}
.oz-sec{scroll-margin-top:36px}
.oz .v2-ekran{isolation:isolate}
.oz .v2-kart .v2-ekran{margin-block:4px}
.oz-metin,.oz-sekme-kok,.oz-mozaik{min-width:0}
/* görsellerin altındaki "örnek ayar" notları bu sayfada gösterilmez */
.oz .ornek-not{display:none}
/* kısa görsel sütunu uzun metin sütununun yanında sabit kalır */
.oz-sekme-kok{align-self:start; position:sticky; top:calc(var(--ust-yuk) + 88px)}
@media (max-width:960px){.oz-sekme-kok{position:static}}
.oz-metin .v2-baslik{margin-bottom:26px}
.oz-metin .liste-onay{margin-bottom:1.4em}
.oz-metin .liste-onay li{color:var(--metin)}
.v2-bolum--koyu .oz-metin .liste-onay li{color:#C4D2EA}
.oz-metin .v2-not{margin-top:6px}

/* ---- sayfa içi gezinti: 14 kısa giriş tek satıra sığsın ---- */
.oz-gezinti .kap{max-width:none; padding-inline:0}
.oz-gezinti ul{gap:2px; padding-inline:max(var(--gutter),calc((100% - var(--kap)) / 2))}
.oz-gezinti a{padding:0 13px; font-size:.91rem}
.oz-gezinti li:first-child a{margin-left:-13px}
@media (max-width:640px){.oz-gezinti a{min-height:48px; padding:0 12px}}

/* ---- "nerede" rozetleri ---- */
.oz-nerede{display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 22px; font:700 .72rem/1 var(--font-baslik); letter-spacing:.13em; text-transform:uppercase; color:var(--gri)}
.oz-nerede>span:first-child{margin-right:2px}
.oz-nerede .v2-cip{text-transform:none; letter-spacing:0; font:650 .8rem/1 var(--font-govde)}
.v2-bolum--koyu .oz-nerede{color:#8EA6CF}
.oz-orta .oz-nerede{justify-content:center; margin:24px 0 0}

/* ---- genel bakış ---- */
.oz-genel{margin-top:clamp(56px,7vw,96px)}
.oz-genel .v2-baslik{margin-bottom:clamp(32px,4vw,52px)}
.oz .v2-istat{margin-top:0}
@media (min-width:701px){.oz-genel .v2-izgara--3{--n:3}}
@media (max-width:700px){.oz-genel .v2-izgara--3{--n:1}}

/* ---- sekmeler ---- */
.oz-sekme-not{margin:16px 2px 0; font-size:.94rem; line-height:1.6; color:var(--gri)}
.v2-bolum--koyu .oz-sekme-not{color:#9FB4D6}
.oz-sekme-kok .v2-sekmeler{margin-bottom:22px}

/* ---- ekran mozaikleri ---- */
.oz-mozaik{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(12px,1.6vw,20px); align-items:start}
.oz-mozaik>.oz-m-buyuk{grid-column:1/-1}
.oz-mozaik--yan{grid-template-columns:minmax(0,1fr)}
@media (max-width:560px){.oz-mozaik{grid-template-columns:minmax(0,1fr)}}

/* ---- nesne kategorileri ---- */
.oz-alt-baslik{margin:clamp(44px,5vw,72px) 0 22px; font-size:1.12rem; letter-spacing:-.005em}
.oz-kat{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(12px,1.6vw,18px)}
.oz-kat-kart{padding:20px 22px 22px; border-radius:16px; background:var(--zemin); border:1px solid var(--cizgi-2)}
.oz-kat-kart h4{margin:0 0 14px; font-size:1.02rem}
.oz-kat .v2-cipler,.oz-eleman .v2-cipler,.oz-ayrica .v2-cipler,.oz-diller,.oz-kurulum-kart .v2-cipler{list-style:none; margin:0; padding:0}
.oz-kat .v2-cipler{gap:8px}
.oz-ardisik{margin-top:clamp(56px,7vw,100px)}
@media (max-width:900px){.oz-kat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.oz-kat{grid-template-columns:minmax(0,1fr)}}

/* ---- operatör elemanları ---- */
.oz-eleman{margin-top:0}
.oz-eleman .v2-kart{gap:12px}
.oz-eleman .v2-cipler{gap:8px; margin-top:4px}

/* ---- veri bölümü ---- */
.oz-ust-bol{align-items:start; margin-bottom:clamp(32px,4vw,56px)}
.oz-ust-bol .v2-baslik{margin-bottom:0}
.oz-ust-bol .liste-onay{margin:6px 0 0}
.oz-ayrica{margin-top:clamp(36px,4vw,56px)}
.oz-ayrica h3{margin:0 0 14px; font-size:1rem}
.oz-ayrica .v2-cipler{gap:8px}

/* ---- iki sütunlu bölümler (reçete + rapor, görev + yetki) ---- */
.oz-iki{align-items:start}
.oz-iki .v2-kart{gap:14px}
.oz-iki .liste-onay{margin:4px 0 6px}
.oz-iki .liste-onay li{font-size:.97rem; color:var(--metin)}
.oz-iki .v2-kart>p{margin-bottom:2px}
@media (max-width:900px){.oz-iki{--n:1}}

/* ---- 3B ---- */
.oz-ucb-kartlar{margin-top:clamp(44px,5vw,72px)}
.oz-ucb-kartlar .v2-kart{gap:16px}
.oz-kart-ikon{display:grid; place-items:center; min-height:150px; border-radius:14px; background:rgba(255,255,255,.04); border:1px dashed rgba(255,255,255,.2)}
.oz-kart-ikon .v2-ikon{width:64px; height:64px; border-radius:18px}
.oz-kart-ikon .v2-ikon .ikon{width:32px; height:32px}
.oz-cevir{margin-top:clamp(56px,7vw,100px)}
.oz-cevir .v2-baslik{max-width:820px}
.oz-h2{font-size:clamp(1.55rem,2.8vw,2.15rem); font-weight:700; letter-spacing:-.022em}
.oz-cevir .v2-baslik{margin-bottom:clamp(20px,2.4vw,32px)}
.oz-cevir .v2-kart h4{margin:0}
.oz-cevir .v2-kart{gap:10px}
.oz-cevir .v2-not{margin-top:clamp(18px,2vw,28px)}
.oz-sonra{margin-top:clamp(28px,3vw,44px)}
.oz-serit-kart{margin:0}
.oz-serit-kart figcaption{margin-top:12px; font-size:.9rem; line-height:1.45; color:var(--gri)}
.v2-bolum--koyu .oz-serit-kart figcaption{color:#9FB4D6}

/* koyu bölümlerde onay işaretli liste (site.css yalnız .bolum--koyu için tanımlı) */
.v2-bolum--koyu .liste-onay li::before{background-color:rgba(47,155,255,.18); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none' stroke='%237CC0FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5.5 9.7 2.6 2.6 5.4-5.6'/%3E%3C/svg%3E")}

/* ---- betik ---- */
.oz-kod-baslik{margin:0 0 14px; font:700 .76rem/1 var(--font-baslik); letter-spacing:.15em; text-transform:uppercase; color:#8FC6FF}
.oz-kodlar .v2-sekmeler{margin-bottom:16px}
.oz-kodlar .v2-kod{box-shadow:0 34px 70px -34px rgba(0,0,0,.8)}
.oz-kodlar .v2-kod pre{font-size:.84rem; line-height:1.75; min-height:11.5em}
.oz-betik-gorseller{margin-top:clamp(44px,5vw,72px)}

/* ---- dil ---- */
.oz-diller{display:flex; flex-wrap:wrap; gap:10px; margin:0 0 24px}
.oz-metin .oz-diller{margin-bottom:24px}

/* ---- izleme ---- */
.oz-tarayici{display:grid; grid-template-columns:minmax(0,1fr) clamp(120px,15vw,180px); gap:clamp(14px,2vw,24px); align-items:end; min-width:0}
.oz-telefon{margin:0}
.oz-telefon .telefon{width:100%}
.oz-telefon figcaption{margin-top:12px; font-size:.9rem; text-align:center; color:#9FB4D6}
.oz-ardisik.v2-izgara{margin-top:clamp(36px,4vw,60px)}

/* ---- kurulum ---- */
.oz-kurulum-kart{gap:14px; align-self:start}
.oz-kurulum-kart h3{font-size:1.05rem}
.oz-kurulum-kart .v2-cipler{gap:8px}
.oz-kurulum-kart p{margin:0}