.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-inner{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.cart-trigger{padding:.5rem 1rem;background:var(--accent);color:#fff;border-radius:8px;font-weight:600;transition:background .2s}.cart-trigger:hover{background:var(--accent-hover)}.main{flex:1;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;width:100%}.status-message{text-align:center;color:var(--text-muted);padding:3rem 1rem}.status-message.error{color:var(--danger)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.product-card{background:var(--surface);border-radius:12px;overflow:hidden;border:1px solid var(--border);display:flex;flex-direction:column}.product-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.product-name{font-size:1.15rem;font-weight:600}.product-description{font-size:.9rem;color:var(--text-muted);line-height:1.4}.product-price{font-size:1.25rem;font-weight:700;color:var(--accent)}.add-to-cart-btn{margin-top:.5rem;width:100%;padding:.75rem;background:var(--accent);color:#fff;border-radius:8px;font-weight:600}.add-to-cart-btn:hover{background:var(--accent-hover)}.product-gallery{display:flex;flex-direction:column;gap:.5rem}.gallery-main{aspect-ratio:1;background:var(--bg);overflow:hidden}.gallery-main img{width:100%;height:100%;object-fit:cover}.gallery-thumbnails{display:flex;gap:.5rem;padding:0 1rem .5rem;overflow-x:auto}.gallery-thumbnails .thumb{flex-shrink:0;width:56px;height:56px;border-radius:8px;overflow:hidden;border:2px solid transparent;padding:0;transition:border-color .2s}.gallery-thumbnails .thumb.active{border-color:var(--accent)}.gallery-thumbnails .thumb img{width:100%;height:100%;object-fit:cover}.option-select{display:flex;flex-direction:column;gap:.35rem}.option-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.option-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.option-btn{padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.9rem;transition:border-color .2s,background .2s}.option-btn:hover{border-color:var(--text-muted)}.option-btn.active{border-color:var(--accent);background:#7c5cff26;color:var(--accent)}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200}.cart-sidebar{position:fixed;top:0;right:0;width:100%;max-width:380px;height:100vh;background:var(--surface);border-left:1px solid var(--border);z-index:201;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000004d}.cart-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.cart-header h2{font-size:1.25rem;font-weight:600}.cart-close{width:36px;height:36px;border-radius:8px;font-size:1.5rem;line-height:1;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.cart-close:hover{background:var(--surface-hover);color:var(--text)}.cart-items{flex:1;overflow-y:auto;padding:1rem 1.5rem}.cart-empty{color:var(--text-muted);padding:2rem 0;text-align:center}.cart-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.cart-item:last-child{border-bottom:none}.cart-item-image{width:80px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--bg)}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-placeholder{width:100%;height:100%;background:var(--surface-hover)}.cart-item-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.cart-item-name{font-weight:600}.cart-item-options{font-size:.85rem;color:var(--text-muted)}.cart-item-price{font-weight:600;color:var(--accent)}.cart-item-actions{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.quantity-controls{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:8px;padding:.2rem}.quantity-controls button{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--text)}.quantity-controls button:hover{background:var(--surface-hover)}.quantity-value{min-width:1.5rem;text-align:center;font-weight:600}.cart-remove{font-size:.85rem;color:var(--danger)}.cart-remove:hover{text-decoration:underline}.cart-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:1rem}.cart-total{display:flex;justify-content:space-between;font-size:1.15rem;font-weight:700}.btn-checkout{width:100%;padding:.875rem;background:var(--accent);color:#fff;border-radius:8px;font-weight:600}.btn-checkout:hover{background:var(--accent-hover)}:root{--bg: #0f0f12;--surface: #1a1a20;--surface-hover: #24242c;--text: #f0f0f5;--text-muted: #9898a6;--accent: #7c5cff;--accent-hover: #9378ff;--border: #2a2a32;--success: #22c55e;--danger: #ef4444;--font-sans: "DM Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}#root{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}