/* ============================================================
   PMCK — International Patients
   The journey as a numbered vertical sequence, with a
   connecting rule down the left so the order reads at a
   glance rather than having to be counted.
   ============================================================ */

.pmck-ip{background:var(--brand-soft);}

/* ---------- hero ---------- */

.pmck-ip__hero{position:relative;background:var(--brand-dark);color:#fff;overflow:hidden;}
.pmck-ip__hero.has-image::before{
  content:"";position:absolute;inset:0;
  background-image:var(--hero-img);background-size:cover;background-position:center right;
}
.pmck-ip__hero.has-image::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,36,0,.92) 0%,rgba(0,36,0,.72) 38%,rgba(0,36,0,0) 72%);
}
.pmck-ip__hero .pmck-wrap{position:relative;z-index:1;}
.pmck-ip__heroinner{max-width:560px;padding:88px 0 96px;}
.pmck-ip__heroinner h1{font-size:52px;line-height:1.12;margin:0 0 16px;color:#fff;}
.pmck-ip__heroinner p{margin:0;max-width:46ch;font-size:19px;line-height:1.7;color:rgba(255,255,255,.92);}

/* ---------- body ---------- */

.pmck-ip__body{padding:34px 0 78px;}

.pmck-ip__crumb{
  display:flex;gap:10px;align-items:center;flex-wrap:wrap;
  font-size:18px;color:var(--muted);margin-bottom:26px;
}
.pmck-ip__crumb a{color:var(--brand);text-decoration:none;font-weight:600;}
.pmck-ip__crumb a:hover{text-decoration:underline;}
.pmck-ip__crumb span[aria-current]{color:var(--brand);}

.pmck-ip__intro{margin:0 0 48px;max-width:76ch;font-size:21px;line-height:1.65;color:var(--brand-ink);}
.pmck-ip__h{font-size:29px;line-height:1.2;margin:0 0 26px;}
.pmck-ip__sec{margin-bottom:56px;}
.pmck-ip__sec:last-of-type{margin-bottom:0;}

/* ---------- the journey ----------
   A vertical sequence rather than a grid of cards: the stages happen in
   order, and a grid would let the eye jump about. The rule down the left
   carries that order without anyone having to read the numbers. */

.pmck-ip__stages{
  list-style:none;margin:0;padding:0;counter-reset:stage;
  display:grid;gap:22px;
}
.pmck-ip__stages > li{
  counter-increment:stage;position:relative;
  padding-left:78px;
}
.pmck-ip__stages > li::before{
  content:counter(stage);
  position:absolute;left:0;top:0;z-index:1;
  width:50px;height:50px;border-radius:50%;
  background:var(--brand);color:#fff;
  display:grid;place-items:center;
  font-size:22px;font-weight:700;
}
/* The connecting rule stops at the last stage rather than running into
   nothing below it. */
.pmck-ip__stages > li::after{
  content:"";position:absolute;left:24px;top:56px;bottom:-22px;
  width:2px;background:var(--line);
}
.pmck-ip__stages > li:last-child::after{display:none;}

.pmck-ip__stagebody{
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px 30px;
}
.pmck-ip__stagebody h3{font-size:23px;line-height:1.25;margin:0 0 10px;}
.pmck-ip__stagebody > p{margin:0 0 16px;font-size:18px;line-height:1.65;color:var(--body);max-width:76ch;}
.pmck-ip__stagebody > p:last-child{margin-bottom:0;}
.pmck-ip__stagebody ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.pmck-ip__stagebody ul li{display:flex;gap:12px;font-size:18px;line-height:1.6;color:var(--body);}
.pmck-ip__stagebody ul li .pmck-i{flex:0 0 22px;width:22px;height:22px;color:var(--accent);margin-top:3px;}
.pmck-ip__stagenote{
  margin:18px 0 0;padding:14px 16px;background:var(--brand-soft);border-radius:8px;
  font-size:18px;line-height:1.6;color:var(--brand-ink);
}

/* ---------- who to write to ----------
   Given its own block because an overseas patient needs one address to send
   reports to, and hunting for it through the general contact page is exactly
   the friction this page exists to remove. */

.pmck-ip__contactbox{
  background:var(--brand);color:#fff;border-radius:14px;
  padding:36px 40px;margin-bottom:56px;
}
.pmck-ip__contactbox h2{font-size:27px;line-height:1.25;margin:0 0 12px;color:#fff;}
.pmck-ip__contactbox > p{margin:0 0 24px;max-width:70ch;font-size:19px;line-height:1.65;color:rgba(255,255,255,.9);}

.pmck-ip__contacts{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:20px 32px;}
.pmck-ip__contacts dt{
  font-size:18px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--accent);margin-bottom:6px;
}
.pmck-ip__contacts dd{margin:0;font-size:19px;line-height:1.55;color:#fff;overflow-wrap:anywhere;}
.pmck-ip__contacts a{color:#fff;}

/* ---------- closing ---------- */

.pmck-ip__close{
  background:#fff;border-left:4px solid var(--accent);border-radius:0 12px 12px 0;
  padding:28px 32px;margin-bottom:56px;max-width:80ch;
}
.pmck-ip__close h2{font-size:23px;line-height:1.25;margin:0 0 10px;}
.pmck-ip__close p{margin:0;font-size:18px;line-height:1.65;color:var(--body);}

/* ---------- related pages ---------- */

.pmck-ip__links{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.pmck-ip__link{
  display:block;text-decoration:none;
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px 32px;
}
.pmck-ip__link:hover{border-color:var(--brand);}
.pmck-ip__link h3{font-size:25px;line-height:1.25;margin:0 0 10px;color:var(--brand-ink);}
.pmck-ip__link p{margin:0 0 20px;font-size:18px;line-height:1.6;color:var(--body);}
.pmck-ip__go{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--brand);}
.pmck-ip__go .pmck-i{width:18px;height:18px;}

/* ---------- responsive ---------- */

@media (max-width:980px){
  .pmck-ip__heroinner{max-width:none;padding:64px 0 72px;}
  .pmck-ip__heroinner h1{font-size:38px;}
  .pmck-ip__hero.has-image::after{
    background:linear-gradient(90deg,rgba(0,36,0,.94) 0%,rgba(0,36,0,.72) 100%);
  }
  .pmck-ip__body{padding:28px 0 56px;}
  .pmck-ip__intro{font-size:19px;}
  .pmck-ip__contacts,.pmck-ip__links{grid-template-columns:1fr;}
  .pmck-ip__contactbox{padding:28px 26px;}
}
@media (max-width:620px){
  .pmck-ip__h{font-size:24px;}
  /* The number sits above the card rather than beside it — a 78px indent on a
     360px screen leaves the copy too narrow to read. */
  .pmck-ip__stages > li{padding-left:0;padding-top:64px;}
  .pmck-ip__stages > li::before{width:44px;height:44px;font-size:20px;}
  .pmck-ip__stages > li::after{display:none;}
  .pmck-ip__stagebody{padding:22px 20px;}
  .pmck-ip__link{padding:24px 22px;}
}

/* ---------- clinic switcher ----------
   Two clinics under one brand, two different documents. Without this the page
   shows one of them and the visitor has no way of knowing the other exists.
   Links, not a dropdown: each choice is its own URL, which keeps it cacheable
   and lets someone share the Semenyih one directly. */
.pmck-cswitch{
  display:flex;flex-wrap:wrap;align-items:center;gap:12px;
  margin:0 0 28px;padding:14px 18px;
  background:var(--brand-soft);border-radius:12px;
}
.pmck-cswitch__l{font-size:18px;color:var(--muted);}
.pmck-cswitch__r{display:flex;flex-wrap:wrap;gap:8px;}
.pmck-cswitch__b{
  display:inline-block;padding:9px 16px;border-radius:999px;
  background:#fff;border:1px solid var(--line);
  font-size:18px;line-height:1.3;color:var(--brand-ink);text-decoration:none;
}
.pmck-cswitch__b:hover,
.pmck-cswitch__b:focus-visible{border-color:var(--brand);}
.pmck-cswitch__b.is-on{
  background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600;
}

@media (max-width:560px){
  .pmck-cswitch{flex-direction:column;align-items:flex-start;gap:10px;}
}