/* Quick view popup */
.qv-bg{position:fixed;inset:0;z-index:100;background:rgba(5,30,24,.6);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px;opacity:0;visibility:hidden;transition:.3s}
.qv-bg.open{opacity:1;visibility:visible}
.qv{position:relative;background:#fff;border-radius:8px;max-width:720px;width:100%;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;transform:translateX(80px) scale(.92);opacity:0;transition:transform .5s cubic-bezier(.2,.9,.3,1.2),opacity .4s}
.qv-bg.open .qv{transform:none;opacity:1}
.qv img{width:100%;height:100%;min-height:280px;object-fit:cover}
.qv .tx{padding:28px 24px}
.qv h3{font-size:22px;color:var(--g)}
.qv .stars{font-size:13px;margin:6px 0}
.qv .price{font-size:20px;margin:6px 0 10px}
.qv p{font-size:13px;color:#555;margin-bottom:14px}
.qv ul{font-size:13px;color:#555;margin-bottom:16px}
.qv li{margin-bottom:4px}
.qv li::before{content:'✓ ';color:var(--g);font-weight:600}
.qty{display:inline-flex;border:1px solid #d5ddd9;border-radius:3px;margin-right:10px;vertical-align:middle}
.qty button{width:30px;height:38px;border:0;background:none;font-size:16px;cursor:pointer}
.qty button:hover{background:var(--gl)}
.qty span{width:30px;display:grid;place-items:center;font-size:13px}
.qv .x{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer;font-size:16px;transition:.3s}
.qv .x:hover{background:var(--g);color:#fff;transform:rotate(90deg)}
@media(max-width:640px){
.qv{grid-template-columns:1fr;max-height:92vh;overflow:auto}
.qv img{min-height:200px;height:200px}
}