/* Temel: sıfırlama, sayfa zemini, odak, hareket azaltma. iOS 12 Safari / Android 7 Chrome: aspect-ratio, flex gap, inset YOK. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; background: var(--bg); scroll-padding-top: calc(var(--header-h) + 12px); }
body {
  margin: 0;
  min-height: 100vh;
  background: transparent; /* zemin html'de; ::before parıltısı arkada kalsın */
  color: var(--text);
  font-family: var(--font);
  font-size: var(--fs-body);
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}
/* iOS HomeBackground: koyuda üstten alta #0B0B0D -> #131519, sağ üstte marka parıltısı */
body::before {
  content: "";
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 100% 0%, var(--bg-glow) 0, rgba(242,140,40,0) 420px);
}
:root[data-theme="dark"] html { background: linear-gradient(180deg, #0B0B0D, #131519) fixed #0B0B0D; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) html { background: linear-gradient(180deg, #0B0B0D, #131519) fixed #0B0B0D; }
}

h1, h2, h3, p, ul, ol { margin: 0; }
ul, ol { padding: 0; list-style: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; background: none; border: 0; padding: 0; }
a { color: inherit; }
img { max-width: 100%; }
[hidden] { display: none !important; }

.sr-only {
  position: absolute !important;
  width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* Odak: :focus-visible yoksa (iOS 12) her odakta halka; destekleyenlerde yalnız klavye odağında. */
a:focus, button:focus, input:focus, select:focus, textarea:focus, [tabindex]:focus {
  outline: 3px solid var(--brand);
  outline-offset: 2px;
}
a:focus:not(:focus-visible), button:focus:not(:focus-visible), input:focus:not(:focus-visible),
select:focus:not(:focus-visible), textarea:focus:not(:focus-visible), [tabindex]:focus:not(:focus-visible) {
  outline: none;
}
#view:focus, #view h1[tabindex]:focus, #view h1[tabindex]:focus-visible, #view [tabindex="-1"]:focus { outline: none; }
input:focus-visible, input:focus, select:focus, textarea:focus { outline-offset: 0; }

.noscript { padding: 24px; text-align: center; }

@media (hover: hover) {
  .hov:hover { opacity: .85; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}
body.lock { overflow: hidden; }