/* ===========================================================================
 * PROMOKING K10.1 — inquiry journey (iletisim.html + tesekkurler.html)
 * Needs site.css first. Logical properties only → /ar/ works unchanged.
 * ======================================================================== */

/* hero: journey indicator ------------------------------------------------ */
.ct-ph{padding-bottom:clamp(96px,10vw,150px)}
.ct-ph h1{max-width:14ch}
.ct-journey{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px;counter-reset:j}
.ct-journey li{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 16px 0 8px;border-radius:999px;border:1px solid var(--line-d2);color:var(--titanium);font-size:14px;font-weight:500}
.ct-journey li b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(245,244,240,.08);color:var(--titanium);font-size:10px;letter-spacing:0}
.ct-journey li.is-done{color:var(--warm)}
.ct-journey li.is-done b{background:rgba(37,211,102,.16);color:#7BE3A4}
.ct-journey li.is-now{border-color:var(--mg-hi);color:var(--warm);background:rgba(196,23,111,.12)}
.ct-journey li.is-now b{background:var(--mg);color:#fff}

/* layout ------------------------------------------------------------------ */
.ct-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:clamp(20px,3vw,40px);align-items:start}
.ct-side{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(16px,2vw,24px);position:sticky;top:calc(var(--hdr-h) + 20px)}
@media (max-width:1000px){.ct-grid{grid-template-columns:minmax(0,1fr)}.ct-side{position:static}}
.ct-panel .k-h2{margin-bottom:10px}
.ct-note{color:var(--titanium-d);font-size:15px;margin-bottom:28px;max-width:60ch}
.ct-fs{display:grid;gap:18px;margin-bottom:26px;padding-top:22px;border-top:1px solid var(--line-l)}
.ct-fs legend{float:left;width:100%;margin-bottom:4px;color:var(--mg);font-size:10.5px}
[dir=rtl] .ct-fs legend{float:right}
.ct-fs legend+*{clear:both}
.ct-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width:640px){.ct-row{grid-template-columns:minmax(0,1fr)}}
.ct-kvkk{margin:4px 0 22px}
.ct-kvkk .k-err{margin-inline-start:34px}
.ct-submit{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.ct-submit .k-btn{min-width:220px}
.ct-submit .k-btn.is-busy{opacity:.72;cursor:progress}
.ct-after{font-size:13.5px;color:var(--titanium-d)}
.ct-busy:empty{display:none}
.ct-busy{margin-top:12px;font-size:13.5px;color:var(--titanium-d)}

/* error summary */
.ct-errsum{margin-bottom:24px;padding:16px 20px;border-radius:14px;border:1px solid rgba(200,35,95,.4);background:rgba(200,35,95,.06);color:#8C0E3E}
.ct-errsum:focus{outline:2px solid var(--mg);outline-offset:2px}
.ct-errsum b{display:block;margin-bottom:6px}
.ct-errsum ul{display:grid;gap:4px;font-size:14.5px}
.ct-errsum a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* selected product ---------------------------------------------------------- */
.ct-sel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px 20px;margin-bottom:14px;padding:14px;padding-inline-end:20px;
  border-radius:var(--r);background:#fff;border:1px solid var(--line-l);box-shadow:0 24px 50px -36px rgba(16,17,20,.4)}
.ct-sel[hidden]{display:none}
.ct-sel__img{width:88px;height:88px;border-radius:12px;background:var(--warm-2);display:grid;place-items:center;overflow:hidden}
.ct-sel__img::before{content:"";width:26px;height:26px;border-radius:7px;border:1.5px solid var(--line-l2)}
.ct-sel__img.has-img::before{display:none}
.ct-sel__img img{width:100%;height:100%;object-fit:contain;background:#fff}
.ct-sel .k-mono{font-size:10px;color:var(--mg);margin-bottom:4px}
.ct-sel__name{font-family:var(--f-display);font-weight:700;font-size:clamp(17px,1.6vw,21px);letter-spacing:-.02em;line-height:1.25}
.ct-sel__name b{font-family:var(--f-mono);font-size:.72em;letter-spacing:.06em;color:var(--mg);margin-inline-end:6px;font-weight:600}
.ct-sel__meta{font-size:13.5px;color:var(--titanium-d);margin-top:4px}
.ct-sel__meta:empty{display:none}
.ct-sel__acts{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.ct-x{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line-l2);font-size:13px;color:var(--titanium-d);transition:border-color .2s,color .2s}
.ct-x:hover{border-color:var(--ink);color:var(--ink)}
@media (max-width:640px){.ct-sel{grid-template-columns:auto minmax(0,1fr)}.ct-sel__img{width:64px;height:64px}.ct-sel__acts{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}}
.ct-pref{margin:0 0 18px;padding-inline-start:14px;border-inline-start:2px solid #25D366;font-size:14px;color:var(--titanium-d)}
.ct-pref[hidden]{display:none}

/* aside cards --------------------------------------------------------------- */
.ct-card .k-idx{margin-bottom:16px}
.ct-steps{display:grid;gap:16px}
.ct-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start}
.ct-steps li>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-l2);font-size:10px;letter-spacing:0;color:var(--mg)}
.ct-steps strong{display:block;font-family:var(--f-display);font-weight:700;font-size:16px;letter-spacing:-.015em;margin-bottom:2px}
.ct-steps small{display:block;font-size:14px;line-height:1.5;color:var(--titanium-d)}
[data-theme=dark] .ct-steps li>b{border-color:var(--line-d2);color:var(--mg-hi)}
[data-theme=dark] .ct-steps small{color:var(--titanium)}
.ct-direct .k-h3{margin-bottom:14px}
.ct-list{display:grid;margin-bottom:20px}
.ct-list div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line-l);font-size:14.5px}
.ct-list dt{color:var(--titanium-d)}
.ct-list dd{margin:0;text-align:end;font-weight:500}
.ct-list a:hover{color:var(--mg)}
.ct-wa{width:100%}
.ct-small{margin-top:16px;font-size:13.5px;line-height:1.55;color:var(--titanium-d)}

/* confirmation page ------------------------------------------------------- */
.k10-thanks .ty{min-height:min(88vh,860px);display:flex;align-items:center}
.ty__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(28px,5vw,80px);align-items:center;width:100%}
@media (max-width:900px){.ty__grid{grid-template-columns:minmax(0,1fr)}}
.ty__mark{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(37,211,102,.14);color:#7BE3A4;margin-bottom:26px}
.ty__mark svg{width:30px;height:30px}
.ty.is-neutral .ty__mark{background:rgba(245,244,240,.08);color:var(--titanium)}
.ty.is-neutral .ty__mark svg{display:none}
.ty.is-neutral .ty__mark::before{content:"i";font-family:var(--f-display);font-weight:700;font-size:24px}
.ty h1{font-size:clamp(2.3rem,5.4vw,5rem);max-width:15ch}
.ty .k-h2{margin-bottom:18px}
.ty__prod{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:10px 16px;border-radius:999px;border:1px solid var(--line-d2);font-size:15px}
.ty__prod[hidden]{display:none}
.ty__prod b{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;color:var(--mg-hi)}
.ty__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.ty__cta [hidden]{display:none}
.ty .ct-steps{padding:clamp(22px,2.6vw,32px);border-radius:var(--r-lg);border:1px solid var(--line-d);background:var(--graphite)}
.ct-sec{padding-block:clamp(48px,6vw,88px) var(--sec-y)}
.ct-sec{padding-bottom:clamp(64px,8vw,120px)}
@media (max-width:640px){.ct-submit .k-btn{width:100%}.ct-journey li{font-size:13px}}

/* K13.1 — request types + per-line customisation note */
.ct-types__l{font-size:13px;font-weight:600;margin-bottom:8px}
.ct-types__l .k-hint{font-weight:400;display:inline}
.ct-types{display:flex;flex-wrap:wrap;gap:8px}
.ct-type{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(16,17,20,.16);background:#fff;cursor:pointer;font-size:13.5px}
.ct-type input{accent-color:#C4176F;width:16px;height:16px}
.ct-type:has(input:checked){border-color:#C4176F;background:rgba(196,23,111,.06)}
.ct-type:focus-within{outline:2px solid #C4176F;outline-offset:2px}
.ct-list__note2{display:flex;flex-direction:column;gap:4px;font-size:11px;grid-column:1/-1}
.ct-list__note2 input{min-height:38px;border:1px solid rgba(16,17,20,.16);border-radius:10px;padding:0 10px;font:inherit;font-size:13.5px;width:100%}