/* afrah-fs-092 */ /* afrah-fs-092c */
/* 2.8 — «جديد على أفراح الأردن» stories. */
.n-story.nst-r{position:relative}
.n-story.nst-r>em{position:absolute;top:52px;left:50%;transform:translateX(-50%);font-style:normal;font-size:10px;font-weight:800;background:#F0D79C;color:#2a1d0e;border-radius:999px;padding:0 6px;line-height:15px;border:2px solid var(--bg,#0B0A08);z-index:1}
.nst{position:fixed;inset:0;z-index:100000;background:rgba(5,4,3,.94);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .25s}
.nst.open{opacity:1;pointer-events:auto}
.nst-v{position:relative;width:min(100vw,calc(100dvh * 9 / 16),420px);aspect-ratio:9/16;max-height:100dvh;overflow:hidden;background:#000;color:#fff;border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.6)}
@media (max-width:520px){.nst-v{border-radius:0;width:100vw;height:100dvh;aspect-ratio:auto}}
.nst-bg{position:absolute;inset:0;background:#111 center/cover no-repeat;animation:nstkb 9s ease-out forwards}
@keyframes nstkb{from{transform:scale(1.12)}to{transform:scale(1)}}
.nst-sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0) 22%,rgba(0,0,0,0) 42%,rgba(10,8,6,.93) 78%)}
.nst-bars{position:absolute;top:10px;inset-inline:10px;display:flex;gap:4px;z-index:4}
.nst-bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}
.nst-bars i b{display:block;height:100%;width:0;background:#fff}
.nst-bars i.done b{width:100%}
.nst-bars i.run b{animation:nstbar var(--d,7s) linear forwards}
.nst.paused .nst-bars i.run b{animation-play-state:paused}
@keyframes nstbar{to{width:100%}}
.nst-who{position:absolute;top:20px;inset-inline:12px;display:flex;align-items:center;gap:8px;z-index:4}
.nst-who img{width:30px;height:30px;border-radius:50%;object-fit:cover;object-position:50% 15%;border:1.5px solid #F0D79C;background:#2a2219}
.nst-who b{font-size:13px}.nst-who span{font-size:11px;opacity:.75}
.nst-x{margin-inline-start:auto;width:32px;height:32px;border-radius:50%;border:0;background:rgba(0,0,0,.35);color:#fff;font-size:18.5px;line-height:1;cursor:pointer}
.nst-rib{position:absolute;top:62px;inset-inline-start:12px;z-index:4;background:#F0D79C;color:#2a1d0e;font-weight:800;font-size:12px;border-radius:8px;padding:2px 10px;transform:rotate(-3deg);animation:nstrib .6s .3s both}
@keyframes nstrib{from{transform:rotate(-3deg) translateY(-10px);opacity:0}}
.nst-b{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));inset-inline:12px;z-index:4;display:grid;gap:9px}
.nst-nm{font-size:22px;font-weight:800;line-height:1.15}
.nst-ar{font-size:12.5px;opacity:.85}
.nst-fc{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:end}
.nst-fc img{width:62px;height:auto}
.nst-fq{background:rgba(255,250,240,.96);color:#3a2a1c;border-radius:16px 16px 16px 4px;padding:9px 12px;font-size:13.5px;line-height:1.45;animation:nstup .5s .5s both}
@keyframes nstup{from{transform:translateY(10px);opacity:0}}
.nst-fq small{display:block;color:#9a7b55;font-weight:800;font-size:11px}
.nst-fq b{color:#3b2414}
.nst-fq .sc{font-weight:800;color:#7a5520}
.nst-fq .mind{display:block;margin-top:4px;font-size:12px;color:#7a5a3a}
.nst-ans{display:flex;flex-wrap:wrap;gap:6px}
.nst-ans button,.nst-cta{border:1px solid rgba(240,215,156,.6);background:rgba(16,13,10,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#F0D79C;border-radius:16px 16px 4px 16px;padding:4px 13px;min-height:30px;font-family:inherit;font-weight:700;font-size:12.5px;line-height:1.2;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.nst-cta{justify-self:start}
.nst-tap{position:absolute;inset:80px 0 0;display:grid;grid-template-columns:1fr 1fr;z-index:3}
.nst-tap button{border:0;background:none;cursor:pointer}
body.nst-lock{overflow:hidden}
@media (prefers-reduced-motion:reduce){.nst-bg,.nst-rib,.nst-fq{animation:none}}