:root{
  --bg:#f6f8fc;
  --panel:#ffffff;
  --ink:#0b1021;
  --muted:#5a6b86;
  --line:rgba(11,16,33,.12);
  --shadow: 0 10px 30px rgba(12,18,40,.08);
  --shadow2: 0 18px 60px rgba(12,18,40,.12);
  --brand:var(--brand);
  --brand-rgb:0,112,176;
  --brand2:#009040;
  --brand2-rgb:0,144,64;
  --accent:#f0b030;
  --brand3-rgb:240,176,48;
  --wash:#eef5ff;
  --hero-h:210;
  --danger:#e01020;
  --radius:18px;
  --radius2:24px;
  --container:1140px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
  color:var(--ink);
  font-size:16px;
  line-height:1.65;
  -webkit-text-size-adjust:100%;
  background:
    radial-gradient(1200px 700px at 10% 5%, rgba(var(--brand-rgb),.05), transparent 55%),
    radial-gradient(900px 600px at 85% 18%, rgba(var(--brand2-rgb),.05), transparent 58%),
    radial-gradient(900px 640px at 50% 0%, rgba(var(--brand3-rgb),.04), transparent 60%),
    var(--bg);
}

a{color:inherit; text-decoration:none}
a:hover{opacity:.92}

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

.skip{
  position:absolute; left:-9999px; top:8px;
  background:var(--panel); border:1px solid var(--line); padding:8px 10px; border-radius:12px; z-index:9999;
  opacity:0; pointer-events:none

}
.skip:focus{left:18px; opacity:1; pointer-events:auto}

.site-header{
  position:sticky; top:0; z-index:60;
  backdrop-filter: blur(10px);
  background: rgba(246,248,252,.75);
  border-bottom:1px solid rgba(11,16,33,.10);
}
.header-inner{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 0; gap:14px
}

/* Header üst bant (Top Bar) */
.topbar{border-bottom:1px solid rgba(11,16,33,.08); background: rgba(255,255,255,.55); backdrop-filter: blur(10px)}
.topbar-inner{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:6px 0; font-size:13px; color:var(--muted)}
.topbar-left{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.topbar-right{display:flex; align-items:center; gap:8px}
.topbar-ico{display:inline-flex; width:16px; height:16px; opacity:.9}
.topbar-txt{line-height:1.2}
.topbar-sep{opacity:.45; padding:0 8px}
.topbar-link, .topbar-text{display:inline-flex; align-items:center; gap:7px; padding:0; border:0; background:transparent}
.topbar-link{font-weight:800}
.topbar-link:hover{opacity:1; text-decoration:underline}
.topbar-social{display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:999px; border:1px solid rgba(11,16,33,.06); background: rgba(11,16,33,.04)}
.topbar-social:hover{opacity:1; background: rgba(var(--brand-rgb),.08)}

.site-header.is-dark .topbar{border-bottom:1px solid rgba(255,255,255,.10); background: rgba(10,14,28,.35)}
.site-header.is-dark .topbar-inner{color: rgba(255,255,255,.80)}
.site-header.is-dark .topbar-link,
.site-header.is-dark .topbar-text{border:0; background:transparent}
.site-header.is-dark .topbar-social{border-color: rgba(255,255,255,.10); background: rgba(255,255,255,.06)}
.site-header.is-dark .topbar-link:hover{opacity:1; text-decoration:underline}
.site-header.is-dark .topbar-social:hover{background: rgba(255,255,255,.10)}

@media(max-width:720px){
  .topbar-text.addr{display:none}
  .topbar-inner{gap:10px}
  .topbar-link, .topbar-text{padding:4px 8px}
  .topbar-social{width:32px; height:32px}
}
.brand{display:flex; align-items:center; gap:10px}
.brand-mark{
  width:34px; height:34px; border-radius:12px;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  box-shadow: 0 12px 30px rgba(var(--brand-rgb),.22);
}
.brand-name{font-weight:800; letter-spacing:.2px}
.brand-sub{font-size:13px; color:var(--muted); margin-left:6px}

.nav{display:flex; align-items:center; gap:12px}
.nav-toggle{display:none}
.nav-panel > ul{display:flex; gap:14px; align-items:center; list-style:none; padding:0; margin:0}
.nav-panel ul{list-style:none; padding:0; margin:0}
.nav-panel li{margin:0; padding:0}
.nav-panel a, .nav-link{
  font-size:14px; color:var(--muted);
  padding:8px 10px; border-radius:12px;
}
.nav-panel a:hover, .nav-link:hover{background:rgba(var(--brand-rgb),.08); color:var(--ink)}

.header-cta{display:flex; gap:10px; align-items:center}

.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px; border-radius:999px;
  border:1px solid var(--line);
  background:var(--panel);
  font-weight:700; font-size:14px;
  box-shadow: 0 10px 22px rgba(12,18,40,.06);
}
.btn:hover{transform: translateY(-1px)}
.btn:active{transform: translateY(0)}
.btn-solid{
  background: var(--brand);
  border-color: rgba(var(--brand-rgb),.28);
  color:#fff;
  box-shadow: 0 10px 26px rgba(var(--brand-rgb),.16);
}
.btn-ghost{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.18);
  color:#fff;
  box-shadow: none;
}
.btn-ghost:hover{background: rgba(255,255,255,.14)}
.btn-lg{padding:12px 16px; border-radius:16px; font-size:15px}

.hero{padding:42px 0 10px}
.hero-grid{
  display:grid; grid-template-columns: 1.1fr .9fr;
  gap:22px; align-items:stretch;
}
.hero-copy{
  background: rgba(255,255,255,.55);
  border:1px solid hsla(var(--hero-h, 210), 40%, 70%, .22);
  border-radius: var(--radius2);
  padding:26px;
  box-shadow: var(--shadow);
}
.eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:12px; color:var(--muted); font-weight:700;
  border:1px solid rgba(11,16,33,.10);
  padding:6px 10px; border-radius:999px;
  background: rgba(255,255,255,.7);
}
.hero-title{
  margin:14px 0 10px;
  font-size:42px; line-height:1.08; letter-spacing:-.6px;
}
.hero-title-accent{color:var(--brand)}
.hero-lead{margin:0 0 16px; color:var(--muted); font-size:16px; line-height:1.6}
.hero-actions{display:flex; gap:10px; flex-wrap:wrap; margin:12px 0 16px}

.trust-row{display:flex; gap:10px; flex-wrap:wrap; margin-top:10px}
.trust-chip{
  flex:1; min-width:160px;
  background: rgba(255,255,255,.70);
  border:1px solid rgba(11,16,33,.10);
  border-radius: 16px;
  padding:10px 12px;
}
.trust-num{font-weight:900; font-size:18px}
.trust-txt{color:var(--muted); font-size:12px; margin-top:2px}

.hero-visual{
  position:relative;
  border-radius: var(--radius2);
  border:1px solid rgba(11,16,33,.10);
  background: rgba(255,255,255,.55);
  overflow:hidden;
  box-shadow: var(--shadow);
  padding:18px;
}
.hero-bg{position:absolute; inset:0; width:100%; height:100%}
.glass-card{
  position:relative; z-index:2;
  border-radius: 20px;
  border:1px solid rgba(11,16,33,.10);
  background: rgba(255,255,255,.72);
  box-shadow: var(--shadow2);
  overflow:hidden;
}
.glass-top{
  display:flex; align-items:center; gap:8px;
  padding:12px; border-bottom:1px solid rgba(11,16,33,.08);
}
.dot{width:10px; height:10px; border-radius:999px; background: rgba(11,16,33,.18)}
.glass-title{margin-left:auto; color:var(--muted); font-size:12px; font-weight:800}
.glass-body{padding:12px}
.stat-grid{display:grid; grid-template-columns:1fr; gap:10px}
.stat{border:1px solid rgba(11,16,33,.10); background: rgba(255,255,255,.70); border-radius:16px; padding:10px}
.stat-k{font-size:12px; color:var(--muted); font-weight:800}
.stat-v{font-size:20px; font-weight:900; margin-top:2px}
.stat-bar{height:8px; border-radius:999px; background: rgba(11,16,33,.08); overflow:hidden; margin-top:8px}
.stat-bar span{display:block; height:100%; background: linear-gradient(135deg, var(--brand), var(--brand2)); border-radius:999px}

.mini-cards{display:grid; grid-template-columns:1fr; gap:10px; margin-top:12px}
.mini-card{
  display:flex; gap:10px; align-items:center;
  border:1px solid rgba(11,16,33,.10);
  background: rgba(255,255,255,.70);
  border-radius:16px; padding:10px;
}
.mini-ico{width:34px; height:34px; border-radius:14px; background: rgba(var(--brand-rgb),.14)}
.mini-main{font-weight:900}
.mini-sub{font-size:12px; color:var(--muted); margin-top:2px}

.strip{padding:14px 0 0}
.strip-inner{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  border-radius: 18px;
  padding:14px 16px;
  border:1px solid rgba(11,16,33,.10);
  background: rgba(255,255,255,.65);
  box-shadow: var(--shadow);
}
.strip-label{font-weight:900}
.strip-logos{display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end}
.logo-pill{
  font-size:12px; color:var(--muted); font-weight:800;
  padding:8px 10px; border-radius:999px;
  border:1px solid rgba(11,16,33,.10);
  background: rgba(255,255,255,.75);
}

.section{padding:44px 0}
.section.alt{background: rgba(255,255,255,.40); border-top:1px solid rgba(11,16,33,.06); border-bottom:1px solid rgba(11,16,33,.06)}
.section-head{margin-bottom:18px}
.kicker{font-size:12px; font-weight:900; color:var(--brand); letter-spacing:.6px; text-transform:uppercase}
.h2{font-size:28px; letter-spacing:-.2px; margin:8px 0}
.section-head .h2{color:var(--title-color, var(--ink));}

.h3{font-size:18px; margin:10px 0 8px; letter-spacing:-.2px}
.muted{color:var(--muted); line-height:1.6}

.grid{display:grid; gap:14px}
.cards-3{grid-template-columns: repeat(3, 1fr)}
@media(max-width:980px){.cards-3{grid-template-columns:1fr} .hero-grid{grid-template-columns:1fr}}

.card{
  background: rgba(255,255,255,.75);
  border:1px solid rgba(11,16,33,.10);
  border-radius: var(--radius);
  padding:16px;
  box-shadow: var(--shadow);
  transition: transform .12s ease;
}
.card:hover{transform: translateY(-2px)}
.card-ico{
  width:44px; height:44px; border-radius:16px;
  background: rgba(var(--brand-rgb),.14);
  border:1px solid rgba(var(--brand-rgb),.18);
}
.card-meta{display:flex; gap:8px; flex-wrap:wrap; margin-top:10px}
.meta{
  font-size:12px; color:var(--muted); font-weight:800;
  padding:6px 8px; border-radius:999px;
  border:1px solid rgba(11,16,33,.10);
  background: rgba(255,255,255,.8);
}

.work{
  background: rgba(255,255,255,.75);
  border:1px solid rgba(11,16,33,.10);
  border-radius: var(--radius);
  overflow:hidden;
  box-shadow: var(--shadow);
  display:flex; flex-direction:column;
}
.work-thumb{height:160px; background: linear-gradient(135deg, rgba(var(--brand-rgb),.12), rgba(var(--brand2-rgb),.05))}
.work-body{padding:14px}
.work-title{font-weight:900}
.work-desc{margin-top:6px}
.work-metrics{display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; margin-top:12px}
.wm{border:1px solid rgba(11,16,33,.10); background: rgba(255,255,255,.8); border-radius:14px; padding:10px}
.wm-k{font-size:12px; color:var(--muted); font-weight:800}
.wm-v{font-weight:900; margin-top:4px}
@media(max-width:980px){.work-metrics{grid-template-columns:1fr}}

.center-actions{
  display:flex; gap:10px; flex-wrap:wrap; align-items:center; justify-content:center;
  margin-top:16px
}

.process{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.step{
  display:flex; gap:12px; align-items:flex-start;
  background: rgba(255,255,255,.75);
  border:1px solid rgba(11,16,33,.10);
  border-radius: 18px;
  padding:14px;
  box-shadow: var(--shadow);
}
.step-no{
  min-width:48px; height:48px; border-radius:16px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(var(--brand-rgb),.14);
  border:1px solid rgba(var(--brand-rgb),.18);
  font-weight:900;
}
.step-title{font-weight:900}
.step-desc{margin-top:6px}
@media(max-width:980px){.process{grid-template-columns:1fr}}

.split{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:14px}
.panel{
  background: rgba(255,255,255,.75);
  border:1px solid rgba(11,16,33,.10);
  border-radius: 18px;
  padding:14px;
  box-shadow: var(--shadow);
}
.panel-title{font-weight:900; margin-bottom:10px}
.panel-line{display:flex; justify-content:space-between; gap:10px; padding:8px 0; border-bottom:1px dashed rgba(11,16,33,.12)}
.panel-line:last-child{border-bottom:none}
.ok{font-weight:900; color:var(--brand)}

.faq{
  border:1px solid rgba(11,16,33,.10);
  border-radius:14px;
  padding:10px;
  background: rgba(255,255,255,.85);
  margin-top:10px;
}
.faq summary{cursor:pointer; font-weight:900}
.faq div{margin-top:8px}

.quote{
  margin:0;
  background: rgba(255,255,255,.75);
  border:1px solid rgba(11,16,33,.10);
  border-radius: var(--radius);
  padding:16px;
  box-shadow: var(--shadow);
}
.quote-text{font-weight:700; line-height:1.7}
.quote-meta{display:flex; flex-direction:column; gap:2px; margin-top:12px}
.qm-name{font-weight:900}

.pricing .price{
  position:relative;
  background: rgba(255,255,255,.75);
  border:1px solid rgba(11,16,33,.10);
  border-radius: var(--radius);
  padding:16px;
  box-shadow: var(--shadow);
  display:flex; flex-direction:column;
}
.price.featured{
  border-color: rgba(var(--brand-rgb),.22);
  box-shadow: 0 18px 60px rgba(var(--brand-rgb),.18);
}
.badge{
  position:absolute; top:12px; right:12px;
  font-size:12px; font-weight:900;
  padding:6px 10px; border-radius:999px;
  background: rgba(var(--brand-rgb),.12);
  border:1px solid rgba(var(--brand-rgb),.20);
  color: var(--brand);
}
.price-name{font-weight:900}
.price-val{font-size:24px; font-weight:900; margin-top:8px}
.price-note{margin-top:2px}
.price-body{display:grid; gap:8px; margin-top:12px}
.price-item{
  border:1px solid rgba(11,16,33,.10);
  background: rgba(255,255,255,.85);
  border-radius:14px; padding:10px;
  font-weight:700;
}
.price-actions{margin-top:auto; padding-top:12px}

.about{
  display:grid; grid-template-columns: 1.1fr .9fr; gap:14px; align-items:start
}
.about-highlights{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px}
.highlight{
  border:1px solid rgba(11,16,33,.10);
  background: rgba(255,255,255,.85);
  border-radius:16px; padding:12px;
}
.hl-k{font-size:12px; color:var(--muted); font-weight:900}
.hl-v{font-weight:900; margin-top:4px}
.about-panel{display:grid; gap:12px}
.about-box{
  background: rgba(255,255,255,.75);
  border:1px solid rgba(11,16,33,.10);
  border-radius: 18px;
  padding:14px;
  box-shadow: var(--shadow);
  position:relative;
  overflow:hidden;
}
.about-box-title{font-weight:900; margin-bottom:8px}
.brief{display:grid; gap:8px; margin-top:10px}
.brief-row{display:flex; justify-content:space-between; gap:10px; padding:8px 0; border-bottom:1px dashed rgba(11,16,33,.12)}
.brief-row:last-child{border-bottom:none}
.pulse{
  position:absolute; inset:auto -40px -40px auto;
  width:160px; height:160px; border-radius:999px;
  background: radial-gradient(circle at 30% 30%, rgba(42,167,255,.18), transparent 60%);
}
@media(max-width:980px){.about{grid-template-columns:1fr} .about-highlights{grid-template-columns:1fr}}

.cta{
  padding:72px 0;
  position:relative;
  background:
    radial-gradient(1200px 520px at 15% 18%, rgba(var(--brand3-rgb),.18), transparent 60%),
    radial-gradient(1000px 520px at 85% 75%, rgba(var(--brand2-rgb),.12), transparent 62%),
    radial-gradient(900px 420px at 65% 0%, rgba(var(--brand-rgb),.10), transparent 62%),
    var(--wash);
}
.cta:before{content:""; position:absolute; left:0; right:0; top:-28px; height:28px; background: linear-gradient(to bottom, rgba(238,245,255,0), var(--wash));}
.cta-inner{
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
  border-radius: var(--radius2);
  border:1px solid rgba(11,16,33,.10);
  background: rgba(255,255,255,.84);
  box-shadow: 0 18px 70px rgba(12,18,40,.14);
  padding:20px 22px;
  position:relative;
  overflow:hidden;
}
.cta-inner:before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:6px;
  background: linear-gradient(180deg, var(--brand), var(--brand2));
  opacity:.95;
}
.cta-inner:after{
  content:"";
  position:absolute;
  inset:-90px -120px auto auto;
  width:260px; height:260px;
  border-radius:999px;
  background: radial-gradient(circle at 30% 30%, rgba(var(--brand-rgb),.18), transparent 60%);
}
.cta-copy, .cta-actions{position:relative; z-index:1}
.cta-copy{max-width:700px}
.cta-actions{display:flex; gap:10px; flex-wrap:wrap}

.contact{
  display:grid; grid-template-columns: 1.1fr .9fr; gap:14px; align-items:start
}
.form .field{display:grid; gap:6px; margin-bottom:10px}
.form .field span{font-size:12px; color:var(--muted); font-weight:900}
.form input, .form textarea{
  padding:12px 12px; border-radius:14px;
  border:1px solid rgba(11,16,33,.14);
  background: rgba(255,255,255,.9);
  outline:none;
}
.form input:focus, .form textarea:focus{border-color: rgba(var(--brand-rgb),.35); box-shadow: 0 0 0 4px rgba(var(--brand-rgb),.05)}
.field-full{grid-column:1 / -1}
.form-actions{display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:8px}
.form-note{font-size:12px}

.contact-side{display:grid; gap:12px}
.side-card{
  background: rgba(255,255,255,.75);
  border:1px solid rgba(11,16,33,.10);
  border-radius: 18px;
  padding:14px;
  box-shadow: var(--shadow);
}
.side-title{font-weight:900; margin-bottom:10px}
.side-line{display:flex; justify-content:space-between; gap:10px; padding:8px 0; border-bottom:1px dashed rgba(11,16,33,.12)}
.side-line:last-child{border-bottom:none}
@media(max-width:980px){.contact{grid-template-columns:1fr}}

.site-footer{padding:26px 0 16px; border-top:1px solid rgba(11,16,33,.08)}
.footer-inner{display:grid; gap:14px}
.footer-brand .brand-line{display:flex; align-items:center; gap:10px}
.footer-cols{display:grid; grid-template-columns: repeat(3, 1fr); gap:12px}
.fcol{
  background: rgba(255,255,255,.65);
  border:1px solid rgba(11,16,33,.10);
  border-radius: 18px;
  padding:14px;
  box-shadow: var(--shadow);
}
.fhead{font-weight:900; margin-bottom:10px}
.flink{display:block; padding:7px 0; color:var(--muted); font-weight:700}
.flink:hover{color:var(--ink)}
.footer-bottom{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap}
.to-top{color:var(--muted); font-weight:900; padding:8px 10px; border-radius:12px; border:1px solid rgba(11,16,33,.10); background: rgba(255,255,255,.65)}
@media(max-width:980px){.footer-cols{grid-template-columns:1fr}}
@media(max-width:980px){
  .nav{position:relative}
  .nav-toggle{display:inline-flex; align-items:center; gap:10px; border:1px solid rgba(11,16,33,.12); background: rgba(255,255,255,.75); padding:10px 12px; border-radius:14px; font-weight:900}
  .nav-toggle-lines{display:inline-block; width:18px; height:12px; background: linear-gradient(#0b1021 2px, transparent 2px) 0 0/18px 4px}
  .nav-panel{display:none; position:absolute; right:0; top:calc(100% + 12px); background: rgba(255,255,255,.95); border:1px solid rgba(11,16,33,.10); border-radius: 18px; padding:10px; box-shadow: var(--shadow2)}
  .nav-panel.is-open{display:block}
  .nav-panel ul{flex-direction:column; align-items:stretch; gap:6px}
  .header-cta{display:none}
}


/* --- Visual Enhancements (v1.2.0) --- */
.hero-slider{position:relative}
.slider{
  position:relative;
  border-radius: var(--radius2);
  border:1px solid rgba(11,16,33,.10);
  background: rgba(255,255,255,.55);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.slide{
  display:none;
  min-height: 340px;
  padding: 22px;
  position:relative;
}
.slide.is-active{display:block}
.slide-bg{
  position:absolute; inset:0;
  background-size:cover; background-position:center;
  filter: saturate(1.02);
}
.slide-overlay{
  position:absolute; inset:0;
  background: radial-gradient(900px 500px at 20% 15%, rgba(255,255,255,.82), rgba(255,255,255,.55) 55%, rgba(255,255,255,.35) 100%);
}
.slide-inner{position:relative; z-index:2; max-width: 720px}
.slide-kicker{display:inline-flex; align-items:center; gap:8px; font-size:12px; color:var(--muted); font-weight:900; border:1px solid rgba(11,16,33,.10); padding:6px 10px; border-radius:999px; background: rgba(255,255,255,.75)}
.slide-title{font-size:42px; line-height:1.08; letter-spacing:-.6px; margin:12px 0 10px}
.slide-lead{margin:0 0 14px; color:var(--muted); font-size:16px; line-height:1.6}

.slider-nav{
  position:absolute; inset:auto 12px 12px 12px;
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  z-index:5;
}
.dots{display:flex; gap:8px; align-items:center}
.dotbtn{
  width:10px; height:10px; border-radius:999px; border:1px solid rgba(11,16,33,.22);
  background: rgba(255,255,255,.75);
  cursor:pointer;
}
.dotbtn.is-active{background: linear-gradient(135deg, var(--brand), var(--brand2)); border-color: rgba(var(--brand-rgb),.20)}
.arrows{display:flex; gap:8px}
.arrow{
  padding:10px 12px; border-radius:14px;
  border:1px solid rgba(11,16,33,.12);
  background: rgba(255,255,255,.85);
  font-weight:900; cursor:pointer;
}
.arrow:hover{transform: translateY(-1px)}

.media-grid{
  display:grid; grid-template-columns: repeat(3, 1fr); gap:14px;
}
@media(max-width:980px){.media-grid{grid-template-columns:1fr}}

.media-card{
  background: rgba(255,255,255,.75);
  border:1px solid rgba(11,16,33,.10);
  border-radius: var(--radius);
  overflow:hidden;
  box-shadow: var(--shadow);
  display:flex; flex-direction:column;
}
.media-thumb{
  height: 180px;
  background: linear-gradient(135deg, rgba(var(--brand-rgb),.14), rgba(var(--brand2-rgb),.05));
}
.media-body{padding:14px}
.media-title{font-weight:900; letter-spacing:-.02em; line-height:1.15; font-size:17px; margin:0 0 8px}
.media-desc{margin-top:6px}
.media-meta{display:flex; gap:8px; flex-wrap:wrap; margin-top:10px}

.team-grid{display:grid; grid-template-columns: repeat(4, 1fr); gap:14px}
@media(max-width:1100px){.team-grid{grid-template-columns: repeat(2, 1fr)}}
@media(max-width:680px){.team-grid{grid-template-columns:1fr}}

.team-card{
  background: rgba(255,255,255,.75);
  border:1px solid rgba(11,16,33,.10);
  border-radius: var(--radius);
  overflow:hidden;
  box-shadow: var(--shadow);
}
.team-photo{height: 210px; background: linear-gradient(135deg, rgba(var(--brand-rgb),.14), rgba(var(--brand2-rgb),.05))}
.team-body{padding:14px}
.team-name{font-weight:900}
.team-role{color:var(--muted); font-weight:800; font-size:12px; margin-top:4px}
.team-links{display:flex; gap:10px; flex-wrap:wrap; margin-top:10px}
.team-links a{font-size:12px; font-weight:900; color:var(--muted); padding:6px 8px; border:1px solid rgba(11,16,33,.10); border-radius:999px; background: rgba(255,255,255,.85)}
.team-links a:hover{color:var(--ink)}

.gallery{display:grid; grid-template-columns: repeat(3, 1fr); gap:10px; margin-top:12px}
.gallery .gallery img{width:100%; height:140px; object-fit:cover; border-radius:14px; border:1px solid rgba(11,16,33,.10)}
@media(max-width:980px){.gallery{grid-template-columns:1fr}}


/* --- Blog Style Layout (v1.3.0) --- */
.page-hero{padding:18px 0 0}
.page-hero-box{
  border-radius: var(--radius2);
  border:1px solid rgba(11,16,33,.10);
  background: rgba(255,255,255,.86);
  position:relative;
  overflow:hidden;
  box-shadow: var(--shadow);
  padding: 18px 18px 16px;
}
.crumbs{display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin-bottom:14px}
.crumb{
  display:inline-flex; align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(255,255,255,.75);
  border:1px solid rgba(11,16,33,.10);
  color: var(--muted);
  font-weight:900;
  font-size:12px;
}
.crumb.is-current{color: var(--ink); background: rgba(255,255,255,.85)}
.hero-kicker{display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:900; color:var(--muted); margin-bottom:8px}
.page-hero .hero-title{font-size:40px; line-height:1.08; letter-spacing:-.6px; margin:0 0 10px}
.hero-meta{font-weight:800; font-size:12px}
.hero-desc{margin:10px 0 0; max-width: 900px}
.hero-tools{display:flex; justify-content:flex-end; margin-top:12px}
.font-tools{display:flex; gap:8px; align-items:center; padding:8px; border-radius:999px; border:1px solid rgba(11,16,33,.10); background: rgba(255,255,255,.75)}
.fontbtn{
  padding:8px 12px; border-radius:999px; border:1px solid rgba(11,16,33,.10);
  background: rgba(255,255,255,.85); font-weight:900; cursor:pointer;
}
.fontbtn.is-active{border-color: rgba(var(--brand-rgb),.35); box-shadow: 0 0 0 4px rgba(var(--brand-rgb),.05)}
.layout{display:grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, .9fr); gap:18px; margin-top:16px}
@media(max-width:980px){.layout{grid-template-columns:1fr}}

.maincol{min-width:0}
.sidecol{min-width:0}
.prose img,.prose figure,.prose iframe,.prose video{max-width:100%; height:auto}
.prose table{display:block; max-width:100%; overflow-x:auto}
.prose pre{max-width:100%; overflow:auto}

.prose{font-size: var(--prose-size, 16px); line-height:1.85}
.prose h2{margin-top:18px}
.prose h3{margin-top:14px}

body[data-font="sm"]{--prose-size: 15px}
body[data-font="md"]{--prose-size: 16px}
body[data-font="lg"]{--prose-size: 18px}

.sidebar{position:sticky; top:18px; align-self:start}
@media(max-width:980px){.sidebar{position:static}}

.side-card{
  background: rgba(255,255,255,.75);
  border:1px solid rgba(11,16,33,.10);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 12px;
  margin-bottom: 12px;
}
.side-title{margin:0 0 10px; font-size:14px; font-weight:1000}
.side-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px}
.side-item{display:flex; gap:10px; align-items:center; justify-content:space-between}
.side-left{display:flex; gap:10px; align-items:center; min-width:0}
.side-right{font-size:12px; color:var(--muted); font-weight:800; white-space:nowrap}
.side-thumb{
  width:42px; height:42px; border-radius:12px;
  border:1px solid rgba(11,16,33,.10);
  background: linear-gradient(135deg, rgba(var(--brand-rgb),.14), rgba(var(--brand2-rgb),.05));
  background-size:cover; background-position:center;
  flex: 0 0 auto;
}
.side-thumb img{width:100%; height:100%; object-fit:cover; border-radius:12px; display:block}
.side-letter{width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-weight:1000; color:rgba(11,16,33,.75)}
.side-link{font-weight:900; color: var(--ink); display:block; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width: 220px}
.side-link:hover{color: var(--brand)}
.side-meta{font-size:12px; color: var(--muted); font-weight:800}


/* --- Başlık stili (alt çizgi + orta nokta) --- */
.dw-title{
  position:relative;
  padding-bottom:12px;
}
.dw-title:after{
  content:'';
  position:absolute;
  left:0; right:0; bottom:4px;
  height:2px;
  border-radius:999px;
  background: linear-gradient(90deg, rgba(var(--brand2-rgb),.22), rgba(var(--brand-rgb),.28), rgba(var(--brand2-rgb),.22));
}
.dw-title:before{
  content:'';
  position:absolute;
  left:50%; bottom:0;
  width:10px; height:10px;
  border-radius:999px;
  transform: translateX(-50%);
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  box-shadow: 0 0 0 4px rgba(var(--brand-rgb),.06);
}

/* --- Sidebar Kategoriler: chip görünüm + uzadıkça taşmasın --- */
.cat-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  max-height: 320px;
  overflow:auto;
  padding-right:2px;
}
.cat-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(11,16,33,.12);
  background: rgba(255,255,255,.70);
  color: var(--ink);
  font-weight:900;
  font-size:13px;
  line-height:1;
  box-shadow: 0 10px 22px rgba(12,18,40,.05);
  white-space:nowrap;
}
.cat-chip:hover{
  transform: translateY(-1px);
  border-color: rgba(var(--brand-rgb),.22);
  background: rgba(var(--brand-rgb),.05);
}
.cat-count{
  min-width:22px;
  height:22px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background: rgba(11,16,33,.08);
  color: var(--muted);
  font-weight:1000;
  font-size:12px;
}

/* WP Kategoriler widget'ı (aynı chip görünümü) */
.widget_categories ul,
.widget_archive ul,
.widget_pages ul,
.widget_nav_menu ul,
.widget_meta ul,
.widget_recent_entries ul{
  list-style:none;
  padding:0;
  margin:0;
}
.widget_categories ul{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  max-height: 240px;
  overflow:auto;
  padding-right:2px;
}
.widget_categories li{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(11,16,33,.12);
  background: rgba(255,255,255,.70);
  font-weight:900;
  font-size:13px;
  line-height:1;
  white-space:nowrap;
}
.widget_categories li:hover{
  transform: translateY(-1px);
  border-color: rgba(var(--brand-rgb),.22);
  background: rgba(var(--brand-rgb),.05);
}
.widget_categories li a{
  padding:0;
  border-radius:0;
  color: var(--ink);
}
.widget_categories li a:hover{color: var(--ink); background:transparent}

/* --- Sidebar: blok widget'larda (WP) kategori bulutu + marker temizliği --- */
.sidebar .wp-block-categories-list,
.sidebar .widget_block .wp-block-categories-list{
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  max-height: 240px;
  overflow:auto;
  padding-right:2px;
}
.sidebar .wp-block-categories-list li,
.sidebar .widget_block .wp-block-categories-list li{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:inline-flex !important;
}
.sidebar .wp-block-categories-list li::marker,
.sidebar .widget_block .wp-block-categories-list li::marker,
.sidebar .widget_categories li::marker{content:''}

.sidebar .wp-block-categories-list a{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(11,16,33,.12);
  background: rgba(255,255,255,.70);
  color: var(--ink);
  font-weight:900;
  font-size:13px;
  line-height:1;
  white-space:nowrap;
  box-shadow: 0 10px 22px rgba(12,18,40,.05);
}
.sidebar .wp-block-categories-list a:hover{
  transform: translateY(-1px);
  border-color: rgba(var(--brand-rgb),.22);
  background: rgba(var(--brand-rgb),.05);
}
.sidebar .wp-block-categories__post-count{
  min-width:22px;
  height:22px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background: rgba(11,16,33,.08);
  color: var(--muted);
  font-weight:1000;
  font-size:12px;
}

/* --- Sidebar: son yazılarda tarih görünmesin (klasik + blok) --- */
.sidebar .widget_recent_entries .post-date,
.sidebar .wp-block-latest-posts__post-date{display:none !important;}

/* --- Benzer yazılar: alt alta uzun kartlar --- */
.dw-related-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.dw-related-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px;
  border-radius: 18px;
  border:1px solid rgba(11,16,33,.10);
  background: rgba(255,255,255,.70);
  box-shadow: var(--shadow);
}
.dw-related-card:hover{
  transform: translateY(-1px);
  border-color: rgba(var(--brand-rgb),.22);
  background: rgba(255,255,255,.82);
}
.dw-related-thumb{
  width:72px;
  height:72px;
  border-radius: 18px;
  border:1px solid rgba(11,16,33,.10);
  background: linear-gradient(135deg, rgba(var(--brand-rgb),.14), rgba(var(--brand2-rgb),.05));
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:1000;
  color: var(--muted);
  flex:0 0 auto;
  overflow:hidden;
}
.dw-related-thumb.is-fallback{
  font-size:20px;
}
.dw-related-body{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.dw-related-name{
  font-weight:1000;
  color: var(--ink);
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.dw-related-meta{font-size:12px; font-weight:900}

@media(max-width:720px){
  .dw-related-thumb{width:64px; height:64px; border-radius:16px}
}
.cards-media{display:grid; grid-template-columns: repeat(3, 1fr); gap:14px}
@media(max-width:980px){.cards-media{grid-template-columns:1fr}}

/* Referanslar/Projeler arşivi: masaüstü 4'lü, mobil 2'li */
.cards-media.cards-media--refs{grid-template-columns: repeat(4, 1fr)}
@media(max-width:980px){.cards-media.cards-media--refs{grid-template-columns: repeat(2, minmax(0, 1fr)); gap:12px}}
.card-media{
  background: rgba(255,255,255,.75);
  border:1px solid rgba(11,16,33,.10);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow:hidden;
  display:flex; flex-direction:column;
}
.card-media .thumb{
  height: 180px;
  background: linear-gradient(135deg, rgba(var(--brand-rgb),.14), rgba(var(--brand2-rgb),.05));
  background-size:cover; background-position:center;
}
.card-media .body{padding:14px}
.card-media .title{font-weight:1000; font-size:16px}
.card-media .desc{margin-top:6px}
.card-media .meta{margin-top:10px; display:flex; gap:8px; flex-wrap:wrap}


/* --- Clients Logo Slider (v1.4.0) --- */
.logo-slider{
  border:1px solid rgba(11,16,33,.10);
  border-radius: var(--radius2);
  background: rgba(255,255,255,.70);
  box-shadow: var(--shadow);
  overflow:hidden;
  padding: 14px 0;
  position:relative;
}
.logo-slider .logo-track{
  display:flex;
  align-items:center;
  gap: 34px;
  width: max-content;
  padding-left: 34px;
}
.logo-slider.is-marquee .logo-track{
  animation: dwMarquee var(--logo-speed, 28s) linear infinite;
}
.logo-slider.is-marquee:hover .logo-track{animation-play-state: paused;}

.logo-slider.is-carousel{
  padding: 14px 46px;
}
.logo-slider.is-carousel .logo-track{
  width:100%;
  padding-left: 0;
  padding-right: 0;
  overflow-x:auto;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
  animation:none;
}
.logo-slider.is-carousel .logo-track::-webkit-scrollbar{display:none;}

.logo-nav{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  width:34px;
  height:34px;
  border-radius: 999px;
  border:1px solid rgba(11,16,33,.14);
  background: rgba(255,255,255,.85);
  box-shadow: 0 8px 20px rgba(11,16,33,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  user-select:none;
}
.logo-nav.prev{left:10px}
.logo-nav.next{right:10px}
.logo-nav:hover{background:#fff}

.logo-item{
  flex: 0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 8px 10px;
  border-radius: 16px;
  background: rgba(255,255,255,.65);
  border:1px solid rgba(11,16,33,.08);
}
.logo-item img{
  height: 44px;
  width: auto;
  max-width: 180px;
  display:block;
  filter: saturate(1.02);
}
.logo-item a{display:flex; align-items:center}
@keyframes dwMarquee{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}
@media(max-width:980px){
  .logo-item img{height: 38px; max-width: 160px}
  .logo-slider.is-carousel{padding: 12px 42px}
}


.brand-logo{height:34px; width:auto; max-width:200px; display:block}
@media(max-width:680px){.brand-logo{height:30px; max-width:170px}}


.maincol{min-width:0}

.layout > *{min-width:0}


/* v1.4.1 - Sidebar stabilitesi ve içerik taşmalarını engelle */
.prose img{max-width:100%; height:auto}
.prose figure{max-width:100%}
.prose iframe, .prose video{max-width:100%}
.prose pre{overflow:auto}
.prose table{display:block; max-width:100%; overflow-x:auto}

img{max-width:100%; height:auto}

.sidebar{min-width:0}

/* --- Testimonials carousel (v1.7.5) --- */
.review-slider{
  position:relative;
  /* ok butonları yok: sade */
  padding: 10px 0;
}
.review-track{
  --gap:16px;
  --cols:3;
  display:flex;
  gap: var(--gap);
  overflow-x:auto;
  scroll-behavior:smooth;
  scroll-snap-type: x mandatory;
  scroll-padding: 0px;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding: 4px 0;
}
.review-track::-webkit-scrollbar{display:none;}
.review-item{
  /* v1.7.5: tam oturan kartlar, yarım kalma yok */
  flex: 0 0 min(430px, calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols)));
  scroll-snap-align:start;
  scroll-snap-stop: always;
}
@media(max-width:1100px){
  .review-track{ --cols:2; }
}
@media(max-width:720px){
  .review-track{ --cols:1; }
}

.review-nav{
  /* v1.7.4: oklar kullanılmıyor */
  display:none !important;
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  width:34px;
  height:34px;
  border-radius: 999px;
  border:1px solid rgba(11,16,33,.14);
  background: rgba(255,255,255,.85);
  box-shadow: 0 8px 20px rgba(11,16,33,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  user-select:none;
}
.review-nav.prev{left:8px}
.review-nav.next{right:8px}
.review-nav:hover{background:#fff}
.review-nav:disabled{opacity:.35; cursor:default}
@media(max-width:980px){
  .review-slider{padding: 8px 0;}
  }
@media(max-width:520px){
  .review-slider{padding: 8px 0;}
}

.review-top{display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:12px}
.review-person{display:flex; gap:10px; align-items:center}
.review-avatar{width:46px; height:46px; border-radius:999px; object-fit:cover; border:1px solid rgba(11,16,33,.12); background:#fff}
.review-avatar.fallback{display:flex; align-items:center; justify-content:center; font-weight:800; color:#0b1021; background:rgba(255,255,255,.65)}
.review-name{font-weight:800}
.review-role{font-size:.92rem}
.review-meta{text-align:right}
.stars{display:inline-flex; gap:2px; font-size:15px; line-height:1}
.stars span.on{color: var(--accent, #0b60ff)}
.stars span.off{color: rgba(11,16,33,.20)}
.small{font-size:.88rem}
.review-text{font-size:1rem; line-height:1.6}


/* --- Testimonials section background (v1.7.3) --- */
.section--testimonials{
  background: var(--ink);
  color: rgba(255,255,255,.88);
  padding: 64px 0;
}
.section--testimonials .h2{color:#fff}
.section--testimonials .muted{color: rgba(255,255,255,.72)}
.section--testimonials .section-head:after{background: linear-gradient(90deg, rgba(255,255,255,.14), rgba(255,255,255,.55), rgba(255,255,255,.14))}
body.home .section--testimonials .section-head:after{background: linear-gradient(90deg, rgba(255,255,255,.14), rgba(255,255,255,.55), rgba(255,255,255,.14))}
.section--testimonials .review-nav{border-color: rgba(255,255,255,.20); background: rgba(255,255,255,.14); box-shadow: 0 12px 28px rgba(0,0,0,.22)}
.section--testimonials .review-nav:hover{background: rgba(255,255,255,.20)}
.section--testimonials .review-nav:disabled{opacity:.25}
.section--testimonials .review.card{background:#fff; border-color: rgba(0,0,0,.06); box-shadow: 0 18px 46px rgba(0,0,0,.26); color:#0b1021}
.section--testimonials .review .muted{color: rgba(11,16,33,.62)}
.section--testimonials .review-avatar{border-color: rgba(11,16,33,.10)}



/* --- Dark Footer (v1.5.1) --- */
.site-footer--dark{
  padding:48px 0 18px;
  border-top:1px solid rgba(255,255,255,.08);
  background:#000;
  color: rgba(255,255,255,.86);
}
.site-footer--dark a{color: rgba(255,255,255,.78)}
.site-footer--dark a:hover{color:#fff}
.footer-widgets{
  display:grid;
  grid-template-columns: 2fr 1fr 1fr 1.2fr;
  gap:28px;
}
.footer-widgets.cols-1{grid-template-columns:1fr;}
.footer-widgets.cols-2{grid-template-columns:1.7fr 1fr;}
.footer-widgets.cols-3{grid-template-columns:1.7fr 1fr 1.2fr;}
.footer-widgets.cols-4{grid-template-columns:2fr 1fr 1fr 1.2fr;}
@media(max-width:1100px){.footer-widgets{grid-template-columns:1fr 1fr;}}
@media(max-width:720px){.footer-widgets{grid-template-columns:1fr;}}
.footer-title{font-size:16px; font-weight:900; margin:0 0 14px; color:#fff}
.footer-text{margin:0; color: rgba(255,255,255,.72); line-height:1.7}
.footer-links{list-style:none; padding:0; margin:0; display:grid; gap:10px}
.footer-links li{margin:0}
.footer-muted{color: rgba(255,255,255,.62)}
.footer-bottom{
  margin-top:26px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
}
.footer-bottom-links{display:flex; gap:18px; flex-wrap:wrap}
.footer-bottom-links a{font-weight:800; color: rgba(255,255,255,.70)}
.footer-bottom-links a:hover{color:#fff}

/* Widgets look nicer in footer */
.site-footer--dark .widget{margin:0}
.site-footer--dark .widget-title{font-size:16px; font-weight:900; margin:0 0 14px; color:#fff}
.site-footer--dark .widget ul{list-style:none; padding:0; margin:0; display:grid; gap:10px}
.site-footer--dark .widget ul li{margin:0}
.site-footer--dark .widget a{font-weight:800}
.site-footer--dark .widget p{color: rgba(255,255,255,.72); line-height:1.7}

/* Content overflow safety (sidebar/grid bozulmasın) */
.article, .entry-content, .content, .main, .post-content{min-width:0}
.entry-content img, .entry-content iframe, .entry-content video, .entry-content table{max-width:100%; height:auto}
.entry-content *{max-width:100%}
/* Gutenberg hizalama sınıfları bazen taşma yaratır (alignwide/alignfull). */
.entry-content .alignwide,
.entry-content .alignfull{
	width:100% !important;
	max-width:100% !important;
	margin-left:0 !important;
	margin-right:0 !important;
	left:0 !important;
	right:0 !important;
}
.entry-content figure{max-width:100%; overflow:hidden}
.entry-content figure img{display:block; max-width:100%; height:auto}


/* Dark header / two-tone */
.site-header.is-dark{
  background: rgba(10,12,16,.92);
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.site-header.is-dark .brand-name,
.site-header.is-dark .brand-sub{color: rgba(255,255,255,.92)}
.site-header.is-dark .nav-panel a,
.site-header.is-dark .nav-link{color: rgba(255,255,255,.82)}
.site-header.is-dark .nav-panel a:hover,
.site-header.is-dark .nav-link:hover{background: rgba(255,255,255,.10); color:#fff}
.site-header.is-dark .nav-toggle span{background: rgba(255,255,255,.85)}


/* Submenu */
.nav-panel li{position:relative}
.nav-panel .sub-menu{
  display:none;
  position:absolute;
  top: calc(100% + 10px);
  left:0;
  z-index:120;
  min-width:240px;
  padding:8px;
  border-radius:14px;
  background: rgba(255,255,255,.92);
  border:1px solid var(--line);
  box-shadow: var(--shadow2);
}
.nav-panel .sub-menu:before{
  content:'';
  position:absolute;
  top:-7px;
  left:18px;
  width:14px;
  height:14px;
  background: rgba(255,255,255,.92);
  border-left:1px solid var(--line);
  border-top:1px solid var(--line);
  transform: rotate(45deg);
  border-radius:3px 0 0 0;
}
.site-header.is-dark .nav-panel .sub-menu{
  background: rgba(20,22,28,.96);
  border-color: rgba(255,255,255,.12);
}
.site-header.is-dark .nav-panel .sub-menu:before{
  background: rgba(20,22,28,.96);
  border-left-color: rgba(255,255,255,.12);
  border-top-color: rgba(255,255,255,.12);
}
.nav-panel .sub-menu a{display:block; padding:10px 12px; border-radius:12px}
.nav-panel li:hover > .sub-menu,
.nav-panel li:focus-within > .sub-menu{display:block}
@media (max-width: 980px){
  .nav-panel .sub-menu{position:static; box-shadow:none; border:none; padding:6px 0 0 12px; background:transparent}
  .nav-panel li.is-sub-open > .sub-menu{display:block}
  .nav-panel li.menu-item-has-children > a:after{
    content:'▾'; margin-left:6px; font-size:12px; opacity:.7
  }
}

.btn:focus-visible{outline:2px solid rgba(var(--brand-rgb),.35); outline-offset:2px}


/* --- DW Eklentiler (dw_eklenti) --- */
.dw-plugin-filter{
  border:1px solid rgba(11,16,33,.10);
  border-radius: var(--radius2);
  background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.70));
  box-shadow: var(--shadow);
  padding:14px;
  margin-bottom:16px;
}
.dw-plugin-search{
  gap:10px;
  padding:10px;
  border-radius:22px;
  border:1px solid rgba(11,16,33,.10);
  background: rgba(255,255,255,.72);
  box-shadow: var(--shadow);
}
.dw-plugin-search label{margin:0}
.dw-plugin-search .search-field{
  border:0;
  background: transparent;
  padding:14px 14px;
  border-radius:18px;
}
.dw-plugin-search .search-submit{
  height:42px;
  padding:0 20px;
  border-radius:999px;
  font-weight:1000;
  background: linear-gradient(135deg, #5b36f1, #2c89ff);
  box-shadow: 0 14px 34px rgba(55, 80, 255, .22);
}

.dw-plugin-chips{display:flex; flex-wrap:wrap; gap:10px; margin-top:12px}
.cat-chip.is-active{
  border-color: rgba(var(--brand-rgb),.28);
  background: rgba(var(--brand-rgb),.08);
  box-shadow: 0 14px 34px rgba(var(--brand-rgb),.10);
}

.dw-plugin-grid{display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:14px}
@media(max-width:1200px){.dw-plugin-grid{grid-template-columns: repeat(3, minmax(0,1fr));}}
@media(max-width:980px){.dw-plugin-grid{grid-template-columns: repeat(2, minmax(0,1fr));}}
@media(max-width:680px){.dw-plugin-grid{grid-template-columns: 1fr;}}

.dw-plugin-card{
  background: rgba(255,255,255,.75);
  border:1px solid rgba(11,16,33,.10);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.dw-plugin-thumb{
  height: 150px;
  background: linear-gradient(135deg, rgba(var(--brand-rgb),.14), rgba(var(--brand2-rgb),.05));
  background-size:cover;
  background-position:center;
}
.dw-plugin-body{padding:14px; display:flex; flex-direction:column; gap:8px; min-height: 180px}
.dw-plugin-title{font-weight:1000; font-size:18px; line-height:1.25}
.dw-plugin-title a{color: var(--ink)}
.dw-plugin-title a:hover{color: var(--brand)}
.dw-plugin-meta{display:flex; gap:10px; align-items:center; flex-wrap:wrap}
.dw-plugin-price{font-weight:1000; color: var(--brand)}
.dw-plugin-tag{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(11,16,33,.12);
  background: rgba(255,255,255,.72);
  font-weight:900;
  font-size:12px;
  color: var(--muted);
}
.dw-plugin-actions{margin-top:auto; display:flex; gap:10px; align-items:center; justify-content:space-between}
.dw-plugin-desc{margin-top:2px}

/* Eklenti listesi (blog strip görünümü) */
.dw-plugin-strip{align-items:flex-start}
.dw-plugin-stripmain{flex:1; min-width:0}
.dw-plugin-stripmeta{margin-top:6px; font-size:13px; font-weight:900; color:rgba(11,16,33,.72); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.dw-plugin-strip .stripcta{gap:10px; flex-wrap:wrap}
.dw-plugin-strip .stripbtn.is-solid{border:0; color:#fff; background: linear-gradient(135deg,var(--brand),var(--brand2)); box-shadow: 0 14px 34px rgba(var(--brand-rgb),.16)}

.dw-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(11,16,33,.12);
  background: rgba(255,255,255,.75);
  font-weight:1000;
  font-size:12px;
  color: var(--muted);
  white-space:nowrap;
}
.dw-pill.is-soft{background: rgba(var(--brand-rgb),.06); border-color: rgba(var(--brand-rgb),.14); color: var(--ink)}

.dw-plugin-hero-meta{display:flex; gap:8px; flex-wrap:wrap; margin-top:10px}

.dw-plugin-single{display:grid; grid-template-columns: minmax(320px, 380px) minmax(0, 1fr); gap:16px; margin-top:16px}
@media(max-width:980px){.dw-plugin-single{grid-template-columns:1fr}}

.dw-plugin-actions-panel .dw-plugin-price-line{display:flex; gap:12px; align-items:center; justify-content:space-between}
.dw-plugin-price-big{font-size:18px; font-weight:1000; color: var(--ink)}
.dw-plugin-main-action{margin-top:12px}
.dw-plugin-main-action .btn-lg{width:100%}

.dw-plugin-banner{
  height: 160px;
  border-radius: var(--radius);
  border:1px solid rgba(11,16,33,.10);
  background: linear-gradient(135deg, rgba(var(--brand-rgb),.14), rgba(var(--brand2-rgb),.05));
  background-size:cover;
  background-position:center;
  margin: 6px 0 12px;
}
.dw-plugin-info-grid{display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px}
.dw-plugin-info{
  border:1px solid rgba(11,16,33,.10);
  border-radius: 18px;
  background: rgba(255,255,255,.72);
  padding:10px;
  box-shadow: 0 10px 22px rgba(12,18,40,.04);
}
.dw-plugin-info-k{font-size:12px; font-weight:900; color: var(--muted)}
.dw-plugin-info-v{font-size:16px; font-weight:1000; margin-top:4px}

.dw-plugin-tags{display:flex; flex-wrap:wrap; gap:10px}

.h2{letter-spacing:-.02em}

.h1{letter-spacing:-.03em}


.section.tint{
  background: linear-gradient(180deg, rgba(var(--brand2-rgb),.06), rgba(var(--brand-rgb),.03));
  border-top: 1px solid rgba(11,16,33,.08);
  border-bottom: 1px solid rgba(11,16,33,.08);
}


/* Search */
.dw-search{display:flex; gap:12px; align-items:center}
.dw-search-input{
  flex:1;
  width:100%;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(11,16,33,.10);
  background: rgba(255,255,255,.75);
  outline:none;
}
.dw-search-input:focus{box-shadow:0 0 0 4px rgba(var(--brand-rgb),.15)}
.dw-search-btn{
  padding:12px 18px;
  border-radius:16px;
  border:1px solid rgba(11,16,33,.10);
  background: rgba(var(--brand-rgb),.06);
  color: var(--ink);
  font-weight: 800;
  cursor:pointer;
  box-shadow: 0 10px 22px rgba(12,18,40,.06);
  transition: transform .12s ease, background .12s ease;
}
.dw-search-btn:hover{background:rgba(var(--brand-rgb),.09); transform:translateY(-1px)}
.dw-search-btn:active{transform:translateY(0)}
.site-header.is-dark + * .dw-search-btn{color:var(--ink)}


/* Blog liste görünümü (v1.5.4) */
.postlist{display:flex; flex-direction:column; gap:14px}
.postrow{
  display:flex; gap:16px; align-items:stretch;
  background: var(--panel);
  border:1px solid var(--line);
  border-radius: 22px;
  box-shadow: var(--shadow1);
  padding: 12px;
}
.postrow-thumb{
  flex:0 0 220px;
  width:220px;
  border-radius: 18px;
  border:1px solid rgba(11,16,33,.10);
  background: linear-gradient(135deg, rgba(var(--brand-rgb),.05), rgba(var(--brand2-rgb),.08));
  background-size: cover;
  background-position: center;
  aspect-ratio: 16/10;
}
.postrow-body{flex:1; min-width:0; padding: 4px 6px}
.postrow-title{
  margin:0 0 8px;
  font-size: 22px;
  letter-spacing: -.02em;
  line-height:1.15;
}
.postrow-title a{color:inherit; text-decoration:none}
.postrow-title a:hover{text-decoration:underline}
.postrow-excerpt{margin:0 0 10px}
.postrow-meta{font-size: 13px}
@media (max-width: 760px){
  .postrow{flex-direction:column}
  .postrow-thumb{width:100%; flex:0 0 auto}
}

/* Yazı içi okuma araçları */
.content-tools{
  display:flex;
  justify-content:flex-end;
  margin: 4px 0 12px;
}

/* Sayfa başlığı arka planı (gradyansız, renk vurgulu) */
.page-hero-box::before{
  content:"";
  position:absolute;
  inset:0;
  /* Her yazıda daha belirgin, ama temiz bir renk geçişi */
  background:
    radial-gradient(1100px 520px at 10% 0%, hsla(var(--hero-h, 210), 92%, 60%, .22), transparent 62%),
    radial-gradient(900px 520px at 92% 10%, hsla(calc(var(--hero-h, 210) + 55), 90%, 60%, .18), transparent 60%),
    radial-gradient(760px 460px at 50% 110%, hsla(calc(var(--hero-h, 210) + 140), 86%, 58%, .14), transparent 58%);
  pointer-events:none;
}
.page-hero-box::after{
  content:"";
  position:absolute;
  left:0; top:0;
  height:6px; width:100%;
  background: hsla(var(--hero-h, 210), 80%, 45%, .35);
  pointer-events:none;
}
.page-hero-inner{position:relative; z-index:1}

/* Sayfalandırma */
.navigation.pagination{margin: 26px 0 0}
.nav-links{display:flex; gap:8px; justify-content:center; align-items:center; flex-wrap:wrap}
.page-numbers{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 40px; height: 40px;
  padding: 0 12px;
  border-radius: 999px;
  border:1px solid var(--line);
  background: var(--panel);
  box-shadow: 0 10px 22px rgba(12,18,40,.06);
  font-weight: 700;
}
.page-numbers.current{
  background: rgba(var(--brand-rgb),.10);
  border-color: rgba(var(--brand-rgb),.18);
}
.page-numbers.dots{box-shadow:none; background:transparent; border-color:transparent; min-width:auto; padding:0 6px}

/* Sidebar: arama ve harf avatarı */
.side-search .search-form{display:flex; gap:8px}
.side-search .search-field{
  width:100%;
  padding:10px 12px;
  border-radius: 14px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.92);
  outline:none;
}
.side-search .search-submit{
  padding:10px 14px;
  border-radius: 14px;
  border:1px solid rgba(var(--brand-rgb),.24);
  background: rgba(var(--brand-rgb),.10);
  font-weight:700;
  cursor:pointer;
}
.side-dot{
  width:38px; height:38px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius: 12px;
  background: rgba(var(--brand-rgb),.12);
  border: 1px solid rgba(var(--brand-rgb),.18);
  color: rgba(11,16,33,.85);
  font-weight: 800;
  letter-spacing: .02em;
}


/* Skip link (İçeriğe atla) - sadece odaklanınca görünür */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:12px;top:12px;width:auto;height:auto;z-index:9999;background:var(--panel);border:1px solid rgba(11,16,33,.15);padding:10px 12px;border-radius:14px;box-shadow:var(--shadow)}


/* Blog - Şerit liste görünümü */
.blog-search-top{margin:0 0 14px}
.search-form{display:flex; gap:12px; align-items:center}
.search-form label{flex:1}
.search-form .search-field{width:100%; padding:16px 18px; border-radius:18px; border:1px solid rgba(11,16,33,.10); background:rgba(255,255,255,.75); outline:none}
.search-form .search-field:focus{box-shadow:0 0 0 4px rgba(var(--brand-rgb),.15)}
.search-form .search-submit{padding:12px 18px; border-radius:16px; border:0; cursor:pointer; background:linear-gradient(135deg,var(--brand),var(--brand2)); color:#fff; font-weight:800}

/* Blog üst arama: örnekteki gibi tek satır, tok ve pill buton */
.blog-search-top .search-form{
  gap:10px;
  padding:10px;
  border-radius:22px;
  border:1px solid rgba(11,16,33,.10);
  background: rgba(255,255,255,.72);
  box-shadow: var(--shadow);
}
.blog-search-top .search-form label{margin:0}
.blog-search-top .search-form .search-field{
  border:0;
  background:transparent;
  padding:14px 14px;
  border-radius:18px;
}
.blog-search-top .search-form .search-submit{
  height:40px;
  padding:0 18px;
  border-radius:999px;
  font-weight:1000;
  background: linear-gradient(135deg, #5b36f1, #2c89ff);
  box-shadow: 0 14px 34px rgba(55, 80, 255, .22);
}

.striplist{display:flex; flex-direction:column; gap:12px}
.stripitem{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 18px;
  border-radius:22px;
  border:1px solid rgba(11,16,33,.10);
  background: linear-gradient(135deg, rgba(255,255,255,.70), rgba(255,255,255,.50));
  overflow:hidden;
}

/* Renkli şerit kartlar (örnekteki gibi) */
.stripitem:nth-child(5n+1){
  background: linear-gradient(135deg, rgba(255, 223, 140, .55), rgba(255,255,255,.72));
  border-color: rgba(240,176,48,.28);
}
.stripitem:nth-child(5n+2){
  background: linear-gradient(135deg, rgba(140, 255, 206, .42), rgba(255,255,255,.72));
  border-color: rgba(0,144,64,.24);
}
.stripitem:nth-child(5n+3){
  background: linear-gradient(135deg, rgba(150, 205, 255, .46), rgba(255,255,255,.72));
  border-color: rgba(0,112,176,.22);
}
.stripitem:nth-child(5n+4){
  background: linear-gradient(135deg, rgba(195, 170, 255, .42), rgba(255,255,255,.72));
  border-color: rgba(91, 54, 241, .18);
}
.stripitem:nth-child(5n+5){
  background: linear-gradient(135deg, rgba(255, 170, 190, .42), rgba(255,255,255,.72));
  border-color: rgba(224,16,32,.18);
}

.striptitle{
  margin:0;
  font-weight:1000;
  font-size:19px;
  line-height:1.2;
  flex:1;
  min-width:0;
}
.striptitle a{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

.stripcta{
  display:flex;
  align-items:center;
  padding-left:16px;
  border-left:1px solid rgba(11,16,33,.14);
  flex:0 0 auto;
}

.stripbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:36px;
  padding:0 14px;
  border-radius:999px;
  background: rgba(255,255,255,.78);
  border:1px solid rgba(11,16,33,.12);
  font-weight:1000;
  color: var(--ink);
}
.stripbtn:hover{transform:translateY(-1px)}

.btn.btn-ghost{background:rgba(255,255,255,.78); border:1px solid rgba(11,16,33,.10); color:var(--ink)}
.btn.btn-ghost:hover{transform:translateY(-1px)}

.entry-meta-top{display:flex; gap:8px; flex-wrap:wrap; margin:0 0 12px}


/* Kategoriler - şık liste */
.dw-catlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.dw-catlink{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.65);border:1px solid rgba(11,16,33,.10)}
.dw-catdot{width:10px;height:10px;border-radius:999px;background:rgba(var(--brand-rgb),.65);box-shadow:0 0 0 4px rgba(var(--brand-rgb),.12)}
.dw-catname{font-weight:800}
.dw-catcount{margin-left:auto;color:var(--muted);font-weight:800}


/* Sayfalama */
.nav-links, .pagination{display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; margin:26px 0}
.page-numbers{display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 12px; border-radius:14px; border:1px solid rgba(11,16,33,.12); background:rgba(255,255,255,.7); font-weight:800}
.page-numbers.current{background:linear-gradient(135deg,var(--brand),var(--brand2)); border:0; color:#fff}
.page-numbers:hover{transform:translateY(-1px)}


/* Referanslar (ana sayfa - resimsiz, hızlı) */
.section-ref{
  /* Bölümler birbirine girmesin: referanslara ayrı bir zemin */
  background:
    radial-gradient(900px 260px at 50% 0%, rgba(var(--brand2-rgb),.12), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.62), rgba(var(--brand-rgb),.05));
}
.ref-grid{display:grid; grid-template-columns: repeat(3, 1fr); gap: 16px}
.ref-card{
  position:relative;
  border:1px solid var(--line);
  background: var(--panel);
  border-radius: 22px;
  box-shadow: var(--shadow1);
  padding: 16px 16px 14px;
  overflow:hidden;
  min-height: 128px;
}
.ref-card::before{
  content:"";
  position:absolute;
  left:0; top:0;
  width:100%; height:6px;
  background: hsla(var(--hero-h, 210), 80%, 45%, .35);
}
.ref-link{position:absolute; inset:0; z-index:2; text-indent:-9999px}
.ref-top{display:flex; gap:12px; align-items:flex-start; margin-top:6px}
.ref-dot{
  width:44px; height:44px;
  border-radius: 14px;
  background: rgba(0,112,176,.10);
  border:1px solid rgba(0,112,176,.18);
  display:flex; align-items:center; justify-content:center;
  font-weight: 900;
  color: rgba(11,16,33,.86);
  flex:0 0 auto;
}
.ref-title{
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -.02em;
  line-height: 1.2;
  margin: 0 0 6px;
  color: rgba(11,16,33,.92);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ref-client{font-size: 13px}
.ref-meta{margin-top: 10px; display:flex; gap:8px; flex-wrap:wrap}

/* Referans kartı: sadece isim */
.ref-card--nameonly{
  display:flex;
  align-items:center;
  padding: 18px 18px;
  min-height: 96px;
}
.ref-card--nameonly .ref-title{
  margin: 0;
}
@media (max-width: 980px){ .ref-grid{grid-template-columns: repeat(2, 1fr);} }
@media (max-width: 640px){ .ref-grid{grid-template-columns: 1fr;} .ref-card{min-height: unset;} }


/* A11y */
.screen-reader-text{
	position:absolute!important;
	width:1px;height:1px;
	padding:0;margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border:0;
}

/* Page hero tweaks */
.page-hero.is-center .page-hero-box{ text-align:center; }
.page-hero.is-center .crumbs{ justify-content:center; }
.page-hero.is-center .hero-desc{ margin-left:auto; margin-right:auto; max-width:62ch; }

/* Ajax blog search dropdown */
.blog-search-top{ position:relative; }
.ajax-search-results{
	position:absolute;
	left:0; right:0;
	top:calc(100% + 10px);
	z-index:50;
	background:rgba(255,255,255,.96);
	border:1px solid rgba(11,16,33,.10);
	border-radius:14px;
	box-shadow: var(--shadow);
	padding:10px;
}
.ajax-search-results a{
	display:flex;
	gap:10px;
	align-items:center;
	padding:8px 10px;
	border-radius:12px;
	color:inherit;
	text-decoration:none;
}
.ajax-search-results a:hover{ background:rgba(11,16,33,.04); }
.ajax-thumb{
	width:40px; height:40px;
	border-radius:12px;
	background:rgba(11,16,33,.06);
	overflow:hidden;
	flex:0 0 auto;
}
.ajax-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.ajax-title{ font-weight:900; }
.ajax-empty{ padding:10px; color:rgba(11,16,33,.65); }

/* === 2026-01 Hotfix: taşan görseller, hizalı başlıklar, mobil kaydırma === */

/* Sidebar küçük görsellerin taşmasını engelle */
.side-thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}

/* Ana sayfa: bölüm başlıkları ortalı ve tutarlı */
.home .section-head{max-width:860px;margin-left:auto;margin-right:auto;text-align:center;position:relative;padding-bottom:14px}
.home .section-head .kicker{display:inline-block;margin-left:auto;margin-right:auto}
.home .section-head .muted{max-width:72ch;margin-left:auto;margin-right:auto}
.home .section-head:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:120px;height:3px;border-radius:999px;background:linear-gradient(90deg, rgba(11,16,33,.15), rgba(11,16,33,.45), rgba(11,16,33,.15))}

/* Hizmetler: mobilde kaydırma (carousel hissi) */
.cards-flow{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){
	.cards-flow.is-carousel-mobile{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px}
	.cards-flow.is-carousel-mobile > .media-card{flex:0 0 86%;scroll-snap-align:start}
}

/* Hizmet kartları: düz ve ortalı */
#hizmetler .service-card .media-body{text-align:center}
#hizmetler .service-card .media-title a{text-decoration:none}
#hizmetler .service-card .media-thumb{min-height:150px}

/* Hizmet kartı görselleri: tüm kartlarda aynı oran/oturuş */
#hizmetler .service-card .media-thumb{
  height:auto;              /* aspect-ratio devredeyken yükseklik otomatik belirlenir */
  aspect-ratio: 2 / 1;      /* önerilen görsel oranı: 2:1 (örn: 1200x600) */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* Çok eski tarayıcılar için fallback */
@supports not (aspect-ratio: 1 / 1){
  #hizmetler .service-card .media-thumb{height:180px}
}

/* Blog arama alanı biraz daha belirgin */
.blog-search-top .search-form{border-radius:18px;background:rgba(255,255,255,.7);border:1px solid rgba(11,16,33,.12);backdrop-filter:blur(8px)}
.blog-search-top .search-form input[type=search]{background:transparent}
#blog .media-body{text-align:center}
#isler .work-body{text-align:center}
#ekip .team-body{text-align:center}


/* Section title colors (palette-driven) */
#hizmetler{--title-color:var(--brand);}
#referanslar{--title-color:var(--brand2);}
#musteriler{--title-color:var(--brand2);} /* fallback */
#ekip{--title-color:var(--brand);}
#isler{--title-color:var(--brand2);}
#surec{--title-color:var(--brand);}      /* fallback */
#blog{--title-color:var(--brand);}       /* fallback */
#yorumlar{--title-color:#fff;}
#fiyat{--title-color:var(--brand2);}
#hakkimizda{--title-color:var(--brand);} /* fallback */
#iletisim{--title-color:var(--brand2);}
#icerik{--title-color:var(--brand);}     /* inner page sections */

@supports (color: color-mix(in srgb, #000 50%, #fff)) {
  #musteriler{--title-color:color-mix(in srgb, var(--brand2) 55%, var(--brand) 45%);}
  #surec{--title-color:color-mix(in srgb, var(--brand2) 35%, var(--ink) 65%);}
  #blog{--title-color:color-mix(in srgb, var(--brand) 70%, var(--ink) 30%);}
  #hakkimizda{--title-color:color-mix(in srgb, var(--brand) 45%, var(--ink) 55%);}
}
  #surec{--title-color:color-mix(in srgb, var(--brand2) 35%, var(--ink) 65%);}
  #blog{--title-color:color-mix(in srgb, var(--brand) 70%, var(--ink) 30%);}
}




/* Sidebar categories */
.side-cats{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px}
.side-cats li{margin:0}
.side-cats a{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(11,16,33,.10);
  background: rgba(255,255,255,.78);
  text-decoration:none;
  max-width: 100%;
}
.side-cats a:hover{transform: translateY(-1px)}
.cat-name{font-weight:900; font-size:13px; letter-spacing:.1px}
.cat-count{
  font-size:12px; font-weight:1000; color:var(--muted);
  min-width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; border:1px solid rgba(11,16,33,.10);
  background: rgba(255,255,255,.9);
}

/* WordPress default kategori widget'i varsa onu da çip gibi göster */
.widget_categories ul,
.wp-block-categories-list{
  list-style:none; padding:0; margin:0;
  display:flex; flex-wrap:wrap; gap:10px;
}
.widget_categories li,
.wp-block-categories-list li{margin:0}
.widget_categories a,
.wp-block-categories-list a{
  display:inline-flex; align-items:center;
  padding:8px 10px; border-radius:999px;
  border:1px solid rgba(11,16,33,.10);
  background: rgba(255,255,255,.78);
  font-weight:900; font-size:12px;
}
.widget_categories a:hover,
.wp-block-categories-list a:hover{transform:translateY(-1px)}


/* Easy Table of Contents (ez-toc) uyumluluk */
#ez-toc-container,
.ez-toc-container{
  display:block;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(11,16,33,.14);
  border-radius: 18px;
  padding: 14px 14px 10px;
  box-shadow: 0 10px 28px rgba(8,12,26,.08);
  margin: 0 0 18px;
  overflow: visible;
}
#ez-toc-container .ez-toc-title,
.ez-toc-title{
  margin: 0 0 10px;
  font-weight: 900;
  letter-spacing: .2px;
  color: var(--ink, #0b1021);
}
#ez-toc-container ul,
.ez-toc-list{ margin: 0; padding-left: 18px; }
#ez-toc-container li{ margin: 6px 0; }
#ez-toc-container a{ color: var(--brand, #0a6db5); font-weight: 800; text-decoration: none; }
#ez-toc-container a:hover{ text-decoration: underline; }
#ez-toc-container input[type=checkbox]{ accent-color: var(--brand, #0a6db5); }

/* Başlıklara anchor ile gelince header altında kalmasın */
.prose h2, .prose h3, .prose h4, .prose h5{ scroll-margin-top: 96px; }

/* Okunabilirlik: mobilde küçük metinleri bir tık büyüt */
@media (max-width: 768px){
  .kicker,
  .trust-txt,
  .stat-k,
  .form-note,
  .slide-kicker,
  .team-role,
  .team-links,
  .hero-kicker,
  .hero-meta,
  .side-meta,
  .side-right,
  .dw-related-meta{
    font-size:13px;
  }
}