/* kurumsal.css: scplojistik.com.tr (kurumsal/; SPEC-kurumsal-site-08). Token disi deger yok.
   Panelin belirtecleri (shared.css) ve bilesenleri (card, btn, st, banner) kullanilir; burada
   yalniz sitenin yerlesimi var. Betik yok: menu telefonda <details>. */

.site {
  margin: 0;
  background: var(--bg-page);
  color: var(--text);
  font-family: var(--font-ui);
  font-size: var(--fs-16);
  line-height: var(--lh-body);
  -webkit-font-smoothing: antialiased;
}
.site * { box-sizing: border-box; }
.site a { color: var(--brand-text); }
.site a.btn { text-decoration: none; }
.site a.btn-primary { color: var(--on-brand); }
.site a.btn-secondary { color: var(--text); }
.site :focus-visible { outline: none; box-shadow: var(--ring); border-radius: var(--r-xs); }
/* Ogeler :where ile sifir ozgulukte: sinif kurallari (alt bilgi, kart) bunlari ezer. */
:where(.site) h1 { margin: 0 0 var(--sp-3); font-size: var(--fs-36); line-height: var(--lh-tight); }
:where(.site) h2 { margin: var(--sp-8) 0 var(--sp-4); font-size: var(--fs-24); line-height: var(--lh-tight); }
:where(.site) h3 { margin: 0; font-size: var(--fs-18); line-height: var(--lh-tight); }
:where(.site) p { margin: 0 0 var(--sp-3); }

.site-atla { position: absolute; inset-inline-start: var(--sp-4); inset-block-start: calc(-1 * var(--sp-16)); }
.site-atla:focus { inset-block-start: var(--sp-2); background: var(--bg-card); padding: var(--sp-2) var(--sp-3); }

.site-dar { max-inline-size: calc(var(--w-a4) + var(--w-sidebar)); margin-inline: auto; padding-inline: var(--sp-4); }
.site-metin { max-inline-size: calc(var(--measure) + 2 * var(--sp-4)); }

/* ---- Ust bant ---- */
.site-ust { background: var(--bg-card); border-block-end: 1px solid var(--border); }
.site-ust-ic {
  display: flex; align-items: center; gap: var(--sp-6);
  max-inline-size: calc(var(--w-a4) + var(--w-sidebar)); margin-inline: auto;
  min-block-size: var(--h-topbar); padding-inline: var(--sp-4);
}
.site-marka { display: inline-flex; align-items: center; gap: var(--sp-2); color: var(--text); font-weight: 700; font-size: var(--fs-18); text-decoration: none; }
.site .site-marka { color: var(--text); text-decoration: none; }
.site-marka-logo { display: block; block-size: var(--sp-10); inline-size: auto; }
.site-menu { display: flex; flex-wrap: wrap; gap: var(--sp-5); margin-inline-start: auto; }
.site-menu a, .site-menu-dar nav a { color: var(--text); text-decoration: none; font-weight: 500; }
.site-menu a:hover, .site-menu-dar nav a:hover { color: var(--brand-text); }
.site-menu a[aria-current='page'], .site-menu-dar nav a[aria-current='page'] { color: var(--brand-text); text-decoration: underline; text-underline-offset: var(--sp-1); }
.site-menu-dar { display: none; margin-inline-start: auto; }
.site-menu-dar summary {
  display: inline-flex; align-items: center; gap: var(--sp-2);
  min-block-size: var(--m-target); padding-inline: var(--sp-3);
  border: 1px solid var(--border-strong); border-radius: var(--r-sm);
  cursor: pointer; list-style: none; font-weight: 600;
}
.site-menu-dar summary::-webkit-details-marker { display: none; }
.site-menu-dar nav {
  position: absolute; inset-inline: 0; inset-block-start: var(--h-topbar);
  display: flex; flex-direction: column;
  background: var(--bg-card); border-block-end: 1px solid var(--border); box-shadow: var(--shadow-menu);
}
.site-menu-dar nav a { display: flex; align-items: center; min-block-size: var(--m-target); padding-inline: var(--sp-4); border-block-start: 1px solid var(--border); }

/* ---- Bolumler ---- */
.site-icerik { display: block; }
.site-giris { padding-block: var(--sp-16) var(--sp-12); background: var(--bg-card); border-block-end: 1px solid var(--border); }
.site-giris-alt { font-size: var(--fs-18); color: var(--muted); max-inline-size: var(--measure); }
.site-dugmeler { display: flex; flex-wrap: wrap; gap: var(--sp-3); margin-block: var(--sp-5) var(--sp-4); }
.site-bolum { padding-block: var(--sp-10); }
.site-bolum > .site-dar > h2:first-child { margin-block-start: 0; }
.site-bolum-acik { background: var(--bg-card); border-block: 1px solid var(--border); }
.site-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--w-panel)), 1fr)); gap: var(--sp-4); }
.site-cagri { text-align: center; }
.site-cagri p { margin-inline: auto; }
.sayfa-bas { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-3); margin-block-end: var(--sp-3); }
.sayfa-bas h1 { margin: 0; }
.madde p, .urun-karti p { margin: var(--sp-2) 0 0; color: var(--muted); }
.urun-karti h3 a { color: var(--text); }
.sss-soru { padding-block: var(--sp-4); border-block-end: 1px solid var(--border); }
.sss-soru h2 { margin: 0 0 var(--sp-2); font-size: var(--fs-18); }
.sss-soru p:last-child { margin-block-end: 0; }
.iletisim-kunye { margin-block-start: var(--sp-5); }

/* ---- Fiyat karti ---- */
.fiyat-karti { display: flex; flex-direction: column; gap: var(--sp-3); }
.fiyat-karti-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-2); }
.fiyat-tutar { margin: 0; font-size: var(--fs-24); font-weight: 700; }
.fiyat-donem { font-size: var(--fs-15); font-weight: 500; color: var(--muted); }
.fiyat-moduller { display: flex; flex-direction: column; gap: var(--sp-1); margin: 0; padding: 0; list-style: none; }
.fiyat-moduller li { display: flex; align-items: center; gap: var(--sp-2); }
.fiyat-moduller .icon { color: var(--ok-text); }
.fiyat-karti .btn { align-self: flex-start; margin-block-start: auto; }
.site-kartlar + .muted { margin-block-start: var(--sp-3); }

/* ---- Alt bilgi ---- */
.site-alt { margin-block-start: var(--sp-10); padding-block: var(--sp-10); background: var(--bg-card); border-block-start: 1px solid var(--border); font-size: var(--fs-14); }
.site-alt-ic { max-inline-size: calc(var(--w-a4) + var(--w-sidebar)); margin-inline: auto; padding-inline: var(--sp-4); }
.site-alt-sutunlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, calc(var(--w-panel) / 1.5)), 1fr)); gap: var(--sp-6); }
.site-alt-sutunlar nav { display: flex; flex-direction: column; gap: var(--sp-2); }
.site-alt-sutunlar h2 { margin: 0 0 var(--sp-1); font-size: var(--fs-14); color: var(--muted); text-transform: none; }
.site-alt-sutunlar a { color: var(--text); }
.site-alt-sirket { display: flex; flex-wrap: wrap; gap: var(--sp-1) var(--sp-4); margin: var(--sp-8) 0 0; padding-block-start: var(--sp-4); border-block-start: 1px solid var(--border); color: var(--muted); }
.site-alt-odeme { display: flex; align-items: center; gap: var(--sp-2); margin: var(--sp-4) 0 0; color: var(--muted); }

@media (max-width: 760px) {
  .site-menu { display: none; }
  .site-menu-dar { display: block; }
  .site h1 { font-size: var(--fs-28); }
  .site-giris { padding-block: var(--sp-10) var(--sp-8); }
}

/* ---- Odeme (IS-1022): paket ve fatura formu, kart formu ---- */
.odeme-formu fieldset { margin: 0; min-inline-size: 0; display: flex; flex-direction: column; gap: var(--sp-4); }
.odeme-formu .odeme-baslik { padding: 0; font-size: var(--fs-18); font-weight: 700; }
.odeme-formu label { font-weight: 500; }
.odeme-paket { display: flex; align-items: flex-start; gap: var(--sp-3); padding: var(--sp-3); border: 1px solid var(--border); border-radius: var(--r-sm); cursor: pointer; }
.odeme-paket:has(input:checked) { border-color: var(--sel-line); background: var(--sel-tint); }
.odeme-paket input { margin-block-start: var(--sp-1); }
.odeme-formu .row-sub { display: block; color: var(--muted); font-size: var(--fs-14); font-weight: 400; }
.odeme-formu .sk-opt { display: flex; align-items: flex-start; gap: var(--sp-2); }
.odeme-formu .row { display: flex; align-items: center; gap: var(--sp-3); }
.odeme-formu .grow { flex: 1; }
.odeme-formu .muted .icon { inline-size: var(--icon-sm); block-size: var(--icon-sm); vertical-align: text-bottom; }

/* ---- Blog ve icerik sayfalari (Anayasa Madde 20) ---- */
.konum ol { display: flex; flex-wrap: wrap; gap: var(--sp-1) var(--sp-2); margin: 0 0 var(--sp-4); padding: 0; list-style: none; font-size: var(--fs-14); color: var(--muted); }
.konum li + li::before { content: "›"; margin-inline-end: var(--sp-2); color: var(--muted); }
.konum a { color: var(--muted); }
.blog-bas { justify-content: space-between; }
.blog-bas h2 { margin: 0; }
.blog-kategoriler { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-block: var(--sp-4) var(--sp-6); }
.blog-kategoriler a {
  display: inline-flex; align-items: center; gap: var(--sp-2);
  min-block-size: var(--m-target); padding-inline: var(--sp-3);
  border: 1px solid var(--border-strong); border-radius: var(--r-sm);
  color: var(--text); text-decoration: none; font-weight: 500;
}
.blog-kategoriler a[aria-current='page'] { border-color: var(--sel-line); background: var(--sel-tint); }
.yazi-karti { display: flex; flex-direction: column; gap: var(--sp-2); }
.yazi-karti h3 a { color: var(--text); }
.yazi-karti p { margin: 0; color: var(--muted); }
.yazi-kategori { font-size: var(--fs-14); font-weight: 600; text-decoration: none; }
.yazi-kunye { font-size: var(--fs-14); color: var(--muted); }
.blog-yerlesim { padding-block: var(--sp-8); }
.blog-yazi { max-inline-size: var(--measure); }
.blog-yazi-bas h1 { margin-block: var(--sp-2) var(--sp-3); }
.blog-kisaca { margin-block: var(--sp-6); padding: var(--sp-4) var(--sp-5); background: var(--bg-card); border: 1px solid var(--border); border-inline-start: var(--sp-1) solid var(--brand); border-radius: var(--r-sm); }
.blog-kisaca h2, .blog-icindekiler h2 { margin: 0 0 var(--sp-2); font-size: var(--fs-18); }
.blog-kisaca ul { margin: 0; padding-inline-start: var(--sp-5); }
.blog-kisaca li + li { margin-block-start: var(--sp-1); }
.blog-icindekiler { margin-block: var(--sp-6); }
.blog-icindekiler ol { margin: 0; padding-inline-start: var(--sp-5); }
.blog-govde h2 { scroll-margin-block-start: var(--sp-4); }
.blog-govde h3 { margin: var(--sp-6) 0 var(--sp-2); scroll-margin-block-start: var(--sp-4); }
.blog-govde ul, .blog-govde ol { margin: 0 0 var(--sp-4); padding-inline-start: var(--sp-5); }
.blog-govde li + li { margin-block-start: var(--sp-1); }
.blog-govde code { font-family: var(--font-mono); font-size: var(--fs-14); }
.blog-not { margin: 0 0 var(--sp-4); padding: var(--sp-3) var(--sp-4); background: var(--info-soft); border: 1px solid var(--border); border-radius: var(--r-sm); }
.blog-not p { margin: 0; }
.blog-tablo { overflow-x: auto; margin-block-end: var(--sp-4); }
.blog-cagri { margin-block: var(--sp-8); max-inline-size: var(--measure); }
.blog-cagri h2 { margin-block-start: 0; }
.blog-ilgili { margin-block: var(--sp-8); }