/* NEFES — Paket kartları: "Postlar 3 sn tasarlanır" + Örnek hareketli post penceresi (21 Ekim 2026).
   Kapsam: analiz paket adımı (.ia-pk), ana sayfa klon kartları (.shared-package-card), EN özet kartları (#paket-ozeti .cx-plans). */

/* Post satırı: 1. satır "Haftada N post", 2. satır "Postlar 3 sn tasarlanır" + Örnek */
.ia-p-liste li.nf-post-satir{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:8px}
.ia-p-liste li.nf-post-satir > b{grid-column:1 / -1}
.ia-p-liste li.nf-post-satir > .nf-post-3sn{grid-column:1;grid-row:2;white-space:normal;font-size:13.5px;line-height:1.35;color:var(--sis,#a2b9b6)}
.ia-p-liste li.nf-post-satir > .nf-ornek-dugme{grid-column:2;grid-row:2}
.nf-post-3sn em{font-style:normal;color:var(--tq,#65ece3);font-weight:700}

/* EN özet kartı satırı */
#paket-ozeti .cx-plans li.nf-post-satir{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;row-gap:6px}
#paket-ozeti .cx-plans li.nf-post-satir > .nf-post-n{grid-column:1 / -1}
#paket-ozeti .cx-plans li.nf-post-satir > .nf-post-3sn{grid-column:1;grid-row:2;font-size:13px;line-height:1.35;color:var(--sis,#a2b9b6)}
#paket-ozeti .cx-plans li.nf-post-satir > .nf-ornek-dugme{grid-column:2;grid-row:2}

/* Örnek butonu — üst menüdeki Panel / Bayi Portal dili. Sayfadaki genel buton kurallarından etkilenmez. */
button.nf-ornek-dugme.nf-ornek-dugme,
#paket-ozeti .cx-plans button.nf-ornek-dugme{
  -webkit-appearance:none!important;appearance:none!important;flex:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;
  width:auto!important;min-width:0!important;min-height:0!important;height:34px!important;margin:0!important;
  padding:0 14px 0 4px!important;border-radius:999px!important;cursor:pointer;
  border:1px solid rgba(107,235,214,.48)!important;
  background:linear-gradient(180deg,rgba(22,66,64,.92),rgba(10,36,38,.94))!important;
  color:#a8f6e5!important;font:700 13px/1 "Manrope",system-ui,sans-serif!important;letter-spacing:-.005em!important;
  white-space:nowrap!important;text-decoration:none!important;translate:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 6px 18px rgba(0,0,0,.28)!important;
  transition:border-color .2s,color .2s,box-shadow .25s,transform .2s!important;
}
.nf-ornek-dugme .nf-ornek-ikon{
  display:grid;place-items:center;width:26px;height:26px;border-radius:50%;flex:none;
  background:linear-gradient(140deg,#8ff6ee,#3fc9c0);
  box-shadow:0 0 0 3px rgba(101,236,227,.12),0 0 14px rgba(101,236,227,.35);
}
.nf-ornek-dugme .nf-ornek-ikon svg{width:10px;height:10px;margin-left:2px;fill:#04201f}
button.nf-ornek-dugme.nf-ornek-dugme:hover,
#paket-ozeti .cx-plans button.nf-ornek-dugme:hover{border-color:#77f4df!important;color:#e6fff7!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 0 4px rgba(101,236,227,.08),0 8px 22px rgba(0,0,0,.32)!important}
button.nf-ornek-dugme.nf-ornek-dugme:active{transform:scale(.97)}
button.nf-ornek-dugme.nf-ornek-dugme:focus-visible{outline:2px solid #77f4df;outline-offset:3px}
/* EN kartındaki ".cx-plans button>span" ok kutusu kuralını etkisizleştir */
#paket-ozeti .cx-plans button.nf-ornek-dugme > span.nf-ornek-ikon{width:26px!important;height:26px!important;flex:0 0 26px!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:0!important;background:linear-gradient(140deg,#8ff6ee,#3fc9c0)!important;color:#04201f!important;font-size:0!important;transform:none!important}
#paket-ozeti .cx-plans button.nf-ornek-dugme > span.nf-ornek-yazi{width:auto!important;height:auto!important;flex:none!important;display:inline!important;border:0!important;border-radius:0!important;background:none!important;color:inherit!important;font-size:13px!important;transform:none!important}
@media (hover:hover){.nf-ornek-dugme:hover .nf-ornek-ikon{box-shadow:0 0 0 4px rgba(101,236,227,.18),0 0 18px rgba(101,236,227,.5)}}

/* Pencere */
.nf-ornek-katman{
  position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:20px;
  background:rgba(2,10,12,.66);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);
  opacity:0;transition:opacity .28s cubic-bezier(.2,.8,.2,1);
}
.nf-ornek-katman[hidden]{display:none}
.nf-ornek-katman.acik{opacity:1}
.nf-ornek-kutu{
  position:relative;width:min(420px,calc(100vw - 48px),calc((100dvh - 210px) * .8));
  padding:12px;border-radius:24px;color:#eef7f5;
  background:radial-gradient(120% 60% at 50% 0%,rgba(101,236,227,.13),transparent 70%),#0a1c20;
  border:1px solid rgba(149,231,225,.3);
  box-shadow:0 30px 80px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.05);
  transform:translateY(14px) scale(.98);transition:transform .32s cubic-bezier(.2,.8,.2,1);
}
.nf-ornek-katman.acik .nf-ornek-kutu{transform:none}
.nf-ornek-ust{display:flex;align-items:center;gap:12px;padding:4px 4px 12px 6px}
.nf-ornek-baslik{min-width:0;flex:1}
.nf-ornek-baslik small{display:block;font:700 10.5px/1.2 "Manrope",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#65ece3}
.nf-ornek-baslik strong{display:block;margin-top:4px;font:700 15.5px/1.25 "Manrope",system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nf-ornek-kapat{
  -webkit-appearance:none;appearance:none;flex:none;display:grid;place-items:center;
  width:40px;height:40px;border-radius:50%;cursor:pointer;color:#e6fff7;
  border:1px solid rgba(107,235,214,.42);background:rgba(12,44,43,.84);
  transition:border-color .2s,background .2s,transform .2s;
}
.nf-ornek-kapat svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.nf-ornek-kapat:hover{border-color:#77f4df;background:rgba(48,143,131,.28)}
.nf-ornek-kapat:active{transform:scale(.94)}
.nf-ornek-kapat:focus-visible{outline:2px solid #77f4df;outline-offset:3px}
.nf-ornek-ekran{position:relative;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:#061316;box-shadow:0 0 0 1px rgba(149,231,225,.16)}
.nf-ornek-ekran video,.nf-ornek-ekran img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.nf-ornek-alt{display:flex;align-items:center;gap:10px;padding:12px 6px 4px;font:500 13px/1.4 "Manrope",system-ui,sans-serif;color:#a2b9b6}
.nf-ornek-alt i{flex:none;width:8px;height:8px;border-radius:50%;background:#65ece3;box-shadow:0 0 10px #65ece3;animation:nfOrnekNabiz 1.6s ease-in-out infinite}
@keyframes nfOrnekNabiz{50%{opacity:.35}}
@media (max-width:600px){.nf-ornek-katman{padding:16px}.nf-ornek-kutu{padding:10px;border-radius:22px}}
@media (prefers-reduced-motion:reduce){.nf-ornek-katman,.nf-ornek-kutu{transition:none}.nf-ornek-alt i{animation:none}}
html.nf-ornek-kilit,html.nf-ornek-kilit body{overflow:hidden!important}
#paket-ozeti .cx-plans li.nf-post-satir > .nf-post-n b{color:#65ece3!important;-webkit-text-fill-color:#65ece3!important}