:root{--quick-view-bg: rgba(0, 0, 0, .75);--quick-view-content-bg: #ffffff;--quick-view-border: #e5e7eb;--quick-view-shadow: 0 20px 60px rgba(0, 0, 0, .3);--quick-view-primary: #6366f1;--quick-view-primary-hover: #4f46e5;--quick-view-danger: #ef4444;--quick-view-success: #10b981;--quick-view-warning: #f59e0b}.dark{--quick-view-content-bg: #1e293b;--quick-view-border: #334155;--quick-view-shadow: 0 20px 60px rgba(0, 0, 0, .6)}.quick-view-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.quick-view-modal.active{opacity:1;visibility:visible}.quick-view-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--quick-view-bg);cursor:pointer}.quick-view-content{position:relative;width:90%;max-width:1200px;max-height:95vh;margin:2.5vh auto;background:var(--quick-view-content-bg);border-radius:1rem;box-shadow:var(--quick-view-shadow);overflow:hidden;transform:translateY(20px);transition:transform .3s ease}.quick-view-modal.active .quick-view-content{transform:translateY(0)}.quick-view-loading,.quick-view-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;gap:1rem}.quick-view-loading .loading-spinner{width:48px;height:48px;border:4px solid var(--quick-view-border);border-top-color:var(--quick-view-primary);border-radius:50%;animation:spin 1s linear infinite}.quick-view-error ion-icon{font-size:3rem;color:var(--quick-view-danger)}.quick-view-error p{font-size:1.125rem;color:var(--text-muted);margin:0}.quick-view-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;z-index:10;transition:all .2s ease}.quick-view-close:hover{background:#fff;transform:scale(1.1)}.quick-view-close ion-icon{font-size:1.5rem;color:#374151}.dark .quick-view-close{background:#1e293be6}.dark .quick-view-close:hover{background:#334155}.dark .quick-view-close ion-icon{color:#f8fafc}.quick-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;max-height:95vh;overflow-y:auto}.quick-view-images{background:#f8fafc;padding:2rem;display:flex;flex-direction:column;gap:1rem}.dark .quick-view-images{background:#0f172a}.quick-view-main-image{width:100%;aspect-ratio:1;overflow:hidden;border-radius:0;background:#fff;display:flex;align-items:center;justify-content:center;position:relative}.dark .quick-view-main-image{background:#1e293b}.quick-view-main-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.quick-view-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted)}.quick-view-image-placeholder ion-icon{font-size:3rem;color:var(--text-muted)}.quick-view-image-placeholder span{font-size:.875rem}.quick-view-thumbnails{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0}.quick-view-thumbnail{min-width:80px;width:80px;height:80px;border-radius:0;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color .2s ease;background:#fff}.dark .quick-view-thumbnail{background:#1e293b}.quick-view-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.quick-view-thumbnail:hover,.quick-view-thumbnail.active{border-color:var(--quick-view-primary)}.quick-view-details{padding:2rem;overflow-y:auto;max-height:95vh}.quick-view-badges{display:flex;gap:.5rem;margin-bottom:.5rem}.quick-view-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase}.quick-view-badge.badge-new{background:#10b981}.quick-view-badge.badge-sale{background:var(--quick-view-danger)}.quick-view-badge.badge-shipping{background:#3b82f6}.quick-view-brand{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.quick-view-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem;line-height:1.3}.quick-view-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.quick-view-stars{display:flex;gap:2px}.quick-view-stars ion-icon{font-size:1rem;color:#fbbf24}.quick-view-rating-count{font-size:.875rem;color:var(--text-muted)}.quick-view-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.quick-view-price{margin-bottom:1.5rem}.quick-view-price-row{display:flex;align-items:center;gap:.75rem}.quick-view-current-price{font-size:1.875rem;font-weight:700;color:var(--text-primary)}.quick-view-old-price{font-size:1.25rem;color:var(--text-muted);text-decoration:line-through}.quick-view-discount{display:inline-block;padding:.25rem .5rem;background:var(--quick-view-danger);color:#fff;font-size:.75rem;font-weight:600;border-radius:.25rem;margin-left:.5rem}.quick-view-variations{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.quick-view-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.quick-view-colors-grid{display:flex;gap:.5rem;flex-wrap:wrap}.quick-view-color-option{width:40px;height:40px;border-radius:50%;border:2px solid var(--quick-view-border);cursor:pointer;overflow:hidden;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.quick-view-color-option:hover{border-color:var(--quick-view-primary);transform:scale(1.1)}.quick-view-color-option.selected{border-color:var(--quick-view-primary);border-width:3px}.quick-view-color-circle{width:100%;height:100%;border-radius:50%}.quick-view-sizes-grid{display:flex;gap:.5rem;flex-wrap:wrap}.quick-view-size-option{padding:.5rem 1rem;border:2px solid var(--quick-view-border);background:#fff;border-radius:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.quick-view-size-option:hover{border-color:var(--quick-view-primary);color:var(--quick-view-primary)}.quick-view-size-option.selected{border-color:var(--quick-view-primary);background:var(--quick-view-primary);color:#fff}.dark .quick-view-size-option{background:var(--quick-view-content-bg);border-color:var(--quick-view-border);color:#f8fafc}.dark .quick-view-size-option.selected{background:var(--quick-view-primary);border-color:var(--quick-view-primary);color:#fff}.quick-view-stock{margin-bottom:1.5rem}.quick-view-stock .stock-available,.quick-view-stock .stock-low,.quick-view-stock .stock-out{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600}.quick-view-stock .stock-available{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.dark .quick-view-stock .stock-available{background:#10b98126;color:#34d399;border-color:#10b9814d}.quick-view-stock .stock-available ion-icon{font-size:1.25rem}.quick-view-stock .stock-low{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.dark .quick-view-stock .stock-low{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}.quick-view-stock .stock-low ion-icon{font-size:1.25rem}.quick-view-stock .stock-out{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.dark .quick-view-stock .stock-out{background:#ef444426;color:#f87171;border-color:#ef44444d}.quick-view-stock .stock-out ion-icon{font-size:1.25rem}.quick-view-actions{display:flex;flex-direction:column;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--quick-view-primary);color:#fff}.btn-primary:hover{background:var(--quick-view-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.btn-secondary{background:var(--quick-view-content-bg);border:2px solid var(--quick-view-border);color:var(--text-primary)}.btn-secondary:hover{background:var(--quick-view-primary);border-color:var(--quick-view-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.dark .btn-secondary{background:#334155;border-color:#475569;color:#f8fafc}.dark .btn-secondary:hover{background:var(--quick-view-primary);border-color:var(--quick-view-primary);color:#fff}@media(max-width:968px){.quick-view-grid{grid-template-columns:1fr}.quick-view-images{max-height:400px}.quick-view-thumbnails{justify-content:center}.quick-view-details{max-height:none}}@media(max-width:640px){.quick-view-content{width:95%;margin:2.5vh auto;max-height:95vh}.quick-view-close{width:32px;height:32px;top:.5rem;right:.5rem}.quick-view-images,.quick-view-details{padding:1rem}.quick-view-name{font-size:1.25rem}.quick-view-current-price{font-size:1.5rem}.quick-view-badges{flex-wrap:wrap}}@keyframes spin{to{transform:rotate(360deg)}}