/* izmirconnect.com — site.css
   Renkler ve yazı tipleri CLAUDE.md'deki tabloyla aynıdır. Önce telefon, sonra geniş ekran. */

/* ---------- Yazı tipleri (yerel dosyalar, assets/fonts/) ----------
   Her ağırlık iki parçadır: latin (ç ö ü ı dahil) ve latin-ext (ğ ş İ gibi harfler).
   Tarayıcı yalnızca sayfada geçen harflerin parçasını indirir.
   Lisans: SIL Open Font License, assets/fonts/OFL-*.txt */

@font-face {
  font-family: "Archivo";
  src: url("/assets/fonts/archivo-latin-ext-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Archivo";
  src: url("/assets/fonts/archivo-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Archivo";
  src: url("/assets/fonts/archivo-latin-ext-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Archivo";
  src: url("/assets/fonts/archivo-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Archivo";
  src: url("/assets/fonts/archivo-latin-ext-800-normal.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Archivo";
  src: url("/assets/fonts/archivo-latin-800-normal.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("/assets/fonts/source-serif-4-latin-ext-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("/assets/fonts/source-serif-4-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("/assets/fonts/source-serif-4-latin-ext-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("/assets/fonts/source-serif-4-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("/assets/fonts/source-serif-4-latin-ext-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("/assets/fonts/source-serif-4-latin-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- Renkler ve temel değerler ---------- */

:root {
  --kagit: #F4F1EA;
  --kum: #E6DFD1;
  --cizgi: #CFC7B6;
  --murekkep: #18222D;
  --gri: #3F4A57;
  --govde: #2C3540;
  --korfez: #1D5B86;
  --koyu-korfez: #123E5C;
  --form-cerceve: #8A8F96;
  --beyaz: #FFFFFF;

  --yazi-baslik: "Archivo", Arial, "Helvetica Neue", sans-serif;
  --yazi-govde: "Source Serif 4", Georgia, "Times New Roman", serif;

  --genislik: 1200px;
  --yan-bosluk: 24px;

  color-scheme: light;
}

/* ---------- Temel ---------- */

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

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-padding-top: 16px;
}

body {
  margin: 0;
  background: var(--kagit);
  color: var(--murekkep);
  font-family: var(--yazi-govde);
  font-size: 18px;
  line-height: 1.55;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

h1, h2, h3, p, ul, ol, figure {
  margin: 0;
}

h1, h2, h3 {
  font-family: var(--yazi-baslik);
  font-weight: 800;
  overflow-wrap: break-word;
  text-wrap: balance;
}

p {
  text-wrap: pretty;
}

a {
  color: var(--korfez);
}

a:hover {
  color: var(--koyu-korfez);
}

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

.liste-yok {
  list-style: none;
  padding: 0;
}

.kapsayici {
  max-width: var(--genislik);
  margin: 0 auto;
  padding-left: var(--yan-bosluk);
  padding-right: var(--yan-bosluk);
}

.atla {
  position: absolute;
  left: 8px;
  top: -100px;
  z-index: 10;
  background: var(--murekkep);
  color: var(--beyaz);
  font-family: var(--yazi-baslik);
  font-weight: 600;
  padding: 12px 16px;
}

.atla:focus {
  top: 8px;
  color: var(--beyaz);
}

/* ---------- Butonlar ---------- */

.dugme {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 22px;
  border: 1px solid transparent;
  font-family: var(--yazi-baslik);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.dugme--birincil {
  background: var(--korfez);
  color: var(--beyaz);
}

.dugme--birincil:hover {
  background: var(--koyu-korfez);
  color: var(--beyaz);
}

.dugme--ikincil {
  border-color: var(--murekkep);
  background: transparent;
  color: var(--murekkep);
}

.dugme--ikincil:hover {
  background: var(--murekkep);
  color: var(--kagit);
}

.dugme--beyaz {
  background: var(--beyaz);
  color: var(--murekkep);
}

.dugme--beyaz:hover {
  background: var(--kum);
  color: var(--murekkep);
}

.dugmeler {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* ---------- Üst menü ---------- */

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

.ust__ic {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 32px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.logo {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

.logo img {
  width: auto;
  height: 40px;
}

/* JavaScript yoksa buton gizli, menü hep açık kalır. */
.menu-dugme {
  display: none;
}

.js .menu-dugme {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid var(--murekkep);
  background: transparent;
  color: var(--murekkep);
  font-family: var(--yazi-baslik);
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.menu-dugme__cizgiler,
.menu-dugme__cizgiler::before,
.menu-dugme__cizgiler::after {
  display: block;
  width: 18px;
  height: 2px;
  background: currentColor;
}

.menu-dugme__cizgiler {
  position: relative;
}

.menu-dugme__cizgiler::before,
.menu-dugme__cizgiler::after {
  content: "";
  position: absolute;
  left: 0;
}

.menu-dugme__cizgiler::before { top: -6px; }
.menu-dugme__cizgiler::after { top: 6px; }

.menu-acik .menu-dugme__cizgiler { background: transparent; }
.menu-acik .menu-dugme__cizgiler::before { top: 0; transform: rotate(45deg); }
.menu-acik .menu-dugme__cizgiler::after { top: 0; transform: rotate(-45deg); }

.ana-menu {
  flex: 1 1 100%;
  padding-bottom: 12px;
}

.js .ust:not(.menu-acik) .ana-menu {
  display: none;
}

.ana-menu__liste {
  display: flex;
  flex-direction: column;
  font-family: var(--yazi-baslik);
  font-size: 17px;
}

.ana-menu__liste a:not(.dugme) {
  display: flex;
  align-items: center;
  min-height: 48px;
  border-top: 1px solid var(--cizgi);
  color: var(--murekkep);
  text-decoration: none;
}

.ana-menu__liste a:not(.dugme):hover {
  color: var(--korfez);
}

.ana-menu__liste a[aria-current="page"] {
  color: var(--korfez);
  font-weight: 600;
}

.ana-menu__eylem {
  padding-top: 12px;
}

.ana-menu__eylem .dugme {
  width: 100%;
}

@media (min-width: 1080px) {
  .ust__ic {
    flex-wrap: nowrap;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .logo img {
    height: 52px;
  }

  .js .menu-dugme {
    display: none;
  }

  .ana-menu,
  .js .ust:not(.menu-acik) .ana-menu {
    display: block;
    flex: 0 1 auto;
    padding-bottom: 0;
  }

  .ana-menu__liste {
    flex-direction: row;
    align-items: center;
    gap: 0 24px;
    font-size: 15px;
  }

  .ana-menu__liste a:not(.dugme) {
    min-height: 44px;
    border-top: 0;
    border-bottom: 2px solid transparent;
  }

  .ana-menu__liste a[aria-current="page"] {
    border-bottom-color: var(--korfez);
  }

  .ana-menu__eylem {
    padding-top: 0;
  }

  .ana-menu__eylem .dugme {
    width: auto;
    min-height: 44px;
    padding: 10px 18px;
    font-size: 15px;
  }
}

/* ---------- Bölümler ---------- */

.bolum {
  padding-top: 48px;
  padding-bottom: 48px;
}

.bolum--koyu {
  background: var(--murekkep);
  color: var(--kagit);
}

.bolum--mavi {
  background: var(--korfez);
  color: var(--beyaz);
}

.bolum__yigin {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.ust-etiket {
  font-family: var(--yazi-baslik);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.14em;
  color: var(--korfez);
}

.baslik-1 {
  font-size: 32px;
  line-height: 1.06;
  letter-spacing: -0.01em;
}

.baslik-2 {
  font-size: 26px;
  line-height: 1.15;
}

.baslik-2--buyuk {
  font-size: 28px;
  line-height: 1.1;
}

.baslik-3 {
  font-size: 19px;
  line-height: 1.25;
}

.metin {
  font-size: 17px;
  line-height: 1.55;
  color: var(--govde);
}

.metin--buyuk {
  font-size: 18px;
  line-height: 1.6;
}

.giris {
  max-width: 720px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.izgara {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  gap: 32px;
}

.ince-bag {
  font-family: var(--yazi-baslik);
  font-size: 16px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

@media (min-width: 600px) {
  .baslik-1 {
    font-size: clamp(38px, 4.4vw, 62px);
    line-height: 1.04;
  }

  .baslik-2 {
    font-size: clamp(26px, 2.4vw, 34px);
  }

  .baslik-2--buyuk {
    font-size: clamp(28px, 2.8vw, 40px);
  }

  .metin--buyuk {
    font-size: 19px;
  }
}

@media (min-width: 900px) {
  .bolum {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .bolum--genis {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

/* ---------- Yer tutucu görsel ---------- */

.yer-tutucu {
  background-color: var(--cizgi);
  background-image: repeating-linear-gradient(135deg, rgba(24, 34, 45, 0.07) 0 2px, transparent 2px 16px);
}

.sayfa-orani {
  aspect-ratio: 794 / 1123;
  border: 1px solid var(--cizgi);
}

/* ---------- Ana sayfa: açılış ---------- */

.acilis {
  display: grid;
  gap: 40px;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 48px;
}

.acilis__metin {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}

.acilis__giris {
  font-size: 18px;
  line-height: 1.55;
  color: var(--gri);
  max-width: 560px;
}

.acilis__kapak {
  display: flex;
  justify-content: center;
}

.kapak {
  width: min(100%, 300px);
  aspect-ratio: 794 / 1123;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--cizgi);
  background: var(--kagit);
  box-shadow: 0 24px 48px rgba(24, 34, 45, 0.18);
}

.kapak__gorsel {
  flex: 0 0 62%;
  display: flex;
  justify-content: space-between;
  padding: 16px;
  font-family: var(--yazi-baslik);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
}

.kapak__alt {
  padding: 16px;
  font-family: var(--yazi-baslik);
  font-size: clamp(18px, 5vw, 22px);
  font-weight: 800;
  line-height: 1.05;
}

@media (min-width: 600px) {
  .acilis__giris {
    font-size: 20px;
  }
}

@media (min-width: 900px) {
  .acilis {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    gap: 48px;
    padding-top: 72px;
    padding-bottom: 64px;
  }

  .acilis__metin {
    gap: 24px;
  }

  .kapak {
    width: min(100%, 400px);
  }

  .kapak__gorsel,
  .kapak__alt {
    padding: 18px;
  }
}

/* ---------- Bilgi şeridi ---------- */

.bilgi-seridi {
  background: var(--kum);
  border-top: 1px solid var(--cizgi);
  border-bottom: 1px solid var(--cizgi);
}

.bilgi-seridi__liste {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: 16px 32px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: var(--yazi-baslik);
}

.bilgi-seridi__liste li {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.bilgi-seridi__deger {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
}

.bilgi-seridi__aciklama {
  font-size: 14px;
  color: var(--gri);
}

@media (min-width: 600px) {
  .bilgi-seridi__deger {
    font-size: 26px;
  }
}

/* ---------- İki sütunlu bölümler ---------- */

.iki-sutun {
  display: grid;
  gap: 20px;
}

@media (min-width: 900px) {
  .iki-sutun {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: 32px 64px;
  }

  .bolum--neden {
    padding-top: 88px;
    padding-bottom: 40px;
  }
}

/* ---------- Yıllığın içinde ---------- */

.madde {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: 2px solid var(--murekkep);
  padding-top: 16px;
}

/* ---------- Koyu bölüm: firma türleri ---------- */

.bolum--koyu .metin {
  color: var(--kum);
}

.kart {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 1px solid var(--gri);
  padding: 24px;
}

.kart .metin {
  font-size: 16px;
}

.bolum--koyu :focus-visible,
.bolum--mavi :focus-visible {
  outline-color: var(--beyaz);
}

/* ---------- Adımlar ---------- */

.adimlar li {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.adimlar__no {
  font-family: var(--yazi-baslik);
  font-size: 40px;
  font-weight: 800;
  line-height: 1.1;
  color: var(--korfez);
}

/* ---------- Örnek sayfalar ---------- */

.ornek__ust {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
}

.ornek__ust .giris {
  max-width: 640px;
}

.ornekler {
  display: grid;
  gap: 20px;
}

/* Telefonda küçük görsel solda, etiket sağda: üç uzun sayfa alt alta çok yer kaplamasın. */
.ornek-kart {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
}

.ornek-kart figcaption {
  font-family: var(--yazi-baslik);
  font-size: 15px;
  color: var(--gri);
}

@media (min-width: 600px) {
  .ornekler {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }

  .ornek-kart {
    grid-template-columns: none;
    align-items: start;
    gap: 10px;
  }

  .ornek-kart figcaption {
    font-size: 14px;
  }
}

@media (min-width: 900px) {
  .ornekler {
    gap: 32px;
  }
}

/* ---------- Yayın ilkesi ---------- */

.ilke__sol {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.ilke__liste li {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 18px 0;
  border-top: 1px solid var(--cizgi);
}

.ilke__liste li:last-child {
  border-bottom: 1px solid var(--cizgi);
}

.ilke__liste strong {
  font-family: var(--yazi-baslik);
  font-size: 18px;
}

/* ---------- Takvim ---------- */

.takvim {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  border-top: 2px solid var(--murekkep);
}

.takvim li {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 18px 20px 18px 0;
}

.takvim li + li {
  border-top: 1px solid var(--cizgi);
}

.takvim__tarih {
  font-family: var(--yazi-baslik);
  font-size: 20px;
  font-weight: 800;
}

.takvim__tarih--vurgu {
  color: var(--korfez);
}

@media (min-width: 560px) {
  .takvim li + li {
    border-top: 0;
  }

  .takvim li {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

/* ---------- Sponsorluk kutusu ---------- */

.vurgu-kutu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  background: var(--kum);
  padding: 28px 24px;
}

.vurgu-kutu__metin {
  flex: 1 1 520px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.vurgu-kutu .baslik-2 {
  font-size: 28px;
}

@media (min-width: 900px) {
  .vurgu-kutu {
    padding: 40px;
  }
}

/* ---------- Mavi kapanış ---------- */

.kapanis {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

.kapanis .baslik-2 {
  font-size: 28px;
  line-height: 1.1;
  max-width: 760px;
}

.kapanis p {
  font-size: 18px;
  color: var(--kagit);
}

@media (min-width: 600px) {
  .kapanis .baslik-2 {
    font-size: clamp(30px, 3vw, 44px);
  }

  .kapanis p {
    font-size: 19px;
  }
}

/* ---------- Alt bilgi ---------- */

.alt {
  background: var(--murekkep);
  color: var(--kum);
  font-family: var(--yazi-baslik);
  font-size: 14px;
  line-height: 1.6;
}

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

.alt a:hover {
  color: var(--kum);
}

/* Cümle içindeki bağlantının dokunma alanını satırı bozmadan büyütür. */
.alt p a {
  padding: 12px 0;
}

.alt :focus-visible {
  outline-color: var(--beyaz);
}

.alt__ic {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px 48px;
  padding-top: 48px;
  padding-bottom: 24px;
}

.alt__sutun {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 240px;
  min-width: 0;
}

.alt__sutun--marka {
  flex-basis: 360px;
}

.alt__sutun--yasal {
  flex: 0 1 auto;
  gap: 0;
}

.alt__sutun--yasal a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

.alt__marka {
  margin-bottom: 6px;
}

.alt__marka img {
  width: auto;
  height: 48px;
}

.alt__baslik {
  color: var(--beyaz);
  font-weight: 600;
}

.alt__telif {
  border-top: 1px solid var(--gri);
  padding-top: 16px;
  padding-bottom: 24px;
}

/* ---------- İç sayfa açılışı ---------- */

.sayfa-acilis {
  display: grid;
  gap: 28px;
  align-items: end;
  padding-top: 40px;
  padding-bottom: 32px;
}

.sayfa-acilis__metin {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.sayfa-acilis .baslik-1 {
  font-size: 32px;
}

.bilgi-kutusu {
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: var(--kum);
  padding: 20px 24px;
  font-family: var(--yazi-baslik);
}

.bilgi-kutusu__etiket {
  font-size: 14px;
  color: var(--gri);
}

.bilgi-kutusu__deger {
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
}

@media (min-width: 600px) {
  .sayfa-acilis .baslik-1 {
    font-size: clamp(36px, 4vw, 56px);
    line-height: 1.05;
  }
}

@media (min-width: 900px) {
  .sayfa-acilis {
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 32px 64px;
    padding-top: 72px;
    padding-bottom: 48px;
  }

  .sayfa-acilis__metin {
    gap: 20px;
  }

  .bilgi-kutusu {
    padding: 24px;
  }

  .bilgi-kutusu__deger {
    font-size: 28px;
  }
}

/* ---------- Numaralı koşullar ---------- */

.kosullar {
  counter-reset: kosul;
}

.kosullar li {
  counter-increment: kosul;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 12px;
  padding: 14px 0;
  border-top: 1px solid var(--cizgi);
  font-size: 17px;
  line-height: 1.5;
  color: var(--govde);
}

.kosullar li:last-child {
  border-bottom: 1px solid var(--cizgi);
}

.kosullar li::before {
  content: counter(kosul);
  font-family: var(--yazi-baslik);
  font-weight: 800;
  color: var(--korfez);
}

@media (min-width: 900px) {
  .kosullar li {
    grid-template-columns: 40px minmax(0, 1fr);
  }
}

/* ---------- Karşılıklı kutular ---------- */

.karsilikli {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
  gap: 20px;
}

.karsilikli__kutu {
  display: flex;
  flex-direction: column;
  gap: 14px;
  border: 1px solid var(--cizgi);
  padding: 24px;
}

.karsilikli__kutu--koyu {
  border-color: var(--murekkep);
  background: var(--murekkep);
  color: var(--kagit);
}

.karsilikli__kutu ul {
  margin: 0;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 17px;
  line-height: 1.6;
}

.karsilikli__kutu--koyu :focus-visible {
  outline-color: var(--beyaz);
}

@media (min-width: 900px) {
  .karsilikli {
    gap: 24px;
  }

  .karsilikli__kutu {
    padding: 28px;
  }
}

/* ---------- Formlar ---------- */

#basvuru,
#teklif {
  scroll-margin-top: 16px;
}

.form {
  display: flex;
  flex-direction: column;
  gap: 36px;
  background: var(--beyaz);
  border: 1px solid var(--cizgi);
  padding: 24px 20px;
  font-family: var(--yazi-baslik);
}

.form__giris {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.form__giris p {
  font-family: var(--yazi-govde);
  font-size: 17px;
  line-height: 1.55;
  color: var(--gri);
}

.form__bolum {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.form__bolum > legend {
  padding: 0;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: var(--korfez);
}

.form__izgara {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
  gap: 20px;
}

/* Etiket ve giriş alanı bir arada */
.alan {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  min-width: 0;
}

.alan input,
.alan select,
.alan textarea {
  width: 100%;
  min-height: 48px;
  padding: 12px;
  border: 1px solid var(--form-cerceve);
  border-radius: 0;
  background: var(--beyaz);
  color: var(--murekkep);
  font-family: var(--yazi-baslik);
  font-size: 16px;
  font-weight: 400;
}

.alan select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2318222D' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
}

.alan textarea {
  resize: vertical;
}

.alan input::placeholder,
.alan textarea::placeholder {
  color: var(--gri);
}

.alan input:focus-visible,
.alan select:focus-visible,
.alan textarea:focus-visible {
  outline: 3px solid var(--korfez);
  outline-offset: 0;
  border-color: var(--korfez);
}

/* Tek seçimli büyük kutular (firma türü) */
.secim-grubu {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.secim-grubu > legend {
  padding: 0;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
}

.secenekler {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  gap: 10px;
}

.secenek {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 12px 14px;
  border: 1px solid var(--form-cerceve);
  font-size: 16px;
  cursor: pointer;
}

.secenek:has(input:checked) {
  border-color: var(--korfez);
  box-shadow: inset 0 0 0 1px var(--korfez);
  background: var(--kagit);
}

.secenek input,
.isaret input {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: var(--korfez);
}

/* İşaret kutusu satırı */
.isaret {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-height: 44px;
  padding-top: 10px;
  font-size: 16px;
  line-height: 1.45;
  cursor: pointer;
}

.isaret input {
  margin-top: 1px;
}

.isaret--onay {
  font-size: 15px;
  line-height: 1.5;
}

.alan-notu {
  padding-left: 32px;
  font-size: 14px;
  color: var(--gri);
}

/* Proje blokları */
.proje {
  position: relative;
  margin: 0;
  min-width: 0;
  border: 1px solid var(--cizgi);
  background: var(--kagit);
  padding: 20px 16px;
}

/* float: başlığı çerçevenin üstünden alıp kutunun içine yerleştirir. */
.proje > legend {
  float: left;
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 0;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 800;
}

.proje > legend + * {
  clear: both;
}

.proje .isaret {
  margin-top: 8px;
}

.proje__kaldir {
  position: absolute;
  top: 20px;
  right: 16px;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid var(--murekkep);
  background: transparent;
  color: var(--murekkep);
  font-family: var(--yazi-baslik);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}

.proje__kaldir:hover {
  background: var(--murekkep);
  color: var(--kagit);
}

.projeler {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.proje-ekle {
  align-self: flex-start;
}

.onaylar {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-top: 1px solid var(--cizgi);
  padding-top: 20px;
}

.form__gonder {
  align-self: stretch;
  min-height: 52px;
  font-size: 17px;
}

/* Yalnızca istenmeyen otomatik gönderimleri yakalamak için; insanlara görünmez. */
.bal-kupu {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Gönderim sonrası teşekkür mesajı: form servisi ziyaretçiyi #tesekkurler adresine geri yollar. */
.tesekkur {
  display: none;
  scroll-margin-top: 16px;
  border-left: 4px solid var(--korfez);
  background: var(--kum);
  padding: 24px;
  font-size: 19px;
  line-height: 1.55;
}

.tesekkur:target {
  display: block;
}

.tesekkur:target ~ .form {
  display: none;
}

/* Gönderim başarısız olursa gonder.php ziyaretçiyi #gonderilemedi adresine yollar; form açık kalır. */
.form-hatasi {
  display: none;
  scroll-margin-top: 16px;
  margin-bottom: 20px;
  border-left: 4px solid var(--murekkep);
  background: var(--kum);
  padding: 20px 24px;
  font-size: 18px;
  line-height: 1.55;
}

.form-hatasi:target {
  display: block;
}

@media (min-width: 600px) {
  .form {
    padding: clamp(24px, 4vw, 56px);
    gap: 40px;
  }

  .proje {
    padding: 24px;
  }

  .proje__kaldir {
    top: 24px;
    right: 24px;
  }

  .form__gonder {
    align-self: flex-start;
    padding-left: 28px;
    padding-right: 28px;
  }
}

/* ---------- Sık sorulan sorular ---------- */

.sss {
  border-top: 1px solid var(--cizgi);
}

.sss details {
  border-bottom: 1px solid var(--cizgi);
}

.sss summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 56px;
  padding: 14px 0;
  font-family: var(--yazi-baslik);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  list-style: none;
  cursor: pointer;
}

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

.sss summary::after {
  content: "+";
  flex: 0 0 auto;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  color: var(--korfez);
}

.sss details[open] summary::after {
  content: "\2212";
}

.sss summary:hover {
  color: var(--korfez);
}

.sss details p {
  padding-bottom: 18px;
  font-size: 17px;
  line-height: 1.6;
  color: var(--govde);
}

@media (min-width: 600px) {
  .sss summary {
    font-size: 18px;
  }
}

@media (min-width: 900px) {
  .sss-bolum {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
}

/* ---------- İç sayfalar: ortak parçalar ---------- */

.sayfa-acilis--tek .sayfa-acilis__metin {
  max-width: 800px;
}

@media (min-width: 900px) {
  .sayfa-acilis--tek {
    grid-template-columns: minmax(0, 1fr);
  }
}

.alt-baslik {
  font-family: var(--yazi-baslik);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--gri);
}

.bolum--kum {
  background: var(--kum);
}

.bolum--koyu a {
  color: var(--beyaz);
}

.bolum--koyu a:hover {
  color: var(--kum);
}

/* Üstü ve altı ince çizgili liste */
.cizgili-liste li {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 0;
  border-top: 1px solid var(--cizgi);
  font-size: 17px;
  line-height: 1.5;
  color: var(--govde);
}

.cizgili-liste li:last-child {
  border-bottom: 1px solid var(--cizgi);
}

.cizgili-liste strong {
  font-family: var(--yazi-baslik);
  font-size: 17px;
  color: var(--murekkep);
}

.bolum--kum .cizgili-liste li,
.bolum--kum .cizgili-liste li:last-child {
  border-color: var(--form-cerceve);
}

.ok::after {
  content: "\2192";
  margin-left: 0.35em;
}

@media (min-width: 600px) {
  .alt-baslik {
    font-size: 24px;
  }
}

/* ---------- Sponsorluk ---------- */

.paketler {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
  gap: 20px;
}

.paket {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: 1px solid var(--cizgi);
  padding: 24px;
}

.paket--koyu {
  border-color: var(--murekkep);
  background: var(--murekkep);
  color: var(--kagit);
}

.paket--koyu .ust-etiket {
  color: var(--kum);
}

.paket__bas {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.paket ul {
  margin: 0;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 17px;
  line-height: 1.5;
}

.paket__not {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid var(--cizgi);
  font-family: var(--yazi-baslik);
  font-size: 15px;
  line-height: 1.5;
  color: var(--gri);
}

.paket--koyu .paket__not {
  border-top-color: var(--gri);
  color: var(--kum);
}

.paketler-notu {
  max-width: 760px;
}

.odeme-teklif {
  display: grid;
  gap: 40px;
}

.odeme-teklif__sol {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.form__yigin {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width: 900px) {
  .paket {
    padding: 28px;
  }

  .odeme-teklif {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: 64px;
    align-items: start;
  }
}

/* ---------- Yıllık ---------- */

.ozellikler {
  margin: 0;
}

.ozellikler div {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid var(--cizgi);
}

.ozellikler div:last-child {
  border-bottom: 1px solid var(--cizgi);
}

.ozellikler dt {
  font-family: var(--yazi-baslik);
  font-size: 15px;
  font-weight: 600;
  color: var(--gri);
}

.ozellikler dd {
  margin: 0;
  font-size: 17px;
  line-height: 1.45;
  color: var(--govde);
}

.yan-yana {
  display: grid;
  gap: 48px;
}

.yan-yana > div {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}

.anatomi {
  display: grid;
  gap: 32px;
  align-items: start;
}

.anatomi__gorsel {
  width: min(100%, 280px);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.anatomi__gorsel figcaption {
  font-family: var(--yazi-baslik);
  font-size: 14px;
  color: var(--gri);
}

.anatomi__metin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  min-width: 0;
}

.anatomi__metin .cizgili-liste {
  align-self: stretch;
}

@media (min-width: 900px) {
  .yan-yana {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 64px;
  }

  .anatomi {
    grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
    gap: 64px;
  }

  .anatomi__gorsel {
    width: 100%;
    max-width: 380px;
  }
}

/* ---------- Örnek sayfalar galerisi ---------- */

.galeri {
  display: grid;
  gap: 32px;
  max-width: 420px;
}

.galeri figure {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.galeri figcaption {
  font-family: var(--yazi-baslik);
  font-size: 15px;
  color: var(--gri);
}

.galeri a {
  display: block;
}

.galeri img {
  width: 100%;
  aspect-ratio: 794 / 1123;
  border: 1px solid var(--cizgi);
}

@media (min-width: 600px) {
  .galeri {
    max-width: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 24px;
  }
}

@media (min-width: 900px) {
  .galeri {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px 32px;
  }
}

/* ---------- Hakkında: başlık solda, metin sağda ---------- */

.satir-bolum {
  display: grid;
  gap: 16px;
  padding-top: 32px;
  padding-bottom: 32px;
  border-top: 1px solid var(--cizgi);
  scroll-margin-top: 16px;
}

.satir-bolum__metin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  max-width: 720px;
  min-width: 0;
}

.satir-bolum__metin .cizgili-liste {
  align-self: stretch;
}

.satir-bolum__metin p {
  font-size: 18px;
  line-height: 1.6;
  color: var(--govde);
}

.satir-bolum__metin .one-cikan {
  font-family: var(--yazi-baslik);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.3;
  color: var(--murekkep);
}

.bag-listesi {
  display: flex;
  flex-wrap: wrap;
  gap: 0 24px;
}

.belgeler {
  padding-bottom: 56px;
}

@media (min-width: 900px) {
  .satir-bolum {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    gap: 64px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .belgeler {
    padding-bottom: 88px;
  }
}

/* ---------- İletişim ---------- */

.iletisim-bilgileri {
  margin: 0;
  max-width: 760px;
}

.iletisim-bilgileri div {
  display: grid;
  gap: 4px;
  padding: 16px 0;
  border-top: 1px solid var(--cizgi);
}

.iletisim-bilgileri div:last-child {
  border-bottom: 1px solid var(--cizgi);
}

.iletisim-bilgileri dt {
  font-family: var(--yazi-baslik);
  font-size: 15px;
  font-weight: 600;
  color: var(--gri);
}

.iletisim-bilgileri dd {
  margin: 0;
  font-size: 19px;
  line-height: 1.45;
}

.iletisim-bilgileri dd a {
  display: inline-block;
  padding: 10px 0;
  margin: -10px 0;
}

.yonlendirmeler {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
  gap: 20px;
}

.yon-kutu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  background: var(--kum);
  padding: 24px;
}

.yon-kutu p {
  font-size: 17px;
  line-height: 1.5;
  color: var(--govde);
}

@media (min-width: 600px) {
  .iletisim-bilgileri div {
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 24px;
    align-items: baseline;
  }
}

/* ---------- Yasal metinler ve 404 ---------- */

.belge {
  max-width: 760px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 40px;
  padding-bottom: 72px;
}

.belge p {
  font-size: 18px;
  line-height: 1.6;
  color: var(--govde);
}

@media (min-width: 900px) {
  .belge {
    padding-top: 72px;
    padding-bottom: 120px;
  }
}

/* ---------- 2027 tanıtım sunumu: yayın + portal ---------- */
:root {
  --kagit: #F7F9FB;
  --kum: #EEF3F7;
  --cizgi: #D8E1E9;
  --murekkep: #0F2236;
  --gri: #4B5D70;
  --govde: #0F2236;
  --korfez: #144068;
}
.yayin-maketi { margin: 0; width: 100%; max-width: 420px; }
.yayin-maketi__kapak {
  aspect-ratio: 0.735; display: flex; flex-direction: column; justify-content: space-between;
  background: #144068; color: white; padding: clamp(22px, 5vw, 38px);
  box-shadow: 12px 16px 0 #D8E1E9, 20px 24px 32px rgba(10,31,51,.16);
  position: relative; overflow: hidden;
}
.yayin-maketi__kapak::before { content: ''; position: absolute; inset: 28% -28% 27% 8%; border: 30px solid rgba(47,161,206,.16); border-radius: 50%; transform: rotate(-24deg); }
.yayin-maketi__kapak img { width: 70%; height: auto; position: relative; z-index: 1; }
.yayin-maketi__sehir { position: relative; display: flex; flex-direction: column; z-index: 1; font: 800 clamp(44px, 8vw, 80px)/.95 Archivo, sans-serif; letter-spacing: -.05em; }
.yayin-maketi__sehir span:last-child { font-size: .56em; letter-spacing: .18em; margin-top: 12px; color: #6FC3E3; }
.yayin-maketi__kapak p { position: relative; z-index: 1; margin: 0; font: 600 18px/1.45 Archivo, sans-serif; }
.yayin-maketi figcaption { color: #4B5D70; margin: 29px 0 0; font: 13px/1.5 Archivo, sans-serif; }
.fayda-izgara { display: grid; gap: 20px; grid-template-columns: 1fr; }
.fayda-izgara article { padding: 28px; background: white; border: 1px solid #D8E1E9; border-top: 3px solid #2FA1CE; }
.fayda-no { color: #1B78A3; font: 800 14px Archivo,sans-serif; letter-spacing: .18em; }
.fayda-izgara h3 { margin: 18px 0 10px; font: 600 22px/1.25 Archivo,sans-serif; color: #144068; }
.fayda-izgara p { margin: 0; color: #4B5D70; line-height: 1.6; }
.gecis-bolumu { background: #E6F4FA; }
.gecis-izgara { display: grid; grid-template-columns: 1fr; align-items: center; gap: 36px; }
.gecis-metin { display: grid; gap: 18px; }
.gecis-metin a { color: #1B78A3; text-decoration: underline; }
.gecis-not { font: 13px/1.5 Archivo,sans-serif; color: #4B5D70; }
.gecis-gorsel { display: flex; align-items: center; justify-content: center; gap: 14px; min-width: 0; }
.gecis-dergi, .gecis-telefon { box-shadow: 0 18px 32px rgba(10,31,51,.14); display: flex; flex-direction: column; overflow: hidden; }
.gecis-dergi { background: white; padding: 18px; width: 52%; aspect-ratio: .74; transform: rotate(-3deg); gap: 10px; }
.gecis-kicker { font: 700 clamp(7px,1vw,11px) Archivo,sans-serif; letter-spacing: .12em; color: #144068; }
.gecis-foto, .telefon-foto { display: block; flex: 1; min-height: 40px; background: linear-gradient(155deg,#7FA6B4 0 38%,#DDE5E6 38% 40%,#7F9389 40% 52%,#A4B5AF 52% 69%,#D4BBA4 69%); }
.gecis-dergi strong { font: 700 clamp(12px,2vw,19px) Archivo,sans-serif; color: #144068; }
.gecis-dergi small { color: #4B5D70; font-size: 10px; }
.qr-temsil { align-self: flex-end; width: 45px; height: 45px; border: 5px solid white; outline: 1px solid #D8E1E9; background: repeating-conic-gradient(#144068 0% 25%,white 0% 50%) 50% / 12px 12px; }
.gecis-ok { font-size: 30px; font-weight: 800; color: #1B78A3; }
.gecis-telefon { width: 38%; max-width: 180px; aspect-ratio: .54; padding: 14px 10px; gap: 10px; border: 6px solid #0A1F33; border-radius: 22px; background: white; }
.telefon-ust { font: 700 clamp(8px,1.2vw,11px) Archivo,sans-serif; color: #144068; }
.gecis-telefon strong { font: 700 clamp(11px,1.5vw,15px) Archivo,sans-serif; color: #144068; }
.telefon-satir { height: 6px; background: #D8E1E9; border-radius: 4px; }
.telefon-satir.kisa { width: 65%; }
.telefon-etiket { background: #144068; color: white; font: 600 9px/1.4 Archivo,sans-serif; text-align: center; padding: 8px 3px; }
.mini-sayfa { aspect-ratio: .707; background: #fff; border: 1px solid #D8E1E9; padding: 10%; display: flex; flex-direction: column; gap: 6%; box-shadow: 5px 8px 0 #E2E8ED; }
.mini-sayfa small { font: 700 10px Archivo,sans-serif; letter-spacing: .12em; color: #1B78A3; }
.mini-sayfa strong { font: 800 clamp(17px,2vw,28px)/1.1 Archivo,sans-serif; color: #144068; }
.mini-gorsel { display: block; background: linear-gradient(155deg,#84A9B6 0 30%,#C9D6D6 30% 32%,#91A89B 32% 53%,#BBC8BF 53% 70%,#B9A18A 70%); min-height: 32%; }
.mini-cizgi { display: block; width: 100%; height: 6px; background: #D8E1E9; }
.mini-cizgi.kisa { width: 65%; }
.mini-sayfa--proje .mini-gorsel { min-height: 42%; }
.mini-sayfa--roportaj { background: #EEF3F7; }
.mini-sayfa--roportaj .mini-gorsel { background: linear-gradient(135deg,#144068 0 35%,#8199AC 35% 70%,#D8E1E9 70%); }
.mini-qr { margin-left: auto; display: grid; place-items: center; width: 36px; height: 36px; font: 800 10px Archivo,sans-serif; border: 3px dashed #144068; }
@media (min-width: 760px) { .fayda-izgara { grid-template-columns: repeat(3,minmax(0,1fr)); } .gecis-izgara { grid-template-columns: 1fr 1.05fr; gap: 54px; } }
@media (max-width: 420px) { .gecis-dergi { padding: 10px; gap: 6px; } .gecis-telefon { padding: 9px 6px; gap: 6px; } .gecis-ok { font-size: 22px; } }

/* Kısa katılım ve özgün editoryal pafta taslakları */
.kolay-basvuru { padding: clamp(24px,5vw,54px); background: white; border: 1px solid #D8E1E9; display: grid; gap: 20px; }
.hizli-form { display: grid; gap: 18px; grid-template-columns: 1fr; }
.hizli-form label { display: grid; gap: 7px; color: #144068; font: 600 15px/1.4 Archivo,sans-serif; }
.hizli-form input:not([type=checkbox]) { width: 100%; min-width: 0; min-height: 48px; padding: 11px 14px; border: 1px solid #8A8F96; border-radius: 6px; font-size: 16px; }
.hizli-form input:focus-visible { outline: 3px solid #2FA1CE; outline-offset: 2px; }
.hizli-form .hizli-onay { grid-column: 1/-1; display: flex; align-items: flex-start; gap: 11px; }
.hizli-onay input { width: 20px; height: 20px; flex: none; }
.hizli-form button { justify-self: start; }
.kolay-basvuru__not { color: #4B5D70; font: 13px/1.5 Archivo,sans-serif; }
.kolay-basvuru a { color: #1B78A3; text-decoration: underline; }
.galeri .mini-sayfa { width: 100%; min-height: 0; }
.mini-sayfa--kapak { background: #144068; }
.mini-sayfa--kapak strong { color: white; }
.mini-sayfa--kapak small { color: #6FC3E3; }
.mini-sayfa--kapak .mini-cizgi { background: #2FA1CE; }
.mini-sayfa--donusum { background: #F7F9FB; }
.mini-sayfa--donusum .mini-gorsel { background: linear-gradient(135deg,#B8C4C5 0 26%,#829A9C 26% 28%,#B6AAA2 28% 60%,#D2DDE0 60%); }
.mini-sayfa--sponsor { background: #E6F4FA; }
.mini-sayfa--sponsor .mini-gorsel { background: #144068; }
@media(min-width:680px) { .hizli-form { grid-template-columns: repeat(2,minmax(0,1fr)); } }

/* Fotoğraflı yıllık örnekleri */
.editorial-sayfa { aspect-ratio: .707; min-width: 0; padding: 8%; background: #fff; border: 1px solid #D8E1E9; display: flex; flex-direction: column; gap: 4%; box-shadow: 5px 8px 0 #E2E8ED; overflow: hidden; }
.editorial-kicker { color: #1B78A3; font: 700 clamp(8px,.8vw,12px)/1.3 Archivo,sans-serif; letter-spacing: .13em; }
.editorial-sayfa h3 { margin: 0; color: #144068; font: 800 clamp(17px,2vw,30px)/1.12 Archivo,sans-serif; letter-spacing: -.02em; text-wrap: balance; }
.editorial-sayfa img { display: block; width: 100%; height: 48%; object-fit: cover; }
.editorial-sayfa p { margin: 0; color: #4B5D70; font: 400 clamp(10px,1.1vw,15px)/1.5 Archivo,sans-serif; }
.editorial-meta { margin-top: auto; padding-top: 10px; border-top: 1px solid #D8E1E9; color: #144068; font: 700 10px/1.4 Archivo,sans-serif; letter-spacing: .08em; }
.editorial-sayfa--proje img { height: 51%; }

/* Basılı yıllık hissi: A4, sayfa derinliği, cilt oluğu */
.galeri > figure { min-width: 0; }
.galeri .editorial-sayfa, .galeri .mini-sayfa { aspect-ratio: 210 / 297; box-shadow: 1px 2px 0 #cbd4dd, 4px 6px 0 #e1e6eb, 9px 13px 24px rgba(10,31,51,.13); }
.editorial-sayfa { padding: 9% 8%; background: #fffdfa; }
.editorial-sayfa h3 { font-weight: 800; }
.editorial-sayfa p { max-width: 30ch; }
.editorial-sayfa--roportaj img { object-position: 35% 40%; }
.kitap-sunum { margin-top: clamp(64px,8vw,112px); padding: clamp(24px,5vw,54px); background: #E6F4FA; border-radius: 12px; }
.kitap-sunum__giris { max-width: 720px; display: grid; gap: 16px; }
.kitap-maketi { max-width: 880px; margin: 44px auto 30px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); perspective: 1600px; filter: drop-shadow(8px 24px 17px rgba(10,31,51,.22)); position: relative; }
.kitap-maketi::after { content: ''; width: 10px; height: 100%; background: linear-gradient(90deg,rgba(10,31,51,.22),rgba(10,31,51,.02),rgba(10,31,51,.18)); position: absolute; left: calc(50% - 5px); top: 0; z-index: 3; }
.kitap-maketi__sayfa { min-width: 0; aspect-ratio: 210 / 297; padding: 9%; background: #fffdfa; display: flex; flex-direction: column; gap: 5%; border: 1px solid #d6d7d5; }
.kitap-maketi__sayfa--sol { transform: rotateY(7deg); transform-origin: right center; box-shadow: inset -15px 0 18px -14px rgba(10,31,51,.2); }
.kitap-maketi__sayfa--sag { transform: rotateY(-7deg); transform-origin: left center; box-shadow: inset 15px 0 18px -14px rgba(10,31,51,.2); }
.kitap-maketi__sayfa span { font: 700 clamp(7px,1.1vw,11px)/1.5 Archivo,sans-serif; color: #1B78A3; letter-spacing: .12em; }
.kitap-maketi__sayfa h3 { margin: 0; font: 800 clamp(12px,2.5vw,30px)/1.12 Archivo,sans-serif; color: #144068; }
.kitap-maketi__sayfa img { width: 100%; height: 43%; object-fit: cover; }
.kitap-maketi__sayfa p { color: #4B5D70; margin: 0; font: clamp(8px,1.3vw,15px)/1.5 Archivo,sans-serif; }
.kitap-maketi__sayfa small { margin-top: auto; border-top: 1px solid #D8E1E9; padding-top: 8px; color: #4B5D70; font-size: 11px; }
.kitap-sunum__not { color: #4B5D70; font: 13px/1.5 Archivo,sans-serif; }
@media(max-width:520px) { .kitap-sunum { padding: 16px; } .kitap-maketi { margin-top: 28px; } .kitap-maketi__sayfa { padding: 7%; gap: 4%; } .kitap-maketi__sayfa img { height: 37%; } }

/* İki sekmeli yayın sayfası sunumu */
.ornek-deneyim { background: #F7F9FB; }
.ornek-deneyim__giris { max-width: 760px; margin: 20px 0 32px; }
.ornek-sekmeler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 32px; border-bottom: 1px solid #D8E1E9; }
.ornek-sekmeler button { min-height: 52px; padding: 12px 20px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: #4B5D70; font: 700 15px/1.3 Archivo,sans-serif; cursor: pointer; }
.ornek-sekmeler button[aria-selected=true] { color: #144068; border-bottom-color: #2FA1CE; background: #E6F4FA; }
.ornek-sekmeler button:focus-visible { outline: 3px solid #2FA1CE; outline-offset: 2px; }
.ornek-panel { display: grid; grid-template-columns: minmax(0,1fr); gap: clamp(28px,5vw,80px); align-items: center; }
.ornek-panel[hidden] { display: none; }
.ornek-mockup { perspective: 1500px; padding: 28px 28px 40px 10px; min-width: 0; }
.ornek-mockup__sayfa { aspect-ratio: 210 / 297; max-width: 510px; margin: 0 auto; background: #fffdfa; padding: 9%; border: 1px solid #d5d3cf; display: flex; flex-direction: column; gap: 4%; transform: rotateY(-10deg) rotateZ(-2deg); transform-origin: center; box-shadow: -2px 2px 0 #e3e1dc,-6px 7px 0 #d8d6d0,-13px 16px 0 #c8c6c1,0 28px 42px rgba(10,31,51,.23); transition: transform .3s ease; }
.ornek-mockup__sayfa:hover { transform: rotateY(-5deg) rotateZ(-1deg); }
.ornek-mockup__ust,.ornek-mockup__alt { display: flex; justify-content: space-between; gap: 10px; color: #1B78A3; font: 700 clamp(7px,.9vw,10px)/1.3 Archivo,sans-serif; letter-spacing: .12em; }
.ornek-mockup__sayfa h3 { margin: 0; color: #144068; font: 800 clamp(21px,3vw,38px)/1.12 Archivo,sans-serif; letter-spacing: -.03em; }
.ornek-mockup__spot { margin: 0; color: #0F2236; font: 600 clamp(10px,1.2vw,15px)/1.4 Archivo,sans-serif; }
.ornek-mockup__sayfa img { display: block; width: 100%; height: 36%; object-fit: cover; }
.ornek-mockup__metin { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; color: #4B5D70; font: clamp(8px,1vw,13px)/1.6 Archivo,sans-serif; }
.ornek-mockup__metin p { margin: 0; }
.ornek-mockup__alt { margin-top: auto; padding-top: 9px; border-top: 1px solid #D8E1E9; }
.ornek-panel__aciklama { display: grid; gap: 24px; align-content: center; }
.ornek-panel__aciklama h3 { margin: 0; max-width: 14ch; color: #144068; font: 800 clamp(32px,4.2vw,56px)/1.08 Archivo,sans-serif; letter-spacing: -.035em; text-wrap: balance; }
.ornek-panel__aciklama > p:not(.ust-etiket) { margin: 0; color: #0F2236; font: clamp(17px,1.7vw,21px)/1.5 Archivo,sans-serif; }
.ornek-panel__aciklama ul { display: grid; gap: 12px; margin: 0; padding-left: 22px; color: #144068; font: 600 16px/1.45 Archivo,sans-serif; }
.ornek-panel__uyari { padding-top: 14px; border-top: 1px solid #D8E1E9; color: #4B5D70; font: 13px/1.45 Archivo,sans-serif; }
@media(min-width:900px) { .ornek-panel { grid-template-columns: minmax(0,1fr) minmax(0,.9fr); } }
@media(max-width:560px) { .ornek-sekmeler button { flex: 1; padding: 10px; font-size: 13px; } .ornek-mockup { padding: 12px 16px 32px 7px; } .ornek-mockup__sayfa { padding: 8%; gap: 3.5%; } .ornek-mockup__sayfa img { height: 35%; } .ornek-mockup__metin { gap: 8px; } }
@media(prefers-reduced-motion:reduce) { .ornek-mockup__sayfa { transition: none; } }
.ornek-deneyim__layout { display:grid; grid-template-columns: 214px minmax(0,1fr); align-items:start; gap:clamp(22px,3vw,48px); }
.ornek-deneyim__layout > .ornek-sekmeler { z-index: 5; isolation: isolate; }
.ornek-deneyim__layout > .ornek-panel { position: relative; z-index: 0; }
.ornek-sekmeler button { position: relative; z-index: 1; touch-action: manipulation; -webkit-tap-highlight-color: rgba(47,161,206,.16); }
.ornek-sekmeler { position:sticky; top:24px; display:grid; gap:6px; align-content:start; margin:0; padding:16px 10px; border:1px solid #D8E1E9; border-radius:14px; background:#fff; box-shadow:0 12px 32px rgba(20,64,104,.06); }
.ornek-sekmeler__baslik { padding:8px 12px 12px; font:800 11px/1.2 Archivo,sans-serif; letter-spacing:.15em; color:#6A8499; }
.ornek-sekmeler button { display:flex; align-items:center; gap:12px; width:100%; min-height:58px; padding:12px 14px; border:0; border-left:4px solid transparent; border-radius:7px; text-align:left; font-size:14px; }
.ornek-sekmeler button small { color:#2FA1CE; font-weight:800; }
.ornek-sekmeler button[aria-selected=true] { border-left-color:#2FA1CE; background:#E6F4FA; }
.ornek-panel { grid-template-columns:minmax(0,1.08fr) minmax(0,.82fr); gap:clamp(20px,3vw,45px); }
.ornek-mockup { padding:22px 15px 38px 8px; }
.ornek-mockup__sayfa { max-width:475px; padding:8%; gap:2.2%; }
.ornek-mockup__sayfa h3 { font-size:clamp(20px,2.2vw,31px); line-height:1.08; }
.ornek-mockup__spot { font-size:clamp(9px,.9vw,12px); line-height:1.4; }
.ornek-mockup__sayfa img { height:25%; flex-shrink:0; }
.ornek-mockup__resimalti { margin:-1% 0 0; color:#6C7B87; font:italic clamp(7px,.65vw,9px)/1.35 Georgia,serif; }
.ornek-mockup__metin { gap:12px; color:#273747; font:clamp(8px,.82vw,11px)/1.5 Georgia,serif; }
.ornek-mockup__metin strong { color:#144068; font-family:Archivo,sans-serif; }
.ornek-mockup__bilgi { margin-top:auto; padding:10px 12px; border-left:3px solid #2FA1CE; background:#F0F5F7; color:#25415A; font:clamp(8px,.8vw,10px)/1.45 Archivo,sans-serif; }
.ornek-mockup__bilgi b { display:block; letter-spacing:.08em; font-size:.83em; margin-bottom:3px; }
.ornek-mockup__sponsor { display:grid; align-content:center; gap:8px; min-height:17%; padding:18px; color:#fff; background:#144068; }
.ornek-mockup__sponsor span { font:800 13px Archivo,sans-serif; letter-spacing:.14em; }
.ornek-mockup__sponsor strong { font:800 clamp(20px,2.2vw,29px)/1.1 Archivo,sans-serif; }
.ornek-mockup__sponsor small { color:#A8DDF2; font:700 8px Archivo,sans-serif; letter-spacing:.1em; }
.ornek-mockup__rehber { display:grid; gap:8px; }
.ornek-mockup__rehber > div { padding:9px 12px; border-top:1px solid #CBDCE6; background:#F4F8F9; }
.ornek-mockup__rehber small { display:block; color:#218AB5; font:800 8px Archivo,sans-serif; letter-spacing:.1em; }
.ornek-mockup__rehber strong { display:block; margin:3px 0; color:#144068; font:800 12px Archivo,sans-serif; }
.ornek-mockup__rehber p { margin:0; color:#344D60; font:10px/1.4 Georgia,serif; }
.ornek-panel__aciklama { gap:18px; }
.ornek-panel__aciklama h3 { font-size:clamp(27px,3vw,44px); }
@media(max-width:1150px) { .ornek-deneyim__layout { grid-template-columns:180px minmax(0,1fr); gap:18px; } .ornek-panel { grid-template-columns:minmax(0,1fr); } .ornek-panel__aciklama { max-width:650px; } }
@media(max-width:700px) { .ornek-deneyim__layout { display:block; } .ornek-sekmeler { position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:24px; padding:10px; } .ornek-sekmeler__baslik { grid-column:1/-1; } .ornek-sekmeler button { min-height:50px; padding:8px; font-size:12px; gap:6px; } .ornek-mockup__sayfa { max-width:440px; } .ornek-mockup__sayfa h3 { font-size:clamp(22px,6vw,32px); } .ornek-mockup__metin { font-size:clamp(8px,2.2vw,11px); } }
.kitap-maketi__sayfa { gap:2%; padding:7.5%; }
.kitap-maketi__sayfa h3 { font-size:clamp(14px,2.1vw,26px); }
.kitap-maketi__sayfa img { height:30%; flex-shrink:0; }
.kitap-maketi__sayfa p.kitap-maketi__spot { color:#183E5E; font:600 clamp(8px,1vw,12px)/1.4 Archivo,sans-serif; }
.kitap-maketi__sayfa em { font:italic clamp(6px,.75vw,9px)/1.3 Georgia,serif; color:#75838B; }
.kitap-maketi__kolon { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.kitap-maketi__sayfa .kitap-maketi__kolon p { font:clamp(7px,.92vw,11px)/1.5 Georgia,serif; color:#273747; }
.kitap-maketi__sayfa .kitap-maketi__kolon b { color:#144068; }
.kitap-maketi__notkutusu { margin-top:auto; background:#EFF5F8; border-left:3px solid #2FA1CE; padding:7px 9px; color:#144068; font:700 clamp(6px,.8vw,10px)/1.35 Archivo,sans-serif; }
.kitap-maketi__sayfa small { margin-top:0; }
.ornek-panel, .ornek-panel__aciklama { min-width:0; }
.ornek-panel__aciklama h3 { overflow-wrap:break-word; }
#panel-roportaj .ornek-mockup__sayfa img { object-position:center 12%; }
@media(max-width:1450px) { .ornek-panel { grid-template-columns:minmax(0,1fr); } .ornek-panel__aciklama { max-width:680px; } .ornek-panel__aciklama h3 { max-width:none; } }
.ornek-deneyim + .bolum .galeri { display:none; }
@media(max-width:520px) { .kitap-maketi__sayfa img { height:25%; } .kitap-maketi__kolon { gap:5px; } .kitap-maketi__sayfa .kitap-maketi__kolon p { font-size:6px; line-height:1.3; } .kitap-maketi__sayfa em { font-size:5px; } }