/* İYC mobil öncelikli pilot — İngiltere (iyu/UKVI şablonu), 31.10.2026, YEREL ÖNİZLEME.
   Kapsam: yalnız body.mp-uk (ingiltere-vizesi-yeminli-tercume). Ortak bileşenler (Bu sayfada çubuğu, alt eylem
   çubuğu, vitrin, yumuşak kaydırma) pilot-abd.css'te body:is(.mp-abd,.mp-uk) altında; bu dosya yalnız şablona özgü.
   ABD pilotunun onaylı mobil modeli ve masaüstü vitrin dili aynen uyarlandı. HTML/atomlar değişmez. */

/* ---------- mobil (temel) ---------- */
body.mp-uk .iyu-hero{padding:calc(var(--mp-hdr) + 28px) 0 40px}
body.mp-uk .iyu-hero .iyu-wrap{display:flex;flex-direction:column;padding-inline:var(--mp-gut)}
body.mp-uk .iyu-hero .iyu-hero-grid,body.mp-uk .iyu-hero .iyu-hero-txt{display:contents}
/* model sırası: başlık → kısa cevap → ücret/teslim özeti → belge gönder → kural özeti */
body.mp-uk .iyu-crumb{order:0;margin:0}
body.mp-uk .iyu-h1{order:1;margin:16px 0 0;font-size:clamp(1.875rem,6.8vw,2.5rem);line-height:1.12;text-wrap:balance}
body.mp-uk .iyu-byline{order:2;margin:12px 0 0;line-height:1.6}
body.mp-uk .iyu-short{order:3;margin:24px 0 0;padding:20px}
body.mp-uk .iyu-short p+p{font-size:18px;line-height:1.6}
body.mp-uk .iyu-facts{order:4;margin:20px 0 0}
body.mp-uk .iyu-cta{order:5;margin:20px 0 0}
body.mp-uk .iyu-cta .iyu-btn{width:100%;min-height:50px}
body.mp-uk .iyu-proof{order:6;margin:28px 0 0}
body.mp-uk .iyu-tr{order:7}
/* Bu sayfada: kahramandan sonra, ana akışın doğrudan çocuğu (makale dolgusu yok) */
body.mp-uk .mp-toc{margin:0;padding:0 var(--mp-gut)}
body.mp-uk .iyu-body .iyu-sec p,body.mp-uk .iyu-body .iyu-sec li{line-height:1.7}

/* ---------- masaüstü (≥64rem): verteal dili, ABD vitriniyle aynı sistem ---------- */
@media (min-width:64rem){
 body.mp-uk main{overflow-x:clip}
 body.mp-uk .mp-toc{margin:0;padding:0 max(40px,calc((100% - 1280px) / 2))}
 /* kahraman: koyu bant (Londra görseli karartılmış) yavaş, yazı katmanları orta hızda; Kısa cevap açık perde */
 body.mp-uk .iyu-hero{position:relative;padding:var(--mp-hdr) 0 0}
 body.mp-uk .iyu-hero::before{content:"";position:absolute;left:0;right:0;top:var(--mp-hdr);height:calc(var(--mp-band,100%) - var(--mp-hdr));z-index:0;transform:translateY(var(--mp-by,0px));
  background:linear-gradient(90deg,rgba(15,15,15,.97) 24%,rgba(15,15,15,.72) 64%,rgba(15,15,15,.84)),url(/assets/img/iyc-uk-london-westminster-big-ben-1120.webp) center/cover var(--dark,#0f0f0f)}
 body.mp-uk .iyu-hero .iyu-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);column-gap:64px;padding-inline:40px}
 body.mp-uk .iyu-crumb,body.mp-uk .iyu-h1,body.mp-uk .iyu-byline,body.mp-uk .iyu-cta,body.mp-uk .iyu-proof,body.mp-uk .iyu-facts,body.mp-uk .iyu-tr{position:relative;z-index:1}
 body.mp-uk .iyu-crumb{grid-column:1/-1;grid-row:1;margin:48px 0 0}
 body.mp-uk .iyu-crumb .iy-eyebrow,body.mp-uk .iyu-crumb a{color:#b9b9b4}
 body.mp-uk .iyu-crumb .iyu-lang{border-left-color:rgba(255,255,255,.2)}
 body.mp-uk .iyu-h1{grid-column:1/-1;grid-row:2;margin:28px 0 0;max-width:17ch;font-size:clamp(52px,5vw,76px);line-height:1.03;letter-spacing:-.035em;color:#f4f4f2}
 body.mp-uk .iyu-byline{grid-column:1;grid-row:3;align-self:end;margin:28px 0 0;color:#b9b9b4}
 body.mp-uk .iyu-cta{grid-column:1;grid-row:4;align-self:start;margin:24px 0 0}
 body.mp-uk .iyu-cta .iyu-btn{width:auto;background:#f4f4f2;color:var(--ink,#121212);border-color:#f4f4f2}
 body.mp-uk .iyu-cta .iyu-find{color:#f4f4f2}
 body.mp-uk .iyu-proof{grid-column:2;grid-row:3/5;align-self:end;margin:0;background:#f7f7f5;border:0;border-radius:10px}
 body.mp-uk .iyu-facts{grid-column:1/-1;grid-row:5;margin:max(40px,calc(100vh - var(--mp-hdr) - 700px)) 0 56px;border-color:rgba(255,255,255,.16);grid-template-columns:repeat(4,1fr)}
 body.mp-uk .iyu-facts>div+div{border-left-color:rgba(255,255,255,.16)}
 body.mp-uk .iyu-facts dt{color:#9d9d98}
 body.mp-uk .iyu-facts dd{color:#ededea}
 body.mp-uk .iyu-hero a:focus-visible{outline-color:#f4f4f2}
 /* Kısa cevap = açık perde: ilk cümle dev, kalanı okunur boyutta */
 body.mp-uk .iyu-short{grid-column:1/-1;grid-row:6;position:relative;z-index:2;display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:64px;margin:0;padding:120px 0 128px;background:none;border:0;border-radius:0;border-image:conic-gradient(var(--bg,#ececea) 0 0) fill 0/0/0 100vmax}
 body.mp-uk .iyu-short .iyu-short-k{padding-top:12px}
 body.mp-uk .iyu-short p+p{grid-column:2;margin:0;max-width:44em;font-size:19px;line-height:1.65;color:#3f3f3a}
 body.mp-uk .mp-ilk{display:block;max-width:22ch;margin:0 0 32px;font-size:clamp(38px,3.4vw,52px);line-height:1.1;font-weight:500;letter-spacing:-.025em;color:var(--ink,#121212)}
 body.mp-uk .iyu-tr{grid-column:1/-1;grid-row:7;position:relative;z-index:2;margin:0;padding:0 0 24px;border-image:conic-gradient(var(--bg,#ececea) 0 0) fill 0/0/0 100vmax}
 /* kahramandan sonraki her şey opak ve üstte (perde) */
 body.mp-uk .iyu-hero~*{position:relative;z-index:1;background:var(--bg,#ececea)}
 body.mp-uk .iyu-hero~.mp-toc{position:sticky;z-index:40}
 /* vitrin UK içerik genişliğine hizalı (iyu-wrap: 1360 px, 40 px dolgu) */
 body.mp-uk .mp-vitrin{max-width:1360px;margin:0 auto;padding:0 40px}
 /* İngiltere örneğinin beyan satırları */
 body.mp-uk .mp-s-satir{margin:10px 0 0;display:grid;gap:4px}
 body.mp-uk .mp-s-satir div{display:grid;grid-template-columns:150px 1fr;gap:10px}
 body.mp-uk .mp-s-satir dt{color:#6d6d68}
 body.mp-uk .mp-s-satir dd{margin:0}
}
@media (min-width:64rem) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body.mp-uk .iyu-crumb,body.mp-uk .iyu-h1,body.mp-uk .iyu-byline,body.mp-uk .iyu-cta,body.mp-uk .iyu-proof,body.mp-uk .iyu-facts{animation:mp-up .8s cubic-bezier(.16,1,.3,1) both}
 body.mp-uk .iyu-h1{animation-delay:.08s}
 body.mp-uk .iyu-byline{animation-delay:.3s}
 body.mp-uk .iyu-cta{animation-delay:.4s}
 body.mp-uk .iyu-proof{animation-delay:.5s}
 body.mp-uk .iyu-facts{animation-delay:.6s}
}
@media (prefers-reduced-motion:reduce){
 body.mp-uk .iyu-hero [style*=transform]{transform:none!important}
 body.mp-uk .iyu-hero::before{transform:none!important}
}
