/* ============================================================
   SIMGETEK — Yerlesim katmani

   Figma olculeri:
     desktop 1440 · sayfa padding 96 · icerik 1248   (1440 - 96*2 = 1248 ✓)
     mobil    390 · sayfa padding 16 · icerik  358   ( 390 - 16*2 =  358 ✓)
   Asagidaki tek kural her iki breakpoint'te de birebir tutuyor.
   ============================================================ */

.container {
  width: min(var(--container), 100% - var(--page-pad) * 2);
  margin-inline: auto;
}

/* UYARI — .container'a ayrica width/max-width VERMEYIN.
   .container bir flex ogesiyken uzerine yazilan `width: 100%` yukaridaki
   kurali ezer ve icerik 1248 yerine 1440 genisliginde akar; sonuc sola
   kaymis, tasarimla uyusmayan bir sayfa olur. Bu hata projede iki kez
   yasandi (.pagehero__inner ve .cert__row / .policy__row).
   Genislik gerekiyorsa .container'i saran ayri bir ogeye verin. */

/* Tam genislik bolum; icerigi container ile hizali */
.section {
  position: relative;
  width: 100%;
}

.section--navy  { background: var(--color-navy); color: var(--color-white); }
.section--light { background: var(--color-surface-alt); }
.section--gray  { background: #E2E2E2; }

/* Dikey / yatay yigin — Figma auto-layout karsiligi */
.stack       { display: flex; flex-direction: column; }
.row         { display: flex; flex-direction: row; }
.row--center { align-items: center; }
.row--between{ justify-content: space-between; }
.row--end    { justify-content: flex-end; }
.center      { align-items: center; justify-content: center; }
.grow        { flex: 1 1 auto; min-width: 0; }

/* Figma gap degerleri — ham olcuyu korur */
.g-4  { gap: 4px; }   .g-8  { gap: 8px; }   .g-10 { gap: 10px; }
.g-12 { gap: 12px; }  .g-15 { gap: 15px; }  .g-16 { gap: 16px; }
.g-21 { gap: 21px; }  .g-24 { gap: 24px; }  .g-32 { gap: 32px; }
.g-40 { gap: 40px; }  .g-42 { gap: 42px; }  .g-96 { gap: 96px; }

/* Arka plan gorseli + koyu ortu (Figma: IMAGE fill + #041E42 @ .55) */
.bg-media {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
}
.bg-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bg-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--overlay, rgba(4, 30, 66, .55));
}
.section > .container,
.section > .section__inner { position: relative; z-index: 1; }


/* ------------------------------------------------------------
   Breakpoint'ler
     >=1440  tasarim birebir
     1024-1439 akiskan
     768-1023  tablet — Figma'da tasarlanmadi, turetildi
     <768      mobil (390 tasariminin akiskan hali)
   ------------------------------------------------------------ */

@media (max-width: 1023px) {
  :root { --page-pad: 40px; }
}

@media (max-width: 767px) {
  :root {
    --page-pad: var(--page-pad-mobile);
    --container: 358px;
  }
}

/* Yatay tasma koruyucu — hicbir bolum sayfayi kaydirmamali */
.section,
.container { max-width: 100%; }