/* Grid / card */
.spv-qv2-grid { display:flex; flex-wrap:wrap; gap:18px; }
.spv-qv2-card { width: 260px; border:1px solid #eee; border-radius:8px; overflow:hidden; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.03); }
.spv-qv2-thumb img { width:100%; height:200px; object-fit:cover; display:block; }
.spv-qv2-info { padding:12px; }
.spv-qv2-title { font-size:16px; margin:0 0 6px; text-transform:uppercase; letter-spacing:0.5px; }
.spv-qv2-price { margin-bottom:10px; color:#111; font-weight:600; }
.spv-qv2-actions { display:flex; gap:8px; }
.spv-qv2-btn { padding:8px 12px; border-radius:6px; border:1px solid #ddd; background:#fff; cursor:pointer; font-size:14px; text-decoration:none; }
.spv-qv2-btn-quickview { background:#111; color:#fff; border-color:transparent; }

/* Modal basics */
.spv-qv2-modal { display:none; position:fixed; inset:0; z-index:999999; align-items:center; justify-content:center; }
.spv-qv2-overlay { position:absolute; inset:0; background:rgba(0,0,0,0.6); }
.spv-qv2-content { position:relative; width:94%; max-width:1000px; margin:auto; background:#fff; border-radius:10px; overflow:hidden; display:flex; z-index:100000; }
.spv-qv2-close { position:absolute; right:14px; top:10px; background:transparent; border:none; font-size:28px; cursor:pointer; color:#333; z-index:100001; }

/* Body columns */
.spv-qv2-body { display:flex; width:100%; gap:20px; padding:20px; }
.spv-qv2-left { width:45%; display:flex; align-items:flex-start; justify-content:center; }
.spv-qv2-right { width:55%; overflow:auto; }
.spv-qv2-image-inner img { width:100%; height:auto; border-radius:6px; }

/* Variations table */
.spv-qv2-variations-table { width:100%; border-collapse:collapse; margin-top:12px; }
.spv-qv2-variations-table th, .spv-qv2-variations-table td { border-bottom:1px solid #eee; padding:8px 6px; text-align:left; }
.spv-qv2-var-qty input { width:80px; padding:6px; border:1px solid #ddd; border-radius:6px; }

/* Controls */
.spv-qv2-controls-inner { margin-top:12px; display:flex; gap:8px; align-items:center; }
.spv-qv2-msgs .spv-qv2-error { color:#b00020; margin-top:8px; }
.spv-qv2-msgs .spv-qv2-success { color:#0a7a0a; margin-top:8px; }

/* Responsive */
@media (max-width: 800px) {
    .spv-qv2-body { flex-direction:column; }
    .spv-qv2-left, .spv-qv2-right { width:100%; }
    .spv-qv2-card { width:48%; }
}
@media (max-width:480px) {
    .spv-qv2-card { width:100%; }
}