/* /ozellikler/ hub — ortak.css + ozellik.css üstüne, önek ozh- */

.ozh-hero{padding-bottom:56px}
.ozh-hero .wrap{grid-template-columns:minmax(0,1fr)}
.ozh-hero .wrap > div{max-width:780px}
.ozh-hero .eylem{margin-bottom:32px}
.ozh-atla{display:flex;flex-wrap:wrap;gap:8px}
.ozh-atla a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink-2);background:#fff;border:1px solid var(--cizgi);border-radius:999px;padding:9px 14px;transition:border-color .2s,color .2s}
.ozh-atla a span{font-size:12px;font-weight:700;color:var(--indigo);background:var(--indigo-acik);border-radius:999px;padding:2px 7px}
.ozh-atla a:hover{border-color:#CFC6FB;color:var(--indigo)}

/* gruplar */
.ozh-grup{padding:80px 0;scroll-margin-top:80px;background:var(--zemin-2)}
.ozh-grup.acik{background:#fff}
.ozh-grup-bas{display:flex;gap:18px;align-items:flex-start;margin-bottom:32px}
.ozh-grup-bas small{font-size:14px;font-weight:700;color:var(--indigo);padding-top:10px;font-variant-numeric:tabular-nums}
.ozh-grup-bas h2{font:800 clamp(26px,3vw,36px)/1.15 "Figtree";letter-spacing:-.025em;margin:0 0 6px}
.ozh-grup-bas p{margin:0;color:var(--soluk);font-size:16.5px;max-width:40em}

.ozh-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ozh-izgara.dort{grid-template-columns:repeat(2,minmax(0,1fr))}
.ozh-kart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:26px;scroll-margin-top:96px;transition:box-shadow .2s,border-color .2s}
.ozh-grup:not(.acik) .ozh-kart{background:#fff}
.ozh-grup.acik .ozh-kart{background:var(--zemin-2)}
.ozh-kart:hover{box-shadow:var(--golge);border-color:#CFC6FB}
.ozh-kart-bas{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;margin-bottom:18px}
.ozh-kart-bas .ikon{width:44px;height:44px;border-radius:11px;background:var(--indigo);color:#fff;display:grid;place-items:center}
.ozh-kart-bas .ikon svg{width:21px;height:21px}
.ozh-kart h3{margin:0 0 4px;font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.ozh-kart h3 a:hover{color:var(--indigo)}
.ozh-kart-bas p{margin:0;font-size:15px;color:var(--soluk);line-height:1.5}
.ozh-yetenek{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:10px}
.ozh-yetenek li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.ozh-yetenek li::before{content:"";width:18px;height:18px;margin-top:2px;border-radius:50%;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}
.ozh-kart-alt{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;padding-top:16px;border-top:1px solid var(--cizgi)}
.ozh-video{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--soluk)}
.ozh-video svg{width:14px;height:14px;color:var(--indigo)}
.ozh-video:hover{color:var(--indigo)}

/* logo şeridi */
.ozh-serit .bolum-bas.sol{text-align:left;max-width:680px;margin-bottom:32px}
.ozh-serit .bolum-bas.sol p{margin:0}
.ozh-serit{padding:88px 0}
.ozh-serit-satir{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:32px;align-items:center;padding:24px 0;border-top:1px solid var(--cizgi)}
.ozh-serit-satir:last-child{border-bottom:1px solid var(--cizgi)}
.ozh-serit-bas b{display:block;font-size:17px;margin-bottom:4px}
.ozh-serit-bas p{margin:0 0 8px;font-size:14px;line-height:1.55;color:var(--soluk)}
.ozh-serit-bas .link-ok{font-size:14px}
.ozh-logolar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}
.ozh-logolar li{height:60px;display:grid;place-items:center;background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:10px 16px}
.ozh-logolar img{max-height:28px;max-width:100%;width:auto;object-fit:contain}
.ozh-logolar li.ek{display:flex;justify-content:center;align-items:center;gap:8px}
.ozh-logolar li.ek img{max-height:24px;max-width:40px;flex:none}
.ozh-logolar li.ek b{font-size:16px;font-weight:700;color:var(--ink)}

/* demo çağrısı */
.ozh-demo{padding:0 0 96px}
.ozh-demo-kutu{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center;background:var(--zemin-2);border:1px solid var(--cizgi);border-radius:20px;padding:44px}
.ozh-demo-kutu small{font-size:13.5px;font-weight:600;color:var(--indigo)}
.ozh-demo-kutu h2{font:800 clamp(26px,3vw,36px)/1.15 "Figtree";letter-spacing:-.025em;margin:8px 0 12px}
.ozh-demo-kutu p{margin:0 0 24px;color:var(--soluk);font-size:16.5px}
.ozh-demo-kutu .eylem{display:flex;gap:12px;flex-wrap:wrap}
.ozh-demo-kapak{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--cizgi);box-shadow:var(--golge);transition:box-shadow .2s,transform .2s}
.ozh-demo-kapak:hover{box-shadow:var(--golge-buyuk);transform:translateY(-2px)}
.ozh-demo-kapak img{width:100%;height:auto}

@media (max-width:1060px){
  .ozh-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ozh-demo-kutu{grid-template-columns:minmax(0,1fr);gap:32px}
  .ozh-serit-satir{grid-template-columns:minmax(0,1fr);gap:16px}
}
@media (max-width:640px){
  .ozh-grup{padding:56px 0}
  .ozh-izgara,.ozh-izgara.dort{grid-template-columns:minmax(0,1fr)}
  .ozh-kart{padding:22px 20px}
  .ozh-grup-bas{gap:12px}
  .ozh-serit{padding:64px 0}
  .ozh-logolar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ozh-demo{padding-bottom:64px}
  .ozh-demo-kutu{padding:24px 20px}
}