/* EMT Sağlık Hizmetleri · emtsaglik.com.tr
   EMT Tasarım Sistemi (Kurum Kimliği Rehberi 2027 v1.0) tokenları ve bileşenleri esas alınmıştır:
   Button, CallButton, Card, Tag, PulseLine. Gölge ve renk geçişi yoktur.
   Kırmızı (#ED1C24) yalnız: ambulans çağrı merkezi düğmesi, Nabız noktası, logo kilit çizgisi.
   Turkuaz (#42C1D2) yalnız lacivert zeminde. */

@font-face{font-family:"Barlow";src:url("fonts/Barlow-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url("fonts/Barlow-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url("fonts/Barlow-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Semi Condensed";src:url("fonts/BarlowSemiCondensed-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Semi Condensed";src:url("fonts/BarlowSemiCondensed-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  /* Tasarım sistemi tokenları */
  --lacivert:#002855; --acil-kirmizi:#ED1C24; --turkuaz:#42C1D2; --koyu-gri:#1E2A38; --metin-grisi:#6B7480; --gri:#8C8C8C;
  --lacivert-20:#CCD4DD; --lacivert-10:#E6EAEE; --lacivert-5:#F2F4F6; --beyaz:#FFFFFF;
  --kose-buton:6px; --kose-kart:10px; --cizgi-odak:3px;
  --font-sans:"Barlow",Calibri,Arial,sans-serif; --font-display:"Barlow Semi Condensed","Barlow",Calibri,Arial,sans-serif;
  /* Sayfa içi kısa adlar (aynı değerler) */
  --navy:var(--lacivert); --red:var(--acil-kirmizi); --turq:var(--turkuaz);
  --text:#1E2A38; --text-2:#6B7480; --line:#8C8C8C;
  --tint-5:#F2F4F6; --tint-10:#E6EAEE; --tint-20:#CCD4DD; --white:#fff;
  --r-btn:6px; --r-card:10px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;
  --gutter:16px; --maxw:1200px;
  --head-h:144px; /* mobil üst bölüm yüksekliği (scroll-padding için; 360–767 px’te ölçülen 137 px) */
  --f-text:var(--font-sans);
  --f-head:var(--font-display);
  color-scheme:light;
}
@media (max-width:359px){:root{--head-h:160px}}
@media (min-width:768px){:root{--gutter:24px;--head-h:124px}}
@media (min-width:1024px){:root{--gutter:32px;--head-h:140px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--head-h) + 16px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--white);color:var(--text);font-family:var(--f-text);font-size:16px;line-height:26px;font-weight:400;-webkit-font-smoothing:antialiased;font-kerning:normal}
@media (min-width:1024px){body{font-size:18px;line-height:28px}}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:var(--navy);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
p{margin:0 0 var(--s4)}
p:last-child{margin-bottom:0}
ul,ol{margin:0;padding:0}
strong{font-weight:600}

/* Başlıklar · masaüstü/mobil ölçek: H1 48/56·32/40, H2 34/42·26/34, H3 24/32·20/28 */
h1,h2,h3,h4{font-family:var(--f-head);color:var(--navy);margin:0;text-wrap:balance}
h1{font-weight:700;font-size:32px;line-height:40px}
h2{font-weight:700;font-size:26px;line-height:34px}
h3{font-weight:600;font-size:20px;line-height:28px}
@media (min-width:1024px){h1{font-size:48px;line-height:56px}h2{font-size:34px;line-height:42px}h3{font-size:24px;line-height:32px}}

.eyebrow{display:block;font-family:var(--f-head);font-weight:700;font-size:14px;line-height:20px;letter-spacing:.15em;text-transform:uppercase;color:var(--navy);margin:0 0 var(--s3)}
.lead{font-size:18px;line-height:28px;max-width:62ch}
.small{font-size:15px;line-height:22px}
.muted{color:var(--text-2)}
.measure{max-width:68ch}
.nowrap,a[href^="tel:"]:not(.btn):not(.call-btn){white-space:nowrap}

/* Odak · 3 px lacivert; lacivert zeminde beyaz */
:focus{outline:none}
:focus-visible{outline:3px solid var(--navy);outline-offset:3px;border-radius:2px}
.on-navy :focus-visible,.site-footer :focus-visible{outline-color:var(--white)}

.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:var(--s4);top:-100px;z-index:100;background:var(--navy);color:var(--white);padding:var(--s3) var(--s4);border-radius:var(--r-btn);font-weight:600;text-decoration:none}
.skip-link:focus{top:var(--s3);outline:3px solid var(--white);outline-offset:-6px}

.container{width:100%;max-width:calc(var(--maxw) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}

/* ---------- Üst bölüm ---------- */
.site-header{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--tint-20)}
.header-inner{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"brand . menu" "call call call";align-items:center;column-gap:var(--s4);row-gap:var(--s2);padding-top:var(--s2);padding-bottom:var(--s3)}
.brand{grid-area:brand;display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.brand img{width:76px;height:auto}
.brand .brand-full{display:none}
.menu-btn{grid-area:menu;display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s4);border:2px solid var(--navy);border-radius:var(--r-btn);background:var(--white);color:var(--navy);font:600 16px/1 var(--f-text);cursor:pointer}
.menu-btn svg{width:20px;height:20px}
.menu-btn .i-close{display:none}
.menu-btn[aria-expanded="true"] .i-open{display:none}
.menu-btn[aria-expanded="true"] .i-close{display:block}

.call-btn{grid-area:call;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:var(--s3);row-gap:0;min-height:48px;padding:var(--s3) var(--s5);background:var(--acil-kirmizi);color:var(--beyaz);border-radius:var(--kose-buton);text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:19px;line-height:24px;text-align:center}
.call-btn:hover{text-decoration:underline;text-underline-offset:4px}
.call-btn:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.call-btn svg{width:20px;height:20px;flex:none}
.call-btn .call-sep{display:none}
.call-btn .call-num{white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}

.main-nav{grid-column:1 / -1}
.js .main-nav{display:none}
.js .main-nav.is-open{display:block}
.main-nav ul{list-style:none;display:flex;flex-direction:column;border-top:1px solid var(--tint-20);margin-top:var(--s2)}
.main-nav a{display:flex;align-items:center;min-height:48px;padding:var(--s2) 0;border-bottom:1px solid var(--tint-10);font-weight:600;font-size:18px;text-decoration:none;color:var(--navy)}
.main-nav a[aria-current]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px}
.main-nav .tag{margin-left:var(--s2)}

@media (min-width:1024px){
  .header-inner{grid-template-columns:auto 1fr;grid-template-areas:"brand call" "brand nav";row-gap:var(--s2);padding-top:var(--s3);padding-bottom:var(--s3)}
  .brand img{width:180px}
  .brand .brand-full{display:block}
  .brand .brand-min{display:none}
  .menu-btn{display:none}
  .call-btn{justify-self:end;flex-wrap:nowrap;padding:var(--s3) var(--s5)}
  .call-btn .call-sep{display:inline}
  .main-nav,.js .main-nav{display:block;grid-area:nav;justify-self:end}
  .main-nav ul{flex-direction:row;gap:var(--s1);border:0;margin:0}
  .main-nav a{min-height:44px;padding:var(--s2) var(--s3);border:0;font-size:17px}
}

/* ---------- Düğmeler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:44px;padding:var(--s3) var(--s5);border-radius:var(--kose-buton);border:2px solid var(--lacivert);font-family:var(--font-display);font-weight:600;font-size:16px;line-height:20px;text-decoration:none;cursor:pointer;text-align:center}
.btn svg{width:20px;height:20px;flex:none}
.btn-primary{background:var(--navy);color:var(--white)}
.btn-primary:hover{text-decoration:underline;text-underline-offset:4px}
.btn-secondary{background:var(--white);color:var(--navy)}
.btn-secondary:hover{text-decoration:underline;text-underline-offset:4px}
.on-navy .btn-primary{background:var(--white);color:var(--navy);border-color:var(--white)}
.on-navy .btn-secondary{background:transparent;color:var(--white);border-color:var(--white)}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}
.text-link{font-weight:600;display:inline;line-height:28px;padding:2px 0}
.text-link::after{content:"\00a0→"}

/* Durum etiketi · lacivert zemin + turkuaz yazı */
.tag{display:inline-flex;align-items:center;background:var(--lacivert);color:var(--turkuaz);font-family:var(--font-display);font-weight:700;font-size:14px;line-height:20px;padding:2px var(--s2);border-radius:4px;white-space:nowrap}
.tag--ornek{background:var(--koyu-gri);color:var(--beyaz);font-weight:600}
.media,.photo{position:relative}
.media__tag{position:absolute;left:var(--s3);bottom:var(--s3)}
.on-navy .tag:not(.tag--ornek),.site-footer .tag:not(.tag--ornek){background:transparent;border:1px solid var(--turq)}

/* ---------- Bölümler ---------- */
.section{padding:var(--s7) 0}
@media (min-width:1024px){.section{padding:var(--s9) 0}}
.section--tint{background:var(--tint-5)}
.section--navy{background:var(--navy);color:var(--white)}
.section--navy h2,.section--navy h3{color:var(--white)}
.section--navy .eyebrow{color:var(--turq)}
.section--navy a{color:var(--white)}
.section-head{max-width:72ch;margin-bottom:var(--s6)}
.section-head h2+p{margin-top:var(--s3)}

.grid-2{display:grid;gap:var(--s6)}
@media (min-width:900px){.grid-2{grid-template-columns:1fr 1fr;gap:var(--s7);align-items:center}.grid-2--top{align-items:start}}
.cards{display:grid;gap:var(--s4);grid-template-columns:1fr}
@media (min-width:640px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.cards--4{grid-template-columns:repeat(4,1fr);gap:var(--s5)}.cards--3{grid-template-columns:repeat(3,1fr);gap:var(--s5)}}

/* ---------- Sayfa girişi ---------- */
.hero{padding:var(--s6) 0 0}
@media (min-width:1024px){.hero{padding:var(--s8) 0 0}}
.hero h1{max-width:20ch}
.hero .lead{margin-top:var(--s4)}

.hero-media img{border-radius:var(--r-card);width:100%;aspect-ratio:4/3;object-fit:cover}
.hero-media figcaption{margin-top:var(--s2)}
.hero-lockup{display:flex;align-items:center;justify-content:center;background:var(--tint-5);border-radius:var(--r-card);padding:var(--s7) var(--s5);min-height:260px}
.hero-lockup img{width:260px;max-width:80%}
@media (min-width:1024px){.hero-lockup img{width:300px}}

/* ---------- Nabız çizgisi · tek EKG kompleksi + kırmızı nokta (yüzey başına bir) ---------- */
.pulse{display:flex;align-items:flex-start;height:64px;margin:var(--s6) 0 var(--s5);color:var(--navy)}
@media (min-width:1024px){.pulse{margin-top:var(--s7)}}
.pulse__line{flex:1 1 24px;min-width:24px;height:3px;margin-top:38.5px;background:currentColor;border-radius:2px}
.pulse__lead{flex:0 1 var(--beat,22%);min-width:8px}
.pulse__beat{flex:none;width:78px;height:64px;overflow:visible;margin:0 -1px}
.pulse__beat path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pulse__dot{flex:none;width:28px;height:28px;margin-top:26px;margin-left:-14px;margin-right:14px;overflow:visible;fill:var(--acil-kirmizi)}
.pulse__dot .pulse__halo{opacity:.25}
.pulse--nodot .pulse__line:last-child{margin-right:0}
.pulse--quiet{color:var(--tint-20);margin:0;height:64px}
.on-navy .pulse,.section--navy .pulse{color:var(--turq)}

/* ---------- Kartlar ---------- */
.card{position:relative;display:flex;flex-direction:column;gap:var(--s3);background:var(--white);border:1px solid var(--tint-20);border-radius:var(--r-card);padding:var(--s5)}
.section--tint .card{border-color:var(--tint-20)}
.card h3{margin-top:var(--s1)}
.card .icon{width:48px;height:48px}
.card p{margin:0}
.card .more{margin-top:auto;padding-top:var(--s2)}
.card--link{text-decoration:none;color:var(--text)}
.card--link:hover{border-color:var(--navy)}
.card--link:hover .text-link{text-decoration:underline}
.card--link .text-link{text-decoration:none;color:var(--navy)}
.card--link:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.card--navy{background:var(--navy);border-color:var(--navy);color:var(--white)}
.card--navy h3{color:var(--white)}
.card--navy .text-link{color:var(--white)}
.card--navy:focus-visible{outline-color:var(--navy)}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}

/* Numaralı adımlar */
.steps{list-style:none;display:grid;gap:var(--s5);counter-reset:s}
@media (min-width:900px){.steps--3{grid-template-columns:repeat(3,1fr)}}
.steps li{border-top:2px solid var(--navy);padding-top:var(--s4)}
.steps .num{display:block;font-family:var(--f-head);font-weight:700;font-size:20px;line-height:28px;color:var(--navy);margin-bottom:var(--s2);font-variant-numeric:tabular-nums}
.steps h3{margin-bottom:var(--s2)}
.section--navy .steps li{border-top-color:var(--turq)}
.section--navy .steps .num{color:var(--turq)}

/* Liste */
.ticks{list-style:none;display:grid;gap:var(--s3)}
.ticks li{position:relative;padding-left:28px}
.ticks li::before{content:"";position:absolute;left:0;top:11px;width:14px;height:3px;background:var(--navy)}
.section--navy .ticks li::before,.on-navy .ticks li::before{background:var(--turq)}

/* Bilgi kutusu */
.note{border-left:4px solid var(--navy);background:var(--tint-5);padding:var(--s4) var(--s5);border-radius:0 var(--r-card) var(--r-card) 0}
.section--tint .note{background:var(--white)}

/* Eğitim kartı (saat) */
.hours{display:flex;align-items:baseline;gap:var(--s2);font-family:var(--f-head);color:var(--navy)}
.hours b{font-weight:700;font-size:48px;line-height:52px}
.hours span{font-weight:600;font-size:22px}

/* Rakamlar (yalnız Kurumsal) */
.figures{list-style:none;display:grid;gap:var(--s5)}
@media (min-width:768px){.figures{grid-template-columns:repeat(3,1fr)}}
.figures li{border-top:2px solid var(--turq);padding-top:var(--s4)}
.figures b{display:block;font-family:var(--f-head);font-weight:700;font-size:48px;line-height:56px;color:var(--white)}
.figures span{display:block;font-size:18px;color:var(--white)}

/* Navy panel */
.panel-navy{background:var(--navy);color:var(--white);border-radius:var(--r-card);padding:var(--s6) var(--s5)}
@media (min-width:1024px){.panel-navy{padding:var(--s7)}}
.panel-navy h3{color:var(--white)}
.panel-navy .eyebrow{color:var(--turq)}
.panel-navy .ticks li::before{background:var(--turq)}
.panel-navy .chips li{border-color:var(--turq);color:var(--white)}
.panel-navy .tag:not(.tag--ornek){border:1px solid var(--turq)}
.panel-navy a{color:var(--white)}
.panel-navy hr{border:0;height:2px;background:var(--turq);width:48px;margin:var(--s4) 0}

/* İletişim kartı */
.contact-card{display:flex;flex-direction:column;gap:var(--s3);background:var(--white);border:1px solid var(--tint-20);border-radius:var(--r-card);padding:var(--s5)}
@media (min-width:1024px){.contact-card{padding:var(--s6)}}
.contact-card address{font-style:normal}
.contact-line{display:flex;gap:var(--s3);align-items:flex-start}
.contact-line .icon{width:24px;height:24px;flex:none;margin-top:2px}
.contact-line a{font-weight:600}
.phone{font-weight:700;font-size:22px;line-height:30px;white-space:nowrap;font-variant-numeric:lining-nums}
.label-sm{display:block;font-size:15px;line-height:22px;color:var(--text-2)}

/* Etiket çipleri (Store kategorileri) */
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s2)}
.chips li{border:1px solid var(--navy);border-radius:var(--r-btn);padding:var(--s2) var(--s3);font-weight:600;color:var(--navy)}
.section--navy .chips li,.on-navy .chips li{border-color:var(--turq);color:var(--white)}

/* Tablo */
.table-wrap{overflow-x:auto;border:1px solid var(--tint-20);border-radius:var(--r-card)}
table{border-collapse:collapse;width:100%;min-width:640px;font-size:16px;line-height:24px}
th,td{text-align:left;vertical-align:top;padding:var(--s3) var(--s4);border-bottom:1px solid var(--tint-20)}
thead th{background:var(--tint-5);font-family:var(--f-head);font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-size:14px;line-height:20px;color:var(--navy)}
tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}
tbody th{font-weight:600;color:var(--navy)}
.table-wrap--narrow table{min-width:0}
dl.facts{display:grid;grid-template-columns:1fr;gap:0;margin:0;border-top:1px solid var(--tint-20)}
dl.facts>div{display:grid;gap:var(--s1);padding:var(--s3) 0;border-bottom:1px solid var(--tint-20)}
@media (min-width:768px){dl.facts>div{grid-template-columns:minmax(150px,34%) 1fr;gap:var(--s5)}}
dl.facts dt{font-weight:600;color:var(--navy)}
dl.facts dd{margin:0}

/* Hesaplayıcı */
.calc{background:var(--white);border:1px solid var(--tint-20);border-radius:var(--r-card);padding:var(--s5)}
@media (min-width:1024px){.calc{padding:var(--s6)}}
.field{display:grid;gap:var(--s2);margin-bottom:var(--s5)}
.field label,.field legend{font-weight:600;color:var(--navy);padding:0}
fieldset{border:0;margin:0 0 var(--s5);padding:0;min-width:0}
legend{margin-bottom:var(--s2);font-weight:600;color:var(--navy)}
input[type=number]{font:inherit;font-size:18px;color:var(--text);width:100%;max-width:220px;min-height:48px;padding:var(--s2) var(--s3);border:1px solid var(--metin-grisi);border-radius:var(--r-btn);background:var(--white)}
input[type=number]:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
.radio{display:flex;align-items:flex-start;gap:var(--s3);min-height:44px;padding:var(--s2) 0;cursor:pointer}
.radio input{width:22px;height:22px;margin:3px 0 0;accent-color:var(--navy);flex:none}
.hint{font-size:15px;line-height:22px;color:var(--text-2)}
.field-error{display:none;align-items:center;gap:var(--s2);font-weight:700;color:var(--text)}
.field-error svg{width:20px;height:20px;flex:none}
.has-error input[type=number]{border:2px solid var(--koyu-gri)}
.has-error .field-error{display:flex}
.calc-result{margin-top:var(--s5);padding:var(--s4) var(--s5);border-radius:var(--r-card);background:var(--tint-5);min-height:24px}
.calc-result:empty{display:none}
.calc-result .big{display:block;font-family:var(--f-head);font-weight:700;font-size:28px;line-height:36px;color:var(--navy)}

/* Fotoğraf */
figure{margin:0}
.photo img{border-radius:var(--r-card);width:100%;aspect-ratio:4/3;object-fit:cover;object-position:60% 40%}
.caption{margin-top:var(--s2);font-size:15px;line-height:22px;color:var(--text-2)}

/* Metin sayfaları (KVKK, çerez, künye) */
.prose{max-width:72ch}
.prose h2{margin:var(--s7) 0 var(--s3);font-size:24px;line-height:32px}
.prose h3{margin:var(--s5) 0 var(--s2);font-size:20px;line-height:28px}
.prose ul,.prose ol{padding-left:24px;margin:0 0 var(--s4)}
.prose li{margin-bottom:var(--s2)}
.prose .facts{margin-bottom:var(--s5)}
.doc-meta{color:var(--text-2);font-size:15px;line-height:22px;margin-top:var(--s3)}

/* ---------- Alt bilgi ---------- */
.site-footer{background:var(--navy);color:var(--white);padding:var(--s7) 0 var(--s6);font-size:15px;line-height:22px}
.site-footer a{color:var(--white)}
.footer-grid{display:grid;gap:var(--s6)}
@media (min-width:768px){.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.footer-grid{grid-template-columns:1.1fr 1fr 1.1fr 1.1fr;gap:var(--s5)}}
.footer-brand img{width:180px}
.footer-brand p{margin-top:var(--s3)}
.footer-h{display:block;font-family:var(--f-head);font-weight:700;font-size:14px;line-height:20px;letter-spacing:.15em;text-transform:uppercase;color:var(--turq);margin-bottom:var(--s3)}
.footer-list{list-style:none;display:grid;gap:var(--s2)}
.footer-phone{display:inline-block;font-weight:700;font-size:20px;line-height:28px;margin-bottom:var(--s2);text-decoration:none;white-space:nowrap}
.footer-phone:hover{text-decoration:underline}
.footer-links{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--turkuaz)}
.footer-links a{display:inline-flex;align-items:center;min-height:24px}
.footer-social{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin-top:var(--s4)}
.footer-legal{margin-top:var(--s5);color:var(--white)}
.footer-legal p{margin:0 0 var(--s2)}

/* 404 */
.notfound{padding:var(--s8) 0 var(--s9)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{.site-header{position:static}.menu-btn,.skip-link{display:none}.site-footer{background:#fff;color:#000}.site-footer a{color:#000}}

/* yardımcı sınıflar (üretilmiş) */
.u1{--beat:18%}
.u2{padding-top:8px}
.u3{margin-top:12px}
.u4{margin:16px 0 0}
.u5{margin-top:16px}
.u6{--beat:62%}
.u7{margin:0}
.u8{color:var(--beyaz);font-weight:700;white-space:nowrap}
.u9{justify-content:flex-start}
.u10{color:var(--beyaz);margin-top:12px}
.u11{--beat:8%}
.u12{padding-top:16px}
.u13{white-space:nowrap}
.u14{margin-top:24px}
.u15{--beat:30%}
.u16{margin-bottom:16px}
.u17{--beat:44%}
.u18{--beat:56%}
.u19{margin-top:32px}
.u20{--beat:70%}
.u21{margin-top:48px}
.u22{--beat:12%}
.u23{padding-top:24px}
.u24{--beat:22%}

/* ---------- Görseller (temsilî ve gerçek) ---------- */
.media img{width:100%;height:auto;border-radius:var(--r-card);background:var(--tint-10)}
.media--crop img{aspect-ratio:4/3;object-fit:cover}
.media--store img{aspect-ratio:4/3;object-fit:cover;object-position:50% 60%}
.media .caption,.photo .caption{margin-top:var(--s2)}
.section--navy .caption,.on-navy .caption,.panel-navy .caption{color:var(--beyaz)}
.hero-split{display:grid;gap:var(--s5);align-items:center}
@media (min-width:1024px){.hero-split{grid-template-columns:5fr 7fr;gap:var(--s7)}}
.hero-media-wide img{aspect-ratio:16/9;object-fit:cover}
.u-mb{margin-bottom:var(--s6)}
.feature{display:grid;gap:var(--s5);margin-top:var(--s5);align-items:center}
@media (min-width:900px){.feature{grid-template-columns:1fr 1fr;gap:var(--s7)}}
.feature h3{margin:0 0 var(--s3)}
.lockup-inline{display:flex;align-items:center;justify-content:center;background:var(--tint-5);border-radius:var(--r-card);padding:var(--s6) var(--s5);margin-top:var(--s6)}
.lockup-inline img{width:220px;max-width:70%}
.section--tint .lockup-inline{background:var(--white)}
.stack-steps{grid-template-columns:1fr!important}
.section--tint .caption{color:var(--koyu-gri)}
/* Ana sayfa açılış: metin solda, ambulans ve ekip görseli sağda */
.hero--home .media--hero img{aspect-ratio:3/2;object-fit:cover;object-position:85% 50%}
