/* Kıbrıs Psikoloji v19 — immersive therapy journey. */
.kp-process-v19 {
  position:relative; isolation:isolate; overflow:hidden; margin-block:0!important;
  background:
    radial-gradient(circle at 8% 12%,rgba(151,170,162,.18),transparent 26rem),
    radial-gradient(circle at 92% 88%,rgba(154,98,80,.14),transparent 28rem),
    linear-gradient(145deg,#082e2b 0%,#123f3a 58%,#0b332f 100%)!important;
}
.kp-process-v19::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:64px 64px; }
.kp-process-v19::after { content:""; position:absolute; z-index:-1; right:-12rem; top:-12rem; width:34rem; height:34rem; border:1px solid rgba(255,255,255,.07); border-radius:50%; box-shadow:0 0 0 5rem rgba(255,255,255,.018),0 0 0 10rem rgba(255,255,255,.012); }
.kp-process-v19 > * { position:relative; z-index:1; }
.kp-process-v19__layout { align-items:flex-start!important; }
.kp-process-v19__intro { position:sticky; top:120px; }
.kp-process-v19__eyebrow,.kp-process-v19__phase { color:#a8c5b9!important; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.kp-process-v19__intro h2 { max-width:11ch; margin:.45rem 0 1.2rem; color:#fffdf9; font-size:clamp(2.45rem,4.25vw,4.1rem)!important; line-height:1.02!important; }
.kp-process-v19__lead { max-width:560px; color:rgba(255,253,249,.72); line-height:1.7; }
.kp-process-v19__note { margin:2rem 0!important; padding:1.15rem 1.25rem; border:1px solid rgba(255,255,255,.12); border-radius:18px; background:rgba(255,255,255,.055); backdrop-filter:blur(10px); }
.kp-process-v19__note p { margin:0; color:rgba(255,253,249,.72); line-height:1.6; }
.kp-process-v19__note strong { color:#fffdf9; }
.kp-process-v19 .wp-block-button.is-style-outline .wp-block-button__link { border-color:rgba(255,255,255,.42)!important; color:#fff!important; background:transparent!important; }
.kp-process-v19 .wp-block-button.is-style-outline .wp-block-button__link:hover { border-color:#fff!important; background:#fff!important; color:#123f3a!important; }

.kp-process-v19__journey { position:relative; display:grid; gap:1rem; max-width:none!important; }
.kp-process-v19__journey::before { content:""; position:absolute; z-index:0; left:41px; top:68px; bottom:68px; width:2px; background:linear-gradient(180deg,#b5cfc3,rgba(181,207,195,.18)); }
.kp-process-v19__step {
  position:relative; z-index:1; display:grid!important; grid-template-columns:82px minmax(0,1fr)!important; gap:1.25rem!important;
  min-width:0; padding:1.4rem 1.5rem 1.4rem .75rem; border:1px solid rgba(255,255,255,.11); border-radius:22px;
  background:linear-gradient(110deg,rgba(255,255,255,.10),rgba(255,255,255,.045)); box-shadow:0 18px 50px rgba(0,0,0,.09); backdrop-filter:blur(9px);
  transition:transform .28s cubic-bezier(.2,.7,.2,1),border-color .28s ease,background .28s ease;
}
.kp-process-v19__step:hover { transform:translateX(8px); border-color:rgba(181,207,195,.38); background:linear-gradient(110deg,rgba(255,255,255,.14),rgba(255,255,255,.065)); }
.kp-process-v19__marker { position:relative; display:grid; place-items:center; align-self:center; width:68px; height:68px; border:1px solid rgba(255,255,255,.16); border-radius:50%; background:#f2eee5; color:#164a46; box-shadow:0 0 0 8px #123d39,0 12px 30px rgba(0,0,0,.18); }
.kp-process-v19__marker span { position:absolute; left:-.1rem; top:-.35rem; display:grid; place-items:center; width:27px; height:27px; border-radius:50%; background:#a86955; color:#fff; font:700 .64rem/1 var(--wp--preset--font-family--sans); }
.kp-process-v19__marker svg { width:29px; height:29px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.kp-process-v19__step > .wp-block-group { min-width:0; }
.kp-process-v19__phase { margin:0 0 .35rem!important; font-size:.67rem!important; }
.kp-process-v19__step h3 { max-width:22ch; margin:0 0 .55rem; color:#fffdf9; font-size:clamp(1.35rem,2.1vw,1.85rem)!important; line-height:1.1; }
.kp-process-v19__step p:last-child { max-width:600px; margin:.3rem 0 0; color:rgba(255,253,249,.66); line-height:1.6; }

@media (max-width:900px) {
  .kp-process-v19__layout { display:grid!important; grid-template-columns:1fr!important; }
  .kp-process-v19__layout > .wp-block-column { width:auto!important; flex-basis:auto!important; }
  .kp-process-v19__intro { position:static; margin-bottom:1.5rem; }
  .kp-process-v19__intro h2 { max-width:14ch; }
}
@media (max-width:600px) {
  .kp-process-v19 { padding-inline:1rem!important; }
  .kp-process-v19::after { display:none; }
  .kp-process-v19__journey::before { left:29px; top:58px; bottom:58px; }
  .kp-process-v19__step { grid-template-columns:58px minmax(0,1fr)!important; gap:.8rem!important; padding:1.15rem .9rem 1.15rem .25rem; border-radius:18px; }
  .kp-process-v19__step:hover { transform:none; }
  .kp-process-v19__marker { width:56px; height:56px; box-shadow:0 0 0 6px #123d39,0 10px 24px rgba(0,0,0,.15); }
  .kp-process-v19__marker svg { width:24px; height:24px; }
  .kp-process-v19__step h3 { font-size:1.28rem!important; }
}
@media (prefers-reduced-motion:reduce) { .kp-process-v19__step { transition:none; } .kp-process-v19__step:hover { transform:none; } }