/* ==========================================================================
   Aiskor - ana sayfa ozel tema katmani (2026-09-20)
   Gercek fotograflarla zengin duzen. Tum gorseller lazy + en-boy kilitli.
   ========================================================================== */

/* ---------- hero (fotografli) ---------- */
.hero{position:relative;overflow:hidden;padding:54px 0 40px;border-top:0;
  background:radial-gradient(120% 90% at 12% 0%,#12203c 0%,#0a1120 45%,#070a14 100%)}
html[data-tema="acik"] .hero{background:radial-gradient(120% 90% at 12% 0%,#eaf0fb 0%,#f4f6fb 48%,#f6f7fa 100%)}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--cizgi),transparent)}
.hero-ic{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center;position:relative;z-index:1}
.hero h1{font-size:clamp(2rem,4.4vw,3.15rem);letter-spacing:-.4px;max-width:20ch}
.hero-ust{display:inline-flex;align-items:center;gap:9px;background:rgba(91,124,245,.12);border:1px solid rgba(91,124,245,.35);
  color:var(--vurgu);border-radius:100px;padding:6px 14px;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.hero-ust i{width:6px;height:6px;border-radius:50%;background:var(--vurgu);display:block}
.hero-not{color:var(--soluk);font-size:.9rem;margin-top:14px}
.hero-mini{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px;padding-top:20px;border-top:1px solid var(--cizgi)}
.hero-mini div b{display:block;font-family:var(--serif);font-size:1.5rem;color:var(--vurgu);line-height:1.1}
.hero-mini div span{font-size:.78rem;color:var(--soluk)}

/* hero gorsel karti + ustune binen rapor karti */
.hero-gorsel{position:relative}
.hero-foto{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--cizgi);aspect-ratio:16/10;
  box-shadow:0 34px 80px rgba(0,0,0,.5)}
html[data-tema="acik"] .hero-foto{box-shadow:0 30px 70px rgba(15,23,43,.16)}
.hero-foto img{width:100%;height:100%;object-fit:cover;display:block}
.hero-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,20,.05) 30%,rgba(7,10,20,.72) 100%)}
.hero-rozet{position:absolute;left:16px;bottom:16px;z-index:2;background:rgba(8,12,22,.72);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:10px 14px;color:#eaf0fb;font-size:.8rem}
.hero-rozet b{color:#fff}
.rapor-kart{position:absolute;right:-14px;bottom:-26px; width:270px;background:var(--yuzey);border:1px solid var(--cizgi);
  border-radius:16px;padding:14px;box-shadow:0 26px 60px rgba(0,0,0,.45);z-index:3}
html[data-tema="acik"] .rapor-kart{box-shadow:0 22px 50px rgba(15,23,43,.18)}
.rapor-kart .rk-ust{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.rapor-kart .rk-skor{font-family:var(--serif);font-size:1.9rem;color:var(--vurgu);line-height:1}
.rapor-kart .rk-etiket{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk)}
.rapor-satir{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--soluk);margin:6px 0}
.rapor-satir span:first-child{width:96px}
.rapor-satir .rk-bar{flex:1;height:6px;background:var(--zemin);border:1px solid var(--cizgi);border-radius:5px;overflow:hidden}
.rapor-satir .rk-bar i{display:block;height:100%}

/* ---------- adim kartlari (fotografli) ---------- */
.adim-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}
.adim-kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.adim-foto{aspect-ratio:16/9;overflow:hidden}
.adim-foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.adim-kart:hover .adim-foto img{transform:scale(1.04)}
.adim-govde{padding:18px 18px 20px}
.adim-no{display:inline-block;font-family:var(--serif);color:var(--vurgu);font-size:.95rem;margin-bottom:6px}
.adim-govde h3{margin-bottom:6px}
.adim-govde p{color:#cfd7e6;font-size:.92rem;margin:0}
html[data-tema="acik"] .adim-govde p{color:#374151}

/* ---------- modul izgarasi (fotografli) ---------- */
.modul-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}
.modul{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--cizgi);aspect-ratio:4/3;display:block}
.modul img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.modul:hover img{transform:scale(1.05)}
.modul::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,20,.12) 25%,rgba(7,10,20,.86) 100%)}
.modul-yazi{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;color:#fff}
.modul-yazi h3{color:#fff;font-size:1.02rem;margin:0 0 3px}
.modul-yazi p{color:rgba(255,255,255,.82);font-size:.8rem;margin:0;line-height:1.45}
.modul:hover{border-color:var(--vurgu);text-decoration:none}

/* ---------- genis gorsel + metin bloklari ---------- */
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.ikili.ters .ikili-gorsel{order:2}
.ikili-gorsel{border-radius:16px;overflow:hidden;border:1px solid var(--cizgi);box-shadow:0 24px 60px rgba(0,0,0,.35)}
html[data-tema="acik"] .ikili-gorsel{box-shadow:0 22px 50px rgba(15,23,43,.12)}
.ikili-gorsel img{width:100%;height:auto;display:block}
.madde-ikon{list-style:none;padding:0;margin:16px 0 0}
.madde-ikon li{position:relative;padding-left:28px;margin-bottom:10px;color:#cfd7e6;font-size:.95rem}
html[data-tema="acik"] .madde-ikon li{color:#374151}
.madde-ikon li::before{content:"✓";position:absolute;left:0;top:0;color:var(--vurgu);font-weight:700}

/* ---------- blog onizleme ---------- */
.blog-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
.blog-kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.blog-kart .blog-foto{aspect-ratio:16/9;overflow:hidden}
.blog-kart .blog-foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.blog-kart:hover .blog-foto img{transform:scale(1.04)}
.blog-govde{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1}
.blog-govde h3{font-size:1.02rem;margin-bottom:8px}
.blog-govde p{color:#cfd7e6;font-size:.9rem;flex:1}
html[data-tema="acik"] .blog-govde p{color:#374151}
.blog-tur{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vurgu);margin-bottom:8px}

/* ---------- CTA banner (fotografli) ---------- */
.cta-banner{position:relative;overflow:hidden;border-top:0;padding:0}
.cta-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cta-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,20,.92) 0%,rgba(7,10,20,.72) 55%,rgba(7,10,20,.45) 100%)}
.cta-banner-ic{position:relative;z-index:2;padding:74px 0}
.cta-banner h2{color:#fff;max-width:26ch}
.cta-banner p{color:rgba(255,255,255,.82);max-width:56ch}
.cta-banner .dugme-sade{border-color:rgba(255,255,255,.4);color:#fff}
.cta-banner .dugme-sade:hover{background:rgba(255,255,255,.12);color:#fff}

@media (max-width:1000px){
  .modul-izgara{grid-template-columns:repeat(2,1fr)}
  .adim-izgara,.blog-izgara{grid-template-columns:1fr}
}
@media (max-width:900px){
  .hero-ic,.ikili{grid-template-columns:1fr;gap:28px}
  .ikili.ters .ikili-gorsel{order:0}
  .rapor-kart{position:static;width:auto;margin-top:14px}
  .hero-gorsel{margin-bottom:8px}
}
@media (max-width:560px){
  .hero{padding:34px 0 26px}
  .modul-izgara{grid-template-columns:1fr}
  .cta-banner-ic{padding:52px 0}
  .hero-mini{gap:14px}
}

/* ---- Marka logosu (2026-09-20) ---- */
.marka-gorsel{display:flex;align-items:center}
.marka-gorsel .logo{height:46px;width:auto;display:block}
.marka-kucuk.marka-gorsel .logo{height:48px}
html:not([data-tema="acik"]) .marka-gorsel .logo{content:url("/images/logo-v3-koyu.png")}
@media (max-width:640px){.marka-gorsel .logo{height:34px}}

/* ---- ACIK TEMA LOGO: daha buyuk (2026-09-20) ---- */
html[data-tema="acik"] .marka-gorsel .logo{height:64px}
html[data-tema="acik"] .marka-kucuk.marka-gorsel .logo{height:68px}
@media (max-width:640px){html[data-tema="acik"] .marka-gorsel .logo{height:48px}}