/* Haber gönderme formu: adım adım, canlı önizlemeli tasarım. Renkler Form Ayarları > Görünüm ve Yazılar'dan gelir. */
.nf2 { --nf-c1: #0b1f4f; --nf-c2: #2563eb; --nf-ac: #e30613; --nf-ink: #14213d; --nf-muted: #61708f; --nf-line: #dde4f0; --nf-ok: #16a34a; --nf-gold: #ffc94a;
  max-width: 1120px; margin: 0 auto; color: var(--nf-ink); font-size: 16.5px; line-height: 1.5; position: relative; text-align: left; }
.nf2 *, .nf2 *::before, .nf2 *::after { box-sizing: border-box; }
.nf2 [hidden] { display: none !important; }
.nf2 h2, .nf2 h3, .nf2 h4, .nf2 p, .nf2 ul { margin: 0; padding: 0; }
.nf2 h2, .nf2 h3, .nf2 h4, .nf2-btn, .nf2-chip, .nf2-s b, .nf2-kicker { font-family: "Montserrat", "Segoe UI", sans-serif; }

/* üst bölüm */
.nf2-hero { position: relative; overflow: hidden; color: #fff; padding: 38px 24px 96px; text-align: center; border-radius: 26px;
  background: radial-gradient(900px 420px at 80% -10%, color-mix(in srgb, var(--nf-c2) 80%, #fff 0%) 0%, transparent 60%), radial-gradient(700px 380px at 5% 110%, color-mix(in srgb, var(--nf-ac) 70%, #000) 0%, transparent 55%), linear-gradient(135deg, var(--nf-c1), color-mix(in srgb, var(--nf-c1) 78%, var(--nf-c2)) 60%, var(--nf-c1)); }
.nf2-blob { position: absolute; border-radius: 50%; opacity: .14; background: #fff; animation: nf2float 14s ease-in-out infinite; }
.nf2-blob.b1 { width: 200px; height: 200px; left: -60px; top: 10px; } .nf2-blob.b2 { width: 110px; height: 110px; right: 7%; top: 30px; animation-delay: -5s; } .nf2-blob.b3 { width: 64px; height: 64px; left: 22%; bottom: 60px; animation-delay: -9s; }
@keyframes nf2float { 50% { transform: translateY(-24px) scale(1.06); } }
.nf2-kicker { display: inline-flex; gap: 8px; align-items: center; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.28); padding: 6px 14px; border-radius: 30px; font-weight: 700; font-size: 12.5px; letter-spacing: .12em; text-transform: uppercase; position: relative; }
.nf2-hero h2 { font-size: clamp(30px, 5vw, 50px); font-weight: 900; line-height: 1.06; margin: 16px 0 10px; letter-spacing: -.02em; color: #fff; position: relative; }
.nf2-hero p { max-width: 640px; margin: 0 auto; font-size: 17px; opacity: .93; color: #fff; position: relative; }
.nf2-plain { text-align: center; padding: 6px 10px 22px; } .nf2-plain h2 { font-size: 32px; font-weight: 800; color: var(--nf-c1); margin-bottom: 8px; } .nf2-plain p { color: var(--nf-muted); max-width: 640px; margin: 0 auto; }
.nf2-plain + .nf2-wrap { margin-top: 0; }

/* Sayfanın başlık şeridi yokken formun üst bölümü sayfanın en üstüne, menünün arkasına kadar uzanır */
.section-nohead { padding-top: 0 !important; overflow-x: clip; }
.section-nohead .nf2-hero { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); border-radius: 0; padding-top: 168px; padding-bottom: 110px; }
@media (max-width: 900px) { .section-nohead .nf2-hero { padding-top: 120px; padding-bottom: 92px; border-radius: 0; } }

/* gövde */
.nf2-wrap { margin: -70px 18px 0; position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 24px; align-items: start; }
.nf2-solo .nf2-wrap { grid-template-columns: minmax(0, 760px); justify-content: center; }
.nf2-card { background: #fff; border-radius: 24px; box-shadow: 0 24px 60px color-mix(in srgb, var(--nf-c1) 16%, transparent), 0 0 0 1px color-mix(in srgb, var(--nf-c1) 6%, transparent); }
.nf2-form { padding: 26px 28px 24px; overflow: hidden; }
.nf2-off { padding: 40px; text-align: center; color: var(--nf-muted); } .nf2-off i { font-size: 34px; margin-bottom: 10px; display: block; }

/* adım çubuğu */
.nf2-steps { display: flex; align-items: center; margin-bottom: 8px; }
.nf2-s { display: flex; flex-direction: column; align-items: center; gap: 6px; flex: none; width: 76px; cursor: pointer; background: none; border: 0; padding: 0; color: var(--nf-muted); font: inherit; }
.nf2-s i { width: 44px; height: 44px; border-radius: 50%; background: #eef2fa; display: grid; place-items: center; font-size: 17px; transition: all .35s cubic-bezier(.2,.9,.3,1.4); }
.nf2-s b { font-size: 11.5px; font-weight: 700; }
.nf2-s.on { color: var(--nf-c1); } .nf2-s.on i { background: var(--nf-c1); color: #fff; transform: scale(1.14); box-shadow: 0 10px 22px color-mix(in srgb, var(--nf-c1) 35%, transparent); }
.nf2-s.done i { background: var(--nf-ok); color: #fff; }
.nf2-ln { flex: 1; height: 4px; border-radius: 4px; background: #eef2fa; margin-bottom: 22px; overflow: hidden; }
.nf2-ln span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--nf-ok), #4ade80); transition: width .5s ease; } .nf2-ln.full span { width: 100%; }

.nf2-pane { display: none; animation: nf2slide .45s cubic-bezier(.2,.8,.2,1); } .nf2-pane.on { display: block; }
@keyframes nf2slide { from { opacity: 0; transform: translateX(34px); } }
.nf2-pane.back { animation-name: nf2slideb; } @keyframes nf2slideb { from { opacity: 0; transform: translateX(-34px); } }
.nf2-h { font-size: 25px; font-weight: 800; color: var(--nf-c1); margin: 18px 0 4px !important; line-height: 1.2; }
.nf2-h.sm { font-size: 19px; margin-top: 26px !important; } .nf2-h.sm i { color: #e11d48; }
.nf2-sub { color: var(--nf-muted); margin-bottom: 18px !important; }
.nf2-q { font-weight: 700; color: var(--nf-c1); margin: 4px 0 10px !important; font-family: "Montserrat", sans-serif; font-size: 15px; }
.nf2-hint { font-size: 13.5px; color: var(--nf-muted); margin: -8px 2px 14px !important; }

/* alanlar */
.nf2-two { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.nf2-fld { position: relative; margin-bottom: 16px; }
.nf2-fld input, .nf2-fld textarea, .nf2-fld select { width: 100%; border: 2px solid var(--nf-line); border-radius: 14px; padding: 22px 16px 9px; font: inherit; color: var(--nf-ink); background: #fbfcff; outline: 0; margin: 0; box-shadow: none; transition: border-color .2s, box-shadow .2s, background .2s; }
.nf2-fld textarea { min-height: 170px; resize: vertical; line-height: 1.55; display: block; }
.nf2-fld > label { position: absolute; left: 17px; top: 16px; color: var(--nf-muted); pointer-events: none; transition: all .18s ease; font-weight: 400; font-size: inherit; max-width: calc(100% - 60px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nf2-fld input:focus, .nf2-fld textarea:focus, .nf2-fld select:focus { border-color: var(--nf-c2); background: #fff; box-shadow: 0 0 0 5px color-mix(in srgb, var(--nf-c2) 13%, transparent); }
.nf2-fld input:focus + label, .nf2-fld input:not(:placeholder-shown) + label, .nf2-fld textarea:focus + label, .nf2-fld textarea:not(:placeholder-shown) + label { top: 6px; font-size: 11.5px; font-weight: 700; color: var(--nf-c2); letter-spacing: .03em; }
.nf2-ok { position: absolute; right: 14px; top: 17px; color: var(--nf-ok); opacity: 0; transform: scale(.4); transition: all .25s cubic-bezier(.2,.9,.3,1.6); pointer-events: none; }
.nf2-fld.valid .nf2-ok { opacity: 1; transform: none; }
.nf2-cnt { position: absolute; right: 14px; bottom: 9px; font-size: 12px; color: var(--nf-muted); pointer-events: none; }
.nf2-st input, .nf2-st textarea, .nf2-st select { padding: 12px 14px; } .nf2-st textarea { min-height: 90px; }
.nf2-lab { display: block; font-size: 13px; font-weight: 700; color: var(--nf-c1); margin: 0 2px 6px; }
.nf2-check { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; margin: 4px 0 14px; cursor: pointer; font-weight: 400; }
.nf2-check input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--nf-c1); flex: none; }

/* birim kartları */
.nf2-units { display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); gap: 10px; margin-bottom: 8px; border-radius: 16px; }
.nf2-unit { border: 2px solid var(--nf-line); background: #fbfcff; border-radius: 16px; padding: 14px 10px; text-align: center; cursor: pointer; font: inherit; color: var(--nf-ink); transition: all .2s; position: relative; }
.nf2-unit i { display: grid; place-items: center; width: 46px; height: 46px; margin: 0 auto 8px; border-radius: 14px; background: color-mix(in srgb, var(--nf-c2) 12%, #fff); color: var(--nf-c2); font-size: 19px; transition: all .25s; }
.nf2-unit b { display: block; font: 700 13.5px "Montserrat", sans-serif; line-height: 1.25; }
.nf2-unit:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--nf-c2) 40%, #fff); box-shadow: 0 10px 22px color-mix(in srgb, var(--nf-c1) 10%, transparent); }
.nf2-unit.on { border-color: var(--nf-c1); background: #fff; box-shadow: 0 12px 26px color-mix(in srgb, var(--nf-c1) 18%, transparent); }
.nf2-unit.on i { background: var(--nf-c1); color: #fff; transform: rotate(-6deg) scale(1.08); }
.nf2-unit.on::after { content: "\f00c"; font: 900 11px "Font Awesome 6 Free"; position: absolute; right: 8px; top: 8px; width: 22px; height: 22px; border-radius: 50%; background: var(--nf-ok); color: #fff; display: grid; place-items: center; }

/* ipucu rozetleri */
.nf2-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: -4px 0 16px; }
.nf2-chip { font-size: 12.5px; font-weight: 700; padding: 6px 12px; border-radius: 30px; background: #eef2fa; color: var(--nf-muted); transition: all .3s; display: inline-flex; gap: 6px; align-items: center; }
.nf2-chip.hit { background: #dcfce7; color: #166534; } .nf2-chip i { font-size: 11px; }

/* fotoğraflar */
.nf2-drop { border: 2.5px dashed color-mix(in srgb, var(--nf-c2) 35%, #fff); border-radius: 20px; padding: 28px 16px; text-align: center; background: linear-gradient(180deg, #f7f9ff, #fff); cursor: pointer; transition: all .25s; }
.nf2-drop:hover, .nf2-drop.over, .nf2-drop:focus-visible { border-color: var(--nf-c2); background: color-mix(in srgb, var(--nf-c2) 7%, #fff); transform: scale(1.01); outline: 0; }
.nf2-cloud { width: 72px; height: 72px; border-radius: 50%; background: linear-gradient(135deg, var(--nf-c1), var(--nf-c2)); color: #fff; font-size: 28px; display: grid; place-items: center; margin: 0 auto 12px; box-shadow: 0 14px 30px color-mix(in srgb, var(--nf-c2) 35%, transparent); animation: nf2bob 2.6s ease-in-out infinite; }
@keyframes nf2bob { 50% { transform: translateY(-8px); } }
.nf2-drop b { font: 800 18px "Montserrat", sans-serif; color: var(--nf-c1); display: block; } .nf2-drop small { color: var(--nf-muted); }
.nf2-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 10px; margin-top: 14px; } .nf2-grid:empty { display: none; }
.nf2-ph { position: relative; aspect-ratio: 1; border-radius: 14px; overflow: hidden; background: #eef2fa; animation: nf2pop .4s cubic-bezier(.2,.9,.3,1.5) both; cursor: grab; }
@keyframes nf2pop { from { opacity: 0; transform: scale(.6); } }
.nf2-ph img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0; margin: 0; } .nf2-ph.up img { filter: brightness(.6); }
.nf2-x { position: absolute; right: 6px; top: 6px; width: 26px; height: 26px; border-radius: 50%; border: 0; background: rgba(0,0,0,.62); color: #fff; cursor: pointer; padding: 0; display: grid; place-items: center; font-size: 13px; }
.nf2-cv { position: absolute; left: 0; right: 0; bottom: 0; background: color-mix(in srgb, var(--nf-ac) 92%, transparent); color: #fff; font: 800 11px "Montserrat", sans-serif; letter-spacing: .08em; text-align: center; padding: 4px 0; }
.nf2-bar { position: absolute; left: 8px; right: 8px; bottom: 8px; height: 5px; border-radius: 5px; background: rgba(255,255,255,.5); overflow: hidden; } .nf2-bar span { display: block; height: 100%; width: 0; background: #fff; transition: width .2s; }
.nf2-meter { display: flex; align-items: center; gap: 10px; margin-top: 12px; font-size: 13.5px; color: var(--nf-muted); }
.nf2-m { flex: 1; height: 8px; border-radius: 8px; background: #eef2fa; overflow: hidden; } .nf2-m span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--nf-c2), color-mix(in srgb, var(--nf-c2) 55%, #fff)); border-radius: 8px; transition: width .4s; }
.nf2-vbar { margin: 12px 0 14px; }
.nf2-video { border-top: 1px solid var(--nf-line); margin-top: 22px; }

/* özet, ileti, düğmeler */
.nf2-sum { list-style: none !important; display: grid; gap: 10px; margin-bottom: 16px !important; }
.nf2-sum li { display: flex; gap: 12px; align-items: flex-start; background: #f7f9ff; border: 1px solid var(--nf-line); border-radius: 14px; padding: 12px 14px; margin: 0; list-style: none; }
.nf2-sum li::before, .nf2-sum li::marker { content: none; }
.nf2-sum li i { width: 34px; height: 34px; border-radius: 10px; background: color-mix(in srgb, var(--nf-c2) 12%, #fff); color: var(--nf-c2); display: grid; place-items: center; flex: none; }
.nf2-sum small { display: block; color: var(--nf-muted); font-size: 12.5px; } .nf2-sum b { font-family: "Montserrat", sans-serif; font-size: 15px; overflow-wrap: anywhere; }
.nf2-msg { margin: 6px 0 0 !important; padding: 11px 14px; border-radius: 12px; background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; font-size: 15px; animation: nf2pop .3s both; }
.nf2-nav { display: flex; justify-content: space-between; gap: 12px; margin-top: 18px; align-items: center; }
.nf2-btn { display: inline-flex; align-items: center; gap: 10px; border: 0; border-radius: 14px; padding: 14px 22px; font-size: 15px; font-weight: 800; cursor: pointer; transition: transform .15s, box-shadow .2s, filter .2s; text-decoration: none; line-height: 1.2; }
.nf2-btn.pri { background: linear-gradient(135deg, var(--nf-c1), var(--nf-c2)); color: #fff; box-shadow: 0 12px 26px color-mix(in srgb, var(--nf-c2) 35%, transparent); }
.nf2-btn.pri:hover { transform: translateY(-2px); box-shadow: 0 16px 32px color-mix(in srgb, var(--nf-c2) 45%, transparent); }
.nf2-btn.go { background: linear-gradient(135deg, var(--nf-ac), color-mix(in srgb, var(--nf-ac) 60%, #ffb347)); color: #fff; box-shadow: 0 12px 28px color-mix(in srgb, var(--nf-ac) 40%, transparent); font-size: 17px; padding: 16px 28px; position: relative; overflow: hidden; }
.nf2-btn.go::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.45) 50%, transparent 70%); transform: translateX(-120%); animation: nf2shine 2.8s infinite; }
@keyframes nf2shine { 60%, 100% { transform: translateX(120%); } }
.nf2-btn.go.wait { filter: grayscale(.5); cursor: progress; }
.nf2-btn.ghost { background: #eef2fa; color: var(--nf-c1); }
.nf2-btn:active { transform: scale(.97); } .nf2-btn:disabled { opacity: .7; }
.nf2 .shake { animation: nf2shake .4s; } @keyframes nf2shake { 25% { transform: translateX(-7px); } 75% { transform: translateX(7px); } }

/* canlı önizleme */
.nf2-side { position: sticky; top: 96px; display: grid; gap: 16px; }
.nf2-live { padding: 18px; }
.nf2-live-h { display: inline-block; font: 800 12px "Montserrat", sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #fff; background: var(--nf-ac); padding: 7px 14px; border-radius: 8px; margin-bottom: 12px; }
.nf2-news { border-radius: 18px; overflow: hidden; border: 1px solid var(--nf-line); background: #fff; }
.nf2-pic { aspect-ratio: 16/10; background: linear-gradient(135deg, #dfe7f7, #eef2fa); display: grid; place-items: center; color: #9aa9c7; font-size: 34px; position: relative; overflow: hidden; }
.nf2-pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin: 0; }
.nf2-tag { position: absolute; left: 12px; top: 12px; background: var(--nf-c1); color: #fff; font: 700 11.5px "Montserrat", sans-serif; padding: 5px 11px; border-radius: 20px; z-index: 1; }
.nf2-n { position: absolute; right: 12px; bottom: 12px; background: rgba(0,0,0,.6); color: #fff; font-size: 12px; padding: 4px 9px; border-radius: 20px; z-index: 1; }
.nf2-tx { padding: 14px 16px 16px; }
.nf2-tx h4 { font-size: 18px; font-weight: 800; color: var(--nf-c1); line-height: 1.25; overflow-wrap: anywhere; margin-bottom: 6px; }
.nf2-tx p { color: var(--nf-muted); font-size: 14.5px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-line; }
.nf2-tx .ghost { color: #b6c1d8 !important; }
.nf2-by { margin-top: 10px; font-size: 12.5px; color: var(--nf-muted); display: flex; gap: 6px; align-items: center; }
.nf2-tips { padding: 16px 18px; background: linear-gradient(135deg, #fff8e6, #fff); }
.nf2-tips b { font-family: "Montserrat", sans-serif; color: #92400e; display: flex; gap: 8px; align-items: center; margin-bottom: 6px; }
.nf2-tips p { font-size: 14.5px; color: #6b4e16; }

/* gönderildi */
.nf2-done { text-align: center; padding: 30px 10px 14px; }
.nf2-ring { width: 104px; height: 104px; border-radius: 50%; background: linear-gradient(135deg, var(--nf-ok), #4ade80); margin: 0 auto 18px; display: grid; place-items: center; color: #fff; font-size: 46px; box-shadow: 0 20px 44px rgba(22,163,74,.4); animation: nf2pop .6s cubic-bezier(.2,.9,.3,1.6) both; }
.nf2-done h3 { font-size: 30px; font-weight: 900; color: var(--nf-c1); margin-bottom: 8px; }
.nf2-done p { color: var(--nf-muted); max-width: 460px; margin: 0 auto 8px; }
.nf2-track { display: flex; justify-content: center; margin: 22px auto 22px; max-width: 460px; }
.nf2-track div { flex: 1; text-align: center; font-size: 12.5px; color: var(--nf-muted); position: relative; }
.nf2-track div i { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #eef2fa; margin: 0 auto 6px; position: relative; z-index: 1; }
.nf2-track div.on i { background: var(--nf-ok); color: #fff; } .nf2-track div.on { color: var(--nf-ink); font-weight: 700; }
.nf2-track div + div::before { content: ""; position: absolute; top: 19px; right: 50%; width: 100%; height: 3px; background: #eef2fa; }
.nf2-confetti { position: fixed; inset: 0; pointer-events: none; z-index: 9999; width: 100%; height: 100%; }

/* kapak yap düğmesi: kapak olmayan fotoğraflarda */
.nf2-star { position: absolute; left: 0; right: 0; bottom: 0; border: 0; background: rgba(11,31,79,.78); color: #fff; font: 700 11px "Montserrat", sans-serif; padding: 5px 0; cursor: pointer; display: flex; gap: 5px; align-items: center; justify-content: center; opacity: 0; transition: opacity .2s; }
.nf2-star i { color: var(--nf-gold); font-size: 10px; }
.nf2-ph:hover .nf2-star, .nf2-star:focus-visible { opacity: 1; } .nf2-ph:first-child .nf2-star { display: none; }
.nf2-mob, .nf2-backbtn { display: none; }
.nf2-drop b::after { content: none; }
/* dokunmatik ekranda "sürükle bırak" yerine "dokun" yazar, kapak yap düğmesi hep görünür */
@media (hover: none) {
  .nf2-drop b span, .nf2-or { display: none; } .nf2-drop b::after { content: attr(data-touch); }
  .nf2-star { opacity: 1; } .nf2-ph { cursor: default; }
}

@media (max-width: 900px) {
  /* adım sayacı ve önizlemeye git */
  .nf2-mob { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 4px 0 2px; }
  .nf2-stepno { font: 700 12.5px "Montserrat", sans-serif; color: var(--nf-muted); letter-spacing: .02em; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nf2-peek { white-space: nowrap; flex: none; }
  .nf2-peek, .nf2-backbtn { border: 0; background: color-mix(in srgb, var(--nf-c2) 10%, #fff); color: var(--nf-c2); font: 700 12.5px "Montserrat", sans-serif; padding: 7px 12px; border-radius: 20px; cursor: pointer; display: inline-flex; gap: 6px; align-items: center; }
  .nf2-backbtn { display: inline-flex; margin: -4px 0 12px; }
  /* ipucu, ilgili adımın hemen altında görünür; yandaki kutu gizlenir */
  .nf2-tips { display: none !important; }
  .nf2-pane[data-tip]:not([data-tip=""])::after { content: "💡 " attr(data-tip); display: block; margin-top: 14px; padding: 11px 14px; border-radius: 14px; background: #fff8e6; border: 1px solid #fde3a7; color: #6b4e16; font-size: 14px; line-height: 1.45; }
  .nf2-notips .nf2-pane::after { content: none; }
  /* dokunma hedefleri ve okunabilirlik */
  .nf2-fld input, .nf2-fld textarea, .nf2-fld select { font-size: 16px; }
  .nf2-units { grid-template-columns: 1fr 1fr; } .nf2-unit { padding: 16px 8px; min-height: 104px; } .nf2-unit:last-child:nth-child(odd) { grid-column: 1 / -1; min-height: 0; display: flex; align-items: center; justify-content: center; gap: 12px; } .nf2-unit:last-child:nth-child(odd) i { margin: 0; }
  .nf2-grid { grid-template-columns: repeat(3, 1fr); } .nf2-x { width: 32px; height: 32px; font-size: 15px; }
  .nf2-check { font-size: 15px; padding: 10px 12px; background: #f7f9ff; border: 1px solid var(--nf-line); border-radius: 14px; } .nf2-check input { width: 24px; height: 24px; }
  .nf2-btn { padding: 15px 18px; } .nf2-nav .nf2-btn.pri, .nf2-nav .nf2-btn.go { flex: 1; justify-content: center; } .nf2-nav > span { display: none; }
  .nf2-nav { padding-bottom: calc(8px + env(safe-area-inset-bottom)) !important; z-index: 5; }
  .nf2-msg { position: sticky; bottom: 78px; z-index: 6; box-shadow: 0 8px 20px rgba(153,27,27,.18); }
  .nf2-chips { gap: 6px; } .nf2-chip { font-size: 12px; padding: 6px 10px; }
  .nf2-sum li { padding: 10px 12px; } .nf2-track div { font-size: 11px; }
  .nf2-done h3 { font-size: 24px; }
  .nf2-wrap { grid-template-columns: 1fr; margin: -60px 8px 0; } .nf2-side { position: static; } .nf2-form { padding: 20px 16px; } .nf2-two { grid-template-columns: 1fr; }
  .nf2-s { width: 60px; } .nf2-s b { font-size: 10.5px; } .nf2-hero { padding: 30px 16px 84px; border-radius: 20px; } .nf2-h { font-size: 21px; }
  .nf2-nav { position: sticky; bottom: 0; background: linear-gradient(180deg, transparent, #fff 30%); padding: 14px 0 6px; margin-top: 8px; }
}
@media (prefers-reduced-motion: reduce) { .nf2 *, .nf2 *::before, .nf2 *::after { animation: none !important; transition: none !important; } }

/* düğme biçimi */
.nf2-shape-koseli .nf2-btn { border-radius: 6px; } .nf2-shape-hap .nf2-btn { border-radius: 40px; }

/* sayfa düzenleyicide: bütün adımlar alt alta, her yazı tıklanıp değiştirilebilir */
.nf2-ednote { background: #eff6ff; border: 1px solid #bfdbfe; color: #1e3a8a; border-radius: 14px; padding: 12px 16px; margin: 0 18px 14px; font-size: 14.5px; position: relative; z-index: 2; }
.section-nohead .nf2-ednote { margin-top: 130px; }
.nf2-editing .nf2-pane { display: block !important; animation: none; border-top: 2px dashed var(--nf-line); margin-top: 20px; padding-top: 2px; }
.nf2-editing .nf2-pane:first-of-type { border-top: 0; margin-top: 0; }
.nf2-editing #nfPrev, .nf2-editing #nfSend { display: inline-flex !important; }
.nf2-editing #nfDone { display: block !important; border-top: 2px dashed var(--nf-line); margin-top: 24px; }
.nf2-editing .nf2-mob { display: flex !important; } .nf2-editing .nf2-backbtn { display: inline-flex !important; }
.nf2-editing .nf2-side { position: static; }
.nf2-editing .nf2-nav { flex-wrap: wrap; justify-content: flex-start; } .nf2-editing .nf2-nav > span { display: none; }
.nf2-editing .nf2-fld > label { pointer-events: auto; max-width: none; }
.nf2-editing [data-set] { cursor: text; border-radius: 4px; box-shadow: 0 0 0 1px rgba(37,99,235,.28); min-width: 14px; min-height: 1em; }
.nf2-editing span[data-set] { display: inline-block; }
.nf2-editing [data-set]:hover { box-shadow: 0 0 0 2px rgba(37,99,235,.7); }
.nf2-editing [data-set][contenteditable] { outline: 2px solid #2563eb; outline-offset: 3px; background: rgba(255,255,255,.14); }
.nf2-editing [data-set]:empty::before { content: "boş · yazmak için tıklayın"; opacity: .55; font-style: italic; font-weight: 400; }
.nf2-editing .nf2-btn.go::after { content: none; }
.nf2-tiped { margin: 14px 0 0 !important; padding: 11px 14px; border-radius: 14px; background: #fff8e6; border: 1px solid #fde3a7; color: #6b4e16; font-size: 14px; }
.nf2-tiped i { color: #d97706; margin-right: 4px; }
.nf2-edrow { display: block; margin-top: 8px; }

/* canlı önizleme kapalıyken form ortada tek sütundur; ipucu ilgili adımın altında görünür */
.nf2-solo .nf2-side { display: none; }
.nf2-solo .nf2-pane[data-tip]:not([data-tip=""])::after { content: "💡 " attr(data-tip); display: block; margin-top: 14px; padding: 11px 14px; border-radius: 14px; background: #fff8e6; border: 1px solid #fde3a7; color: #6b4e16; font-size: 14px; line-height: 1.45; }
.nf2-solo.nf2-notips .nf2-pane::after, .nf2-editing .nf2-pane::after { content: none !important; }