.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--card-bg);color:var(--text-primary);position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:var(--shadow-md);width:100%}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:.5rem}.nav-links{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}.nav-links a{color:var(--text-primary);text-decoration:none;font-size:1rem;font-weight:500;transition:color var(--transition-normal);padding:.5rem .75rem;border-radius:var(--radius-md)}.nav-links a:hover,.nav-links a.active{color:var(--primary);background-color:#4361ee1a}.nav-cart{display:flex;align-items:center;gap:.75rem;position:relative}.cart-trigger{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:background-color var(--transition-normal)}.cart-trigger:hover{background-color:#4361ee1a}.cart-icon{font-size:1.5rem;position:relative;cursor:pointer;transition:transform var(--transition-fast)}.cart-icon:hover{transform:scale(1.1)}.cart-count{background-color:var(--accent);color:#fff;border-radius:50%;padding:.2rem .5rem;font-size:.8rem;font-weight:700;min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;text-align:center}.cart-dropdown{position:absolute;top:100%;right:0;width:350px;background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:1rem;z-index:1001;margin-top:.5rem}.cart-dropdown h3{color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.empty-cart-message{text-align:center;padding:2rem 0;color:var(--text-secondary)}.cart-items-dropdown{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto}.cart-item-mini{display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border);position:relative}.cart-item-mini:last-child{border-bottom:none}.item-mini-image{width:50px;height:50px;object-fit:contain;flex-shrink:0;margin-right:.75rem}.item-mini-details{flex-grow:1}.item-mini-details h4{font-size:.9rem;margin-bottom:.5rem;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.item-mini-price-qty{display:flex;justify-content:space-between;align-items:center}.item-mini-price{font-weight:600;color:var(--primary)}.item-mini-qty{display:flex;align-items:center;gap:.5rem}.item-mini-qty button{width:24px;height:24px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background-color:var(--background)}.item-mini-qty button:disabled{opacity:.4;cursor:not-allowed}.remove-item-btn{position:absolute;top:.25rem;right:.25rem;width:22px;height:22px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;background-color:var(--border);color:var(--text-secondary);font-size:1.2rem;line-height:1;transition:all var(--transition-normal)}.remove-item-btn:hover{background-color:var(--accent);color:#fff}.cart-dropdown-footer{padding-top:1rem;border-top:1px solid var(--border)}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:600}.checkout-button{width:100%;background-color:var(--primary);color:#fff;padding:.75rem 1rem;border-radius:var(--radius-md);font-weight:500;font-size:1rem;border:none;cursor:pointer;transition:background-color var(--transition-normal),transform var(--transition-fast);display:block;text-align:center}.checkout-button:hover{background-color:var(--primary-dark);transform:translateY(-2px)}@media (min-width: 768px){.checkout-button{display:block}}@media (max-width: 768px){.navbar{flex-direction:column;padding:1rem;align-items:center}.nav-links{margin-top:1rem;width:100%;justify-content:center}.nav-cart{margin-top:1rem}.cart-dropdown{width:300px;right:-50%}}@media (max-width: 480px){.nav-links{gap:.5rem}.nav-links a{padding:.4rem .6rem;font-size:.9rem}.cart-count{font-size:.7rem;min-width:20px;height:20px}.cart-dropdown{width:280px;right:-100%}}.home-page{padding:2rem 1rem;text-align:center;min-height:calc(100vh - 150px);display:flex;flex-direction:column;justify-content:center;align-items:center}.home-hero{max-width:800px;margin:0 auto 3rem}.home-page h1{margin-bottom:1rem;color:var(--text-primary);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2}.home-page h1 span{color:var(--primary)}.home-page p{margin-bottom:2rem;color:var(--text-secondary);max-width:600px;font-size:clamp(1rem,3vw,1.1rem);line-height:1.6;margin-left:auto;margin-right:auto}.home-cta-button{background-color:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;text-decoration:none;transition:all var(--transition-normal);display:inline-block;margin-top:1rem;border:none;cursor:pointer}.home-cta-button:hover{background-color:var(--primary-dark);transform:translateY(-3px);box-shadow:var(--shadow-md)}.home-image-container{margin-top:3rem;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1000px}.home-feature{background-color:var(--card-bg);padding:1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);text-align:left}.home-feature:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.home-feature h3{margin-bottom:.75rem;color:var(--text-primary);font-size:1.25rem}.home-feature p{color:var(--text-secondary);font-size:.95rem;margin-bottom:0}.home-feature-icon{font-size:2rem;margin-bottom:1rem;color:var(--primary)}.home-image-placeholder{margin-top:2rem;width:80%;max-width:500px;height:300px;background-color:var(--background);display:flex;justify-content:center;align-items:center;color:var(--text-secondary);font-style:italic;border-radius:var(--radius-md);overflow:hidden;position:relative;box-shadow:var(--shadow-sm)}.home-image-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4361ee1a,#4cc9f01a);z-index:-1}@media (max-width: 768px){.home-page{padding:1rem}.home-image-placeholder{height:250px}.home-feature{padding:1.25rem}}@media (max-width: 480px){.home-page h1{font-size:1.75rem}.home-page p{font-size:1rem}.home-cta-button{padding:.6rem 1.2rem;font-size:1rem}.home-image-placeholder{height:200px}}.product-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;background-color:var(--card-bg);display:flex;flex-direction:column;justify-content:space-between;transition:box-shadow var(--transition-normal),transform var(--transition-normal);overflow:hidden;height:100%;box-shadow:var(--shadow-sm)}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.product-image{width:100%;height:180px;object-fit:contain;margin-bottom:1rem;border-bottom:1px solid var(--border);padding-bottom:1rem;transition:transform var(--transition-normal)}.product-card:hover .product-image{transform:scale(1.05)}.product-info{flex-grow:1;margin-bottom:1rem;text-align:left}.product-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.6em}.product-price{font-size:1.2rem;color:var(--primary);font-weight:700;margin-bottom:.5rem;display:flex;align-items:center}.product-price:before{content:"$";font-size:.9rem;margin-right:2px;vertical-align:top}.product-category{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:capitalize}.product-rating{display:flex;align-items:center;margin-bottom:.75rem;gap:.25rem}.product-rating .stars{color:#f59e0b;font-size:.9rem}.product-rating .count{color:var(--text-secondary);font-size:.8rem}.product-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.quantity-control{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.quantity-control button{background-color:var(--background);border:1px solid var(--border);color:var(--text-primary);padding:.4rem .7rem;cursor:pointer;border-radius:var(--radius-md);font-weight:700;transition:all var(--transition-fast);min-width:35px}.quantity-control button:hover{background-color:var(--border);transform:translateY(-1px)}.quantity-control button:active{transform:translateY(0)}.quantity-input{width:50px;text-align:center;border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem;font-size:1rem;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input:focus{outline:2px solid var(--primary);border-color:var(--primary)}.add-to-cart-button{background-color:#365aff;color:#fff;border:none;padding:.75rem 1rem;border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;font-weight:600;transition:all var(--transition-normal);width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.add-to-cart-button:hover{background-color:#0314ff;transform:translateY(-2px)}.add-to-cart-button:active{transform:translateY(0)}.add-to-cart-button:before{content:"🛒";font-size:1rem}@media (max-width: 480px){.product-card{padding:1rem}.product-image{height:150px}.product-title{font-size:1rem}.product-price{font-size:1.1rem}.add-to-cart-button{padding:.6rem;font-size:.9rem}}.shop-page{padding:2rem 1rem;min-height:calc(100vh - 150px);max-width:1200px;margin:0 auto}.shop-page h1{text-align:center;margin-bottom:1rem;color:var(--text-primary);font-size:clamp(1.75rem,5vw,2.5rem)}.shop-description{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;font-size:1.05rem}.shop-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.search-container{position:relative;flex:1;max-width:400px;min-width:200px}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:1rem;background-color:var(--card-bg);transition:all var(--transition-normal)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee26}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1.1rem}.filter-dropdown{padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--card-bg);color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:all var(--transition-normal)}.filter-dropdown:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee26}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;margin:0 auto}.shop-status{text-align:center;padding:5rem 1rem;font-size:1.2rem;color:var(--text-secondary)}.shop-status.error{color:var(--accent)}.loading-spinner{border:4px solid rgba(0,0,0,.1);width:40px;height:40px;border-radius:50%;border-left-color:var(--primary);animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pagination{display:flex;justify-content:center;margin-top:2rem;gap:.5rem;flex-wrap:wrap}.pagination button{padding:.5rem 1rem;border:1px solid var(--border);background-color:var(--card-bg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);min-width:2.5rem}.pagination button:hover{background-color:var(--background)}.pagination button.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.pagination button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.shop-controls{flex-direction:column;align-items:stretch}.search-container{max-width:100%}}@media (max-width: 480px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.shop-page{padding:1rem .75rem}.shop-page h1{font-size:1.5rem}.shop-description{font-size:.95rem;margin-bottom:1.5rem}.pagination button{padding:.4rem .8rem;font-size:.9rem;min-width:2.2rem}}.checkout-page{padding:2rem 1rem;max-width:1200px;margin:0 auto}.checkout-page h1{text-align:center;margin-bottom:2rem;color:var(--text-primary);font-size:clamp(1.75rem,5vw,2.5rem)}.checkout-container{display:grid;grid-template-columns:1fr 350px;gap:2rem}.checkout-form-container{background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem}.checkout-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{border-bottom:1px solid var(--border);padding-bottom:1.5rem}.form-section:last-of-type{border-bottom:none}.form-section h3{margin-bottom:1rem;color:var(--text-primary);font-size:1.2rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:1rem;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee26}.form-group input.error{border-color:var(--accent)}.error-message{color:var(--accent);font-size:.85rem;margin-top:.3rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkout-summary{background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem;height:fit-content;position:sticky;top:90px}.checkout-summary h3{margin-bottom:1.25rem;color:var(--text-primary);font-size:1.2rem;border-bottom:1px solid var(--border);padding-bottom:.75rem}.cart-items{max-height:300px;overflow-y:auto;margin-bottom:1.5rem}.cart-item{display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.cart-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.item-image{width:60px;height:60px;flex-shrink:0}.item-image img{width:100%;height:100%;object-fit:contain}.item-details{flex-grow:1;display:flex;flex-direction:column}.item-details h4{font-size:.95rem;margin-bottom:.5rem;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-pricing{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.item-quantity{font-size:.85rem;color:var(--text-secondary)}.item-price{font-weight:600;color:var(--text-primary)}.order-totals{margin-top:1rem}.total-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.95rem}.grand-total{margin-top:.5rem;padding-top:.5rem;border-top:2px solid var(--border);font-weight:700;font-size:1.1rem;color:var(--primary)}.checkout-actions{display:flex;justify-content:space-between;margin-top:1.5rem}.back-to-shop{padding:.75rem 1.25rem;border-radius:var(--radius-md);text-decoration:none;font-weight:600;color:var(--text-primary);border:1px solid var(--border);transition:all var(--transition-normal)}.back-to-shop:hover{background-color:var(--background)}.place-order-btn{padding:.75rem 1.5rem;background-color:var(--success);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.place-order-btn:hover{background-color:var(--success-dark);transform:translateY(-2px)}.place-order-btn:disabled{background-color:var(--text-secondary);cursor:not-allowed;transform:none}.checkout-empty{text-align:center;padding:4rem 1rem;max-width:600px;margin:0 auto}.checkout-empty h2{margin-bottom:1rem;color:var(--text-primary)}.checkout-empty p{margin-bottom:2rem;color:var(--text-secondary)}.continue-shopping-btn{padding:.75rem 1.5rem;background-color:var(--primary);color:#fff;border-radius:var(--radius-md);font-weight:600;text-decoration:none;display:inline-block;transition:all var(--transition-normal)}.continue-shopping-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px)}@media (max-width: 900px){.checkout-container{grid-template-columns:1fr}.checkout-summary{position:static}}@media (max-width: 480px){.form-row{grid-template-columns:1fr;gap:.5rem}.checkout-actions{flex-direction:column;gap:1rem}.place-order-btn,.back-to-shop{width:100%;text-align:center}}.success-page{padding:3rem 1rem;max-width:700px;margin:0 auto;text-align:center}.success-container{background-color:var(--card-bg);border-radius:var(--radius-md);padding:2.5rem 2rem;box-shadow:var(--shadow-md)}.success-icon{width:80px;height:80px;border-radius:50%;background-color:var(--success);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem;font-weight:700}.success-page h1{margin-bottom:1rem;color:var(--text-primary);font-size:clamp(1.5rem,5vw,2rem)}.order-number{margin-bottom:1.5rem;font-size:1.1rem;color:var(--text-primary)}.order-number span{font-weight:600;color:var(--primary)}.success-message{margin-bottom:2rem;color:var(--text-secondary);max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}.success-details{display:flex;justify-content:center;gap:3rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.detail-item h3{font-size:1rem;margin-bottom:.5rem;color:var(--text-secondary)}.detail-item p{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.success-actions{display:flex;justify-content:center;gap:1rem}.action-button{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:all var(--transition-normal)}.action-button.primary{background-color:var(--primary);color:#fff}.action-button.primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.action-button.secondary{background-color:var(--background);color:var(--text-primary);border:1px solid var(--border)}.action-button.secondary:hover{background-color:var(--border);transform:translateY(-2px)}@media (max-width: 600px){.success-container{padding:2rem 1rem}.success-details{flex-direction:column;gap:1.5rem}.success-actions{flex-direction:column;gap:1rem}.action-button{display:block}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #4361ee;--primary-dark: #3a56d4;--secondary: #4cc9f0;--accent: #f72585;--success: #4ade80;--success-dark: #22c55e;--background: #f8fafc;--card-bg: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.05);--transition-fast: .15s ease;--transition-normal: .3s ease}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;background-color:var(--background);color:var(--text-primary)}#root{padding:0;text-align:center;width:100%;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.main-content{padding-top:70px;min-height:calc(100vh - 70px);padding-bottom:var(--spacing-xl);width:100%;max-width:1400px;margin:0 auto}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--primary)}button{cursor:pointer;font-family:inherit;border:none;background:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:var(--transition-normal)}.btn-primary{background-color:var(--primary);color:#fff;font-weight:600}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.container{width:100%;padding-right:var(--spacing-md);padding-left:var(--spacing-md);margin-right:auto;margin-left:auto}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px;padding-right:var(--spacing-lg);padding-left:var(--spacing-lg)}}@media (min-width: 1280px){.container{max-width:1280px}}@media (max-width: 640px){.main-content{padding-top:120px}}.text-center{text-align:center}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}