/* site-ana.css: scplojistik.com.tr ana sayfasi (ana sayfa revizyonu 22.10; scp-ui tanitim standardi).
   Belirtecler kurumsal.css'teki --s-* ailesindendir; burada yalniz ana sayfanin yerlesimi ve hareketi
   var. Sayfa on iki ekranlik bir dizidir: her bolum ust bant disinda bir ekran, icerik sigmazsa bolum
   buyur (min-block-size; tasma ust uste binmez). Ardisik iki bolum ayni duzende kurulmaz. Hareket
   yalniz transform ve opacity; giris acilimi kaydirma zaman cizelgesiyle (@supports), azaltilmis
   harekette hic yok. */

:root:has(.site-ana) { scroll-snap-type: y proximity; }

/* ---- Iskelet ---- */
.s-kap { inline-size: 100%; max-inline-size: calc(var(--s-kap) + 2 * var(--s-kenar)); margin-inline: auto; padding-inline: var(--s-kenar); }
.s-izgara {
  display: grid;
  grid-template-columns:
    [tam-bas] minmax(calc(var(--s-kenar) - var(--s-g-kutu-1)), 1fr)
    [kap-bas] repeat(12, minmax(0, calc((var(--s-kap) - 11 * var(--s-g-kutu-1)) / 12)))
    [kap-son] minmax(calc(var(--s-kenar) - var(--s-g-kutu-1)), 1fr) [tam-son];
  column-gap: var(--s-g-kutu-1);
}
.s-ekran {
  position: relative; overflow-x: clip;
  display: grid; align-content: center;
  min-block-size: calc(100vh - var(--s-ust-h));
  min-block-size: calc(100dvh - var(--s-ust-h));
  padding-block: clamp(48px, 9vh, 96px);
  scroll-snap-align: start; scroll-margin-block-start: var(--s-ust-h);
}
.s-ekran h2 { margin: 0; font-size: var(--s-fs-h2); line-height: 1.02; color: var(--s-murekkep); text-wrap: balance; }
.s-ekran h3 { font-size: var(--fs-20); font-weight: 600; color: var(--s-murekkep); }
.s-soluk { color: var(--s-soluk); font-weight: 400; }

.s-bolum-bas {
  display: grid; grid-template-columns: 7fr 5fr; align-items: end; gap: var(--s-g-kutu-1);
  margin-block-end: var(--s-g-kutu-3);
}
.s-bolum-bas p { margin: 0; max-inline-size: 44ch; font-size: var(--s-fs-govde); color: var(--s-soluk); }

.s-ust-etiket {
  display: inline-flex; align-items: center; gap: var(--sp-3);
  margin: 0 0 var(--sp-4); font-size: var(--fs-14); font-weight: 600;
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--s-vurgu-metin);
}
.s-ust-etiket::before {
  content: ''; inline-size: var(--s-g-kutu-2); block-size: 3px;
  background: repeating-linear-gradient(90deg, currentColor 0 12px, transparent 12px 20px);
}
.s-no {
  display: inline-flex; align-items: center; gap: var(--sp-3); margin: 0;
  font-family: var(--s-font-baslik); font-weight: 600; font-size: var(--fs-20); letter-spacing: 0.04em;
  color: var(--s-vurgu-metin); font-variant-numeric: tabular-nums;
}
.s-urun .s-no::before {
  content: ''; inline-size: var(--s-g-kutu-1); block-size: 3px;
  background: repeating-linear-gradient(90deg, currentColor 0 8px, transparent 8px 13px);
}
.s-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-3) var(--s-g-kutu-1); }

/* Uclu: ince ust cizgili uc not (filo, ilke). */
.s-uclu {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-g-kutu-2);
  inline-size: 100%; margin: var(--s-g-kutu-2) 0 var(--sp-4); padding: 0; list-style: none; text-align: start;
}
.s-uclu li { padding-block-start: var(--sp-4); border-block-start: 2px solid var(--s-murekkep); }
.s-uclu p { margin: var(--sp-2) 0; color: var(--s-soluk); }
.s-uclu a { display: inline-flex; align-items: center; min-block-size: var(--sp-8); font-weight: 600; }

/* Numarali madde listesi (operasyon, maliyet). */
.s-maddeler { margin: 0 0 var(--sp-4); padding: 0; list-style: none; }
.s-maddeler li {
  display: grid; grid-template-columns: var(--sp-12) 1fr; column-gap: var(--sp-3);
  padding-block: var(--sp-4); border-block-start: 1px solid var(--s-cizgi);
}
.s-maddeler .s-no { grid-row: span 2; align-self: start; font-size: var(--fs-18); }
.s-maddeler p { margin: var(--sp-1) 0 0; color: var(--s-soluk); }

/* ---- Ekran gorseli: tarayici cercevesi ---- */
.s-cerceve {
  overflow: hidden; background: var(--s-kagit);
  border: 1px solid var(--s-cizgi); border-radius: var(--s-r-cerceve);
  box-shadow: var(--s-golge-derin);
}
.s-cerceve-ust {
  display: flex; align-items: center; gap: var(--sp-2);
  block-size: var(--sp-10); padding-inline: var(--sp-4);
  background: var(--s-zemin-2); border-block-end: 1px solid var(--s-cizgi);
}
.s-cerceve-ust span { inline-size: 10px; block-size: 10px; border-radius: 50%; background: var(--s-cizgi); }
.s-cerceve-ust p {
  margin: 0 0 0 var(--sp-4); padding: var(--sp-1) var(--sp-4);
  border-radius: var(--s-r-dugme); background: var(--s-kagit);
  font-size: var(--fs-13); color: var(--s-soluk);
}
.s-cerceve img { display: block; inline-size: 100%; block-size: auto; }

/* ---- 01 Kahraman: lacivert blok ---- */
.s-giris, .s-akis, .s-kapanis {
  --s-odak: var(--s-turkuaz);
  background:
    repeating-linear-gradient(90deg, rgb(232 238 246 / 0.035) 0 1px, transparent 1px 120px),
    var(--s-lacivert);
  color: var(--s-buz);
}
.s-giris-ic { align-items: center; row-gap: var(--s-g-kutu-2); }
.s-giris-metin { grid-column: kap-bas / span 6; position: relative; z-index: 1; }
.s-giris .s-ust-etiket { margin-block-end: var(--s-g-kutu-1); color: var(--s-turkuaz); }
.s-dev { margin: 0; font-size: var(--s-fs-dev); line-height: 0.96; letter-spacing: -0.005em; color: var(--s-buz); text-wrap: balance; }
.s-dev span { display: block; color: var(--s-turkuaz); }
.s-giris-alt { margin: var(--s-g-kutu-1) 0 var(--s-g-kutu-2); max-inline-size: 38ch; font-size: var(--fs-20); color: var(--s-buz-soluk); }
.site .s-giris .s-bag, .site .s-akis .s-bag, .site .s-kapanis .s-bag { color: var(--s-buz); }
.s-not { display: flex; align-items: center; gap: var(--sp-2); margin: var(--sp-4) 0 0; font-size: var(--fs-15); color: var(--s-buz-soluk); }
.s-not .icon { color: var(--s-turkuaz); }
.s-giris-gorsel { grid-column: 8 / tam-son; position: relative; margin: 0; padding-block-end: var(--s-g-kutu-2); }
.s-giris-gorsel::before {
  content: ''; position: absolute; z-index: 0;
  inset-block: calc(-1 * var(--s-g-kutu-1)) var(--s-g-kutu-3); inset-inline-start: calc(-1 * var(--s-g-kutu-1));
  inline-size: 55%;
  border: 2px solid var(--s-turkuaz); border-radius: var(--s-r-cerceve);
}
.s-giris-gorsel .s-cerceve { position: relative; z-index: 1; border-color: var(--s-lacivert-2); border-start-end-radius: 0; border-end-end-radius: 0; border-inline-end: 0; }
.s-telefon {
  position: absolute; z-index: 2; inset-block-end: 0; inset-inline-start: calc(-1 * var(--s-g-kutu-3));
  inline-size: clamp(120px, 12vw, 190px); padding: var(--sp-2);
  background: var(--s-lacivert-2); border: 1px solid var(--s-buz-soluk); border-radius: 28px;
  box-shadow: 0 40px 64px -24px rgb(9 22 47 / 0.75), 0 0 0 6px rgb(9 22 47 / 0.6);
}
.s-telefon img { display: block; inline-size: 100%; block-size: auto; border-radius: 20px; }
.s-giris-gorsel figcaption { position: relative; z-index: 1; margin-block-start: var(--sp-3); padding-inline-start: calc(clamp(120px, 12vw, 190px) - var(--s-g-kutu-2)); font-size: var(--fs-14); color: var(--s-buz-soluk); }
.s-kaydir {
  position: absolute; inset-block-end: var(--s-g-kutu-1); inset-inline-start: var(--s-kenar);
  display: flex; align-items: center; gap: var(--sp-3); margin: 0;
  font-size: var(--fs-13); font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--s-buz-soluk);
}

/* ---- 02 Urunler: kirik izgara ---- */
.s-urunler { background: var(--s-zemin); }
.s-urun-izgara { display: grid; grid-template-columns: 7fr 5fr; grid-auto-rows: auto; gap: var(--s-g-kutu-1); }
.s-urun {
  display: flex; flex-direction: column; gap: var(--sp-3);
  padding: var(--s-g-kutu-2); background: var(--s-kagit);
  border: 1px solid var(--s-cizgi); border-radius: var(--s-r-kart); box-shadow: 0 1px 2px var(--s-golge);
  transition: transform var(--dur-temel) var(--ease-durum), box-shadow var(--dur-temel) var(--ease-durum);
}
.s-urun p { margin: 0; color: var(--s-soluk); }
.s-urun-ana { grid-row: span 2; padding: var(--s-g-kutu-3) var(--s-g-kutu-2); border-block-start: 4px solid var(--s-turkuaz); }
.s-urun .st-neutral { background: var(--s-zemin-2); }
.s-urun-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-2); }
.s-urun h3 { font-family: var(--s-font-baslik); font-size: var(--fs-28); line-height: 1.05; }
.s-urun-ana h3 { font-size: var(--s-fs-h2); }
.site .s-urun h3 a { color: var(--s-murekkep); text-decoration: none; }
.site .s-urun h3 a:hover { text-decoration: underline; }
.s-urun-ana > p { font-size: var(--s-fs-govde); max-inline-size: 40ch; }
.s-moduller {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-2) var(--s-g-kutu-1);
  margin: var(--sp-4) 0 var(--sp-2); padding: var(--sp-4) 0 0; list-style: none; border-block-start: 1px solid var(--s-cizgi);
}
.s-moduller li { display: flex; align-items: center; gap: var(--sp-2); font-weight: 500; }
.s-moduller .icon { color: var(--s-vurgu-metin); }
.s-urun .s-bag { margin-block-start: auto; align-self: flex-start; }
@media (hover: hover) and (pointer: fine) {
  .s-urun:hover { transform: translateY(-4px); box-shadow: 0 16px 32px -20px var(--s-golge); }
}

/* ---- 03 Operasyon ve 05 Maliyet: bolunmus, gorsel kenara tasar ---- */
.s-operasyon, .s-maliyet { background: var(--s-kagit); }
.s-bolunmus { align-items: center; row-gap: var(--s-g-kutu-2); }
.s-bolunmus-gorsel { margin: 0; }
.s-bolunmus-gorsel.s-sag { grid-column: 7 / tam-son; grid-row: 1; }
.s-bolunmus-gorsel.s-sag .s-cerceve { border-start-end-radius: 0; border-end-end-radius: 0; border-inline-end: 0; }
.s-bolunmus-gorsel.s-sol { grid-column: tam-bas / 8; grid-row: 1; }
.s-bolunmus-gorsel.s-sol .s-cerceve { border-start-start-radius: 0; border-end-start-radius: 0; border-inline-start: 0; }
.s-operasyon .s-bolunmus-metin { grid-column: kap-bas / span 5; grid-row: 1; }
.s-maliyet .s-bolunmus-metin { grid-column: 9 / kap-son; grid-row: 1; }
.s-bolunmus-metin > p { margin: var(--sp-4) 0 var(--s-g-kutu-1); font-size: var(--s-fs-govde); color: var(--s-soluk); }

/* ---- 04 Filo: tam genislik bant ---- */
.s-filo { background: var(--s-zemin-2); }
.s-bant-bas { display: grid; justify-items: center; text-align: center; margin-block-end: var(--s-g-kutu-1); }
.s-bant-bas > p:not(.s-ust-etiket) { margin: var(--sp-4) 0 0; max-inline-size: 56ch; font-size: var(--s-fs-govde); color: var(--s-soluk); }
.s-bant-bas .s-bag { margin-block-start: var(--sp-1); }
.s-bant-gorsel { margin: 0 auto; max-inline-size: 1040px; }
.s-bant-gorsel .s-cerceve { aspect-ratio: 16 / 5; max-block-size: 34vh; }
.s-bant-gorsel .s-cerceve img { object-fit: cover; object-position: top center; block-size: calc(100% - var(--sp-10)); }
.s-filo .s-uclu { max-inline-size: 1040px; margin: var(--s-g-kutu-1) auto 0; }

/* ---- 06 Akis: lacivert blok, alti duraklik zincir ---- */
.s-akis h2, .s-akis h3, .s-kapanis h2 { color: var(--s-buz); }
.s-akis .s-bolum-bas p { color: var(--s-buz-soluk); }
.s-zincir {
  position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--s-g-kutu-1);
  margin: 0 0 var(--s-g-kutu-2); padding: 0; list-style: none;
}
.s-zincir::before {
  content: ''; position: absolute; inset-inline: 0; inset-block-start: 22px; block-size: 3px;
  background: repeating-linear-gradient(90deg, var(--s-turkuaz) 0 18px, transparent 18px 30px);
  transform-origin: left;
}
.s-zincir li { position: relative; }
.s-zincir .s-no {
  display: inline-grid; place-items: center; inline-size: var(--sp-12); block-size: var(--sp-12);
  background: var(--s-lacivert); border: 2px solid var(--s-turkuaz); border-radius: 50%;
  color: var(--s-turkuaz); font-size: var(--fs-18);
}
.s-zincir h3 { margin-block: var(--sp-4) var(--sp-2); font-family: var(--s-font-baslik); font-size: var(--fs-24); }
.s-zincir p { margin: 0; font-size: var(--fs-15); color: var(--s-buz-soluk); }

/* ---- 07 Hazir: buyuk sayilar ---- */
.s-hazir { background: var(--s-zemin); }
.s-hazir-ic { display: grid; grid-template-columns: 5fr 7fr; gap: var(--s-g-kutu-3); align-items: center; }
.s-hazir-bas > p { margin: var(--sp-4) 0 var(--s-g-kutu-2); font-size: var(--s-fs-govde); color: var(--s-soluk); }
.s-sayilar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-g-kutu-1); margin: 0; padding: 0; list-style: none; }
.s-sayilar li { padding-block-start: var(--sp-4); border-block-start: 2px solid var(--s-vurgu-metin); }
.s-sayi { margin: 0; font-family: var(--s-font-baslik); font-weight: 600; font-size: clamp(64px, 8vw, 128px); line-height: 0.9; color: var(--s-murekkep); }
.s-sayilar h3 { margin-block: var(--sp-2); font-size: var(--fs-18); }
.s-sayilar p:last-child { margin: 0; font-size: var(--fs-15); color: var(--s-soluk); }

/* ---- 08 Roller: tanim listesi ---- */
.s-roller { background: var(--s-kagit); }
.s-roller-ic { display: grid; grid-template-columns: 5fr 7fr; gap: var(--s-g-kutu-3); align-items: start; }
.s-roller-ic > div > p { margin: var(--sp-4) 0 var(--s-g-kutu-1); font-size: var(--s-fs-govde); color: var(--s-soluk); }
.s-rol-listesi { margin: 0; }
.s-rol-listesi div {
  display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: var(--s-g-kutu-1); align-items: baseline;
  padding-block: var(--s-g-kutu-1); border-block-start: 1px solid var(--s-cizgi);
}
.s-rol-listesi div:last-child { border-block-end: 1px solid var(--s-cizgi); }
.s-rol-listesi dt { font-family: var(--s-font-baslik); font-weight: 600; font-size: var(--fs-28); line-height: 1.05; color: var(--s-murekkep); }
.s-rol-listesi dd { margin: 0; color: var(--s-soluk); }

/* ---- 09 Ilke: ortalanmis, sessiz ---- */
.s-ilke { background: var(--s-zemin-2); }
.s-ilke-ic { display: grid; justify-items: center; text-align: center; }
.s-ekran .s-buyuk { max-inline-size: 16ch; font-size: var(--s-fs-buyuk); line-height: 1; }
.s-ilke-alt { margin: var(--s-g-kutu-1) 0 var(--sp-3); max-inline-size: 54ch; font-size: var(--fs-20); color: var(--s-soluk); }
.s-ilke .s-uclu { margin-block-start: var(--s-g-kutu-3); }

/* ---- 10 Blog: sol dizin, sag liste ---- */
.s-blog { background: var(--s-kagit); }
.s-blog-ic { display: grid; grid-template-columns: 5fr 7fr; gap: var(--s-g-kutu-3); align-items: start; }
.s-blog-bas > p { margin: var(--sp-4) 0 var(--s-g-kutu-1); font-size: var(--s-fs-govde); color: var(--s-soluk); }
.s-kategoriler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--s-g-kutu-1); margin: 0 0 var(--sp-4); padding: 0; list-style: none; }
.s-kategoriler li { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-2); border-block-end: 1px solid var(--s-cizgi); }
.s-kategoriler a { display: inline-flex; align-items: center; min-block-size: var(--sp-10); font-weight: 500; }
.s-blog-baglantilar { display: flex; flex-wrap: wrap; gap: 0 var(--s-g-kutu-1); margin: 0; }
.s-yazilar { max-inline-size: 72ch; margin: 0; padding: 0; list-style: none; }
.s-yazi { padding-block: var(--s-g-kutu-1); border-block-start: 1px solid var(--s-cizgi); }
.s-yazi:last-child { border-block-end: 1px solid var(--s-cizgi); }
.s-yazi-kategori { margin: 0 0 var(--sp-2); font-size: var(--fs-13); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--s-vurgu-metin); }
.s-yazi h3 { font-family: var(--s-font-baslik); font-size: var(--fs-28); line-height: 1.1; }
.site .s-yazi h3 a { color: var(--s-murekkep); text-decoration: none; }
.site .s-yazi h3 a:hover { text-decoration: underline; }
.s-yazi-kunye { margin: var(--sp-2) 0 0; font-size: var(--fs-14); color: var(--s-soluk); }

/* ---- 11 SSS: dar, ortali sutun, acilir kapanir ---- */
.s-sss { background: var(--s-zemin); }
.s-sss-ic { display: grid; justify-items: center; }
.s-sorular { inline-size: min(100%, 760px); margin-block: var(--s-g-kutu-2) var(--sp-4); }
.s-sorular details { border-block-start: 1px solid var(--s-cizgi); }
.s-sorular details:last-child { border-block-end: 1px solid var(--s-cizgi); }
.s-sorular summary {
  display: flex; align-items: center; justify-content: space-between; gap: var(--s-g-kutu-1);
  min-block-size: var(--sp-16); cursor: pointer; list-style: none;
  font-weight: 600; font-size: var(--fs-18); color: var(--s-murekkep);
}
.s-sorular summary::-webkit-details-marker { display: none; }
.s-arti { color: var(--s-vurgu-metin); transition: transform var(--dur-temel) var(--ease-durum); }
.s-sorular details[open] .s-arti { transform: rotate(45deg); }
.s-sorular details p { margin: 0 0 var(--s-g-kutu-1); max-inline-size: 64ch; color: var(--s-soluk); }

/* ---- 12 Kapanis: lacivert blok, uc adim, tek hedef ---- */
.s-kapanis { padding-block: var(--s-g-makro-1) var(--s-g-kutu-3); }
.s-kapanis .s-dev { max-inline-size: 14ch; }
.s-adimlar {
  position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-g-kutu-2);
  margin: var(--s-g-kutu-3) 0; padding: 0; list-style: none;
}
.s-adimlar::before {
  content: ''; position: absolute; inset-inline: 0; inset-block-start: 36px; block-size: 3px;
  background: repeating-linear-gradient(90deg, var(--s-turkuaz) 0 18px, transparent 18px 30px);
  transform-origin: left;
}
.s-adimlar li { position: relative; }
.s-adim-no {
  display: inline-block; padding-inline-end: var(--sp-4); background: var(--s-lacivert);
  font-family: var(--s-font-baslik); font-weight: 600; font-size: 72px; line-height: 1;
  color: var(--s-turkuaz); font-variant-numeric: tabular-nums;
}
.s-adimlar h3 { margin-block: var(--s-g-kutu-1) var(--sp-2); font-size: var(--fs-24); color: var(--s-buz); }
.s-adimlar p { margin: 0; max-inline-size: 32ch; color: var(--s-buz-soluk); }
.s-kapanis-iletisim { margin: var(--s-g-kutu-1) 0 0; color: var(--s-buz-soluk); }
.site .s-kapanis-iletisim a { color: var(--s-buz); }
.s-kapanis + * { border-block-start: 1px solid var(--s-lacivert-2); }

/* ---- Duyarlilik ---- */
@media (max-width: 1100px) {
  .s-giris-metin { grid-column: kap-bas / kap-son; }
  .s-giris-gorsel { grid-column: kap-bas / tam-son; }
  .s-telefon { inset-inline-start: auto; inset-inline-end: var(--s-kenar); }
  .s-giris-gorsel figcaption { padding-inline-start: 0; }
  .s-bolunmus-gorsel.s-sag, .s-bolunmus-gorsel.s-sol { grid-row: 2; }
  .s-bolunmus-gorsel.s-sag { grid-column: kap-bas / tam-son; }
  .s-bolunmus-gorsel.s-sol { grid-column: tam-bas / kap-son; }
  .s-operasyon .s-bolunmus-metin, .s-maliyet .s-bolunmus-metin { grid-column: kap-bas / kap-son; }
  .s-blog-ic, .s-hazir-ic, .s-roller-ic { grid-template-columns: 1fr; gap: var(--s-g-kutu-2); }
  .s-zincir { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: var(--s-g-kutu-2); }
  .s-zincir::before { display: none; }
}
@media (max-width: 860px) {
  .s-bolum-bas, .s-urun-izgara { grid-template-columns: 1fr; }
  .s-bolum-bas { margin-block-end: var(--s-g-kutu-2); }
  .s-urun-ana { grid-row: auto; padding: var(--s-g-kutu-2) var(--s-g-kutu-1); }
  .s-urun { padding: var(--s-g-kutu-1); }
  .s-adimlar, .s-uclu, .s-sayilar { grid-template-columns: 1fr; gap: var(--s-g-kutu-1); }
  .s-zincir { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .s-adimlar::before { display: none; }
  .s-adim-no { padding-inline-end: 0; font-size: 48px; }
  .s-adimlar h3 { margin-block-start: var(--sp-2); }
  .s-ilke-ic, .s-bant-bas { justify-items: start; text-align: start; }
  .s-rol-listesi div { grid-template-columns: 1fr; gap: var(--sp-1); }
  .s-bant-gorsel .s-cerceve { aspect-ratio: auto; }
  .s-bant-gorsel .s-cerceve img { block-size: auto; }
}
@media (max-width: 700px) {
  .s-ekran:not(.s-giris) { min-block-size: auto; }
  .s-ekran { padding-block: var(--s-g-makro-1) var(--s-g-kutu-3); }
  .s-giris { padding-block-start: var(--s-g-kutu-2); }
  .s-kaydir { display: none; }
  .s-moduller, .s-kategoriler { grid-template-columns: 1fr; }
  .s-giris-gorsel::before { display: none; }
  .s-telefon { inline-size: 104px; inset-block-end: var(--s-g-kutu-3); }
}

/* ---- Hareket: olculu-editoryal (hareket-standardi 3.5). Hareketsiz taban; yalniz izin verilince. ---- */
@keyframes s-yuksel { from { opacity: 0; transform: translateY(16px); } }
@keyframes s-yakinlas { from { opacity: 0; transform: scale(0.96); } }
@keyframes s-telefon-gel { from { opacity: 0; transform: translateY(40px); } }
@keyframes s-ciz { from { transform: scaleX(0); } }

@media (prefers-reduced-motion: no-preference) {
  .s-giris .s-ust-etiket, .s-giris .s-dev, .s-giris-alt, .s-giris .s-eylem, .s-giris .s-not {
    animation: s-yuksel var(--dur-sahne) var(--ease-giris) both;
  }
  .s-giris .s-dev { animation-delay: 100ms; }
  .s-giris-alt { animation-delay: 200ms; }
  .s-giris .s-eylem { animation-delay: 300ms; }
  .s-giris .s-not { animation-delay: 400ms; }
  .s-giris-gorsel .s-cerceve { animation: s-yakinlas var(--dur-sahne) var(--ease-giris) 200ms both; }
  .s-telefon { animation: s-telefon-gel var(--dur-sahne) var(--ease-giris) 500ms both; }

  @supports (animation-timeline: view()) {
    .s-belir {
      animation: s-yuksel linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 45%;
    }
    .s-belir:nth-child(2) { animation-range: entry 8% entry 53%; }
    .s-belir:nth-child(3) { animation-range: entry 16% entry 61%; }
    .s-belir:nth-child(4) { animation-range: entry 24% entry 69%; }
    .s-belir:nth-child(5) { animation-range: entry 32% entry 77%; }
    .s-belir:nth-child(6) { animation-range: entry 40% entry 85%; }
    .s-adimlar::before, .s-zincir::before {
      animation: s-ciz linear both;
      animation-timeline: view();
      animation-range: entry 20% cover 45%;
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  :root:has(.site-ana) { scroll-snap-type: none; }
}