/* Hizmet detay sayfası (hizmet.php) yapısal kuralları — önceden sayfa içindeydi, ortak header'a geçince buraya taşındı */
.breadcrumb{background:var(--light);padding:14px 0;border-bottom:1px solid var(--border)}
.breadcrumb-inner{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mid)}
.breadcrumb-inner a{color:var(--mid);transition:color .2s}
.breadcrumb-inner a:hover{color:var(--purple)}
.breadcrumb-inner .sep{opacity:.4}
.breadcrumb-inner .current{color:var(--dark);font-weight:600}

/* ── HERO BANNER ── */
.svc-hero{position:relative;background:linear-gradient(135deg,#1a0545 0%,#3d0d9e 40%,#1e3a8a 100%);padding:60px 0 50px;overflow:hidden}
.svc-hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(139,69,240,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(139,69,240,.12) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}
.svc-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 420px;gap:50px;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px}
.svc-hero-cat{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;border:1px solid}
.svc-hero-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(32px,4vw,52px);font-weight:900;color:#fff;line-height:1.1;margin-bottom:20px}
.svc-hero-desc{color:rgba(255,255,255,.75);font-size:15px;line-height:1.8;margin-bottom:28px;max-width:520px}
.svc-hero-img{border-radius:14px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4);border:3px solid rgba(255,255,255,.15)}
.svc-hero-img img{width:100%;height:280px;object-fit:cover}
.svc-hero-img-placeholder{width:100%;height:280px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:60px}

/* ── LAYOUT ── */
.svc-layout{padding:60px 0;background:#fff}
.svc-layout-inner{display:grid;grid-template-columns:1fr 300px;gap:48px;max-width:1200px;margin:0 auto;padding:0 24px}

/* ── CONTENT ── */
.svc-content{min-width:0}
.svc-content h1,.svc-content h2,.svc-content h3{font-family:'Barlow Condensed',sans-serif;font-weight:800;color:var(--blue);margin:28px 0 12px;line-height:1.2}
.svc-content h1{font-size:32px}
.svc-content h2{font-size:26px}
.svc-content h3{font-size:20px}
.svc-content p{color:var(--mid);line-height:1.8;font-size:15px;margin-bottom:16px}
.svc-content ul,.svc-content ol{padding-left:22px;margin-bottom:16px}
.svc-content ul{list-style:disc}
.svc-content ol{list-style:decimal}
.svc-content li{color:var(--mid);line-height:1.75;font-size:15px;margin-bottom:6px}
.svc-content b,.svc-content strong{font-weight:700;color:var(--dark)}
.svc-content a{color:var(--purple);text-decoration:underline}
/* Inline stil temizleme — sarı highlight vs kaldır */
.svc-content *{background-color:transparent !important;color:inherit}
.svc-content b,.svc-content strong{color:var(--dark) !important}
.svc-content h1,.svc-content h2,.svc-content h3{color:var(--blue) !important}

/* ── SIDEBAR ── */
.svc-sidebar{}
.sidebar-card{background:var(--light);border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid var(--border)}
.sidebar-card h4{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:800;color:var(--blue);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--border)}
.related-item{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}
.related-item:last-child{border-bottom:none;padding-bottom:0}
.related-thumb{width:56px;height:42px;border-radius:6px;object-fit:cover;flex-shrink:0;background:#e2e8f0}
.related-thumb-placeholder{width:56px;height:42px;border-radius:6px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.related-title{font-size:14px;font-weight:600;color:var(--dark);transition:color .2s;line-height:1.35}
.related-item:hover .related-title{color:var(--purple)}
.contact-sidebar-card{background:linear-gradient(135deg,var(--purple),var(--purple2));border-radius:12px;padding:24px;color:#fff;text-align:center}
.contact-sidebar-card h4{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:800;margin-bottom:10px}
.contact-sidebar-card p{font-size:14px;opacity:.85;line-height:1.65;margin-bottom:18px}
.contact-sidebar-card .btn{background:#fff;color:var(--purple);width:100%;justify-content:center;border-color:transparent}
.contact-sidebar-card .btn:hover{background:#f0ebff}


@media(max-width:900px){
  .svc-hero-inner{grid-template-columns:1fr}
  .svc-hero-img{}
  .svc-layout-inner{grid-template-columns:1fr}
  .svc-sidebar{}
}

/* ==========================================================================
   CK Fiber Optik — "Neon Dark" teması
   Mockup: koyu lacivert zemin, neon mavi cam paneller, kırmızı CTA.
   Not: Tüm seçiciler `html body` ile başlar; sayfa içi <style> bloklarını ezmek içindir.
   ========================================================================== */
:root{
  --purple:#7c5cff;--purple2:#b79bff;--purple-dk:#d6e6ff;
  --blue:#8b6cff;--accent:#ff3b30;
  --light:#07163f;--dark:#f0ecff;--mid:#bdb4e8;--white:#fff;
  --border:rgba(160,135,255,.30);--radius:10px;
  --shadow:0 10px 40px rgba(40,20,140,.35);
  --neon:#a78bfa;--red:#e11d2e;
  --panel:linear-gradient(180deg,rgba(28,18,92,.66),rgba(14,8,56,.78));
  --line:rgba(150,120,255,.55);
  --glow:0 0 0 1px rgba(150,120,255,.14) inset,0 0 30px rgba(105,75,245,.26);
}

/* ---------- Genel ---------- */
html body{
  color:var(--dark);
  background:
    radial-gradient(900px 520px at 88% 0,rgba(105,75,245,.34),transparent 62%),
    radial-gradient(760px 520px at -8% 28%,rgba(85,55,205,.22),transparent 62%),
    radial-gradient(820px 620px at 108% 62%,rgba(85,55,205,.18),transparent 62%),
    #07042a;
  background-repeat:no-repeat;
}
html body ::selection{background:#7c5cff;color:#fff}
html body .section-label{color:#ff4a3d;letter-spacing:3.5px}
html body .section-title{color:#fff}
html body .section-title span{color:var(--neon)}
html body .section-desc{color:var(--mid)}
html body .btn{border-radius:10px}
html body .btn-primary{background:linear-gradient(180deg,#f0283a,#b30f20);border-color:rgba(255,130,130,.45);color:#fff;box-shadow:0 0 22px rgba(225,29,46,.4)}
html body .btn-primary:hover{background:linear-gradient(180deg,#ff3447,#c3111f);box-shadow:0 0 30px rgba(225,29,46,.6)}
html body .btn-outline{border-color:rgba(165,140,255,.8);color:#fff}
html body .btn-outline:hover{background:rgba(115,85,255,.25)}

/* ---------- Header / Nav ---------- */
html body .header-wrapper{background:transparent;position:relative;overflow:visible;z-index:50}
html body nav{background:rgba(8,4,36,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none;border-bottom:1px solid rgba(150,120,255,.2)}
html body .nav-inner{height:84px}
html body .logo-tagline{color:#d9d2ff}
html body .nav-links a{color:#e0d9ff;padding:10px 14px;font-size:14px}
html body .nav-links a::after{left:14px;right:14px}
html body .nav-links a::after{background:linear-gradient(90deg,#7c5cff,#c9b3ff)}
html body .nav-links a:hover,html body .nav-links a.active{color:#fff}
html body .nav-links li+li::before{background:rgba(175,150,255,.28)}
html body .nav-right{gap:12px}
html body .lang-switcher{display:flex;gap:8px;margin:0 4px 0 0}
html body .lang-btn{background:rgba(40,28,120,.55);border:1.5px solid rgba(160,135,255,.55);color:#d9d2ff;font-size:13px;letter-spacing:.6px;padding:9px 15px;border-radius:9px;line-height:1}
html body .lang-btn:hover{background:rgba(115,85,255,.3);color:#fff}
html body .lang-btn.active{background:linear-gradient(180deg,#6d4dff,#3d25c9);border-color:#b79bff;color:#fff;box-shadow:0 0 16px rgba(115,85,255,.55)}
html body .nav-phone-box{display:none !important}  /* mockup'ta yok; telefon iletişim bölümünde ve footer'da */
html body .nav-phone-box .ph-icon{background:linear-gradient(135deg,#6d4dff,#3d25c9);box-shadow:0 0 14px rgba(115,85,255,.55)}
html body .nav-phone-box .ph-label{color:#aaa1d6}
html body .nav-phone-box .ph-num{color:#fff}
html body .nav-search,html body .hamburger{width:46px;height:46px;background:rgba(40,28,120,.55);border:1.5px solid rgba(165,140,255,.75);border-radius:12px;box-shadow:0 0 18px rgba(115,85,255,.35);margin:0}
html body .nav-search:hover,html body .hamburger:hover{background:rgba(115,85,255,.3)}
html body .nav-search svg{stroke:#fff;width:20px;height:20px}
html body .hamburger span{background:#fff}

/* Mobil menü */
html body .mobile-menu{background:#04102f;box-shadow:-8px 0 40px rgba(0,0,0,.6);border-left:1px solid rgba(150,120,255,.4)}
html body .mobile-menu-head{background:rgba(40,28,120,.4);border-bottom:1px solid rgba(150,120,255,.3)}
html body .mobile-menu-head .logo-tagline{color:#d9d2ff}
html body .mobile-close{background:rgba(40,28,120,.55);border:1.5px solid rgba(165,140,255,.7);color:#fff}
html body .mobile-nav-links a{color:#e4defa}
html body .mobile-nav-links a:hover,html body .mobile-nav-links a.active{background:rgba(115,85,255,.18);color:#fff;border-left-color:var(--neon)}
html body .mobile-contact-box{background:linear-gradient(135deg,#6d4dff,#3d25c9);box-shadow:0 0 24px rgba(115,85,255,.4)}
html body .mobile-contact-box a.mc-btn{color:#3d25c9}
html body .mobile-lang button{background:rgba(40,28,120,.55);color:#d9d2ff;border-color:rgba(160,135,255,.5)}
html body .mobile-lang button.active{background:linear-gradient(180deg,#6d4dff,#3d25c9);color:#fff;border-color:#b79bff}
html body .mobile-menu-overlay{background:rgba(0,4,20,.7)}

/* ---------- Hero ---------- */
html body .hero-wrapper{background:transparent;overflow:hidden}
html body .hero-wrapper::after{display:none}
html body #networkCanvas{opacity:.32}
html body .hero-section{padding:54px 0 60px}
html body .hero{grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}
html body .hero-tag{background:rgba(40,28,120,.55);border:1px solid rgba(160,135,255,.55);color:#e0d8ff;letter-spacing:4px;font-size:12px;border-radius:999px;padding:8px 20px 8px 16px;margin-bottom:26px}
html body .hero-tag::before{background:#7c5cff;box-shadow:0 0 10px #7c5cff,0 0 0 4px rgba(125,95,255,.25)}
html body .hero h1{font-size:clamp(40px,5.4vw,70px);font-weight:800;line-height:1.03;letter-spacing:-.5px;text-shadow:0 2px 24px rgba(40,20,120,.6)}
html body .hero h1 span{font-style:italic;background:linear-gradient(90deg,#7c5cff,#c4a8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-right:.08em}
html body .hero p{color:#e4defa;font-size:clamp(16px,1.5vw,19px);line-height:1.55;max-width:520px;margin-bottom:34px}
html body .btn-hero-primary,html body .btn-hero-outline{border-radius:12px;padding:14px 32px;font-size:16px;font-weight:700;gap:12px}
html body .btn-hero-primary{background:linear-gradient(180deg,#ee2a3b,#b30f20);border:1px solid rgba(255,130,130,.5);box-shadow:0 0 26px rgba(225,29,46,.45)}
html body .btn-hero-primary:hover{box-shadow:0 0 36px rgba(225,29,46,.65)}
html body .btn-hero-outline{background:rgba(40,28,120,.45);border:1.5px solid rgba(165,140,255,.8);box-shadow:0 0 22px rgba(125,95,255,.28) inset}
html body .btn-hero-outline:hover{background:rgba(115,85,255,.28)}
html body .btn-hero-primary::after,html body .btn-hero-outline::after{content:'\203A';font-size:24px;line-height:1;margin-top:-2px}
html body .hero-visual{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:300px}
html body .hero-visual img{width:100%;max-width:600px;height:auto;margin-left:auto;
  -webkit-mask-image:radial-gradient(ellipse 66% 68% at 55% 50%,#000 42%,transparent 100%);
  mask-image:radial-gradient(ellipse 66% 68% at 55% 50%,#000 42%,transparent 100%);
  filter:saturate(1.12) contrast(1.04)}

/* ---------- Bilgi şeridi ---------- */
html body .fiber-strip{background:transparent;padding:0 0 60px}
html body .fiber-strip-grid{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--glow)}
html body .fstrip-item:hover{background:rgba(115,85,255,.08)}
html body .fstrip-icon{background:rgba(40,28,120,.5);border:1.5px solid rgba(165,140,255,.8);box-shadow:0 0 16px rgba(125,95,255,.35)}
html body .fstrip-icon svg{stroke:#fff}
html body .fstrip-text strong{color:#fff}
html body .fstrip-text span{color:#bdb4e8}
html body .fstrip-divider{background:rgba(165,140,255,.26)}

/* ---------- Hizmetler ---------- */
html body .services{background:transparent;padding:10px 0 64px}
html body .services .hd{margin-bottom:34px}
html body .services .hd .section-title{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:10px}
html body .services .hd .section-title::before,html body .services .hd .section-title::after{content:'';flex:0 1 190px;height:1px;background:linear-gradient(90deg,transparent,#a78bfa)}
html body .services .hd .section-title::after{transform:scaleX(-1)}
html body .services .hd .section-desc{color:#e4defa}
html body .svc-category-block{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--glow);overflow:hidden;min-width:0}
html body .svc-category-header{margin:0 0 18px;border-radius:0;padding:14px 22px;background:linear-gradient(90deg,#2b1a8f,#160d5c);border-bottom:1px solid rgba(150,120,255,.5)}
html body .svc-category-header h3{font-size:15px;letter-spacing:2.2px;color:#fff}
html body .svc-cat-icon{font-size:22px}
html body .svc-arrow{background:rgba(8,4,36,.7);border:1.5px solid rgba(165,140,255,.7);color:#fff}
html body .svc-arrow:hover{background:rgba(115,85,255,.35);border-color:#b79bff}
html body .svc-dot{background:rgba(175,150,255,.3);width:7px;height:7px}
html body .svc-dot.active{background:#a78bfa;box-shadow:0 0 8px #a78bfa;transform:scale(1.2)}
html body .service-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--glow)}
html body .service-card:hover{box-shadow:0 0 0 1px rgba(180,150,255,.5) inset,0 0 34px rgba(115,85,255,.4);transform:translateY(-4px)}
html body .service-img{background:#150d55}
html body .svc-no-img{color:#6a5fb0}
html body .service-body h3{color:#fff}
html body .service-body p,html body .service-desc{color:#bdb4e8}
html body .service-desc strong{color:#fff}
html body .btn-detay{background:rgba(40,28,120,.5);border:1.5px solid rgba(165,140,255,.8);border-radius:10px;padding:9px 22px;color:#fff;letter-spacing:1px;box-shadow:0 0 14px rgba(115,85,255,.25)}
html body .btn-detay::after{content:' \203A';margin-left:4px}
html body .btn-detay:hover{background:linear-gradient(180deg,#6d4dff,#3d25c9);border-color:#b79bff;box-shadow:0 0 22px rgba(115,85,255,.55)}
html body .services-cta{margin-top:34px}

/* Ana sayfa: iki sütun, her sütunda tek kart (mockup) */
html body .svc-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
html body .svc-cols .svc-slider-wrap{margin:0;gap:0}
html body .svc-cols .svc-arrow{position:absolute;top:92px;transform:translateY(-50%);z-index:3;width:38px;height:38px}
html body .svc-cols .svc-prev{left:12px}
html body .svc-cols .svc-next{right:12px}
html body .svc-cols .service-card{background:transparent;border:0;box-shadow:none;border-radius:0}
html body .svc-cols .service-card:hover{transform:none;box-shadow:none}
html body .svc-cols .service-img{height:184px}
html body .svc-cols .service-body{display:grid;grid-template-columns:1fr auto;grid-template-areas:"t t" "d b";gap:8px 18px;align-items:end;padding:16px 22px 14px}
html body .svc-cols .service-body h3{grid-area:t;font-size:22px;margin:0}
html body .svc-cols .service-desc{grid-area:d;font-size:13px;line-height:1.55}
html body .svc-cols .svc-btn-wrap{grid-area:b;margin:0;padding:0}
html body .svc-cols .svc-dots{margin:0;padding:6px 16px 18px;flex-wrap:wrap;gap:7px}
html body .svc-cols .svc-category-header{margin:0}

/* ---------- Kurumsal + istatistik paneli ---------- */
html body .corporate{background:transparent;padding:0 0 60px}
html body .corp-panel{display:grid;grid-template-columns:1.1fr .72fr 1.08fr;gap:30px;align-items:center;padding:34px 38px;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--glow)}
html body .corp-text .section-title{color:var(--neon);font-size:clamp(26px,3vw,36px);margin-bottom:18px}
html body .check-list{list-style:none;display:flex;flex-direction:column;gap:14px;padding:0;margin:0}
html body .check-list li{display:flex;gap:12px;align-items:flex-start;color:#e4defa;font-size:14.5px;line-height:1.55}
html body .check-list .chk{flex:0 0 22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#f0283a,#b30f20);display:flex;align-items:center;justify-content:center;margin-top:2px;box-shadow:0 0 10px rgba(225,29,46,.45)}
html body .check-list .chk svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
html body .corp-image{position:relative;margin:0 auto}
html body .corp-panel .corp-image{width:100%;max-width:290px;height:auto;aspect-ratio:1/1}
html body .corp-panel .corp-img-circle{position:relative;left:auto;top:auto;transform:none;width:100%}
html body .corp-img-circle{border:5px solid transparent;background:linear-gradient(#07042a,#07042a) padding-box,linear-gradient(135deg,#a78bfa,#6d4dff 55%,#ff3040) border-box;box-shadow:0 0 34px rgba(115,85,255,.5),0 0 60px rgba(255,48,64,.18)}
html body .corp-badge{top:2%;left:-2%;width:94px;height:94px;background:radial-gradient(circle at 30% 25%,#1f58e0,#081a60);border:2px solid #9b7bff;box-shadow:0 0 22px rgba(115,85,255,.65)}
html body .corp-badge .badge-label{font-size:9.5px;letter-spacing:2px}
html body .corp-badge .badge-year{font-size:28px}
html body .corp-img-bg{background:linear-gradient(160deg,#3d25c9,#160d5c);opacity:.8}
html body .stats{background:rgba(20,12,70,.55);border:1px solid rgba(150,120,255,.5);border-radius:16px;padding:4px;box-shadow:0 0 24px rgba(105,75,245,.18) inset}
html body .stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;text-align:left}
html body .stat-item{display:flex;align-items:center;gap:14px;padding:20px 18px;border:0;border-right:1px solid rgba(165,140,255,.24);border-bottom:1px solid rgba(165,140,255,.24)}
html body .stat-item:nth-child(2n){border-right:0}
html body .stat-item:nth-last-child(-n+2){border-bottom:0}
html body .stat-ico{flex:0 0 auto;display:flex}
html body .stat-ico svg{width:34px;height:34px;fill:none;stroke:#efeaff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
html body .stat-emoji{font-size:30px;line-height:1}
html body .stat-num{font-size:clamp(28px,3vw,36px);font-weight:800;color:#fff;line-height:1;margin:0}
html body .stat-label{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:#bdb4e8;margin-top:5px;font-weight:600}

/* ---------- Referanslar ---------- */
html body .refs{background:transparent;padding:0 0 60px}
html body .refs-panel{display:grid;grid-template-columns:.9fr 1.45fr;gap:34px;align-items:center;padding:30px 38px;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--glow)}
html body .refs-head .section-title{font-size:clamp(26px,3vw,36px);margin-bottom:12px}
html body .refs-head .section-title span{color:#ff4a3d}
html body .refs-desc{color:#bdb4e8;font-size:14.5px;line-height:1.65;margin:0}
html body .refs-body{min-width:0}
html body .refs-slide{flex:0 0 calc((100% - 40px)/3)}
html body .ref-card{background:#fff;border:1px solid rgba(190,165,255,.8);border-radius:12px;min-height:112px;padding:14px;box-shadow:0 0 26px rgba(115,85,255,.35);-webkit-backdrop-filter:none;backdrop-filter:none;gap:6px}
html body .ref-card:hover{background:#fff;transform:translateY(-3px);box-shadow:0 0 34px rgba(180,150,255,.55)}
html body .ref-logo-img{background:transparent;padding:0;max-height:84px;border-radius:0}
html body .ref-logo-wrap+.ref-name{display:none}
html body .ref-name{color:#27406e}
html body .ref-icon-wrap{background:#eaf1ff}
html body .refs-arrow{background:rgba(40,28,120,.55);border:1.5px solid rgba(165,140,255,.8);color:#fff;box-shadow:0 0 14px rgba(115,85,255,.3)}
html body .refs-arrow:hover{background:rgba(115,85,255,.4);border-color:#b79bff}
html body .refs-dots{margin-top:16px}
html body .refs-dot{background:rgba(175,150,255,.35)}
html body .refs-dot.active{background:#a78bfa;box-shadow:0 0 8px #a78bfa}

/* ---------- Blog ---------- */
html body .blog{background:transparent;padding:0 0 60px}
html body .blog-card{background:rgba(20,12,70,.72);border:1px solid rgba(150,120,255,.5);border-radius:12px}
html body .blog-card:hover{box-shadow:0 0 28px rgba(115,85,255,.4);transform:translateY(-4px)}
html body .blog-date{background:linear-gradient(180deg,#6d4dff,#3a22b8);box-shadow:0 0 12px rgba(115,85,255,.5)}
html body .blog-author{color:#aaa1d6}
html body .blog-body h4{color:#fff}
html body .blog-body a.read-more{color:#ff4a3d}
html body .blog-panel{display:grid;grid-template-columns:.78fr 3fr;gap:30px;align-items:center;padding:26px 30px;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--glow)}
html body .blog-panel .hd{text-align:left;margin:0}
html body .blog-panel .section-label{color:#ff6a3d}
html body .blog-panel .section-title{font-size:clamp(24px,2.6vw,32px);margin-bottom:10px}
html body .blog-panel .section-desc{font-size:14px;max-width:none}
html body .blog-panel .blog-grid{grid-template-columns:repeat(3,1fr);gap:18px}
html body .blog-panel .blog-card{position:relative}
html body .blog-panel .blog-img{height:122px}
html body .blog-panel .blog-meta{position:absolute;left:12px;top:134px;padding:0}
html body .blog-panel .blog-body{padding:12px 14px 14px 68px;min-height:78px}
html body .blog-panel .blog-body h4{font-size:16px;margin-bottom:6px}

/* ---------- SSS + İletişim ---------- */
html body .fc-section{padding:0 0 64px}
html body .fc-panel{display:grid;grid-template-columns:1.15fr 1fr 1fr;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--glow);overflow:hidden}
html body .fc-faq,html body .fc-info,html body .fc-panel .contact-form{padding:30px 28px;min-width:0}
html body .fc-info,html body .fc-panel .contact-form{border-left:1px solid rgba(165,140,255,.26)}
html body .fc-faq .section-title,html body .fc-info .section-title{font-size:clamp(24px,2.4vw,30px);color:var(--neon);margin-bottom:10px}
html body .fc-faq .section-desc,html body .fc-info .section-desc{font-size:13.5px;line-height:1.6}
html body .faq-list{margin-top:18px;gap:10px}
html body .faq-item{border:1px solid rgba(150,120,255,.55);border-radius:10px;background:rgba(20,12,70,.6)}
html body .faq-q{color:#fff;padding:14px 16px;font-size:14.5px}
html body .faq-q:hover{background:rgba(115,85,255,.14)}
html body .faq-q.open{background:rgba(70,45,190,.38);color:#fff}
html body .faq-q .arrow{background:transparent;color:#ddd3ff}
html body .faq-q.open .arrow{background:transparent}
html body .faq-a p{color:#bdb4e8;border-top:1px solid rgba(165,140,255,.25);padding:14px 16px;font-size:13.5px}
html body .contact-info{gap:14px;margin-top:20px}
html body .cinfo-item{gap:12px}
html body .cinfo-icon{width:42px;height:42px;background:rgba(40,28,120,.5);border:1.5px solid rgba(165,140,255,.8);border-radius:9px;box-shadow:0 0 14px rgba(115,85,255,.3)}
html body .cinfo-icon svg{fill:#fff}
html body .cinfo-label{color:#9a92cc;font-size:10.5px;margin-bottom:2px}
html body .cinfo-val{color:#fff;font-size:13.5px;line-height:1.45}
html body .cinfo-val a:hover{color:#c9b3ff}
html body .contact-form{background:transparent;box-shadow:none;border-radius:0}
html body .contact-form h3{color:#fff;font-size:22px;margin-bottom:16px}
html body .form-row{gap:12px;margin-bottom:0}
html body .form-group{margin-bottom:12px;gap:5px}
html body .form-group label{color:#9a92cc;font-size:10.5px}
html body .form-group input,html body .form-group select,html body .form-group textarea{background:rgba(20,12,70,.72);border:1px solid rgba(150,120,255,.5);color:#fff;padding:10px 12px;font-size:13.5px;border-radius:7px}
html body .form-group input::placeholder,html body .form-group textarea::placeholder{color:rgba(168,189,227,.5)}
html body .form-group select option{background:#12093f;color:#fff}
html body .form-group input:focus,html body .form-group select:focus,html body .form-group textarea:focus{border-color:#b79bff;background:rgba(40,28,120,.8);box-shadow:0 0 14px rgba(115,85,255,.35)}
html body .form-group textarea{min-height:90px}
html body .form-msg:empty{display:none}
html body .form-msg.success{background:rgba(16,185,129,.14);color:#6ee7b7;border:1px solid rgba(16,185,129,.4)}
html body .form-msg.error{background:rgba(239,68,68,.14);color:#fca5a5;border:1px solid rgba(239,68,68,.4)}
html body .btn-send{display:flex;margin:6px auto 0;padding:12px 38px;font-size:15px;gap:10px;justify-content:center}
html body .btn-send svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Footer ---------- */
html body footer{background:linear-gradient(180deg,rgba(8,4,36,0),rgba(6,3,28,.96));border-top:1px solid rgba(150,120,255,.28);color:#bdb4e8;margin-top:0;padding:0}
html body .footer-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 14px;flex-wrap:wrap}
html body .footer-logo{display:flex;flex-direction:column;gap:3px;margin:0}
html body .footer-logo img{height:46px;width:auto;margin:0;filter:none}
html body .footer-logo-tagline{display:block;color:#bdb4e8;margin:0;font-size:9px}
html body .footer-links{display:flex;flex-wrap:wrap;justify-content:center;row-gap:8px}
html body .footer-links a{color:#ebe6ff;font-size:13.5px;padding:0 16px;border-left:1px solid rgba(175,150,255,.4);line-height:1.2}
html body .footer-links a:first-child{border-left:0}
html body .footer-links a:hover{color:#c9b3ff}
html body .footer-socials{display:flex;gap:10px}
html body .footer-socials a{width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,#6d4dff,#3d25c9);border:1px solid rgba(185,160,255,.7);box-shadow:0 0 16px rgba(115,85,255,.5);display:flex;align-items:center;justify-content:center}
html body .footer-socials a:hover{background:linear-gradient(180deg,#ee2a3b,#b30f20);box-shadow:0 0 18px rgba(225,29,46,.55)}
html body .footer-socials svg{width:18px;height:18px;fill:#fff}
html body .footer-contact-line{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 28px;font-size:12.5px;color:#9a92cc;padding:4px 0 18px}
html body .footer-bottom{border-top:1px solid rgba(165,140,255,.16);padding:14px 0;text-align:center;font-size:12.5px;color:#8078b0}
html body .footer-bottom .credit{background:linear-gradient(90deg,#9b7bff,#c9b3ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}
html body .back-top{background:linear-gradient(180deg,#6d4dff,#3d25c9);box-shadow:0 0 20px rgba(115,85,255,.55)}

/* ---------- İç sayfalar ---------- */
html body .breadcrumb{background:rgba(5,18,56,.6);border-bottom:1px solid rgba(150,120,255,.25)}
html body .breadcrumb-inner,html body .breadcrumb-inner a{color:#bdb4e8}
html body .breadcrumb-inner a:hover{color:#fff}
html body .breadcrumb-inner .current{color:#fff}
html body .svc-hero{background:transparent;border-bottom:1px solid rgba(150,120,255,.2)}
html body .svc-hero::after{display:none}
html body .svc-hero-desc{color:#e4defa}
html body .svc-hero-img{border:1.5px solid rgba(165,140,255,.7);box-shadow:0 0 34px rgba(115,85,255,.4)}
html body .svc-hero-img-placeholder{background:rgba(40,28,120,.5)}
html body .svc-layout{background:transparent}
html body .svc-content h1,html body .svc-content h2,html body .svc-content h3{color:var(--neon) !important}
html body .svc-content p,html body .svc-content li{color:#d3cbf3}
html body .svc-content b,html body .svc-content strong{color:#fff !important}
html body .svc-content a{color:#c9b3ff}
html body .sidebar-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--glow)}
html body .sidebar-card h4{color:#fff;border-bottom:1px solid rgba(165,140,255,.3)}
html body .related-item{border-bottom:1px solid rgba(165,140,255,.2)}
html body .related-thumb,html body .related-thumb-placeholder{background:#150d55}
html body .related-title{color:#ebe6ff}
html body .related-item:hover .related-title{color:#c9b3ff}
html body .contact-sidebar-card{background:linear-gradient(135deg,#6d4dff,#3d25c9);box-shadow:0 0 28px rgba(115,85,255,.45)}
html body .contact-sidebar-card .btn{background:#fff;color:#3d25c9}
html body .contact-sidebar-card .btn:hover{background:#e8f0ff}

/* kurumsal.php, page.php, blog-detay.php içindeki sabit açık renkler */
html body [style*="background:#f8fafc"]{background:transparent !important}
html body [style*="background:#fff;border-radius:16px"]{background:var(--panel) !important;border-color:var(--neon) !important;box-shadow:var(--glow) !important}
html body [style*="color:#0f172a"]{color:#fff !important}
html body [style*="color:#475569"],html body [style*="color: #4a5568"],html body [style*="color:#4a5568"]{color:#cdc5f0 !important}
html body .fiber-card{background:var(--panel);border-color:var(--line)}
html body .fiber-card h4{color:#fff}
html body .fiber-card p{color:#bdb4e8}
html body .fiber-icon{background:rgba(40,28,120,.55);border:1.5px solid rgba(165,140,255,.8)}
html body .page-content,html body .blog-detay-icerik{color:#d3cbf3}

/* ---------- Duyarlı ---------- */
@media(max-width:1100px){
  html body .nav-phone-box{display:none}
  html body .corp-panel{grid-template-columns:1fr 1fr}
  html body .corp-panel .stats{grid-column:1/-1}
  html body .fc-panel{grid-template-columns:1fr 1fr}
  html body .fc-panel .contact-form{grid-column:1/-1;border-left:0;border-top:1px solid rgba(165,140,255,.26)}
}
@media(max-width:900px){
  html body .hero{grid-template-columns:1fr;gap:10px}
  html body .hero-visual{min-height:0;justify-content:center}
  html body .hero-visual img{max-width:460px}
  html body .svc-cols{grid-template-columns:1fr}
  html body .refs-panel,html body .blog-panel{grid-template-columns:1fr}
  html body .footer-bar{justify-content:center;text-align:center}
  html body .footer-logo{align-items:center}
}
@media(max-width:768px){
  html body .nav-inner{height:68px}
  html body .nav-search{display:flex !important}
  html body .hamburger{display:flex}
  html body .hero{text-align:left}
  html body .hero-section{padding:34px 0 36px}
  html body .hero h1{font-size:clamp(34px,10vw,46px)}
  html body .hero p{margin:0 0 26px;font-size:16px}
  html body .hero-tag{margin:0 0 20px}
  html body .hero-btns{flex-direction:row;justify-content:flex-start;flex-wrap:wrap;align-items:center}
  html body .hero-btns a{width:auto;max-width:none;padding:13px 24px;font-size:15px}
  html body .fiber-strip{padding-bottom:40px}
  html body .services .hd .section-title::before,html body .services .hd .section-title::after{flex-basis:50px}
  html body .corp-panel{grid-template-columns:1fr;padding:26px 20px;gap:26px}
  html body .corp-panel .corp-image{max-width:260px}
  html body .refs-panel{padding:24px 18px}
  html body .refs-slide{flex-basis:100%}
  html body .blog-panel{padding:22px 18px}
  html body .blog-panel .blog-grid{grid-template-columns:1fr}
  html body .blog-panel .blog-img{height:150px}
  html body .blog-panel .blog-meta{top:162px}
  html body .fc-panel{grid-template-columns:1fr}
  html body .fc-info,html body .fc-panel .contact-form{border-left:0;border-top:1px solid rgba(165,140,255,.26)}
  html body .fc-faq,html body .fc-info,html body .fc-panel .contact-form{padding:24px 20px}
  html body .form-row{grid-template-columns:1fr 1fr;gap:10px}
  html body .footer-links a{padding:0 11px;font-size:13px}
  html body .stat-item{padding:16px 12px;gap:10px}
  html body .stat-ico svg{width:28px;height:28px}
}
@media(max-width:560px){
  html body .nav-right .lang-switcher{display:none}
  html body .logo img{height:36px}
  html body .form-row{grid-template-columns:1fr}
  html body .svc-cols .service-body{grid-template-columns:1fr;grid-template-areas:"t" "d" "b"}
  html body .svc-cols .svc-btn-wrap{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){
  html body #networkCanvas{display:none}
}

/* Form alanları dar sütunda taşmasın */
html body .form-row>.form-group{min-width:0}
html body .form-group input,html body .form-group select,html body .form-group textarea{width:100%;min-width:0;box-sizing:border-box}

/* ===== Hero: indigo/mor tasarım (güncel mockup) ===== */
html body .hero-wrapper{
  background:
    radial-gradient(520px 320px at 78% 55%,rgba(150,90,255,.28),transparent 70%),
    radial-gradient(600px 400px at 8% 0,rgba(90,70,255,.30),transparent 70%),
    linear-gradient(135deg,#0a0638 0%,#150f5e 48%,#07124f 100%);
  border-bottom:1px solid rgba(140,120,255,.25);
  margin-bottom:56px;
}
html body #networkCanvas{opacity:.22}
html body .hero-tag{background:rgba(70,50,190,.35);border:1px solid rgba(160,140,255,.55);color:#e4dcff;letter-spacing:3.5px;font-size:11.5px;padding:8px 20px}
html body .hero-tag::before{background:#a78bfa;box-shadow:0 0 10px #a78bfa,0 0 0 4px rgba(167,139,250,.25)}
html body .hero h1{font-size:clamp(34px,4.4vw,56px);font-weight:700;line-height:1.1;letter-spacing:0}
html body .hero h1 span{font-style:normal;background:linear-gradient(90deg,#8b6cff,#c4a8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
html body .hero p{color:#e2dcff;font-size:clamp(15px,1.3vw,17px);max-width:460px;margin-bottom:30px}
html body .btn-hero-primary{background:linear-gradient(180deg,#6d4dff,#3d25c9);border:1px solid rgba(190,170,255,.7);box-shadow:0 0 24px rgba(120,90,255,.5);min-width:170px;justify-content:center}
html body .btn-hero-primary:hover{background:linear-gradient(180deg,#7b5dff,#4a2fe0);box-shadow:0 0 34px rgba(140,110,255,.7)}
html body .btn-hero-outline{background:rgba(30,20,110,.35);border:1.5px solid rgba(190,175,255,.75);box-shadow:none;min-width:170px;justify-content:center}
html body .btn-hero-outline:hover{background:rgba(110,80,255,.3)}
html body .hero-visual img{max-width:560px;
  -webkit-mask-image:radial-gradient(ellipse 70% 74% at 52% 50%,#000 48%,transparent 100%);
  mask-image:radial-gradient(ellipse 70% 74% at 52% 50%,#000 48%,transparent 100%)}
html body .hero{grid-template-columns:1.2fr .8fr}
html body .hero h1{font-size:clamp(30px,3.7vw,48px)}
html body .hero-visual img{max-width:480px;
  -webkit-mask-image:radial-gradient(ellipse closest-side,#000 55%,transparent 100%);
  mask-image:radial-gradient(ellipse closest-side,#000 55%,transparent 100%)}
@media(max-width:900px){
  html body .hero{grid-template-columns:1fr}
  html body .hero-visual img{max-width:340px}
}
@media(max-width:560px){
  html body .hero-tag{letter-spacing:2px;font-size:10.5px;white-space:nowrap}
  html body .hero-btns a{flex:1 1 140px;justify-content:center}
}