/* ============================================================
   Alt Hizmet (child service) design layer — "dosya" aesthetic.
   Grounded in kao tokens; used ONLY on hizmet children.
   ============================================================ */

/* --- Künye docket bar (under hero) --- */
.svc-docket { border-bottom: 1px solid var(--hairline); background: var(--paper); }
/* The badge is the last child, so `.svc-docket__item:last-child` never matched
   and the final item kept a trailing rule. Borders go on the LEFT of every item
   after the first instead — that can only ever appear between two items. */
.svc-docket__in { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 0 clamp(24px, 3vw, 44px); padding-block: 4px; }
/* nowrap, plus min-width:0, keeps the badge on the docket line. With wrap it
   dropped to a second row and margin-left:auto parked it alone at the far
   right, reading as a stray tag rather than a label for the bar. */
.svc-docket__item { display: flex; flex-direction: column; justify-content: center; gap: 5px; min-width: 0; padding: 16px 0; }
.svc-docket__item + .svc-docket__item { padding-left: clamp(24px, 3vw, 44px); border-left: 1px solid var(--hairline-soft); }
.svc-docket__k { font-family: var(--font-mono); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--stone-500); }
.svc-docket__v { font-family: var(--font-serif); font-size: 1.04rem; color: var(--ink-900); line-height: 1.3; }
.svc-docket__v a { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; transition: color .2s var(--ease), border-color .2s var(--ease); }
.svc-docket__v a:hover { color: var(--crimson-700); border-bottom-color: var(--crimson-tint-2); }
.svc-docket__v .sep { color: var(--stone-500); margin: 0 6px; }
.svc-docket__badge { align-self: center; margin-left: auto; flex: none; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--crimson-700); border: 1px solid var(--crimson-tint-2); border-radius: 100px; padding: 6px 14px; white-space: nowrap; }
@media (max-width: 760px) {
	.svc-docket__in { flex-direction: column; flex-wrap: wrap; gap: 0; }
	.svc-docket__item { border-bottom: 1px solid var(--hairline-soft); padding: 12px 0; }
	.svc-docket__item + .svc-docket__item { padding-left: 0; border-left: 0; }
	.svc-docket__badge { margin: 14px 0 4px; align-self: flex-start; }
}

/* --- §-numbered clause headers (body sections) --- */
.svc-clausehead { position: relative; padding-left: clamp(18px, 2vw, 26px); border-left: 2px solid var(--crimson-600); margin-bottom: var(--sp-5); max-width: 900px; }
.svc-clausehead .s-head__no { display: block; font-family: var(--font-mono); font-size: 12px; letter-spacing: .12em; color: var(--crimson-600); margin-bottom: 10px; }
.svc-clausehead h2 { font-family: var(--font-serif); font-weight: 500; font-size: clamp(1.35rem, 1.1rem + 1.2vw, 1.9rem); line-height: 1.16; letter-spacing: -.01em; margin: 0; color: var(--ink-900); }
.svc-clausehead .s-head__lead { font-size: var(--fs-body); color: var(--graphite-700); line-height: 1.6; margin: 12px 0 0; max-width: 62ch; }

/* --- Lettered compact cards (echoes the subsvc a/b/c motif) --- */
.subfeat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
@media (max-width: 980px) { .subfeat-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .subfeat-grid { grid-template-columns: 1fr; } }
.subfeat { position: relative; display: flex; flex-direction: column; gap: 9px; padding: 22px 22px 20px; background: var(--ivory); border: 1px solid var(--hairline); border-radius: var(--r-md); transition: border-color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease); }
.subfeat:hover { border-color: var(--crimson-tint-2); transform: translateY(-2px); box-shadow: var(--shadow-md); }
.subfeat__ltr { font-family: var(--font-mono); font-size: 12px; color: var(--crimson-600); letter-spacing: .04em; }
.subfeat h4 { font-family: var(--font-serif); font-weight: 500; font-size: 1.07rem; line-height: 1.25; margin: 0; color: var(--ink-900); }
.subfeat p { font-size: var(--fs-caption); line-height: 1.55; color: var(--graphite-700); margin: 0; }
.subfeat p a { color: var(--crimson-700); }
.subfeat::after { content: ""; position: absolute; top: 14px; right: 16px; width: 22px; height: 1px; background: var(--hairline); transition: background .2s var(--ease), width .2s var(--ease); }
.subfeat:hover::after { background: var(--crimson-600); width: 30px; }

/* --- Closing band (why-block): brand cream, same family as band-soft --- */
.svc-why { background: var(--paper-alt); border-block: 1px solid var(--hairline-soft); }
.svc-why .k-eyebrow { color: var(--crimson-700); }
.svc-why .k-img { background: var(--paper); }

/* --- prose polish inside clause sections --- */
.svc-prose p.note + p.note { margin-top: 14px; }
.svc-prose { max-width: 76ch; }

/* --- Connections hub (hizmet singles: dosya bağlantıları) --- */
.svc-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: clamp(20px, 3vw, 36px); }
.svc-links__group { display: flex; flex-direction: column; gap: 2px; padding-left: 18px; border-left: 1px solid var(--hairline); }
.svc-links__k { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--crimson-700); margin-bottom: 10px; }
.svc-links__item { display: flex; align-items: baseline; gap: 10px; padding: 7px 0; font-family: var(--font-serif); font-size: 1.02rem; line-height: 1.3; color: var(--ink-900); text-decoration: none; border-bottom: 1px solid var(--hairline-soft); transition: color .18s var(--ease), transform .18s var(--ease); }
.svc-links__item:last-child { border-bottom: 0; }
.svc-links__item .k-chevron { flex: none; transform: translateY(-1px); }
.svc-links__item:hover { color: var(--crimson-700); transform: translateX(3px); }
@media (max-width: 640px) { .svc-links { grid-template-columns: 1fr; } }