/* Sunum: bir işi sayfadan çıkmadan tam ekranda canlı gösteren katman. Sürümler --snm-* değişkenleriyle renk verir. */
.snm {
  --snm-zemin: #0d0d0c;
  --snm-yazi: #f2efe8;
  --snm-soluk: rgba(242, 239, 232, .55);
  --snm-cizgi: rgba(242, 239, 232, .14);
  --snm-vurgu: #f2efe8;
  --snm-font: "Inter Tight Variable", system-ui, sans-serif;
  --snm-mono: "JetBrains Mono Variable", ui-monospace, monospace;
  position: fixed; inset: 0; z-index: 1000;
  display: grid; grid-template-rows: auto 1fr auto;
  background: var(--snm-zemin); color: var(--snm-yazi);
  font-family: var(--snm-font); font-size: 13px; letter-spacing: .01em;
  clip-path: inset(0 0 0 0);
  visibility: hidden; pointer-events: none;
}
.snm[data-acik] { visibility: visible; pointer-events: auto; }
.snm *, .snm *::before, .snm *::after { box-sizing: border-box; }
.snm button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0; }
.snm a { color: inherit; text-decoration: none; }
.snm :focus-visible { outline: 1px solid var(--snm-vurgu); outline-offset: 3px; }

.snm-ust {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px;
  padding: 14px 20px; border-bottom: 1px solid var(--snm-cizgi);
}
.snm-kim { display: flex; align-items: baseline; gap: 14px; min-width: 0; }
.snm-sira { font-family: var(--snm-mono); color: var(--snm-soluk); font-size: 11px; }
.snm-ad { font-size: 15px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.snm-durum {
  display: inline-flex; align-items: center; gap: 6px; font-family: var(--snm-mono); font-size: 10px;
  text-transform: uppercase; letter-spacing: .08em; color: var(--snm-soluk); white-space: nowrap;
}
.snm-durum::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.snm-durum[data-durum="yayinda"]::before { background: #3ecf72; box-shadow: 0 0 0 3px rgba(62, 207, 114, .18); }

.snm-sekme { display: flex; gap: 2px; padding: 3px; border: 1px solid var(--snm-cizgi); border-radius: 999px; }
.snm-sekme button { padding: 7px 14px; border-radius: 999px; color: var(--snm-soluk); transition: color .2s, background .2s; white-space: nowrap; }
.snm-sekme button[aria-pressed="true"] { background: var(--snm-yazi); color: var(--snm-zemin); }
.snm-sekme button:hover:not([aria-pressed="true"]) { color: var(--snm-yazi); }
.snm-sekme:empty, .snm-sekme[data-tek] { visibility: hidden; }

.snm-arac { display: flex; justify-content: flex-end; align-items: center; gap: 6px; }
.snm-arac > * { height: 32px; display: inline-flex; align-items: center; gap: 6px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--snm-cizgi); transition: border-color .2s; }
.snm-arac > *:hover { border-color: var(--snm-soluk); }
.snm-cihaz button { padding: 0 2px; color: var(--snm-soluk); }
.snm-cihaz button[aria-pressed="true"] { color: var(--snm-yazi); }
.snm-kapat { width: 32px; justify-content: center; padding: 0 !important; font-size: 16px; }

.snm-sahne { position: relative; overflow: hidden; display: grid; place-items: center; padding: 18px 20px; }
.snm-sahne::before {
  content: ""; position: absolute; inset: -20%; pointer-events: none; opacity: .5;
  background: radial-gradient(50% 40% at 50% 60%, var(--snm-isik, transparent), transparent 70%);
  transition: background .6s;
}
.snm-cerceve { position: relative; transform-origin: 0 0; }
.snm-cerceve[data-cihaz="masaustu"] { border-radius: 10px; overflow: hidden; box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .6), 0 0 0 1px var(--snm-cizgi); background: #fff; }
.snm-cubuk { height: 36px; display: flex; align-items: center; gap: 12px; padding: 0 14px; background: #1b1b1a; color: #a9a7a1; font: 12px/1 var(--snm-mono); }
.snm-noktalar { display: flex; gap: 6px; }
.snm-noktalar i { width: 10px; height: 10px; border-radius: 50%; background: #3a3a38; }
.snm-url { flex: 1; text-align: center; padding: 6px 10px; border-radius: 6px; background: #262625; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 520px; margin: 0 auto; }
.snm-url b { color: #ecebe6; font-weight: 400; }
.snm-cerceve[data-cihaz="telefon"] { padding: 12px; border-radius: 58px; background: #0b0b0b; box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 40px 90px -20px rgba(0, 0, 0, .7); }
.snm-cerceve[data-cihaz="telefon"] .snm-cubuk { display: none; }
.snm-ekran { position: relative; overflow: hidden; background: #fff; }
.snm-cerceve[data-cihaz="telefon"] .snm-ekran { border-radius: 46px; }
.snm-ekran img, .snm-ekran iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
.snm-ekran img { object-fit: cover; object-position: top; transition: opacity .5s; }
.snm-ekran iframe { opacity: 0; transition: opacity .5s; background: transparent; }
.snm-ekran[data-yuklendi] iframe { opacity: 1; }
.snm-ekran[data-yuklendi] img { opacity: 0; }
.snm-yukleniyor { position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%); font: 11px/1 var(--snm-mono); color: #fff; mix-blend-mode: difference; letter-spacing: .08em; text-transform: uppercase; }
.snm-ekran[data-yuklendi] .snm-yukleniyor { display: none; }
/* Yayında olmayan iş: canlı site yok, yalnız tasarım görüntüsü. */
.snm-ekran[data-gorsel] .snm-yukleniyor, .snm-ekran[data-gorsel] iframe, .snm-yeni[hidden] { display: none; }

.snm-alt { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; padding: 12px 20px 16px; border-top: 1px solid var(--snm-cizgi); }
.snm-ozet { color: var(--snm-soluk); max-width: 72ch; line-height: 1.5; }
.snm-ozet b { color: var(--snm-yazi); font-weight: 500; }
.snm-gez { display: flex; gap: 8px; }
.snm-gez button { display: inline-flex; gap: 10px; align-items: center; height: 36px; padding: 0 16px; border: 1px solid var(--snm-cizgi); border-radius: 999px; transition: border-color .2s, background .2s; white-space: nowrap; }
.snm-gez button:hover { border-color: var(--snm-yazi); }
.snm-gez small { color: var(--snm-soluk); font-size: 12px; }
.snm-ipucu { font-family: var(--snm-mono); font-size: 10px; color: var(--snm-soluk); letter-spacing: .06em; }

@media (max-width: 860px) {
  .snm-ust { grid-template-columns: 1fr auto; padding: 10px 12px; }
  .snm-sekme { grid-column: 1 / -1; grid-row: 2; justify-self: start; overflow-x: auto; max-width: 100%; }
  .snm-cihaz, .snm-ipucu, .snm-yeni span { display: none !important; }
  .snm-sahne { padding: 0; }
  .snm-cerceve[data-cihaz] { padding: 0; border-radius: 0; box-shadow: none; }
  .snm-cerceve[data-cihaz] .snm-ekran { border-radius: 0; }
  .snm-cerceve .snm-cubuk { display: none; }
  .snm-alt { grid-template-columns: 1fr; padding: 10px 12px 12px; }
  .snm-ozet { display: none; }
  .snm-gez button { flex: 1; justify-content: center; }
  .snm-gez small { display: none; }
}
@media (prefers-reduced-motion: reduce) { .snm * { transition: none !important; } }