/* =========================================================
   YusufAntil.com — Koyu Tema Ana Stil
   Taban: siyah/antrasit + kırmızı aksan
   ========================================================= */

:root{
  --kirmizi:#C01818;
  --kirmizi-parlak:#DC2222;
  --kirmizi-koyu:#9E1212;
  --siyah:#070A0D;
  --siyah-2:#0B0F14;
  --siyah-3:#000000;
  --beyaz:#FFFFFF;
  --gri-baslik:#9AA1A8;
  --gri-metin:#A2A8AE;
  --gri-sonuk:#767C82;
  --cizgi:rgba(255,255,255,0.10);
  --cizgi-2:rgba(255,255,255,0.06);
  --yuzey:rgba(255,255,255,0.028);
  --radius:12px;
  --radius-buyuk:18px;
  --gecis:all .22s ease;
  --kapsayici:1320px;
  --script:"Dancing Script","Segoe Script","Bradley Hand",cursive;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:100px;}
body{
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:var(--siyah);
  color:var(--beyaz);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
ul{list-style:none;}
:focus-visible{outline:2px solid var(--kirmizi-parlak);outline-offset:3px;}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;}}

.kapsayici{max-width:var(--kapsayici);margin:0 auto;padding:0 44px;}

/* ---------- Butonlar ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 24px;border-radius:9px;font-size:14.5px;font-weight:600;
  border:none;cursor:pointer;transition:var(--gecis);white-space:nowrap;
}
.btn-birincil{background:var(--kirmizi);color:#fff;}
.btn-birincil:hover{background:var(--kirmizi-parlak);transform:translateY(-1px);}
.btn-ikincil{border:1px solid var(--cizgi);color:#fff;background:transparent;}
.btn-ikincil:hover{border-color:var(--kirmizi-parlak);background:rgba(192,24,24,.1);}
.btn-buyuk{font-size:15.5px;padding:16px 28px;}
.btn-kucuk{font-size:13.5px;padding:10px 18px;}

/* =========================================================
   ÜST MENÜ
   ========================================================= */
.ust-bar{
  position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;
  transition:background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease;
}
.ust-bar.koyu{background:rgba(7,10,13,.94);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--cizgi);}
body.ic-sayfa .ust-bar{background:rgba(7,10,13,.94);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--cizgi);}
.ust-bar-ic{display:flex;align-items:center;gap:40px;height:88px;}

.logo-alan{display:flex;flex-direction:column;gap:3px;flex-shrink:0;}
.logo-gorsel{height:38px;width:auto;}
.logo{font-size:25px;font-weight:800;letter-spacing:-.9px;line-height:1;color:#fff;}
.logo .bordo,.logo .com{color:var(--kirmizi-parlak);}
.tagline{font-size:10.5px;letter-spacing:.9px;color:var(--gri-sonuk);font-weight:500;}

.menu{display:flex;align-items:center;gap:34px;margin:0 auto;}
.menu > a,.menu-dropdown > a{
  font-size:15px;font-weight:500;color:rgba(255,255,255,.88);
  display:inline-flex;align-items:center;gap:6px;padding:8px 0;position:relative;transition:color .2s;
}
.menu > a:hover,.menu-dropdown > a:hover{color:#fff;}
.menu a.aktif{color:#fff;}
.menu a.aktif::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--kirmizi-parlak);}
.menu-ok{width:13px;height:13px;opacity:.6;}

.menu-aksiyon{display:flex;align-items:center;gap:14px;flex-shrink:0;}
.ikon-btn{
  width:40px;height:40px;border-radius:50%;border:1px solid var(--cizgi);
  background:transparent;color:rgba(255,255,255,.8);display:grid;place-items:center;cursor:pointer;transition:var(--gecis);
}
.ikon-btn:hover{border-color:rgba(255,255,255,.3);color:#fff;}
.ikon-btn svg{width:17px;height:17px;}

.menu-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:8px;}
.menu-toggle span{width:24px;height:2px;background:#fff;border-radius:2px;transition:var(--gecis);}

/* ---------- Mega menü ---------- */
.mega-dropdown{position:relative;}
/* Mega panel: ust bara gore sabit, ekranin ortasinda.
   Gruplar kac tane olursa olsun TEK SIRA halinde yan yana durur. */
.mega-panel{
  position:fixed;top:88px;left:50%;transform:translateX(-50%) translateY(10px);
  width:min(1280px,calc(100vw - 48px));
  background:#0B0F14;border:1px solid var(--cizgi);border-radius:14px;
  padding:28px 32px;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;
  box-shadow:0 24px 60px rgba(0,0,0,.6);
}
.mega-panel-egitim{width:min(880px,calc(100vw - 48px));}
.mega-dropdown:hover .mega-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.mega-izgara{display:flex;align-items:flex-start;gap:28px;}
.mega-grup{flex:1 1 0;min-width:0;}
.mega-grup-baslik{
  display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;
  color:#fff;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--cizgi-2);
  line-height:1.3;
}
.mega-ikon{display:inline-flex;color:var(--kirmizi-parlak);}
.menu-ikon-svg{width:16px;height:16px;}
.oge-ikon-svg{width:15px;height:15px;}
.mega-oge{
  display:flex;align-items:flex-start;gap:9px;font-size:12.8px;line-height:1.45;
  color:var(--gri-metin);padding:6px 0;transition:color .18s;
}
.mega-oge .oge-ikon{margin-top:1px;}
.mega-oge:hover{color:#fff;}
.oge-ikon{display:inline-flex;color:var(--gri-sonuk);flex-shrink:0;}
.mega-oge:hover .oge-ikon{color:var(--kirmizi-parlak);}

/* ---------- Arama şeridi ---------- */
.arama-serit{
  max-height:0;overflow:hidden;background:rgba(7,10,13,.97);
  border-bottom:1px solid transparent;transition:max-height .28s ease,border-color .28s ease;
}
.arama-serit.acik{max-height:110px;border-bottom-color:var(--cizgi);}
.arama-form{display:flex;align-items:center;gap:10px;padding:16px 44px;}
.arama-form input{
  flex:1;background:rgba(255,255,255,.05);border:1px solid var(--cizgi);
  border-radius:9px;padding:13px 16px;color:#fff;font-size:15px;font-family:inherit;
}
.arama-form input::placeholder{color:var(--gri-sonuk);}
.arama-form input:focus{outline:none;border-color:var(--kirmizi-parlak);}
.arama-form button{
  background:var(--kirmizi);border:none;border-radius:9px;width:46px;height:46px;
  display:grid;place-items:center;color:#fff;cursor:pointer;transition:var(--gecis);
}
.arama-form button:hover{background:var(--kirmizi-parlak);}
.arama-form button svg{width:19px;height:19px;}

/* ---------- Mobil menü ---------- */
.mobil-menu{
  position:fixed;inset:0;z-index:99;background:rgba(7,10,13,.985);backdrop-filter:blur(10px);
  padding:110px 32px 40px;display:flex;flex-direction:column;gap:2px;
  transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);overflow-y:auto;
}
.mobil-menu.acik{transform:translateX(0);}
.mobil-menu > a{font-size:21px;font-weight:600;padding:15px 0;border-bottom:1px solid var(--cizgi-2);}
.mobil-menu .mm-grup{border-bottom:1px solid var(--cizgi-2);padding:6px 0;}
.mobil-menu .mm-grup > span{display:block;font-size:12px;letter-spacing:2px;color:var(--gri-sonuk);padding:12px 0 6px;font-weight:600;}
.mobil-menu .mm-grup a{display:block;font-size:15.5px;color:var(--gri-metin);padding:9px 0;}
.mobil-menu .btn{margin-top:26px;font-size:16px;padding:16px;}

/* =========================================================
   HERO (ana sayfa)
   ========================================================= */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;}
.hero-gorsel{
  position:absolute;inset:0;z-index:0;
  background-image:url("../img/hero.webp");
  background-size:cover;background-position:60% center;background-repeat:no-repeat;
}
.hero-perde{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg,rgba(4,6,9,.96) 0%,rgba(4,6,9,.90) 24%,rgba(4,6,9,.46) 46%,rgba(4,6,9,.34) 62%,rgba(4,6,9,.74) 80%,rgba(4,6,9,.93) 100%),
    linear-gradient(180deg,rgba(4,6,9,.80) 0%,rgba(4,6,9,.18) 16%,transparent 44%,rgba(4,6,9,.72) 80%,rgba(4,6,9,.95) 100%);
}
.hero-ic{position:relative;z-index:2;flex:1;display:flex;align-items:center;width:100%;padding:118px 0 26px;}
.hero-izgara{
  display:grid;width:100%;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"metin hizmetler" "alinti hizmetler";
  column-gap:56px;row-gap:0;align-items:center;
}
.hero-metin{grid-area:metin;}
.hero-alinti{grid-area:alinti;}
.hero-hizmetler{grid-area:hizmetler;}
.mobil-etiket{display:none;}

.hero-etiket{display:flex;align-items:center;gap:18px;margin-bottom:24px;}
.hero-etiket span{font-size:12px;font-weight:600;letter-spacing:4.6px;color:rgba(255,255,255,.78);}
.hero-etiket i{display:block;width:72px;height:1.5px;background:var(--kirmizi-parlak);}

.hero h1{font-size:clamp(34px,4.3vw,58px);font-weight:800;line-height:1.08;letter-spacing:-2px;margin-bottom:24px;}
.hero h1 .gri{color:var(--gri-baslik);}
.hero h1 .nokta{color:var(--kirmizi-parlak);}
.hero-giris{font-size:16.5px;line-height:1.74;color:rgba(255,255,255,.78);max-width:430px;margin-bottom:34px;}

.hero-aksiyon{display:flex;align-items:center;gap:26px;flex-wrap:wrap;}
.video-btn{display:flex;align-items:center;gap:13px;text-align:left;}
.video-daire{
  width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);
  display:grid;place-items:center;flex-shrink:0;transition:var(--gecis);
}
.video-btn:hover .video-daire{border-color:var(--kirmizi-parlak);background:rgba(192,24,24,.16);}
.video-daire svg{width:14px;height:14px;color:#fff;margin-left:2px;}
.video-yazi b{display:block;font-size:14.5px;font-weight:600;color:#fff;margin-bottom:2px;}
.video-yazi small{font-size:12.5px;color:rgba(255,255,255,.55);}

.hero-alinti{margin-top:52px;position:relative;max-width:400px;padding-bottom:34px;}
.hero-alinti .tirnak{
  font-family:Georgia,"Times New Roman",serif;font-size:42px;line-height:0;
  color:rgba(255,255,255,.34);display:block;height:16px;
}
.hero-alinti .tirnak.kapat{position:absolute;right:0;bottom:6px;}
.hero-alinti p{font-size:15.5px;line-height:1.82;color:rgba(255,255,255,.66);margin:18px 0 0;}
.hero-imza{font-family:var(--script);font-size:29px;font-weight:500;color:rgba(255,255,255,.82);margin-top:18px;line-height:1.2;}

.hero-hizmetler{display:flex;flex-direction:column;gap:5px;min-width:290px;}
.hizmet-sat{display:flex;align-items:flex-start;gap:17px;padding:11px 0;transition:transform .2s ease;}
.hizmet-sat:hover{transform:translateX(4px);}
.hizmet-sat > .hs-ikon{flex-shrink:0;margin-top:1px;color:#fff;display:inline-flex;}
.hizmet-sat .hs-ikon svg,.hizmet-sat .menu-ikon-svg{width:27px;height:27px;stroke-width:1.3;}
.hizmet-sat b{display:block;font-size:15px;font-weight:600;margin-bottom:4px;letter-spacing:-.2px;}
.hizmet-sat small{font-size:12.5px;color:rgba(255,255,255,.55);line-height:1.5;}

.hero-serit{position:relative;z-index:2;padding:0 0 30px;}
.hero-serit-ic{display:grid;grid-template-columns:repeat(4,1fr);}
.serit-oge{display:flex;align-items:center;gap:15px;padding:16px 26px 16px 0;position:relative;}
.serit-oge + .serit-oge{padding-left:26px;}
.serit-oge + .serit-oge::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:rgba(255,255,255,.12);}
.serit-daire{
  width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.22);
  display:grid;place-items:center;flex-shrink:0;background:rgba(255,255,255,.04);
}
.serit-daire svg{width:21px;height:21px;color:#fff;stroke-width:1.5;}
.serit-oge b{display:block;font-size:14.5px;font-weight:600;margin-bottom:3px;}
.serit-oge small{font-size:12.5px;color:rgba(255,255,255,.55);line-height:1.45;}

.kesfet{
  position:absolute;right:44px;bottom:34px;z-index:3;display:flex;flex-direction:column;
  align-items:center;gap:9px;color:rgba(255,255,255,.7);
}
.kesfet-daire{
  width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.28);
  display:grid;place-items:center;transition:var(--gecis);
}
.kesfet:hover .kesfet-daire{border-color:var(--kirmizi-parlak);color:#fff;}
.kesfet-daire svg{width:18px;height:18px;}
.kesfet small{font-size:10.5px;letter-spacing:2.4px;font-weight:600;}

/* =========================================================
   İÇ SAYFA ORTAK BLOKLARI
   ========================================================= */
.sayfa-hero{padding:150px 0 62px;background:var(--siyah-2);border-bottom:1px solid var(--cizgi-2);}
.sayfa-hero h1{font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-1.4px;margin-bottom:12px;}
.sayfa-hero p{color:var(--gri-metin);font-size:16.5px;max-width:660px;line-height:1.7;}

.bolum{padding:86px 0;}
.bolum-alt{background:var(--siyah-2);}
.bolum-baslik{text-align:center;max-width:640px;margin:0 auto 54px;}
.bolum-baslik .etiket{font-size:11.5px;letter-spacing:3.6px;font-weight:600;color:var(--kirmizi-parlak);display:block;margin-bottom:14px;}
.bolum-baslik h2{font-size:clamp(25px,3vw,36px);font-weight:800;letter-spacing:-1.1px;margin-bottom:14px;}
.bolum-baslik p{font-size:16px;color:var(--gri-metin);line-height:1.68;}

.yol{padding:128px 0 26px;font-size:13px;color:var(--gri-sonuk);}
.yol a{color:var(--gri-metin);transition:color .18s;}
.yol a:hover{color:#fff;}

/* ---------- Detay düzeni (hizmet/eğitim/blog/hakkımda) ---------- */
.detay-duzen{display:grid;grid-template-columns:268px 1fr;gap:46px;align-items:start;padding-bottom:86px;}
.yan-nav{position:sticky;top:110px;}
.yan-nav-blok{
  background:var(--yuzey);border:1px solid var(--cizgi-2);border-radius:var(--radius);
  padding:18px;margin-bottom:18px;
}
.yan-nav-baslik{
  font-size:12px;letter-spacing:1.6px;font-weight:700;color:var(--gri-sonuk);
  padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid var(--cizgi-2);
}
.yan-nav a{
  display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--gri-metin);
  padding:9px 10px;border-radius:8px;transition:var(--gecis);
}
.yan-nav a svg{width:16px;height:16px;flex-shrink:0;color:var(--gri-sonuk);}
.yan-nav a:hover{background:rgba(255,255,255,.05);color:#fff;}
.yan-nav a.aktif{background:rgba(192,24,24,.14);color:#fff;}
.yan-nav a.aktif svg{color:var(--kirmizi-parlak);}

.egitim-yan-ustbaslik{
  font-size:12px;letter-spacing:1.6px;font-weight:700;color:var(--gri-sonuk);margin-bottom:14px;
}
.egitim-yan-kutu{
  background:var(--yuzey);border:1px solid var(--cizgi-2);border-radius:var(--radius);
  padding:16px;margin-bottom:14px;
}
.egitim-yan-grup-ad{
  display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;color:#fff;
  padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid var(--cizgi-2);
}
.egitim-yan-grup-ad svg{color:var(--kirmizi-parlak);}
.egitim-yan-liste a{
  display:flex;align-items:center;gap:9px;font-size:13px;color:var(--gri-metin);
  padding:7px 0;transition:color .18s;
}
.egitim-yan-liste a:hover{color:#fff;}
.eyl-ikon{display:inline-flex;color:var(--gri-sonuk);}

.detay-icerik{min-width:0;}
.detay-ust-etiket{
  display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;
  letter-spacing:1.4px;color:var(--kirmizi-parlak);margin-bottom:16px;
}
.detay-baslik{font-size:clamp(27px,3.4vw,40px);font-weight:800;letter-spacing:-1.4px;line-height:1.14;margin-bottom:18px;}
.detay-ozet{font-size:17.5px;color:var(--gri-metin);line-height:1.76;margin-bottom:38px;}
.detay-bolum{margin-bottom:36px;}
.detay-bolum h2,.detay-bolum h3{font-size:20px;font-weight:700;margin-bottom:14px;letter-spacing:-.5px;}
.detay-bolum p{font-size:15.5px;color:var(--gri-metin);line-height:1.82;}
.detay-liste li{font-size:15px;color:var(--gri-metin);padding:6px 0;}

.kapsam-liste{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.kapsam-liste > div{
  display:flex;align-items:flex-start;gap:11px;font-size:14.5px;color:var(--gri-metin);
  background:var(--yuzey);border:1px solid var(--cizgi-2);border-radius:10px;padding:13px 15px;
}
.kapsam-liste svg{width:17px;height:17px;color:var(--kirmizi-parlak);flex-shrink:0;margin-top:2px;}

.teklif-kutu{
  display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
  background:linear-gradient(135deg,rgba(192,24,24,.16),rgba(192,24,24,.05));
  border:1px solid rgba(192,24,24,.32);border-radius:var(--radius-buyuk);padding:30px 32px;margin-top:40px;
}
.teklif-kutu h4{font-size:19px;font-weight:700;margin-bottom:6px;}
.teklif-kutu p{font-size:14.5px;color:var(--gri-metin);}
.teklif-kutu .btn{background:var(--kirmizi);color:#fff;}
.teklif-kutu .btn:hover{background:var(--kirmizi-parlak);}

.antil-bilgi{
  display:flex;align-items:flex-start;gap:13px;background:var(--yuzey);
  border:1px solid var(--cizgi-2);border-left:3px solid var(--kirmizi);
  border-radius:10px;padding:17px 19px;font-size:14px;color:var(--gri-metin);line-height:1.7;
}
.antil-bilgi svg{width:21px;height:21px;color:var(--kirmizi-parlak);flex-shrink:0;margin-top:2px;}
.antil-bilgi a{color:var(--kirmizi-parlak);font-weight:600;}

.hakkimda-fayda{display:grid;gap:20px;}
.fayda-madde{display:flex;align-items:flex-start;gap:16px;}
.fayda-ikon{
  width:46px;height:46px;border-radius:12px;background:rgba(192,24,24,.14);
  display:grid;place-items:center;color:var(--kirmizi-parlak);flex-shrink:0;
}
.fayda-ikon svg{width:22px;height:22px;}
.fayda-madde h4{font-size:16.5px;font-weight:600;margin-bottom:7px;}
.fayda-madde p{font-size:14.5px;color:var(--gri-metin);line-height:1.76;}

/* ---------- Hizmet/eğitim liste sayfaları ---------- */
.liste-gruplar{display:grid;gap:46px;}
.liste-grup-baslik{display:flex;align-items:center;gap:13px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--cizgi-2);}
.liste-grup-ikon{display:inline-flex;color:var(--kirmizi-parlak);}
.liste-grup-ikon svg{width:24px;height:24px;}
.liste-grup-baslik h2{font-size:22px;font-weight:700;letter-spacing:-.6px;}
.liste-kartlar{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.liste-kart{
  display:flex;align-items:center;gap:15px;background:var(--yuzey);
  border:1px solid var(--cizgi-2);border-radius:var(--radius);padding:17px 19px;transition:var(--gecis);
}
.liste-kart:hover{border-color:rgba(192,24,24,.5);background:rgba(192,24,24,.06);transform:translateY(-2px);}
.liste-kart-ikon{display:inline-flex;color:var(--kirmizi-parlak);flex-shrink:0;}
.liste-kart-ikon svg{width:22px;height:22px;}
.liste-kart-metin{flex:1;min-width:0;}
.liste-kart-metin strong{display:block;font-size:15px;font-weight:600;margin-bottom:4px;}
.liste-kart-metin small{display:block;font-size:12.5px;color:var(--gri-sonuk);line-height:1.5;}
.liste-kart-ok{color:var(--gri-sonuk);font-size:17px;flex-shrink:0;transition:var(--gecis);}
.liste-kart:hover .liste-kart-ok{color:var(--kirmizi-parlak);transform:translateX(3px);}

/* ---------- CTA bölümü ---------- */
.cta{background:var(--siyah-2);padding:76px 0;border-top:1px solid var(--cizgi-2);}
.cta-ic{text-align:center;}
.cta-ic h2{font-size:clamp(23px,2.7vw,32px);font-weight:800;letter-spacing:-1px;margin-bottom:12px;}
.cta-ic p{font-size:16px;color:var(--gri-metin);max-width:520px;margin:0 auto 26px;line-height:1.7;}

/* ---------- Blog ---------- */
.blog-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.blog-izgara-yan{grid-template-columns:repeat(2,1fr);}
.blog-kart{
  background:var(--yuzey);border:1px solid var(--cizgi-2);border-radius:var(--radius-buyuk);
  padding:10px;transition:var(--gecis);
}
.blog-kart:hover{border-color:rgba(192,24,24,.45);transform:translateY(-3px);}
.blog-kart-kapak{
  height:168px;background:#11161C;background-size:cover;background-position:center;
  position:relative;display:grid;place-items:center;
  border-radius:12px;overflow:hidden;
}
.blog-kart-kapak-yazi{font-size:44px;font-weight:800;color:rgba(255,255,255,.12);}
.blog-kart-etiket{
  position:absolute;left:11px;top:11px;background:rgba(192,24,24,.92);color:#fff;
  font-size:11px;font-weight:600;padding:5px 11px;border-radius:20px;
}
.blog-kart-govde{padding:18px 10px 12px;}
.blog-kart-tarih{font-size:12px;color:var(--gri-sonuk);display:block;margin-bottom:9px;}
.blog-kart-govde h2{font-size:17px;font-weight:700;line-height:1.36;margin-bottom:9px;letter-spacing:-.4px;}
.blog-kart-govde p{font-size:13.5px;color:var(--gri-metin);line-height:1.66;margin-bottom:13px;}
.blog-kart-devam{font-size:13px;font-weight:600;color:var(--kirmizi-parlak);}

.blog-yazi-etiket{
  display:inline-block;background:rgba(192,24,24,.16);color:var(--kirmizi-parlak);
  font-size:11.5px;font-weight:600;padding:6px 13px;border-radius:20px;margin-bottom:16px;
}
.blog-yazi-meta{font-size:13px;color:var(--gri-sonuk);margin-bottom:26px;}
.blog-yazi-kapak{height:340px;border-radius:var(--radius-buyuk);background-size:cover;background-position:center;margin-bottom:34px;}
.blog-yazi-icerik{font-size:16px;color:var(--gri-metin);line-height:1.86;}
.blog-yazi-icerik p{margin-bottom:20px;}
.blog-yazi-icerik h2,.blog-yazi-icerik h3{color:#fff;font-size:21px;font-weight:700;margin:32px 0 14px;letter-spacing:-.5px;}
.blog-yazi-icerik strong{color:#fff;}
.blog-yazi-icerik a{color:var(--kirmizi-parlak);}
.blog-yazi-icerik img{border-radius:var(--radius);margin:20px 0;}
.blog-yazi-icerik ul,.blog-yazi-icerik ol{margin:0 0 20px 20px;}
.blog-yazi-icerik li{margin-bottom:8px;list-style:disc;}
.blog-diger{margin-top:54px;padding-top:34px;border-top:1px solid var(--cizgi-2);}
.blog-diger h3{font-size:20px;font-weight:700;margin-bottom:22px;}

/* ---------- Referanslar ---------- */
.referans-izgara{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.referans-kutu{
  background:#fff;border-radius:10px;padding:14px;display:grid;place-items:center;
  aspect-ratio:3/2;transition:var(--gecis);
}
.referans-kutu:hover{transform:translateY(-3px);}
.referans-kutu img{max-height:100%;object-fit:contain;}

/* ---------- Arama sonuç sayfası ---------- */
.arama-sayfa-form{display:flex;gap:10px;margin-top:22px;max-width:560px;}
.arama-sayfa-form input{
  flex:1;background:rgba(255,255,255,.05);border:1px solid var(--cizgi);border-radius:9px;
  padding:14px 16px;color:#fff;font-size:15px;font-family:inherit;
}
.arama-sayfa-form input::placeholder{color:var(--gri-sonuk);}
.arama-sayfa-form input:focus{outline:none;border-color:var(--kirmizi-parlak);}
.arama-grup{margin-bottom:44px;}
.arama-grup-baslik{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.arama-grup-baslik h2{font-size:20px;font-weight:700;}
.arama-sayi{
  background:rgba(255,255,255,.07);border-radius:20px;padding:3px 11px;
  font-size:12.5px;color:var(--gri-metin);font-weight:600;
}
.arama-bos{text-align:center;padding:50px 0;color:var(--gri-metin);}
.arama-bos em{color:#fff;font-style:normal;}
.arama-bos-linkler{display:flex;gap:12px;justify-content:center;margin-top:22px;flex-wrap:wrap;}

/* ---------- İletişim formu ---------- */
.form-kutu{
  max-width:640px;margin:0 auto;background:var(--yuzey);border:1px solid var(--cizgi-2);
  border-radius:var(--radius-buyuk);padding:38px;
}
.form-grup{margin-bottom:20px;}
.form-grup label{display:block;font-size:13.5px;font-weight:600;margin-bottom:8px;color:var(--gri-metin);}
.form-grup input,.form-grup select,.form-grup textarea{
  width:100%;background:rgba(255,255,255,.05);border:1px solid var(--cizgi);border-radius:9px;
  padding:13px 15px;color:#fff;font-size:15px;font-family:inherit;transition:border-color .2s;
}
.form-grup textarea{min-height:140px;resize:vertical;}
.form-grup input:focus,.form-grup select:focus,.form-grup textarea:focus{outline:none;border-color:var(--kirmizi-parlak);}
.form-grup select option{background:#0B0F14;color:#fff;}
.form-uyari{padding:14px 17px;border-radius:9px;font-size:14px;margin-bottom:22px;}
.form-uyari-basari{background:rgba(22,163,74,.16);border:1px solid rgba(22,163,74,.4);color:#86EFAC;}
.form-uyari-hata{background:rgba(220,38,38,.14);border:1px solid rgba(220,38,38,.4);color:#FCA5A5;}

/* =========================================================
   FOOTER
   ========================================================= */
.footer{background:var(--siyah-3);padding:70px 0 0;border-top:1px solid var(--cizgi-2);}
.footer-sutunlar{display:grid;grid-template-columns:repeat(5,1fr);gap:34px;padding-bottom:52px;}
.footer-sutun h4{font-size:13px;font-weight:700;margin-bottom:16px;color:#fff;}
.footer-sutun a{display:block;font-size:13.5px;color:var(--gri-sonuk);padding:6px 0;transition:color .18s;}
.footer-sutun a:hover{color:#fff;}
.footer-alt{
  border-top:1px solid var(--cizgi-2);padding:28px 0;display:flex;align-items:center;
  justify-content:space-between;gap:26px;flex-wrap:wrap;
}
.footer-logo-img{height:36px;width:auto;}
.footer-slogan{font-size:14px;font-style:italic;color:var(--gri-sonuk);}
.sosyal{display:flex;gap:11px;}
.sosyal a{
  width:38px;height:38px;border-radius:50%;border:1px solid var(--cizgi);
  display:grid;place-items:center;color:var(--gri-metin);transition:var(--gecis);
}
.sosyal a:hover{border-color:var(--kirmizi-parlak);color:#fff;background:rgba(192,24,24,.14);}
.sosyal svg{width:16px;height:16px;}
.telif{border-top:1px solid var(--cizgi-2);padding:20px 0;font-size:12.5px;color:var(--gri-sonuk);text-align:center;}

/* ---------- WhatsApp ---------- */
.wa-yuzen{
  position:fixed;right:24px;bottom:24px;z-index:90;width:56px;height:56px;border-radius:50%;
  background:#25D366;color:#fff;display:grid;place-items:center;
  box-shadow:0 8px 28px rgba(37,211,102,.34);transition:transform .2s;
}
.wa-yuzen:hover{transform:scale(1.07);}
.wa-yuzen svg{width:29px;height:29px;}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1240px){
  .kapsayici{padding:0 32px;}
  .arama-form{padding:16px 32px;}
  .hero-izgara{gap:36px;}
  .hero-hizmetler{min-width:250px;}
  .hero-giris{max-width:380px;}
  .referans-izgara{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:1080px){
  .menu{display:none;}
  .menu-toggle{display:flex;}
  .ust-bar-ic{justify-content:space-between;gap:16px;height:76px;}
  .hero-izgara{
    grid-template-columns:1fr;
    grid-template-areas:"metin" "alinti" "hizmetler";
    row-gap:44px;column-gap:0;
  }
  .hero-hizmetler{border-top:1px solid var(--cizgi);padding-top:22px;}
  .hero-alinti{max-width:100%;}
  .kesfet{display:none;}
  .detay-duzen{grid-template-columns:1fr;gap:32px;}
  .yan-nav{position:static;}
  .blog-izgara,.blog-izgara-yan{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:900px){
  .menu-aksiyon .btn-birincil{display:none;}
  .hero-serit-ic{grid-template-columns:repeat(2,1fr);}
  .serit-oge:nth-child(3)::before{display:none;}
  .liste-kartlar{grid-template-columns:1fr;}
  .kapsam-liste{grid-template-columns:1fr;}
  .footer-sutunlar{grid-template-columns:repeat(2,1fr);gap:26px;}
  .referans-izgara{grid-template-columns:repeat(3,1fr);}
  .sayfa-hero{padding:124px 0 48px;}
  .yol{padding:104px 0 20px;}
}
@media (max-width:680px){
  .kapsayici{padding:0 20px;}
  .arama-form{padding:14px 20px;}
  /* Mobil hero akisi:
     [1] Fotograf tam ekran (100svh), yazilar alta yasli
     [2] KESFET oku
     [3] 4'lu ozellik seridi
     [4] 5 hizmet
     [5] Alinti + imza
     hero-ic ve hero-izgara display:contents ile devre disi kalir,
     boylece tum parcalar .hero'nun dogrudan flex cocugu olur ve
     order ile serbestce siralanir. */
  .hero{display:flex;flex-direction:column;min-height:auto;background:var(--siyah);}
  .hero-ic,.hero-izgara{display:contents;}

  .hero-gorsel{
    height:100svh;
    background-image:url("../img/hero-mobil.webp");
    background-position:center top;
  }
  .hero-perde{
    height:100svh;
    background:linear-gradient(180deg,
      rgba(4,6,9,.72) 0%,
      rgba(4,6,9,.28) 12%,
      rgba(4,6,9,.10) 30%,
      rgba(4,6,9,.55) 48%,
      rgba(4,6,9,.92) 62%,
      var(--siyah) 76%);
  }

  .hero-metin{
    order:1;position:relative;z-index:2;
    min-height:calc(100svh - 64px);
    display:flex;flex-direction:column;justify-content:flex-end;
    padding:0 20px 24px;
  }
  .hero h1{font-size:33px;letter-spacing:-1.3px;margin-bottom:18px;}
  .hero-etiket{margin-bottom:16px;}
  .hero-etiket span{font-size:10.5px;letter-spacing:4px;}
  .hero-etiket i{width:60px;}
  .hero-giris{font-size:15px;max-width:100%;margin-bottom:26px;}
  .hero-aksiyon{flex-direction:column;align-items:stretch;gap:0;}
  .hero-aksiyon .btn-birincil{justify-content:center;}
  .video-btn{justify-content:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--cizgi-2);}

  .kesfet{
    order:2;position:relative;z-index:2;display:flex;
    right:auto;bottom:auto;padding-bottom:22px;gap:7px;
  }
  .kesfet-daire{width:auto;height:auto;border:none;}
  .kesfet-daire svg{width:19px;height:19px;}

  .hero-serit{order:3;padding:6px 0 0;}
  .hero-serit-ic{grid-template-columns:1fr;}
  .serit-oge,.serit-oge + .serit-oge{padding:16px 0;border-bottom:1px solid var(--cizgi-2);}
  .serit-oge:last-child{border-bottom:none;}
  .serit-oge + .serit-oge::before{display:none;}

  .hero-hizmetler{
    order:4;min-width:0;padding:30px 20px 34px;gap:0;
    border-top:1px solid var(--cizgi-2);
  }
  .mobil-etiket{
    display:block;font-size:10.5px;letter-spacing:3px;font-weight:600;
    color:var(--kirmizi-parlak);text-transform:uppercase;margin-bottom:14px;
  }
  .hizmet-sat{padding:14px 0;border-bottom:1px solid var(--cizgi-2);}
  .hizmet-sat:last-child{border-bottom:none;}
  .hizmet-sat:hover{transform:none;}

  .hero-alinti{
    order:5;margin-top:0;max-width:100%;
    background:var(--siyah-2);border-top:1px solid var(--cizgi-2);
    border-bottom:1px solid var(--cizgi-2);
    padding:36px 20px 40px;
  }
  .hero-alinti p{font-size:16px;}
  .hero-alinti .tirnak.kapat{right:20px;bottom:16px;}

  .bolum{padding:60px 0;}
  .blog-izgara,.blog-izgara-yan{grid-template-columns:1fr;}
  .referans-izgara{grid-template-columns:repeat(2,1fr);}
  .form-kutu{padding:26px 20px;}
  .teklif-kutu{padding:24px 22px;}
  .footer-alt{flex-direction:column;align-items:flex-start;}
  .blog-yazi-kapak{height:220px;}
}

/* =========================================================
   MEVCUT İÇ SAYFALAR İÇİN EK SINIFLAR
   (ürünler, arama, blog detay, detay yan sütunu)
   ========================================================= */
.kart-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.detay{
  background:var(--yuzey);border:1px solid var(--cizgi-2);border-radius:var(--radius-buyuk);
  padding:30px 32px;margin-bottom:22px;
}
.detay h2{font-size:21px;font-weight:700;letter-spacing:-.6px;margin-bottom:16px;}
.detay-etiket{
  font-size:11.5px;font-weight:600;letter-spacing:1.8px;color:var(--kirmizi-parlak);
}
.detay-liste{margin-bottom:22px;}
.detay-liste li{font-size:14.5px;color:var(--gri-metin);padding:6px 0;line-height:1.6;}
.detay-alt{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.detay-dis-link{font-size:13.5px;color:var(--gri-sonuk);transition:color .18s;}
.detay-dis-link:hover{color:var(--kirmizi-parlak);}

.arama-hero{padding-bottom:44px;}
.arama-bolum{padding-top:48px;}
.blog-yazi-ic{max-width:760px;}
.egitim-yan{position:sticky;top:110px;}
.yan-nav-blok.diger{background:transparent;}
.teklif-kutu-metin{flex:1;min-width:220px;}
.footer-logo{font-size:20px;font-weight:800;color:#fff;}
.footer-logo .kod{color:var(--kirmizi-parlak);}
.logo .kod{color:var(--kirmizi-parlak);}

@media (max-width:900px){
  .kart-grid-2{grid-template-columns:1fr;}
}
@media (max-width:1080px){
  .egitim-yan{position:static;}
}

/* =========================================================
   ANA SAYFA — HERO ALTI BÖLÜMLER
   ========================================================= */
.bolum-ust{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:52px;flex-wrap:wrap;}
.bolum-ust h2{font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-1.2px;line-height:1.16;max-width:520px;}
.bolum-ust h2 .nokta{color:var(--kirmizi-parlak);}
.bolum-ust p{font-size:15.5px;color:var(--gri-metin);max-width:420px;line-height:1.72;}

/* Blok üstü: başlık + sağda link */
.blok-ust{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:30px;flex-wrap:wrap;}
.blok-ust h2{font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-1px;}
.blok-ust > a{
  display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;
  color:var(--kirmizi-parlak);transition:gap .18s;
}
.blok-ust > a:hover{gap:11px;}

/* ---------- Çalışma modelleri ---------- */
.mod-izgara{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--cizgi-2);
  border:1px solid var(--cizgi-2);border-radius:16px;overflow:hidden;margin-bottom:64px;
}
.mod{background:var(--siyah);padding:36px 32px;}
.bolum-alt .mod{background:var(--siyah-2);}
.mod-ikon{
  width:44px;height:44px;border-radius:11px;background:rgba(192,24,24,.13);
  display:grid;place-items:center;color:var(--kirmizi-parlak);margin-bottom:20px;
}
.mod-ikon svg{width:22px;height:22px;}
.mod h3{font-size:20px;font-weight:700;margin-bottom:11px;letter-spacing:-.4px;}
.mod p{font-size:14.5px;color:var(--gri-metin);line-height:1.74;}

/* ---------- Süreç ---------- */
.surec-ustbaslik{
  font-size:13px;letter-spacing:2.6px;font-weight:600;color:var(--gri-sonuk);
  margin-bottom:34px;text-transform:uppercase;
}
.surec{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative;}
.surec::before{content:"";position:absolute;top:19px;left:38px;right:38px;height:1px;background:var(--cizgi);}
.surec-adim{position:relative;}
.surec-no{
  width:38px;height:38px;border-radius:50%;background:var(--siyah);border:1px solid var(--kirmizi);
  color:var(--kirmizi-parlak);display:grid;place-items:center;font-weight:700;font-size:14px;
  margin-bottom:18px;position:relative;z-index:1;
}
.bolum-alt .surec-no{background:var(--siyah-2);}
.surec-adim h4{font-size:16px;font-weight:600;margin-bottom:8px;}
.surec-adim p{font-size:13.5px;color:var(--gri-sonuk);line-height:1.62;}

/* ---------- Eğitim blokları ---------- */
.eg-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.eg-kutu{
  background:var(--yuzey);border:1px solid var(--cizgi-2);border-radius:16px;
  padding:28px;transition:var(--gecis);
}
.eg-kutu:hover{border-color:rgba(192,24,24,.45);}
.eg-ust{
  display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:14px;
  border-bottom:1px solid var(--cizgi-2);
}
.eg-ust .menu-ikon-svg{width:24px;height:24px;color:var(--kirmizi-parlak);flex-shrink:0;}
.eg-ust h3{font-size:16.5px;font-weight:700;letter-spacing:-.3px;}
.eg-oge{display:block;font-size:13.5px;color:var(--gri-metin);padding:7px 0;transition:var(--gecis);}
.eg-oge:hover{color:#fff;padding-left:5px;}
.eg-alt{margin-top:40px;text-align:center;}

/* ---------- Referans şeridi ---------- */
.ref-izgara{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;}
.ref-kutu{
  background:#fff;border-radius:9px;aspect-ratio:3/2;display:grid;place-items:center;
  padding:11px;filter:grayscale(1);opacity:.62;transition:filter .24s ease,opacity .24s ease;
}
.ref-kutu:hover{filter:grayscale(0);opacity:1;}
.ref-kutu img{max-height:100%;object-fit:contain;}

/* ---------- Ana sayfa blog ızgarası ---------- */
.blog-kart-govde h3{font-size:16.5px;font-weight:700;line-height:1.38;margin-bottom:9px;letter-spacing:-.3px;}

/* ---------- Kapanış (dağ) bandı ---------- */
.dag{
  position:relative;padding:104px 0;overflow:hidden;
  background-color:#0E141A;background-size:cover;background-position:center;
}
.dag::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:radial-gradient(ellipse 70% 42% at 50% 96%,rgba(255,255,255,.08),transparent 68%),
             linear-gradient(175deg,transparent 42%,#0E141A 43%,#10171E 100%);
}
.dag-perde{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(6,9,12,.90),rgba(6,9,12,.45) 60%,rgba(6,9,12,.85));
}
.dag .kapsayici{position:relative;z-index:2;}
.dag-ic{display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap;}
.dag-ic h2{font-size:clamp(24px,2.8vw,34px);font-weight:400;line-height:1.42;letter-spacing:-.6px;}
.dag-ic h2 b{display:block;font-weight:800;}
.dag-ic h2 .nokta{color:var(--kirmizi-parlak);}

@media (max-width:1180px){
  .ref-izgara{grid-template-columns:repeat(6,1fr);}
}
@media (max-width:900px){
  .mod-izgara{grid-template-columns:1fr;}
  .surec{grid-template-columns:repeat(2,1fr);gap:34px 22px;}
  .surec::before{display:none;}
  .eg-izgara{grid-template-columns:1fr;}
  .dag-ic{flex-direction:column;align-items:flex-start;gap:28px;}
  .dag-ic .btn{width:100%;}
}
@media (max-width:680px){
  .bolum-ust{margin-bottom:36px;}
  .surec{grid-template-columns:1fr;}
  .ref-izgara{grid-template-columns:repeat(3,1fr);}
  .mod{padding:28px 24px;}
  .dag{padding:72px 0;}
}

/* Dağ bandında gerçek fotoğraf varsa yer tutucu gradyanı kapat */
.dag.dag-foto::before{
  background:linear-gradient(180deg,rgba(6,9,12,.35),rgba(6,9,12,.15) 40%,rgba(6,9,12,.55));
}

/* =========================================================
   KISA EKRANLAR (dizüstü)
   Hero, ekran yüksekligine gore kuculur; boylece 13" bir
   ekranda da alinti ve alt serit fold'un ustunde kalir.
   Sadece masaustu duzeninde (>=1081px) devreye girer.
   ========================================================= */
@media (min-width:1081px) and (max-height:900px){
  .ust-bar-ic{height:76px;}
  .hero-ic{padding:98px 0 16px;}
  .hero-izgara{column-gap:44px;}

  .hero-etiket{margin-bottom:18px;}
  .hero-etiket span{font-size:11.5px;letter-spacing:4px;}
  .hero h1{font-size:clamp(32px,3.4vw,46px);letter-spacing:-1.6px;margin-bottom:18px;}
  .hero-giris{font-size:15.5px;line-height:1.66;margin-bottom:26px;max-width:410px;}

  .btn-buyuk{font-size:15px;padding:14px 24px;}
  .video-daire{width:44px;height:44px;}
  .video-yazi b{font-size:14px;}
  .video-yazi small{font-size:12px;}

  .hero-alinti{margin-top:30px;padding-bottom:26px;}
  .hero-alinti .tirnak{font-size:36px;height:14px;}
  .hero-alinti p{font-size:14.5px;line-height:1.72;margin-top:14px;}
  .hero-imza{font-size:25px;margin-top:13px;}

  .hizmet-sat{padding:8px 0;gap:15px;}
  .hizmet-sat .hs-ikon svg,.hizmet-sat .menu-ikon-svg{width:24px;height:24px;}
  .hizmet-sat b{font-size:14.5px;margin-bottom:3px;}
  .hizmet-sat small{font-size:12px;}

  .hero-serit{padding-bottom:20px;}
  .serit-oge{padding:12px 22px 12px 0;gap:13px;}
  .serit-oge + .serit-oge{padding-left:22px;}
  .serit-daire{width:40px;height:40px;}
  .serit-daire svg{width:18px;height:18px;}
  .serit-oge b{font-size:13.5px;}
  .serit-oge small{font-size:12px;}

  .kesfet{bottom:24px;right:34px;}
  .kesfet-daire{width:44px;height:44px;}
  .kesfet-daire svg{width:16px;height:16px;}
  .kesfet small{font-size:10px;letter-spacing:2px;}

  .mega-panel{top:76px;}
}

@media (min-width:1081px) and (max-height:760px){
  .hero-ic{padding:92px 0 12px;}
  .hero-etiket{margin-bottom:14px;}
  .hero h1{font-size:clamp(28px,2.9vw,39px);letter-spacing:-1.3px;margin-bottom:15px;}
  .hero-giris{font-size:14.5px;line-height:1.6;margin-bottom:22px;}
  .btn-buyuk{padding:13px 22px;font-size:14.5px;}
  .video-daire{width:41px;height:41px;}

  .hero-alinti{margin-top:24px;padding-bottom:20px;}
  .hero-alinti .tirnak{font-size:31px;height:12px;}
  .hero-alinti p{font-size:13.5px;line-height:1.66;margin-top:11px;}
  .hero-imza{font-size:22px;margin-top:10px;}

  .hizmet-sat{padding:6px 0;}
  .hizmet-sat .hs-ikon svg,.hizmet-sat .menu-ikon-svg{width:22px;height:22px;}
  .hizmet-sat b{font-size:14px;}
  .hizmet-sat small{font-size:11.5px;}

  .hero-serit{padding-bottom:16px;}
  .serit-oge{padding:10px 18px 10px 0;gap:11px;}
  .serit-oge + .serit-oge{padding-left:18px;}
  .serit-daire{width:36px;height:36px;}
  .serit-daire svg{width:16px;height:16px;}
  .serit-oge b{font-size:13px;margin-bottom:2px;}
  .serit-oge small{font-size:11.5px;}

  .kesfet{bottom:18px;}
  .kesfet-daire{width:40px;height:40px;}
}