/* CelikJantTamiri NEW THEME v2 (layout + typography redesigned) */
:root{
  --bg: #f4f6f9;
  --surface: #ffffff;
  --surface2: #eef2f7;
  --text: #0f172a;
  --muted: rgba(15,23,42,.70);

  --primary: #0b1b3a;   /* deep navy */
  --accent: #e11d48;    /* crimson */
  --accent2: #f59e0b;   /* amber */
  --line: rgba(15,23,42,.10);

  --radius: 14px;
  --shadow: 0 14px 34px rgba(2,6,23,.10);
}

html,body{background:var(--bg); color:var(--text); font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial;}
a{color:var(--primary); text-decoration:none;}
a:hover{color:var(--accent);}

.cj-topbar{
  background: var(--primary);
  color: #fff;
  font-size: 14px;
}
.cj-topbar a{color:#fff; opacity:.92}
.cj-topbar a:hover{opacity:1}

.cj-nav{
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line);
  position: sticky; top: 0; z-index: 50;
}
.cj-brand{display:flex; gap:12px; align-items:center; font-weight:800; letter-spacing:.2px}
.cj-brand .mark{
  width: 38px; height: 38px; border-radius: 10px;
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  box-shadow: var(--shadow);
}
.cj-nav .cj-links a{font-weight:600; padding:10px 12px; border-radius:10px}
.cj-nav .cj-links a:hover{background: var(--surface2);}

.cj-hero{
  background: radial-gradient(1200px 600px at 20% 10%, rgba(225,29,72,.16), transparent 60%),
              radial-gradient(900px 500px at 90% 15%, rgba(245,158,11,.18), transparent 60%),
              linear-gradient(180deg, #ffffff, #f4f6f9);
  border-bottom: 1px solid var(--line);
}
.cj-hero h1{font-size: clamp(28px, 3.4vw, 46px); line-height:1.08; font-weight:900; margin:0 0 12px}
.cj-hero p{font-size: 18px; color: var(--muted); margin:0 0 18px}
.cj-badges{display:flex; flex-wrap:wrap; gap:10px; margin: 14px 0 0}
.cj-badge{background: var(--surface); border:1px solid var(--line); padding:8px 12px; border-radius:999px; font-weight:600; font-size:13px}

.cj-btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:10px; padding:12px 16px; border-radius: 12px;
  font-weight:800; border: 1px solid transparent;
}
.cj-btn-primary{background: var(--accent); color:#fff; box-shadow: var(--shadow);}
.cj-btn-primary:hover{background:#be123c; color:#fff;}
.cj-btn-outline{background: transparent; border-color: var(--line); color: var(--primary);}
.cj-btn-outline:hover{background: var(--surface2);}

.cj-section{padding: 56px 0}
.cj-card{
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.cj-card .cj-card-body{padding: 18px}
.cj-kicker{font-weight:900; color: var(--accent); text-transform:uppercase; letter-spacing:.12em; font-size:12px}
.cj-h2{font-size: 28px; font-weight:900; margin: 8px 0 8px}
.cj-sub{color: var(--muted); font-size:16px; margin:0}

.cj-service-row{
  display:flex; gap:16px; padding: 16px; align-items: flex-start;
  border:1px solid var(--line); border-radius: var(--radius);
  background: linear-gradient(180deg, #fff, #fbfcff);
}
.cj-service-row .icon{
  width: 46px; height:46px; border-radius: 14px;
  background: var(--surface2);
  display:flex; align-items:center; justify-content:center;
  font-weight:900; color: var(--accent);
}
.cj-service-row h3{margin:0 0 6px; font-size:18px; font-weight:900}
.cj-service-row p{margin:0; color: var(--muted);}

.cj-footer{
  background: #0b1b3a;
  color: rgba(255,255,255,.88);
  padding: 44px 0;
}
.cj-footer a{color:#fff; opacity:.9}
.cj-footer a:hover{opacity:1}
.cj-footer .small{opacity:.75}

.cj-breadcrumb{font-size:13px; color:var(--muted)}
.cj-breadcrumb a{color:var(--muted)}
.cj-breadcrumb a:hover{color:var(--accent)}

.cj-content h2{font-size:22px; font-weight:900; margin-top:22px}
.cj-content h3{font-size:18px; font-weight:900; margin-top:18px}
.cj-content p{color: rgba(15,23,42,.85); line-height:1.85; font-size:16px}

.cj-sticky-call{
  position: fixed; right: 16px; bottom: 16px; z-index: 60;
  display:flex; flex-direction:column; gap:10px;
}
.cj-sticky-call a{
  background: var(--accent);
  color:#fff;
  padding: 12px 14px;
  border-radius: 999px;
  font-weight: 900;
  box-shadow: var(--shadow);
}