/* Dizanor özel içerik sayfaları: Blog, Rehber, Atölye ve Bayilik. */
body.content-page { background:#fff; }
.content-page .cat-nav-in { scrollbar-width:none; }
.content-page .cat-nav-in::-webkit-scrollbar { display:none; }
.content-page main { overflow:hidden; }
.content-shell { width:min(1360px,100%); margin:auto; padding:0 32px; }
.content-hero { display:grid; grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr); min-height:510px; background:#fff; border-bottom:1px solid var(--line); }
.content-hero-copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:68px clamp(38px,5vw,88px); }
.content-hero h1 { max-width:670px; font-size:clamp(48px,5vw,76px); line-height:.98; letter-spacing:-3.2px; }
.content-hero p { max-width:590px; margin-top:24px; color:#425b7d; font-size:19px; line-height:1.65; }
.content-hero .btn { margin-top:32px; height:56px; padding:0 28px; color:#fff; }
.content-hero-media { min-height:510px; overflow:hidden; background:#edf3f8; }
.content-hero-media img { width:100%; height:100%; object-fit:cover; }
.content-main { padding-top:72px; padding-bottom:96px; }
.content-title { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:28px; }
.content-title h2 { max-width:760px; font-size:clamp(30px,3.1vw,46px); line-height:1.08; letter-spacing:-1.5px; }
.content-title p { max-width:550px; color:var(--muted); font-size:16px; line-height:1.65; }
.content-kicker { display:block; margin-bottom:12px; color:var(--blue); font-size:11px; font-weight:800; letter-spacing:1.55px; }
.content-link { display:inline-flex; align-items:center; gap:8px; color:var(--blue); font-weight:800; text-decoration:none; }
.content-link:hover { text-decoration:underline; }
.content-band { margin-top:72px; padding:66px 0; background:#eef5fd; }
.content-dark { background:var(--navy); color:#fff; }
.content-dark p { color:#c9d7e9; }
.content-dark .content-kicker { color:#9dc7ff; }

/* Blog */
.blog-feature { display:grid; grid-template-columns:minmax(220px,.34fr) minmax(0,1fr); border:1px solid var(--line); border-radius:22px; overflow:hidden; }
.blog-topics { padding:32px; border-right:1px solid var(--line); background:#fbfdff; }
.blog-topics h2 { font-size:20px; }
.topic-nav { display:grid; gap:8px; margin-top:22px; }
.topic-nav a { padding:13px 14px; border-radius:10px; color:#335171; font-weight:700; text-decoration:none; }
.topic-nav a:first-child,.topic-nav a:hover { background:#edf5ff; color:var(--blue); }
.blog-article { display:grid; grid-template-columns:minmax(360px,1.05fr) minmax(280px,.95fr); min-width:0; }
.blog-article figure { margin:0; min-height:410px; overflow:hidden; }
.blog-article img { width:100%; height:100%; object-fit:cover; }
.blog-article-copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:44px; }
.blog-article-copy time { color:var(--muted); font-size:12px; font-weight:700; }
.blog-article-copy h2 { margin-top:12px; font-size:clamp(26px,2.5vw,39px); line-height:1.13; letter-spacing:-1px; }
.blog-article-copy p { margin-top:18px; color:var(--muted); font-size:15.5px; line-height:1.7; }
.blog-article-copy .content-link { margin-top:24px; }
.editorial-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px; }
.editorial-item { padding-top:20px; border-top:2px solid var(--navy); }
.editorial-item strong { display:block; font-size:20px; }
.editorial-item p { margin-top:10px; color:var(--muted); line-height:1.7; }

/* Makale */
.article-wrap { width:min(880px,calc(100% - 40px)); margin:auto; padding:42px 0 100px; }
.article-crumbs { color:var(--muted); font-size:13px; }
.article-crumbs a { color:var(--blue); text-decoration:none; }
.article-header { margin-top:46px; }
.article-header h1 { margin-top:12px; font-size:clamp(42px,5.2vw,70px); line-height:1.02; letter-spacing:-2.8px; }
.article-lead { margin-top:24px; color:#425b7d; font-size:20px; line-height:1.65; }
.article-meta { margin-top:18px; color:var(--muted); font-size:13px; }
.article-cover { margin:44px 0 0; }
.article-cover img { width:100%; aspect-ratio:1.75; object-fit:cover; border-radius:20px; }
.article-cover figcaption { margin-top:9px; color:var(--muted); font-size:12px; }
.article-body { width:min(720px,100%); margin:52px auto 0; color:#304966; font-size:16.5px; line-height:1.85; }
.article-body > p + p { margin-top:20px; }
.article-body h2 { margin:54px 0 15px; color:var(--navy); font-size:30px; line-height:1.18; letter-spacing:-.8px; }
.article-note { margin:32px 0; padding:24px 26px; border-left:4px solid var(--orange); background:#eef6ff; }
.article-note ul,.article-body ul { margin:15px 0 0; padding-left:22px; }
.article-body li + li { margin-top:8px; }
.article-sources { margin-top:54px; padding-top:30px; border-top:1px solid var(--line); }
.article-sources a { color:var(--blue); }

/* Rehber */
.guide-topics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--line); border-radius:18px; overflow:hidden; }
.guide-topic { min-height:170px; padding:28px; border-left:1px solid var(--line); text-decoration:none; }
.guide-topic:first-child { border-left:0; }
.guide-topic svg { width:31px; height:31px; color:var(--blue); }
.guide-topic strong { display:block; margin-top:22px; font-size:20px; }
.guide-topic span { display:block; margin-top:7px; color:var(--muted); line-height:1.5; }
.guide-topic:hover { background:#f7fbff; }
.guide-path { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin-top:28px; border-top:1px solid rgba(255,255,255,.18); }
.guide-step { position:relative; display:flex; gap:18px; padding:32px 36px 0 0; }
.guide-step:not(:last-child)::after { content:'→'; position:absolute; top:42px; right:30px; color:#8db9ef; font-size:25px; }
.guide-step b { flex:none; display:grid; place-items:center; width:50px; height:50px; border-radius:50%; background:#fff; color:var(--blue); font-size:20px; }
.guide-step strong { display:block; font-size:17px; }
.guide-step p { margin-top:6px; font-size:13.5px; line-height:1.6; }
.guide-feature { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:22px; overflow:hidden; }
.guide-feature img { width:100%; height:100%; min-height:390px; object-fit:cover; }
.guide-feature-copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:48px; }
.guide-feature-copy h2 { font-size:clamp(28px,3vw,43px); line-height:1.1; letter-spacing:-1.4px; }
.guide-feature-copy p { margin-top:18px; color:var(--muted); line-height:1.75; }
.guide-feature-copy .btn { margin-top:28px; color:#fff; }
.guide-help { display:flex; justify-content:space-between; align-items:center; gap:28px; margin-top:30px; padding:30px 36px; border-radius:18px; background:#eef6ff; }
.guide-help strong { display:block; font-size:20px; }
.guide-help p { margin-top:5px; color:var(--muted); }
.guide-help .btn { flex:none; color:#fff; }

/* Atölye */
.process-row { display:grid; grid-template-columns:.9fr repeat(3,1fr); gap:42px; align-items:start; }
.process-intro h2 { font-size:clamp(31px,3.2vw,46px); line-height:1.08; letter-spacing:-1.5px; }
.process-intro p { margin-top:15px; color:var(--muted); line-height:1.7; }
.process-item { position:relative; padding-top:6px; }
.process-item:not(:last-child)::after { content:''; position:absolute; top:24px; left:62px; right:-24px; height:1px; background:#cbdcf0; }
.process-number { position:relative; z-index:1; display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:#e9f3ff; color:var(--blue); font-size:18px; font-weight:800; }
.process-item h3 { margin-top:20px; font-size:18px; }
.process-item p { margin-top:8px; color:var(--muted); line-height:1.65; }
.material-layout { display:grid; grid-template-columns:1.15fr .85fr; gap:64px; align-items:center; }
.material-media { min-height:470px; border-radius:22px; overflow:hidden; }
.material-media img { width:100%; height:100%; object-fit:cover; }
.material-copy h2 { max-width:520px; font-size:clamp(34px,4vw,55px); line-height:1.04; letter-spacing:-2px; }
.material-copy p { margin-top:22px; color:var(--muted); font-size:16px; line-height:1.8; }
.material-points { display:grid; gap:14px; margin:27px 0 0; padding:0; list-style:none; }
.material-points li { padding-left:22px; position:relative; color:#38516f; }
.material-points li::before { content:''; position:absolute; left:0; top:8px; width:8px; height:8px; border-radius:50%; background:var(--orange); }
.project-cta { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-top:72px; padding:38px 46px; border-radius:20px; background:var(--navy); color:#fff; }
.project-cta h2 { font-size:clamp(27px,3vw,39px); }
.project-cta p { margin-top:8px; color:#c9d7e9; }
.project-cta .btn { flex:none; color:#fff; }

/* Bayilik */
.partnership-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--line); border-radius:18px; overflow:hidden; }
.partnership-choice { padding:32px; border-left:1px solid var(--line); background:#fff; }
.partnership-choice:first-child { border-left:0; }
.partnership-choice svg { width:34px; height:34px; color:var(--blue); }
.partnership-choice h3 { margin-top:22px; font-size:22px; }
.partnership-choice p { margin-top:10px; color:var(--muted); line-height:1.7; }
.partner-process { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; margin-top:30px; }
.partner-process div { padding-top:20px; border-top:2px solid #bfd5ef; }
.partner-process span { color:var(--blue); font-weight:800; }
.partner-process strong { display:block; margin-top:10px; font-size:16px; }
.partner-process p { margin-top:7px; color:var(--muted); font-size:13.5px; line-height:1.6; }
.partner-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr); gap:24px; }
.partner-form,.partner-contact { padding:38px; border:1px solid var(--line); border-radius:20px; background:#fff; }
.partner-form h2,.partner-contact h2 { font-size:25px; }
.partner-form > p,.partner-contact > p { margin-top:8px; color:var(--muted); line-height:1.65; }
.partner-fields { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:26px; }
.partner-field { display:flex; flex-direction:column; gap:8px; }
.partner-field.full { grid-column:1/-1; }
.partner-field label { font-weight:700; font-size:13.5px; }
.partner-field input,.partner-field select,.partner-field textarea { width:100%; border:1px solid var(--line-2); border-radius:10px; background:#fff; padding:13px 14px; outline:none; }
.partner-field input,.partner-field select { height:50px; }
.partner-field textarea { resize:vertical; min-height:125px; }
.partner-field :focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(8,103,223,.1); }
.partner-form .btn { margin-top:20px; color:#fff; }
.form-note { margin-top:13px; color:var(--muted); font-size:12.5px; line-height:1.6; }
.partner-result { margin-top:14px; }
.contact-list { display:grid; gap:12px; margin-top:26px; }
.contact-list a { display:flex; align-items:center; gap:13px; min-height:58px; padding:12px 14px; border:1px solid var(--line); border-radius:12px; text-decoration:none; font-weight:700; }
.contact-list a:hover { border-color:#9fc0e8; background:#f7fbff; }
.contact-list svg { width:24px; height:24px; color:var(--blue); }
.partner-contact img { width:100%; aspect-ratio:1.55; margin-top:28px; object-fit:cover; border-radius:14px; }

@media (max-width:1050px) {
  .content-hero { grid-template-columns:1fr 1fr; min-height:440px; }
  .content-hero-copy { padding:52px 34px; }
  .content-hero h1 { font-size:50px; letter-spacing:-2px; }
  .blog-feature { grid-template-columns:1fr; }
  .blog-topics { border-right:0; border-bottom:1px solid var(--line); }
  .topic-nav { grid-template-columns:repeat(3,1fr); }
  .process-row { grid-template-columns:1fr 1fr 1fr; }
  .process-intro { grid-column:1/-1; }
  .partner-grid { grid-template-columns:1fr; }
}
@media (max-width:760px) {
  .content-page .cat-nav-in { flex-wrap:nowrap; overflow-x:auto; overscroll-behavior-inline:contain; }
  .content-page .cat-nav a { flex:none; }
  .content-shell { padding:0 18px; }
  .content-hero { grid-template-columns:1fr; }
  .content-hero-copy { padding:46px 20px; order:2; }
  .content-hero-media { min-height:300px; order:1; }
  .content-hero h1 { font-size:42px; letter-spacing:-1.7px; }
  .content-hero p { margin-top:17px; font-size:16px; }
  .content-hero .btn { margin-top:24px; }
  .content-main { padding-top:52px; padding-bottom:72px; }
  .content-title { align-items:flex-start; flex-direction:column; }
  .blog-article,.guide-feature,.material-layout { grid-template-columns:1fr; }
  .blog-article figure,.guide-feature img { min-height:250px; }
  .blog-article-copy,.guide-feature-copy { padding:28px 22px; }
  .article-wrap { padding-top:28px; }
  .article-header { margin-top:32px; }
  .article-header h1 { font-size:40px; letter-spacing:-1.5px; }
  .article-lead { font-size:17px; }
  .article-cover { margin-top:30px; }
  .article-cover img { aspect-ratio:1.2; }
  .article-body { margin-top:38px; }
  .topic-nav,.editorial-grid,.guide-topics,.guide-path,.process-row,.partnership-choices,.partner-process { grid-template-columns:1fr; }
  .guide-topic,.partnership-choice { min-height:auto; border-left:0; border-top:1px solid var(--line); }
  .guide-topic:first-child,.partnership-choice:first-child { border-top:0; }
  .guide-step { padding:24px 0; border-top:1px solid rgba(255,255,255,.15); }
  .guide-step:first-child { border-top:0; }
  .guide-step:not(:last-child)::after,.process-item:not(:last-child)::after { display:none; }
  .guide-help,.project-cta { align-items:flex-start; flex-direction:column; padding:28px 24px; }
  .content-band { margin-top:52px; padding:50px 0; }
  .process-item { padding:6px 0 20px; }
  .material-layout { gap:30px; }
  .material-media { min-height:300px; }
  .partner-fields { grid-template-columns:1fr; }
  .partner-form,.partner-contact { padding:26px 20px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }