/* Özellik sayfaları ortak şablonu — v2 kurumsal çizgi (ortak.css üstüne) */

/* ─── hero ─── */
.oz-hero{padding:56px 0 72px;background:linear-gradient(180deg,#fff 0%,var(--zemin-2) 100%)}
.oz-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
.oz-iz{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--soluk-2);margin-bottom:22px}
.oz-iz a:hover{color:var(--indigo)}
.oz-iz span{color:var(--soluk)}
.oz-rozet{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}
.oz-rozet .ikon{width:40px;height:40px;border-radius:11px;background:var(--indigo);color:#fff;display:grid;place-items:center}
.oz-rozet .ikon svg{width:21px;height:21px}
.oz-rozet small{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--indigo)}
.oz-hero h1{font:800 clamp(36px,4.4vw,56px)/1.08 "Figtree";letter-spacing:-.03em;margin:0 0 18px}
.oz-hero p.giris{font-size:18.5px;color:var(--soluk);margin:0 0 28px;max-width:32em}
.oz-hero .eylem{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.oz-gercekler{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;margin:0;padding:0;font-size:14.5px;color:var(--ink-2);font-weight:500}
.oz-gercekler li{display:flex;align-items:center;gap:8px}
.oz-gercekler li::before{content:"";width:18px;height:18px;border-radius:50%;flex:none;background:var(--yesil) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/12px no-repeat}

/* hero görsel kabı: sayfaya özel maket buraya girer */
.oz-gorsel{position:relative}
.oz-pencere{background:#fff;border-radius:14px;box-shadow:var(--golge-buyuk);border:1px solid var(--cizgi);overflow:hidden}
.oz-pencere-bas{display:flex;align-items:center;gap:6px;padding:11px 16px;border-bottom:1px solid var(--cizgi);background:#FBFAFE}
.oz-pencere-bas i{width:10px;height:10px;border-radius:50%;background:#E3E0EE}
.oz-pencere-bas span{margin-left:12px;font-size:12.5px;color:var(--soluk-2);font-weight:500}
.oz-pencere-ic{padding:18px 20px}
.mk-baslik{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.mk-baslik b{font-size:15px}
.mk-baslik small{font-size:12px;color:var(--soluk-2)}
.mk-satir{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--cizgi);border-radius:10px;font-size:13.5px;background:#fff}
.mk-satir + .mk-satir{margin-top:8px}
.mk-satir .sag{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--soluk)}
.mk-satir img{height:16px;width:80px;object-fit:contain;object-position:left}
.mk-nokta{width:8px;height:8px;border-radius:50%;background:var(--yesil);flex:none}
.mk-nokta.gri{background:#CFCBE0}
.mk-nokta.sari{background:var(--sari)}
.mk-hap{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap}
.mk-yesil{background:#D1FAE5;color:#065F46}
.mk-mor{background:var(--indigo-acik);color:var(--indigo-koyu)}
.mk-sari{background:#FEF3C7;color:#92400E}
.mk-gri{background:#F1EFF7;color:var(--soluk)}
.mk-kutu{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.mk-kutu div{border:1px solid var(--cizgi);border-radius:9px;padding:9px 11px}
.mk-kutu small{display:block;font-size:11.5px;color:var(--soluk-2)}
.mk-kutu b{font-size:17px}
.oz-yuzen{position:absolute;background:#fff;border:1px solid var(--cizgi);border-radius:12px;box-shadow:var(--golge);padding:11px 14px;display:flex;gap:11px;align-items:center;font-size:13px;max-width:260px}
.oz-yuzen .ikon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;background:var(--indigo-acik);color:var(--indigo)}
.oz-yuzen .ikon svg{width:18px;height:18px}
.oz-yuzen b{display:block;font-size:13.5px}
.oz-yuzen span{color:var(--soluk);font-size:12px}
.oz-yuzen.sol-alt{left:-34px;bottom:-52px}
.oz-yuzen.sag-ust{right:-22px;top:-26px}

/* ─── bölümler ─── */
.oz-bolum{padding:88px 0}
.oz-bolum.acik{background:var(--zemin-2)}
.oz-bolum .bolum-bas{margin-bottom:44px}
.oz-bolum .bolum-bas.sol{text-align:left;max-width:680px}
.oz-bolum .bolum-bas.sol p{margin:0}

/* yetenek kartları */
.oz-kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.oz-kartlar.iki{grid-template-columns:repeat(2,minmax(0,1fr))}
.oz-kart{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:24px;position:relative}
.oz-bolum:not(.acik) .oz-kart{background:var(--zemin-2)}
.oz-kart .ikon{width:42px;height:42px;border-radius:11px;background:var(--indigo-acik);color:var(--indigo);display:grid;place-items:center;margin-bottom:16px}
.oz-kart .ikon svg{width:21px;height:21px}
.oz-kart-logo{display:flex;align-items:center;height:42px;margin-bottom:16px}
.oz-kart-logo img{max-height:36px;max-width:160px;object-fit:contain}
.oz-kart h3{margin:0 0 8px;font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.oz-kart p{margin:0;font-size:15px;line-height:1.6;color:var(--soluk)}
.oz-kart .not{display:inline-block;margin-top:12px;font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px;background:#FEF3C7;color:#92400E}
.oz-kart ul{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.oz-kart ul li{font-size:12.5px;font-weight:600;padding:4px 9px;border-radius:999px;background:#fff;border:1px solid var(--cizgi);color:var(--ink-2)}
.oz-bolum.acik .oz-kart ul li{background:var(--zemin-2)}

/* iki sütunlu anlatım: metin + maket */
.oz-iki{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
.oz-iki.ters > :first-child{order:2}
.oz-iki h2{font:800 clamp(28px,3.2vw,40px)/1.15 "Figtree";letter-spacing:-.02em;margin:0 0 14px}
.oz-iki > div > p{color:var(--soluk);font-size:17px;margin:0 0 22px}

/* yetenek tablosu */
.oz-tablo-kap{overflow-x:auto;border:1px solid var(--cizgi);border-radius:16px;background:#fff}
.oz-tablo{width:100%;border-collapse:collapse;font-size:14.5px;min-width:720px}
.oz-tablo th{font-size:12.5px;font-weight:700;color:var(--soluk);text-align:center;padding:14px 10px;border-bottom:1px solid var(--cizgi);background:#FBFAFE;white-space:nowrap}
.oz-tablo th:first-child,.oz-tablo td:first-child{text-align:left;padding-left:20px;position:sticky;left:0;background:inherit}
.oz-tablo th:first-child{background:#FBFAFE}
.oz-tablo td{padding:12px 10px;border-bottom:1px solid #F1EFF7;text-align:center;background:#fff}
.oz-tablo tr:last-child td{border-bottom:0}
.oz-tablo td:first-child{font-weight:600}
.oz-tablo td:first-child img{height:18px;max-width:96px;object-fit:contain;vertical-align:middle}
.t-var,.t-kismi,.t-yok{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%}
.t-var{background:#D1FAE5;color:#065F46}
.t-kismi{background:#FEF3C7;color:#92400E}
.t-yok{color:#C9C5DB}
.t-var svg,.t-kismi svg{width:13px;height:13px}
.oz-lejant{display:flex;flex-wrap:wrap;gap:18px;margin-top:14px;font-size:13.5px;color:var(--soluk)}
.oz-lejant span{display:inline-flex;align-items:center;gap:7px}

/* adımlar */
.oz-adimlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:18px;counter-reset:a}
.oz-adimlar li{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:24px;position:relative}
.oz-bolum:not(.acik) .oz-adimlar li{background:var(--zemin-2)}
.oz-adimlar li::before{counter-increment:a;content:counter(a);width:34px;height:34px;border-radius:50%;background:var(--indigo);color:#fff;font-weight:800;display:grid;place-items:center;font-size:15px;margin-bottom:16px}
.oz-adimlar h3{margin:0 0 6px;font-size:17px;font-weight:700}
.oz-adimlar p{margin:0;font-size:14.5px;line-height:1.55;color:var(--soluk)}

/* koyu vurgu bandı */
.oz-bant{background:var(--ink);color:#fff;padding:88px 0}
.oz-bant .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.oz-bant h2{font:800 clamp(28px,3.4vw,42px)/1.12 "Figtree";letter-spacing:-.02em;margin:0 0 14px}
.oz-bant h2 span{color:#A89BFF}
.oz-bant p{color:#B9B5D6;font-size:17px;margin:0}
.oz-bant ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.oz-bant li{background:#221D48;border:1px solid #37306B;border-radius:14px;padding:18px 20px;display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start}
.oz-bant li .ikon{width:36px;height:36px;border-radius:10px;background:rgba(168,155,255,.16);color:#C4BAFF;display:grid;place-items:center}
.oz-bant li .ikon svg{width:18px;height:18px}
.oz-bant li b{display:block;font-size:16px;margin-bottom:3px}
.oz-bant li span{font-size:14.5px;color:#B9B5D6;line-height:1.55}

/* logo / sağlayıcı şeridi */
.oz-saglayici{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.oz-saglayici div{background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;min-height:92px;justify-content:space-between}
.oz-bolum:not(.acik) .oz-saglayici div{background:var(--zemin-2)}
.oz-saglayici b{font-size:15.5px}
.oz-logo{height:34px;display:flex;align-items:center;gap:6px}
.oz-logo img{max-height:30px;max-width:140px;width:auto;object-fit:contain;object-position:left}
.oz-logo b{font-size:13.5px;font-weight:700;color:var(--ink-2);line-height:1.15;min-width:0}
.oz-logo:has(b) img{max-height:22px;max-width:92px;flex:none}
.oz-yazi{font-size:21px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.oz-yazi i{font-style:normal;font-weight:500}
.oz-saglayici small{font-size:12.5px;color:var(--soluk)}

/* ilgili özellikler */
.oz-ilgili{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.oz-ilgili a{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:20px;transition:box-shadow .2s,transform .2s,border-color .2s}
.oz-ilgili a:hover{box-shadow:var(--golge);transform:translateY(-2px);border-color:#CFC6FB}
.oz-ilgili .ikon{width:44px;height:44px;border-radius:11px;background:var(--indigo-acik);color:var(--indigo);display:grid;place-items:center}
.oz-ilgili .ikon svg{width:21px;height:21px}
.oz-ilgili b{display:block;font-size:16px;margin-bottom:3px}
.oz-ilgili span{font-size:14px;color:var(--soluk);line-height:1.5}

@media (max-width:1060px){
  .oz-hero .wrap,.oz-iki,.oz-bant .wrap{grid-template-columns:minmax(0,1fr);gap:44px}
  .oz-iki.ters > :first-child{order:0}
  .oz-kartlar,.oz-ilgili{grid-template-columns:repeat(2,minmax(0,1fr))}
  .oz-adimlar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .oz-yuzen.sol-alt{left:-8px}.oz-yuzen.sag-ust{right:-8px}
}
@media (max-width:640px){
  .oz-hero{padding:36px 0 56px}
  .oz-bolum,.oz-bant{padding:64px 0}
  .oz-kartlar,.oz-kartlar.iki,.oz-ilgili,.oz-adimlar{grid-template-columns:minmax(0,1fr)}
  .oz-yuzen{display:none}
  .mk-kutu{grid-template-columns:1fr 1fr 1fr}
}