/* KOZA ERP — herkese acik sayfalar (ana sayfa, uye ol, bilgi sayfalari). Renkler renkler.css'te, temel ogeler koza.css'te. */

.dis{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.dis > main{flex:1}
.dis-ust{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:clamp(16px,4vw,48px);padding-block:14px;background:color-mix(in srgb,var(--zemin) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.dis-ust .marka{margin:0;padding:0}
.dis-ust .logo img{height:40px;width:auto}
.dis-ust-dugmeler{display:flex;gap:8px;align-items:center}
.ust-etiket{margin:0 0 12px;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--vurgu)}
.buyuk{min-height:52px;padding-inline:22px;font-size:15.5px;border-radius:14px}

/* ---------- kahraman ---------- */
.kahraman{max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,48px);padding-block:clamp(28px,6vw,80px) clamp(36px,6vw,72px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,64px);align-items:center}
.kahraman h1{font-family:var(--f-baslik);font-weight:800;font-size:clamp(34px,5.2vw,60px);line-height:1.03;letter-spacing:-.025em;margin:0}
.kahraman h1 span{color:var(--vurgu)}
.giris-yazi{margin:20px 0 0;font-size:clamp(16px,1.6vw,18.5px);color:var(--soluk);max-width:36em;line-height:1.55}
.kahraman-dugmeler{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}

/* ornek panel cizimi (sadece CSS; gercek veri yok) */
.ornek-pencere{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:24px;box-shadow:0 30px 60px -24px rgba(24,32,58,.28),var(--golge);padding:18px;display:grid;gap:14px;transform:rotate(-1.5deg)}
.ornek-ust{display:flex;gap:6px}
.ornek-ust i{width:10px;height:10px;border-radius:50%;background:var(--cizgi)}
.ornek-kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ornek-kartlar div{border-radius:14px;padding:12px;display:grid;gap:10px}
.ornek-kartlar span{height:8px;width:55%;border-radius:4px;background:color-mix(in srgb,var(--murekkep) 16%,transparent)}
.ornek-kartlar b{height:18px;width:78%;border-radius:5px;background:color-mix(in srgb,var(--murekkep) 72%,transparent)}
.ornek-grafik{height:128px;display:flex;align-items:flex-end;gap:10px;padding:14px;border-radius:14px;background:var(--yuzey-2)}
.ornek-grafik i{flex:1;border-radius:6px 6px 2px 2px;background:var(--lacivert)}
.ornek-grafik i:nth-child(even){background:var(--tahsil)}
.ornek-grafik i:nth-child(1){height:46%} .ornek-grafik i:nth-child(2){height:30%}
.ornek-grafik i:nth-child(3){height:64%} .ornek-grafik i:nth-child(4){height:48%}
.ornek-grafik i:nth-child(5){height:82%} .ornek-grafik i:nth-child(6){height:60%}
.ornek-grafik i:nth-child(7){height:96%} .ornek-grafik i:nth-child(8){height:74%}
.ornek-satirlar{display:grid;gap:8px}
.ornek-satirlar div{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--yuzey-2)}
.ornek-satirlar i{width:8px;height:8px;border-radius:50%;flex:none}
.ornek-satirlar span{height:8px;border-radius:4px;background:var(--cizgi);flex:1}
.ornek-satirlar em{width:56px;height:18px;border-radius:999px;flex:none}

/* ---------- bolumler ---------- */
.bolum{max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,48px);padding-block:clamp(36px,6vw,68px)}
.bolum-bas{max-width:640px;margin-bottom:28px}
.bolum-bas h2{font-family:var(--f-baslik);font-weight:750;font-size:clamp(26px,3.4vw,38px);line-height:1.1;letter-spacing:-.015em;margin:0}
.bolum-bas p:not(.ust-etiket){margin:12px 0 0;color:var(--soluk);font-size:16px}

.hizmetler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hizmet{border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:8px;min-width:0}
.hizmet-ust{display:flex;justify-content:space-between;align-items:center;gap:10px}
.hizmet-ikon{width:46px;height:46px;border-radius:14px;background:var(--yuzey);display:grid;place-items:center}
.hizmet-ikon .ikon{width:24px;height:24px}
.k-gok .hizmet-ikon{color:var(--ikon-gok)}
.k-lila .hizmet-ikon{color:var(--ikon-lila)}
.hizmet.yakinda{background:var(--yuzey);border:1px dashed var(--cizgi)}
.hizmet.yakinda .hizmet-ikon{background:var(--yuzey-2);color:var(--soluk)}
.hizmet h3{font-family:var(--f-baslik);font-size:22px;font-weight:750;margin:10px 0 0;line-height:1.15}
.hizmet-kod{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--soluk)}
.hizmet ul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:9px;font-size:14.5px;line-height:1.45}
.hizmet li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:8px}
.hizmet li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--murekkep);opacity:.4;margin-top:8px}

.ozellikler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ozellik{padding:22px;border-radius:20px;background:var(--yuzey);border:1px solid var(--cizgi);min-width:0}
.ozellik-ikon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--vurgu-yumusak);color:var(--vurgu)}
.ozellik h3{margin:14px 0 6px;font-size:17px}
.ozellik p{margin:0;color:var(--soluk);font-size:14.5px;line-height:1.55}
.ozellik b{color:var(--murekkep);font-weight:600}

.adimlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.adimlar li{padding:22px;border-radius:20px;background:var(--yuzey);border:1px solid var(--cizgi)}
.adim-no{width:36px;height:36px;border-radius:50%;background:var(--lacivert);color:var(--lacivert-ink);display:grid;place-items:center;font-weight:700;font-family:var(--f-baslik)}
.adimlar h3{margin:12px 0 6px;font-size:16px}
.adimlar p{margin:0;color:var(--soluk);font-size:14px}
.uyelik-cagri{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;padding:20px 22px;border-radius:20px;background:var(--vurgu-yumusak)}
.uyelik-cagri p{margin:0;flex:1 1 280px}

.dis-alt{border-top:1px solid var(--cizgi);padding-inline:clamp(16px,4vw,48px);padding-block:22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:14px;color:var(--soluk)}
.dis-alt nav{display:flex;gap:16px}
.dis-alt a{color:var(--soluk);text-decoration:none;font-weight:600}
.dis-alt a:hover{color:var(--lacivert)}

/* ---------- basvuru formu, bilgi sayfalari ---------- */
.form-sayfa{padding-inline:16px;padding-block:clamp(16px,4vw,44px) 64px}
.form-kart{width:min(780px,100%);margin-inline:auto;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:24px;box-shadow:var(--golge);padding:clamp(20px,4vw,36px);display:flex;flex-direction:column;gap:22px}
.form-kart h1{font-family:var(--f-baslik);font-size:clamp(26px,3.6vw,34px);font-weight:750;margin:0;line-height:1.1}
.form-kart-bas p:not(.ust-etiket){margin:10px 0 0;color:var(--soluk)}
.basvuru-formu{display:flex;flex-direction:column;gap:24px;margin:0}
.form-grup{border:0;margin:0;padding:0;min-width:0}
.form-grup legend{padding:0;margin-bottom:12px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk-2)}
.alan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.alan label small{font-weight:400;color:var(--soluk-2)}
.alan textarea{min-height:96px;resize:vertical}
.paket-secim{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.paket-sec{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--cizgi);border-radius:14px;background:var(--yuzey);cursor:pointer}
.paket-sec:has(input:checked){border-color:var(--lacivert);background:var(--lacivert-soluk)}
.paket-sec input{position:absolute;top:14px;right:14px;width:18px;height:18px;margin:0;accent-color:var(--lacivert)}
.paket-sec b{font-size:14.5px;padding-right:28px;line-height:1.3}
.paket-sec span{font-size:12.5px;color:var(--soluk)}
.form-alt{margin:0;text-align:center;color:var(--soluk);font-size:14px}
.form-alt a{font-weight:600;color:var(--lacivert)}
.bilgi-sayfa{display:grid;place-items:center;padding-inline:16px;padding-block:clamp(24px,8vw,96px)}

@media (max-width:959px){
  .kahraman{grid-template-columns:minmax(0,1fr)}
  .kahraman-gorsel{max-width:520px}
  .hizmetler,.ozellikler,.adimlar{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:640px) and (max-width:959px){
  .hizmetler{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:559px){
  .dis-ust .logo img{height:30px}
  .dis-ust-dugmeler .button,.dis-ust-dugmeler .btn-birincil{min-height:38px;padding-inline:12px;font-size:13px}
  .alan-grid,.paket-secim{grid-template-columns:minmax(0,1fr)}
  .ornek-pencere{transform:none}
  .buyuk{width:100%}
}
@media (prefers-reduced-motion:no-preference){
  .ornek-pencere{transition:transform .5s ease}
  .kahraman-gorsel:hover .ornek-pencere{transform:rotate(0)}
}
.basvuru-formu .onay{align-items:flex-start;line-height:1.45}
.basvuru-formu .onay input{margin-top:2px;flex:none}
.hizmetler.hizmetler-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px}
@media (max-width:639px){.hizmetler.hizmetler-2{grid-template-columns:minmax(0,1fr)}}