.quickview-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);padding:1.5rem}.quickview-overlay.active{opacity:1;visibility:visible}.quickview-modal{position:relative;background:var(--tech-bg-card);border-radius:var(--tech-radius-2xl,1.25rem);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px rgba(0,0,0,0.25);border:1px solid rgba(59,130,246,0.08);transform:scale(0.92) translateY(20px);transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1)}.quickview-overlay.active .quickview-modal{transform:scale(1) translateY(0)}.quickview-close{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(15,23,42,0.08);border:none;border-radius:var(--tech-radius-full);color:var(--tech-text-secondary);font-size:1rem;cursor:pointer;transition:all 0.2s ease}.quickview-close:hover{background:var(--tech-danger);color:white;transform:rotate(90deg)}.quickview-body{display:grid;grid-template-columns:1fr 1fr;min-height:400px}.quickview-image{display:flex;align-items:center;justify-content:center;padding:2rem;background:#ffffff;border-radius:var(--tech-radius-2xl,1.25rem) 0 0 var(--tech-radius-2xl,1.25rem)}.quickview-image img{max-width:100%;max-height:380px;object-fit:contain;transition:transform 0.3s ease}.quickview-image:hover img{transform:scale(1.05)}.quickview-info{padding:2rem;display:flex;flex-direction:column}.qv-brand{display:inline-block;font-size:0.7rem;font-weight:700;color:var(--tech-accent);text-transform:uppercase;letter-spacing:0.08em;padding:0.25rem 0.6rem;background:rgba(59,130,246,0.08);border-radius:var(--tech-radius-sm);margin-bottom:0.5rem;width:fit-content}.qv-name{font-family:var(--tech-font-display);font-size:1.5rem;font-weight:700;color:var(--tech-text-primary);line-height:1.3;margin:0 0 0.75rem 0}.qv-rating{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.75rem}.qv-prices{display:flex;align-items:baseline;gap:0.75rem;margin-bottom:1rem}.qv-price-current{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--tech-text-primary) 0%,var(--tech-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qv-price-old{font-size:1.1rem;color:var(--tech-text-muted);text-decoration:line-through}.qv-description{font-size:0.9375rem;color:var(--tech-text-secondary);line-height:1.7;margin-bottom:1rem;flex-grow:1}.qv-stock{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.8125rem;font-weight:600;padding:0.4rem 0.8rem;border-radius:var(--tech-radius-full);margin-bottom:1.25rem;width:fit-content}.qv-stock.in-stock{color:var(--tech-success);background:rgba(16,185,129,0.08)}.qv-stock.out-of-stock{color:var(--tech-danger);background:rgba(239,68,68,0.08)}.qv-actions{display:flex;flex-direction:column;gap:0.75rem}.qv-btn-cart{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:0.875rem;background:linear-gradient(135deg,var(--tech-accent) 0%,var(--tech-accent-hover) 100%);color:white;font-size:1rem;font-weight:600;border:none;border-radius:var(--tech-radius-lg);cursor:pointer;transition:all 0.3s ease}.qv-btn-cart:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,0.4)}.qv-btn-cart:disabled{background:var(--tech-border-light);color:var(--tech-text-muted);cursor:not-allowed;transform:none;box-shadow:none}.qv-btn-detail{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:0.75rem;background:transparent;color:var(--tech-accent);font-size:0.9375rem;font-weight:600;border:1.5px solid var(--tech-accent);border-radius:var(--tech-radius-lg);text-decoration:none;transition:all 0.3s ease}.qv-btn-detail:hover{background:rgba(59,130,246,0.05);color:var(--tech-accent);transform:translateY(-1px)}@media (max-width:768px){.quickview-overlay{padding:0;align-items:flex-end}.quickview-modal{max-height:92vh;border-radius:var(--tech-radius-2xl,1.25rem) var(--tech-radius-2xl,1.25rem) 0 0;transform:translateY(100%)}.quickview-overlay.active .quickview-modal{transform:translateY(0)}.quickview-body{grid-template-columns:1fr}.quickview-image{padding:1.5rem;border-radius:var(--tech-radius-2xl,1.25rem) var(--tech-radius-2xl,1.25rem) 0 0}.quickview-image img{max-height:250px}.quickview-info{padding:1.5rem}.qv-name{font-size:1.25rem}.qv-price-current{font-size:1.5rem}}