/* İYC mobil öncelikli pilot — ardıl tercüme (TR /ardil-ceviri/, EN /en/interpreter-istanbul/), 31.10.2026, YEREL ÖNİZLEME.
   Kapsam: yalnız body.mp-ardil. Ortak bileşenler pilot-abd.css'te body:is(...,.mp-ardil) altında; bu dosya yalnız
   şablona özgü. Kahraman: <!--mp:hero--> sarmalayıcısı (başlık → tarife kutusu). HTML/atomlar değişmez. */

/* ---------- mobil (temel): onaylı model sırası ---------- */
body.mp-ardil main>article{padding:calc(var(--mp-hdr) + 28px) var(--mp-gut) 56px}
body.mp-ardil .mp-hero{position:relative;z-index:0}
body.mp-ardil .mp-hero-in{display:flex;flex-direction:column}
/* başlık → kısa cevap → tarife + teklif düğmesi → görsel */
body.mp-ardil .mp-hero-in>div:first-child{order:0}
body.mp-ardil .mp-hero-in>h1{order:1;margin-top:14px;font-size:clamp(1.875rem,6.8vw,2.5rem);line-height:1.14;text-wrap:balance}
body.mp-ardil .mp-hero-in>h1+p{order:2;margin-top:12px;line-height:1.6}
body.mp-ardil [data-atom="IYC-INTERP-SHORT-ANSWER"]{order:3;margin-top:24px;padding:20px}
body.mp-ardil [data-atom="IYC-INTERP-SHORT-ANSWER"] p{font-size:18px;line-height:1.6}
body.mp-ardil .mp-hero-in>[data-atom="IYC-INTERP-TARIFF-2026-10-24"]{order:4;margin-top:16px;padding:20px}
body.mp-ardil [data-atom="IYC-INTERP-TARIFF-2026-10-24"] .iy-btn{display:flex;width:100%;justify-content:center;min-height:50px;text-align:center}
body.mp-ardil .mp-hero-in>.fam-fig{order:5;margin:20px 0 0}
body.mp-ardil .fam-fig img{aspect-ratio:16/9;object-fit:cover;height:auto}
body.mp-ardil main>article section p,body.mp-ardil main>article section li{line-height:1.7}

/* ---------- masaüstü (≥64rem): verteal dili ---------- */
@media (min-width:64rem){
 body.mp-ardil main{overflow-x:clip}
 body.mp-ardil main>article{max-width:1180px;padding:calc(var(--mp-hdr) + 56px) 40px 80px}
 body.mp-ardil .mp-hero{margin-top:-56px}
 body.mp-ardil .mp-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);grid-template-rows:auto auto auto max(48px,calc(100vh - var(--mp-hdr) - 660px)) auto;column-gap:64px}
 /* koyu bant = görsel (karartılmış), yavaş katman */
 body.mp-ardil .mp-hero-in>.fam-fig{grid-column:1/-1;grid-row:1/5;position:relative;z-index:0;align-self:stretch;margin:0 calc(50% - 50vw);overflow:hidden;background:var(--dark,#0f0f0f);pointer-events:none;max-width:none}
 body.mp-ardil .mp-hero-in>.fam-fig img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border:0;border-radius:0;opacity:.32}
 body.mp-ardil .mp-hero-in>.fam-fig::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))}
 /* yazı katmanları (orta hız) */
 body.mp-ardil .mp-hero-in>div:first-child,body.mp-ardil .mp-hero-in>h1,body.mp-ardil .mp-hero-in>h1+p,body.mp-ardil .mp-hero-in>[data-atom="IYC-INTERP-TARIFF-2026-10-24"]{position:relative;z-index:1}
 body.mp-ardil .mp-hero-in>div:first-child{grid-column:1/-1;grid-row:1;margin-top:56px}
 body.mp-ardil .mp-hero-in>div:first-child .iy-eyebrow,body.mp-ardil .mp-hero-in>div:first-child a{color:#b9b9b4}
 body.mp-ardil .mp-hero-in>h1{grid-column:1/-1;grid-row:2;margin-top:28px;max-width:17ch;font-size:clamp(52px,5vw,76px);line-height:1.03;letter-spacing:-.035em;color:#f4f4f2}
 body.mp-ardil .mp-hero-in>h1+p{grid-column:1;grid-row:3;align-self:end;margin-top:28px;color:#b9b9b4}
 /* tarife = sağ alttaki öne çıkan kart */
 body.mp-ardil .mp-hero-in>[data-atom="IYC-INTERP-TARIFF-2026-10-24"]{grid-column:2;grid-row:3;align-self:end;margin:28px 0 0;padding:22px 24px;border:0;border-radius:10px;background:#f7f7f5;color:var(--ink,#121212)}
 body.mp-ardil [data-atom="IYC-INTERP-TARIFF-2026-10-24"] .iy-btn{width:auto}
 body.mp-ardil .mp-hero a:focus-visible{outline-color:#f4f4f2}
 /* Kısa cevap = açık perde */
 body.mp-ardil [data-atom="IYC-INTERP-SHORT-ANSWER"]{grid-column:1/-1;grid-row:5;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-image:conic-gradient(var(--bg,#ececea) 0 0) fill 0/0/0 100vmax}
 body.mp-ardil [data-atom="IYC-INTERP-SHORT-ANSWER"] .iy-eyebrow{grid-row:1/9;padding-top:12px}
 body.mp-ardil [data-atom="IYC-INTERP-SHORT-ANSWER"] p{grid-column:2;margin:0 0 16px!important;max-width:44em;font-size:19px;line-height:1.65;color:#3f3f3a}
 body.mp-ardil [data-atom="IYC-INTERP-SHORT-ANSWER"] 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-ardil .mp-hero~*{position:relative;z-index:1;background:var(--bg,#ececea);border-image:conic-gradient(var(--bg,#ececea) 0 0) fill 0/0/0 100vmax}
 body.mp-ardil .mp-hero~.mp-toc{position:sticky;z-index:40}
 body.mp-ardil .mp-hero~.mt-14{margin-top:0;padding-top:56px}
 /* sayılar: tutarlar uzun (12.000 ₺ / 12,000 TRY) → 2×2, tek satır */
 body.mp-ardil .mp-sayi{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.mp-ardil .mp-sayi li{min-height:190px}
 body.mp-ardil .mp-sayi b{white-space:nowrap}
 /* 4 adım: tek sıra */
 body.mp-ardil .mp-adim{grid-template-columns:repeat(4,minmax(0,1fr))}
 /* bölgeler ve asgari rezervasyon */
 body.mp-ardil .mp-bolge{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
 body.mp-ardil .mp-bolge li{display:flex;flex-direction:column;min-height:200px;padding:24px;border-radius:12px;background:#f6f6f3}
 body.mp-ardil .mp-bolge span{font-size:15px;color:#55554f}
 body.mp-ardil .mp-bolge b{margin-top:auto;font-size:40px;line-height:1.05;font-weight:500;letter-spacing:-.02em}
 body.mp-ardil .mp-bolge em{margin-top:8px;font-style:normal;font-size:16px;color:#3f3f3a}
 body.mp-ardil .mp-bolge .mp-bolge-v{background:var(--dark,#0f0f0f);color:#f4f4f2}
 body.mp-ardil .mp-bolge .mp-bolge-v span,body.mp-ardil .mp-bolge .mp-bolge-v em{color:#c9c9c4}
 body.mp-ardil .mp-bolge-n{margin:24px 0 0;max-width:72ch;font-size:15px;line-height:1.6;color:#55554f}
}
@media (min-width:64rem) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body.mp-ardil .mp-hero-in>div:first-child,body.mp-ardil .mp-hero-in>h1,body.mp-ardil .mp-hero-in>h1+p,body.mp-ardil .mp-hero-in>[data-atom="IYC-INTERP-TARIFF-2026-10-24"]{animation:mp-up .8s cubic-bezier(.16,1,.3,1) both}
 body.mp-ardil .mp-hero-in>h1{animation-delay:.08s}
 body.mp-ardil .mp-hero-in>h1+p{animation-delay:.3s}
 body.mp-ardil .mp-hero-in>[data-atom="IYC-INTERP-TARIFF-2026-10-24"]{animation-delay:.45s}
 body.mp-ardil .mp-hero-in>.fam-fig{animation:mp-fade 1s ease both}
}
@media (prefers-reduced-motion:reduce){body.mp-ardil .mp-hero [style*=transform]{transform:none!important}}
