/* نژا | خرید سریع */
.btn-quick{
  position:relative; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:13px 22px; border:0; border-radius:14px; cursor:pointer; font:inherit; font-weight:800; color:#fff;
  background:linear-gradient(135deg,#1d4ed8,#3b82f6); box-shadow:0 10px 22px -10px rgba(37,99,235,.7);
  transition:transform .18s ease, box-shadow .2s ease; clip-path:none;
}
.btn-quick::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%); transform:translateX(-120%); animation:qkShine 3.2s ease-in-out infinite; }
.btn-quick:hover{ transform:translateY(-2px); }
.btn-quick .bolt{ animation:qkBolt 1.6s ease-in-out infinite; }
@keyframes qkShine{ 0%,55%{ transform:translateX(-120%);} 100%{ transform:translateX(120%);} }
@keyframes qkBolt{ 0%,100%{ transform:scale(1) rotate(0);} 50%{ transform:scale(1.25) rotate(-8deg);} }

.buy-summary .btn-quick{ margin-inline-start:0; }
html.qk-lock{ overflow:hidden; }

.qk-backdrop{ position:fixed; inset:0; z-index:9000; display:flex; align-items:center; justify-content:center; padding:16px;
  background:rgba(15,8,10,.55); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); opacity:0; visibility:hidden; transition:opacity .28s ease, visibility .28s; }
.qk-backdrop.open{ opacity:1; visibility:visible; }
.qk-sheet{ position:relative; width:100%; max-width:440px; max-height:92vh; max-height:92dvh; overflow:auto; border-radius:26px; background:#fff; color:#1b1215;
  padding:26px 22px 22px; box-shadow:0 30px 70px -20px rgba(0,0,0,.55); transform:translateY(30px) scale(.94); opacity:0;
  transition:transform .45s cubic-bezier(.2,1.2,.3,1), opacity .3s ease; overscroll-behavior:contain; }
.qk-sheet::before{ content:""; position:absolute; inset:0 0 auto 0; height:6px; background:linear-gradient(90deg,#b3102a,#ff5a36,#3b82f6,#b3102a); background-size:200% 100%; animation:qkBar 4s linear infinite; }
@keyframes qkBar{ to{ background-position:-200% 0; } }
.qk-backdrop.open .qk-sheet{ transform:none; opacity:1; }
.qk-close{ position:absolute; top:10px; left:10px; width:38px; height:38px; border-radius:50%; border:0; background:#f3eceb; font-size:1.5rem; line-height:1; cursor:pointer; color:#555; }
.qk-step{ display:none; }
.qk-step.is-active{ display:block; animation:qkStep .5s cubic-bezier(.2,1,.3,1) both; }
@keyframes qkStep{ from{ opacity:0; transform:translateX(24px);} to{ opacity:1; transform:none;} }

.qk-head{ text-align:center; margin:4px 0 14px; }
.qk-bolt{ display:inline-flex; width:56px; height:56px; align-items:center; justify-content:center; font-size:1.7rem; border-radius:18px; background:linear-gradient(135deg,#fff3d6,#ffd9d2); animation:qkFloat 2.6s ease-in-out infinite; }
@keyframes qkFloat{ 0%,100%{ transform:translateY(0) rotate(-4deg);} 50%{ transform:translateY(-6px) rotate(4deg);} }
.qk-head h2{ margin:10px 0 4px; font-size:1.35rem; }
.qk-head p{ margin:0; font-size:.88rem; color:#6d5a5d; line-height:1.8; }
.qk-order{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:11px 14px; border-radius:14px; background:#fff5f3; border:1.5px dashed #f2b9ae; margin-bottom:14px; font-size:.9rem; }
.qk-order b{ color:#b3102a; white-space:nowrap; }

.qk-form{ display:grid; gap:12px; }
.qk-field{ display:grid; gap:6px; font-weight:700; font-size:.86rem; animation:qkRise .55s cubic-bezier(.2,1,.3,1) both; animation-delay:calc(var(--i,1) * 80ms + 120ms); }
.qk-field[hidden]{ display:none; }
@keyframes qkRise{ from{ opacity:0; transform:translateY(16px);} to{ opacity:1; transform:none;} }
.qk-field input{ width:100%; padding:14px 14px; font:inherit; font-size:16px; font-weight:500; border:1.8px solid #e8dcda; border-radius:14px; background:#fffdfd; color:#1b1215; transition:border-color .2s, box-shadow .2s, transform .2s; }
.qk-field input:focus{ outline:0; border-color:#3b82f6; box-shadow:0 0 0 4px rgba(59,130,246,.16); transform:translateY(-1px); }
.qk-field.bad input{ border-color:#d6213c; box-shadow:0 0 0 4px rgba(214,33,60,.12); animation:qkShake .4s; }
.qk-fe{ font-style:normal; font-size:.78rem; font-weight:600; color:#d6213c; }
.qk-fe:empty{ display:none; }
@keyframes qkShake{ 20%,60%{ transform:translateX(-6px);} 40%,80%{ transform:translateX(6px);} }
.qk-gerr{ color:#d6213c; font-size:.84rem; font-weight:600; text-align:center; }
.qk-gerr:empty{ display:none; }

.qk-submit{ position:relative; display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:52px; padding:14px 18px; border:0; border-radius:16px; cursor:pointer; font:inherit; font-weight:800; font-size:1rem; color:#fff; text-decoration:none;
  background:linear-gradient(135deg,#b3102a,#ff4d2e); box-shadow:0 14px 26px -12px rgba(179,16,42,.8); animation:qkRise .55s cubic-bezier(.2,1,.3,1) both; animation-delay:calc(var(--i,5) * 80ms + 120ms); transition:transform .18s, filter .2s; overflow:hidden; }
.qk-submit:hover{ filter:brightness(1.06); transform:translateY(-2px); }
.qk-submit::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%); transform:translateX(-120%); animation:qkShine 3s ease-in-out infinite; }
.qk-spin{ display:none; width:18px; height:18px; border-radius:50%; border:3px solid rgba(255,255,255,.4); border-top-color:#fff; animation:qkRot .7s linear infinite; }
.qk-submit.loading .qk-spin{ display:inline-block; } .qk-submit.loading span{ opacity:.7; }
@keyframes qkRot{ to{ transform:rotate(360deg);} }

.qk-step-done{ text-align:center; }
.qk-check{ width:84px; height:84px; margin:4px auto 6px; }
.qk-check svg{ width:100%; height:100%; fill:none; stroke:#16a34a; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.qk-check circle{ stroke-dasharray:152; stroke-dashoffset:152; animation:qkDraw .7s ease forwards; }
.qk-check path{ stroke-dasharray:40; stroke-dashoffset:40; animation:qkDraw .45s .55s ease forwards; }
@keyframes qkDraw{ to{ stroke-dashoffset:0; } }
.qk-step-done h2{ margin:6px 0; font-size:1.25rem; }
.qk-dsub{ margin:0 0 14px; font-size:.88rem; line-height:1.9; color:#6d5a5d; }
.qk-step-done .qk-order{ text-align:right; animation:qkRise .5s .5s both; }
.qk-link{ display:flex; gap:8px; margin-bottom:12px; animation:qkRise .5s .65s both; }
.qk-link input{ flex:1; min-width:0; padding:13px 12px; font-size:14px; border:1.8px solid #cfe0ff; border-radius:14px; background:#f4f8ff; color:#1d4ed8; text-align:left; }
.qk-link button{ flex:none; padding:0 18px; border:0; border-radius:14px; cursor:pointer; font:inherit; font-weight:800; color:#fff; background:#2563eb; min-height:48px; transition:background .2s, transform .2s; }
.qk-link button.ok{ background:#16a34a; transform:scale(1.04); }
.qk-pay{ --i:6; }
.qk-share{ margin-top:10px; width:100%; min-height:46px; border-radius:14px; border:1.8px solid #e8dcda; background:#fff; font:inherit; font-weight:700; cursor:pointer; }

/* صفحه‌ی لینک پرداخت */
.qk-pay-wrap{ padding-top:34px; padding-bottom:50px; display:flex; justify-content:center; }
.qk-card{ width:100%; max-width:480px; background:#fff; border:1.5px solid var(--line,#eadcd9); border-radius:26px; padding:30px 24px; text-align:center; box-shadow:0 24px 50px -28px rgba(179,16,42,.45); }
.qk-in{ animation:qkStep .6s cubic-bezier(.2,1,.3,1) both; }
.qk-card h1{ font-size:1.35rem; margin:10px 0 8px; }
.qk-card p{ color:#6d5a5d; line-height:1.9; font-size:.92rem; }
.qk-icon{ width:76px; height:76px; margin:0 auto; border-radius:24px; display:flex; align-items:center; justify-content:center; font-size:2.2rem; font-weight:800; }
.qk-icon.star{ background:linear-gradient(135deg,#fff3d6,#ffd9d2); animation:qkFloat 2.6s ease-in-out infinite; }
.qk-icon.bad{ background:#ffe9ec; color:#d6213c; }
.qk-icon.ok{ background:#e6f8ec; } .qk-icon.ok svg{ width:46px; fill:none; stroke:#16a34a; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:40; animation:qkDraw .6s .2s ease both; stroke-dashoffset:40; }
.qk-sum{ list-style:none; margin:16px 0; padding:4px 16px; border-radius:16px; background:#fff8f6; border:1.5px solid #f4ddd7; text-align:right; }
.qk-sum li{ display:flex; justify-content:space-between; gap:10px; padding:12px 0; border-bottom:1px dashed #efd3cc; font-size:.92rem; }
.qk-sum li:last-child{ border-bottom:0; } .qk-sum .total b{ color:#b3102a; font-size:1.05rem; }
.qk-err{ margin:0 0 12px; padding:11px 14px; border-radius:12px; background:#ffe9ec; color:#b3102a; font-size:.86rem; font-weight:600; line-height:1.8; }
.qk-go{ width:100%; min-height:54px; font-size:1rem; }
.qk-note{ margin:12px 0 0; font-size:.8rem !important; }

@media (max-width:560px){
  .qk-backdrop{ align-items:flex-end; padding:0; }
  .qk-sheet{ max-width:none; border-radius:26px 26px 0 0; padding:24px 18px max(20px, env(safe-area-inset-bottom)); transform:translateY(100%); }
  .qk-backdrop.open .qk-sheet{ transform:none; }
  .btn-quick{ width:100%; min-height:50px; }
  .qk-pay-wrap{ padding-top:20px; }
  .qk-card{ padding:26px 18px; border-radius:22px; }
}
@media (prefers-reduced-motion:reduce){ .qk-sheet,.qk-sheet *,.btn-quick,.btn-quick *{ animation-duration:.01s !important; animation-iteration-count:1 !important; } }

/* کد پیگیری، هشدار و تیک قوانین */
.qk-code{ font-family:ui-monospace,Menlo,Consolas,monospace; letter-spacing:.08em; font-size:1.15rem; color:#b3102a; background:#fff; padding:2px 10px; border-radius:8px; border:1.5px dashed #f0b3a8; user-select:all; }
.qk-notice{ margin:0 0 14px; padding:14px 16px; border-radius:16px; background:#fff8e6; border:1.5px solid #f3d98b; text-align:right; }
.qk-notice b{ display:block; margin-bottom:4px; color:#7a5200; }
.qk-notice p{ margin:0; font-size:.86rem; line-height:2; color:#5f4a1a; }
.qk-terms{ display:flex; gap:10px; align-items:flex-start; text-align:right; margin:0 0 14px; font-size:.86rem; line-height:1.9; cursor:pointer; }
.qk-terms input{ flex:none; width:22px; height:22px; margin-top:3px; accent-color:#b3102a; }
.qk-terms a{ color:#2563eb; font-weight:700; text-decoration:underline; }
.qk-warn{ background:#fff8e6; border:1.5px solid #f3d98b; border-radius:14px; padding:12px 14px; font-size:.86rem !important; color:#5f4a1a !important; }

/* متن تایپی زیر لینک */
.qk-type{ min-height:5.4em; margin:14px 0 0; padding:12px 14px; border-radius:16px; text-align:right; line-height:2.1; font-size:.92rem; font-weight:700;
  background:linear-gradient(135deg,#fff7e6,#fff0ee); border:1.5px dashed #f0b3a8; color:#7a1b2a; letter-spacing:0; }
.qk-type:empty{ visibility:hidden; }
.qk-type.typing::after{ content:""; display:inline-block; width:2px; height:1.1em; margin-inline-start:3px; vertical-align:-3px; background:#b3102a; animation:qkCaret .7s steps(1) infinite; }
@keyframes qkCaret{ 50%{ opacity:0; } }
.qk-type.typed{ animation:qkGlow 2.4s ease-in-out 1; }
@keyframes qkGlow{ 50%{ box-shadow:0 0 0 6px rgba(240,179,168,.35); } }
