/* İYC mobil öncelikli pilot — Apple Developer (iyp şablonu), 31.10.2026, YEREL ÖNİZLEME.
   Kapsam: yalnız body.mp-apple (apple-developer-belge-tercumesi). Ortak bileşenler pilot-abd.css'te
   body:is(.mp-abd,.mp-uk,.mp-apple) altında; bu dosya yalnız şablona özgü. HTML/atomlar değişmez. */

/* ---------- mobil (temel): ABD'de onaylı model sırası ---------- */
body.mp-apple .iyp-hero{padding:calc(var(--mp-hdr) + 28px) 0 40px}
body.mp-apple .iyp-hero .iyp-wrap{display:flex;flex-direction:column;padding-inline:var(--mp-gut)}
body.mp-apple .iyp-hero .iyp-hero-grid,body.mp-apple .iyp-hero .iyp-hero-txt{display:contents}
/* başlık → hizmet cevabı → kısa cevap → ücret/teslim özeti → belge gönder → görsel */
body.mp-apple .iyp-hero .iyx-crumb{order:0;margin:0;padding-top:0}
body.mp-apple .iyp-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-apple .iyp-hero-txt .iyx-byline{order:2;margin:12px 0 0!important;line-height:1.6}
body.mp-apple .iyp-hero-txt .iyx-intro{order:3;margin:16px 0 0!important;font-size:18px!important;line-height:1.6!important}
body.mp-apple .iyp-short{order:4;margin:20px 0 0!important;padding:20px}
body.mp-apple .iyp-short p{font-size:18px!important;line-height:1.6!important}
body.mp-apple .iyp-facts{order:5;margin:20px 0 0}
body.mp-apple .iyx-hero-cta{order:6;margin:20px 0 0!important}
body.mp-apple .iyx-hero-cta a.iy-btn{width:100%;justify-content:center}
body.mp-apple .iyp-hero-fig{order:7;margin:24px 0 0}
body.mp-apple .iyp-hero-fig img{aspect-ratio:16/9;object-fit:cover;height:auto}
/* Bu sayfada: kahramandan sonra, ana akışın doğrudan çocuğu */
body.mp-apple .mp-toc{margin:0;padding:0 var(--mp-gut)}

/* ---------- masaüstü (≥64rem): verteal dili ---------- */
@media (min-width:64rem){
 body.mp-apple main{overflow-x:clip}
 body.mp-apple .mp-toc{margin:0;padding:0 max(40px,calc((100% - 1280px) / 2))}
 body.mp-apple .mp-vitrin{max-width:1360px;margin:0 auto;padding:0 40px}
 body.mp-apple .iyp-hero{position:relative;padding:var(--mp-hdr) 0 0}
 body.mp-apple .iyp-hero .iyp-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);grid-template-rows:auto auto auto auto auto max(48px,calc(100vh - var(--mp-hdr) - 660px)) auto;column-gap:64px;padding-inline:40px}
 /* koyu bant = kahraman görseli (karartılmış), yavaş katman */
 body.mp-apple .iyp-hero-fig{grid-column:1/-1;grid-row:1/7;position:relative;z-index:0;align-self:stretch;margin:0 calc(50% - 50vw);overflow:hidden;background:var(--dark,#0f0f0f);pointer-events:none}
 body.mp-apple .iyp-hero-fig figure{position:absolute;inset:0;margin:0}
 body.mp-apple .iyp-hero-fig img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0;opacity:.3}
 body.mp-apple .iyp-hero-fig figure::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--dark,#0f0f0f) 22%,rgba(15,15,15,.6) 62%,rgba(15,15,15,.82))}
 body.mp-apple .iyp-hero-fig figcaption{display:none}
 /* yazı katmanları (orta hız) */
 body.mp-apple .iyp-hero .iyx-crumb,body.mp-apple .iyp-h1,body.mp-apple .iyp-hero-txt .iyx-byline,body.mp-apple .iyp-hero-txt .iyx-intro,body.mp-apple .iyx-hero-cta,body.mp-apple .iyp-facts{position:relative;z-index:1}
 body.mp-apple .iyp-hero .iyx-crumb{grid-column:1/-1;grid-row:1;margin:48px 0 0;padding-top:0}
 body.mp-apple .iyp-hero .iyx-crumb .iy-eyebrow,body.mp-apple .iyp-hero .iyx-crumb a{color:#b9b9b4}
 body.mp-apple .iyp-h1{grid-column:1/-1;grid-row:2;margin:28px 0 0;max-width:16ch;font-size:clamp(52px,5vw,76px);line-height:1.03;letter-spacing:-.035em;color:#f4f4f2}
 body.mp-apple .iyp-hero-txt .iyx-byline{grid-column:1;grid-row:3;margin:28px 0 0!important;color:#b9b9b4!important}
 body.mp-apple .iyp-hero-txt .iyx-intro{grid-column:1;grid-row:4;margin:18px 0 0!important;max-width:52ch;color:#e4e4e0}
 body.mp-apple .iyx-hero-cta{grid-column:1;grid-row:5;align-self:start;margin:26px 0 0!important}
 body.mp-apple .iyx-hero-cta a.iy-btn{width:auto;background:#f4f4f2;color:var(--ink,#121212);border-color:#f4f4f2}
 body.mp-apple .iyx-hero-cta .iyx-find{color:#f4f4f2}
 /* ücret/teslim özeti = sağ alttaki öne çıkan kart */
 body.mp-apple .iyp-facts{grid-column:2;grid-row:3/6;align-self:end;margin:0;grid-template-columns:1fr 1fr;gap:0;padding:6px 20px;border:0;border-radius:10px;background:#f7f7f5}
 body.mp-apple .iyp-fact{padding:14px 0!important;border:0!important}
 body.mp-apple .iyp-fact:nth-child(even){padding-left:16px!important}
 body.mp-apple .iyp-fact:nth-child(n+3){border-top:1px solid var(--line,#d9d6cc)!important}
 body.mp-apple .iyp-fact-v{font-size:14.5px}
 body.mp-apple .iyp-hero a:focus-visible{outline-color:#f4f4f2}
 /* Kısa cevap = açık perde */
 body.mp-apple .iyp-short{grid-column:1/-1;grid-row:7;position:relative;z-index:2;display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:64px;margin:0!important;padding:120px 0 128px;background:none;border:0;border-image:conic-gradient(var(--bg,#ececea) 0 0) fill 0/0/0 100vmax}
 body.mp-apple .iyp-short .iy-eyebrow{padding-top:12px}
 body.mp-apple .iyp-short p{grid-column:2;margin:0!important;max-width:44em;font-size:19px!important;line-height:1.65!important;color:#3f3f3a}
 body.mp-apple .iyp-short p .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)}
 /* kahramandan sonraki her şey opak ve üstte (perde) */
 body.mp-apple .iyp-hero~*{position:relative;z-index:1;background:var(--bg,#ececea)}
 body.mp-apple .iyp-hero~.mp-toc{position:sticky;z-index:40}
 /* 3 adım: tek sıra */
 body.mp-apple .mp-adim{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:64rem) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body.mp-apple .iyp-hero .iyx-crumb,body.mp-apple .iyp-h1,body.mp-apple .iyp-hero-txt .iyx-byline,body.mp-apple .iyp-hero-txt .iyx-intro,body.mp-apple .iyx-hero-cta,body.mp-apple .iyp-facts{animation:mp-up .8s cubic-bezier(.16,1,.3,1) both}
 body.mp-apple .iyp-h1{animation-delay:.08s}
 body.mp-apple .iyp-hero-txt .iyx-byline{animation-delay:.28s}
 body.mp-apple .iyp-hero-txt .iyx-intro{animation-delay:.36s}
 body.mp-apple .iyx-hero-cta{animation-delay:.44s}
 body.mp-apple .iyp-facts{animation-delay:.55s}
 body.mp-apple .iyp-hero-fig{animation:mp-fade 1s ease both}
}
@media (prefers-reduced-motion:reduce){body.mp-apple .iyp-hero [style*=transform]{transform:none!important}}