/* Tanıtım sayfası (tanitim.html / WP: parts/page-tanitim.php) — nasil.css'in .nc tabanını kullanır */
.tn-hero { padding-top: calc(var(--head-h) + 28px) !important; padding-bottom: clamp(28px, 4vw, 48px) !important; }
.tn-hero .hero-top { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(20px, 4vw, 56px); align-items: end; margin-bottom: clamp(24px, 3vw, 40px); }
.tn-hero h1 { font-size: clamp(2.4rem, 4.6vw, 4.2rem); }
.tn-hero .lead { margin-top: 0; }
.tn .ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.tn .ctas small { font-weight: 600; color: var(--tm-muted); }
@media (max-width: 980px) { .tn-hero .hero-top { grid-template-columns: 1fr; } }

/* slayt görseli */
.tn-shot { position: relative; display: block; border-radius: var(--r-m); overflow: hidden; background: #0d1218; cursor: zoom-in;
  box-shadow: 0 24px 60px rgba(0,0,0,.45), 0 0 0 1px rgba(63,224,176,.16); transition: box-shadow .3s, transform .3s; }
.tn-shot img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; }
.tn-shot:hover { box-shadow: 0 28px 70px rgba(0,0,0,.5), 0 0 0 1px rgba(63,224,176,.55), 0 0 30px rgba(63,224,176,.22); }
.tn-zoom { position: absolute; right: 12px; bottom: 12px; width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center;
  background: rgba(10,14,19,.72); border: 1px solid rgba(63,224,176,.5); color: var(--tm-teal-l); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.tn-cover { border-radius: var(--r-l); }
.tn-rotate { display: none; margin: 12px 0 0; font-size: .85rem; color: var(--tm-muted); text-align: center; }
@media (max-width: 700px) and (orientation: portrait) { .tn-rotate { display: block; } }

/* içindekiler */
.tn-toc { padding-block: 0 clamp(20px, 3vw, 36px); }
.tn-toc ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.tn-toc a { display: inline-flex; gap: 8px; align-items: center; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--tm-line); background: var(--tm-panel);
  text-decoration: none; font-size: .88rem; font-weight: 600; transition: border-color .2s, color .2s; }
.tn-toc a b { font: 400 .95rem/1 var(--f-display); color: var(--tm-teal-l); }
.tn-toc a:hover, .tn-toc a.on { border-color: var(--tm-teal-l); color: #fff; }

/* slaytlar: görsel + metin */
.nc .tn-deck { padding-top: clamp(16px, 3vw, 32px); }
.tn-deck .wrap { display: grid; gap: clamp(40px, 7vw, 96px); }
.tn-slide { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: clamp(20px, 3.5vw, 48px); align-items: center; scroll-margin-top: calc(var(--head-h) + 16px); }
.tn-slide:nth-child(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr); }
.tn-slide:nth-child(even) .tn-shot { order: 2; }
.tn-num { margin: 0 0 12px; font: 400 2.2rem/1 var(--f-display); color: var(--tm-teal-l); }
.tn-num span { font-size: 1rem; color: var(--tm-muted); }
.nc .tn-slide h2 { font-size: clamp(1.6rem, 2.6vw, 2.3rem); margin-bottom: 14px; }
.tn-tx > p:last-child { margin: 0; color: var(--tm-muted); line-height: 1.65; }
@media (max-width: 980px) {
  .tn-slide, .tn-slide:nth-child(even) { grid-template-columns: 1fr; }
  .tn-slide:nth-child(even) .tn-shot { order: 0; }
  .tn-num { font-size: 1.6rem; }
}

/* kapanış */
.tn-end .wrap { text-align: center; max-width: 900px; }
.tn-end .lead { margin-inline: auto; }
.tn-end .ctas { justify-content: center; }

/* büyütme penceresi */
.tn-lb { position: fixed; inset: 0; z-index: 2147483000; background: #05080b; display: grid; place-items: center; padding: env(safe-area-inset-top, 0px) 0 env(safe-area-inset-bottom, 0px); touch-action: pan-y; }
.tn-lb img { max-width: 100vw; max-height: 100svh; width: auto; height: auto; object-fit: contain; }
@media (min-width: 701px) { .tn-lb img { max-width: calc(100vw - 140px); max-height: calc(100svh - 90px); border-radius: 12px; } }
.tn-lb button { position: absolute; border: 1px solid rgba(63,224,176,.45); background: rgba(10,14,19,.7); color: #fff; width: 46px; height: 46px; border-radius: 14px; font-size: 1.8rem; line-height: 1; cursor: pointer; display: grid; place-items: center; }
.tn-lb button:hover { border-color: var(--tm-teal-l); color: var(--tm-teal-l); }
.tn-lb-x { top: calc(env(safe-area-inset-top, 0px) + 14px); right: 14px; }
.tn-lb-p { left: 14px; top: 50%; transform: translateY(-50%); }
.tn-lb-n { right: 14px; top: 50%; transform: translateY(-50%); }
.tn-lb-c { position: absolute; bottom: calc(env(safe-area-inset-bottom, 0px) + 14px); left: 0; right: 0; margin: 0; text-align: center; font: 400 1.1rem/1 var(--f-display); color: var(--tm-muted); }
@media (max-width: 700px) { .tn-lb-p, .tn-lb-n { top: auto; bottom: calc(env(safe-area-inset-bottom, 0px) + 6px); transform: none; } }
html.tn-lock { overflow: hidden; }
html.tn-lock .wa-float { display: none; }