:root {
  --stm-zemin: #0e1218;
  --stm-zemin-derin: #090c11;
  --stm-panel: #171d26;
  --stm-panel-yuksek: #1e2631;
  --stm-panel-solgun: #131922;
  --stm-kenar: #242c38;
  --stm-kenar-parlak: #33404f;
  --stm-vurgu: #3fd9a4;
  --stm-vurgu-koyu: #2bb484;
  --stm-vurgu-sis: rgba(63, 217, 164, 0.14);
  --stm-ikincil: #e8a33d;
  --stm-ikincil-sis: rgba(232, 163, 61, 0.14);
  --stm-uyari: #e8674d;
  --stm-mor: #8b7ff0;
  --stm-metin: #e4e9f0;
  --stm-metin-ara: #b3bdcc;
  --stm-metin-sonuk: #8b97a8;
  --stm-metin-golge: #5f6b7c;

  --stm-yazi-govde: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --stm-yazi-baslik: "Chakra Petch", "Inter", "Segoe UI", Arial, sans-serif;
  --stm-yazi-sayi: "Chakra Petch", "Consolas", monospace;

  --stm-olcek-1: 0.75rem;
  --stm-olcek-2: 0.8125rem;
  --stm-olcek-3: 0.9375rem;
  --stm-olcek-4: 1rem;
  --stm-olcek-5: 1.125rem;
  --stm-olcek-6: 1.375rem;
  --stm-olcek-7: 1.75rem;
  --stm-olcek-8: 2.25rem;
  --stm-olcek-9: 3rem;
  --stm-olcek-10: 3.75rem;

  --stm-bosluk-1: 4px;
  --stm-bosluk-2: 8px;
  --stm-bosluk-3: 14px;
  --stm-bosluk-4: 20px;
  --stm-bosluk-5: 28px;
  --stm-bosluk-6: 40px;
  --stm-bosluk-7: 56px;
  --stm-bosluk-8: 80px;
  --stm-bosluk-9: 112px;

  --stm-yay-1: 6px;
  --stm-yay-2: 10px;
  --stm-yay-3: 16px;
  --stm-yay-4: 24px;
  --stm-yay-tam: 999px;

  --stm-golge-1: 0 1px 2px rgba(0, 0, 0, 0.35);
  --stm-golge-2: 0 6px 20px rgba(0, 0, 0, 0.4);
  --stm-golge-3: 0 18px 48px rgba(0, 0, 0, 0.52);
  --stm-golge-vurgu: 0 10px 34px rgba(63, 217, 164, 0.22);

  --stm-gecis-hizli: 140ms cubic-bezier(0.32, 0.72, 0.35, 1);
  --stm-gecis-orta: 260ms cubic-bezier(0.32, 0.72, 0.35, 1);
  --stm-gecis-yavas: 460ms cubic-bezier(0.22, 0.68, 0.24, 1);

  --stm-genislik-tam: 1264px;
  --stm-genislik-dar: 872px;
  --stm-tepe-yukseklik: 74px;
}

:root[data-stm-tema="acik"] {
  --stm-zemin: #f4f6fa;
  --stm-zemin-derin: #e8ecf3;
  --stm-panel: #ffffff;
  --stm-panel-yuksek: #ffffff;
  --stm-panel-solgun: #eef1f7;
  --stm-kenar: #d9dfe9;
  --stm-kenar-parlak: #c2cbda;
  --stm-vurgu: #12996c;
  --stm-vurgu-koyu: #0d7b57;
  --stm-vurgu-sis: rgba(18, 153, 108, 0.1);
  --stm-ikincil: #b9701a;
  --stm-ikincil-sis: rgba(185, 112, 26, 0.12);
  --stm-uyari: #c9432a;
  --stm-mor: #5b4bd6;
  --stm-metin: #131a24;
  --stm-metin-ara: #38434f;
  --stm-metin-sonuk: #5c6875;
  --stm-metin-golge: #808c99;
  --stm-golge-1: 0 1px 2px rgba(19, 26, 36, 0.08);
  --stm-golge-2: 0 6px 20px rgba(19, 26, 36, 0.09);
  --stm-golge-3: 0 18px 44px rgba(19, 26, 36, 0.12);
  --stm-golge-vurgu: 0 10px 30px rgba(18, 153, 108, 0.18);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--stm-tepe-yukseklik) + 24px);
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--stm-zemin);
  background-image:
    radial-gradient(1100px 620px at 82% -12%, rgba(63, 217, 164, 0.08), transparent 62%),
    radial-gradient(900px 540px at 8% 4%, rgba(139, 127, 240, 0.07), transparent 58%);
  background-attachment: fixed;
  color: var(--stm-metin);
  font-family: var(--stm-yazi-govde);
  font-size: var(--stm-olcek-4);
  line-height: 1.72;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

body.stm-govde-kilitli {
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 var(--stm-bosluk-3);
  font-family: var(--stm-yazi-baslik);
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.012em;
  color: var(--stm-metin);
}

h1 { font-size: clamp(2rem, 1.35rem + 2.6vw, var(--stm-olcek-10)); font-weight: 700; letter-spacing: -0.026em; }
h2 { font-size: clamp(1.55rem, 1.2rem + 1.5vw, var(--stm-olcek-8)); }
h3 { font-size: clamp(1.2rem, 1.05rem + 0.7vw, var(--stm-olcek-6)); }
h4 { font-size: var(--stm-olcek-5); }
h5 { font-size: var(--stm-olcek-4); }
h6 { font-size: var(--stm-olcek-3); text-transform: uppercase; letter-spacing: 0.09em; color: var(--stm-metin-sonuk); }

p {
  margin: 0 0 var(--stm-bosluk-4);
}

a {
  color: var(--stm-vurgu);
  text-decoration: none;
  transition: color var(--stm-gecis-hizli), opacity var(--stm-gecis-hizli);
}

a:hover,
a:focus-visible {
  color: var(--stm-vurgu-koyu);
}

:root[data-stm-tema="acik"] a:hover,
:root[data-stm-tema="acik"] a:focus-visible {
  color: var(--stm-vurgu-koyu);
}

:focus-visible {
  outline: 2px solid var(--stm-vurgu);
  outline-offset: 3px;
  border-radius: var(--stm-yay-1);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: var(--stm-yay-2);
  background-color: var(--stm-panel-solgun);
}

strong { font-weight: 650; color: var(--stm-metin); }
em { font-style: italic; color: var(--stm-metin-ara); }
small { font-size: var(--stm-olcek-2); color: var(--stm-metin-sonuk); }

ul,
ol {
  margin: 0 0 var(--stm-bosluk-4);
  padding-left: 22px;
}

li {
  margin-bottom: var(--stm-bosluk-2);
}

hr {
  border: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--stm-kenar-parlak), transparent);
  margin: var(--stm-bosluk-6) 0;
}

.stm-hizali {
  width: 100%;
  max-width: var(--stm-genislik-tam);
  margin-inline: auto;
  padding-inline: var(--stm-bosluk-4);
}

.stm-hizali-dar {
  width: 100%;
  max-width: var(--stm-genislik-dar);
  margin-inline: auto;
  padding-inline: var(--stm-bosluk-4);
}

.stm-kesit {
  padding-block: var(--stm-bosluk-8);
  position: relative;
}

.stm-kesit-sik {
  padding-block: var(--stm-bosluk-6);
}

.stm-kesit-alacali {
  background: linear-gradient(180deg, transparent, var(--stm-panel-solgun) 22%, var(--stm-panel-solgun) 78%, transparent);
}

.stm-izgara {
  display: grid;
  gap: var(--stm-bosluk-4);
}

.stm-izgara-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.stm-izgara-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.stm-izgara-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.stm-izgara-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }

.stm-izgara-esnek {
  display: grid;
  gap: var(--stm-bosluk-4);
  grid-template-columns: repeat(auto-fit, minmax(272px, 1fr));
}

.stm-ikili-yerlesim {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 316px;
  gap: var(--stm-bosluk-7);
  align-items: start;
}

.stm-ikili-yerlesim-ters {
  display: grid;
  grid-template-columns: 296px minmax(0, 1fr);
  gap: var(--stm-bosluk-7);
  align-items: start;
}

.stm-yatay-dizi {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--stm-bosluk-3);
}

.stm-yatay-dizi-ortali {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--stm-bosluk-3);
}

.stm-yatay-dizi-aralikli {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--stm-bosluk-3);
}

.stm-dikey-dizi {
  display: flex;
  flex-direction: column;
  gap: var(--stm-bosluk-3);
}

.stm-tepekusak {
  position: sticky;
  top: 0;
  z-index: 80;
  height: var(--stm-tepe-yukseklik);
  display: flex;
  align-items: center;
  background-color: rgba(14, 18, 24, 0.82);
  backdrop-filter: saturate(150%) blur(14px);
  -webkit-backdrop-filter: saturate(150%) blur(14px);
  border-bottom: 1px solid var(--stm-kenar);
  transition: height var(--stm-gecis-orta), background-color var(--stm-gecis-orta), box-shadow var(--stm-gecis-orta);
}

:root[data-stm-tema="acik"] .stm-tepekusak {
  background-color: rgba(244, 246, 250, 0.86);
}

.stm-tepekusak.stm-tepekusak-yogun {
  height: 62px;
  box-shadow: var(--stm-golge-2);
}

.stm-tepe-govde {
  width: 100%;
  max-width: var(--stm-genislik-tam);
  margin-inline: auto;
  padding-inline: var(--stm-bosluk-4);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--stm-bosluk-4);
}

.stm-marka-imzasi {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--stm-yazi-baslik);
  font-size: 1.32rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--stm-metin);
  flex-shrink: 0;
}

.stm-marka-imzasi:hover {
  color: var(--stm-metin);
}

.stm-marka-nisani {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(140deg, var(--stm-vurgu), var(--stm-vurgu-koyu));
  color: #06120d;
  font-size: 1rem;
  box-shadow: var(--stm-golge-vurgu);
  transition: transform var(--stm-gecis-orta);
}

.stm-marka-imzasi:hover .stm-marka-nisani {
  transform: rotate(-8deg) scale(1.06);
}

.stm-marka-eki {
  color: var(--stm-vurgu);
}

.stm-gezintiagi {
  display: flex;
  align-items: center;
  gap: 2px;
}

.stm-gezinti-ogesi {
  position: relative;
}

.stm-gezinti-bagi {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 13px;
  border-radius: var(--stm-yay-1);
  font-size: var(--stm-olcek-3);
  font-weight: 520;
  color: var(--stm-metin-ara);
  white-space: nowrap;
  transition: color var(--stm-gecis-hizli), background-color var(--stm-gecis-hizli);
}

.stm-gezinti-bagi:hover,
.stm-gezinti-bagi:focus-visible {
  color: var(--stm-metin);
  background-color: var(--stm-panel-yuksek);
}

.stm-gezinti-bagi::after {
  content: "";
  position: absolute;
  left: 13px;
  right: 13px;
  bottom: 2px;
  height: 2px;
  border-radius: 2px;
  background-color: var(--stm-vurgu);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform var(--stm-gecis-orta);
}

.stm-gezinti-bagi:hover::after {
  transform: scaleX(1);
}

.stm-gezinti-bagi-etkin {
  color: var(--stm-metin);
}

.stm-gezinti-bagi-etkin::after {
  transform: scaleX(1);
}

.stm-acilir-yuva {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 268px;
  padding: 8px;
  border-radius: var(--stm-yay-3);
  background-color: var(--stm-panel);
  border: 1px solid var(--stm-kenar);
  box-shadow: var(--stm-golge-3);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity var(--stm-gecis-orta), transform var(--stm-gecis-orta), visibility var(--stm-gecis-orta);
}

.stm-gezinti-ogesi:hover .stm-acilir-yuva,
.stm-gezinti-ogesi:focus-within .stm-acilir-yuva {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.stm-acilir-satiri {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 10px 11px;
  border-radius: var(--stm-yay-2);
  color: var(--stm-metin-ara);
  font-size: var(--stm-olcek-3);
  transition: background-color var(--stm-gecis-hizli), color var(--stm-gecis-hizli);
}

.stm-acilir-satiri:hover {
  background-color: var(--stm-panel-yuksek);
  color: var(--stm-metin);
}

.stm-acilir-simgesi {
  color: var(--stm-vurgu);
  font-size: 0.9rem;
  margin-top: 4px;
  flex-shrink: 0;
}

.stm-acilir-ozeti {
  display: block;
  font-size: var(--stm-olcek-1);
  color: var(--stm-metin-golge);
  line-height: 1.5;
  margin-top: 2px;
}

.stm-tepe-eylemleri {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.stm-tema-anahtari {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--stm-kenar);
  border-radius: var(--stm-yay-1);
  background-color: transparent;
  color: var(--stm-metin-ara);
  cursor: pointer;
  font-size: 0.95rem;
  transition: color var(--stm-gecis-hizli), border-color var(--stm-gecis-hizli), background-color var(--stm-gecis-hizli), transform var(--stm-gecis-hizli);
}

.stm-tema-anahtari:hover {
  color: var(--stm-ikincil);
  border-color: var(--stm-ikincil);
  transform: translateY(-1px);
}

.stm-mobilanahtar {
  display: none;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--stm-kenar);
  border-radius: var(--stm-yay-1);
  background-color: transparent;
  cursor: pointer;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: border-color var(--stm-gecis-hizli), background-color var(--stm-gecis-hizli);
}

.stm-mobilanahtar:hover {
  border-color: var(--stm-vurgu);
}

.stm-anahtar-cizgi {
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background-color: var(--stm-metin);
  transition: transform var(--stm-gecis-orta), opacity var(--stm-gecis-hizli), width var(--stm-gecis-orta);
}

.stm-anahtar-cizgi:nth-child(2) {
  width: 14px;
  align-self: flex-start;
  margin-left: 11px;
}

.stm-mobilanahtar[aria-expanded="true"] .stm-anahtar-cizgi:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.stm-mobilanahtar[aria-expanded="true"] .stm-anahtar-cizgi:nth-child(2) {
  opacity: 0;
  transform: translateX(-12px);
}

.stm-mobilanahtar[aria-expanded="true"] .stm-anahtar-cizgi:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.stm-mobilkatman {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: flex;
  flex-direction: column;
  background-color: var(--stm-zemin-derin);
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-14px);
  transition: opacity var(--stm-gecis-orta), transform var(--stm-gecis-orta), visibility var(--stm-gecis-orta);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.stm-mobilkatman-acik {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.stm-mobilkatman-tepesi {
  height: var(--stm-tepe-yukseklik);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: var(--stm-bosluk-4);
  border-bottom: 1px solid var(--stm-kenar);
  flex-shrink: 0;
}

.stm-mobilkatman-kapat {
  width: 42px;
  height: 42px;
  border: 1px solid var(--stm-kenar);
  border-radius: var(--stm-yay-1);
  background-color: transparent;
  color: var(--stm-metin);
  font-size: 1.1rem;
  cursor: pointer;
  transition: color var(--stm-gecis-hizli), border-color var(--stm-gecis-hizli);
}

.stm-mobilkatman-kapat:hover {
  color: var(--stm-uyari);
  border-color: var(--stm-uyari);
}

.stm-mobilkatman-govde {
  padding: var(--stm-bosluk-5) var(--stm-bosluk-4) var(--stm-bosluk-8);
}

.stm-mobil-oturum {
  font-size: var(--stm-olcek-1);
  text-transform: uppercase;
  letter-spacing: 0.13em;
  color: var(--stm-metin-golge);
  margin: var(--stm-bosluk-5) 0 var(--stm-bosluk-2);
  font-family: var(--stm-yazi-baslik);
}

.stm-mobil-bagi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--stm-bosluk-3);
  padding: 15px 4px;
  border-bottom: 1px solid var(--stm-kenar);
  font-size: var(--stm-olcek-5);
  font-weight: 520;
  color: var(--stm-metin);
  transition: color var(--stm-gecis-hizli), padding-left var(--stm-gecis-hizli);
}

.stm-mobil-bagi:hover,
.stm-mobil-bagi:focus-visible {
  color: var(--stm-vurgu);
  padding-left: 10px;
}

.stm-mobil-bagi i {
  color: var(--stm-metin-golge);
  font-size: 0.8rem;
}

.stm-acilispanosu {
  position: relative;
  padding-block: clamp(48px, 7vw, 104px) clamp(40px, 6vw, 88px);
  overflow: hidden;
}

.stm-acilispanosu::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(var(--stm-kenar) 1px, transparent 1px),
    linear-gradient(90deg, var(--stm-kenar) 1px, transparent 1px);
  background-size: 62px 62px;
  opacity: 0.28;
  mask-image: radial-gradient(720px 420px at 50% 22%, #000 12%, transparent 76%);
  -webkit-mask-image: radial-gradient(720px 420px at 50% 22%, #000 12%, transparent 76%);
  pointer-events: none;
}

.stm-pano-govdesi {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: clamp(28px, 4vw, 64px);
  align-items: center;
}

.stm-pano-yazisi {
  max-width: 620px;
}

.stm-pano-etiketi {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 6px 14px 6px 10px;
  border-radius: var(--stm-yay-tam);
  border: 1px solid var(--stm-kenar-parlak);
  background-color: var(--stm-vurgu-sis);
  color: var(--stm-vurgu);
  font-size: var(--stm-olcek-2);
  font-weight: 560;
  letter-spacing: 0.02em;
  margin-bottom: var(--stm-bosluk-4);
}

.stm-canli-nokta {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: var(--stm-vurgu);
  animation: stm-nabiz 2.4s ease-in-out infinite;
}

.stm-pano-basligi {
  margin-bottom: var(--stm-bosluk-4);
}

.stm-pano-basligi span {
  color: var(--stm-vurgu);
}

.stm-pano-ozeti {
  font-size: clamp(1rem, 0.94rem + 0.3vw, var(--stm-olcek-5));
  color: var(--stm-metin-ara);
  line-height: 1.78;
  margin-bottom: var(--stm-bosluk-5);
}

.stm-pano-gorseli {
  position: relative;
  border-radius: var(--stm-yay-4);
  overflow: hidden;
  border: 1px solid var(--stm-kenar);
  box-shadow: var(--stm-golge-3);
  transform: perspective(1400px) rotateY(-5deg) rotateX(2deg);
  transition: transform var(--stm-gecis-yavas);
}

.stm-pano-gorseli:hover {
  transform: perspective(1400px) rotateY(0deg) rotateX(0deg);
}

.stm-pano-gorseli img {
  width: 100%;
  border-radius: 0;
  aspect-ratio: 16 / 11;
  object-fit: cover;
}

.stm-pano-gorsel-perdesi {
  position: absolute;
  inset: auto 0 0 0;
  padding: var(--stm-bosluk-5) var(--stm-bosluk-4) var(--stm-bosluk-4);
  background: linear-gradient(0deg, rgba(9, 12, 17, 0.94), transparent);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--stm-bosluk-3);
}

.stm-pano-gorsel-yazisi {
  font-size: var(--stm-olcek-2);
  color: #cfd8e4;
  line-height: 1.5;
}

.stm-sayac-seridi {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--stm-bosluk-4);
  margin-top: var(--stm-bosluk-6);
  padding-top: var(--stm-bosluk-5);
  border-top: 1px solid var(--stm-kenar);
}

.stm-sayac-ogesi {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.stm-sayac-degeri {
  font-family: var(--stm-yazi-sayi);
  font-size: var(--stm-olcek-7);
  font-weight: 700;
  line-height: 1;
  color: var(--stm-metin);
  letter-spacing: -0.02em;
}

.stm-sayac-degeri em {
  font-style: normal;
  color: var(--stm-vurgu);
}

.stm-sayac-adi {
  font-size: var(--stm-olcek-2);
  color: var(--stm-metin-sonuk);
  letter-spacing: 0.01em;
}

.stm-eylem-bagi {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 13px 24px;
  border-radius: var(--stm-yay-2);
  font-family: var(--stm-yazi-baslik);
  font-size: var(--stm-olcek-3);
  font-weight: 600;
  letter-spacing: 0.01em;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform var(--stm-gecis-hizli), box-shadow var(--stm-gecis-orta), background-color var(--stm-gecis-hizli), color var(--stm-gecis-hizli), border-color var(--stm-gecis-hizli);
}

.stm-eylem-bagi:active {
  transform: translateY(1px);
}

.stm-eylem-birincil {
  background: linear-gradient(135deg, var(--stm-vurgu), var(--stm-vurgu-koyu));
  color: #06120d;
  box-shadow: var(--stm-golge-vurgu);
}

.stm-eylem-birincil:hover,
.stm-eylem-birincil:focus-visible {
  color: #06120d;
  transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(63, 217, 164, 0.3);
}

.stm-eylem-ikincil {
  background-color: transparent;
  border-color: var(--stm-kenar-parlak);
  color: var(--stm-metin);
}

.stm-eylem-ikincil:hover,
.stm-eylem-ikincil:focus-visible {
  color: var(--stm-metin);
  border-color: var(--stm-vurgu);
  background-color: var(--stm-vurgu-sis);
  transform: translateY(-2px);
}

.stm-eylem-duz {
  padding: 8px 0;
  color: var(--stm-vurgu);
  background: none;
  border: 0;
}

.stm-eylem-duz i {
  transition: transform var(--stm-gecis-hizli);
}

.stm-eylem-duz:hover i {
  transform: translateX(4px);
}

.stm-bolum-basligi {
  max-width: 720px;
  margin-bottom: var(--stm-bosluk-6);
}

.stm-bolum-basligi-orta {
  max-width: 720px;
  margin-inline: auto;
  margin-bottom: var(--stm-bosluk-6);
  text-align: center;
}

.stm-bolum-usteti {
  display: block;
  font-family: var(--stm-yazi-baslik);
  font-size: var(--stm-olcek-2);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--stm-vurgu);
  margin-bottom: 10px;
}

.stm-bolum-ozeti {
  color: var(--stm-metin-sonuk);
  font-size: var(--stm-olcek-5);
  line-height: 1.72;
  margin: 0;
}

.stm-oyunizgarasi {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(268px, 1fr));
  gap: var(--stm-bosluk-4);
}

.stm-oyunkartiyuzu {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--stm-yay-3);
  background-color: var(--stm-panel);
  border: 1px solid var(--stm-kenar);
  overflow: hidden;
  transition: transform var(--stm-gecis-orta), border-color var(--stm-gecis-orta), box-shadow var(--stm-gecis-orta);
  isolation: isolate;
}

.stm-oyunkartiyuzu::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(150deg, rgba(63, 217, 164, 0.55), transparent 42%, rgba(139, 127, 240, 0.35));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: 0;
  transition: opacity var(--stm-gecis-orta);
  pointer-events: none;
  z-index: 2;
}

.stm-oyunkartiyuzu:hover {
  transform: translateY(-5px);
  border-color: transparent;
  box-shadow: var(--stm-golge-3);
}

.stm-oyunkartiyuzu:hover::after {
  opacity: 1;
}

.stm-oyunkarti-sahnesi {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background-color: var(--stm-panel-solgun);
}

.stm-oyunkarti-sahnesi img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  transition: transform var(--stm-gecis-yavas), filter var(--stm-gecis-orta);
}

.stm-oyunkartiyuzu:hover .stm-oyunkarti-sahnesi img {
  transform: scale(1.06);
  filter: saturate(1.12);
}

.stm-oyunkarti-nisani {
  position: absolute;
  top: 11px;
  left: 11px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: var(--stm-yay-tam);
  background-color: rgba(9, 12, 17, 0.78);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: var(--stm-olcek-1);
  font-weight: 560;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #dfe6ee;
}

.stm-oyunkarti-govdesi {
  padding: var(--stm-bosluk-4);
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 10px;
}

.stm-oyunkarti-adi {
  font-size: var(--stm-olcek-5);
  margin: 0;
  line-height: 1.3;
}

.stm-oyunkarti-adi a {
  color: var(--stm-metin);
}

.stm-oyunkarti-adi a:hover {
  color: var(--stm-vurgu);
}

.stm-oyunkarti-ozeti {
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-sonuk);
  line-height: 1.65;
  margin: 0;
  flex: 1;
}

.stm-oyunkarti-alt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--stm-bosluk-2);
  padding-top: 12px;
  margin-top: 2px;
  border-top: 1px solid var(--stm-kenar);
}

.stm-turrozeti {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: var(--stm-yay-1);
  background-color: var(--stm-panel-yuksek);
  border: 1px solid var(--stm-kenar);
  font-size: var(--stm-olcek-1);
  font-weight: 540;
  color: var(--stm-metin-ara);
  letter-spacing: 0.02em;
}

.stm-turrozeti-vurgu {
  background-color: var(--stm-vurgu-sis);
  border-color: rgba(63, 217, 164, 0.32);
  color: var(--stm-vurgu);
}

.stm-turrozeti-ikincil {
  background-color: var(--stm-ikincil-sis);
  border-color: rgba(232, 163, 61, 0.32);
  color: var(--stm-ikincil);
}

.stm-cihazrozeti {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--stm-olcek-1);
  color: var(--stm-metin-golge);
}

.stm-cihazrozeti i {
  font-size: 0.72rem;
}

.stm-oyuncusayaci {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--stm-yazi-sayi);
  font-size: var(--stm-olcek-2);
  color: var(--stm-metin-ara);
}

.stm-ozellikizgarasi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--stm-bosluk-4);
}

.stm-ozellikkutusu {
  padding: var(--stm-bosluk-5);
  border-radius: var(--stm-yay-3);
  background-color: var(--stm-panel);
  border: 1px solid var(--stm-kenar);
  transition: transform var(--stm-gecis-orta), border-color var(--stm-gecis-orta), background-color var(--stm-gecis-orta);
}

.stm-ozellikkutusu:hover {
  transform: translateY(-4px);
  border-color: var(--stm-kenar-parlak);
  background-color: var(--stm-panel-yuksek);
}

.stm-ozellik-simgesi {
  width: 46px;
  height: 46px;
  border-radius: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--stm-vurgu-sis);
  color: var(--stm-vurgu);
  font-size: 1.15rem;
  margin-bottom: var(--stm-bosluk-3);
}

.stm-ozellik-simgesi-mor {
  background-color: rgba(139, 127, 240, 0.14);
  color: var(--stm-mor);
}

.stm-ozellik-simgesi-amber {
  background-color: var(--stm-ikincil-sis);
  color: var(--stm-ikincil);
}

.stm-ozellik-basligi {
  font-size: var(--stm-olcek-5);
  margin-bottom: 8px;
}

.stm-ozellik-yazisi {
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-sonuk);
  line-height: 1.7;
  margin: 0;
}

.stm-makalegovdesi {
  font-size: var(--stm-olcek-4);
  line-height: 1.82;
  color: var(--stm-metin-ara);
}

.stm-makalegovdesi h2 {
  margin-top: var(--stm-bosluk-7);
  padding-top: var(--stm-bosluk-2);
  scroll-margin-top: calc(var(--stm-tepe-yukseklik) + 28px);
}

.stm-makalegovdesi h2:first-child {
  margin-top: 0;
}

.stm-makalegovdesi h3 {
  margin-top: var(--stm-bosluk-5);
  color: var(--stm-metin);
  scroll-margin-top: calc(var(--stm-tepe-yukseklik) + 28px);
}

.stm-makalegovdesi p {
  margin-bottom: var(--stm-bosluk-4);
}

.stm-makalegovdesi ul,
.stm-makalegovdesi ol {
  margin-bottom: var(--stm-bosluk-5);
  padding-left: 20px;
}

.stm-makalegovdesi li::marker {
  color: var(--stm-vurgu);
}

.stm-makalegovdesi img {
  margin-block: var(--stm-bosluk-5);
  border: 1px solid var(--stm-kenar);
  width: 100%;
}

.stm-arabaslikbandi {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-top: var(--stm-bosluk-7);
  margin-bottom: var(--stm-bosluk-4);
}

.stm-arabaslikbandi::before {
  content: "";
  width: 3px;
  height: 26px;
  border-radius: 3px;
  background: linear-gradient(180deg, var(--stm-vurgu), var(--stm-mor));
  flex-shrink: 0;
}

.stm-arabaslikbandi h2,
.stm-arabaslikbandi h3 {
  margin: 0;
}

.stm-alintikutusu {
  margin: var(--stm-bosluk-5) 0;
  padding: var(--stm-bosluk-4) var(--stm-bosluk-5);
  border-left: 3px solid var(--stm-vurgu);
  border-radius: 0 var(--stm-yay-2) var(--stm-yay-2) 0;
  background-color: var(--stm-panel-solgun);
  color: var(--stm-metin);
  font-size: var(--stm-olcek-5);
  line-height: 1.7;
}

.stm-alintikutusu p:last-child {
  margin-bottom: 0;
}

.stm-notkutusu {
  display: flex;
  gap: var(--stm-bosluk-3);
  margin: var(--stm-bosluk-5) 0;
  padding: var(--stm-bosluk-4);
  border-radius: var(--stm-yay-2);
  background-color: var(--stm-panel);
  border: 1px solid var(--stm-kenar);
}

.stm-notkutusu-simgesi {
  flex-shrink: 0;
  color: var(--stm-ikincil);
  font-size: 1.05rem;
  margin-top: 3px;
}

.stm-notkutusu-yazisi {
  font-size: var(--stm-olcek-3);
  line-height: 1.68;
  margin: 0;
  color: var(--stm-metin-ara);
}

.stm-olcutablosu {
  width: 100%;
  border-collapse: collapse;
  margin: var(--stm-bosluk-5) 0;
  font-size: var(--stm-olcek-3);
  border: 1px solid var(--stm-kenar);
  border-radius: var(--stm-yay-2);
  overflow: hidden;
}

.stm-tablo-sarmali {
  width: 100%;
  overflow-x: auto;
  margin: var(--stm-bosluk-5) 0;
  border-radius: var(--stm-yay-2);
}

.stm-tablo-sarmali .stm-olcutablosu {
  margin: 0;
  min-width: 560px;
}

.stm-olcutablosu thead th {
  background-color: var(--stm-panel-yuksek);
  color: var(--stm-metin);
  font-family: var(--stm-yazi-baslik);
  font-size: var(--stm-olcek-2);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  text-align: left;
  padding: 13px 16px;
  border-bottom: 1px solid var(--stm-kenar);
}

.stm-olcutablosu tbody td {
  padding: 13px 16px;
  border-bottom: 1px solid var(--stm-kenar);
  color: var(--stm-metin-ara);
  vertical-align: top;
}

.stm-olcutablosu tbody tr:last-child td {
  border-bottom: 0;
}

.stm-olcutablosu tbody tr:nth-child(even) {
  background-color: var(--stm-panel-solgun);
}

.stm-olcutablosu tbody tr:hover {
  background-color: var(--stm-vurgu-sis);
}

.stm-yankutusu {
  position: sticky;
  top: calc(var(--stm-tepe-yukseklik) + 24px);
  display: flex;
  flex-direction: column;
  gap: var(--stm-bosluk-4);
}

.stm-yanpanel {
  padding: var(--stm-bosluk-4);
  border-radius: var(--stm-yay-3);
  background-color: var(--stm-panel);
  border: 1px solid var(--stm-kenar);
}

.stm-yanpanel-basligi {
  font-size: var(--stm-olcek-2);
  font-family: var(--stm-yazi-baslik);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--stm-metin-golge);
  margin-bottom: var(--stm-bosluk-3);
  padding-bottom: 10px;
  border-bottom: 1px solid var(--stm-kenar);
}

.stm-icindekilerlistesi {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.stm-icindekiler-bagi {
  display: block;
  padding: 8px 11px;
  border-radius: var(--stm-yay-1);
  border-left: 2px solid transparent;
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-sonuk);
  line-height: 1.5;
  transition: color var(--stm-gecis-hizli), background-color var(--stm-gecis-hizli), border-color var(--stm-gecis-hizli);
}

.stm-icindekiler-bagi:hover {
  color: var(--stm-metin);
  background-color: var(--stm-panel-yuksek);
}

.stm-icindekiler-bagi-etkin {
  color: var(--stm-vurgu);
  border-left-color: var(--stm-vurgu);
  background-color: var(--stm-vurgu-sis);
}

.stm-yanbag-listesi {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.stm-yanbag-satiri {
  margin: 0;
  padding: 11px 0;
  border-bottom: 1px solid var(--stm-kenar);
  font-size: var(--stm-olcek-3);
}

.stm-yanbag-satiri:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.stm-yanbag-satiri a,
.stm-yanbag-satiri > span {
  color: var(--stm-metin-ara);
  display: flex;
  align-items: center;
  gap: 9px;
}

.stm-yanbag-satiri > span i {
  color: var(--stm-vurgu);
  font-size: 0.8rem;
  width: 16px;
  text-align: center;
}

.stm-yanbag-satiri a:hover {
  color: var(--stm-vurgu);
}

.stm-terimsatiri {
  padding: var(--stm-bosluk-4) 0;
  border-bottom: 1px solid var(--stm-kenar);
  display: grid;
  grid-template-columns: 208px minmax(0, 1fr);
  gap: var(--stm-bosluk-4);
  align-items: start;
}

.stm-terimsatiri:last-child {
  border-bottom: 0;
}

.stm-terim-adi {
  font-family: var(--stm-yazi-baslik);
  font-size: var(--stm-olcek-5);
  font-weight: 600;
  color: var(--stm-metin);
  margin: 0;
  line-height: 1.4;
}

.stm-terim-eki {
  display: block;
  font-family: var(--stm-yazi-govde);
  font-size: var(--stm-olcek-1);
  font-weight: 400;
  color: var(--stm-metin-golge);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-top: 4px;
}

.stm-terim-acilimi {
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-sonuk);
  line-height: 1.74;
  margin: 0;
}

.stm-ssskatmani {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.stm-sssogesi {
  border: 1px solid var(--stm-kenar);
  border-radius: var(--stm-yay-2);
  background-color: var(--stm-panel);
  overflow: hidden;
  transition: border-color var(--stm-gecis-orta), background-color var(--stm-gecis-orta);
}

.stm-sssogesi-acik {
  border-color: var(--stm-kenar-parlak);
  background-color: var(--stm-panel-yuksek);
}

.stm-sssbasligi {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--stm-bosluk-3);
  padding: 17px var(--stm-bosluk-4);
  background: none;
  border: 0;
  cursor: pointer;
  text-align: left;
  font-family: var(--stm-yazi-baslik);
  font-size: var(--stm-olcek-5);
  font-weight: 600;
  color: var(--stm-metin);
  line-height: 1.45;
  transition: color var(--stm-gecis-hizli);
}

.stm-sssbasligi:hover {
  color: var(--stm-vurgu);
}

.stm-sss-isareti {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--stm-kenar-parlak);
  color: var(--stm-vurgu);
  font-size: 0.72rem;
  transition: transform var(--stm-gecis-orta), background-color var(--stm-gecis-hizli);
}

.stm-sssogesi-acik .stm-sss-isareti {
  transform: rotate(180deg);
  background-color: var(--stm-vurgu-sis);
}

.stm-ssscevabi {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--stm-gecis-yavas);
}

.stm-ssscevabi-govde {
  padding: 0 var(--stm-bosluk-4) var(--stm-bosluk-4);
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-sonuk);
  line-height: 1.76;
}

.stm-ssscevabi-govde p:last-child {
  margin-bottom: 0;
}

.stm-tuvalcercevesi {
  border-radius: var(--stm-yay-3);
  border: 1px solid var(--stm-kenar);
  background-color: var(--stm-panel-solgun);
  overflow: hidden;
  box-shadow: var(--stm-golge-2);
}

.stm-tuvalustbilgi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--stm-bosluk-3);
  padding: 12px var(--stm-bosluk-4);
  background-color: var(--stm-panel-yuksek);
  border-bottom: 1px solid var(--stm-kenar);
}

.stm-tuvaladi {
  font-family: var(--stm-yazi-baslik);
  font-size: var(--stm-olcek-3);
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--stm-metin);
  margin: 0;
}

.stm-skorgostergesi {
  display: flex;
  align-items: center;
  gap: var(--stm-bosluk-4);
}

.stm-skorbirimi {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1.2;
}

.stm-skorbirimi-adi {
  font-size: var(--stm-olcek-1);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--stm-metin-golge);
}

.stm-skorbirimi-degeri {
  font-family: var(--stm-yazi-sayi);
  font-size: var(--stm-olcek-5);
  font-weight: 700;
  color: var(--stm-vurgu);
}

.stm-tuvalsahnesi {
  position: relative;
  width: 100%;
  background-color: #070a0e;
  display: flex;
  align-items: center;
  justify-content: center;
  touch-action: none;
}

.stm-tuvalsahnesi canvas {
  display: block;
  width: 100%;
  height: auto;
  touch-action: none;
}

.stm-tuvalperdesi {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--stm-bosluk-3);
  padding: var(--stm-bosluk-5);
  text-align: center;
  background-color: rgba(7, 10, 14, 0.88);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  opacity: 1;
  visibility: visible;
  transition: opacity var(--stm-gecis-orta), visibility var(--stm-gecis-orta);
  z-index: 4;
}

.stm-tuvalperdesi-gizli {
  opacity: 0;
  visibility: hidden;
}

.stm-perde-basligi {
  font-family: var(--stm-yazi-baslik);
  font-size: var(--stm-olcek-7);
  color: #eef3f8;
  margin: 0;
}

.stm-perde-yazisi {
  font-size: var(--stm-olcek-3);
  color: #9aa6b4;
  max-width: 420px;
  margin: 0;
  line-height: 1.65;
}

.stm-tuvalkontrolseridi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--stm-bosluk-3);
  padding: 13px var(--stm-bosluk-4);
  background-color: var(--stm-panel-yuksek);
  border-top: 1px solid var(--stm-kenar);
}

.stm-kontroldugmesi {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  border-radius: var(--stm-yay-1);
  border: 1px solid var(--stm-kenar-parlak);
  background-color: transparent;
  color: var(--stm-metin);
  font-family: var(--stm-yazi-baslik);
  font-size: var(--stm-olcek-2);
  font-weight: 600;
  letter-spacing: 0.03em;
  cursor: pointer;
  transition: border-color var(--stm-gecis-hizli), color var(--stm-gecis-hizli), background-color var(--stm-gecis-hizli);
}

.stm-kontroldugmesi:hover {
  border-color: var(--stm-vurgu);
  color: var(--stm-vurgu);
  background-color: var(--stm-vurgu-sis);
}

.stm-kontrolipucu {
  font-size: var(--stm-olcek-2);
  color: var(--stm-metin-golge);
}

.stm-yontusu {
  display: none;
  gap: 8px;
}

.stm-yontusu-dugmesi {
  width: 52px;
  height: 52px;
  border-radius: var(--stm-yay-2);
  border: 1px solid var(--stm-kenar-parlak);
  background-color: var(--stm-panel);
  color: var(--stm-metin);
  font-size: 1rem;
  cursor: pointer;
  transition: background-color var(--stm-gecis-hizli), transform var(--stm-gecis-hizli);
}

.stm-yontusu-dugmesi:active {
  background-color: var(--stm-vurgu-sis);
  transform: scale(0.94);
}

.stm-yontusu-dugmesi[data-stm-yon="yukari"] { grid-column: 2; grid-row: 1; }
.stm-yontusu-dugmesi[data-stm-yon="sol"] { grid-column: 1; grid-row: 2; }
.stm-yontusu-dugmesi[data-stm-yon="asagi"] { grid-column: 2; grid-row: 2; }
.stm-yontusu-dugmesi[data-stm-yon="sag"] { grid-column: 3; grid-row: 2; }

.stm-kontroldugmesi:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}

.stm-kontroldugmesi:disabled:hover {
  border-color: var(--stm-kenar-parlak);
  color: var(--stm-metin);
  background-color: transparent;
}

.stm-kontrolkumesi {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
}

.stm-perde-eylemi {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 6px;
  padding: 12px 24px;
  border: 0;
  border-radius: var(--stm-yay-2);
  background: linear-gradient(135deg, var(--stm-vurgu), var(--stm-vurgu-koyu));
  color: #06120d;
  font-family: var(--stm-yazi-baslik);
  font-size: var(--stm-olcek-3);
  font-weight: 700;
  letter-spacing: 0.03em;
  cursor: pointer;
  box-shadow: var(--stm-golge-vurgu);
  transition: transform var(--stm-gecis-hizli), box-shadow var(--stm-gecis-orta);
}

.stm-perde-eylemi:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 38px rgba(63, 217, 164, 0.3);
}

.stm-tuslistesi {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(232px, 1fr));
  gap: 10px;
}

.stm-tuslistesi li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 12px 14px;
  border-radius: var(--stm-yay-2);
  border: 1px solid var(--stm-kenar);
  background-color: var(--stm-panel);
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-sonuk);
}

.stm-tusnisani {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 30px;
  padding: 0 9px;
  flex-shrink: 0;
  border-radius: 7px;
  border: 1px solid var(--stm-kenar-parlak);
  border-bottom-width: 3px;
  background-color: var(--stm-panel-yuksek);
  font-family: var(--stm-yazi-sayi);
  font-size: var(--stm-olcek-2);
  font-weight: 700;
  color: var(--stm-metin);
}

.stm-kirintiyolu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding-block: var(--stm-bosluk-4) 0;
  font-size: var(--stm-olcek-2);
  color: var(--stm-metin-golge);
}

.stm-kirinti-bagi {
  color: var(--stm-metin-sonuk);
}

.stm-kirinti-bagi:hover {
  color: var(--stm-vurgu);
}

.stm-kirinti-ayraci {
  color: var(--stm-metin-golge);
  font-size: 0.62rem;
}

.stm-kirinti-son {
  color: var(--stm-metin-ara);
}

.stm-sayfabasligi-alani {
  padding-block: var(--stm-bosluk-6) var(--stm-bosluk-5);
  border-bottom: 1px solid var(--stm-kenar);
  margin-bottom: var(--stm-bosluk-7);
}

.stm-sayfa-ustbasligi {
  margin-bottom: var(--stm-bosluk-3);
}

.stm-sayfa-tanitimi {
  font-size: var(--stm-olcek-5);
  color: var(--stm-metin-sonuk);
  line-height: 1.75;
  max-width: 760px;
  margin-bottom: var(--stm-bosluk-4);
}

.stm-bilgiseridi {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--stm-bosluk-4);
  font-size: var(--stm-olcek-2);
  color: var(--stm-metin-golge);
}

.stm-bilgiseridi-ogesi {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.stm-bilgiseridi-ogesi i {
  color: var(--stm-vurgu);
  font-size: 0.78rem;
}

.stm-yonlendirmekutusu {
  margin-block: var(--stm-bosluk-7);
  padding: var(--stm-bosluk-6);
  border-radius: var(--stm-yay-4);
  border: 1px solid var(--stm-kenar);
  background:
    radial-gradient(620px 300px at 88% 0%, rgba(63, 217, 164, 0.12), transparent 68%),
    var(--stm-panel);
  text-align: center;
}

.stm-yonlendirme-basligi {
  font-size: clamp(1.4rem, 1.15rem + 1vw, var(--stm-olcek-8));
  margin-bottom: var(--stm-bosluk-3);
}

.stm-yonlendirme-yazisi {
  max-width: 620px;
  margin-inline: auto;
  margin-bottom: var(--stm-bosluk-5);
  color: var(--stm-metin-sonuk);
  font-size: var(--stm-olcek-4);
}

.stm-sayfagecisi {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--stm-bosluk-4);
  margin-block: var(--stm-bosluk-7);
}

.stm-gecis-karti {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: var(--stm-bosluk-4);
  border-radius: var(--stm-yay-2);
  border: 1px solid var(--stm-kenar);
  background-color: var(--stm-panel);
  transition: border-color var(--stm-gecis-orta), transform var(--stm-gecis-orta);
}

.stm-gecis-karti:hover {
  border-color: var(--stm-vurgu);
  transform: translateY(-3px);
}

.stm-gecis-yonu {
  font-size: var(--stm-olcek-1);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--stm-metin-golge);
}

.stm-gecis-adi {
  font-family: var(--stm-yazi-baslik);
  font-size: var(--stm-olcek-5);
  font-weight: 600;
  color: var(--stm-metin);
  line-height: 1.35;
}

.stm-gecis-karti-sag {
  text-align: right;
}

.stm-etekagi {
  margin-top: var(--stm-bosluk-9);
  border-top: 1px solid var(--stm-kenar);
  background-color: var(--stm-zemin-derin);
  padding-block: var(--stm-bosluk-8) var(--stm-bosluk-4);
}

.stm-etek-ustkismi {
  display: grid;
  grid-template-columns: 1.6fr repeat(3, 1fr);
  gap: var(--stm-bosluk-6);
  padding-bottom: var(--stm-bosluk-7);
  border-bottom: 1px solid var(--stm-kenar);
}

.stm-etek-tanitimi {
  max-width: 380px;
}

.stm-etek-tanitim-yazisi {
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-sonuk);
  line-height: 1.75;
  margin-block: var(--stm-bosluk-3) var(--stm-bosluk-4);
}

.stm-etek-rozetseridi {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.stm-etek-rozeti {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  border-radius: var(--stm-yay-1);
  border: 1px solid var(--stm-kenar);
  background-color: var(--stm-panel);
  font-size: var(--stm-olcek-1);
  color: var(--stm-metin-sonuk);
}

.stm-etek-rozeti i {
  color: var(--stm-vurgu);
}

.stm-etekstunu {
  display: flex;
  flex-direction: column;
}

.stm-etek-stunbasligi {
  font-family: var(--stm-yazi-baslik);
  font-size: var(--stm-olcek-2);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.13em;
  color: var(--stm-metin);
  margin-bottom: var(--stm-bosluk-3);
}

.stm-etek-listesi {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.stm-etek-listesi li {
  margin: 0;
}

.stm-etek-bagi {
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-sonuk);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: color var(--stm-gecis-hizli), transform var(--stm-gecis-hizli);
}

.stm-etek-bagi:hover {
  color: var(--stm-vurgu);
  transform: translateX(3px);
}

.stm-etek-altkismi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--stm-bosluk-3);
  padding-top: var(--stm-bosluk-4);
}

.stm-etek-telifi {
  font-size: var(--stm-olcek-2);
  color: var(--stm-metin-golge);
  margin: 0;
}

.stm-etek-uyarisi {
  font-size: var(--stm-olcek-1);
  color: var(--stm-metin-golge);
  line-height: 1.65;
  max-width: 640px;
  margin-block: var(--stm-bosluk-4) 0;
  padding-top: var(--stm-bosluk-3);
  border-top: 1px solid var(--stm-kenar);
}

.stm-etek-yasrozeti {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 2px solid var(--stm-ikincil);
  color: var(--stm-ikincil);
  font-family: var(--stm-yazi-sayi);
  font-size: var(--stm-olcek-2);
  font-weight: 700;
  flex-shrink: 0;
}

.stm-yukariok {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 70;
  width: 44px;
  height: 44px;
  border-radius: var(--stm-yay-2);
  border: 1px solid var(--stm-kenar-parlak);
  background-color: var(--stm-panel);
  color: var(--stm-metin);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  box-shadow: var(--stm-golge-2);
  transition: opacity var(--stm-gecis-orta), transform var(--stm-gecis-orta), visibility var(--stm-gecis-orta), color var(--stm-gecis-hizli), border-color var(--stm-gecis-hizli);
}

.stm-yukariok-gorunur {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.stm-yukariok:hover {
  color: var(--stm-vurgu);
  border-color: var(--stm-vurgu);
}

.stm-okuma-cizgisi {
  position: fixed;
  top: 0;
  left: 0;
  height: 2px;
  width: 0;
  z-index: 95;
  background: linear-gradient(90deg, var(--stm-vurgu), var(--stm-mor));
  transition: width 90ms linear;
}

.stm-gecis-atlama {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100;
  padding: 12px 20px;
  background-color: var(--stm-vurgu);
  color: #06120d;
  border-radius: 0 0 var(--stm-yay-2) 0;
  font-weight: 600;
}

.stm-gecis-atlama:focus {
  left: 0;
  color: #06120d;
}

.stm-gorsel-yer {
  position: relative;
  overflow: hidden;
  background-color: var(--stm-panel-solgun);
}

.stm-gorsel-yer::before {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.05), transparent);
  animation: stm-parilti 1.6s ease-in-out infinite;
}

.stm-gorsel-yuklendi::before {
  animation: none;
  opacity: 0;
}

img[data-stm-kaynak] {
  opacity: 0;
  transition: opacity var(--stm-gecis-yavas);
}

img.stm-gorsel-acildi {
  opacity: 1;
}

.stm-belirme {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity var(--stm-gecis-yavas), transform var(--stm-gecis-yavas);
}

.stm-belirme-etkin {
  opacity: 1;
  transform: translateY(0);
}

.stm-belirme-gecikme-1 { transition-delay: 70ms; }
.stm-belirme-gecikme-2 { transition-delay: 140ms; }
.stm-belirme-gecikme-3 { transition-delay: 210ms; }
.stm-belirme-gecikme-4 { transition-delay: 280ms; }

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

.stm-metin-orta { text-align: center; }
.stm-metin-sag { text-align: right; }
.stm-metin-vurgulu { color: var(--stm-vurgu); }
.stm-metin-ikincil { color: var(--stm-ikincil); }
.stm-metin-sonuklu { color: var(--stm-metin-sonuk); }
.stm-bosluk-yok { margin-bottom: 0; }
.stm-ust-bosluk { margin-top: var(--stm-bosluk-6); }
.stm-tam-genislik { width: 100%; }

@keyframes stm-nabiz {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(63, 217, 164, 0.5); }
  50% { transform: scale(1.18); box-shadow: 0 0 0 7px rgba(63, 217, 164, 0); }
}

@keyframes stm-parilti {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

@keyframes stm-yukselis {
  from { opacity: 0; transform: translateY(22px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes stm-suzulme {
  from { opacity: 0; transform: translateX(-16px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes stm-dongu {
  to { transform: rotate(360deg); }
}

.stm-yukselis-animasyonu {
  animation: stm-yukselis 620ms cubic-bezier(0.22, 0.68, 0.24, 1) both;
}

.stm-suzulme-animasyonu {
  animation: stm-suzulme 520ms cubic-bezier(0.22, 0.68, 0.24, 1) both;
}

.stm-gezinti-alani {
  display: flex;
  align-items: center;
  min-width: 0;
}

.stm-gezintiagi {
  list-style: none;
  margin: 0;
  padding: 0;
}

.stm-gezinti-oku {
  font-size: 0.6rem;
  color: var(--stm-metin-golge);
  transition: transform var(--stm-gecis-orta), color var(--stm-gecis-hizli);
}

.stm-gezinti-ogesi:hover .stm-gezinti-oku,
.stm-gezinti-ogesi:focus-within .stm-gezinti-oku {
  transform: rotate(180deg);
  color: var(--stm-vurgu);
}

.stm-tepe-eylemi {
  padding: 10px 18px;
  font-size: var(--stm-olcek-2);
}

.stm-gezinti-ogesi {
  margin: 0;
}

.stm-marka-nisani-gorsel {
  background: none;
  box-shadow: none;
  overflow: hidden;
  border: 1px solid var(--stm-kenar);
}

.stm-marka-nisani img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  background: none;
}

.stm-acilir-liste {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.stm-acilir-liste li {
  margin: 0;
}

.stm-acilir-yuva-genis {
  min-width: 552px;
}

.stm-acilir-yuva-genis .stm-acilir-liste {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px 4px;
}

.stm-acilir-yuva-sag {
  left: auto;
  right: 0;
}

.stm-acilir-ayraci {
  grid-column: 1 / -1;
  height: 1px;
  margin: 6px 4px;
  background-color: var(--stm-kenar);
}

.stm-acilir-satiri-vurgu {
  background-color: var(--stm-vurgu-sis);
  color: var(--stm-metin);
}

.stm-acilir-satiri-vurgu:hover {
  background-color: var(--stm-vurgu-sis);
}

.stm-acilir-adi {
  display: block;
  font-weight: 560;
  line-height: 1.4;
}

.stm-mobil-listesi {
  list-style: none;
  margin: 0;
  padding: 0;
}

.stm-mobil-listesi li {
  margin: 0;
}

.stm-mobil-eylemseridi {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: var(--stm-bosluk-6);
}

.stm-mobil-temasatiri {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--stm-bosluk-3);
  padding: 14px 0 0;
  margin-top: var(--stm-bosluk-5);
  border-top: 1px solid var(--stm-kenar);
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-sonuk);
}

.stm-mobil-temadugmesi {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 15px;
  border-radius: var(--stm-yay-1);
  border: 1px solid var(--stm-kenar-parlak);
  background-color: transparent;
  color: var(--stm-metin);
  font-family: var(--stm-yazi-baslik);
  font-size: var(--stm-olcek-2);
  font-weight: 600;
  cursor: pointer;
  transition: color var(--stm-gecis-hizli), border-color var(--stm-gecis-hizli);
}

.stm-mobil-temadugmesi:hover {
  color: var(--stm-ikincil);
  border-color: var(--stm-ikincil);
}

.stm-etek-marka {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  font-family: var(--stm-yazi-baslik);
  font-size: 1.28rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--stm-metin);
  margin-bottom: var(--stm-bosluk-2);
}

.stm-etek-marka:hover {
  color: var(--stm-metin);
}

.stm-etek-oyunseridi {
  padding-block: var(--stm-bosluk-5);
  border-bottom: 1px solid var(--stm-kenar);
}

.stm-oyunseridi-basligi {
  font-family: var(--stm-yazi-baslik);
  font-size: var(--stm-olcek-2);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.13em;
  color: var(--stm-metin);
  margin-bottom: var(--stm-bosluk-3);
}

.stm-oyunseridi-listesi {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.stm-oyunseridi-listesi li {
  margin: 0;
}

.stm-oyunseridi-bagi {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: var(--stm-yay-tam);
  border: 1px solid var(--stm-kenar);
  background-color: var(--stm-panel);
  font-size: var(--stm-olcek-2);
  color: var(--stm-metin-sonuk);
  transition: color var(--stm-gecis-hizli), border-color var(--stm-gecis-hizli), background-color var(--stm-gecis-hizli), transform var(--stm-gecis-hizli);
}

.stm-oyunseridi-bagi i {
  font-size: 0.72rem;
  color: var(--stm-metin-golge);
  transition: color var(--stm-gecis-hizli);
}

.stm-oyunseridi-bagi:hover {
  color: var(--stm-vurgu);
  border-color: var(--stm-vurgu);
  background-color: var(--stm-vurgu-sis);
  transform: translateY(-2px);
}

.stm-oyunseridi-bagi:hover i {
  color: var(--stm-vurgu);
}

.stm-etek-iletisimi {
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin-top: var(--stm-bosluk-3);
}

.stm-iletisim-satiri {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-sonuk);
  line-height: 1.6;
}

.stm-iletisim-simgesi {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background-color: var(--stm-vurgu-sis);
  color: var(--stm-vurgu);
  font-size: 0.78rem;
}

.stm-iletisim-degeri {
  display: block;
  color: var(--stm-metin);
  font-weight: 540;
}

.stm-iletisim-degeri:hover {
  color: var(--stm-vurgu);
}

.stm-iletisim-eki {
  display: block;
  font-size: var(--stm-olcek-1);
  color: var(--stm-metin-golge);
  margin-top: 2px;
}

.stm-etek-sosyalagi {
  list-style: none;
  margin: var(--stm-bosluk-4) 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.stm-etek-sosyalagi li {
  margin: 0;
}

.stm-sosyal-bagi {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--stm-yay-2);
  border: 1px solid var(--stm-kenar);
  background-color: var(--stm-panel);
  color: var(--stm-metin-sonuk);
  font-size: 0.95rem;
  transition: color var(--stm-gecis-hizli), border-color var(--stm-gecis-hizli), transform var(--stm-gecis-hizli), background-color var(--stm-gecis-hizli);
}

.stm-sosyal-bagi:hover {
  color: var(--stm-metin);
  border-color: var(--stm-vurgu);
  background-color: var(--stm-vurgu-sis);
  transform: translateY(-3px);
}

.stm-etek-yasalbaglari {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 18px;
}

.stm-etek-yasalbaglari li {
  margin: 0;
  position: relative;
}

.stm-etek-yasalbaglari li + li::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--stm-metin-golge);
  transform: translateY(-50%);
}

.stm-yasal-bagi {
  font-size: var(--stm-olcek-2);
  color: var(--stm-metin-sonuk);
}

.stm-yasal-bagi:hover {
  color: var(--stm-vurgu);
}

.stm-etek-kapanisi {
  display: flex;
  align-items: flex-start;
  gap: var(--stm-bosluk-3);
  padding-top: var(--stm-bosluk-4);
  margin-top: var(--stm-bosluk-4);
  border-top: 1px solid var(--stm-kenar);
}

.stm-etek-kapanis-yazisi {
  font-size: var(--stm-olcek-1);
  color: var(--stm-metin-golge);
  line-height: 1.68;
  margin: 0;
}

.stm-yaziizgarasi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(304px, 1fr));
  gap: var(--stm-bosluk-4);
}

.stm-yazikarti {
  display: flex;
  flex-direction: column;
  border-radius: var(--stm-yay-3);
  background-color: var(--stm-panel);
  border: 1px solid var(--stm-kenar);
  overflow: hidden;
  transition: transform var(--stm-gecis-orta), border-color var(--stm-gecis-orta), box-shadow var(--stm-gecis-orta);
}

.stm-yazikarti:hover {
  transform: translateY(-5px);
  border-color: var(--stm-kenar-parlak);
  box-shadow: var(--stm-golge-3);
}

.stm-yazikarti-sahnesi {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background-color: var(--stm-panel-solgun);
}

.stm-yazikarti-sahnesi img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  transition: transform var(--stm-gecis-yavas);
}

.stm-yazikarti:hover .stm-yazikarti-sahnesi img {
  transform: scale(1.05);
}

.stm-yazikarti-etiketi {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 12px;
  border-radius: var(--stm-yay-tam);
  background-color: rgba(9, 12, 17, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  font-size: var(--stm-olcek-1);
  font-weight: 560;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #dfe6ee;
}

.stm-yazikarti-govdesi {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 11px;
  padding: var(--stm-bosluk-4);
}

.stm-yazikarti-adi {
  margin: 0;
  font-size: var(--stm-olcek-6);
  line-height: 1.32;
}

.stm-yazikarti-adi a {
  color: var(--stm-metin);
}

.stm-yazikarti-adi a:hover {
  color: var(--stm-vurgu);
}

.stm-yazikarti-ozeti {
  margin: 0;
  flex: 1;
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-sonuk);
  line-height: 1.7;
}

.stm-yazikarti-alt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--stm-bosluk-2);
  padding-top: 13px;
  border-top: 1px solid var(--stm-kenar);
}

.stm-yazi-olcusu {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: var(--stm-olcek-1);
  color: var(--stm-metin-golge);
}

.stm-yazi-olcusu i {
  font-size: 0.72rem;
  color: var(--stm-vurgu);
}

.stm-adimlistesi {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--stm-bosluk-3);
}

.stm-adimogesi {
  display: flex;
  align-items: flex-start;
  gap: var(--stm-bosluk-4);
  margin: 0;
  padding: var(--stm-bosluk-4);
  border-radius: var(--stm-yay-2);
  background-color: var(--stm-panel);
  border: 1px solid var(--stm-kenar);
  transition: border-color var(--stm-gecis-orta), background-color var(--stm-gecis-orta);
}

.stm-adimogesi:hover {
  border-color: var(--stm-kenar-parlak);
  background-color: var(--stm-panel-yuksek);
}

.stm-adimnumarasi {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background-color: var(--stm-vurgu-sis);
  border: 1px solid rgba(63, 217, 164, 0.28);
  color: var(--stm-vurgu);
  font-family: var(--stm-yazi-sayi);
  font-size: var(--stm-olcek-5);
  font-weight: 700;
}

.stm-adimgovdesi {
  min-width: 0;
}

.stm-adimbasligi {
  margin: 0 0 6px;
  font-size: var(--stm-olcek-5);
  line-height: 1.35;
}

.stm-adimyazisi {
  margin: 0;
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-sonuk);
  line-height: 1.72;
}

.stm-adrespaneli {
  border-radius: var(--stm-yay-3);
  border: 1px solid var(--stm-kenar);
  background:
    radial-gradient(520px 260px at 92% 0%, rgba(63, 217, 164, 0.1), transparent 70%),
    var(--stm-panel);
  overflow: hidden;
}

.stm-adres-tepesi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--stm-bosluk-3);
  padding: 15px var(--stm-bosluk-4);
  border-bottom: 1px solid var(--stm-kenar);
  background-color: var(--stm-panel-yuksek);
}

.stm-adres-tepebasligi {
  margin: 0;
  font-size: var(--stm-olcek-3);
  font-family: var(--stm-yazi-baslik);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: var(--stm-metin);
}

.stm-adres-durumu {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 13px;
  border-radius: var(--stm-yay-tam);
  background-color: var(--stm-vurgu-sis);
  border: 1px solid rgba(63, 217, 164, 0.3);
  color: var(--stm-vurgu);
  font-size: var(--stm-olcek-1);
  font-weight: 560;
  letter-spacing: 0.04em;
}

.stm-adres-listesi {
  list-style: none;
  margin: 0;
  padding: 0;
}

.stm-adres-satiri {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--stm-bosluk-3);
  margin: 0;
  padding: 15px var(--stm-bosluk-4);
  border-bottom: 1px solid var(--stm-kenar);
}

.stm-adres-satiri:last-child {
  border-bottom: 0;
}

.stm-adres-etiketi {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-sonuk);
}

.stm-adres-etiketi i {
  color: var(--stm-metin-golge);
  font-size: 0.82rem;
}

.stm-adres-degeri {
  font-family: var(--stm-yazi-sayi);
  font-size: var(--stm-olcek-4);
  font-weight: 600;
  color: var(--stm-metin);
  letter-spacing: 0.01em;
  word-break: break-word;
}

.stm-adres-notu {
  padding: var(--stm-bosluk-4);
  background-color: var(--stm-panel-solgun);
  border-top: 1px solid var(--stm-kenar);
  font-size: var(--stm-olcek-2);
  color: var(--stm-metin-golge);
  line-height: 1.7;
  margin: 0;
}

.stm-kategoriseridi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));
  gap: var(--stm-bosluk-3);
}

.stm-kategorikarti {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: var(--stm-bosluk-4);
  border-radius: var(--stm-yay-2);
  border: 1px solid var(--stm-kenar);
  background-color: var(--stm-panel);
  transition: border-color var(--stm-gecis-orta), transform var(--stm-gecis-orta);
}

.stm-kategorikarti:hover {
  border-color: var(--stm-vurgu);
  transform: translateY(-3px);
}

.stm-kategori-simgesi {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background-color: var(--stm-panel-yuksek);
  border: 1px solid var(--stm-kenar);
  color: var(--stm-vurgu);
  font-size: 0.95rem;
}

.stm-kategori-adi {
  margin: 0;
  font-size: var(--stm-olcek-4);
  line-height: 1.35;
  color: var(--stm-metin);
}

.stm-kategori-yazisi {
  margin: 0;
  font-size: var(--stm-olcek-2);
  color: var(--stm-metin-golge);
  line-height: 1.62;
}

.stm-vurgu-satiri {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--stm-bosluk-3);
  margin-block: var(--stm-bosluk-5);
}

.stm-vurgu-ogesi {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: var(--stm-bosluk-3) var(--stm-bosluk-4);
  border-radius: var(--stm-yay-2);
  background-color: var(--stm-panel-solgun);
  border-left: 2px solid var(--stm-vurgu);
}

.stm-vurgu-ogesi i {
  color: var(--stm-vurgu);
  font-size: 0.92rem;
  margin-top: 4px;
  flex-shrink: 0;
}

.stm-vurgu-metni {
  margin: 0;
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-ara);
  line-height: 1.66;
}

.stm-iletisimizgarasi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));
  gap: var(--stm-bosluk-4);
}

.stm-iletisimkutusu {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: var(--stm-bosluk-5);
  border-radius: var(--stm-yay-3);
  background-color: var(--stm-panel);
  border: 1px solid var(--stm-kenar);
  transition: border-color var(--stm-gecis-orta), transform var(--stm-gecis-orta), background-color var(--stm-gecis-orta);
}

.stm-iletisimkutusu:hover {
  border-color: var(--stm-vurgu);
  background-color: var(--stm-panel-yuksek);
  transform: translateY(-4px);
}

.stm-iletisimkutusu-simgesi {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background-color: var(--stm-vurgu-sis);
  border: 1px solid rgba(63, 217, 164, 0.24);
  color: var(--stm-vurgu);
  font-size: 1.08rem;
  margin-bottom: 4px;
}

.stm-iletisimkutusu-basligi {
  margin: 0;
  font-size: var(--stm-olcek-2);
  font-family: var(--stm-yazi-baslik);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.11em;
  color: var(--stm-metin-golge);
}

.stm-iletisimkutusu-degeri {
  font-size: var(--stm-olcek-5);
  font-weight: 600;
  color: var(--stm-metin);
  line-height: 1.45;
  word-break: break-word;
}

a.stm-iletisimkutusu-degeri:hover {
  color: var(--stm-vurgu);
}

.stm-iletisimkutusu-eki {
  margin: 0;
  font-size: var(--stm-olcek-2);
  color: var(--stm-metin-sonuk);
  line-height: 1.66;
}

.stm-kisiizgarasi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(268px, 1fr));
  gap: var(--stm-bosluk-4);
}

.stm-kisikarti {
  display: flex;
  flex-direction: column;
  border-radius: var(--stm-yay-3);
  background-color: var(--stm-panel);
  border: 1px solid var(--stm-kenar);
  overflow: hidden;
  transition: border-color var(--stm-gecis-orta), transform var(--stm-gecis-orta);
}

.stm-kisikarti:hover {
  border-color: var(--stm-kenar-parlak);
  transform: translateY(-4px);
}

.stm-kisi-sahnesi {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background-color: var(--stm-panel-solgun);
}

.stm-kisi-sahnesi img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  transition: transform var(--stm-gecis-yavas);
}

.stm-kisikarti:hover .stm-kisi-sahnesi img {
  transform: scale(1.05);
}

.stm-kisi-govdesi {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: var(--stm-bosluk-4);
}

.stm-kisi-adi {
  margin: 0;
  font-size: var(--stm-olcek-5);
  line-height: 1.35;
  color: var(--stm-metin);
}

.stm-kisi-gorevi {
  font-size: var(--stm-olcek-2);
  color: var(--stm-vurgu);
  font-weight: 560;
  letter-spacing: 0.02em;
}

.stm-kisi-yazisi {
  margin: 4px 0 0;
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-sonuk);
  line-height: 1.68;
}

.stm-kisi-baglantisi {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid var(--stm-kenar);
  font-size: var(--stm-olcek-2);
  color: var(--stm-metin-ara);
}

.stm-kisi-baglantisi i {
  color: var(--stm-metin-golge);
  font-size: 0.76rem;
}

.stm-kisi-baglantisi:hover {
  color: var(--stm-vurgu);
}

.stm-haritacercevesi {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--stm-yay-3);
  border: 1px solid var(--stm-kenar);
  overflow: hidden;
  background-color: var(--stm-panel-solgun);
  box-shadow: var(--stm-golge-2);
}

.stm-haritacercevesi iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  filter: grayscale(0.28) contrast(1.04);
}

:root[data-stm-tema="acik"] .stm-haritacercevesi iframe {
  filter: none;
}

.stm-harita-alti {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin-top: var(--stm-bosluk-3);
  font-size: var(--stm-olcek-2);
  color: var(--stm-metin-golge);
  line-height: 1.66;
}

.stm-harita-alti i {
  color: var(--stm-vurgu);
  margin-top: 3px;
  flex-shrink: 0;
}

.stm-zamancizelgesi {
  list-style: none;
  margin: var(--stm-bosluk-5) 0;
  padding: 0 0 0 var(--stm-bosluk-5);
  position: relative;
}

.stm-zamancizelgesi::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: linear-gradient(180deg, var(--stm-vurgu), var(--stm-kenar));
}

.stm-cizelgeogesi {
  position: relative;
  margin: 0 0 var(--stm-bosluk-5);
  padding-left: var(--stm-bosluk-2);
}

.stm-cizelgeogesi:last-child {
  margin-bottom: 0;
}

.stm-cizelgeogesi::before {
  content: "";
  position: absolute;
  left: calc(var(--stm-bosluk-5) * -1 + 2px);
  top: 7px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: var(--stm-zemin);
  border: 2px solid var(--stm-vurgu);
}

.stm-cizelge-donemi {
  display: inline-block;
  font-family: var(--stm-yazi-sayi);
  font-size: var(--stm-olcek-2);
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--stm-vurgu);
  margin-bottom: 5px;
}

.stm-cizelge-basligi {
  margin: 0 0 6px;
  font-size: var(--stm-olcek-5);
  line-height: 1.38;
}

.stm-cizelge-yazisi {
  margin: 0;
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-sonuk);
  line-height: 1.72;
}

.stm-ilkelistesi {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--stm-bosluk-3);
}

.stm-ilkeogesi {
  display: flex;
  align-items: flex-start;
  gap: var(--stm-bosluk-3);
  margin: 0;
  padding: var(--stm-bosluk-4);
  border-radius: var(--stm-yay-2);
  border: 1px solid var(--stm-kenar);
  background-color: var(--stm-panel);
}

.stm-ilke-simgesi {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background-color: var(--stm-panel-yuksek);
  border: 1px solid var(--stm-kenar);
  color: var(--stm-ikincil);
  font-size: 0.92rem;
}

.stm-ilke-basligi {
  margin: 0 0 5px;
  font-size: var(--stm-olcek-4);
  line-height: 1.4;
}

.stm-ilke-yazisi {
  margin: 0;
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-sonuk);
  line-height: 1.7;
}

.stm-amacizgarasi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: var(--stm-bosluk-4);
}

.stm-amacpaneli {
  position: relative;
  padding: var(--stm-bosluk-6);
  border-radius: var(--stm-yay-4);
  border: 1px solid var(--stm-kenar);
  background:
    radial-gradient(480px 240px at 90% 0%, rgba(63, 217, 164, 0.1), transparent 70%),
    var(--stm-panel);
}

.stm-amacpaneli-mor {
  background:
    radial-gradient(480px 240px at 90% 0%, rgba(139, 127, 240, 0.12), transparent 70%),
    var(--stm-panel);
}

.stm-amac-usteti {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: var(--stm-yazi-baslik);
  font-size: var(--stm-olcek-2);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--stm-vurgu);
  margin-bottom: var(--stm-bosluk-3);
}

.stm-amacpaneli-mor .stm-amac-usteti {
  color: var(--stm-mor);
}

.stm-amac-basligi {
  margin: 0 0 var(--stm-bosluk-3);
  font-size: clamp(1.3rem, 1.1rem + 0.8vw, var(--stm-olcek-7));
  line-height: 1.32;
}

.stm-amac-yazisi {
  margin: 0 0 var(--stm-bosluk-3);
  font-size: var(--stm-olcek-4);
  color: var(--stm-metin-ara);
  line-height: 1.76;
}

.stm-amac-yazisi:last-child {
  margin-bottom: 0;
}

.stm-maddeetiketi {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 12px;
  margin-bottom: 10px;
  border-radius: var(--stm-yay-1);
  background-color: var(--stm-panel-yuksek);
  border: 1px solid var(--stm-kenar);
  font-family: var(--stm-yazi-sayi);
  font-size: var(--stm-olcek-1);
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--stm-vurgu);
}

.stm-maddegovdesi {
  margin-bottom: var(--stm-bosluk-6);
  scroll-margin-top: calc(var(--stm-tepe-yukseklik) + 28px);
}

.stm-maddegovdesi:last-child {
  margin-bottom: 0;
}

.stm-maddegovdesi > h2 {
  margin-top: 0;
  margin-bottom: var(--stm-bosluk-3);
  font-size: clamp(1.22rem, 1.06rem + 0.7vw, var(--stm-olcek-6));
}

.stm-maddegovdesi > h3 {
  margin-top: var(--stm-bosluk-4);
  font-size: var(--stm-olcek-5);
}

.stm-maddegovdesi > p:last-child,
.stm-maddegovdesi > ul:last-child,
.stm-maddegovdesi > ol:last-child {
  margin-bottom: 0;
}

.stm-yasalozeti {
  padding: var(--stm-bosluk-5);
  margin-bottom: var(--stm-bosluk-6);
  border-radius: var(--stm-yay-3);
  border: 1px solid var(--stm-kenar);
  background:
    radial-gradient(520px 260px at 88% 0%, rgba(139, 127, 240, 0.1), transparent 70%),
    var(--stm-panel);
}

.stm-yasalozeti-basligi {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 var(--stm-bosluk-3);
  font-size: var(--stm-olcek-5);
  color: var(--stm-metin);
}

.stm-yasalozeti-basligi i {
  color: var(--stm-mor);
  font-size: 1rem;
}

.stm-ozetlistesi {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 11px;
}

.stm-ozetlistesi li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 0;
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-ara);
  line-height: 1.7;
}

.stm-ozetlistesi li::before {
  content: "";
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  margin-top: 10px;
  border-radius: 50%;
  background-color: var(--stm-vurgu);
}

.stm-kunyeseridi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
  gap: var(--stm-bosluk-3);
  padding: var(--stm-bosluk-4);
  margin-bottom: var(--stm-bosluk-6);
  border-radius: var(--stm-yay-2);
  border: 1px solid var(--stm-kenar);
  background-color: var(--stm-panel-solgun);
}

.stm-kunye-ogesi {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.stm-kunye-adi {
  font-size: var(--stm-olcek-1);
  text-transform: uppercase;
  letter-spacing: 0.11em;
  color: var(--stm-metin-golge);
}

.stm-kunye-degeri {
  font-size: var(--stm-olcek-3);
  font-weight: 560;
  color: var(--stm-metin);
}

.stm-yasaluyarisi {
  display: flex;
  gap: var(--stm-bosluk-3);
  margin-top: var(--stm-bosluk-6);
  padding: var(--stm-bosluk-4);
  border-radius: var(--stm-yay-2);
  border: 1px solid rgba(232, 163, 61, 0.32);
  background-color: var(--stm-ikincil-sis);
}

.stm-yasaluyarisi i {
  flex-shrink: 0;
  color: var(--stm-ikincil);
  font-size: 1.02rem;
  margin-top: 3px;
}

.stm-yasaluyarisi p {
  margin: 0;
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-ara);
  line-height: 1.7;
}

.stm-yazarseridi {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--stm-bosluk-3);
  padding: var(--stm-bosluk-3) 0;
  margin-bottom: var(--stm-bosluk-5);
  border-top: 1px solid var(--stm-kenar);
  border-bottom: 1px solid var(--stm-kenar);
}

.stm-yazar-nisani {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid var(--stm-kenar);
  background-color: var(--stm-panel-solgun);
}

.stm-yazar-nisani img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.stm-yazar-kimligi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-right: auto;
}

.stm-yazar-adi {
  font-family: var(--stm-yazi-baslik);
  font-size: var(--stm-olcek-3);
  font-weight: 600;
  color: var(--stm-metin);
}

.stm-yazar-gorevi {
  font-size: var(--stm-olcek-1);
  color: var(--stm-metin-golge);
  letter-spacing: 0.02em;
}

.stm-yazi-kunyesi {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--stm-bosluk-4);
  font-size: var(--stm-olcek-2);
  color: var(--stm-metin-sonuk);
}

.stm-yazi-kunyesi span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.stm-yazi-kunyesi i {
  color: var(--stm-vurgu);
  font-size: 0.76rem;
}

.stm-etiketseridi {
  list-style: none;
  margin: var(--stm-bosluk-6) 0 0;
  padding: var(--stm-bosluk-4) 0 0;
  border-top: 1px solid var(--stm-kenar);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
}

.stm-etiketseridi li {
  margin: 0;
}

.stm-etiketseridi-basligi {
  font-size: var(--stm-olcek-1);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--stm-metin-golge);
  margin-right: 4px;
}

.stm-etiket-nisani {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 13px;
  border-radius: var(--stm-yay-tam);
  border: 1px solid var(--stm-kenar);
  background-color: var(--stm-panel);
  font-size: var(--stm-olcek-2);
  color: var(--stm-metin-sonuk);
  transition: color var(--stm-gecis-hizli), border-color var(--stm-gecis-hizli);
}

.stm-etiket-nisani:hover {
  color: var(--stm-vurgu);
  border-color: var(--stm-vurgu);
}

.stm-onecikanyazi {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 0;
  margin-bottom: var(--stm-bosluk-6);
  border-radius: var(--stm-yay-4);
  border: 1px solid var(--stm-kenar);
  background-color: var(--stm-panel);
  overflow: hidden;
  transition: border-color var(--stm-gecis-orta), box-shadow var(--stm-gecis-orta);
}

.stm-onecikanyazi:hover {
  border-color: var(--stm-kenar-parlak);
  box-shadow: var(--stm-golge-3);
}

.stm-onecikan-sahnesi {
  position: relative;
  min-height: 268px;
  overflow: hidden;
  background-color: var(--stm-panel-solgun);
}

.stm-onecikan-sahnesi img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  transition: transform var(--stm-gecis-yavas);
}

.stm-onecikanyazi:hover .stm-onecikan-sahnesi img {
  transform: scale(1.04);
}

.stm-onecikan-govdesi {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 13px;
  padding: var(--stm-bosluk-6);
}

.stm-onecikan-rozeti {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  padding: 5px 13px;
  border-radius: var(--stm-yay-tam);
  background-color: var(--stm-ikincil-sis);
  border: 1px solid rgba(232, 163, 61, 0.3);
  color: var(--stm-ikincil);
  font-size: var(--stm-olcek-1);
  font-weight: 560;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}

.stm-onecikan-basligi {
  margin: 0;
  font-size: clamp(1.42rem, 1.15rem + 1.1vw, var(--stm-olcek-8));
  line-height: 1.26;
}

.stm-onecikan-basligi a {
  color: var(--stm-metin);
}

.stm-onecikan-basligi a:hover {
  color: var(--stm-vurgu);
}

.stm-onecikan-ozeti {
  margin: 0;
  font-size: var(--stm-olcek-4);
  color: var(--stm-metin-sonuk);
  line-height: 1.74;
}

.stm-yazikarti-tarihi {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: var(--stm-olcek-1);
  color: var(--stm-metin-golge);
}

.stm-yazikarti-tarihi i {
  font-size: 0.72rem;
}

.stm-devamoku {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--stm-yazi-baslik);
  font-size: var(--stm-olcek-2);
  font-weight: 600;
  letter-spacing: 0.03em;
  color: var(--stm-vurgu);
}

.stm-devamoku i {
  transition: transform var(--stm-gecis-hizli);
}

.stm-devamoku:hover i {
  transform: translateX(4px);
}

.stm-arsivsayaci {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--stm-bosluk-4);
  padding: var(--stm-bosluk-3) var(--stm-bosluk-4);
  margin-bottom: var(--stm-bosluk-5);
  border-radius: var(--stm-yay-2);
  border: 1px solid var(--stm-kenar);
  background-color: var(--stm-panel-solgun);
  font-size: var(--stm-olcek-2);
  color: var(--stm-metin-sonuk);
}

.stm-arsivsayaci strong {
  color: var(--stm-vurgu);
  font-family: var(--stm-yazi-sayi);
}

.stm-turseridi {
  position: sticky;
  top: calc(var(--stm-tepe-yukseklik) + 8px);
  z-index: 40;
  list-style: none;
  margin: 0 0 var(--stm-bosluk-6);
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-radius: var(--stm-yay-3);
  border: 1px solid var(--stm-kenar);
  background-color: rgba(23, 29, 38, 0.88);
  backdrop-filter: saturate(150%) blur(12px);
  -webkit-backdrop-filter: saturate(150%) blur(12px);
  box-shadow: var(--stm-golge-2);
}

:root[data-stm-tema="acik"] .stm-turseridi {
  background-color: rgba(255, 255, 255, 0.9);
}

.stm-turseridi li {
  margin: 0;
}

.stm-turseridi-bagi {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 15px;
  border-radius: var(--stm-yay-1);
  border: 1px solid transparent;
  font-family: var(--stm-yazi-baslik);
  font-size: var(--stm-olcek-2);
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--stm-metin-ara);
  white-space: nowrap;
  transition: color var(--stm-gecis-hizli), background-color var(--stm-gecis-hizli), border-color var(--stm-gecis-hizli);
}

.stm-turseridi-bagi i {
  font-size: 0.8rem;
  color: var(--stm-metin-golge);
  transition: color var(--stm-gecis-hizli);
}

.stm-turseridi-bagi:hover,
.stm-turseridi-bagi:focus-visible {
  color: var(--stm-metin);
  background-color: var(--stm-vurgu-sis);
  border-color: rgba(63, 217, 164, 0.3);
}

.stm-turseridi-bagi:hover i {
  color: var(--stm-vurgu);
}

.stm-turseridi-sayisi {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: var(--stm-yay-tam);
  background-color: var(--stm-panel-yuksek);
  border: 1px solid var(--stm-kenar);
  font-family: var(--stm-yazi-sayi);
  font-size: var(--stm-olcek-1);
  color: var(--stm-metin-sonuk);
}

.stm-turbolumu {
  margin-bottom: var(--stm-bosluk-8);
  scroll-margin-top: calc(var(--stm-tepe-yukseklik) + 92px);
}

.stm-turbolumu:last-child {
  margin-bottom: 0;
}

.stm-turbasligi-satiri {
  display: flex;
  align-items: flex-start;
  gap: var(--stm-bosluk-3);
  margin-bottom: var(--stm-bosluk-4);
  padding-bottom: var(--stm-bosluk-3);
  border-bottom: 1px solid var(--stm-kenar);
}

.stm-turbasligi-simgesi {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background-color: var(--stm-vurgu-sis);
  border: 1px solid rgba(63, 217, 164, 0.22);
  color: var(--stm-vurgu);
  font-size: 1.05rem;
}

.stm-turbasligi-govdesi {
  min-width: 0;
}

.stm-turbasligi-adi {
  margin: 0 0 5px;
  font-size: var(--stm-olcek-6);
  line-height: 1.32;
}

.stm-turbasligi-yazisi {
  margin: 0;
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-sonuk);
  line-height: 1.68;
  max-width: 720px;
}

.stm-oyunkarti-eylemi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--stm-bosluk-2);
  margin-top: 12px;
  padding-top: 13px;
  border-top: 1px solid var(--stm-kenar);
}

.stm-oynadugmesi {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 19px;
  border-radius: var(--stm-yay-1);
  background: linear-gradient(135deg, var(--stm-vurgu), var(--stm-vurgu-koyu));
  color: #06120d;
  font-family: var(--stm-yazi-baslik);
  font-size: var(--stm-olcek-2);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  box-shadow: 0 6px 18px rgba(63, 217, 164, 0.18);
  transition: transform var(--stm-gecis-hizli), box-shadow var(--stm-gecis-orta), color var(--stm-gecis-hizli);
}

.stm-oynadugmesi:hover,
.stm-oynadugmesi:focus-visible {
  color: #06120d;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(63, 217, 164, 0.28);
}

.stm-oynadugmesi:active {
  transform: translateY(0);
}

.stm-etiketsatiri {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
}

.stm-etkinliklistesi {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--stm-bosluk-3);
}

.stm-etkinlikogesi {
  display: flex;
  align-items: stretch;
  gap: 0;
  margin: 0;
  border-radius: var(--stm-yay-3);
  border: 1px solid var(--stm-kenar);
  background-color: var(--stm-panel);
  overflow: hidden;
  transition: border-color var(--stm-gecis-orta), transform var(--stm-gecis-orta);
}

.stm-etkinlikogesi:hover {
  border-color: var(--stm-kenar-parlak);
  transform: translateY(-3px);
}

.stm-etkinlik-tarihi {
  flex-shrink: 0;
  width: 92px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: var(--stm-bosluk-3) 6px;
  background-color: var(--stm-panel-yuksek);
  border-right: 1px solid var(--stm-kenar);
}

.stm-etkinlik-gun {
  font-family: var(--stm-yazi-sayi);
  font-size: var(--stm-olcek-8);
  font-weight: 700;
  line-height: 1;
  color: var(--stm-vurgu);
}

.stm-etkinlik-ay {
  font-size: var(--stm-olcek-1);
  text-transform: uppercase;
  letter-spacing: 0.11em;
  color: var(--stm-metin-sonuk);
}

.stm-etkinlik-govdesi {
  flex: 1;
  min-width: 0;
  padding: var(--stm-bosluk-4);
}

.stm-etkinlik-basligi {
  margin: 0 0 6px;
  font-size: var(--stm-olcek-5);
  line-height: 1.34;
}

.stm-etkinlik-yazisi {
  margin: 0 0 10px;
  font-size: var(--stm-olcek-3);
  color: var(--stm-metin-sonuk);
  line-height: 1.7;
}

.stm-etkinlik-durumu {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 11px;
  border-radius: var(--stm-yay-tam);
  font-size: var(--stm-olcek-1);
  font-weight: 560;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.stm-durum-yayinda {
  background-color: var(--stm-vurgu-sis);
  border: 1px solid rgba(63, 217, 164, 0.3);
  color: var(--stm-vurgu);
}

.stm-durum-yaklasan {
  background-color: var(--stm-ikincil-sis);
  border: 1px solid rgba(232, 163, 61, 0.3);
  color: var(--stm-ikincil);
}

.stm-durum-tekrarli {
  background-color: rgba(139, 127, 240, 0.13);
  border: 1px solid rgba(139, 127, 240, 0.3);
  color: var(--stm-mor);
}

.stm-marka-kutusu {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(228px, 1fr));
  gap: var(--stm-bosluk-3);
  margin: var(--stm-bosluk-5) 0;
}

.stm-marka-alani {
  padding: var(--stm-bosluk-4);
  border-radius: var(--stm-yay-2);
  border: 1px solid var(--stm-kenar);
  background-color: var(--stm-panel);
}

.stm-marka-ornek {
  height: 76px;
  border-radius: var(--stm-yay-1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 11px;
  font-family: var(--stm-yazi-baslik);
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.03em;
}

.stm-marka-koyu {
  background-color: #0e1218;
  color: #e4e9f0;
  border: 1px solid var(--stm-kenar);
}

.stm-marka-acik {
  background-color: #f4f6fa;
  color: #131a24;
}

.stm-marka-vurgu {
  background: linear-gradient(135deg, var(--stm-vurgu), var(--stm-vurgu-koyu));
  color: #06120d;
}

.stm-marka-adi {
  font-size: var(--stm-olcek-3);
  font-weight: 600;
  color: var(--stm-metin);
  display: block;
  margin-bottom: 4px;
}

.stm-marka-notu {
  margin: 0;
  font-size: var(--stm-olcek-2);
  color: var(--stm-metin-golge);
  line-height: 1.62;
}

.stm-renkseridi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 10px;
  margin: var(--stm-bosluk-4) 0;
}

.stm-renkkarti {
  border-radius: var(--stm-yay-2);
  border: 1px solid var(--stm-kenar);
  overflow: hidden;
}

.stm-renkyuzu {
  height: 56px;
}

.stm-renkbilgi {
  padding: 9px 11px;
  background-color: var(--stm-panel);
}

.stm-renkadi {
  display: block;
  font-size: var(--stm-olcek-2);
  font-weight: 600;
  color: var(--stm-metin);
}

.stm-renkkodu {
  display: block;
  font-family: var(--stm-yazi-sayi);
  font-size: var(--stm-olcek-1);
  color: var(--stm-metin-golge);
  letter-spacing: 0.04em;
}

@media (max-width: 1180px) {
  .stm-ikili-yerlesim {
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: var(--stm-bosluk-5);
  }

  .stm-ikili-yerlesim-ters {
    grid-template-columns: 260px minmax(0, 1fr);
    gap: var(--stm-bosluk-5);
  }

  .stm-etek-ustkismi {
    grid-template-columns: 1.4fr repeat(3, 1fr);
    gap: var(--stm-bosluk-5);
  }

  .stm-izgara-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1024px) {
  .stm-gezinti-alani,
  .stm-gezintiagi,
  .stm-tema-anahtari,
  .stm-tepe-eylemi {
    display: none;
  }

  .stm-mobilanahtar {
    display: inline-flex;
  }

  .stm-pano-govdesi {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--stm-bosluk-6);
  }

  .stm-pano-gorseli {
    transform: none;
    order: -1;
  }

  .stm-pano-yazisi {
    max-width: none;
  }

  .stm-ikili-yerlesim,
  .stm-ikili-yerlesim-ters {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--stm-bosluk-6);
  }

  .stm-yankutusu {
    position: static;
  }

  .stm-izgara-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stm-izgara-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .stm-etek-ustkismi {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--stm-bosluk-6);
  }

  .stm-etek-tanitimi {
    grid-column: 1 / -1;
    max-width: none;
  }

  .stm-yontusu {
    display: grid;
    grid-template-columns: repeat(3, 52px);
    grid-template-rows: repeat(2, 52px);
    justify-content: center;
    gap: 8px;
    padding: var(--stm-bosluk-3) 0 var(--stm-bosluk-2);
  }
}

@media (max-width: 768px) {
  :root {
    --stm-tepe-yukseklik: 64px;
    --stm-bosluk-8: 60px;
    --stm-bosluk-9: 76px;
  }

  body {
    font-size: 0.9688rem;
    line-height: 1.7;
  }

  .stm-hizali,
  .stm-hizali-dar,
  .stm-tepe-govde {
    padding-inline: 18px;
  }

  .stm-kesit {
    padding-block: var(--stm-bosluk-7);
  }

  .stm-sayac-seridi {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--stm-bosluk-4) var(--stm-bosluk-3);
  }

  .stm-oyunizgarasi {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--stm-bosluk-3);
  }

  .stm-terimsatiri {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    padding-block: var(--stm-bosluk-3);
  }

  .stm-sayfagecisi {
    grid-template-columns: minmax(0, 1fr);
  }

  .stm-gecis-karti-sag {
    text-align: left;
  }

  .stm-yonlendirmekutusu {
    padding: var(--stm-bosluk-5) var(--stm-bosluk-4);
  }

  .stm-makalegovdesi h2 {
    margin-top: var(--stm-bosluk-6);
  }

  .stm-arabaslikbandi {
    margin-top: var(--stm-bosluk-6);
  }

  .stm-yontusu {
    display: grid;
    grid-template-columns: repeat(3, 52px);
    grid-template-rows: repeat(2, 52px);
    justify-content: center;
    gap: 8px;
    padding: var(--stm-bosluk-3) 0 var(--stm-bosluk-2);
  }

  .stm-tuvalkontrolseridi {
    justify-content: center;
  }

  .stm-skorgostergesi {
    gap: var(--stm-bosluk-3);
  }

  .stm-etek-altkismi {
    flex-direction: column;
    align-items: flex-start;
  }

  .stm-yukariok {
    right: 14px;
    bottom: 14px;
    width: 40px;
    height: 40px;
  }

  .stm-alintikutusu {
    padding: var(--stm-bosluk-3) var(--stm-bosluk-4);
    font-size: var(--stm-olcek-4);
  }
}

@media (max-width: 480px) {
  :root {
    --stm-bosluk-6: 32px;
    --stm-bosluk-7: 44px;
    --stm-bosluk-8: 52px;
  }

  h1 { letter-spacing: -0.02em; }

  .stm-hizali,
  .stm-hizali-dar,
  .stm-tepe-govde {
    padding-inline: 15px;
  }

  .stm-marka-imzasi {
    font-size: 1.16rem;
  }

  .stm-marka-nisani {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    font-size: 0.9rem;
  }

  .stm-izgara-2,
  .stm-izgara-3,
  .stm-izgara-4,
  .stm-izgara-5 {
    grid-template-columns: minmax(0, 1fr);
  }

  .stm-oyunizgarasi {
    grid-template-columns: minmax(0, 1fr);
  }

  .stm-sayac-seridi {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--stm-bosluk-3);
    padding-top: var(--stm-bosluk-4);
    margin-top: var(--stm-bosluk-5);
  }

  .stm-sayac-ogesi {
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--stm-bosluk-3);
    padding-bottom: 10px;
    border-bottom: 1px solid var(--stm-kenar);
  }

  .stm-sayac-degeri {
    font-size: var(--stm-olcek-6);
  }

  .stm-eylem-bagi {
    width: 100%;
    padding: 14px 18px;
  }

  .stm-pano-etiketi {
    font-size: var(--stm-olcek-1);
  }

  .stm-etek-ustkismi {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--stm-bosluk-5);
    padding-bottom: var(--stm-bosluk-5);
  }

  .stm-sssbasligi {
    font-size: var(--stm-olcek-4);
    padding: 15px var(--stm-bosluk-3);
  }

  .stm-ssscevabi-govde {
    padding: 0 var(--stm-bosluk-3) var(--stm-bosluk-3);
  }

  .stm-tuvalustbilgi,
  .stm-tuvalkontrolseridi {
    padding-inline: var(--stm-bosluk-3);
  }

  .stm-yontusu {
    grid-template-columns: repeat(3, 48px);
    grid-template-rows: repeat(2, 48px);
  }

  .stm-yontusu-dugmesi {
    width: 48px;
    height: 48px;
  }

  .stm-mobil-bagi {
    font-size: var(--stm-olcek-4);
    padding-block: 13px;
  }

  .stm-olcutablosu thead th,
  .stm-olcutablosu tbody td {
    padding: 10px 12px;
    font-size: var(--stm-olcek-2);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-duration: 1ms;
    scroll-behavior: auto;
  }

  .stm-belirme {
    opacity: 1;
    transform: none;
  }

  .stm-pano-gorseli {
    transform: none;
  }
}

@media (max-width: 1180px) {
  .stm-acilir-yuva-genis {
    min-width: 470px;
  }
}

@media (max-width: 768px) {
  .stm-etek-oyunseridi {
    padding-block: var(--stm-bosluk-4);
  }

  .stm-oyunseridi-bagi {
    padding: 7px 12px;
    font-size: var(--stm-olcek-1);
  }

  .stm-etek-kapanisi {
    flex-direction: column;
    gap: var(--stm-bosluk-2);
  }

  .stm-etek-marka {
    font-size: 1.18rem;
  }

  .stm-adimogesi {
    gap: var(--stm-bosluk-3);
    padding: var(--stm-bosluk-3);
  }

  .stm-adimnumarasi {
    width: 36px;
    height: 36px;
    font-size: var(--stm-olcek-4);
  }

  .stm-yazikarti-adi {
    font-size: var(--stm-olcek-5);
  }

  .stm-adres-satiri {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .stm-amacpaneli {
    padding: var(--stm-bosluk-5) var(--stm-bosluk-4);
  }

  .stm-iletisimkutusu {
    padding: var(--stm-bosluk-4);
  }

  .stm-haritacercevesi {
    aspect-ratio: 4 / 3;
  }

  .stm-zamancizelgesi {
    padding-left: var(--stm-bosluk-4);
  }

  .stm-cizelgeogesi::before {
    left: calc(var(--stm-bosluk-4) * -1 + 2px);
  }

  .stm-ilkeogesi {
    padding: var(--stm-bosluk-3);
  }

  .stm-onecikanyazi {
    grid-template-columns: minmax(0, 1fr);
  }

  .stm-onecikan-sahnesi {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  .stm-onecikan-govdesi {
    padding: var(--stm-bosluk-4);
  }

  .stm-yazarseridi {
    gap: var(--stm-bosluk-2) var(--stm-bosluk-3);
  }

  .stm-yazar-kimligi {
    margin-right: 0;
  }

  .stm-yazi-kunyesi {
    width: 100%;
    gap: var(--stm-bosluk-3);
    padding-top: 10px;
    border-top: 1px solid var(--stm-kenar);
  }

  .stm-turseridi {
    position: static;
    padding: 8px;
    gap: 6px;
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
  }

  .stm-turseridi-bagi {
    padding: 8px 13px;
  }

  .stm-turbasligi-satiri {
    gap: var(--stm-bosluk-2);
  }

  .stm-turbasligi-simgesi {
    width: 38px;
    height: 38px;
    font-size: 0.92rem;
  }

  .stm-turbolumu {
    margin-bottom: var(--stm-bosluk-7);
    scroll-margin-top: calc(var(--stm-tepe-yukseklik) + 20px);
  }
}

@media (max-width: 480px) {
  .stm-oyunkarti-eylemi {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .stm-oynadugmesi {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .stm-etek-sosyalagi {
    gap: 8px;
  }

  .stm-sosyal-bagi {
    width: 38px;
    height: 38px;
    font-size: 0.88rem;
  }

  .stm-etek-yasalbaglari {
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
  }

  .stm-etek-yasalbaglari li + li::before {
    display: none;
  }

  .stm-oyunseridi-listesi {
    gap: 7px;
  }

  .stm-mobil-eylemseridi .stm-eylem-bagi {
    width: 100%;
  }
}

@media print {
  .stm-tepekusak,
  .stm-mobilkatman,
  .stm-yukariok,
  .stm-okuma-cizgisi,
  .stm-tuvalkontrolseridi,
  .stm-yontusu,
  .stm-etekagi {
    display: none;
  }

  body {
    background: #ffffff;
    color: #000000;
  }
}
.stm-marka-logosu{display:block;width:auto;height:40px;max-width:100%;object-fit:contain}
.stm-marka-logosu-etek{height:38px}
@media (max-width:768px){.stm-marka-logosu{height:34px}.stm-marka-logosu-etek{height:32px}}
@media (max-width:480px){.stm-marka-logosu{height:30px}.stm-marka-logosu-etek{height:28px}}