:root{--svp-bg-primary:#fff;--svp-bg-secondary:#f8fafc;--svp-bg-tertiary:#f1f5f9;--svp-text-primary:#1e293b;--svp-text-secondary:#475569;--svp-text-muted:#64748b;--svp-border:#e2e8f0;--svp-border-light:#f1f5f9;--svp-brand:#2563eb;--svp-brand-hover:#1d4ed8;--svp-brand-light:#eef2ff;--svp-success:#10b981;--svp-success-light:#dcfce7;--svp-warning:#f59e0b;--svp-danger:#ef4444;--svp-danger-light:#fee2e2;--svp-shadow:#0000000d;--svp-shadow-md:#0000001a}@media (prefers-color-scheme:dark){:root{--svp-bg-primary:#1e293b;--svp-bg-secondary:#0f172a;--svp-bg-tertiary:#334155;--svp-text-primary:#f1f5f9;--svp-text-secondary:#cbd5e1;--svp-text-muted:#94a3b8;--svp-border:#334155;--svp-border-light:#1e293b;--svp-brand:#3b82f6;--svp-brand-hover:#60a5fa;--svp-brand-light:#1e3a5f;--svp-success:#34d399;--svp-success-light:#064e3b;--svp-warning:#fbbf24;--svp-danger:#f87171;--svp-danger-light:#7f1d1d;--svp-shadow:#0003;--svp-shadow-md:#0000004d}}.dark-mode{--svp-bg-primary:#1e293b;--svp-bg-secondary:#0f172a;--svp-bg-tertiary:#334155;--svp-text-primary:#f1f5f9;--svp-text-secondary:#cbd5e1;--svp-text-muted:#94a3b8;--svp-border:#334155;--svp-border-light:#1e293b;--svp-brand:#3b82f6;--svp-brand-hover:#60a5fa;--svp-brand-light:#1e3a5f;--svp-success:#34d399;--svp-success-light:#064e3b;--svp-warning:#fbbf24;--svp-danger:#f87171;--svp-danger-light:#7f1d1d;--svp-shadow:#0003;--svp-shadow-md:#0000004d}.light-mode{--svp-bg-primary:#fff;--svp-bg-secondary:#f8fafc;--svp-bg-tertiary:#f1f5f9;--svp-text-primary:#1e293b;--svp-text-secondary:#475569;--svp-text-muted:#64748b;--svp-border:#e2e8f0;--svp-border-light:#f1f5f9;--svp-brand:#2563eb;--svp-brand-hover:#1d4ed8;--svp-brand-light:#eef2ff;--svp-success:#10b981;--svp-success-light:#dcfce7;--svp-warning:#f59e0b;--svp-danger:#ef4444;--svp-danger-light:#fee2e2;--svp-shadow:#0000000d;--svp-shadow-md:#0000001a}.product-view-container{background:var(--svp-bg-primary);box-shadow:var(--svp-shadow);border-radius:12px;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;display:grid}.product-gallery-section{position:sticky;top:2rem}.main-image{background:var(--svp-bg-tertiary);aspect-ratio:1;border-radius:12px;height:fit-content;position:relative;overflow:hidden}.main-image img{object-fit:contain;aspect-ratio:1;width:100%;height:auto}.gallery-nav{border:1px solid var(--svp-border);cursor:pointer;width:40px;height:40px;color:var(--svp-text-primary);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav:hover{box-shadow:var(--svp-shadow-md);background:#fff}.gallery-nav.prev{left:1rem}.gallery-nav.next{right:1rem}.thumbnail-strip{gap:.5rem;margin-top:1rem;padding:.5rem 0;display:flex;overflow-x:auto}.thumbnail{cursor:pointer;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:80px;height:80px;transition:all .2s;overflow:hidden}.thumbnail:hover{transform:translateY(-2px)}.thumbnail.active{border-color:var(--svp-brand)}.thumbnail img{object-fit:cover;width:100%;height:100%}.no-image-large{aspect-ratio:1;background:var(--svp-bg-tertiary);color:var(--svp-text-muted);border-radius:12px;justify-content:center;align-items:center;font-size:1rem;display:flex}.product-details-section{flex-direction:column;gap:1.5rem;display:flex}.product-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.product-header h2{color:var(--svp-text-primary);margin:0;font-size:1.8rem}.product-badges{flex-wrap:wrap;gap:.5rem;display:flex}.badge{border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge.featured{background:var(--svp-warning);color:#78350f}.badge.new-arrival{background:var(--svp-success);color:#fff}.badge.low-stock{background:var(--svp-danger-light);color:var(--svp-danger)}.badge.inactive{background:var(--svp-bg-tertiary);color:var(--svp-text-muted)}.product-meta-grid{background:var(--svp-bg-secondary);border-radius:8px;flex-direction:column;gap:1rem;padding:.25rem;display:flex}.meta-item{justify-content:space-between;align-items:center;padding:.25rem;display:flex}.meta-label{color:var(--svp-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.meta-value{color:var(--svp-text-primary);font-weight:600}.stock-value{color:var(--svp-brand)}.status-badge{border-radius:6px;padding:.25rem .5rem;font-size:.75rem}.status-badge.active{background:var(--svp-success-light);color:var(--svp-success)}.status-badge.inactive{background:var(--svp-danger-light);color:var(--svp-danger)}.product-pricing{border-bottom:1px solid var(--svp-border);justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 0;display:flex}.current-price{color:var(--svp-brand);font-size:1.8rem;font-weight:700}.old-price{color:var(--svp-text-muted);font-size:1rem;text-decoration:line-through}.product-description{border-bottom:1px solid var(--svp-border);padding:1rem 0}.product-description h4{color:var(--svp-text-primary);margin:0 0 .5rem}.product-description p{color:var(--svp-text-secondary);margin:0;line-height:1.6}.product-specifications{padding:.25rem 0}.product-specifications h4{color:var(--svp-text-primary);margin:0 0 1rem}.specs-grid{background:var(--svp-bg-secondary);border-radius:8px;flex-direction:column;gap:.75rem;padding:.25rem;display:flex}.spec-item{border-bottom:1px solid var(--svp-border);justify-content:space-between;align-items:center;padding:.25rem;display:flex}.spec-item:last-child{border-bottom:none}.spec-key{color:var(--svp-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.spec-value{color:var(--svp-text-primary);font-weight:600}.view-actions{border-top:1px solid var(--svp-border);gap:1rem;padding-top:1rem;display:flex}.view-actions button{flex:1;padding:.75rem}@media (max-width:1024px){.product-view-container{grid-template-columns:1fr;gap:1.5rem;padding:0}.product-gallery-section{position:static}}@media (max-width:768px){.product-view-container{padding:0}.product-header h2{font-size:1.4rem}.specs-grid,.product-meta-grid{grid-template-columns:1fr}.view-actions{flex-direction:column}.view-actions button{width:100%}.current-price{font-size:1.4rem}}@media (max-width:480px){.product-view-container{box-shadow:none;padding:.5rem}.product-gallery-section,.product-details-section{padding:0}.product-header h2{font-size:1.2rem}.thumbnail{width:60px;height:60px}.meta-item,.spec-item{flex-direction:column;align-items:flex-start;gap:.25rem}}