:root{
  /* Marka renkleri logodan olculdu: kirmizi #d31c1e, zemin #020812, beyaz */
  --lac:#0a0a0a; --lac2:#141414; --mor:#e10600; --mor2:#ff1a12;
  --turkuaz:#e10600; --kum:#f7f5f2; --gri:#5b6b7c; --cizgi:#e4e7eb; --beyaz:#fff;
  --golge:0 10px 30px rgba(13,27,42,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--lac); background:var(--beyaz); line-height:1.65; -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit}
.kap{width:min(1120px,92%);margin-inline:auto}

/* ---- ust menu ---- */
header{position:sticky;top:0;z-index:50;background:rgba(10,10,10,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}
.ust{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
.logo{display:flex;align-items:center;text-decoration:none}
.logo img{height:52px;width:auto}
@media(max-width:560px){.logo img{height:40px}}
nav ul{display:flex;gap:26px;list-style:none;font-size:15px}
nav a{text-decoration:none;color:#b6c3d1;font-weight:500}
nav a:hover{color:#fff}
.dugme{display:inline-block;background:var(--mor);color:#fff;text-decoration:none;font-weight:600;
  padding:11px 20px;border-radius:10px;font-size:15px;border:0;cursor:pointer;transition:.15s}
.dugme:hover{background:var(--mor2)}
.dugme.hat{background:transparent;color:var(--mor);border:1.5px solid var(--mor)}
.dugme.hat:hover{background:rgba(225,6,0,.08)}
.menu-ac{display:none;background:none;border:0;font-size:24px;cursor:pointer;color:#fff}

/* ---- giris ---- */
.giris{background:linear-gradient(170deg,#0a0a0a 0%,#171717 58%,#241010 100%);color:#fff;padding:84px 0 92px;position:relative;overflow:hidden}
.giris::after{content:"";position:absolute;right:-140px;top:-120px;width:460px;height:460px;border-radius:50%;
  background:radial-gradient(circle,rgba(108,76,241,.5),transparent 68%)}
.giris .kap{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center}
.etiket{display:inline-block;background:rgba(225,6,0,.16);color:#ff8c88;border:1px solid rgba(225,6,0,.4);
  padding:6px 13px;border-radius:999px;font-size:13px;font-weight:600;margin-bottom:20px}
.giris h1{font-size:clamp(31px,4.4vw,50px);line-height:1.13;letter-spacing:-1.2px;font-weight:800;margin-bottom:18px}
.giris h1 em{font-style:normal;color:#ff4a42}
.giris p.alt{font-size:18px;color:#c3cedb;max-width:52ch;margin-bottom:28px}
.giris-dugmeler{display:flex;gap:12px;flex-wrap:wrap}
.giris .dugme.hat{color:#fff;border-color:rgba(255,255,255,.35)}
.giris .dugme.hat:hover{background:rgba(255,255,255,.09)}
.masa{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:22px}
.masa h4{font-size:13px;text-transform:uppercase;letter-spacing:1.3px;color:#8fa3b8;margin-bottom:14px;font-weight:700}
.balon{background:rgba(255,255,255,.08);border-radius:12px;padding:11px 14px;margin-bottom:9px;font-size:14.5px;color:#e8eef5}
.balon.ai{background:rgba(225,6,0,.22);border:1px solid rgba(255,26,18,.42)}
.balon small{display:block;font-size:11.5px;color:#93a6ba;margin-bottom:3px;font-weight:600;letter-spacing:.3px}

/* ---- bolumler ---- */
section{padding:78px 0}
.acik{background:var(--kum)}
.baslik{text-align:center;max-width:62ch;margin:0 auto 46px}
.baslik h2{font-size:clamp(25px,3.1vw,35px);letter-spacing:-.7px;font-weight:800;margin-bottom:12px}
.baslik p{color:var(--gri);font-size:17px}
.izgara{display:grid;gap:22px}
.u3{grid-template-columns:repeat(3,1fr)}
.u2{grid-template-columns:repeat(2,1fr)}
.u4{grid-template-columns:repeat(4,1fr)}
.kart{background:#fff;border:1px solid var(--cizgi);border-radius:15px;padding:26px;transition:.18s}
.kart:hover{transform:translateY(-3px);box-shadow:var(--golge);border-color:#d6dbe2}
.kart .ikon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(225,6,0,.13),rgba(2,8,18,.08));
  display:grid;place-items:center;font-size:21px;margin-bottom:15px}
.kart h3{font-size:17.5px;margin-bottom:8px;letter-spacing:-.3px}
.kart p{color:var(--gri);font-size:15.2px}
.liste{list-style:none;display:grid;gap:12px}
.liste li{display:flex;gap:11px;align-items:flex-start;font-size:15.5px;color:var(--gri)}
.liste li::before{content:"✓";color:var(--mor);font-weight:800;flex:0 0 auto}
.olcu{text-align:center}
.olcu .sayi{font-size:38px;font-weight:800;letter-spacing:-1px;color:var(--mor)}
.olcu p{color:var(--gri);font-size:14.5px;margin-top:2px}

/* ---- kafe ---- */
.kafe{background:var(--lac);color:#fff}
.kafe .baslik h2{color:#fff}
.kafe .baslik p{color:#b6c3d1}
.kafe .kart{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.13)}
.kafe .kart:hover{box-shadow:none;border-color:rgba(255,255,255,.25)}
.kafe .kart h3{color:#fff}
.kafe .kart p{color:#b6c3d1}

/* ---- iletisim ---- */
.cagri{background:linear-gradient(135deg,#b00500,#f01a12);color:#fff;border-radius:20px;padding:46px;text-align:center}
.cagri h2{font-size:clamp(23px,2.8vw,31px);margin-bottom:10px;letter-spacing:-.6px}
.cagri p{opacity:.94;margin-bottom:24px;font-size:16.5px}
.cagri .dugme{background:#fff;color:var(--mor)}
.cagri .dugme:hover{background:#ffeaea}
footer{background:var(--lac);color:#8fa3b8;padding:36px 0;font-size:14.5px}
.alt-sat{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center}
footer a{color:#b6c3d1;text-decoration:none}
footer a:hover{color:#fff}

@media(max-width:900px){
  .giris .kap{grid-template-columns:1fr;gap:34px}
  .u3,.u4{grid-template-columns:repeat(2,1fr)}
  nav{display:none}
  nav.acik-menu{display:block;position:absolute;left:0;right:0;top:100%;background:#0a0a0a;border-bottom:1px solid rgba(255,255,255,.12);padding:14px 4%}
  nav.acik-menu ul{flex-direction:column;gap:14px}
  .menu-ac{display:block}
  header .ust{position:relative}
}
@media(max-width:560px){
  .u2,.u3,.u4{grid-template-columns:1fr}
  section{padding:56px 0}
  .cagri{padding:32px 22px}
}

/* dil secici */
.dil{display:flex;gap:2px;border:1px solid rgba(255,255,255,.22);border-radius:8px;overflow:hidden;margin-left:4px}
.dil a{padding:6px 10px;font-size:13px;font-weight:700;color:#b6c3d1;text-decoration:none;letter-spacing:.3px}
.dil a.secili{background:var(--mor);color:#fff}
.dil a:hover:not(.secili){background:rgba(255,255,255,.08);color:#fff}
@media(max-width:560px){.dil a{padding:5px 8px;font-size:12px}}

/* ---- tanitim videosu ---- */
.video-bolum{background:var(--lac);color:#fff}
.video-bolum .baslik h2{color:#fff}
.video-bolum .baslik p{color:#b6c3d1}
.video-sar{display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:center;max-width:980px;margin-inline:auto}
.telefon{width:290px;flex:0 0 auto;border:9px solid #1b1b1b;border-radius:34px;overflow:hidden;
  box-shadow:0 22px 60px rgba(0,0,0,.55);background:#000;position:relative}
.telefon::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:96px;height:17px;background:#1b1b1b;border-radius:0 0 12px 12px;z-index:2}
.telefon video{display:block;width:100%;height:auto;background:#000}
.video-yazi h3{font-size:22px;margin-bottom:12px;letter-spacing:-.4px}
.video-yazi p{color:#b6c3d1;font-size:16px;margin-bottom:16px}
.video-yazi .liste li{color:#c8d3de}
@media(max-width:820px){
  .video-sar{grid-template-columns:1fr;gap:28px;justify-items:center;text-align:center}
  .video-yazi .liste li{text-align:left}
  .telefon{width:255px}
}

/* tasarim imzasi */
.imza{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);
  text-align:right;font-size:12.5px;color:#6b7c8d;letter-spacing:.2px}
.imza strong{color:#9fb0c0;font-weight:600}
@media(max-width:560px){.imza{text-align:center}}

/* ---- menu sadelestirme ---- */
nav ul{gap:20px}
nav a{white-space:nowrap;font-size:14.5px}
@media(max-width:1180px){ nav ul{gap:14px} nav a{font-size:13.6px} .logo img{height:44px} }

/* ---- SSS ---- */
.sss{max-width:840px;margin-inline:auto;display:grid;gap:10px}
.sss details{background:#fff;border:1px solid var(--cizgi);border-radius:12px;overflow:hidden;transition:.15s}
.sss details[open]{border-color:#d9dee5;box-shadow:var(--golge)}
.sss summary{cursor:pointer;padding:17px 22px;font-weight:700;font-size:16.2px;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:14px}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";color:var(--mor);font-size:22px;font-weight:700;line-height:1;flex:0 0 auto}
.sss details[open] summary::after{content:"−"}
.sss .cevap{padding:0 22px 18px;color:var(--gri);font-size:15.4px}
@media(max-width:560px){ .sss summary{padding:15px 17px;font-size:15.2px} .sss .cevap{padding:0 17px 16px} }

/* ═══════════════════════ v2 — kurumsal bolumler ═══════════════════════ */
section{padding:74px 0}
.kum{background:var(--kum)}
.koyu{background:linear-gradient(165deg,#0a0a0a,#1a0d0d);color:#fff}
.baslik{max-width:760px;margin:0 auto 42px;text-align:center}
.baslik h2{font-size:clamp(25px,3.2vw,36px);letter-spacing:-.8px;line-height:1.2;font-weight:800}
.baslik p{color:var(--gri);margin-top:12px;font-size:16.5px}
.baslik.ters h2{color:#fff}.baslik.ters p{color:#c8c8c8}
.baslik.ters .etiket{margin-bottom:14px}
.baslik.sol{text-align:left;margin:0 0 18px;max-width:none}
.kap.dar{width:min(760px,92%)}
.hero-not{margin-top:18px;font-size:13.6px;color:#9aa6b2}
.govde-p{color:var(--gri);font-size:16.5px;margin-bottom:18px}

/* kampanya seridi */
.serit{background:var(--mor);color:#fff;padding:0}
.serit-ic{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center;padding:16px 0;text-align:center}
.serit-ic strong{font-size:17px;letter-spacing:.4px}
.serit-ic span{opacity:.92;font-size:14.6px}
.serit-ic .dugme{background:#fff;color:var(--mor);padding:9px 18px}
.serit-ic .dugme:hover{background:#ffe9e8}

/* adimlar */
.adimlar{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.adim{display:block;background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:26px 22px;position:relative}
.adim span{display:inline-block;font-size:13px;font-weight:800;color:var(--mor);letter-spacing:1px;margin-bottom:10px}
.adim h3{font-size:17.5px;margin-bottom:8px}
.adim p{color:var(--gri);font-size:14.8px}

/* dongu */
.dongu{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;list-style:none;counter-reset:d}
.dongu li{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:22px 18px}
.dongu span{font-size:12.5px;font-weight:800;color:var(--mor2);letter-spacing:1.2px}
.dongu h3{font-size:17px;margin:8px 0 7px;color:#fff}
.dongu p{color:#bdbdbd;font-size:14.2px}

/* kartlar */
.izgara{display:grid;gap:22px}
.izgara.u3{grid-template-columns:repeat(3,1fr)}
.izgara.u4{grid-template-columns:repeat(4,1fr)}
.kart{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:26px 22px}
.kart .ikon{font-size:26px;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;
  background:rgba(225,6,0,.08);margin-bottom:14px}
.kart h3{font-size:18px;margin-bottom:9px}
.kart p{color:var(--gri);font-size:14.9px}
.kart.buyuk{display:flex;flex-direction:column}
.kart.buyuk .dugme{margin-top:auto;align-self:flex-start}
.kart-alt{font-weight:600;color:var(--lac)!important;margin-bottom:12px}
.kucuk-not{font-size:13.4px;color:var(--gri);margin:10px 0 14px}
.rozet-ucretsiz{display:inline-block;background:#e8f7ec;color:#1c7a3a;border:1px solid #bfe6cb;
  padding:5px 12px;border-radius:999px;font-size:12.6px;font-weight:700;margin:6px 0 14px}
.kart.senaryo h3{padding-bottom:10px;border-bottom:1px solid var(--cizgi);margin-bottom:12px}
.kart.senaryo ul{list-style:none;display:grid;gap:7px}
.kart.senaryo li{color:var(--gri);font-size:14.6px;padding-left:15px;position:relative}
.kart.senaryo li::before{content:"·";position:absolute;left:3px;color:var(--mor);font-weight:800}
.numarali{list-style:none;counter-reset:n;display:grid;gap:11px;margin-bottom:6px}
.numarali li{counter-increment:n;padding-left:34px;position:relative;color:var(--gri);font-size:14.8px}
.numarali li::before{content:"0" counter(n);position:absolute;left:0;top:0;font-size:12.4px;font-weight:800;color:var(--mor)}
.numarali strong{color:var(--lac)}
.rehber-kutu{margin-top:30px;background:#fff;border:1px solid var(--cizgi);border-left:4px solid var(--mor);
  border-radius:14px;padding:30px 30px}
.rehber-kutu h3{font-size:19px;margin-bottom:12px}
.rehber-kutu p{color:var(--gri);font-size:15.6px}

/* listeler */
.tik,.capraz{list-style:none;display:grid;gap:9px;margin:4px 0 16px}
.tik li,.capraz li{padding-left:26px;position:relative;color:var(--gri);font-size:15.2px}
.tik li::before{content:"✓";position:absolute;left:0;color:var(--mor);font-weight:800}
.capraz li::before{content:"✕";position:absolute;left:0;color:#9aa6b2;font-weight:800}
.ikili-liste{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ikili{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}

/* rapor karti */
.rapor-kart{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:26px;box-shadow:var(--golge)}
.rapor-kart h4{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--gri);margin-bottom:16px}
.rapor-sat{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--cizgi)}
.rapor-sat span{font-size:14.4px;color:var(--gri)}
.rapor-sat strong{font-size:16px}
.cubuk{flex:0 0 120px;height:8px;background:#eef1f4;border-radius:99px;overflow:hidden}
.cubuk i{display:block;height:100%;background:var(--mor);border-radius:99px}
.rapor-not{margin-top:16px;background:var(--kum);border-radius:10px;padding:13px 15px;font-size:14.4px;color:var(--gri)}
.rapor-uyari{margin-top:10px;font-size:12.4px;color:#9aa6b2}

/* video */
.video-sar{display:flex;gap:46px;align-items:center;justify-content:center;flex-wrap:wrap}
.video-yan{max-width:420px}
.video-yan h3{font-size:21px;margin-bottom:10px}
.video-yan p{color:var(--gri);margin-bottom:14px}

/* iletisim */
.iletisim-izgara{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:start}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:26px}
.form label{display:grid;gap:6px;font-size:13.6px;font-weight:600;color:#e6e6e6}
.form label.tam,.form .tam{grid-column:1/-1}
.form input,.form select,.form textarea{background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.3);
  border-radius:10px;padding:11px 13px;font-size:15px;font-family:inherit;color:var(--lac);width:100%}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--mor2);outline-offset:1px}
.form textarea{resize:vertical}
.form .onay{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:13.2px;color:#c9c9c9}
.form .onay input{width:17px;height:17px;flex:0 0 auto;margin-top:2px}
.form .onay a{color:#ff8c88;text-decoration:underline}
.form button{padding:13px;font-size:16px}
.iletisim-yan h3{font-size:18px;color:#fff;margin-bottom:16px}
.ilet-sat{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff;padding:13px 15px;
  border:1px solid rgba(255,255,255,.14);border-radius:12px;margin-bottom:10px;transition:.15s}
.ilet-sat:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.3)}
.ilet-sat span{font-size:20px;flex:0 0 auto}
.ilet-sat strong{display:block;font-size:15.2px;word-break:break-word}
.ilet-sat small{color:#a9a9a9;font-size:12.6px}

/* konum / harita */
.konum{padding-bottom:0}
.harita{margin-top:8px;line-height:0;filter:saturate(.92)}
.harita iframe{display:block;width:100%;border:0}
.harita-alt{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:22px 0 8px}
.harita-alt span{color:var(--gri);font-size:14.6px}

/* dip */
footer{background:var(--lac);color:#cfcfcf;padding:52px 0 0;font-size:14.4px}
.dip-izgara{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;padding-bottom:36px}
.dip-logo{height:44px;width:auto;margin-bottom:14px}
.dip-p{color:#a9a9a9;font-size:14px;line-height:1.75}
.dip-p a{color:#e6e6e6;text-decoration:none}.dip-p a:hover{color:#fff}
footer h5{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:1px;margin-bottom:13px}
.dip-bag{display:grid;gap:8px}
.dip-bag a{color:#a9a9a9;text-decoration:none;font-size:14px}.dip-bag a:hover{color:#fff}
.alt-sat{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.1);padding:20px 0;color:#8f8f8f;font-size:13.4px}
.alt-sat a{color:#c9c9c9;text-decoration:none}
.imza{padding-bottom:26px;text-align:right;color:#7d7d7d;font-size:12.8px}
.imza strong{color:#b9b9b9}

/* cerez */
.cerez-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;background:#fff;border:1px solid var(--cizgi);
  border-radius:14px;box-shadow:0 14px 44px rgba(0,0,0,.2);padding:16px 20px;display:flex;align-items:center;
  gap:18px;flex-wrap:wrap;justify-content:space-between;max-width:820px;margin-inline:auto}
.cerez-bar p{font-size:14px;color:var(--gri);margin:0}
.cerez-bar a{color:var(--mor)}

/* ic sayfa / hukuk */
.ic-sayfa section{padding:52px 0}
.kirinti{font-size:13.2px;color:var(--gri);margin-bottom:14px}
.kirinti a{color:var(--mor);text-decoration:none}
.hukuk-ust{background:var(--kum);border-bottom:1px solid var(--cizgi)}
.hukuk-ust h1{font-size:clamp(25px,3.4vw,36px);letter-spacing:-.8px;font-weight:800}
.surum{color:var(--gri);font-size:14px;margin-top:8px}
.hukuk-kap{display:grid;grid-template-columns:240px 1fr;gap:46px;align-items:start}
.icindekiler{position:sticky;top:92px;background:var(--kum);border-radius:14px;padding:20px}
.icindekiler h5{font-size:12.4px;text-transform:uppercase;letter-spacing:1px;color:var(--gri);margin-bottom:11px}
.icindekiler ol{padding-left:18px;display:grid;gap:7px}
.icindekiler a{color:var(--lac);text-decoration:none;font-size:13.8px}
.icindekiler a:hover{color:var(--mor)}
.metin{font-size:16px;color:#2c3440}
.metin h2{font-size:21px;margin:34px 0 13px;letter-spacing:-.3px;scroll-margin-top:92px}
.metin h3{font-size:17.5px;margin:22px 0 10px}
.metin p{margin-bottom:13px}
.metin ul,.metin ol{margin:0 0 15px 22px;display:grid;gap:7px}
.metin li{line-height:1.7}
.metin blockquote{border-left:3px solid var(--mor);background:var(--kum);padding:14px 18px;margin:0 0 16px;border-radius:0 10px 10px 0}
.metin a{color:var(--mor)}
.metin .ozet{background:var(--kum);border-radius:12px;padding:17px 20px;color:var(--gri);font-size:15.4px;margin-bottom:24px}
table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:14.8px}
th,td{border:1px solid var(--cizgi);padding:10px 13px;text-align:left;vertical-align:top}
th{background:var(--kum);font-weight:700}
.kunye th{width:34%;white-space:nowrap}
.metin table{display:block;overflow-x:auto}

/* blog */
.blog-ust{background:var(--kum);border-bottom:1px solid var(--cizgi)}
.blog-ust h1{font-size:clamp(27px,3.6vw,38px);letter-spacing:-1px;font-weight:800}
.blog-ozet{color:var(--gri);margin-top:10px;max-width:700px}
.kat-menu{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.kat-bag{background:#fff;border:1px solid var(--cizgi);border-radius:999px;padding:7px 15px;
  font-size:13.8px;text-decoration:none;color:var(--lac);transition:.15s}
.kat-bag:hover{border-color:var(--mor);color:var(--mor)}
.kat-bag.secili{background:var(--mor);border-color:var(--mor);color:#fff}
.blog-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.blog-kart{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:24px 22px;
  text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:.15s}
.blog-kart:hover{border-color:#cfd5dd;box-shadow:var(--golge);transform:translateY(-2px)}
.kart-kat{font-size:12.2px;font-weight:700;color:var(--mor);text-transform:uppercase;letter-spacing:.6px}
.blog-kart h3{font-size:17.6px;margin:9px 0 10px;line-height:1.35}
.blog-kart p{color:var(--gri);font-size:14.4px;flex:1}
.kart-dip{margin-top:14px;color:#9aa6b2;font-size:12.8px}

/* yazi */
.yazi h1{font-size:clamp(26px,3.6vw,38px);letter-spacing:-1px;line-height:1.2;font-weight:800;margin-bottom:12px}
.yazi-ust{color:#9aa6b2;font-size:13.6px;margin-bottom:20px}
.etiketler{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 8px}
.etiket-kck{background:var(--kum);border:1px solid var(--cizgi);border-radius:999px;padding:5px 12px;font-size:12.6px;color:var(--gri)}
.yazi-cta{margin-top:34px;background:linear-gradient(160deg,#0a0a0a,#1f1010);color:#fff;border-radius:16px;padding:30px}
.yazi-cta h3{font-size:20px;margin-bottom:9px}
.yazi-cta p{color:#c4c4c4;margin-bottom:16px}
.ilgili-bas{font-size:20px;margin:48px 0 18px}
.ilgili{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ilgili-kart{background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:18px;text-decoration:none;color:inherit;transition:.15s}
.ilgili-kart:hover{border-color:var(--mor)}
.ilgili-kart span{font-size:11.8px;font-weight:700;color:var(--mor);text-transform:uppercase}
.ilgili-kart strong{display:block;margin-top:7px;font-size:15px;line-height:1.4}

/* konum sayfasi */
.konum-ust{background:var(--kum);border-bottom:1px solid var(--cizgi)}
.konum-ust h1{font-size:clamp(24px,3.2vw,34px);letter-spacing:-.8px;font-weight:800}
.konum-meta{color:var(--gri);font-size:14px;margin-top:8px}
.vurgu{background:var(--kum);border:1px solid var(--cizgi);border-left:4px solid var(--mor);
  border-radius:0 12px 12px 0;padding:22px 24px;margin:22px 0 28px}
.vurgu.yesil{border-left-color:#1c7a3a;background:#f2fbf5;border-color:#cfeed9}
.vurgu h2{margin-top:0!important;font-size:19px!important}
.komsu{margin:30px 0}
.komsu h2{font-size:19px;margin-bottom:13px}
.rozetler{display:flex;gap:8px;flex-wrap:wrap}
.rozetler a{background:#fff;border:1px solid var(--cizgi);border-radius:999px;padding:6px 13px;
  font-size:13.4px;text-decoration:none;color:var(--lac);transition:.15s}
.rozetler a:hover{border-color:var(--mor);color:var(--mor)}
.bolge-blok{margin-bottom:30px}
.bolge-blok h2{font-size:19px;margin-bottom:12px}

/* ═══════════════════════ mobil ═══════════════════════ */
@media(max-width:1080px){
  .adimlar,.izgara.u4,.ilgili{grid-template-columns:repeat(2,1fr)}
  .dongu{grid-template-columns:repeat(3,1fr)}
  .blog-izgara,.izgara.u3{grid-template-columns:repeat(2,1fr)}
  .dip-izgara{grid-template-columns:1fr 1fr}
  .hukuk-kap{grid-template-columns:1fr}
  .icindekiler{position:static}
}
@media(max-width:900px){
  .ikili,.iletisim-izgara,.ikili-liste{grid-template-columns:1fr}
  .giris .kap{grid-template-columns:1fr;gap:34px}
  .video-sar{flex-direction:column}
  nav{display:none;position:absolute;left:0;right:0;top:100%;background:#0f0f0f;border-top:1px solid rgba(255,255,255,.1);padding:10px 0}
  nav.acik-menu{display:block}
  nav ul{flex-direction:column;gap:0}
  nav li{border-bottom:1px solid rgba(255,255,255,.07)}
  nav a{display:block;padding:14px 5%;font-size:15.5px}
  .menu-ac{display:block;order:3}
  .ust{position:relative;flex-wrap:wrap}
  header .dugme{font-size:13.6px;padding:9px 14px}
}
@media(max-width:640px){
  section{padding:52px 0}
  .adimlar,.izgara.u3,.izgara.u4,.blog-izgara,.ilgili,.dongu,.dip-izgara{grid-template-columns:1fr}
  .kap.dar{width:92%}
  .form{grid-template-columns:1fr;padding:20px}
  .rehber-kutu,.yazi-cta{padding:22px}
  .harita-alt{flex-direction:column;align-items:flex-start;gap:12px}
  .cerez-bar{left:10px;right:10px;bottom:10px;padding:14px 16px}
  .cerez-bar .dugme{width:100%;text-align:center}
  .imza{text-align:center}
  .serit-ic{flex-direction:column;gap:11px}
  .metin h2{font-size:19px}
  th,td{padding:8px 10px;font-size:14px}
}

/* mobil ust cubuk — tek satir */
@media(max-width:900px){
  .ust{flex-wrap:nowrap;gap:10px}
  .logo img{height:36px}
  header .dugme{display:none}            /* CTA menude "Iletisim" olarak var */
  .dil{order:2}.menu-ac{order:3;margin-left:2px}
}
@media(max-width:400px){ .logo img{height:31px} .dil a{padding:4px 7px;font-size:11.4px} }

/* kurumsal bolumler */
.izgara.u2{grid-template-columns:repeat(2,1fr)}
.etiket.koyu-etiket{background:rgba(10,10,10,.06);color:var(--lac);border-color:rgba(10,10,10,.14);letter-spacing:1.4px;font-size:12px}
.kart.saydam{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.14)}
.kart.saydam h3{color:#fff}.kart.saydam p{color:#bdbdbd}
.ort{text-align:center;margin-top:30px}
.zaman{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:z}
.zaman li{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:24px 22px;position:relative}
.zaman li.simdi{border-color:var(--mor);box-shadow:0 0 0 3px rgba(225,6,0,.08)}
.zaman span{display:inline-block;font-size:12.6px;font-weight:800;letter-spacing:1px;color:var(--mor);margin-bottom:9px}
.zaman h3{font-size:17px;margin-bottom:7px}
.zaman p{color:var(--gri);font-size:14.6px}
.ekip .kart{text-align:center}
.avatar{width:62px;height:62px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;
  background:linear-gradient(140deg,var(--mor),#7a0400);color:#fff;font-weight:800;font-size:20px;letter-spacing:.5px}
@media(max-width:1080px){ .zaman{grid-template-columns:repeat(2,1fr)} }
@media(max-width:640px){ .zaman,.izgara.u2,.ekip.izgara.u3{grid-template-columns:1fr} }

/* ═══════════ blog kartlari (Ogretix kalibi) ═══════════ */
.blog-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.bk-kart{background:#fff;border:1px solid var(--cizgi);border-radius:16px;overflow:hidden;
  text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:.18s}
.bk-kart:hover{border-color:#cfd5dd;box-shadow:0 14px 34px rgba(13,27,42,.13);transform:translateY(-3px)}
.bk-ust{position:relative;height:104px;display:flex;align-items:flex-end;justify-content:space-between;
  padding:12px 14px;gap:10px}
.bk-ust::after{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 80% 15%,rgba(255,255,255,.22),transparent 55%);pointer-events:none}
.bk-kat{position:relative;z-index:1;background:rgba(0,0,0,.28);color:#fff;font-size:11.8px;font-weight:700;
  letter-spacing:.4px;text-transform:uppercase;padding:5px 11px;border-radius:999px;backdrop-filter:blur(3px)}
.bk-sure{position:relative;z-index:1;background:rgba(255,255,255,.92);color:#1a1a1a;font-size:11.8px;
  font-weight:700;padding:5px 10px;border-radius:999px}
.bk-govde{padding:20px 20px 18px;display:flex;flex-direction:column;flex:1}
.bk-govde h3{font-size:17.4px;line-height:1.35;margin-bottom:9px;letter-spacing:-.2px}
.bk-govde p{color:var(--gri);font-size:14.3px;flex:1;line-height:1.6}
.bk-alt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;
  padding-top:13px;border-top:1px solid var(--cizgi);font-size:12.8px;color:#9aa6b2}
.bk-oku{color:var(--mor);font-weight:700}

/* kategori menusu — renkli */
.kat-bag{--kr:#e10600}
.kat-bag:hover{border-color:var(--kr);color:var(--kr)}
.kat-bag.secili{background:var(--kr);border-color:var(--kr);color:#fff}

/* sayfalama */
.sayfalama{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:44px}
.sy-no,.sy-ok{min-width:40px;height:40px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid var(--cizgi);border-radius:10px;text-decoration:none;color:var(--lac);
  font-size:14.6px;font-weight:600;transition:.15s}
.sy-no:hover,.sy-ok:hover{border-color:var(--mor);color:var(--mor)}
.sy-no.secili{background:var(--mor);border-color:var(--mor);color:#fff;pointer-events:none}
.sy-bos{color:#9aa6b2;padding:0 3px}
.sy-bilgi{text-align:center;color:#9aa6b2;font-size:13.2px;margin-top:13px}

/* yuzen WhatsApp */
.yuzen-wa{position:fixed;right:18px;bottom:18px;z-index:80;width:56px;height:56px;border-radius:50%;
  background:#25d366;display:grid;place-items:center;box-shadow:0 8px 24px rgba(37,211,102,.45);
  text-decoration:none;font-size:27px;line-height:1;transition:.15s}
.yuzen-wa:hover{transform:scale(1.07)}
@media(max-width:640px){ .yuzen-wa{width:50px;height:50px;font-size:24px;right:13px;bottom:74px} }

/* duzeltme: [hidden] ozniteligi display:flex tarafindan eziliyordu */
.cerez-bar[hidden]{display:none!important}

/* uye paneli bagi (panel adresi tanimlaninca gorunur) */
.panel-bag{color:#b6c3d1;text-decoration:none;font-size:14px;font-weight:600;padding:9px 13px;
  border:1px solid rgba(255,255,255,.22);border-radius:9px;margin-right:9px;white-space:nowrap}
.panel-bag:hover{color:#fff;border-color:rgba(255,255,255,.45)}
@media(max-width:900px){ .panel-bag{display:none} }

/* blog arama */
.blog-ara{position:relative;margin-top:20px;max-width:560px}
.blog-ara input{width:100%;padding:13px 16px;border:1px solid var(--cizgi);border-radius:12px;
  font-size:15.4px;font-family:inherit;background:#fff}
.blog-ara input:focus{outline:2px solid var(--mor);outline-offset:1px;border-color:var(--mor)}
.ara-sonuc{display:block;margin-top:7px;font-size:13px;color:var(--gri);min-height:18px}
.bk-kart.sade .bk-govde{padding:20px}

/* ═══════════ masa · canlı akış ═══════════ */
.masa-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.masa-bas h4{margin:0}
.canli{display:inline-flex;align-items:center;gap:6px;font-size:11.6px;font-weight:700;
  letter-spacing:.8px;text-transform:uppercase;color:#ff8c88}
.canli i{width:7px;height:7px;border-radius:50%;background:var(--mor2);flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(255,26,18,.7);animation:nabiz 2s infinite}
@keyframes nabiz{
  0%{box-shadow:0 0 0 0 rgba(255,26,18,.6)}
  70%{box-shadow:0 0 0 7px rgba(255,26,18,0)}
  100%{box-shadow:0 0 0 0 rgba(255,26,18,0)}
}
.akis{height:322px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;
  justify-content:flex-end;gap:9px;
  padding-right:6px;scroll-behavior:smooth;transition:opacity .5s;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22px,#000 100%);
          mask-image:linear-gradient(to bottom,transparent 0,#000 22px,#000 100%)}
.akis.soluyor{opacity:0}
.akis::-webkit-scrollbar{width:5px}
.akis::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:9px}
.akis .balon{flex:0 0 auto;animation:gir .32s ease-out}
@keyframes gir{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
.akis .balon small{display:block;font-size:10.6px;letter-spacing:.7px;opacity:.72;margin-bottom:4px}
.akis .balon span{display:block}
.akis .balon.yaziyor{opacity:.72}
.nokta{display:inline-flex;gap:4px;align-items:center;height:16px}
.nokta i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.45;
  animation:zipla 1.1s infinite}
.nokta i:nth-child(2){animation-delay:.16s}
.nokta i:nth-child(3){animation-delay:.32s}
@keyframes zipla{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:.9}}

/* cevap alani — yalnizca giris yapanlar */
.masa-giris{display:flex;gap:8px;margin-top:14px}
.masa-giris input{flex:1;min-width:0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);
  border-radius:10px;padding:10px 13px;font-size:14.4px;font-family:inherit;color:#fff;cursor:not-allowed}
.masa-giris input::placeholder{color:#7d8793}
.masa-gir{flex:0 0 auto;background:var(--mor);color:#fff;text-decoration:none;font-weight:600;
  padding:10px 16px;border-radius:10px;font-size:14.2px;white-space:nowrap;transition:.15s}
.masa-gir:hover{background:var(--mor2)}
.masa-not{margin-top:9px;font-size:12.2px;color:#8b95a1}
@media(max-width:560px){
  .akis{height:268px}
  .masa-giris{flex-direction:column}
  .masa-gir{text-align:center}
}
