/* Vitrin sayfalarının ortakları (ana sayfa, temalar, tema, SSS, künye, yasal) — onaylı prototipten. tasarim.css belirteçleriyle.
   Önekler: tg- (sayfa başı ve konum izi; prototipte temalar.css'teydi), tv- (tema renk örneği), ah-sss (SSS; prototipte
   index.css'teydi), kn- (künye sayfası). CSP: satır içi stil yok — tema renkleri katalogdan nonce'lu stil bloğuyla
   (.tv-{id} { --r: vurgu; --z: zemin }) gelir. */

/* ── Sayfa başı ve konum izi ── */
.tg-bas { position: relative; margin-top: -80px; padding: calc(80px + clamp(24px, 4vw, 56px)) 0 var(--b-6); }
.tg-bas .tk-zemin { -webkit-mask-image: linear-gradient(#000 60%, transparent); mask-image: linear-gradient(#000 60%, transparent); }
.tg-iz { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: var(--t-kucuk); color: var(--sis); margin-bottom: var(--b-5); }
.tg-iz a { color: var(--sis); font-weight: 600; }
.tg-iz a:hover { color: var(--mavi-metin); }
.tg-iz [aria-current] { color: var(--murekkep); font-weight: 600; }
.tg-bas h1 { font-size: clamp(2.25rem, 1.5rem + 2.6vw, 3.75rem); }

/* ── Tema renk örneği (vurgu + zemin; değerler katalogdan) ── */
.tv-renk { background: conic-gradient(var(--r, var(--tas-koyu)) 0 50%, var(--z, var(--yuzey-3)) 0); }
.tk-sekme .tk-sekme-renk { background: var(--r, var(--tas-koyu)); }

/* ── Bağlantı biçimli sekme (sunucu tarafı süzgeç; JS gerektirmez) ── */
a.tk-sekme:hover { text-decoration: none; }
.tk-sekme[aria-current="page"] { background: var(--yuzey-1); color: var(--murekkep); box-shadow: var(--g-2), var(--parilti); }

/* ── Satış kapalı notu (satın alma düğmelerinin yerinde) ── */
.tv-satis-kapali { max-width: 560px; }
.tv-eksik ul { margin: 6px 0 0; padding-left: 18px; font-size: var(--t-kucuk); }
.tv-eksik li + li { margin-top: 2px; }
.tv-eksik ul + p { margin-top: var(--b-2); }

/* ── SSS ── */
.ah-sss { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.3fr); gap: clamp(32px, 6vw, 88px); align-items: start; }
.ah-sss-yan { position: sticky; top: 104px; }
.ah-sss-yan > * + * { margin-top: var(--b-4); }
.ah-sss-iletisim { display: grid; gap: 4px; margin-top: var(--b-6) !important; padding: 16px 18px; }
.ss-sayfa { padding-bottom: var(--b-8); }

/* ── Künye ve iletişim ── */
.kn-izgara { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--b-5); align-items: start; padding-bottom: var(--b-8); }
.kn-kart h2 { font-size: var(--t-h4); margin-bottom: var(--b-4); }
.kn-liste { display: grid; gap: 0; margin: 0; }
.kn-liste > div { display: grid; grid-template-columns: minmax(0, 12em) minmax(0, 1fr); gap: 4px 16px; padding: 12px 0; border-top: 1px solid var(--tas); }
.kn-liste > div:first-child { border-top: 0; padding-top: 0; }
.kn-liste dt { color: var(--sis); font-size: var(--t-kucuk); font-weight: 600; }
.kn-liste dd { margin: 0; font-weight: 500; overflow-wrap: anywhere; }
.kn-iletisim { display: grid; gap: 10px; }
.kn-iletisim a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: var(--k-3); background: var(--yuzey-2);
  border: 1px solid var(--tas); color: var(--murekkep); font-weight: 600; overflow-wrap: anywhere; }
.kn-iletisim a:hover { text-decoration: none; border-color: var(--mavi-cizgi); }
.kn-iletisim svg { width: 20px; height: 20px; flex: none; color: var(--mavi-metin); }
.kn-iletisim small { display: block; color: var(--sis); font-weight: 500; font-size: var(--t-kucuk); }

@media (max-width: 760px) {
  .ah-sss { grid-template-columns: minmax(0, 1fr); }
  .ah-sss-yan { position: static; }
  .kn-izgara { grid-template-columns: minmax(0, 1fr); }
  .kn-liste > div { grid-template-columns: minmax(0, 1fr); }
}
.kn-eksik, .kn-not { margin-top: var(--b-5); }

/* ═══ Vitrin v2 (2026-09-28): EMA ölçüsü ortakları ═══ */

/* Eski sayfa başları (temalar, tema, yasal) sayfa bandı görünümüne geçer: radyal ışıklı zemin + taş alt çizgi + çipli yol izi */
.tg-bas, .ys-bas { background:
    radial-gradient(760px 260px at 88% -60%, rgba(47, 102, 255, .12), transparent),
    radial-gradient(520px 220px at 8% 120%, rgba(240, 178, 84, .12), transparent),
    linear-gradient(rgba(22, 32, 44, .035) 1px, transparent 1px) 0 0 / 48px 48px,
    linear-gradient(90deg, rgba(22, 32, 44, .035) 1px, transparent 1px) 0 0 / 48px 48px,
    #f3f1eb;
  border-bottom: 1px solid var(--tas); }
.tg-bas > .tk-zemin, .ys-bas > .tk-zemin { display: none; }
.tg-bas { padding-bottom: clamp(36px, 4vw, 52px); }
section.ys-bas { margin-top: -80px; padding-top: calc(80px + clamp(40px, 5vw, 64px)); padding-bottom: clamp(32px, 4vw, 48px); }   /* yasal.css kısaltmasını ezer */
section.ys-bas + .ys-duzen { margin-top: clamp(32px, 4vw, 56px); }
.tg-bas .tk-yol, .ys-bas .tk-yol { margin-bottom: var(--b-5); }
.ts-bas { padding-bottom: clamp(36px, 4vw, 52px); }

/* Bölüm üstü: başlık grubu + sağda bağlantı */
.ah-bolum-ust { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--b-5); }

/* ── Tema kartı (_TemaKarti): tarayıcı çerçeveli kaydırmalı kapak, sektör üst etiketi, fiyat ── */
.ah-tema-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: var(--b-7); }
.ah-yakinda { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 20px; margin-top: var(--b-7); padding: 18px 22px;
  border-radius: var(--k-4); border: 1px dashed var(--tas-koyu); background: rgba(255, 255, 255, .6); }
.ah-yakinda ul { list-style: none; padding: 0; gap: 8px; }
.ah-yakinda-baslik { display: inline-flex; align-items: center; gap: 12px; font-weight: 700; }

/* ── 3 adım: temel katmanlarıyla yükselen merdiven ── */
.ah-merdiven { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b-5); margin-top: calc(var(--b-7) + 56px); }
.ah-basamak { padding: var(--b-6) var(--b-5) var(--b-5); display: flex; flex-direction: column; align-items: flex-start; }
.ah-basamak:nth-child(2) { translate: 0 -28px; }
.ah-basamak:nth-child(3) { translate: 0 -56px; }
.ah-basamak h3 { margin-top: var(--b-5); }
.ah-basamak .tk-baglanti { margin-top: var(--b-4); }
.ah-basamak-no { display: inline-grid; place-items: center; min-width: 64px; height: 30px; padding: 0 12px; border-radius: 8px; font: 800 1rem/1 var(--f-baslik); color: #fff; }
.ah-basamak-no--1 { background: var(--taban); box-shadow: 0 10px 20px -10px rgba(22, 32, 44, .6); }
.ah-basamak-no--2 { background: var(--mavi-degrade); box-shadow: var(--g-mavi); }
.ah-basamak-no--3 { background: linear-gradient(90deg, #f7c46e, var(--amber-logo)); color: var(--murekkep); box-shadow: 0 10px 20px -10px rgba(245, 158, 11, .7); }

/* ── Yenileme takvimi ── */
.ah-zaman { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; position: relative; }
.ah-zaman::before { content: ""; position: absolute; left: 6px; right: 12%; top: 6px; height: 2px; background: linear-gradient(90deg, var(--mavi), var(--lavanta), var(--amber)); border-radius: 2px; opacity: .6; }
.ah-zaman li { position: relative; padding-top: 26px; font-size: var(--t-kucuk); color: var(--sis); line-height: 1.4; }
.ah-zaman b { display: block; color: var(--murekkep); font-size: .9375rem; margin-bottom: 2px; }
.ah-zaman-nokta { position: absolute; left: 0; top: 0; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 3px solid var(--mavi); box-shadow: 0 0 0 4px rgba(47, 102, 255, .12); }
.ah-zaman li:nth-child(2) .ah-zaman-nokta { border-color: #5a63f6; }
.ah-zaman li:nth-child(3) .ah-zaman-nokta { border-color: var(--lavanta); }
.ah-zaman-nokta--son { border-color: var(--amber-logo) !important; box-shadow: 0 0 0 4px rgba(240, 178, 84, .2) !important; }

/* ── Son çağrı (_SonCagri) ── */
.ah-cagri-bolum { padding-top: var(--bolum); }
.tk-bolum + .ah-cagri-bolum, .tk-bolum--zemin + .ah-cagri-bolum { padding-top: 0; }
.tk-bolum--zemin + .ah-cagri-bolum { padding-top: var(--bolum); }
.ah-cagri { position: relative; overflow: hidden; border-radius: var(--k-5); padding: clamp(36px, 6vw, 80px) clamp(24px, 5vw, 72px);
  background: linear-gradient(125deg, #1d47d1 0%, #2f66ff 48%, #5a5ff0 100%); color: #fff; box-shadow: var(--g-4); isolation: isolate; }
.ah-cagri-isik { position: absolute; inset: 0; z-index: -1;
  background:
    radial-gradient(40% 60% at 85% 10%, rgba(255, 199, 120, .45), transparent 70%),
    radial-gradient(35% 55% at 10% 100%, rgba(167, 150, 255, .5), transparent 70%),
    linear-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px) 0 0 / 40px 40px,
    linear-gradient(90deg, rgba(255, 255, 255, .07) 1px, transparent 1px) 0 0 / 40px 40px; }
.ah-cagri-ic { position: relative; max-width: 620px; }
.ah-cagri-ic > * + * { margin-top: var(--b-4); }
.ah-cagri h2 { color: #fff; font-size: clamp(1.875rem, 1.3rem + 2vw, 2.75rem); }
.ah-cagri p { color: rgba(255, 255, 255, .88); font-size: var(--t-giris); }
.ah-cagri .tk-satir { margin-top: var(--b-6); }
.ah-cagri-ana { --dz: #fff; --dm: var(--mavi-koyu); --dk: #fff; box-shadow: 0 12px 28px -12px rgba(10, 20, 60, .6); }
.ah-cagri-ana:hover { border-color: #fff; }
.ah-cagri-ikincil { --dz: rgba(255, 255, 255, .08); --dm: #fff; --dk: rgba(255, 255, 255, .45); box-shadow: none; }
.ah-cagri-ikincil:hover { --dz: rgba(255, 255, 255, .16); border-color: #fff; }
.ah-cagri .tk-dugme:focus-visible { box-shadow: 0 0 0 3px #2f66ff, 0 0 0 5px #fff; }
.ah-cagri-kaide { position: absolute; right: clamp(32px, 6vw, 88px); top: 50%; transform: translateY(-50%) rotate(-4deg); display: grid; gap: 10px; justify-items: center; width: min(30%, 320px); }
.ah-cagri-kaide i { display: block; height: 34px; border-radius: 11px; }
.ah-cagri-kaide i:nth-child(1) { width: 57%; height: 64px; border-radius: 14px; background: linear-gradient(90deg, #f7c46e, var(--amber-logo)); box-shadow: 0 10px 30px -8px rgba(245, 158, 11, .7); }
.ah-cagri-kaide i:nth-child(2) { width: 79%; background: rgba(255, 255, 255, .22); border: 1px solid rgba(255, 255, 255, .35); }
.ah-cagri-kaide i:nth-child(3) { width: 100%; background: var(--murekkep); box-shadow: 0 16px 30px -10px rgba(0, 0, 0, .5); }


/* ── SSS: iki sütun (başlık solda, akordeon sağda) ve alt satır ── */
.sy-sss-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: var(--b-5); }
.sy-sss-alt p { margin: 0; }

@media (max-width: 1080px) {
  .ah-tema-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ah-cagri-kaide { display: none; }
}
@media (max-width: 760px) {
  .ah-tema-izgara, .ah-merdiven { grid-template-columns: minmax(0, 1fr); }
  .ah-tema-izgara { gap: 20px; }
  .ah-basamak:nth-child(2), .ah-basamak:nth-child(3) { translate: none; }
  .ah-merdiven { margin-top: var(--b-6); }
  .ah-zaman { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); row-gap: 20px; }
  .ah-zaman::before { display: none; }
}