/* V9 service detail system — shared across all public service pages. */
:root {
  --service-brand:#9e1f63;
  --service-indigo:#2c3990;
  --service-ink:#17182d;
  --service-muted:#656b7f;
  --service-line:#e8e6ef;
  --service-soft:#f8f7fb;
  --service-warm:#fcf8fb;
  --service-shadow:0 24px 70px rgba(25,27,58,.10);
}
body.service-v9-page {
  background:
    radial-gradient(800px 360px at 8% 2%, rgba(158,31,99,.07), transparent 65%),
    radial-gradient(850px 420px at 96% 14%, rgba(44,57,144,.055), transparent 64%),
    #fbfafd !important;
}
.service-v9-progress {
  position:fixed; top:0; left:0; z-index:10050; width:0; height:3px;
  background:linear-gradient(90deg,var(--service-brand),var(--service-indigo));
  box-shadow:0 2px 10px rgba(158,31,99,.25); pointer-events:none;
}
.service-v9-page .hizmet-header {
  width:min(1180px,calc(100% - 40px)) !important;
  max-width:1180px !important;
  min-height:390px;
  display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
  margin:28px auto 34px !important; padding:64px clamp(30px,6vw,80px) !important;
  text-align:left !important; border-radius:34px !important;
  background:
    radial-gradient(circle at 86% 18%,rgba(255,255,255,.24),transparent 22%),
    linear-gradient(122deg,#17182d 0%,#29284c 55%,#4a2252 100%) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 28px 80px rgba(24,25,52,.17) !important;
  isolation:isolate;
}
.service-v9-page .hizmet-header::before {
  width:520px !important; height:520px !important; right:-115px !important; top:-255px !important;
  background:radial-gradient(circle,rgba(196,92,145,.38),rgba(158,31,99,0) 64%) !important;
  z-index:-1;
}
.service-v9-page .hizmet-header::after {
  width:460px !important; height:460px !important; left:auto !important; right:-240px !important; bottom:-280px !important;
  border:1px solid rgba(255,255,255,.09); background:transparent !important; box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018);
  z-index:-1;
}
.service-v9-eyebrow {
  display:inline-flex; align-items:center; gap:8px; margin-bottom:18px; padding:8px 12px; border-radius:999px;
  color:#f0c7db; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.12);
  font:800 11px/1 Inter,system-ui,sans-serif; letter-spacing:.085em; text-transform:uppercase;
}
.service-v9-eyebrow::before { content:''; width:7px; height:7px; border-radius:50%; background:#d75b9a; box-shadow:0 0 0 5px rgba(215,91,154,.13); }
.service-v9-page .hizmet-header h1 {
  max-width:790px; margin:0 !important; color:#fff !important;
  font-size:clamp(38px,5vw,68px) !important; line-height:1.01 !important; letter-spacing:-.055em !important; font-weight:900 !important;
}
.service-v9-lead { max-width:720px; margin:20px 0 0; color:#c9cada; font:450 16px/1.75 Inter,system-ui,sans-serif; }
.service-v9-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.service-v9-hero-actions a {
  min-height:46px; display:inline-flex; align-items:center; justify-content:center; padding:0 17px; border-radius:12px;
  font:800 13px/1 Inter,system-ui,sans-serif; text-decoration:none !important; transition:transform .2s ease,box-shadow .2s ease;
}
.service-v9-hero-actions a:first-child { color:#fff !important; background:linear-gradient(135deg,#b52875,var(--service-indigo)); box-shadow:0 13px 30px rgba(158,31,99,.23); }
.service-v9-hero-actions .service-v9-consultation-action { color:#232641 !important; border:1px solid rgba(255,255,255,.48); background:#fff; box-shadow:0 13px 30px rgba(12,14,37,.16); }
.service-v9-hero-actions a:last-child { color:#fff !important; border:1px solid rgba(255,255,255,.17); background:rgba(255,255,255,.07); }
.service-v9-hero-actions a:hover { transform:translateY(-2px); }
.service-v9-page .hizmet-header .breadcrumb {
  order:-1; margin:0 0 23px !important; padding:0 !important; color:#aeb2c8 !important; background:transparent !important;
  border:0 !important; box-shadow:none !important; font-size:12px !important; justify-content:flex-start !important;
}
.service-v9-page .hizmet-header .breadcrumb a,
.service-v9-page .hizmet-header .breadcrumb span,
.service-v9-page .hizmet-header .breadcrumb span a { color:#c7cada !important; }

.service-v9-page .hizmet-detail {
  width:min(1180px,calc(100% - 40px)) !important; max-width:1180px !important; padding:0 !important;
  display:grid !important; grid-template-columns:280px minmax(0,1fr) !important; gap:28px !important; align-items:start !important;
  margin:0 auto 76px !important;
}
.service-v9-page .hizmet-detail aside {
  width:auto !important; min-width:0 !important; flex:none !important; display:flex !important; flex-direction:column !important; gap:14px !important;
  position:sticky !important; top:94px !important;
}
.service-v9-page .sidebar-card {
  padding:18px !important; border-radius:20px !important; background:rgba(255,255,255,.92) !important;
  border:1px solid var(--service-line) !important; box-shadow:0 12px 34px rgba(25,27,58,.055) !important; transform:none !important;
}
.service-v9-page .sidebar-card h4 { margin:0 0 13px !important; color:#252743 !important; font-size:13px !important; letter-spacing:.01em; }
.service-v9-page .service-list { gap:5px !important; }
.service-v9-page .service-link {
  padding:10px 11px !important; border-radius:11px !important; color:#555b70 !important; font-size:12.5px !important; font-weight:700 !important;
}
.service-v9-page .service-link:hover { color:var(--service-brand) !important; background:#fbf0f6 !important; transform:none !important; }
.service-v9-page .service-link.active { color:#fff !important; background:linear-gradient(135deg,var(--service-brand),#7c265f 55%,var(--service-indigo)) !important; box-shadow:0 8px 18px rgba(158,31,99,.15) !important; }
.service-v9-toc { display:grid; gap:5px; }
.service-v9-toc a { display:block; padding:7px 9px; border-radius:9px; color:#777c8e !important; font-size:11.5px; line-height:1.35; text-decoration:none !important; }
.service-v9-toc a:hover { color:var(--service-brand) !important; background:#fbf4f8; }
.service-v9-trust-card { overflow:hidden; background:linear-gradient(150deg,#1b1d36,#2f315f) !important; border-color:rgba(255,255,255,.04) !important; }
.service-v9-trust-card h4 { color:#fff !important; font-size:16px !important; line-height:1.25; }
.service-v9-trust-card p { margin:0 0 14px; color:#bec1d1; font-size:12px; line-height:1.6; }
.service-v9-trust-links { display:grid; gap:7px; }
.service-v9-trust-links a { display:flex; align-items:center; justify-content:space-between; padding:10px 11px; border-radius:10px; color:#fff !important; background:rgba(255,255,255,.07); font-size:11.5px; font-weight:750; text-decoration:none !important; }
.service-v9-trust-links a:first-child { background:linear-gradient(135deg,var(--service-brand),#7f2a63); }
.service-v9-trust-links a:nth-child(2) { color:#242641 !important; background:#fff; }

.service-v9-page .hizmet-detail > div:not(aside) {
  width:100% !important; min-width:0 !important; padding:clamp(20px,3.4vw,42px) !important;
  border:1px solid var(--service-line) !important; border-radius:28px !important; background:rgba(255,255,255,.96) !important;
  box-shadow:var(--service-shadow) !important;
}
.service-v9-page .hizmet-detail > div:not(aside) > div:first-child {
  height:clamp(300px,37vw,470px); margin:calc(clamp(20px,3.4vw,42px) * -1) calc(clamp(20px,3.4vw,42px) * -1) 28px !important;
  border:0 !important; border-radius:28px 28px 0 0 !important; box-shadow:none !important; background:#eeedf4;
}
.service-v9-page .hizmet-detail > div:not(aside) > div:first-child img { width:100% !important; height:100% !important; object-fit:cover !important; transform:none !important; }
.service-v9-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:0 0 30px; }
.service-v9-fact { padding:13px 14px; border:1px solid #eee5eb; border-radius:13px; background:#fcf8fb; }
.service-v9-fact strong { display:block; color:#34364f; font-size:12px; }
.service-v9-fact span { display:block; margin-top:3px; color:#868a9a; font-size:10.5px; line-height:1.35; }
.service-v9-page .hizmet-detail > div:not(aside) > h2:first-of-type { margin:0 0 6px !important; color:#1d1f39 !important; font-size:clamp(27px,3vw,38px) !important; letter-spacing:-.04em; line-height:1.1; }
.service-v9-page .hizmet-detail > div:not(aside) > p:first-of-type { margin:0 0 28px !important; color:#969aaa !important; font-size:11.5px !important; font-weight:650; }
.service-v9-page article { color:#555c70 !important; font-size:15.5px !important; line-height:1.82 !important; }
.service-v9-page article p { margin:0 0 20px !important; }
.service-v9-page article h2 { margin:42px 0 14px !important; color:#20223d !important; font-size:clamp(25px,2.6vw,34px) !important; line-height:1.18 !important; letter-spacing:-.035em !important; scroll-margin-top:105px; }
.service-v9-page article h3 { margin:30px 0 10px !important; color:#35374f !important; font-size:20px !important; line-height:1.3 !important; letter-spacing:-.02em; scroll-margin-top:105px; }
.service-v9-page article ul,
.service-v9-page article ol { margin:4px 0 24px !important; padding-left:0 !important; list-style:none !important; display:grid; gap:9px; }
.service-v9-page article li { position:relative; padding:11px 13px 11px 38px; border:1px solid #eeeef4; border-radius:12px; background:#fbfbfd; color:#555b6f; }
.service-v9-page article li::before { content:'✓'; position:absolute; left:13px; top:10px; width:17px; height:17px; display:grid; place-items:center; border-radius:50%; color:var(--service-brand); background:#fbf0f6; font-size:9px; font-weight:900; }
.service-v9-page article strong { color:#34364c; }
.service-v9-page .info-box,
.service-v9-page .alert-box { border-radius:16px !important; box-shadow:none !important; }
.service-v9-page .hizmet-detail > div:not(aside) > div[style*="margin-top:2rem"] {
  margin-top:42px !important; padding:25px !important; border-radius:20px !important;
  background:linear-gradient(135deg,#fbf2f7,#f5f3ff) !important; border:1px solid #ead8e3 !important;
}
.service-v9-page .hizmet-detail > div:not(aside) > div[style*="margin-top:2rem"] h2 { color:#242640 !important; font-size:23px !important; }
.service-v9-page .hizmet-detail > div:not(aside) > div[style*="margin-top:2rem"] a { background:linear-gradient(135deg,var(--service-brand),var(--service-indigo)) !important; padding:11px 16px !important; border-radius:11px !important; box-shadow:0 10px 22px rgba(158,31,99,.16); }
.service-v9-page .hizmet-nav-arrows { padding-top:22px !important; border-top:1px solid #eeeef3; }
.service-v9-page .hizmet-nav-arrows a { color:#5a6074 !important; font-size:13px !important; font-weight:800; }
.service-v9-page .hizmet-nav-arrows a:hover { color:var(--service-brand) !important; }

@media (max-width: 940px) {
  .service-v9-page .hizmet-header { min-height:350px; width:min(100% - 28px,1180px) !important; margin-top:18px !important; border-radius:26px !important; }
  .service-v9-page .hizmet-detail { width:min(100% - 28px,1180px) !important; grid-template-columns:1fr !important; }
  .service-v9-page .hizmet-detail aside { position:static !important; order:2; display:grid !important; grid-template-columns:1fr 1fr !important; }
  .service-v9-page .hizmet-detail aside .sidebar-card:first-child { grid-column:1/-1; }
  .service-v9-page .service-list { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .service-v9-page .hizmet-header { min-height:0; padding:38px 24px 34px !important; border-radius:22px !important; }
  .service-v9-page .hizmet-header h1 { font-size:clamp(35px,11vw,48px) !important; }
  .service-v9-lead { font-size:14px; line-height:1.65; }
  .service-v9-hero-actions { display:grid; grid-template-columns:1fr; width:100%; }
  .service-v9-page .hizmet-detail > div:not(aside) { padding:18px !important; border-radius:21px !important; }
  .service-v9-page .hizmet-detail > div:not(aside) > div:first-child { height:250px; margin:-18px -18px 22px !important; border-radius:21px 21px 0 0 !important; }
  .service-v9-facts { grid-template-columns:1fr; }
  .service-v9-page .hizmet-detail aside { grid-template-columns:1fr !important; }
  .service-v9-page .service-list { grid-template-columns:1fr !important; }
  .service-v9-page article { font-size:14.5px !important; }
  .service-v9-page article h2 { margin-top:34px !important; font-size:25px !important; }
}

/* === V10 readability + local SEO === */
.service-v9-eyebrow { font-size:12.5px !important; }
.service-v9-lead { color:#e0e2ec !important; font-size:17px !important; }
.service-v9-page .hizmet-header .breadcrumb { font-size:13px !important; }
.service-v9-page .hizmet-header .breadcrumb a,
.service-v9-page .hizmet-header .breadcrumb span,
.service-v9-page .hizmet-header .breadcrumb span a { color:#e2e4ee !important; }
.service-v9-page .sidebar-card h4 { font-size:14.5px !important; }
.service-v9-page .service-link { font-size:13.5px !important; line-height:1.4 !important; }
.service-v9-toc a { font-size:13px !important; line-height:1.45 !important; }
.service-v9-trust-card p { color:#d5d7e4 !important; font-size:13.5px !important; }
.service-v9-trust-links a { font-size:13px !important; }
.service-v9-fact strong { font-size:13.5px !important; }
.service-v9-fact span { color:#717689 !important; font-size:12.5px !important; line-height:1.45 !important; }
.service-v9-page .hizmet-detail > div:not(aside) > p:first-of-type { color:#74798c !important; font-size:13px !important; }
.service-v9-page article { color:#4d5368 !important; font-size:17px !important; line-height:1.82 !important; }
.service-v9-page article li { font-size:16px !important; line-height:1.65 !important; }
.service-local-seo-intro {
  margin:0 0 28px !important;
  padding:18px 20px !important;
  border:1px solid #eadde5 !important;
  border-left:4px solid var(--service-brand) !important;
  border-radius:14px !important;
  color:#4d5368 !important;
  background:linear-gradient(135deg,#fffafd,#f8f7ff) !important;
  font-size:16.5px !important;
  line-height:1.75 !important;
}
@media (max-width:620px){
  .service-v9-lead { font-size:16px !important; }
  .service-v9-page article { font-size:16px !important; }
  .service-v9-page article li { font-size:15.5px !important; }
  .service-local-seo-intro { padding:16px !important; font-size:15.5px !important; }
}