/* --- 00-temel.css --- */
/* Kirilma: 640px / 960px / 1200px */
:root {
  --murekkep: #17181B;
  --murekkep-2: #23262C;
  --kagit: #F7F3EA;
  --kagit-2: #EFE9DD;
  --yuzey: #FFFFFF;
  --cizgi: #E4DDCF;
  --metin: #1B1C1F;
  --metin-2: #5B5E66;
  --altin: #C8962E;
  --altin-koyu: #8A6212;
  --altin-acik: #E2B85A;
  --altin-zemin: #F6EBD3;
  --yesil: #2E6B3A;
  --yesil-zemin: #E6F2E8;
  --mavi: #2F5A8F;
  --mavi-zemin: #E6EEF8;
  --odak: #8A6212;
  --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --sans: Inter, "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --b1: 4px;
  --b2: 8px;
  --b3: 12px;
  --b4: 16px;
  --b5: 24px;
  --b6: 32px;
  --b7: 48px;
  --b8: 64px;
  --yaricap-kart: 12px;
  --yaricap-buyuk: 16px;
  --yaricap-dugme: 999px;
  --golge: 0 1px 2px rgba(23, 24, 27, 0.06), 0 6px 20px rgba(23, 24, 27, 0.06);
}

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

html {
  overflow-x: hidden;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  background: var(--kagit);
  color: var(--metin);
  font: 1rem/1.55 var(--sans);
}

h1,
h2,
h3 {
  font-family: var(--serif);
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 var(--b4);
}

h1 {
  font-size: clamp(1.85rem, 1.2rem + 2.6vw, 2.75rem);
  font-weight: 700;
  line-height: 1.15;
}

h2 {
  font-size: clamp(1.4rem, 1.1rem + 1.2vw, 1.9rem);
  line-height: 1.2;
}

h3 {
  font-size: 1.2rem;
  line-height: 1.3;
}

img,
svg {
  max-width: 100%;
}

a {
  color: var(--altin-koyu);
  text-decoration: underline;
  text-underline-offset: 2px;
}

a:hover {
  color: var(--metin);
}

:focus-visible {
  outline: 3px solid var(--odak);
  outline-offset: 2px;
}

.atla {
  position: absolute;
  left: -9999px;
  top: var(--b4);
  z-index: 1000;
  padding: var(--b3) var(--b4);
  background: var(--yuzey);
  color: var(--metin);
  text-decoration: none;
}

.atla:focus {
  left: var(--b4);
}

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

.kap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-left: var(--b5);
  padding-right: var(--b5);
}

@media (max-width: 640px) {
  .kap {
    padding-left: var(--b4);
    padding-right: var(--b4);
  }
}

.kucuk {
  font-size: 0.875rem;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

.taslak-bandi {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--b3);
  min-height: 32px;
  padding: var(--b2) var(--b4);
  background: var(--kagit-2);
  font-size: 0.875rem;
  color: var(--metin-2);
}

.taslak-bandi a {
  font-weight: 600;
}

.bant-kisa {
  display: none;
}

.ust {
  background: var(--yuzey);
  border-bottom: 1px solid var(--cizgi);
}

.ust-ic {
  display: flex;
  align-items: center;
  gap: var(--b4);
  min-height: 56px;
  flex-wrap: wrap;
}

.logo {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  gap: var(--b3);
  font-family: var(--serif);
  font-weight: 600;
  font-size: 1.125rem;
  color: var(--metin);
  text-decoration: none;
}

.logo:hover {
  color: var(--altin-koyu);
}

.menu-dugme {
  display: none;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: var(--b2);
  margin-left: auto;
  border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-kart);
  background: var(--yuzey);
  color: var(--metin);
  cursor: pointer;
}

.ana-menu {
  display: flex;
  align-items: center;
  gap: var(--b4);
  flex: 1;
  flex-wrap: wrap;
}

.ana-menu-ogeler {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b2) var(--b4);
}

.ana-menu-ogeler a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  color: var(--metin);
  text-decoration: none;
  font-size: 0.9375rem;
}

.ana-menu-ogeler a[aria-current="page"] {
  font-weight: 600;
  color: var(--altin-koyu);
}

.ana-menu-ek {
  display: none;
  flex-direction: column;
  gap: var(--b3);
  width: 100%;
  padding-top: var(--b4);
}

.arama-bag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  color: var(--metin);
  text-decoration: none;
}

.arama-bag--masaustu {
  margin-left: auto;
}

.ust-dugmeler {
  display: flex;
  gap: var(--b3);
  align-items: center;
}

.ust-dugmeler--masaustu {
  display: flex;
}

.dg {
  justify-content: center;
  padding: 0 var(--b5);
  border-radius: var(--yaricap-dugme);
  font-weight: 600;
  font-size: 0.9375rem;
  text-decoration: none;
  border: 1px solid transparent;
}

.dg--birincil {
  background: var(--altin);
  color: var(--murekkep);
}

.dg--birincil:hover {
  color: var(--murekkep);
}

.dg--ikincil {
  background: transparent;
  border-color: var(--cizgi);
  color: var(--metin);
}

.dg--ikincil:hover {
  border-color: var(--altin-koyu);
  color: var(--altin-koyu);
}

@media (max-width: 960px) {
  html.js .menu-dugme {
    display: inline-flex;
  }
  html.js .ana-menu {
    display: none;
    width: 100%;
    flex: 0 0 100%;
    flex-direction: column;
    align-items: stretch;
    padding-bottom: var(--b4);
  }
  html.js .ana-menu-ogeler {
    flex-direction: column;
    width: 100%;
  }
  html.js .ana-menu-ogeler a {
    width: 100%;
  }
  html.js .ana-menu.acik {
    display: flex;
  }
  html.js .ana-menu-ek {
    display: flex;
  }
  html.js .arama-bag--masaustu,
  html.js .ust-dugmeler--masaustu {
    display: none;
  }
}

@media (min-width: 961px) {
  .ust-ic {
    flex-wrap: nowrap;
  }
  .ana-menu {
    margin-left: var(--b4);
  }
}

.kat-serit {
  background: var(--kagit-2);
  border-bottom: 1px solid var(--cizgi);
  overflow-x: auto;
}

.kat-serit-ic {
  display: flex;
  align-items: center;
  gap: var(--b4);
  padding: var(--b3) 0;
  flex-wrap: nowrap;
  min-width: min-content;
}

.iz ol {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b2);
  list-style: none;
  margin: 0 0 var(--b4);
  padding: 0;
  font-size: 0.875rem;
  color: var(--metin-2);
}

.iz li {
  display: flex;
  align-items: center;
  min-height: 44px;
  white-space: nowrap;
}

.iz li:last-child {
  min-width: 0;
  white-space: normal;
}

.iz li:not(:last-child)::after {
  content: "›";
  margin: 0 var(--b2);
  color: var(--metin-2);
}

.iz [aria-current="page"] {
  color: var(--metin);
  font-weight: 600;
}

@media (max-width: 640px) {
  .kat-serit-ic {
    padding-inline: var(--b4);
  }

  .iz li:last-child {
    flex: 1 1 100%;
  }

  .iz li:nth-last-child(2)::after,
  .p3-makale .iz li:nth-last-child(2)::after,
  .soy-detay .iz li:nth-last-child(2)::after {
    content: none;
  }
}

.kat-tarih {
  flex-shrink: 0;
  font-size: 0.875rem;
  color: var(--metin-2);
  white-space: nowrap;
}

.kat-ciplar {
  display: flex;
  gap: var(--b2);
  overflow-x: auto;
  flex: 1;
  min-width: 0;
}

.cip {
  display: inline-flex;
  align-items: center;
  gap: var(--b2);
  padding: var(--b2) var(--b3);
  border-radius: var(--yaricap-dugme);
  background: var(--yuzey);
  border: 1px solid var(--cizgi);
  color: var(--metin);
  text-decoration: none;
  font-size: 0.875rem;
  white-space: nowrap;
  flex-shrink: 0;
}

.cip .nokta {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--k, var(--metin-2));
}

.kat-radar {
  flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
}

main {
  padding: var(--b6) 0 var(--b7);
}

.alt {
  background: var(--murekkep);
  color: #E8E6E1;
  padding: var(--b7) 0 var(--b6);
}

.alt a {
  color: var(--altin-acik);
}

.alt-ic {
  display: flex;
  flex-direction: column;
  gap: var(--b6);
}

.alt-ad {
  font-family: var(--serif);
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
}

.alt-slogan {
  margin: var(--b2) 0 0;
  color: #B8B5AE;
  font-size: 0.9375rem;
}

.alt-sutunlar {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: var(--b5);
}

@media (max-width: 960px) {
  .alt-sutunlar {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .alt-sutunlar {
    grid-template-columns: 1fr;
  }
}

.alt-baslik {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0 0 var(--b3);
  color: #fff;
}

.alt-sutun ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.alt-sutun li {
  margin-bottom: var(--b2);
}

.alt-sutun a,.iz a,.dg {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

.alt-sutun a {
  font-size: 0.875rem;
  text-decoration: none;
}

.alt-not {
  font-size: 0.8125rem;
  color: #9A9790;
  margin: 0;
  border-top: 1px solid var(--murekkep-2);
  padding-top: var(--b5);
}

.vitrin {
  padding-bottom: var(--b8);
}

[hidden] {
  display: none !important;
}

.kat-serit,.kat-ciplar,.kr-tablo-sarmal,body.panel-sayfa .panel-yan {
  scrollbar-width: none;
}

.kat-serit::-webkit-scrollbar,.kat-ciplar::-webkit-scrollbar,.kr-tablo-sarmal::-webkit-scrollbar,body.panel-sayfa .panel-yan::-webkit-scrollbar {
  display: none;
}

@media (max-width: 640px) {
  .taslak-bandi {
    flex-wrap: nowrap;
    font-size: 0.75rem;
    min-height: 44px;
    padding-block: 0;
    gap: var(--b2);
  }
  .taslak-bandi .bant-uzun {
    display: none;
  }
  .taslak-bandi .bant-kisa {
    display: block;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .taslak-bandi a {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    min-height: 44px;
  }
  body.panel-sayfa .taslak-bandi,
  body.panel-sayfa .panel-icerik {
    margin-bottom: 0;
    padding-top: 0;
  }
  body.panel-sayfa :is(.panel-yan, .panel-yan-bag) {
    padding: var(--b2) var(--b3);
  }
  body.panel-sayfa .panel-yan-logo {
    margin: 0 0 var(--b2);
    padding: 0;
    font-size: 0.875rem;
  }
  body.panel-sayfa .panel-yan-logo img {
    width: 24px;
    height: 24px;
  }
  body.panel-sayfa :is(.panel-yan-liste, .panel-yan-oge) {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  body.panel-sayfa .panel-yan-bag {
    font-size: 0.8125rem;
    min-height: 36px;
  }
}

.kopya-gecici {
  position: fixed;
  left: -9999px;
  top: 0;
  opacity: 0;
}

/* --- 05-kategoriler.css --- */
:root{
--k-bilim:#1D6E7E;
--k-din-arastirmalari:#34508F;
--k-ekonomi:#A4501F;
--k-tarih:#7A2E3E;
--k-toplum:#4F6B2E;
--k-gundem:#B03A2E;
}
.k-bilim{--k:var(--k-bilim)}
.k-din-arastirmalari{--k:var(--k-din-arastirmalari)}
.k-ekonomi{--k:var(--k-ekonomi)}
.k-tarih{--k:var(--k-tarih)}
.k-toplum{--k:var(--k-toplum)}
.k-gundem{--k:var(--k-gundem)}
/* --- 01-fontlar.css --- */
@font-face{font-family:"Source Serif 4";font-weight:400;font-display:swap;src:url("/assets/fontlar/source-serif-4-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-weight:400;font-display:swap;src:url("/assets/fontlar/source-serif-4-latin-ext-400-normal.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Serif 4";font-weight:600;font-display:swap;src:url("/assets/fontlar/source-serif-4-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-weight:600;font-display:swap;src:url("/assets/fontlar/source-serif-4-latin-ext-600-normal.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Serif 4";font-weight:700;font-display:swap;src:url("/assets/fontlar/source-serif-4-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-weight:700;font-display:swap;src:url("/assets/fontlar/source-serif-4-latin-ext-700-normal.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url("/assets/fontlar/source-serif-4-latin-400-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url("/assets/fontlar/source-serif-4-latin-ext-400-italic.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url("/assets/fontlar/inter-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url("/assets/fontlar/inter-latin-ext-400-normal.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url("/assets/fontlar/inter-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url("/assets/fontlar/inter-latin-ext-600-normal.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* --- 10-bilesenler.css --- */
/* Bilesenler — tokenlar 00-temel.css */

:root {
  --hata: #b03a2e;
}

.ikon {
  flex-shrink: 0;
  vertical-align: middle;
}

.iz a {
  text-decoration: none;
}

.ust-etiket {
  display: block;
  margin-bottom: var(--b3);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  color: var(--altin-koyu);
}

.ust-etiket.k-bilim,
.ust-etiket.k-din-arastirmalari,
.ust-etiket.k-ekonomi,
.ust-etiket.k-tarih,
.ust-etiket.k-toplum,
.ust-etiket.k-gundem {
  color: var(--k, var(--altin-koyu));
}

.rozet {
  display: inline-flex;
  align-items: center;
  gap: var(--b2);
  padding: var(--b1) var(--b3);
  border-radius: var(--yaricap-dugme);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
}

.rozet--hakem {
  background: var(--yesil-zemin);
  color: var(--yesil);
}

.rozet--kunye {
  background: var(--altin-zemin);
  color: var(--altin-koyu);
}

.rozet--yeniden {
  background: var(--mavi-zemin);
  color: var(--mavi);
}

.rozet--gorus {
  background: var(--altin-zemin);
  color: var(--altin-koyu);
}

.rozet--ornek {
  background: var(--altin-zemin);
  color: var(--altin-koyu);
}

.rozet--yakinda {
  background: var(--kagit-2);
  color: var(--metin-2);
}

.rozet--soylesi {
  background: var(--murekkep-2);
  color: var(--altin-acik);
}

.cip--secili {
  border-color: var(--altin-koyu);
  font-weight: 600;
}

.bolum-bas {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--b4);
  margin-bottom: var(--b5);
}

.bolum-bas h2,
.bolum-bas h3 {
  margin: 0;
}

.bolum-bas-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  flex-shrink: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  text-decoration: none;
}

button.dg {
  font: inherit;
  cursor: pointer;
  appearance: none;
}

.dg--koyu {
  background: var(--murekkep);
  color: #e8e6e1;
  border-color: var(--murekkep);
}

.dg--koyu:hover {
  color: #fff;
}

.dg--hayalet {
  background: transparent;
  border-color: transparent;
  color: var(--altin-koyu);
}

.dg--hayalet:hover {
  background: var(--kagit-2);
}

.vitrin-koyu-panel .dg--hayalet,
.panel-koyu .dg--hayalet,
.masa-koyu .dg--hayalet,
.alt .dg--hayalet {
  color: var(--altin-acik);
}

.vitrin-koyu-panel .dg--hayalet:hover,
.panel-koyu .dg--hayalet:hover,
.masa-koyu .dg--hayalet:hover,
.alt .dg--hayalet:hover {
  background: rgba(255, 255, 255, 0.08);
}

.vitrin-koyu-panel .dg--ikincil,
.panel-koyu .dg--ikincil,
.masa-koyu .dg--ikincil,
.alt .dg--ikincil {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.45);
}

.vitrin-koyu-panel .dg--ikincil:hover,
.panel-koyu .dg--ikincil:hover,
.masa-koyu .dg--ikincil:hover,
.alt .dg--ikincil:hover {
  border-color: var(--altin-acik);
  color: #fff;
}

.dg .ikon {
  margin-right: var(--b2);
}

.dg--tam {
  width: 100%;
}

.dg:disabled,
.dg[aria-disabled="true"] {
  opacity: 0.5;
  cursor: not-allowed;
}

.sekmeler [role="tablist"] {
  display: flex;
  gap: var(--b4);
  border-bottom: 1px solid var(--cizgi);
  margin-bottom: var(--b5);
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.sekmeler [role="tablist"]::-webkit-scrollbar {
  display: none;
}

.sekmeler [role="tab"] {
  margin: 0;
  padding: var(--b3) var(--b2);
  border: none;
  background: none;
  font: inherit;
  font-weight: 600;
  color: var(--metin-2);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  min-height: 44px;
  flex-shrink: 0;
  white-space: nowrap;
}

.sekmeler [role="tab"][aria-selected="true"] {
  color: var(--metin);
  border-bottom-color: var(--altin);
}

.sekmeler [role="tabpanel"] {
  outline: none;
}

.sekmeler [role="tabpanel"]:focus-visible {
  outline: 3px solid var(--altin);
  outline-offset: 2px;
}

details > summary {
  min-height: 44px;
}

.diyalog {
  border: none;
  border-radius: var(--yaricap-buyuk);
  padding: 0;
  max-width: min(560px, calc(100% - var(--b5)));
  width: 100%;
  box-shadow: var(--golge);
}

.diyalog::backdrop {
  background: rgba(23, 24, 27, 0.45);
}

.diyalog-ust {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--b4);
  padding: var(--b5);
  border-bottom: 1px solid var(--cizgi);
}

.diyalog-ust h2 {
  margin: 0;
  font-size: 1.25rem;
}

.diyalog-kapat {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: var(--b2);
  border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-kart);
  background: var(--yuzey);
  cursor: pointer;
}

.diyalog-govde {
  padding: var(--b5);
  max-height: min(70vh, 480px);
  overflow-y: auto;
}

@media (max-width: 640px) {
  .diyalog {
    margin: auto auto var(--b4);
  }
}

.form {
  display: flex;
  flex-direction: column;
  gap: var(--b4);
}

.alan label {
  display: block;
  font-weight: 600;
  margin-bottom: var(--b2);
  font-size: 0.9375rem;
}

.alan input,
.alan textarea,
.alan select {
  width: 100%;
  padding: var(--b3);
  border: 1px solid var(--cizgi);
  border-radius: var(--b3);
  font: inherit;
  background: var(--yuzey);
}

.alan--onay {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
}

.alan--onay input[type="checkbox"] {
  width: 22px;
  height: 22px;
  margin: 11px 0 0;
  flex-shrink: 0;
  accent-color: var(--altin-koyu);
}

.alan--onay label {
  margin: 0;
  flex: 1;
  min-height: 44px;
  padding-top: 11px;
  font-weight: 400;
  cursor: pointer;
}

.alan--onay .alan-hata {
  flex-basis: 100%;
  margin-left: 34px;
}

.alan-zorunlu {
  color: var(--altin-koyu);
}

.alan-yardim {
  margin: var(--b2) 0 0;
  font-size: 0.875rem;
  color: var(--metin-2);
}

.alan-hata {
  margin: var(--b2) 0 0;
  font-size: 0.875rem;
  color: var(--hata);
}

.alan-hata:not([hidden]) {
  font-weight: 600;
}

.alan input[aria-invalid="true"],
.alan textarea[aria-invalid="true"],
.alan select[aria-invalid="true"] {
  border-color: var(--hata);
}

.form-hata:not([hidden]) {
  padding: var(--b3);
  background: var(--kagit-2);
  border-radius: var(--b3);
  color: var(--hata);
  font-size: 0.875rem;
  border: 1px solid var(--hata);
}

.form-tesekkur:not([hidden]) {
  padding: var(--b4);
  background: var(--yesil-zemin);
  border-radius: var(--yaricap-kart);
  color: var(--yesil);
}

.form > .dg,
.form > button.dg {
  width: auto;
  align-self: flex-start;
}

@media (max-width: 640px) {
  .form > .dg,
  .form > button.dg {
    width: 100%;
    align-self: stretch;
  }
}

.bildirim {
  margin: var(--b4) 0;
  padding: var(--b3) var(--b4);
  background: var(--kagit-2);
  border-radius: var(--yaricap-kart);
  font-size: 0.9375rem;
}

.bildirim--toast {
  position: fixed;
  left: 50%;
  bottom: var(--b5);
  transform: translateX(-50%);
  z-index: 900;
  box-shadow: var(--golge);
  max-width: min(420px, calc(100% - var(--b5)));
}

.yazar-satir {
  display: flex;
  gap: var(--b3);
  align-items: flex-start;
  margin-top: var(--b4);
}

.yazar-satir-metin {
  flex: 1;
  min-width: 0;
}

.yazar-satir-ad {
  margin: 0;
  font-weight: 600;
}

.yazar-satir-ad a {
  color: var(--metin);
  text-decoration: none;
}

.yazar-satir-ad a:hover {
  color: var(--altin-koyu);
}

.yazar-satir-alt,
.yazar-satir-bilgi {
  margin: var(--b1) 0 0;
  font-size: 0.875rem;
  color: var(--metin-2);
}

.kart {
  position: relative;
  background: var(--yuzey);
  border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-kart);
  box-shadow: var(--golge);
  overflow: hidden;
}

.kart-gorsel {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--kagit-2);
}

.kart-gorsel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.kart-govde {
  padding: var(--b4);
}

.kart-govde h2,
.kart-govde h3 {
  margin: 0 0 var(--b3);
  font-size: 1.2rem;
}

.kart-baslik {
  color: var(--metin);
  text-decoration: none;
  padding-block: 10px;
  margin-block: -10px;
}

.kart-baslik:hover {
  color: var(--altin-koyu);
}

.kart-baslik::after {
  content: "";
  position: absolute;
  inset: 0;
}

.kart-spot {
  margin: 0 0 var(--b3);
  font-size: 0.9375rem;
  color: var(--metin-2);
  line-height: 1.5;
}

.kart-rozetler {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b2);
  margin-top: var(--b4);
}

.kart--buyuk {
  border-radius: var(--yaricap-buyuk);
}

.kart--buyuk .kart-govde {
  padding: var(--b5);
}

.kart--buyuk .kart-govde h2 {
  font-size: clamp(1.4rem, 1.1rem + 1.2vw, 1.9rem);
}

.kart--liste{
display:grid;
grid-template-columns:minmax(0,280px) 1fr;
align-items:stretch;
}
.kart--liste .kart-gorsel{
aspect-ratio:auto;
min-height:170px;
align-self:stretch;
}
.kart--liste .kart-gorsel img{
width:100%;
height:100%;
object-fit:cover;
}
@media (max-width:640px){
.kart--liste{
grid-template-columns:1fr;
}
.kart--liste .kart-gorsel{
aspect-ratio:16 / 9;
min-height:0;
}
}
.dosya-karti{
display:flex;
flex-direction:column;
justify-content:flex-end;
min-height:480px;
border:none;
background:var(--murekkep-2);
}
.dosya-karti-arka{
position:absolute;
inset:0;
z-index:0;
}
.dosya-karti-arka img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.dosya-karti::before{
content:"";
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(to top,#17181be0 0,#17181bb8 30%,#17181b00 55%);
pointer-events:none;
}
.dosya-karti-ust{
position:relative;
z-index:2;
padding:var(--b4);
}
.dosya-karti-alt{
position:relative;
z-index:2;
padding:var(--b4) var(--b5) var(--b5);
margin-top:auto;
}
.dosya-karti.kart--buyuk .kart-govde{
padding:0;
}
.dosya-karti .ust-etiket{
color:var(--altin-acik);
}
.dosya-karti h2{
margin:0 0 var(--b3);
font-family:var(--serif);
font-size:clamp(1.5rem,1.2rem + 1.4vw,2rem);
font-weight:700;
line-height:1.2;
max-width:22em;
text-align:left;
}
.dosya-karti .kart-baslik{
color:#fff;
}
.dosya-karti .kart-baslik:hover{
color:var(--altin-acik);
}
.dosya-karti .kart-baslik:focus-visible{
outline:2px solid var(--altin-acik);
outline-offset:3px;
}
.dosya-karti-spot{
color:#f0ebe0;
}
.dosya-karti .yazar-satir-ad,
.dosya-karti .yazar-satir-ad a{
color:#f0ebe0;
}
.dosya-karti .yazar-satir-alt,
.dosya-karti .yazar-satir-bilgi{
color:#f0ebe0d9;
}
.dosya-karti-etiket{
display:inline-flex;
align-items:center;
gap:var(--b2);
padding:var(--b2) var(--b3);
background:#17181be6;
color:#fff;
font-size:0.75rem;
font-weight:600;
border-radius:999px;
}
.dosya-karti-etiket-nokta{
width:8px;
height:8px;
border-radius:50%;
background:var(--altin-acik);
flex-shrink:0;
}
@media (min-width:900px){
.dosya-karti{
min-height:30rem;
}
.dosya-karti::before{
background:linear-gradient(to top,rgba(23,24,27,.95) 0,rgba(23,24,27,.86) 50%,rgba(23,24,27,.55) 72%,transparent 92%);
}
}
@media (max-width:640px){
.dosya-karti{
min-height:0;
padding-top:250px;
}
.dosya-karti::before{
background:linear-gradient(to top,#17181be6 0,#17181bbf 40%,#17181b00 70%);
}
.dosya-karti-arka{
height:300px;
inset:0 0 auto;
}
.dosya-karti-arka img{
object-position:68% top;
}
.dosya-karti h2{
font-size:2rem;
}
}
.soylesi-karti .poster {
  width: 100%;
  border-radius: 0;
}

.soylesi-konuk {
  margin: var(--b3) 0 0;
  font-size: 0.9375rem;
  color: var(--metin-2);
}

.soylesi-no {
  margin: var(--b2) 0 0;
  color: var(--metin-2);
}

.kitap-karti-bag {
  display: flex;
  gap: var(--b4);
  padding: var(--b4);
  text-decoration: none;
  color: inherit;
}

.kitap-karti-bag:hover h3 {
  color: var(--altin-koyu);
}

.kitap-karti-metin h3 {
  margin: var(--b2) 0;
  font-size: 1rem;
}

.kitap-karti-yazar {
  margin: 0;
  font-size: 0.875rem;
  color: var(--metin-2);
}

.kitap-karti-fiyat {
  margin: var(--b3) 0 0;
  font-weight: 600;
}

.kitap-karti--secili {
  border-color: var(--altin);
  box-shadow: 0 0 0 1px var(--altin);
}

.masa-koyu {
  background: var(--murekkep);
  border-color: var(--murekkep);
  color: #e8e6e1;
}

.masa-koyu-bag {
  display: block;
  padding: var(--b5);
  text-decoration: none;
  color: inherit;
}

.masa-koyu-etiket {
  color: var(--altin-acik);
}

.masa-koyu h3 {
  color: #fff;
  margin: var(--b3) 0 var(--b4);
}

.masa-koyu-avatarlar {
  display: flex;
  gap: var(--b2);
  margin-bottom: var(--b4);
}

.masa-koyu-devam {
  font-weight: 600;
  color: var(--altin-acik);
}

.poster {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: none;
  cursor: pointer;
  overflow: hidden;
  border-radius: var(--yaricap-buyuk);
  background: var(--murekkep-2);
}

.poster--16x9 {
  aspect-ratio: 16 / 9;
}

.poster--9x16 {
  aspect-ratio: 9 / 16;
  max-width: 280px;
}

.poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.poster-oynat {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(23, 24, 27, 0.55);
  color: #fff;
  z-index: 1;
}

.poster--9x16 .poster-oynat {
  width: 44px;
  height: 44px;
}

@media (max-width: 640px) {
  .poster--16x9 .poster-oynat {
    width: 48px;
    height: 48px;
  }
}

.poster-sure {
  position: absolute;
  right: var(--b3);
  bottom: var(--b3);
  padding: var(--b1) var(--b2);
  border-radius: var(--b2);
  background: rgba(23, 24, 27, 0.75);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  z-index: 2;
}

.poster--16x9:has(.poster-kontrol) .poster-sure {
  display: none;
}

.poster-kontrol {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: var(--b4) var(--b3) 0;
  background: linear-gradient(to top, rgba(23, 24, 27, 0.78), rgba(23, 24, 27, 0));
}

.poster-kontrol-ust {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--b3);
  margin-bottom: var(--b2);
}

.poster-bolum {
  flex: 1;
  min-width: 0;
  font-size: 0.8125rem;
  color: #fff;
  text-align: left;
  margin: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

.poster-sure-satir {
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

.poster-ilerleme {
  display: block;
  width: calc(100% + 2 * var(--b3));
  max-width: none;
  height: 4px;
  margin: 0 calc(-1 * var(--b3));
  border-radius: 0;
}

.kapak {
  flex-shrink: 0;
  border-radius: var(--b2);
  box-shadow: 0 8px 18px rgba(23,24,27,.22);
}

.kunye {
  border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-kart);
  padding: var(--b4);
  background: var(--yuzey);
  margin-bottom: var(--b5);
}

.kunye summary {
  display: flex;
  align-items: center;
  min-height: 44px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}

.kunye summary::-webkit-details-marker {
  display: none;
}

.kunye dl {
  display: grid;
  grid-template-columns: minmax(0, 120px) 1fr;
  gap: var(--b2) var(--b4);
  margin: var(--b4) 0 16px;
  font-size: 0.875rem;
}

.kunye-alt {
  border-top: 1px solid var(--cizgi);
  padding-top: 16px;
}

.kunye dt {
  color: var(--metin-2);
  font-weight: 600;
}

.kunye dd {
  margin: 0;
}

@media (max-width: 640px) {
  .kunye dl {
    grid-template-columns: 1fr;
  }
}

.dinle-baslik {
  margin: 0 0 var(--b3);
  font-family: var(--sans);
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--metin);
}

.dinle-dugmeler {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--b2);
}

.dinle-dugmeler .dg {
  width: auto;
  min-width: 0;
  min-height: 44px;
  justify-content: center;
  padding: 6px 8px;
  font-size: 0.72rem;
  gap: 4px;
  white-space: normal;
  border-radius: 999px;
}

.dinle-dugmeler .dg svg {
  width: 14px;
  height: 14px;
}

.vitrin-yan {
  max-width: 340px;
}

.ist {
  padding: var(--b4);
  background: var(--yuzey);
  border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-kart);
}

.ist-deger {
  margin: 0;
  font-family: var(--serif);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.1;
}

.ist-etiket {
  margin: var(--b2) 0 0;
  font-size: 0.875rem;
  color: var(--metin-2);
}

.ist-degisim {
  display: inline-block;
  margin-top: var(--b2);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--yesil);
}

.ist-not {
  margin: var(--b2) 0 0;
  color: var(--metin-2);
}

.not {
  display: flex;
  align-items: flex-start;
  gap: var(--b3);
  padding: 16px 20px;
  border-radius: var(--yaricap-kart);
  margin: var(--b5) 0;
  line-height: 1.5;
}

.not-ikon {
  flex-shrink: 0;
  line-height: 0;
}

.not-icerik {
  flex: 1;
  min-width: 0;
}

.not-icerik h3 {
  margin: 0 0 4px;
  font-family: var(--serif);
  font-size: 1rem;
  font-weight: 600;
}

.not--bilgi {
  background: var(--mavi-zemin);
  border: 1px solid var(--cizgi);
}

.not--uyari {
  background: var(--altin-zemin);
  border: 1px solid var(--cizgi);
}

.not-govde {
  font-size: 0.9375rem;
}

.not-govde p {
  margin: 0;
}

.not--tek-satir {
  align-items: center;
}

.not--tek-satir .not-govde {
  flex: 1;
  min-width: 0;
}

.bos {
  text-align: center;
  padding: var(--b7) var(--b5);
  background: var(--kagit-2);
  border-radius: var(--yaricap-kart);
  border: 1px dashed var(--cizgi);
}

.bos h3 {
  margin-top: 0;
  margin-bottom: var(--b3);
}

.bos p {
  margin: 0;
  color: var(--metin-2);
  max-width: 40ch;
  margin-left: auto;
  margin-right: auto;
}

.yigin {
  display: flex;
  flex-direction: column;
  gap: var(--b5);
}

.satir {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--b3);
}

.izgara {
  display: grid;
  gap: var(--b5);
}

.izgara--2 {
  grid-template-columns: repeat(2, 1fr);
}

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

.izgara--4 {
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 960px) {
  .izgara--2,
  .izgara--3,
  .izgara--4 {
    grid-template-columns: 1fr;
  }

  .yazar-satir a,
  .yazar-satir-ad a,
  .kart-baslik,
  .kitap-karti-metin h3 {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}

@media (max-width: 640px) {
  .izgara--2 {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .dg,
  .cip,
  .kart-baslik,
  .poster,
  .sekmeler [role="tab"] {
    transition: color 0.15s, background 0.15s, border-color 0.15s;
  }
}

.vitrin-bolum {
  margin-top: var(--b7);
  border-top: 1px solid var(--cizgi);
}

.vitrin-icindekiler ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b2) var(--b4);
  list-style: none;
  margin: 0 0 var(--b6);
  padding: 0;
  font-size: 0.875rem;
}

.vitrin-renk-izgara,
.vitrin-ikon-izgara,
.vitrin-kapak-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(5.5rem, 1fr));
  gap: var(--b4);
}

.vitrin-renk-o,
.vitrin-kapak-o {
  text-align: center;
}

.vitrin-ikon-o {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--b2);
  text-align: center;
}

.vitrin-yigin {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b3);
  align-items: center;
  margin-bottom: var(--b4);
}

.vitrin-koyu-panel {
  background: var(--murekkep);
  padding: 24px;
  border-radius: var(--yaricap-kart);
  margin: var(--b4) 0;
}

.vitrin-koyu-etiket {
  margin: 0 0 var(--b3);
  color: var(--altin-acik);
}

.vitrin section > h3,
.vitrin-alt-baslik {
  margin-top: 32px;
  margin-bottom: var(--b3);
}

.vitrin .not-icerik h3,
.vitrin .bos h3,
.vitrin .kart-govde h3,
.vitrin .dinle-baslik {
  margin-top: 0;
}

.vitrin-formlar .not {
  margin-bottom: 24px;
}

.vitrin-formlar .form + .vitrin-alt-baslik {
  margin-top: 32px;
}

.vitrin-kopyala textarea {
  display: block;
  width: 100%;
  margin-bottom: var(--b3);
  padding: var(--b3);
  border: 1px solid var(--cizgi);
  border-radius: var(--b3);
  font: inherit;
  background: var(--yuzey);
  box-sizing: border-box;
}

.vitrin-makale-govde {
  font-family: var(--serif);
  font-size: 1.125rem;
  line-height: 1.75;
  max-width: 68ch;
  margin-bottom: var(--b4);
}

#glif-testi p {
  margin: 0 0 var(--b2);
}

#glif-testi .g1,
#glif-testi .g2,
#glif-testi .g3,
#glif-testi .g4 {
  font-family: var(--serif);
}

#glif-testi .g1 {
  font-weight: 400;
}

#glif-testi .g2 {
  font-weight: 600;
}

#glif-testi .g3 {
  font-weight: 700;
}

#glif-testi .g4 {
  font-style: italic;
}

#glif-testi .g5,
#glif-testi .g6 {
  font-family: var(--sans);
}

#glif-testi .g5 {
  font-weight: 400;
}

#glif-testi .g6 {
  font-weight: 600;
}

a.cip,button.cip,.ar-cip{min-height:44px}
.kat-radar{display:inline-flex;align-items:center;min-height:44px}
/* --- 20-icerik.css --- */
.p3-ana{
padding-top:0;
padding-bottom:var(--b7);
display:flex;
flex-direction:column;
gap:var(--b7);
}
.p3-ana-ust{
display:grid;
grid-template-columns:minmax(0,2fr) minmax(0,1fr);
gap:var(--b5);
align-items:stretch;
}
.p3-ana-ust > *{
min-width:0;
}
.p3-ana-dosya,
.p3-ana-soylesi{
display:flex;
flex-direction:column;
min-width:0;
}
.p3-ana-dosya .dosya-karti{
flex:1;
}
.p3-ana-soylesi .soylesi-karti{
flex:0 1 auto;
align-self:start;
}
.p3-ana-soylesi .soylesi-karti.kart--buyuk{
display:flex;
flex-direction:column;
}
.p3-ana-soylesi .soylesi-karti.kart--buyuk .poster{
border-radius:var(--yaricap-buyuk) var(--yaricap-buyuk) 0 0;
height:auto;
min-height:0;
}
.p3-ana-soylesi .soylesi-karti.kart--buyuk .poster-baslik,
.p3-ana-soylesi .soylesi-karti.kart--buyuk .poster-baslik::after{
display:none;
}
.p3-ana-dosya .dosya-karti h2{
font-size:clamp(1.9rem,1.45rem + 1.1vw,2.2rem);
}
.p3-ana-dosya .dosya-karti-alt .ust-etiket{
display:inline-block;
padding:var(--b2) var(--b3);
background:rgba(23,24,27,0.55);
border-radius:999px;
color:var(--altin-acik);
}
.p3-ana-soylesi .soylesi-karti.kart--buyuk .kart-govde h2{
font-size:1.2rem;
line-height:1.3;
}
.p3-ana-alt{
align-items:start;
grid-template-columns:repeat(3,minmax(0,1fr));
}
.p3-ana-masa{
align-self:stretch;
display:flex;
flex-direction:column;
}
.p3-ana-masa .masa-koyu{
flex:1;
}
.p3-ana-masa-poster{
margin-top:var(--b4);
min-width:0;
}
.p3-ana-alt > *{
min-width:0;
}
.p3-ana-radar{
min-width:0;
}
.p3-ana-sutun{
display:flex;
flex-direction:column;
gap:var(--b4);
min-width:0;
}
.p3-kitap-kapaklar{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:var(--b4);
}
.p3-kitap-kapaklar--4{
grid-template-columns:repeat(4,1fr);
}
.p3-kitap-oge{
display:flex;
flex-direction:column;
gap:var(--b2);
min-width:0;
}
.p3-kitap-oge-bas{
margin:0;
font-family:var(--serif);
font-size:0.875rem;
line-height:1.3;
}
.p3-kitap-oge-bas a{
color:var(--metin);
text-decoration:none;
}
.p3-kitap-oge-bas a:hover{
color:var(--altin-koyu);
}
.p3-kitap-oge-yazar{
margin:0;
color:var(--metin-2);
}
.p3-kitap-kapak-bag{
display:block;
text-decoration:none;
border-radius:6px;
overflow:hidden;
}
.p3-kitap-kapak-bag:focus-visible{
outline:3px solid var(--odak);
outline-offset:2px;
}
.p3-ana-makaleler .izgara{
margin-top:var(--b5);
}
.p3-bulten-bant{
display:grid;
grid-template-columns:1fr 1fr;
gap:var(--b6);
align-items:start;
padding:var(--b6);
background:var(--yuzey);
border:1px solid var(--cizgi);
border-radius:16px;
box-shadow:0 1px 2px rgba(23,24,27,0.06);
}
.p3-bulten-metin h2{
margin:0 0 var(--b3);
font-family:var(--serif);
font-size:1.4rem;
}
.p3-bulten-form .form{
margin:0;
}
.p3-sayfa{
padding-top:var(--b6);
padding-bottom:var(--b7);
}
.p3-sayfa > h1{
margin:0 0 var(--b4);
font-family:var(--serif);
font-weight:700;
font-size:clamp(1.85rem,1.2rem + 2.6vw,2.75rem);
line-height:1.15;
}
.p3-giris{
margin:0 0 var(--b5);
color:var(--metin-2);
}
.p3-filtre{
display:flex;
flex-wrap:wrap;
gap:var(--b2);
margin-bottom:var(--b6);
overflow-x:auto;
padding-bottom:var(--b2);
}
.p3-sayfa-iki{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:var(--b6);
align-items:start;
}
.p3-makale-liste{
display:flex;
flex-direction:column;
gap:var(--b5);
min-width:0;
margin-inline:0;
padding-left:0;
list-style:none;
}
.p3-yan-kart{
padding:var(--b5);
background:var(--yuzey);
border:1px solid var(--cizgi);
border-radius:12px;
box-shadow:0 1px 2px rgba(23,24,27,0.06);
min-width:0;
}
.p3-yan-baslik{
margin:0 0 var(--b4);
font-family:var(--serif);
font-size:1.2rem;
}
.p3-yan-devam{
margin:var(--b4) 0 0;
font-size:0.875rem;
}
.p3-kat-baslik{
padding:var(--b6);
margin-bottom:var(--b5);
border-radius:16px;
background:color-mix(in srgb,var(--k) 12%,var(--yuzey));
border-left:6px solid var(--k);
}
.p3-kat-baslik h1{
margin:0 0 var(--b3);
color:var(--metin);
}
.p3-kat-aciklama{
margin:0;
color:var(--metin-2);
}
.p3-alt-konular{
display:flex;
flex-wrap:wrap;
gap:var(--b2);
margin-top:var(--b5);
overflow-x:auto;
padding-bottom:var(--b1);
}
.p3-ilgili{
margin-top:var(--b7);
display:flex;
flex-direction:column;
gap:var(--b6);
}
.p3-kat-baglanti{
display:grid;
grid-template-columns:1fr 1fr;
gap:var(--b4);
margin-top:var(--b7);
}
.p3-baglanti-karti{
display:flex;
align-items:center;
gap:var(--b4);
min-height:44px;
padding:var(--b4);
background:var(--yuzey);
border:1px solid var(--cizgi);
border-radius:var(--yaricap-kart);
text-decoration:none;
color:inherit;
}
.p3-baglanti-karti:hover{
border-color:var(--altin);
}
.p3-baglanti-ikon,
.p3-baglanti-ok{
flex-shrink:0;
display:flex;
color:var(--metin-2);
}
.p3-baglanti-ikon{
color:var(--altin-koyu);
}
.p3-baglanti-metin{
flex:1;
min-width:0;
font-size:0.875rem;
color:var(--metin-2);
}
.p3-baglanti-metin strong{
display:block;
margin-bottom:var(--b1);
font-family:var(--serif);
font-size:1.05rem;
color:var(--metin);
}
.p3-radar-akis{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:var(--b5);
margin-bottom:var(--b7);
padding:0;
list-style:none;
}
.p3-radar-adim,
.p3-radar-oge{
min-width:0;
padding:var(--b4);
background:var(--yuzey);
border:1px solid var(--cizgi);
border-radius:12px;
}
.p3-radar-adim{
position:relative;
display:flex;
flex-direction:column;
gap:var(--b3);
}
.p3-radar-ok{
position:absolute;
top:50%;
right:calc(var(--b5) / -2);
transform:translate(50%,-50%);
color:var(--metin-2);
}
.p3-radar-adim-ust{
display:flex;
flex-direction:column;
align-items:center;
gap:var(--b3);
text-align:center;
}
.p3-radar-adim-bas,
.p3-radar-adim-acik{
margin:0;
text-align:center;
}
.p3-radar-adim-bas{
font-size:0.875rem;
font-weight:600;
}
.p3-radar-adim-acik{
color:var(--metin-2);
}
.p3-radar-adim-no,
.p3-radar-ikon-kutu{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
width:40px;
height:40px;
}
.p3-radar-adim-no{
border-radius:999px;
background:var(--altin-zemin);
color:var(--altin-koyu);
font-weight:600;
}
.p3-radar-liste--tam{
display:grid;
grid-template-columns:1fr;
gap:var(--b5);
}
.p3-radar-liste--kompakt{
display:flex;
flex-direction:column;
gap:var(--b4);
}
@media (min-width:1100px){
.p3-radar-sayfa .p3-radar-liste--tam{
grid-template-columns:1fr 1fr;
}
}
.p3-radar-oge--kompakt{
padding:var(--b3) 0;
background:transparent;
border:none;
border-radius:0;
border-bottom:1px solid var(--cizgi);
}
.p3-radar-oge--kompakt:last-child{
border-bottom:none;
}
.p3-radar-oge-satir{
display:flex;
gap:var(--b3);
align-items:flex-start;
}
.p3-radar-ikon-kutu{
border-radius:8px;
background:var(--kagit-2);
border:1px solid var(--cizgi);
color:var(--metin-2);
}
.p3-radar-oge-metin{
flex:1;
}
.p3-radar-oge--kompakt h3,
.p3-radar-oge--kompakt h4{
margin:0 0 var(--b1);
font-size:0.9375rem;
}
.p3-radar-meta,
.p3-radar-durum,
.p3-radar-kaynak-not{
margin:0;
color:var(--metin-2);
}
.p3-radar-oge h3,
.p3-radar-oge h4{
margin:var(--b2) 0;
font-family:var(--serif);
font-size:1.05rem;
}
.p3-radar-oge h3 a,
.p3-radar-oge h4 a{
color:var(--metin);
text-decoration:none;
}
.p3-radar-oge h3 a:hover,
.p3-radar-oge h4 a:hover{
color:var(--altin-koyu);
}
.p3-radar-tur{
font-weight:600;
}
.p3-radar-platform,
.p3-radar-ozet{
margin:0 0 var(--b3);
}
.p3-radar-platform{
color:var(--metin-2);
}
.p3-radar-ozet{
font-size:0.9375rem;
line-height:1.55;
color:var(--metin);
}
.p3-radar-durum{
font-weight:600;
color:var(--altin-koyu);
}
.p3-radar-kaynak-not{
margin-top:var(--b6);
}
.p3-yan-kart .p3-radar-oge{
padding:var(--b3);
}
.p3-yan-kart .p3-radar-ozet{
display:-webkit-box;
-webkit-line-clamp:2;
line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
@media (max-width:960px){
.p3-ana-ust{
grid-template-columns:1fr;
}
.p3-ana-dosya{
order:1;
}
.p3-ana-soylesi{
order:2;
}
.p3-ana-alt{
display:flex;
flex-direction:column;
gap:var(--b6);
}
.p3-ana-radar{
order:3;
}
.p3-ana-masa{
order:4;
}
.p3-ana-kitap{
order:5;
}
.p3-bulten-bant{
grid-template-columns:1fr;
}
.p3-sayfa-iki{
grid-template-columns:1fr;
}
.p3-radar-akis{
grid-template-columns:repeat(2,1fr);
}
.p3-radar-ok{
inset:auto auto calc(var(--b5) / -2) 50%;
transform:translate(-50%,50%) rotate(90deg);
}
.p3-kat-baglanti{
grid-template-columns:1fr;
}
.p3-kitap-kapaklar--4{
grid-template-columns:repeat(2,1fr);
}
}
@media (max-width:640px){
.p3-radar-akis{
grid-template-columns:1fr;
gap:var(--b4);
}
.p3-radar-ok{
display:none;
}
.p3-kitap-kapaklar{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
.p3-makale .iz{
margin-bottom:var(--b5);
}
.p3-makale-bas{
margin-bottom:var(--b5);
max-width:72ch;
}
.p3-makale-bas .ust-etiket{
display:inline-block;
margin-bottom:var(--b3);
}
.p3-makale-bas > h1{
margin:0 0 var(--b4);
font-family:var(--serif);
font-weight:700;
font-size:clamp(1.85rem,1.2rem + 2.6vw,2.75rem);
line-height:1.15;
}
.p3-makale-spot{
margin:0 0 var(--b5);
font-size:1.125rem;
line-height:1.55;
color:var(--metin-2);
}
.p3-makale-bas .yazar-satir{
margin-bottom:var(--b4);
}
.p3-makale-rozet-satir{
margin-bottom:var(--b4);
}
.p3-makale-bas .not{
margin-top:var(--b4);
}
.p3-makale-izgara{
display:grid;
grid-template-columns:minmax(0,1fr) 340px;
gap:var(--b6);
align-items:start;
}
.p3-makale-yan{
display:flex;
flex-direction:column;
gap:var(--b5);
min-width:0;
}
.p3-makale-yan-kunye{
position:sticky;
top:24px;
align-self:start;
width:100%;
max-width:100%;
}
.p3-makale-yan-kunye:has(.kunye[open]){
max-height:calc(100vh - 48px);
overflow:auto;
}
.p3-makale-yan-kunye .kunye{
width:100%;
align-self:stretch;
}
.p3-makale-yan-kunye .kunye{
margin-bottom:0;
border-top:3px solid var(--altin);
}
.p3-makale-yan .kunye summary{
display:flex;
align-items:center;
gap:var(--b2);
font-size:0.75rem;
letter-spacing:0.12em;
}
.p3-makale-yan .kunye-ok{
margin-left:auto;
transition:transform 0.2s ease;
}
.p3-makale-yan .kunye[open] .kunye-ok{
transform:rotate(180deg);
}
.p3-makale-yan .kunye dl{
grid-template-columns:96px 1fr;
gap:0;
margin-top:var(--b4);
}
.p3-makale-yan .kunye dt,
.p3-makale-yan .kunye dd{
border-bottom:1px solid var(--cizgi);
padding:var(--b3) 0;
margin:0;
}
.p3-makale-yan .kunye dt{
font-size:0.8125rem;
color:var(--metin-2);
padding-right:var(--b3);
}
.p3-makale-yan .kunye dd{
font-size:0.875rem;
text-align:right;
overflow-wrap:anywhere;
}
.p3-makale-ana{
min-width:0;
display:flex;
flex-direction:column;
gap:var(--b7);
}
.p3-makale-govde{
font-family:var(--serif);
font-size:1.125rem;
line-height:1.75;
max-width:68ch;
}
.p3-makale-govde p{
margin:0 0 var(--b5);
}
.p3-makale-govde sup{
line-height:0;
position:relative;
top:-0.45em;
vertical-align:baseline;
font-size:0.75em;
}
.p3-makale-govde sup a{
display:inline-block;
padding:22px 9px;
margin:-22px -9px;
}
.p3-makale-kutu{
margin:var(--b5) 0;
padding:var(--b4) var(--b5);
border-left:4px solid var(--altin);
border-radius:0 8px 8px 0;
background:color-mix(in srgb,var(--altin-zemin) 55%,var(--yuzey));
overflow-wrap:anywhere;
}
.p3-makale-kutu-baslik{
margin:0 0 .35rem;
font-family:var(--serif);
font-size:.875rem;
font-weight:700;
color:var(--altin-koyu);
}
.p3-makale-kutu p:last-child{
margin-bottom:0;
}
ul.p3-makale-kutu-liste{
margin:0;
padding:0;
list-style:none;
line-height:1.75;
}
ul.p3-makale-kutu-liste li{
position:relative;
margin:.35rem 0;
padding-left:1em;
}
ul.p3-makale-kutu-liste li::before{
content:"•";
position:absolute;
left:0;
}
ul.p3-makale-liste{
margin:var(--b5) 0;
padding-left:1.25rem;
list-style:disc;
line-height:1.75;
}
ul.p3-makale-liste li{
margin:.35rem 0;
}
.p3-ana-soylesi .soylesi-karti-dinle .dinle-baslik,
.soy-son .soylesi-karti-dinle .dinle-baslik{
position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.p3-ana-soylesi .soylesi-karti-dinle .dinle-dugmeler,
.soy-son .soylesi-karti-dinle .dinle-dugmeler{
flex-direction:row;
flex-wrap:wrap;
gap:var(--b2);
}
.p3-ana-soylesi .soylesi-karti-dinle .dinle-dugmeler .dg,
.soy-son .soylesi-karti-dinle .dinle-dugmeler .dg{
width:auto;max-width:100%;min-width:0;min-height:44px;border-radius:999px;padding:6px 10px;font-size:0.78rem;gap:4px;white-space:normal;
}
.p3-ana-soylesi .soylesi-karti-dinle .dinle-dugmeler .dg svg,
.soy-son .soylesi-karti-dinle .dinle-dugmeler .dg svg{width:14px;height:14px;}
.p3-ana-soylesi .soylesi-karti-ozet,
.soy-son .soylesi-karti-ozet{
display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;
}
.p3-makale-ara{
margin:var(--b6) 0 var(--b4);
font-family:var(--serif);
font-size:1.35rem;
font-weight:600;
line-height:1.25;
}
.p3-makale-alinti{
margin:var(--b6) 0;
padding:var(--b4) var(--b5);
border-left:4px solid var(--altin);
background:color-mix(in srgb,var(--altin-zemin) 55%,var(--yuzey));
border-radius:0 12px 12px 0;
}
.p3-makale-alinti p{
margin:0;
font-style:italic;
}
.p3-makale-video{
margin:var(--b6) 0;
max-width:68ch;
}
.p3-makale-video .poster{
width:100%;
}
.p3-makale-kaynakca,
.p3-yayimla,
.p3-makale-soylesi,
.p3-makale-ilgili{
margin-top:var(--b6);
max-width:68ch;
min-width:0;
}
.p3-makale-kaynakca h2{
margin:0 0 var(--b4);
font-family:var(--serif);
font-size:1.35rem;
}
.p3-kaynakca-liste{
margin:0;
padding-left:var(--b5);
font-size:0.9375rem;
line-height:1.55;
}
.p3-kaynakca-liste li{
margin-bottom:var(--b3);
}
.p3-yayimla{
padding:var(--b6);
background:var(--yuzey);
border:1px solid var(--cizgi);
border-radius:16px;
box-shadow:0 1px 2px rgba(23,24,27,0.06);
box-sizing:border-box;
}
.p3-yayimla h2{
margin:0 0 var(--b4);
font-family:var(--serif);
font-size:1.25rem;
}
.p3-yayimla p{
margin:0 0 var(--b4);
font-size:0.9375rem;
line-height:1.55;
}
.p3-atif-kodu{
display:block;
width:100%;
margin:0 0 var(--b4);
padding:var(--b3);
border:1px solid var(--cizgi);
border-radius:var(--b3);
font:inherit;
font-size:0.8125rem;
line-height:1.45;
background:var(--kagit-2);
box-sizing:border-box;
resize:none;
}
.p3-makale-kitap-yan .p3-yan-baslik{
margin-bottom:var(--b3);
}
.p3-makale-kitap-icerik{
display:flex;
gap:var(--b4);
align-items:flex-start;
padding:var(--b4);
background:var(--yuzey);
border:1px solid var(--cizgi);
border-radius:12px;
}
.p3-makale-kitap-metin{
flex:1;
min-width:0;
}
.p3-makale-kitap-metin h3{
margin:0 0 var(--b2);
font-family:var(--serif);
font-size:1rem;
}
.p3-makale-kitap-fiyat{
margin:var(--b3) 0;
font-weight:600;
}
.p3-makale-soylesi .bolum-bas,
.p3-makale-ilgili .bolum-bas{
margin-bottom:var(--b7);
}
.p3-makale-soylesi .soylesi-karti{
max-width:420px;
}
.p3-makale-yan-dinle .dinle-dugmeler,
.p3-makale-yan .dinle-dugmeler{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--b2);
max-width:100%;
}
.p3-makale-yan-dinle .dinle-dugmeler .dg,
.p3-makale-yan .dinle-dugmeler .dg{
width:auto;
max-width:100%;
min-width:0;
min-height:44px;
border-radius:999px;
padding:6px 8px;
font-size:0.72rem;
gap:4px;
white-space:normal;
justify-content:center;
}
.p3-makale-yan-dinle .dinle-dugmeler .dg svg,
.p3-makale-yan .dinle-dugmeler .dg svg{width:14px;height:14px;}
.p3-makale-ana-orta,
.p3-makale-ana-son{
display:flex;
flex-direction:column;
gap:0;
min-width:0;
}
.p3-makale-ana-orta > .not{
margin-top:var(--b6);
}
.p3-makale-yan-kitap{
min-width:0;
}
@media (max-width:960px){
.p3-makale-izgara{
display:flex;
flex-direction:column;
gap:var(--b5);
min-width:0;
max-width:100%;
}
.p3-makale-ana{
display:contents;
}
.p3-makale-yan{
display:contents;
}
.p3-makale-bas{
order:1;
margin-bottom:0;
max-width:100%;
}
.p3-makale-yan-dinle{
order:2;
min-width:0;
max-width:100%;
}
.p3-makale-yan-dinle .dinle-baslik{
margin:0 0 var(--b3);
font-size:0.8125rem;
color:var(--metin-2);
}
.p3-makale-yan-kunye{
order:3;
position:static;
max-height:none;
overflow:visible;
}
.p3-makale-ana-orta{
order:4;
}
.p3-makale-yan-kitap{
order:5;
max-width:100%;
}
.p3-makale-ana-son{
order:6;
}
.p3-makale .iz a{
display:inline-flex;
align-items:center;
min-height:44px;
}
.p3-kitap-oge-bas a,
.p3-makale-kitap-metin h3 a{
display:inline-flex;
align-items:center;
min-height:44px;
}
}
/* --- 30-soylesi.css --- */
.soy-liste-not,.soy-tarih,.soy-kesit-sure,.soy-arama-sonuc,.soy-konusma-zaman,.soy-bolum-zaman,.soy-yan-baslik,.soy-kunye dd,.masa-uzman-alan,.masa-uzman-etiket,.masa-uzman-ozet {color:var(--metin-2);}
.soy-liste h1 {margin-bottom:1rem;}
.soy-son {margin-bottom:var(--b5);}
.soy-izgara {margin-bottom:2.5rem;}
.soy-diger-izgara {display:grid;gap:var(--b5);grid-template-columns:repeat(2,minmax(0,1fr));}
@media (min-width:961px) {.soy-diger-izgara {grid-template-columns:repeat(6,minmax(0,1fr));}.soy-diger-izgara > :nth-child(-n+3) {grid-column:span 2;}.soy-diger-izgara > :nth-child(n+4) {grid-column:span 3;}}
@media (max-width:960px) {.soy-diger-izgara > :nth-child(5) {grid-column:1 / -1;}}
@media (max-width:640px) {.soy-diger-izgara {grid-template-columns:1fr;}.soy-diger-izgara > * {grid-column:auto;}}
.soylesi-karti {position:relative;overflow:hidden;}
.soylesi-karti-dinle{margin-top:var(--b4);}
.soylesi-karti .kart-rozetler {position:absolute;top:12px;left:12px;z-index:3;margin:0;}
.soy-son .soylesi-karti.kart--buyuk {display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;}
.soy-son .soylesi-karti.kart--buyuk .poster {border-radius:var(--yaricap-buyuk) 0 0 var(--yaricap-buyuk);aspect-ratio:16/9;height:auto;min-height:12rem;}
.soy-son .soylesi-karti.kart--buyuk .poster img {height:100%;object-fit:cover;}
.soy-son .soylesi-karti.kart--buyuk .kart-govde{align-self:start;}
.soylesi-karti .poster-oynat,.soy-oynatici .poster-oynat {width:64px;height:64px;top:42%;background:#fff;color:var(--murekkep);box-shadow:0 2px 12px #0006;}
.soylesi-karti .poster-oynat svg,.soy-oynatici .poster-oynat svg {width:30px;height:30px;}
.soylesi-karti.kart--orta .poster-oynat {top:50%;width:40px;height:40px;}
.soylesi-karti.kart--orta .poster-oynat svg {width:18px;height:18px;}
.poster:has(.poster-metin)::after {content:"";position:absolute;left:0;right:0;bottom:0;z-index:1;height:55%;min-height:5.5rem;pointer-events:none;background:linear-gradient(to top,rgba(23,24,27,.72),rgba(23,24,27,.35) 45%,transparent);}
.poster-metin {position:absolute;left:16px;right:16px;bottom:36px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;text-align:left;max-width:80%;}
.poster:has(.poster-kontrol) .poster-metin {bottom:44px;}
.poster-eyebrow {margin:0;font-size:0.6875rem;font-weight:600;letter-spacing:.08em;line-height:1.2;color:#f0ebe0;text-shadow:0 2px 12px #0008;}
.poster-baslik {margin:0;font-family:var(--serif);font-size:clamp(0.9rem,0.35rem + 2.2vw,1.9rem);font-weight:600;line-height:1.15;color:#fff;text-shadow:0 2px 12px #0008;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;}
.poster-baslik::after {content:"";display:block;width:36px;height:3px;margin-top:var(--b2);background:var(--altin);}
.soylesi-karti.kart--orta .poster-metin,.p3-makale-soylesi .poster-metin {left:10px;right:10px;bottom:10px;max-width:calc(100% - 64px);}
.soylesi-karti.kart--orta .poster-baslik,.p3-makale-soylesi .poster-baslik {font-size:clamp(0.8rem,0.25rem + 1.8vw,1.05rem);line-height:1.2;}
.soylesi-karti.kart--orta .poster-baslik::after,.p3-makale-soylesi .poster-baslik::after {width:20px;margin-top:.35rem;}
.soylesi-karti.kart--orta .poster-eyebrow,.p3-makale-soylesi .poster-eyebrow {font-size:0.625rem;}
.masa-ikili-poster .poster-oynat,.p3-ana-masa-poster .poster-oynat {top:32%;width:36px;height:36px;}
.masa-ikili-poster .poster-oynat svg,.p3-ana-masa-poster .poster-oynat svg {width:16px;height:16px;}
.masa-ikili-poster .poster-baslik,.p3-ana-masa-poster .poster-baslik,.masa-ust .poster-baslik {font-size:clamp(0.9rem,0.5rem + 1vw,1.35rem);}
.masa-ikili {display:grid;gap:var(--b5);align-items:stretch;overflow:hidden;}
.masa-ikili--koyu {background:var(--murekkep);color:#f5f2ea;border-radius:var(--yaricap-buyuk);}
.masa-ikili-metin {padding:var(--b5);}
.masa-ikili--koyu .ust-etiket {color:var(--altin-acik);}
.masa-ikili-metin h2 {margin:var(--b3) 0 var(--b4);}
.masa-avatar-satir {display:flex;gap:var(--b2);margin-bottom:var(--b4);}
.masa-avatar-satir--sik {gap:0.35rem;margin-bottom:1rem;}
.altin-baglanti {font-weight:600;color:var(--altin-acik);text-decoration:none;}
.masa-gecmis-kart .altin-baglanti {color:var(--altin-koyu);}
.masa-ikili-poster .poster {border-radius:0;height:100%;min-height:10rem;}
.masa-ikili-poster--buyuk .poster {min-height:12rem;}
.soy-kesit-serit {display:flex;gap:1rem;overflow-x:auto;padding-right:4.75rem;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent);}
.soy-kesit-o {flex:0 0 auto;width:9.5rem;}
.soy-kesit-baslik {margin:0.5rem 0 0.15rem;font-size:0.875rem;line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;}
.soy-tarih {margin-bottom:1.25rem;}
.soy-detay-govde {display:grid;gap:var(--b5);}
.soy-oynatici {margin-bottom:1.25rem;background:var(--murekkep-2);border-radius:var(--yaricap-buyuk);overflow:hidden;}
.soy-oynatici .poster {border-radius:0;}
.soy-bolum-cubuk-arka {display:none;}
.soy-bolum-cubuk {position:relative;height:1.5rem;margin-top:0;width:100%;background:transparent;border:0;border-radius:0;}
.soy-bolum-isaret {position:absolute;bottom:0;min-width:2.75rem;min-height:2.75rem;margin-left:-1.375rem;padding:0;border:0;background:transparent;cursor:pointer;left:clamp(1.375rem,var(--konum,0%),calc(100% - 1.375rem));}
.soy-bolum-isaret-cizgi {display:block;width:2px;height:0.625rem;margin:0 auto 0.35rem;background:var(--cizgi);border-radius:1px;}
.soy-bolum-isaret[aria-current="true"] .soy-bolum-isaret-cizgi {background:var(--altin-koyu);height:0.875rem;}
.soy-bolum-liste {list-style:none;margin:0;padding:0;}
.soy-bolum-satir {display:flex;gap:0.75rem;width:100%;min-height:2.75rem;padding:0.5rem 0.75rem;border:1px solid transparent;border-radius:8px;background:var(--yuzey);cursor:pointer;font:inherit;}
.soy-bolum-satir[aria-current="true"] {border-color:var(--altin-acik);background:var(--altin-zemin);}
.soy-bolum-zaman {font-variant-numeric:tabular-nums;}
.soy-arama-girdi {width:100%;max-width:100%;min-height:2.75rem;padding:0.5rem 0.75rem;border:1px solid var(--cizgi);border-radius:8px;font:inherit;background:var(--yuzey);}
.soy-arama-sonuc {min-height:1.25rem;}
.soy-konusma {margin-bottom:1rem;}
.soy-konusma-ust {margin:0 0 .25rem;font-size:.875rem;}
.soy-konusma-ad {font-weight:600;}
.soy-konusma-metin,.soy-tam-metin {margin:0;}
.soy-konusma-zaman {font-variant-numeric:tabular-nums;}
.soy-tam-ac {margin-top:.75rem;}
.soy-tam-metin {margin-top:.5rem;}
.soy-arama label {display:block;margin-bottom:.35rem;font-size:.875rem;}
.soy-meta a {text-decoration-thickness:1px;}
.soy-tam-metin--kisitli .soy-konusma:nth-child(n + 9) {display:none;}
.soy-yan {display:flex;flex-direction:column;gap:1.5rem;}
.soy-yan-baslik-satir {display:flex;justify-content:space-between;gap:0.75rem;margin-bottom:0.75rem;}
.soy-yan-baslik {margin:0;font-size:0.8125rem;font-family:var(--sans);font-weight:600;letter-spacing:.08em;}
.soy-yan-tumu {flex-shrink:0;font-size:0.9375rem;font-weight:600;text-decoration:none;color:var(--metin);}
.soy-yan-dinle-dugmeler {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--b2);}
.soy-yan-dinle-dugmeler .dg {width:auto;max-width:100%;min-width:0;min-height:44px;border-radius:999px;padding:6px 8px;font-size:0.72rem;justify-content:center;white-space:normal;gap:4px;}
.soy-yan-dinle-dugmeler .dg svg {width:14px;height:14px;}
.soy-konuk-kitap .kitap-karti {max-width:480px;}
.soy-yan-diger {display:flex;flex-direction:column;gap:1.5rem;}
@media (max-width:960px) {.soy-son .soylesi-karti.kart--buyuk {grid-template-columns:1fr;}.soy-son .soylesi-karti.kart--buyuk .poster {border-radius:var(--yaricap-buyuk) var(--yaricap-buyuk) 0 0;height:auto;min-height:0;}.soy-detay-govde {display:flex;flex-direction:column;gap:var(--b5);}.soy-ana,.soy-yan {display:contents;}.soy-detay-oynatici {order:1;}.soy-yan-dinle {order:2;}.soy-detay-icerik {order:3;}.soy-yan-diger {order:4;}.soy-yan-kesit {scroll-snap-align:start;min-width:0;}.soy-yan-tumu {display:inline-flex;align-items:center;min-height:44px;}}
.soy-yan-kesitler {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.5rem;}
.soy-yan-kesit-baslik {margin:0.35rem 0 0;font-size:0.8125rem;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;}
.soy-yan-kesit .soy-kesit-sure {margin:0.15rem 0 0;}
.soy-kunye {margin:0;font-size:0.875rem;}
.soy-kunye dd {margin:0.15rem 0 0;}
.soy-ozet {margin:1.5rem 0;}
.soy-ilgili {margin-top:2rem;}
mark {background:var(--altin-zemin);}
.masa-bu-ay {margin-bottom:2.5rem;}
.masa-on-ay {padding:0;border:none;}
.masa-on-ay-aciklama {color:#f5f2ead9;margin-bottom:1rem;}
.masa-gecmis {margin-bottom:2rem;}
.masa-gecmis-kart {margin-bottom:var(--b5);}
.masa-gecmis-kart .masa-ikili-metin {display:flex;flex-direction:column;}
.masa-gecmis-kart h2 {margin:var(--b3) 0;}
.masa-gecmis-kart .altin-baglanti {margin-top:auto;}
.masa-nasil ol {list-style:none;margin:0;padding:0;display:grid;gap:var(--b4);counter-reset:masa-adim;}
.masa-nasil li {position:relative;margin:0;padding:var(--b4) var(--b4) var(--b4) calc(var(--b5) + 2.25rem);border:1px solid var(--cizgi);border-radius:var(--yaricap-kart);background:var(--yuzey);color:var(--metin);counter-increment:masa-adim;}
.masa-nasil li::before {content:counter(masa-adim);position:absolute;left:var(--b4);top:var(--b4);width:2rem;height:2rem;line-height:2rem;text-align:center;border-radius:50%;background:var(--altin-zemin);color:var(--altin-koyu);font-weight:700;}
.masa-ust {background:var(--murekkep);color:#f5f2ea;padding:2rem 0 2.5rem;margin-bottom:2rem;}
.masa-ust-ic {display:grid;gap:1.5rem;}
.masa-ust .ust-etiket {color:var(--altin-acik);}
.masa-ust-aciklama {color:#f5f2eae0;margin-bottom:1rem;}
.masa-ust-dugmeler {display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:1rem;}
.masa-ust .dg--ikincil {color:var(--kagit);border-color:#ffffff73;}
.masa-ciplar {display:flex;flex-wrap:wrap;gap:0.5rem;}
.masa-uzman-izgara {display:grid;gap:1.25rem;}
.masa-uzman {display:flex;flex-direction:column;overflow:hidden;border-radius:12px;height:100%;}
.masa-uzman-govde {display:flex;flex-direction:column;flex:1;padding-bottom:1rem;}
.masa-serit {display:block;width:100%;}
.masa-uzman-ust {display:flex;gap:0.75rem;align-items:flex-start;padding:1rem 1rem 0;}
.masa-uzman-kimlik {min-width:0;flex:1;}
.masa-uzman-ad {margin:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.masa-uzman-ad a {color:inherit;text-decoration:none;}
.masa-uzman-ad a:hover,.masa-uzman-ac:hover {text-decoration:underline;}
.masa-uzman-alan {margin:0.15rem 0 0;font-size:0.8125rem;}
.masa-uzman-etiket,.masa-uzman-kisa,.masa-uzman-ozet,.masa-uzman-tam {margin:0.5rem 1rem 0;}
.masa-uzman-etiket {margin-top:0.75rem;font-size:0.75rem;font-weight:600;letter-spacing:.14em;}
.masa-uzman-kisa {margin-top:0.35rem;font-family:var(--serif);font-size:1.375rem;font-weight:600;line-height:1.2;}
.masa-uzman-ozet {flex:1;font-size:0.9375rem;}
.masa-uzman-ac {margin:auto 1rem 0;padding:0.625rem 0;min-height:2.75rem;align-self:flex-start;border:0;background:transparent;color:var(--altin-koyu);font:inherit;font-weight:600;cursor:pointer;}
.masa-uzman-ac:focus-visible {outline:2px solid var(--altin-acik);outline-offset:2px;}
.masa-uzman-tam {font-size:0.9375rem;line-height:1.55;}
.masa-uzman-tam[hidden] {display:none;}
.masa-uzman-izgara[data-acik] {align-items:start;}
.masa-uzman--acik {grid-column:1 / -1;overflow:visible;}
.masa-uzman--acik .masa-uzman-tam {padding-bottom:1.25rem;}
.masa-uzman--acik .masa-uzman-tam > :first-child {margin-top:0;}
.masa-uzman--acik .masa-uzman-tam p {margin-block:0 .75rem;}
.masa-uzman--acik .masa-uzman-ac {margin:0.75rem 1rem 0;}
@media (min-width:960px) {.soy-detay-govde {grid-template-columns:minmax(0,1fr) 340px;align-items:start;}.masa-on-ay.masa-ikili {grid-template-columns:minmax(0,1fr) minmax(0,20rem);}.masa-gecmis-kart.masa-ikili {grid-template-columns:minmax(0,1fr) minmax(0,16rem);}.soy-masa-yon-ic.masa-ikili {grid-template-columns:minmax(0,1fr) minmax(0,22rem);}.masa-ust-ic {grid-template-columns:minmax(0,1fr) minmax(0,22rem);align-items:center;}.masa-nasil ol {grid-template-columns:repeat(3,minmax(0,1fr));}.masa-uzman-izgara {grid-template-columns:repeat(4,minmax(0,1fr));}.masa-uzman--acik .masa-uzman-tam {column-count:2;column-gap:2rem;}}
@media (min-width:640px) and (max-width:959px) {.masa-uzman-izgara {grid-template-columns:repeat(2,minmax(0,1fr));}}

.masa-ikili-poster:not(.masa-ikili-poster--buyuk) .poster-metin,.p3-ana-masa-poster .poster-metin{display:none}
/* --- 40-kisi.css --- */
/* Yazarlar, yazar profili, yazar paneli */

.kisi-sayfa-govde,
.yazar-sayfa-govde {
  padding-bottom: var(--b7);
}

.kisi-sayfa > p {
  max-width: 68ch;
  color: var(--metin-2);
  margin-bottom: var(--b6);
}

.kisi-izgara {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--b4);
  margin-bottom: var(--b6);
}

@media (min-width: 640px) {
  .kisi-izgara {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 960px) {
  .kisi-izgara {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.kisi-kart {
  display: flex;
  gap: var(--b4);
  padding: var(--b4);
  text-decoration: none;
  color: inherit;
  align-items: flex-start;
}

.kisi-kart:hover {
  color: inherit;
}

.kisi-kart-metin {
  min-width: 0;
  flex: 1;
}

.kisi-kart-ad {
  font-family: var(--serif);
  font-weight: 600;
  font-size: 1.1rem;
  margin: 0 0 var(--b2);
}

.kisi-kart-alan {
  margin: 0 0 var(--b2);
  color: var(--metin-2);
  font-size: 0.9rem;
}

.kisi-rol {
  display: inline-block;
  font-size: 0.75rem;
  padding: 2px var(--b2);
  border-radius: var(--yaricap-dugme);
  background: var(--kagit-2);
  color: var(--metin-2);
  margin-bottom: var(--b2);
}

.kisi-kart-say {
  margin: 0;
  color: var(--metin-2);
}

.kisi-kitap-izgara {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--b4);
}

@media (min-width: 640px) {
  .kisi-kitap-izgara {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Yazar profili */
.yazar-gezinti {
  padding-top: var(--b4);
}

.yazar-gezinti .iz ol {
  margin-bottom: var(--b4);
}

.yazar-kapak {
  width: 100%;
  height: 150px;
  overflow: hidden;
  background: var(--kagit-2);
}

.yazar-kapak-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 70%;
  max-width: none;
}

.yazar-kapak--bos {
  height: 120px;
}

.yazar-sayfa {
  margin-top: calc(-1 * var(--b6));
  position: relative;
}

.yazar-kimlik {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b4) var(--b5);
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: var(--b5);
}

.yazar-kimlik-sol {
  display: flex;
  gap: var(--b4);
  align-items: flex-start;
  min-width: 0;
  flex: 1 1 auto;
}

.yazar-avatar-wrap {
  flex-shrink: 0;
  padding: 4px;
  border-radius: 50%;
  background: var(--yuzey);
  box-shadow: var(--golge);
  margin-top: calc(-1 * var(--b6));
}

.yazar-kimlik-metin {
  min-width: 0;
  padding-top: var(--b6);
  padding-bottom: var(--b2);
}

.yazar-kimlik-metin h1 {
  margin-bottom: var(--b2);
  overflow-wrap: anywhere;
}

.yazar-kimlik-alt {
  margin: 0;
  max-width: 48ch;
  overflow-wrap: anywhere;
}

.yazar-sayaclar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b4) var(--b5);
  padding-top: var(--b6);
  flex-shrink: 0;
}

.yazar-ust-grid {
  display: grid;
  gap: var(--b5);
  margin-bottom: var(--b6);
}

@media (min-width: 960px) {
  .yazar-ust-grid {
    grid-template-columns: 1fr auto;
    align-items: start;
  }
}

.yazar-biyografi {
  max-width: 68ch;
}

.yazar-biyografi p {
  margin: 0;
  overflow-wrap: anywhere;
}

.yazar-dugmeler {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b3);
  justify-content: flex-start;
}

@media (min-width: 960px) {
  .yazar-dugmeler {
    justify-content: flex-end;
  }
}

.yazar-govde {
  display: grid;
  gap: var(--b5);
  margin-bottom: var(--b5);
}

@media (min-width: 960px) {
  .yazar-govde {
    grid-template-columns: minmax(0, 1fr) 220px;
    align-items: start;
  }
}

.yazar-ana {
  min-width: 0;
}

.yazar-sekme-liste {
  display: flex;
  flex-direction: column;
  gap: var(--b4);
  min-width: 0;
}

.yazar-yazi-video-liste {
  display: flex;
  flex-direction: column;
  gap: var(--b3);
}

.yazar-yazi-video-bas {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--b2) var(--b3);
  align-items: baseline;
}

.yazar-yazi-video-bas a {
  font-family: var(--serif);
  font-weight: 600;
  text-decoration: none;
}

.yazar-masa-kart h3 {
  font-size: 1.05rem;
  margin-bottom: var(--b2);
}

.yazar-masa-etiket {
  font-weight: 600;
  margin: 0 0 var(--b2);
}

.yazar-yan {
  background: var(--yuzey);
  border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-kart);
  padding: var(--b4);
}

.yazar-yan-bas {
  font-size: 0.8rem;
  letter-spacing: 0.04em;
  margin-bottom: var(--b4);
  font-family: var(--sans);
  font-weight: 600;
}

.yazar-yan-liste {
  display: flex;
  flex-direction: column;
  gap: var(--b4);
}

.yazar-yan-kitap {
  display: flex;
  gap: var(--b3);
  min-height: 44px;
  text-decoration: none;
  color: inherit;
  align-items: flex-start;
}

.yazar-yan-kitap:hover {
  color: inherit;
}

.yazar-yan-kitap-metin {
  min-width: 0;
}

.yazar-yan-kitap-ad {
  font-family: var(--serif);
  font-weight: 600;
  margin: 0 0 var(--b1);
  font-size: 0.95rem;
  overflow-wrap: anywhere;
}

.yazar-yan-kitap-fiyat {
  margin: 0;
}

/* Panel */
body.panel-sayfa {
  background: var(--kagit);
}

.panel-icerik a.kart-baslik,
.panel-icerik .panel-kitap-ad a {
  text-decoration: none;
}

.panel-icerik a.kart-baslik:hover,
.panel-icerik .panel-kitap-ad a:hover {
  text-decoration: none;
}

.panel-icerik {
  min-height: 100vh;
}

.panel-kabuk {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

@media (min-width: 960px) {
  .panel-kabuk {
    flex-direction: row;
  }
}

.panel-yan {
  flex-shrink: 0;
  background: var(--murekkep);
  color: var(--kagit);
  padding: var(--b4) var(--b4) var(--b5);
}

@media (min-width: 960px) {
  .panel-yan {
    width: 240px;
    position: sticky;
    top: 0;
    align-self: flex-start;
    min-height: 100vh;
    overflow-y: auto;
  }
}

@media (max-width: 959px) {
  .panel-yan {
    overflow-x: auto;
  }

  .panel-yan-liste {
    display: flex;
    flex-direction: row;
    gap: var(--b2);
    padding-bottom: var(--b2);
  }

  .panel-yan-oge {
    flex-shrink: 0;
  }
}

.panel-yan-logo {
  display: flex;
  align-items: center;
  gap: var(--b3);
  color: var(--kagit);
  text-decoration: none;
  font-weight: 600;
  margin-bottom: var(--b5);
  padding: var(--b2) 0;
}

.panel-yan-logo:hover {
  color: var(--kagit);
}

.panel-yan-logo-daire {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--altin-zemin) 88%, var(--kagit));
}

.panel-yan-logo-daire img {
  width: 28px;
  height: 28px;
}

.panel-yan-liste {
  list-style: none;
  margin: 0;
  padding: 0;
}

.panel-yan-oge {
  margin-bottom: var(--b1);
}

.panel-yan-bag {
  display: flex;
  align-items: center;
  gap: var(--b3);
  padding: var(--b3) var(--b3);
  border-radius: var(--yaricap-kart);
  color: var(--kagit);
  text-decoration: none;
  font-size: 0.9rem;
}

.panel-yan-bag:hover {
  background: var(--murekkep-2);
  color: var(--kagit);
}

@media (min-width: 960px) {
  .panel-yan-oge.is-aktif .panel-yan-bag,
  .panel-yan-bag[aria-current] {
    box-shadow: inset 3px 0 0 var(--altin);
    background: color-mix(in srgb, var(--kagit) 10%, var(--murekkep));
    color: var(--kagit);
  }
}

@media (max-width: 959px) {
  .panel-yan-oge.is-aktif .panel-yan-bag,
  .panel-yan-bag[aria-current] {
    box-shadow: inset 0 -3px 0 var(--altin);
    background: color-mix(in srgb, var(--kagit) 10%, var(--murekkep));
    color: var(--kagit);
  }
}

.panel-yan-oge--kapali .panel-yan-bag {
  opacity: 1;
  color: var(--kagit-2);
  cursor: not-allowed;
}

.panel-yan-kapali-not {
  display: block;
  padding-left: calc(20px + var(--b3) + var(--b3));
  color: var(--kagit-2);
}

.panel-siteye-don {
  display: inline-flex;
  align-items: center;
  gap: var(--b2);
  min-height: 44px;
  max-width: 100%;
  margin-bottom: var(--b4);
  color: var(--altin-koyu);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9375rem;
}

.panel-siteye-don:hover {
  color: var(--murekkep);
  text-decoration: underline;
}

.panel-siteye-don svg {
  flex-shrink: 0;
}

.panel-ana {
  flex: 1;
  min-width: 0;
  padding: var(--b4) var(--b5) var(--b7);
}

@media (max-width: 640px) {
  .panel-ana {
    padding-left: var(--b4);
    padding-right: var(--b4);
  }
}

.panel-ust {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b4);
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--b5);
}

.panel-ust h1 {
  margin-bottom: 0;
  font-size: clamp(1.4rem, 1rem + 1.5vw, 2rem);
}

.panel-ust-sag {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b3);
  align-items: center;
}

.panel-metrik-izgara {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--b4);
  margin-bottom: var(--b5);
}

@media (min-width: 640px) {
  .panel-metrik-izgara {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 960px) {
  .panel-metrik-izgara {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.panel-metrik {
  padding: var(--b4);
}

.panel-metrik-etiket {
  margin: 0 0 var(--b2);
  color: var(--metin-2);
}

.panel-metrik-deger {
  font-family: var(--serif);
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0 0 var(--b2);
  line-height: 1.1;
}

.panel-metrik-alt {
  margin: 0;
  color: var(--metin-2);
}

.panel-metrik-alt--yesil {
  color: var(--yesil);
}

.panel-yayin-satir {
  display: grid;
  gap: var(--b4);
  margin-bottom: var(--b5);
}

@media (min-width: 960px) {
  .panel-yayin-satir {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  }
}

.panel-akis-kart,
.panel-grafik-kart {
  padding: var(--b4);
  min-width: 0;
}

.panel-grafik-kart {
  display: flex;
  flex-direction: column;
}

.panel-akis-ust {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b3);
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--b4);
}

.panel-akis-ust h2 {
  font-size: 0.85rem;
  font-family: var(--sans);
  font-weight: 600;
  letter-spacing: 0.04em;
  margin: 0;
}

.panel-tum-yazilar {
  font-size: 0.875rem;
  color: var(--altin-koyu);
}

.panel-tum-yazilar:hover {
  color: var(--altin-koyu);
}

.panel-akis-izgara {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--b2);
}

@media (min-width: 640px) {
  .panel-akis-izgara {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .panel-akis-izgara {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 959px) {
  .panel-akis-izgara {
    display: flex;
    overflow-x: auto;
    gap: var(--b3);
    padding-bottom: var(--b2);
  }

  .panel-akis-kolon {
    flex: 0 0 220px;
  }
}

.panel-akis-kolon {
  background: var(--kagit);
  border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-kart);
  padding: var(--b3);
  min-width: 0;
}

.panel-akis-kolon--yayinda {
  background: var(--yesil-zemin);
  border-color: transparent;
}

.panel-akis-kolon-bas {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: var(--b3);
  gap: var(--b2);
}

.panel-akis-kolon-bas--yesil {
  color: var(--yesil);
}

.panel-akis-sayi {
  font-family: var(--serif);
}

.panel-akis-kart {
  background: var(--yuzey);
  border-radius: var(--b2);
  padding: var(--b3);
  margin-bottom: var(--b2);
}

.panel-akis-kart:last-child {
  margin-bottom: 0;
}

.panel-akis-kolon .panel-akis-kart-bas {
  font-weight: 600;
  margin: 0 0 var(--b1);
  font-size: 0.9rem;
  overflow-wrap: anywhere;
}

.panel-akis-kolon .panel-akis-kart .kucuk {
  font-size: 0.8rem;
  margin: 0;
}

.panel-grafik-kart h2 {
  font-size: 0.85rem;
  font-family: var(--sans);
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-bottom: var(--b4);
}

.panel-grafik {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 200px;
  margin: 0;
}

.panel-grafik-svg {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
  flex: 1;
}

.panel-grafik-ay {
  font-family: var(--sans);
  font-size: 11px;
  fill: var(--metin-2);
}

.panel-grafik-ay--son {
  fill: var(--murekkep);
  font-weight: 600;
}

.panel-alt-izgara {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--b4);
}

@media (min-width: 640px) {
  .panel-alt-izgara {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 960px) {
  .panel-alt-izgara {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.panel-alt-kart,
.panel-kucuk-kart {
  padding: var(--b4);
  min-width: 0;
}

.panel-alt-kart h2,
.panel-kucuk-kart h2 {
  font-size: 1rem;
  margin-bottom: var(--b3);
}

.panel-alt-kart--satir {
  display: flex;
  gap: var(--b3);
  align-items: flex-start;
}

.panel-alt-icerik {
  min-width: 0;
  flex: 1;
}

.panel-alt-ikon-kutu {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--yaricap-kart);
}

.panel-alt-ikon-kutu--kirmizi {
  background: #f5e8e8;
  color: #a63d3d;
}

.panel-alt-ikon-kutu--yesil {
  background: var(--yesil-zemin);
  color: var(--yesil);
}

.panel-metin-dugme {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: var(--b2);
  padding: 0;
  border: none;
  background: none;
  font-family: var(--sans);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--altin-koyu);
  cursor: pointer;
  text-align: left;
}

.panel-metin-dugme:hover {
  text-decoration: underline;
}

.panel-kitap-satir {
  display: flex;
  gap: var(--b3);
  align-items: flex-start;
}

.panel-kitap-metin {
  min-width: 0;
}

.panel-kitap-ad {
  margin: 0 0 var(--b2);
  font-family: var(--serif);
  font-weight: 600;
}

.panel-telif-cip {
  display: inline-block;
  margin-top: var(--b2);
  padding: var(--b1) var(--b3);
  border-radius: var(--yaricap-dugme);
  background: var(--altin-zemin);
  color: var(--altin-koyu);
  font-size: 0.75rem;
  overflow-wrap: anywhere;
}

.panel-yt-bas {
  display: flex;
  align-items: center;
  gap: var(--b2);
  font-weight: 600;
  margin: 0 0 var(--b2);
}

.panel-kucuk-kart--kapali {
  display: none;
}

.panel-altbilgi {
  margin-top: var(--b6);
  padding-top: var(--b4);
  border-top: 1px solid var(--cizgi);
  color: var(--metin-2);
}

.panel-altbilgi p {
  margin: 0;
}

.mag-sr{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}.mag-sayfa-govde, .kitap-sayfa-govde{padding-bottom: var(--b7);}.mag-bas-satir{display: flex;flex-wrap: wrap;gap: var(--b4);align-items: center;justify-content: space-between;margin-bottom: var(--b4);}.mag-bas-satir h1{margin: 0;flex: 1 1 auto;min-width: 0;}.mag-seg{display: flex;flex-wrap: nowrap;gap: var(--b1);padding: var(--b1);background: var(--kagit-2);border-radius: var(--yaricap-dugme);overflow-x: auto;max-width: 100%;}.mag-seg button{flex-shrink: 0;min-height: 44px;padding: var(--b2) var(--b4);border: none;border-radius: var(--yaricap-dugme);background: transparent;color: var(--metin-2);font-family: var(--sans);font-size: 0.875rem;cursor: pointer;white-space: nowrap;}.mag-seg button[aria-selected="true"]{background: var(--murekkep);color: var(--kagit);}.mag-arama{position: relative;flex: 1 1 220px;max-width: 320px;min-width: 0;}.mag-arama input{width: 100%;min-height: 44px;padding: var(--b2) var(--b5) var(--b2) var(--b4);border: 1px solid var(--cizgi);border-radius: 999px;background: var(--yuzey);font-family: var(--sans);font-size: 0.9375rem;}.mag-arama-ikon{position: absolute;right: var(--b3);top: 50%;transform: translateY(-50%);color: var(--metin-2);pointer-events: none;}.mag-filtre{display: flex;flex-wrap: wrap;gap: var(--b3) var(--b4);align-items: center;justify-content: space-between;margin-bottom: var(--b4);padding: var(--b2) var(--b3);background: var(--kagit-2);border-radius: var(--yaricap-dugme);}.mag-filtre-sol{display: flex;flex-wrap: wrap;gap: var(--b3) var(--b4);align-items: center;min-width: 0;}.mag-filtre-etiket{font-size: 0.8rem;color: var(--metin-2);margin-right: calc(-1 * var(--b2));}.mag-filtre select{min-height: 44px;padding: var(--b2) 36px var(--b2) var(--b4);border: 1px solid var(--cizgi);border-radius: 999px;appearance: none;background: var(--yuzey) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235B5E66' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;background-size: 12px 8px;font-family: var(--sans);font-size: 0.875rem;max-width: 100%;}.mag-indirim-cip{display: inline-flex;align-items: center;gap: var(--b2);background: var(--altin-zemin);color: var(--altin-koyu);padding: var(--b2) var(--b3);border-radius: var(--yaricap-dugme);font-size: 0.8rem;white-space: nowrap;}.mag-durum{margin: 0 0 var(--b3);color: var(--metin-2);}.mag-govde{display: grid;gap: var(--b5);margin-bottom: var(--b6);}

@media (max-width: 640px){.mag-filtre{flex-direction: column;align-items: stretch;border-radius: 16px;padding: var(--b3);}.mag-filtre-sol{display: grid;grid-template-columns: auto 1fr;gap: var(--b3);align-items: center;width: 100%;}.mag-filtre-etiket{margin-right: 0;}.mag-filtre select{width: 100%;}.mag-indirim-cip{width: 100%;justify-content: flex-start;}}

@media (min-width: 960px){.mag-govde{grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);align-items: start;}.mag-panel{position: sticky;top: 16px;align-self: start;max-height: calc(100vh - 32px);overflow-y: auto;}}.mag-ana{min-width: 0;}.mag-izgara{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--b4);list-style: none;margin: 0;padding: 0;align-items: stretch;}

@media (min-width: 640px){.mag-izgara{grid-template-columns: repeat(3, minmax(0, 1fr));}}

@media (min-width: 1200px){.mag-izgara{grid-template-columns: repeat(4, minmax(0, 1fr));}}.mag-izgara>li{height:100%;}.mag-izgara .mag-kart-sarmal{position:relative;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--yaricap-kart);box-shadow:var(--golge);overflow:hidden;height:100%;}.mag-izgara .mag-kart-sarmal .kitap-karti{background:transparent;border:none;border-radius:0;box-shadow:none;}.mag-izgara li[aria-current="true"] .mag-kart-sarmal{border-color:var(--altin);box-shadow:0 0 0 1px var(--altin);}.mag-izgara li[aria-current="true"] .mag-kart-sarmal .kitap-karti--secili{border-color:transparent;box-shadow:none;}.mag-kart-sarmal .kitap-karti-bag{flex-direction: column;align-items: stretch;padding: var(--b3);}.mag-izgara .kitap-karti-metin .rozet, .mag-izgara .kitap-karti-yazar, .mag-izgara .kitap-karti-metin > .kucuk{display: none;}.mag-izgara .kitap-karti-metin h3{font-family: var(--serif);font-size: 0.95rem;margin: var(--b2) 0;}.mag-kart-meta{margin: 0 var(--b3) var(--b2);color: var(--metin-2);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.mag-izgara .kapak{width: 100%;height: auto;border-radius: var(--b1);}.mag-panel{background: var(--yuzey);border: 1px solid var(--cizgi);border-radius: 16px;padding: var(--b4);min-width: 0;}.mag-govde[hidden], .mag-filtre[hidden], .mag-panel[hidden], .mag-panel-oge[hidden], .mag-bos[hidden], .mag-seg[hidden], [data-magaza-sesli][hidden], [data-magaza] [hidden], .panel-icerik [hidden], .yazar-sayfa-govde [hidden], .kitap-sayfa-govde [hidden]{display: none !important;}.mag-panel-ust{display: flex;gap: var(--b3);align-items: flex-start;margin-bottom: var(--b4);}.mag-panel-ust .kapak{width: 140px;height: auto;flex-shrink: 0;}.mag-panel-ust-metin{min-width: 0;flex: 1;}.mag-panel-ust .yazar-satir{align-items: center;margin-top: var(--b2);gap: var(--b2);}.mag-panel-ust .yazar-satir .avatar{width: 28px;height: 28px;flex-shrink: 0;}.mag-panel-ust .yazar-satir-metin{display: flex;flex-wrap: nowrap;align-items: baseline;gap: 0.35em;min-width: 0;}.mag-panel-ust .yazar-satir-ad{margin: 0;font-size: 0.875rem;white-space: nowrap;flex-shrink: 0;}.mag-panel-ust .yazar-satir-alt{margin: 0;font-size: 0.875rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0;}.mag-panel-rozet-satir{display: flex;flex-wrap: wrap;gap: var(--b2);align-items: center;margin-bottom: var(--b3);}.mag-panel-oge .kapak{flex-shrink: 0;margin: 0;}.mag-panel-oge h2{font-size: 1.15rem;margin-bottom: var(--b2);}.mag-panel-alt{margin: 0 0 var(--b3);color: var(--metin-2);}.mag-bicimler{display: flex;flex-wrap: wrap;gap: var(--b2);margin-bottom: var(--b4);}.mag-bicim--dolu{background: var(--murekkep);color: var(--kagit);border-color: var(--murekkep);}.mag-bicim--cizgi{background: transparent;border: 1px solid var(--murekkep);color: var(--murekkep);}.mag-fiyat-buyuk{font-family: var(--serif);font-size: 1.75rem;font-weight: 700;margin: 0 0 var(--b1);line-height: 1.1;}.mag-fiyat-uyelik{margin: 0 0 var(--b4);color: var(--metin-2);}.mag-dugmeler{display: flex;flex-direction: column;gap: var(--b3);margin-bottom: var(--b4);}.mag-dugmeler .dg{min-height: 44px;justify-content: center;}.mag-pay-satir{display: flex;flex-wrap: wrap;gap: var(--b2) var(--b3);justify-content: space-between;align-items: baseline;font-size: 0.875rem;margin-bottom: var(--b3);padding: var(--b3);background: var(--kagit-2);border-radius: var(--yaricap-kart);}.mag-pay-yuzde{font-weight: 600;text-align: right;}.mag-pay-not{display: block;font-weight: 400;}.mag-panel-sayfa{margin: var(--b3) 0 0;}.mag-karsilastirma{margin-bottom: var(--b6);}.mag-karsilastirma h2{margin-bottom: var(--b4);}.mag-tablo-sarmal{overflow-x: auto;margin-bottom: var(--b3);}.mag-tablo{width: 100%;min-width: 520px;border-collapse: collapse;font-size: 0.9rem;}.mag-tablo th, .mag-tablo td{border: 1px solid var(--cizgi);padding: var(--b3);text-align: left;vertical-align: top;}.mag-tablo-kose{background: var(--yuzey);border-color: var(--cizgi);}.mag-tablo thead th{background: var(--murekkep);color: var(--kagit);font-family: var(--serif);font-weight: 600;}.mag-tablo thead th:nth-child(3){background: var(--murekkep-2);}.mag-tablo tbody th{background: var(--kagit-2);font-weight: 600;width: 28%;}.mag-tablo-yuzde{font-family: var(--serif);font-size: 1.35rem;font-weight: 700;line-height: 1.2;}.mag-tablo-not{margin: 0;padding: var(--b3) var(--b4);background: var(--altin-zemin);color: var(--altin-koyu);font-size: 0.875rem;border-radius: var(--yaricap-kart);}

@media (max-width: 639px){.mag-tablo-sarmal{overflow-x: visible;}.mag-tablo{min-width: 0;}.mag-tablo, .mag-tablo thead, .mag-tablo tbody, .mag-tablo tr, .mag-tablo th, .mag-tablo td{display: block;}.mag-tablo thead{position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);}.mag-tablo-kose{display: none;}.mag-tablo tbody tr{border: 1px solid var(--cizgi);border-radius: var(--yaricap-kart);margin-bottom: var(--b3);background: var(--yuzey);padding: var(--b3);}.mag-tablo tbody th{width: auto;background: transparent;border: none;padding: 0 0 var(--b3);font-size: 1rem;}.mag-tablo tbody td{border: none;padding: var(--b2) 0;border-top: 1px solid var(--cizgi);}.mag-tablo tbody td::before{content: attr(data-etiket);display: block;font-weight: 600;font-size: 0.8rem;color: var(--metin-2);margin-bottom: var(--b1);}}.mag-notlar{display: grid;gap: var(--b4);margin-bottom: var(--b6);}

@media (min-width: 640px){.mag-notlar{grid-template-columns: repeat(2, minmax(0, 1fr));}}.mag-not-kart{padding: var(--b4);min-width: 0;}.mag-not-kart h2{font-size: 1rem;margin-bottom: var(--b3);}.mag-not-kart ul{margin: 0;padding-left: 1.2em;}.mag-not-kart li{margin-bottom: var(--b2);}.mag-not-alt{margin: 0;color: var(--metin-2);grid-column: 1 / -1;}.mag-icerikten-kitaba{display: flex;flex-wrap: wrap;gap: var(--b3);align-items: center;margin-bottom: var(--b4);}.mag-ik-etiket{color: var(--altin-koyu);font-size: 0.75rem;font-weight: 600;letter-spacing: 0.14em;}.mag-ik-cipler{display: flex;flex-wrap: wrap;gap: var(--b2);list-style: none;margin: 0;padding: 0;}.mag-ik-cip{background: var(--altin-zemin);color: var(--altin-koyu);font-weight: 600;font-size: 0.8rem;}.mag-pazar-notu{margin: 0 0 var(--b6);color: var(--metin-2);}.kitap-tanitim{max-width: 68ch;}

.kt-ilk-baslik {
  font-family: var(--serif);
  font-size: 1.1rem;
  margin: 0 0 var(--b3);
}

/* Kitap detay */
.kitap-sayfa-ust {
  display: grid;
  gap: var(--b5);
  margin-bottom: var(--b6);
}

@media (min-width: 960px) {
  .kitap-sayfa-ust {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
  }
}

.kapak text:nth-last-child(2) {
  display: none;
}

.kitap-sayfa-kapak .kapak text:nth-last-child(2) {
  display: block;
}

.kitap-sayfa-kapak .kapak {
  display: block;
  max-width: 100%;
  border-radius: var(--b2);
}

.kitap-sayfa-alt {
  color: var(--metin-2);
  margin: 0 0 var(--b3);
}

.kitap-sayfa-kunye {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--b2) var(--b4);
  margin: var(--b4) 0;
  font-size: 0.9rem;
}

.kitap-sayfa-kunye dt {
  color: var(--metin-2);
  font-weight: 500;
}

.kitap-sayfa-kunye dd {
  margin: 0;
}

.kitap-sayfa-liste {
  display: flex;
  flex-direction: column;
  gap: var(--b4);
  margin-bottom: var(--b5);
}
/* --- 50-kurum.css --- */
.sayfa-kurum {
  padding: var(--b5) var(--b4) var(--b7);
  max-width: 1200px;
  margin: 0 auto;
}

@media (min-width: 960px) {
  .st-sayfa-kok.sayfa-kurum {
    padding: var(--b4) var(--b4) var(--b5);
  }
  .st-ust,
  .st-hero {
    display: grid;
    gap: var(--b4);
    align-items: start;
  }
  .st-ust {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  }
  .st-sol {
    display: flex;
    flex-direction: column;
    gap: var(--b3);
    min-width: 0;
  }
  .st-hero {
    grid-template-columns: 360px minmax(0, 1fr);
  }
  .st-sol .st-gorsel {
    width: 100%;
    max-width: 360px;
    height: auto;
    aspect-ratio: 3/2;
    object-fit: cover;
    max-height: none;
    margin-bottom: 0;
  }
  .st-metin h1 {
    margin-top: 0;
    font-size: clamp(1.5rem, 1.9vw, 1.9rem);
    line-height: 1.15;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
  }
  .st-metin .st-ozellikler {
    margin-bottom: 0;
  }
  .ua-hero {
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
  .ua-seviye-izgara {
    grid-template-columns: 1fr 1fr 1fr;
  }
  @media (min-width: 960px) and (max-width: 1199px) {
    .st-hero {
      grid-template-columns: minmax(0, 1fr);
    }
  }
}

.st-sol .st-gorsel {
  width: 100%;
  max-width: 480px;
  height: auto;
  display: block;
  margin-bottom: var(--b4);
  border-radius: var(--yaricap-kart);
}

.st-eyebrow {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--metin-2);
  margin: 0 0 var(--b3);
}

.st-ozellikler {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b2) var(--b3);
  margin: var(--b4) 0 var(--b5);
}

.st-ozellik {
  display: inline-flex;
  align-items: center;
  gap: var(--b2);
  padding: var(--b2) var(--b3);
  background: var(--yuzey);
  border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-dugme);
  font-size: 0.875rem;
}

.st-paketler {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--b3);
  margin-bottom: 24px;
}

.st-paket-kart {
  position: relative;
  min-width: 0;
  text-align: left;
  padding: var(--b4);
  background: var(--yuzey);
  border: 2px solid var(--cizgi);
  border-radius: var(--b2);
  cursor: pointer;
  font: inherit;
  color: inherit;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.st-paket-kart.is-secili {
  border-color: var(--altin);
  box-shadow: 0 0 0 1px var(--altin);
}

.st-paket-etiket {
  position: absolute;
  top: var(--b3);
  right: var(--b3);
  max-width: 45%;
  font-size: 0.75rem;
  padding: 2px var(--b2);
  background: var(--kagit-2);
  border-radius: var(--yaricap-dugme);
  color: var(--metin-2);
  overflow-wrap: anywhere;
}

.st-paket-kimin {
  display: block;
  margin-top: var(--b2);
  color: var(--metin-2);
  font-size: 0.75rem;
}

.st-paket-ad {
  display: block;
  font-family: var(--serif);
  font-weight: 600;
  font-size: 1.05rem;
  margin-bottom: var(--b2);
  padding-right: 4rem;
}

.st-paket-aciklama {
  display: block;
  color: var(--metin-2);
  margin: 0;
}

.st-takvim-kart {
  background: var(--yuzey);
  border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-kart);
  padding: var(--b4);
  box-shadow: var(--golge);
  min-width: 0;
}

.st-takvim-ust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--b3);
  margin-bottom: var(--b4);
}

.st-takvim-ay {
  font-size: 1.35rem;
  margin: 0;
}

.st-paket-sec {
  display: flex;
  align-items: center;
  gap: var(--b2);
  font-size: 0.875rem;
}

.st-paket-select {
  font: inherit;
  min-height: 44px;
  padding: var(--b2) var(--b3);
  border: 1px solid var(--cizgi);
  border-radius: var(--b2);
  background: var(--kagit);
}

.st-takvim-izgara {
  display: grid;
  grid-template-columns: repeat(7,1fr);
  gap: 4px;
  margin-bottom: var(--b3);
}

.st-takvim-hafta {
  font-size: 0.75rem;
  font-weight: 600;
  text-align: center;
  color: var(--metin-2);
  padding-bottom: var(--b2);
}

.st-takvim-bos {
  min-height: 44px;
}

.st-gun {
  min-width: 44px;
  min-height: 44px;
  border: none;
  border-radius: 8px;
  font: inherit;
  font-size: 0.875rem;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.st-gun--uygun {
  background: var(--yesil-zemin);
  color: var(--yesil);
}

.st-gun--kapali,.st-gun[aria-disabled=true],.st-saat.is-dolu,.st-saat[aria-disabled=true] {
  background: var(--kagit-2);
  color: var(--metin-2);
  text-decoration: line-through;
  cursor: not-allowed;
}

.st-gun.is-secili {
  background: var(--altin);
  color: var(--murekkep);
  font-weight: 700;
}

.st-paket-kart:focus-visible,.st-gun:focus-visible,.st-saat:focus-visible,.ar-cip:focus-visible,.ar-kutu:focus-visible {
  outline: 3px solid var(--odak);
  outline-offset: 2px;
}

.st-takvim-not,
.st-ayrilmis-gosterge {
  color: var(--metin-2);
  margin: 0 0 var(--b2);
}

.st-ayrilmis-gosterge {
  display: flex;
  align-items: center;
  gap: var(--b2);
}

.st-ayrilmis-nokta {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--altin);
  flex-shrink: 0;
}

.st-saat-satir {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b2);
  margin: var(--b4) 0;
}

.st-saat {
  flex: 1 1 auto;
  min-width: 7rem;
  min-height: 44px;
  padding: var(--b2) var(--b3);
  border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-dugme);
  background: var(--yuzey);
  font: inherit;
  font-size: 0.8rem;
  cursor: pointer;
}

.st-saat.is-secili {
  background: var(--murekkep);
  color: var(--yuzey);
  border-color: var(--murekkep);
}

@media (max-width: 375px) {
  .st-takvim-kart {
    padding: var(--b3);
  }
  .st-takvim-izgara {
    gap: 2px;
  }
  .st-gun {
    min-width: 0;
  }
}

.st-ozet-satir {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--b3);
  align-items: center;
  padding-top: var(--b3);
  border-top: 1px solid var(--cizgi);
}

@media (min-width: 640px) {
  .st-ozet-satir {
    grid-template-columns: 1fr auto;
  }
  .st-ozet-satir .dg--birincil {
    justify-self: end;
    flex-shrink: 0;
  }

  .kr-duzeltme-oncesonra {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 639px) {
  .st-paketler {
    grid-template-columns: 1fr;
  }

  .st-ozet-satir .dg--birincil {
    width: 100%;
  }
}

.st-ozet-ana {
  font-weight: 700;
  margin: 0 0 var(--b1);
}

.st-ozet-alt {
  margin: 0;
  color: var(--metin-2);
}

.st-alt-bolum {
  margin-top: var(--b7);
}

.st-ekipman {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(10rem,1fr));
  gap: var(--b2) var(--b4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.st-ekipman li {
  padding: var(--b2) 0;
  border-bottom: 1px solid var(--cizgi);
}

.st-kurallar {
  margin: 0 0 var(--b4);
  padding-left: 1.25rem;
}

.st-fiyat-notu,
.ar-noscript,
.ar-durum {
  color: var(--metin-2);
}

.st-form-ozet {
  font-weight: 600;
  margin: 0 0 var(--b4);
  padding: var(--b3);
  background: var(--kagit-2);
  border-radius: var(--b2);
}

.ua-hero {
  display: grid;
  gap: var(--b6);
  margin-bottom: var(--b7);
}

.ua-aciklama {
  font-size: 1.05rem;
  max-width: 42ch;
}

.ua-baglan-not {
  display: flex;
  align-items: flex-start;
  gap: var(--b2);
  color: var(--metin-2);
  margin-top: var(--b3);
}

.ua-ornek-kanal {
  background: var(--yuzey);
  border-radius: 12px;
  padding: var(--b4);
  box-shadow: var(--golge);
  border: 1px solid var(--cizgi);
}

.ua-kanal-ust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--b3);
  margin-bottom: var(--b4);
}

.ua-kanal-ad {
  font-weight: 600;
  margin: 0;
}

.ua-kanal-tur {
  margin: 0;
  color: var(--metin-2);
}

.ua-baglandi {
  display: inline-flex;
  align-items: center;
  gap: var(--b1);
  margin-left: auto;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--yesil);
  background: var(--yesil-zemin);
  padding: var(--b1) var(--b3);
  border-radius: var(--yaricap-dugme);
}

.ua-video-baslik {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--metin-2);
  margin: 0 0 var(--b3);
}

.ua-video-satir {
  margin-bottom: var(--b2);
}

.ua-video-etiket {
  display: flex;
  align-items: center;
  gap: var(--b3);
  cursor: pointer;
}

.ua-video-etiket input[type="checkbox"] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  accent-color: var(--yesil);
}

.ua-video-etiket img {
  width: 72px;
  aspect-ratio: 16 / 9;
  height: auto;
  border-radius: var(--b2);
  object-fit: cover;
  flex-shrink: 0;
}

.ua-yt-ikon {
  flex-shrink: 0;
}

.dg--koyu .ua-yt-ikon {
  margin-right: var(--b2);
}

.ua-kanal-alt {
  margin-top: var(--b4);
  padding-top: var(--b4);
  border-top: 1px solid var(--cizgi);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--b3);
}

.ua-secim-metin {
  margin: 0;
  font-size: 0.875rem;
}

.ua-seviyeler h2,
.ua-nasil h2,
.ua-sss-bolum h2,
.ua-basvuru h2 {
  margin-bottom: var(--b5);
}

.ua-seviye-izgara {
  display: grid;
  gap: var(--b4);
}

.ua-seviye {
  background: var(--yuzey);
  border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-kart);
  padding: var(--b5) var(--b4) var(--b4);
  border-top-width: 4px;
}

.ua-sev-1 {
  border-top-color: #1d6e7e;
}

.ua-sev-2 {
  border-top-color: #c8962e;
}

.ua-sev-3 {
  border-top-color: #34508f;
}

.ua-seviye-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--kagit-2);
  font-weight: 700;
  margin-bottom: var(--b3);
}

.ua-seviye-maddeler {
  margin: 0 0 var(--b4);
  padding-left: 1.1rem;
}

.ua-seviye-maddeler li::marker {
  color: var(--altin);
}

.ua-seviye-gelir {
  font-size: 0.8rem;
  font-weight: 600;
  margin: 0;
  padding: var(--b2) var(--b3);
  border-radius: var(--b2);
}

.ua-sev-1 .ua-seviye-gelir {
  background: #e6f2e8;
  color: #2e6b3a;
}

.ua-sev-2 .ua-seviye-gelir {
  background: var(--altin-zemin);
  color: var(--altin-koyu);
}

.ua-sev-3 .ua-seviye-gelir {
  background: var(--mavi-zemin);
  color: var(--mavi);
}

.ua-adimlar {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--b4);
}

.ua-adim {
  display: flex;
  gap: var(--b4);
}

.ua-adim-no {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--murekkep);
  color: var(--yuzey);
  font-weight: 700;
}

.ua-adim h3 {
  font-size: 1.1rem;
  margin-bottom: var(--b2);
}

.ua-sss {
  border: 1px solid var(--cizgi);
  border-radius: var(--b2);
  padding: var(--b3) var(--b4);
  margin-bottom: var(--b2);
  background: var(--yuzey);
}

.ua-sss summary {
  cursor: pointer;
  font-weight: 600;
  min-height: 44px;
  display: flex;
  align-items: center;
}

.ua-studyo-link {
  margin-top: var(--b5);
}

.kr-sayfa-kok h1 {
  margin-bottom: var(--b3);
}

.kr-metin,.kr-spot,.kr-liste,.kr-atif,.ar-sonuc-ozet {
  max-width: 72ch;
}

.kr-spot {
  font-size: 1.05rem;
  color: var(--metin-2);
  margin: 0 0 var(--b6);
}

.kr-bolum {
  margin-bottom: var(--b6);
}

.kr-bolum > h2 {
  margin-top: 0;
  margin-bottom: var(--b4);
}

.kr-bolum > h2 + .kr-kartlar,
.kr-bolum > h2 + .kr-adim-izgara {
  margin-top: 0;
}

.kr-duzen {
  display: flex;
  flex-direction: column;
  gap: var(--b6);
}

.kr-ana {
  min-width: 0;
}

@media (max-width: 1023px) {
  .kr-duzen--uyelik .kr-yan {
    order: -1;
  }
}

@media (min-width: 1024px) {
  .kr-duzen {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    align-items: start;
    gap: var(--b6);
  }

  .kr-yan {
    position: sticky;
    top: 96px;
    background: var(--yuzey);
    border: 1px solid var(--cizgi);
    border-radius: var(--yaricap-kart);
    padding: var(--b4);
    min-width: 0;
  }
}

.kr-yan-ust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--b2) var(--b3);
  margin-bottom: var(--b3);
}

.kr-yan-baslik {
  font-size: 1.05rem;
  margin: 0;
}

.kr-yan-fiyat {
  font-family: var(--serif);
  font-weight: 600;
  font-size: 1.15rem;
  margin: 0 0 var(--b3);
}

.kr-yan-lisans-kod {
  font-family: var(--serif);
  font-weight: 700;
  font-size: 1.5rem;
  margin: 0 0 var(--b4);
  letter-spacing: 0.02em;
}

.kr-yan-dugme {
  margin: var(--b4) 0 0;
}

.kr-liste--sik {
  margin: 0 0 var(--b3);
  padding-left: 1.1rem;
  font-size: 0.9rem;
}

.kr-koyu-bant,
.kr-bolum--bagimsiz .kr-bagimsiz-kutu {
  background: var(--murekkep);
  color: var(--yuzey);
  padding: var(--b5);
  border-radius: var(--yaricap-kart);
}

.kr-koyu-bant .kr-metin,
.kr-koyu-bant p,
.kr-bolum--bagimsiz .kr-metin {
  color: var(--yuzey);
  max-width: none;
}

.kr-koyu-bant .ust-etiket {
  color: var(--altin);
}

.kr-bolum--bant > .kr-koyu-bant {
  margin: 0;
}

.kr-adim-izgara {
  display: grid;
  gap: var(--b4);
  grid-template-columns: 1fr;
}

@media (min-width: 640px) {
  .kr-adim-izgara {
    grid-template-columns: 1fr 1fr;
  }
}

.kr-adim-kart {
  background: var(--yuzey);
  border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-kart);
  padding: var(--b4);
  position: relative;
  padding-top: var(--b5);
}

.kr-adim-no {
  position: absolute;
  top: var(--b3);
  left: var(--b3);
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--murekkep);
  color: var(--yuzey);
  font-weight: 700;
  font-size: 0.85rem;
}

.kr-adim-kart h3 {
  font-size: 1rem;
  margin: 0 0 var(--b2);
  padding-left: 2.25rem;
}

.kr-adim-kart p {
  margin: 0;
  font-size: 0.9rem;
  color: var(--metin-2);
}

.kr-ornek-gorunum {
  margin: 0 0 var(--b4);
  padding: var(--b3) var(--b4);
  border-left: 3px solid var(--altin);
  background: var(--kagit-2);
  border-radius: 0 var(--b2) var(--b2) 0;
}

.kr-ornek-gorunum blockquote {
  margin: 0;
}

.kr-ornek-gorunum p {
  margin: 0;
  font-size: 0.9rem;
  color: var(--metin-2);
}

.kr-kartlar--iki {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 639px) {
  .kr-kartlar--iki {
    grid-template-columns: 1fr;
  }
}

.kr-kart--kucuk {
  margin-top: var(--b4);
  max-width: 16rem;
}

.kr-kart-ikon {
  display: block;
  margin-bottom: var(--b3);
  color: var(--altin);
}

.kr-liste {
  padding-left: 1.25rem;
}

.kr-alan-grubu {
  border: 1px solid var(--cizgi);
  border-radius: var(--b2);
  padding: var(--b4);
  margin: 0 0 var(--b4);
}

.kr-alan-grubu legend {
  font-weight: 600;
  padding: 0 var(--b2);
}

.kr-atif {
  width: 100%;
  font: inherit;
  padding: var(--b3);
  border: 1px solid var(--cizgi);
  border-radius: var(--b2);
  background: var(--kagit-2);
  resize: vertical;
}

.kr-lisans a {
  color: var(--altin-koyu);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.kr-duzeltme {
  border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-kart);
  padding: var(--b4);
  margin-bottom: var(--b4);
  background: var(--yuzey);
}

.kr-duzeltme-ust {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--b2) var(--b4);
  margin-bottom: var(--b4);
  font-size: 0.875rem;
}

.kr-duzeltme-makale {
  font-weight: 600;
}

.kr-duzeltme-tur {
  font-size: 0.75rem;
  padding: 2px var(--b2);
  background: var(--kagit-2);
  border-radius: var(--yaricap-dugme);
}

.kr-duzeltme-oncesonra {
  display: grid;
  gap: var(--b4);
  margin-bottom: var(--b4);
}

.kr-duzeltme-kolon h3 {
  font-size: 0.8rem;
  margin: 0 0 var(--b2);
  color: var(--metin-2);
}

.kr-duzeltme-kolon p {
  margin: 0;
}

.kr-404 .kr-bolum {
  margin-top: var(--b6);
}

.ar-sayfa {
  max-width: 48rem;
}

.ar-kutu-sarmal {
  margin-bottom: var(--b4);
}

.ar-etiket {
  display: block;
  font-weight: 600;
  margin-bottom: var(--b2);
}

.ar-kutu {
  width: 100%;
  font: inherit;
  font-size: 1.15rem;
  padding: var(--b3) var(--b4);
  border: 2px solid var(--cizgi);
  border-radius: var(--b2);
  background: var(--yuzey);
}

.ar-kutu:focus-visible {
  border-color: var(--altin);
}

.ar-suzgec {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b2);
  margin-bottom: var(--b4);
}

.ar-cip {
  font: inherit;
  font-size: 0.8rem;
  padding: var(--b2) var(--b3);
  border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-dugme);
  background: var(--yuzey);
  cursor: pointer;
}

.ar-cip.is-secili {
  background: var(--murekkep);
  color: var(--yuzey);
  border-color: var(--murekkep);
}

.ar-durum {
  margin: 0 0 var(--b4);
  min-height: 1.5em;
}

.ar-sonuc {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ar-sonuc-oge {
  padding: var(--b4) 0;
  border-bottom: 1px solid var(--cizgi);
}

.ar-sonuc-baglanti {
  display: block;
  font-weight: 600;
  font-size: 1.05rem;
  margin-bottom: var(--b1);
  text-decoration: none;
  color: inherit;
}

.ar-sonuc-baglanti:hover {
  color: var(--altin-koyu);
}

.ar-sonuc-tur {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 2px var(--b2);
  background: var(--kagit-2);
  border-radius: var(--yaricap-dugme);
  margin-bottom: var(--b2);
}

.ar-sonuc-meta,
.ar-sonuc-ozet {
  color: var(--metin-2);
}

.ar-sonuc-meta {
  display: block;
  margin-bottom: var(--b2);
}

.ar-sonuc-ozet {
  margin: 0;
}

.ar-sonuc mark,
.ar-sonuc-baslik mark,
.ar-sonuc-meta mark,
.ar-sonuc-ozet mark {
  background: var(--altin-zemin);
  color: inherit;
  padding: 0 1px;
}

.ar-bos {
  padding: var(--b6);
  text-align: center;
  background: var(--kagit-2);
  border-radius: var(--yaricap-kart);
}

.ar-bos h3 {
  margin: 0 0 var(--b2);
}

.ar-harita {
  margin-top: var(--b7);
}

.ar-harita-baslik {
  font-size: 1.1rem;
  margin-bottom: var(--b4);
}

.ar-harita-liste {
  columns: 2;
  column-gap: var(--b6);
  padding-left: 1.25rem;
  font-size: 0.875rem;
}

@media (max-width: 480px) {
  .ar-harita-liste {
    columns: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .st-paket-kart,
  .ar-cip {
    transition: none;
  }
}

.kr-kartlar {
  display: grid;
  gap: var(--b4);
  grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
}

.kr-kartlar + h3,
.kr-bolum > h3 {
  margin-top: 2rem;
}

.kr-kartlar:has(> :nth-child(5):last-child) {
  grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
}

@media (min-width: 640px) {
  .kr-kartlar:has(> :nth-child(4):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kr-kartlar--ozet {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.kr-yan--cercevesiz {
  background: transparent;
  border: none;
  padding: 0;
}

.kr-sayfa--yeniden-yayin .kr-atif {
  max-width: none;
}

.kr-detay {
  border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-kart);
  margin-bottom: var(--b4);
  background: var(--yuzey);
}

.kr-detay > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--b3);
  min-height: 44px;
  padding: var(--b3) var(--b4);
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}

.kr-detay > summary::-webkit-details-marker {
  display: none;
}

.kr-detay > summary:focus-visible {
  outline: 3px solid var(--altin);
  outline-offset: 2px;
}

.kr-detay-ok {
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.kr-detay[open] > summary .kr-detay-ok {
  transform: rotate(180deg);
}

.kr-detay-govde {
  padding: 0 var(--b4) var(--b4);
}

.kr-zaman {
  list-style: none;
  margin: 0;
  padding: 0;
}

.kr-zaman > li {
  position: relative;
  padding-left: var(--b5);
  margin-bottom: var(--b5);
}

.kr-zaman > li::before {
  content: "";
  position: absolute;
  left: 0.45rem;
  top: 0.35rem;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: var(--altin);
  box-shadow: 0 0 0 2px var(--yuzey);
}

.kr-zaman > li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 0.7rem;
  top: 1.1rem;
  bottom: -0.5rem;
  width: 2px;
  background: var(--cizgi);
}

.kr-zaman-tarih {
  display: block;
  font-weight: 700;
  margin-bottom: var(--b2);
}

.kr-duzeltme-tur--olgu {
  background: #f5e8e6;
  color: #7a2e26;
}

.kr-duzeltme-tur--yazi {
  background: var(--mavi-zemin);
  color: var(--mavi);
}

.kr-duzeltme-tur--diger {
  background: var(--altin-zemin);
  color: var(--altin-koyu);
}

.kr-duzeltme-kolon--once {
  border: 1px solid #e8c4c0;
  border-radius: var(--b2);
  padding: var(--b3);
}

.kr-duzeltme-kolon--sonra {
  border: 1px solid #b8d4be;
  border-radius: var(--b2);
  padding: var(--b3);
}

.kr-404-ust {
  display: flex;
  flex-direction: column;
  gap: var(--b5);
  margin-bottom: var(--b6);
}

@media (min-width: 768px) {
  .kr-404-ust {
    flex-direction: row;
    align-items: center;
  }

  .kr-404-sol,
  .kr-404-sag {
    flex: 1;
    min-width: 0;
  }
}

.kr-404-sayi {
  display: block;
  font-family: var(--serif);
  font-weight: 700;
  font-size: clamp(4rem, 14vw, 7rem);
  line-height: 1;
  color: var(--cizgi);
  margin-bottom: var(--b2);
}

.kr-404-gorsel {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.kr-404-dugmeler {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b3);
  margin: var(--b4) 0 0;
}

.kr-kart--baglanti {
  text-decoration: none;
  color: inherit;
}

.kr-404-baglantilar {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .kr-404-baglantilar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.kr-404-baglanti-ad {
  font-weight: 600;
  font-size: 1rem;
}

.kr-404-ciplar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b2);
}

@media (max-width: 1023px) {
  .kr-duzen--bulten {
    display: flex;
    flex-direction: column;
  }

  .kr-duzen--bulten .kr-ana {
    display: contents;
  }

  .kr-duzen--bulten #bulten-icerik {
    order: -3;
  }

  .kr-duzen--bulten .kr-yan--bulten-onizleme {
    order: -2;
    position: static;
    margin-bottom: var(--b4);
  }

  .kr-duzen--bulten .kr-bolum--abonelik {
    order: -1;
  }
}

.kr-duzen--bulten .bulten-onizleme {
  margin-bottom: 0;
}

.bulten-onizleme {
  margin: 0 0 var(--b4);
  padding: var(--b5);
  border: 1px solid var(--cizgi);
  border-radius: 12px;
  background: var(--kagit-2);
}

.bulten-onizleme-ust {
  margin: 0 0 var(--b4);
  padding: 0 0 var(--b3);
  border-bottom: 1px solid var(--cizgi);
  font-size: 0.875rem;
}

.bulten-onizleme-ust p {
  margin: 0 0 var(--b2);
  color: var(--metin-2);
}

.bulten-onizleme-ust p:last-child {
  margin: 0;
  font-weight: 600;
  color: var(--metin);
}

.bulten-onizleme .kr-liste {
  max-width: none;
}

.kr-bulten-ilgi {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  column-gap: var(--b4);
}

.kr-bulten-ilgi .alan--onay {
  min-height: 44px;
}

.kr-kart {
  background: var(--yuzey);
  border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-kart);
  padding: var(--b4);
}

.kr-tablo-sarmal {
  overflow-x: auto;
  max-width: 100%;
}

.kr-tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.kr-tablo th,
.kr-tablo td {
  border: 1px solid var(--cizgi);
  padding: var(--b2) var(--b3);
  text-align: left;
}

.iz ol {
  column-gap: 0;
}

.iz li + li::before {
  content: none;
}

.iz li:not(:last-child)::after {
  content: "›" / "";
  margin-left: var(--b2);
  color: var(--metin-2);
}

.alan--onay label {
  flex: 1 1 0;
  min-width: 0;
  padding: 11px 0;
}
/* --- 62-yeni.css --- */
.yn-alinti{margin:var(--b5) 0;padding-left:var(--b4);border-left:3px solid var(--altin);font:clamp(1.15rem,2.6vw,1.4rem)/1.4 var(--serif)}
.yn-alinti footer{font:.85rem var(--sans);color:var(--metin-2);margin-top:var(--b2)}
.yn-alinti p{margin:0}
.yn-cagri{display:flex;flex-wrap:wrap;gap:var(--b3)}
.yn-pk img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin-bottom:var(--b3)}
.yn-pk .rozet{margin-top:var(--b3)}
.yn-pk span:last-child{display:block;margin-top:var(--b3);font-weight:600}