* { box-sizing: border-box; }
html, body {
  margin: 0; min-height: 100vh;
  background: var(--soon-bg, #0A0A0A);
  color: var(--soon-fg, #fff);
  font-family: var(--soon-font, sans-serif);
  background-size: cover; background-position: center; background-repeat: no-repeat;
}
body { display: flex; align-items: center; justify-content: center; padding: 24px; }

.soon-lang-switch { position: fixed; top: 16px; right: 16px; display: flex; gap: 10px; font-size: 13px; opacity: 0.7; }
.soon-lang-switch a { color: inherit; text-decoration: none; }
.soon-lang-switch a.is-active { text-decoration: underline; }

.soon-wrap { max-width: 560px; width: 100%; text-align: center; }
.soon-logo { max-width: 220px; max-height: 140px; margin: 0 auto; display: block; }
.soon-title { font-size: 32px; font-weight: 700; margin: 0 0 16px; }
.soon-tagline { margin: 10px 0 24px; opacity: 0.85; }
.soon-desc { font-size: 16px; opacity: 0.85; margin: 0 0 36px; line-height: 1.6; }
.soon-desc p { margin: 0 0 1em; }
.soon-desc p:last-child { margin-bottom: 0; }
.soon-desc a { color: inherit; text-decoration: underline; }
.soon-desc .ql-size-small { font-size: 0.75em; }
.soon-desc .ql-size-large { font-size: 1.5em; }
.soon-desc .ql-size-huge { font-size: 2.5em; }
.soon-desc .ql-font-poppins { font-family: 'Poppins', sans-serif; }
.soon-desc .ql-font-inter { font-family: 'Inter', sans-serif; }
.soon-desc .ql-font-roboto { font-family: 'Roboto', sans-serif; }
.soon-desc .ql-font-montserrat { font-family: 'Montserrat', sans-serif; }
.soon-desc .ql-font-lato { font-family: 'Lato', sans-serif; }
.soon-desc .ql-font-playfair { font-family: 'Playfair Display', serif; }
.soon-desc .ql-font-merriweather { font-family: 'Merriweather', serif; }
.soon-desc .ql-font-oswald { font-family: 'Oswald', sans-serif; }
.soon-desc .ql-font-raleway { font-family: 'Raleway', sans-serif; }
.soon-desc .ql-font-jetbrains { font-family: 'JetBrains Mono', monospace; }
.soon-desc .ql-font-dancing { font-family: 'Dancing Script', cursive; }
.soon-desc .ql-font-bebas { font-family: 'Bebas Neue', sans-serif; }

.soon-countdown { display: flex; justify-content: center; gap: 18px; margin-bottom: 40px; flex-wrap: wrap; }
.soon-unit { display: flex; flex-direction: column; align-items: center; min-width: 64px; }
.soon-num { font-size: 34px; font-weight: 700; font-variant-numeric: tabular-nums; }
.soon-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; opacity: 0.6; margin-top: 4px; }

.soon-subscribe { margin-bottom: 28px; }
.soon-notify-label { display: block; font-size: 13px; opacity: 0.75; margin-bottom: 10px; }
.soon-subscribe-row { display: flex; gap: 8px; max-width: 360px; margin: 0 auto; }
.soon-subscribe-row input { flex: 1; padding: 11px 14px; border-radius: 6px; border: 1px solid rgba(255,255,255,0.25); background: rgba(255,255,255,0.06); color: inherit; font-family: inherit; font-size: 14px; }
.soon-subscribe-row button { padding: 11px 18px; border-radius: 6px; border: none; background: var(--soon-fg, #fff); color: var(--soon-bg, #000); font-family: inherit; font-weight: 600; cursor: pointer; }
.soon-thanks { font-size: 14px; opacity: 0.85; }

.soon-social { display: flex; justify-content: center; gap: 18px; font-size: 13px; opacity: 0.75; }
.soon-social a { color: inherit; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 2px; }

@media (max-width: 480px) {
  .soon-title { font-size: 24px; }
  .soon-num { font-size: 24px; }
  .soon-unit { min-width: 52px; }
}

/* ---------- tam ekran arka plan (video/görsel ortak) ---------- */
.soon-bg-video {
  position: fixed; inset: 0; width: 100%; height: 100%;
  object-fit: cover; z-index: -2;
}
.soon-bg-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,0.42); z-index: -1;
}
.soon-lang-switch, .soon-wrap, .soon-preview-badge { position: relative; z-index: 1; }
body.has-full-bg { background-color: #000; }

/* ---------- şablon: görsel + metin yan yana (split) ---------- */
.soon-wrap--split {
  display: flex; align-items: center; gap: 48px;
  max-width: 880px; text-align: left;
}
.soon-wrap--split .soon-media { flex: 1; display: flex; justify-content: center; }
.soon-wrap--split .soon-media .soon-logo { max-width: 100%; max-height: 320px; margin: 0; }
.soon-wrap--split .soon-content { flex: 1; }
.soon-wrap--split .soon-countdown { justify-content: flex-start; }
.soon-wrap--split .soon-social { justify-content: flex-start; }
.soon-wrap--split .soon-subscribe-row { margin: 0; }
.soon-title--split { font-size: 26px; margin: 0 0 14px; }
@media (max-width: 720px) {
  .soon-wrap--split { flex-direction: column; text-align: center; }
  .soon-wrap--split .soon-countdown, .soon-wrap--split .soon-social { justify-content: center; }
}

/* ---------- şablon: tam ekran arka plan + üstte metin (fullscreen) ---------- */
body[data-template="fullscreen"] { align-items: flex-start; padding-top: 9vh; }
body[data-template="fullscreen"] .soon-wrap { max-width: 620px; }

/* ---------- önizleme rozeti ---------- */
.soon-preview-badge {
  position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%);
  background: #D0392B; color: #fff; padding: 8px 18px; border-radius: 20px;
  font-family: system-ui, sans-serif; font-size: 12px; font-weight: 600;
  letter-spacing: 0.03em; box-shadow: 0 4px 14px rgba(0,0,0,0.3);
}