/* Quick view sheet — 2026-10-03 */
html.qv-lock,html.qv-lock body{overflow:hidden!important}
.qv-root{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;font-family:Cairo,Inter,sans-serif}
.qv-root[hidden]{display:none}
.qv-back{position:absolute;inset:0;background:rgba(5,3,15,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .22s ease}
.qv-sheet{position:relative;width:min(460px,calc(100vw - 32px));max-height:min(88vh,820px);display:flex;flex-direction:column;background:#140f2c;border:1px solid rgba(160,130,255,.25);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.6);overflow:hidden;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .22s ease,transform .22s ease;color:#f3f1ff}
.qv-root.on .qv-back{opacity:1}
.qv-root.on .qv-sheet{opacity:1;transform:none}
.qv-grab{display:none}
.qv-top{position:absolute;top:10px;left:10px;right:10px;z-index:3;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.qv-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:4px;height:36px;min-width:36px;padding:0 8px;justify-content:center;border:0;border-radius:999px;background:rgba(10,7,25,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:700 .8rem Cairo,Inter,sans-serif;cursor:pointer}
.qv-btn[hidden]{display:none}
.qv-prev{padding:0 12px 0 8px}
.qv-x{margin-inline-start:auto}
.qv-body{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(124,92,255,.45) transparent}
.qv-img{position:relative;height:min(46vh,380px);background:#0b0820;overflow:hidden}
.qv-img::before{content:"";position:absolute;inset:-20px;background:var(--qv-bg) center/cover;filter:blur(18px) brightness(.45)}
.qv-img img{position:relative;width:100%;height:100%;object-fit:contain;display:block}
.qv-main{padding:16px 18px 18px}
.qv-tags{display:flex;gap:6px;margin-bottom:8px}
.qv-tag{padding:3px 10px;border-radius:999px;background:rgba(124,92,255,.2);color:#cfc3ff;font-size:.72rem;font-weight:800}
.qv-tag.is-res{background:rgba(255,192,77,.16);color:#ffc04d}
.qv-main h2{margin:0 0 10px;font-size:1.25rem;line-height:1.35;color:#fff}
.qv-feats{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.qv-feats li{padding:5px 10px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(169,163,212,.14);font-size:.8rem;color:#ddd8ff}
.qv-feats li::before{content:"✓ ";color:#38d39f;font-weight:800}
.qv-desc{margin:0 0 12px;color:#bcb6e3;font-size:.86rem;line-height:1.7}
.qv-price{font:800 1.5rem Inter,Cairo,sans-serif;color:#ffc04d;margin:4px 0 14px}
.qv-actions{display:flex;flex-direction:column;gap:8px}
.qv-pay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:8px 14px;border-radius:14px;border:0;text-decoration:none;font:800 .92rem Cairo,Inter,sans-serif;cursor:pointer;text-align:center}
.qv-pay small{font-weight:600;font-size:.72rem;opacity:.85}
.qv-wallet{background:linear-gradient(135deg,#7c5cff,#ff5a7a);color:#fff;box-shadow:0 10px 24px rgba(124,92,255,.3)}
.qv-wallet:disabled{opacity:.7;cursor:wait}
.qv-other{background:rgba(255,255,255,.06);border:1px solid rgba(169,163,212,.22);color:#e9e4ff}
.qv-lack{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:rgba(255,192,77,.08);border:1px solid rgba(255,192,77,.3);font-size:.85rem;color:#ffe3a8}
.qv-lack small{color:#d9c9a0}
.qv-lack a{color:#ffc04d;font-weight:800;text-decoration:none;margin-top:2px}
.qv-na{padding:12px;border-radius:14px;background:rgba(255,255,255,.05);color:#a9a3d4;text-align:center;font-weight:700}
.qv-confirm p{margin:0 0 10px;color:#ddd8ff;font-size:.88rem;text-align:center}
.qv-row{display:grid;grid-template-columns:1fr auto;gap:8px}
.qv-done{text-align:center;padding:14px;border-radius:14px;background:rgba(56,211,159,.08);border:1px solid rgba(56,211,159,.35)}
.qv-done b{display:block;color:#38d39f;font-size:1.05rem;margin-bottom:4px}
.qv-done p{margin:0 0 12px;color:#cfe9df;font-size:.84rem}
.qv-fb{margin-top:8px;padding:10px 12px;border-radius:12px;background:rgba(255,90,122,.1);border:1px solid rgba(255,90,122,.35);color:#ffb3c2;font-size:.84rem;text-align:center}
.qv-fb[hidden]{display:none}
.qv-more{display:block;margin-top:14px;text-align:center;color:#cfc3ff;font-weight:700;font-size:.85rem;text-decoration:none}
.qv-rel{padding:4px 0 18px;border-top:1px solid rgba(169,163,212,.12)}
.qv-rel-h{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 10px}
.qv-rel-h b{font-size:.95rem}
.qv-rel-h a{color:#cfc3ff;font-size:.8rem;font-weight:700;text-decoration:none}
.qv-rel-row{display:flex;gap:10px;overflow-x:auto;padding:0 18px 4px;scroll-snap-type:x mandatory;scrollbar-width:none}
.qv-rel-row::-webkit-scrollbar{display:none}
.qv-rc{flex:0 0 132px;scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;padding:0 0 8px;border-radius:14px;background:#1b1540;border:1px solid rgba(169,163,212,.14);color:#fff;text-align:start;cursor:pointer;overflow:hidden;font-family:inherit}
.qv-rc img,.qv-rc .qv-noimg{width:100%;aspect-ratio:4/3;object-fit:cover;display:grid;place-items:center;background:#0b0820;color:#7c5cff}
.qv-rt{padding:0 9px;font-size:.78rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qv-rc b{padding:0 9px;font:800 .8rem Inter,Cairo,sans-serif;color:#ffc04d}
.qv-msg{padding:60px 20px;text-align:center;color:#bcb6e3}
.qv-skel{padding-bottom:20px}
.qv-sk-img{aspect-ratio:16/10;background:linear-gradient(90deg,#1a1435,#241c48,#1a1435);background-size:200% 100%;animation:qvSh 1.2s infinite}
.qv-sk-l{height:16px;margin:16px 18px 0;border-radius:8px;background:#1f1840;width:60%}
.qv-sk-l.s{width:35%}
@keyframes qvSh{to{background-position:-200% 0}}
@media(max-width:680px){
  .qv-root{align-items:flex-end}
  .qv-sheet{width:100%;max-height:92vh;border-radius:22px 22px 0 0;border-bottom:0;transform:translateY(100%);transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .2s}
  .qv-root.on .qv-sheet{transform:none}
  .qv-grab{display:block;position:absolute;top:7px;left:50%;width:42px;height:5px;margin-left:-21px;border-radius:99px;background:rgba(255,255,255,.45);z-index:4}
  .qv-top{top:16px}
  .qv-main{padding:14px 16px 16px}
  .qv-rel-h{padding:12px 16px 10px}.qv-rel-row{padding:0 16px 4px}
  .qv-body{padding-bottom:env(safe-area-inset-bottom)}
}
@media(prefers-reduced-motion:reduce){.qv-sheet,.qv-back{transition:none}}