*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#2563eb;--primary-dark:#1d4ed8;--secondary-color:#f59e0b;--accent-color:#10b981;--text-primary:#1f2937;--text-secondary:#6b7280;--text-light:#9ca3af;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-dark:#111827;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--radius:8px;--transition:all 0.3s ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);color:#1f2937;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.btn-primary{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#1d4ed8;background-color:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background-color:#f59e0b;background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:#d97706;transform:translateY(-1px)}.btn-outline{background-color:initial;border:2px solid #2563eb;border:2px solid var(--primary-color);color:#2563eb;color:var(--primary-color)}.btn-outline:hover{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.card{background:#fff;border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transition:all .3s ease;transition:var(--transition)}.card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.form-group{margin-bottom:1rem}.form-label{color:#1f2937;display:block}.form-input{border:1px solid #e5e7eb;border-radius:8px;transition:all .3s ease}.form-input:focus{border-color:#2563eb}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-4{padding-left:1rem;padding-right:1rem}@media (max-width:768px){.container{padding:0 .5rem}.btn{font-size:.875rem;padding:.5rem 1rem}}.header{background-color:#fff;box-shadow:0 1px 3px #0f172a14;left:0;position:fixed;right:0;top:0;z-index:1000}.navbar{display:flex;flex-direction:column;margin:0 auto;max-width:1440px;padding:0 32px}.navbar-top{justify-content:space-between;padding:12px 0}.navbar-left,.navbar-top{align-items:center;display:flex}.navbar-left{gap:12px}.brand{color:#111827;gap:12px;text-decoration:none}.brand,.brand-logo{align-items:center;display:flex}.brand-logo{border:2px solid #111827;border-radius:50%;height:60px;justify-content:center;overflow:hidden;width:60px}.brand-icon{font-size:18px;font-weight:700;letter-spacing:1px}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-title{font-size:24px;font-weight:700}.brand-subtitle{color:#6b7280;font-size:11px;letter-spacing:2px;text-transform:uppercase}.navbar-center{flex:1 1;padding:0 40px}.search-bar{align-items:stretch;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;display:flex;margin:0 auto;max-width:720px;overflow:hidden;width:100%}.category-button,.search-category{align-items:center;display:flex}.category-button{background:#0000;border:none;border-right:1px solid #e5e7eb;color:#111827;cursor:pointer;font-size:13px;font-weight:500;gap:8px;padding:10px 16px}.category-arrow{color:#9ca3af;font-size:12px}.search-input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none;padding:10px 16px}.search-icon-button{align-items:center;background:#111827;border:none;border-left:1px solid #e5e7eb;color:#fff;cursor:pointer;display:flex;justify-content:center;width:52px}.navbar-right{gap:12px}.icon-button,.navbar-right{align-items:center;display:flex}.icon-button{background-color:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#111827;cursor:pointer;height:40px;justify-content:center;position:relative;width:40px}.icon-button svg{font-size:18px}.icon-button:hover{background-color:#f9fafb}.cart-button{text-decoration:none}.cart-badge{align-items:center;background-color:#dc2626;border-radius:999px;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-4px;top:-4px}.account-wrapper{position:relative}.account-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 12px 30px #0f172a2e;opacity:0;padding:16px;position:absolute;right:0;top:48px;transform:translateY(8px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;visibility:hidden;width:220px}.account-dropdown-open{opacity:1;transform:translateY(0);visibility:visible}.account-actions{display:flex;flex-direction:column;gap:8px}.account-btn{align-items:center;border-radius:6px;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:10px 0;text-decoration:none}.account-btn.primary{background-color:#111827;color:#fff}.account-btn.secondary{background-color:#f9fafb;color:#111827}.account-authenticated{display:flex;flex-direction:column;gap:8px}.account-greeting{font-size:14px;font-weight:500}.dropdown-link{background:none;border:none;color:#111827;cursor:pointer;font-size:13px;padding:6px 0;text-align:left;text-decoration:none}.dropdown-link:hover{color:#111827}.mobile-menu-button{background:#0000;border:none;cursor:pointer;display:none;padding:8px}.navbar-bottom{border-top:1px solid #e5e7eb;padding:10px 0}.nav-links{align-items:center;display:flex;font-size:13px;gap:32px;letter-spacing:1px;text-transform:uppercase}.nav-item{color:#111827;padding-bottom:4px;position:relative;text-decoration:none}.nav-item:after{background-color:#111827;bottom:-3px;content:"";height:2px;left:0;position:absolute;transition:width .15s ease;width:0}.nav-item:hover:after{width:100%}.mobile-menu{background-color:#fff;box-shadow:0 12px 30px #0f172a26;left:0;position:fixed;right:0;top:72px;transform:translateX(-100%);transition:transform .2s ease;z-index:999}.mobile-menu.active{transform:translateX(0)}.mobile-menu-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.mobile-brand{font-weight:600}.close-menu{background:#0000;border:none;cursor:pointer}.mobile-search{border-bottom:1px solid #e5e7eb;padding:12px 20px}.mobile-search-form{border:1px solid #e5e7eb;border-radius:999px;display:flex;overflow:hidden}.mobile-search-input{border:none;flex:1 1;font-size:14px;outline:none;padding:8px 12px}.mobile-search-button{align-items:center;background:#111827;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;width:44px}.mobile-nav-links{padding:8px 20px 4px}.mobile-nav-link{color:#111827;display:block;font-size:14px;padding:8px 0;text-decoration:none}.mobile-actions{border-top:1px solid #e5e7eb;padding:8px 20px 16px}.mobile-cart{align-items:center;color:#111827;display:flex;gap:8px;padding:8px 0;text-decoration:none}.mobile-user{margin-top:8px}.mobile-user-name{font-size:14px;font-weight:500}.mobile-logout{background:#0000;border:none;color:#dc2626;cursor:pointer;font-size:13px;margin-top:4px;padding:4px 0}.mobile-auth{display:flex;flex-direction:column;gap:8px;margin-top:8px}.mobile-btn{justify-content:center;width:100%}@media (max-width:1024px){.navbar,.navbar-center{padding:0 16px}.nav-links{font-size:12px;gap:20px}}@media (max-width:768px){.navbar-top{padding:8px 0}.navbar-bottom,.navbar-center{display:none}.mobile-menu-button{display:flex}}@media (max-width:480px){.brand-logo{height:44px;width:44px}.brand-title{font-size:18px}.brand-subtitle{font-size:9px}}.footer{background:var(--bg-dark);color:#fff;margin-top:auto}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;margin:0 auto;max-width:1200px;padding:3rem 1rem}.footer-brand{margin-bottom:1rem}.footer-logo{color:var(--primary-color);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.footer-tagline{color:var(--text-light);font-size:.875rem;margin-bottom:1rem}.footer-description{color:var(--text-light);line-height:1.6;margin-bottom:1.5rem}.social-links{display:flex;gap:1rem}.social-link{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;text-decoration:none;transition:var(--transition);width:40px}.social-link:hover{background:var(--primary-color);transform:translateY(-2px)}.footer-heading{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--text-light);text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:var(--primary-color)}.contact-info{margin-bottom:1.5rem}.contact-item{align-items:center;color:var(--text-light);display:flex;gap:.5rem;margin-bottom:.75rem}.contact-icon{color:var(--primary-color);flex-shrink:0}.newsletter h5{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.5rem}.newsletter p{color:var(--text-light);font-size:.875rem;margin-bottom:1rem}.newsletter-form{display:flex;gap:.5rem}.newsletter-input{background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius);color:#fff;flex:1 1;font-size:.875rem;padding:.5rem}.newsletter-input::placeholder{color:var(--text-light)}.newsletter-input:focus{border-color:var(--primary-color);outline:none}.newsletter-button{background:var(--primary-color);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:var(--transition)}.newsletter-button:hover{background:var(--primary-dark)}.footer-bottom{border-top:1px solid #ffffff1a;padding:1.5rem 1rem}.footer-bottom-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-bottom-left p{color:var(--text-light);font-size:.875rem}.footer-bottom-right{display:flex;gap:1.5rem}.footer-bottom-right a{color:var(--text-light);font-size:.875rem;text-decoration:none;transition:var(--transition)}.footer-bottom-right a:hover{color:var(--primary-color)}@media (max-width:1024px){.footer-content{grid-template-columns:2fr 1fr 1fr 1fr}.footer-section:last-child{grid-column:1/-1;margin-top:1rem}}@media (max-width:768px){.footer-content{gap:1.5rem;grid-template-columns:1fr 1fr}.footer-section:first-child{grid-column:1/-1}.footer-section:last-child{grid-column:1/-1;margin-top:0}.footer-bottom-content{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:480px){.footer-content{gap:1.5rem;grid-template-columns:1fr}.footer-section:first-child{grid-column:1}.newsletter-form{flex-direction:column}.social-links{justify-content:center}}.banner-slider{background:#000;height:520px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;position:relative;width:100vw}.banner-slide{align-items:center;display:flex;height:100%;justify-content:flex-start;position:relative;width:100%}.banner-image{height:100%;inset:0;position:absolute;width:100%;z-index:1}.banner-image img{height:100%;object-fit:cover;object-position:center;width:100%}.banner-content{align-items:center;display:flex;height:100%;inset:0;justify-content:flex-start;padding:0 5vw;position:absolute;width:100%;z-index:2}.banner-text{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-left:0;border-radius:0;box-shadow:none;max-width:760px;padding:0;position:relative;text-align:left;transform:none;width:55%}.banner-text:before{content:none}.banner-title{color:#fff;font-size:3.2rem;font-weight:900;letter-spacing:2px;line-height:1.1;margin-bottom:1rem;position:relative;text-shadow:2px 2px 4px #00000080;text-transform:uppercase}.banner-title:after{background:#fff;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:80px}.banner-description{color:#e2e8f0;font-size:1.2rem;font-weight:400;line-height:1.6;margin-bottom:2.5rem;text-shadow:1px 1px 2px #0000004d}.banner-btn{align-items:center;background:#fff;border:2px solid #fff;border-radius:6px;box-shadow:0 10px 25px #00000040;color:#fff;color:#111827;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.75rem;letter-spacing:1px;overflow:hidden;padding:1.2rem 2.5rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .4s ease}.banner-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.banner-btn:hover:before{left:100%}.banner-btn:hover{border-color:#fff;box-shadow:0 14px 32px #00000059;color:#111827;text-decoration:none;transform:translateY(-3px)}.banner-nav{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#4a5568;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:3}.banner-nav:hover{background:#fff;box-shadow:0 5px 15px #0003;transform:translateY(-50%) scale(1.1)}.banner-prev{left:2rem}.banner-next{right:2rem}.banner-dots{bottom:2rem;display:flex;gap:.5rem;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.banner-dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.banner-dot.active{background:#fff;transform:scale(1.2)}.banner-dot:hover{background:#fffc}.loading-spinner{color:#fff;height:200px}.loading-spinner .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:1rem;width:40px}@media (max-width:768px){.banner-slider{height:460px}.banner-content{padding:0 16px}.banner-text{max-width:520px;width:100%}.banner-title{font-size:2.2rem;letter-spacing:1px}.banner-description{font-size:1rem}.banner-nav{height:40px;width:40px}.banner-prev{left:1rem}.banner-next{right:1rem}.banner-dots{bottom:1rem}}@media (max-width:480px){.banner-slider{height:400px}.banner-content{padding:0 14px}.banner-text{max-width:480px;width:100%}.banner-title{font-size:1.8rem;letter-spacing:.5px}.banner-btn,.banner-description{font-size:.9rem}.banner-btn{padding:.8rem 1.5rem}}.home{min-height:100vh}.hero{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);overflow:hidden;padding:4rem 0}.hero-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 1rem}.hero-title{color:var(--text-primary);font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.highlight{color:var(--primary-color)}.hero-subtitle{color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.hero-btn{align-items:center;display:flex;gap:.5rem}.hero-image img{border-radius:var(--radius);box-shadow:var(--shadow-lg);height:auto;width:100%}.features{background:var(--bg-primary);padding:4rem 0}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.feature-card{padding:2rem 1rem;text-align:center}.feature-icon{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.feature-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.feature-card p{color:var(--text-secondary);line-height:1.5}.featured-products{background:var(--bg-secondary);padding:4rem 0}.section-header{margin-bottom:3rem;text-align:center}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-subtitle{color:var(--text-secondary);font-size:1.125rem;margin:0 auto;max-width:600px}.products-grid{grid-gap:2rem;align-content:start;gap:2rem;grid-template-columns:repeat(4,1fr);justify-items:stretch;margin-bottom:3rem}.products-grid .product-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;min-height:400px;overflow:hidden;transition:var(--transition)}.products-grid .product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.products-grid .product-image{background:var(--bg-secondary);height:200px;overflow:hidden;position:relative}.products-grid .product-image img{height:100%;object-fit:cover;transition:var(--transition);width:100%}.products-grid .product-card:hover .product-image img{transform:scale(1.05)}.products-grid .product-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:var(--transition)}.products-grid .product-card:hover .product-overlay{opacity:1}.products-grid .add-to-cart-btn{font-size:.875rem;padding:.75rem 1.5rem}.products-grid .product-info{display:flex;flex:1 1;flex-direction:column;min-height:150px;padding:1.5rem}.products-grid .product-name{color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.3;margin-bottom:.75rem}.products-grid .product-rating{align-items:center;display:flex;flex-shrink:0;gap:.5rem;margin-bottom:.75rem}.products-grid .stars{display:flex;gap:.25rem}.products-grid .star{color:#d1d5db;font-size:.875rem}.products-grid .star.filled{color:#fbbf24}.products-grid .rating-text{color:var(--text-secondary);font-size:.875rem}.products-grid .product-price{color:var(--primary-color);flex-shrink:0;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.products-grid .view-details{align-items:center;border-top:1px solid var(--border-color);color:var(--primary-color);display:flex;font-weight:500;gap:.5rem;margin-top:auto;padding-top:1rem;text-decoration:none;transition:var(--transition)}.products-grid .view-details:hover{color:var(--primary-dark)}.view-all-btn{font-size:1.125rem;padding:1rem 2rem}.categories{background:var(--bg-primary);padding:4rem 0}.categories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.category-card{background:#fff;border:2px solid #0000;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:2rem;text-decoration:none;transition:var(--transition)}.category-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-4px)}.category-content{text-align:center}.category-name{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.category-count{margin-bottom:1rem}.category-arrow{color:var(--primary-color);font-size:1.25rem}.cta-section{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff;padding:4rem 0}.cta-content{margin:0 auto;max-width:600px;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.125rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-buttons .btn-outline{border-color:#fff;color:#fff}.cta-buttons .btn-outline:hover{background:#fff;color:var(--primary-color)}.testimonials{background:var(--bg-secondary);padding:4rem 0}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.testimonial-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:2rem}.testimonial-content p{color:var(--text-primary);font-style:italic;line-height:1.6;margin-bottom:1.5rem}.testimonial-author{display:flex;flex-direction:column;gap:.25rem}.testimonial-author strong{color:var(--text-primary);font-size:1.125rem}.testimonial-author span{color:var(--text-secondary);font-size:.875rem}@media (max-width:1024px){.products-grid{align-content:start;align-items:stretch;grid-template-columns:repeat(3,1fr);justify-items:stretch}.products-grid .product-card{min-height:380px}.categories-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-buttons{justify-content:center}.features-grid,.products-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.products-grid{align-content:start;align-items:stretch;justify-items:stretch}.products-grid .product-card{min-height:360px}.categories-grid,.testimonials-grid{grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.cta-buttons .btn{max-width:300px;width:100%}}@media (max-width:480px){.hero{padding:2rem 0}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.features-grid,.products-grid{grid-template-columns:1fr}.products-grid{align-content:start;align-items:stretch;justify-items:stretch}.products-grid .product-card{min-height:340px}.cta-content h2,.section-title{font-size:2rem}}.product-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;min-height:500px;overflow:hidden;position:relative;transform:translateZ(0);transition:var(--transition)}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px) translateZ(0)}.product-image{background:var(--bg-secondary);height:250px;overflow:hidden;position:relative}.product-image img{height:100%;object-fit:cover;transition:var(--transition);width:100%}.product-card:hover .product-image img{transform:scale(1.05)}.product-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;top:0;transition:var(--transition)}.product-card:hover .product-overlay{opacity:1}.overlay-actions{display:flex;gap:1rem}.overlay-actions,.overlay-btn{align-items:center;justify-content:center}.overlay-btn{background-clip:padding-box;background:var(--primary-color);border:none;border-radius:50%;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;height:45px;max-height:45px;max-width:45px;min-height:45px;min-width:45px;overflow:visible;padding:0;position:relative;transition:var(--transition);width:45px}.overlay-btn svg{fill:currentColor;color:#fff;display:block;flex-shrink:0;height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.overlay-btn:hover{background:var(--primary-dark);transform:scale(1.1)}.overlay-btn.add-to-cart-btn{background:var(--primary-color)}.overlay-btn.quick-view-btn{background:var(--secondary-color)}.overlay-btn.wishlist-btn{background:var(--accent-color)}.overlay-btn.wishlist-btn.active{background:var(--primary-color)}.category-badge{background:var(--primary-color);left:1rem;text-transform:capitalize}.category-badge,.out-of-stock{border-radius:20px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem;position:absolute;top:1rem}.out-of-stock{background:#dc2626;right:1rem}.cart-quantity-badge{background:var(--secondary-color);border-radius:20px;bottom:1rem;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem;pointer-events:none;position:absolute;right:1rem}.product-info{flex:1 1;min-height:200px;padding:1.5rem}.product-header{flex-shrink:0}.product-name{margin-bottom:.75rem}.product-name a{color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.3;text-decoration:none;transition:var(--transition)}.product-name a:hover{color:var(--primary-color)}.product-details{display:flex;flex:1 1;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.product-description{flex:1 1;font-size:.875rem;line-height:1.5;margin-bottom:0}.product-specs{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.spec-item{font-size:.75rem}.product-footer{align-items:flex-end;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;margin-top:auto;min-height:60px;padding-top:1rem}.product-price{flex-direction:column;flex-shrink:0;gap:.25rem}.current-price{font-size:1.25rem}.original-price{font-size:.875rem}.product-actions{flex-shrink:0}.add-to-cart{align-items:center;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1rem;white-space:nowrap}.add-to-cart:disabled{cursor:not-allowed;opacity:.6}.quick-view-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.quick-view-content{background:#fff;border-radius:var(--radius);max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.close-modal{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:var(--transition);width:40px;z-index:1}.close-modal:hover{background:var(--bg-secondary);color:var(--text-primary)}.quick-view-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2rem}.quick-view-image{text-align:center}.quick-view-image img{border-radius:var(--radius);height:auto;max-width:100%}.quick-view-details h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:1rem}.quick-view-rating{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.quick-view-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.quick-view-features h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.quick-view-features ul{list-style:none;margin-bottom:1.5rem}.quick-view-features li{color:var(--text-secondary);padding:.25rem 0 .25rem 1.5rem;position:relative}.quick-view-features li:before{color:var(--accent-color);content:"✓";font-weight:700;left:0;position:absolute}.quick-view-specs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.spec{color:var(--text-secondary);font-size:.875rem}.quick-view-price{margin-bottom:1.5rem}.quick-view-actions{display:flex;flex-wrap:wrap;gap:1rem}.quick-view-actions .btn{flex:1 1;min-width:150px}@media (max-width:768px){.quick-view-grid{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.quick-view-image{order:-1}.quick-view-specs{grid-template-columns:1fr}.quick-view-actions{flex-direction:column}.quick-view-actions .btn{width:100%}}@media (max-width:480px){.product-footer{align-items:stretch;flex-direction:column;gap:1rem}.add-to-cart{justify-content:center;width:100%}.quick-view-content{margin:.5rem;max-height:calc(100vh - 1rem)}.quick-view-grid{padding:1rem}}.products-page{min-height:100vh}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid var(--primary-color);height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner p{color:var(--text-secondary);font-size:1.1rem}.products-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:280px 1fr;margin:2rem 0}.filters-sidebar{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:100px}.filters-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.filters-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600}.close-filters{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:none;font-size:1.5rem;padding:.25rem}.filter-section{border-bottom:1px solid var(--bg-secondary);margin-bottom:2rem;padding-bottom:1.5rem}.filter-section:last-child{border-bottom:none}.filter-section h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.search-form{position:relative}.search-input{border:1px solid var(--border-color);border-radius:var(--radius);font-size:.875rem;padding:.75rem 2.5rem .75rem 1rem;width:100%}.search-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.search-button:hover{color:var(--primary-color)}.category-filters{display:flex;flex-direction:column;gap:.75rem}.category-filter{align-items:center;border-radius:var(--radius);cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:var(--transition)}.category-filter:hover{background:var(--bg-secondary)}.category-filter input[type=radio]{display:none}.checkmark{border-radius:50%}.category-filter input[type=radio]:checked+.checkmark{border-color:var(--primary-color)}.category-filter input[type=radio]:checked+.checkmark:after{background:var(--primary-color);border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.category-name{color:var(--text-primary);flex:1 1;font-weight:500}.category-count{color:var(--text-secondary);font-size:.875rem}.price-range{display:flex;flex-direction:column;gap:1rem}.price-inputs{align-items:center;display:flex;gap:.5rem}.price-input{border:1px solid var(--border-color);border-radius:var(--radius);flex:1 1;font-size:.875rem;padding:.5rem;text-align:center}.price-input:focus{border-color:var(--primary-color);outline:none}.price-slider{height:20px;position:relative}.range-slider{-webkit-appearance:none;background:var(--border-color);border-radius:2px;height:4px;outline:none;position:absolute;width:100%}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-color);border-radius:50%;cursor:pointer;height:16px;width:16px}.range-slider::-moz-range-thumb{background:var(--primary-color);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.reset-filters{margin-top:1rem;width:100%}.products-main{min-height:500px}.products-header{align-items:center;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.products-info h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.products-info p{color:var(--text-secondary);font-size:.875rem}.products-controls{align-items:center;display:flex;gap:1rem}.mobile-filters-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;display:none;gap:.5rem;padding:.75rem 1rem;transition:var(--transition)}.mobile-filters-btn:hover{background:var(--border-color)}.sort-controls{align-items:center;display:flex;gap:.5rem}.sort-controls label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.sort-select{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-size:.875rem;padding:.5rem}.sort-select:focus{border-color:var(--primary-color);outline:none}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.no-products{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:3rem 1rem;text-align:center}.no-products h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.no-products p{color:var(--text-secondary);margin-bottom:1.5rem}.pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.pagination-btn{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:var(--transition)}.pagination-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.page-numbers{display:flex;gap:.25rem}@media (max-width:1024px){.products-layout{gap:1.5rem;grid-template-columns:250px 1fr}.products-grid{align-items:stretch;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.products-layout{gap:1rem;grid-template-columns:1fr}.filters-sidebar{border-radius:0;height:100vh;left:-100%;overflow-y:auto;position:fixed;top:0;transition:var(--transition);width:100%;z-index:1000}.filters-sidebar.active{left:0}.close-filters{display:block}.mobile-filters-btn{display:flex}.products-header{align-items:stretch;flex-direction:column;gap:1rem}.products-controls{justify-content:space-between}.products-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}.pagination{flex-direction:column;gap:1rem}.page-numbers{order:-1}}.product-detail-page{min-height:100vh}.loading{font-size:1.125rem;padding:4rem 2rem;text-align:center}.breadcrumb,.loading{color:var(--text-secondary)}.breadcrumb{align-items:center;display:flex;font-size:.875rem;gap:.5rem;margin:2rem 0}.breadcrumb a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{color:var(--text-light)}.product-main{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.product-images{display:flex;flex-direction:column;gap:1rem}.main-image{align-items:center;background:var(--bg-secondary);border-radius:var(--radius);display:flex;height:400px;justify-content:center;overflow:hidden;width:100%}.main-image img{height:100%;object-fit:cover;width:100%}.image-thumbnails{display:flex;gap:.5rem}.thumbnail{background:none;border:2px solid #0000;border-radius:var(--radius);cursor:pointer;height:80px;overflow:hidden;padding:0;transition:var(--transition);width:80px}.thumbnail img{height:100%;object-fit:cover;width:100%}.thumbnail.active,.thumbnail:hover{border-color:var(--primary-color)}.product-info{display:flex;flex-direction:column;gap:1.5rem}.product-header,.product-title{margin-bottom:1rem}.product-title{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.2}.product-meta{justify-content:space-between}.product-meta,.product-rating{align-items:center;display:flex}.product-rating{gap:.5rem}.stars{display:flex;gap:.25rem}.star{color:#d1d5db;font-size:.875rem}.star.filled{color:#fbbf24}.rating-text{color:var(--text-secondary);font-size:.875rem}.product-sku{color:var(--text-light);font-size:.875rem}.product-price{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.current-price{color:var(--primary-color);font-size:2rem;font-weight:700}.original-price{color:var(--text-secondary);font-size:1.25rem;text-decoration:line-through}.product-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.product-features h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.product-features ul{list-style:none;margin-bottom:1rem}.product-features li{color:var(--text-secondary);padding:.25rem 0 .25rem 1.5rem;position:relative}.product-features li:before{color:var(--accent-color);content:"✓";font-weight:700;left:0;position:absolute}.product-specs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.spec-item{color:var(--text-secondary);font-size:.875rem}.spec-item strong{color:var(--text-primary)}.product-actions{display:flex;flex-direction:column;gap:1.5rem}.quantity-selector{display:flex;flex-direction:column;gap:.5rem}.quantity-selector label{color:var(--text-primary);font-size:.875rem;font-weight:500}.quantity-controls{width:-webkit-fit-content;width:fit-content}.quantity-btn{height:40px;width:40px}.quantity-input{font-size:1rem;height:40px;width:60px}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem}.add-to-cart-btn{flex:1 1;font-size:1rem;font-weight:600}.add-to-cart-btn,.share-btn,.wishlist-btn{align-items:center;display:flex;gap:.5rem;justify-content:center;min-width:10px;padding:1rem}.wishlist-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.product-benefits{background:var(--bg-secondary);border-radius:var(--radius);display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.benefit-item{align-items:center;display:flex;gap:1rem}.benefit-icon{color:var(--primary-color);flex-shrink:0;font-size:1.25rem}.benefit-text{display:flex;flex-direction:column;gap:.25rem}.benefit-text strong{color:var(--text-primary);font-size:.875rem}.benefit-text span{color:var(--text-secondary);font-size:.75rem}.product-tabs{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:3rem;overflow:hidden}.tab-navigation{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;flex:1 1;font-weight:500;padding:1rem 1.5rem;transition:var(--transition)}.tab-btn:hover{background:#0000000d;color:var(--text-primary)}.tab-btn.active{background:#fff;border-bottom-color:var(--primary-color);color:var(--primary-color)}.tab-content{padding:2rem}.tab-panel h3{font-size:1.5rem;margin-bottom:1rem}.tab-panel h3,.tab-panel h4{color:var(--text-primary);font-weight:600}.tab-panel h4{font-size:1.125rem;margin:1.5rem 0 .75rem}.tab-panel p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.tab-panel ul{list-style:none;margin-bottom:1rem}.tab-panel li{color:var(--text-secondary);padding:.25rem 0 .25rem 1.5rem;position:relative}.tab-panel li:before{color:var(--primary-color);content:"•";font-weight:700;left:0;position:absolute}.reviews-summary{display:flex;justify-content:center;margin-bottom:2rem}.overall-rating{text-align:center}.rating-number{color:var(--primary-color);font-size:3rem;font-weight:700;margin-bottom:.5rem}.rating-stars{display:flex;gap:.25rem;justify-content:center;margin-bottom:.5rem}.total-reviews{color:var(--text-secondary);font-size:.875rem}.reviews-list{background:var(--bg-secondary);border-radius:var(--radius);color:var(--text-secondary);padding:2rem;text-align:center}.shipping-info h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:1rem 0 .5rem}.shipping-info ul{margin-bottom:1rem}.shipping-info li{color:var(--text-secondary);margin-bottom:.5rem}.related-products{margin-bottom:3rem}.related-products h2{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.products-grid{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:1024px){.product-main{gap:2rem}.product-specs{grid-template-columns:1fr}.action-buttons{flex-direction:column}.add-to-cart-btn{min-width:auto}}@media (max-width:768px){.product-main{gap:2rem;grid-template-columns:1fr}.main-image{height:300px}.current-price,.product-title{font-size:1.75rem}.tab-navigation{flex-wrap:wrap}.tab-btn{font-size:.875rem;min-width:120px;padding:.75rem 1rem}.tab-content{padding:1.5rem}.products-grid{align-items:stretch;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.current-price,.product-title{font-size:1.5rem}.action-buttons{gap:.75rem}.share-btn,.wishlist-btn{flex:1 1;min-width:auto}.tab-navigation{flex-direction:column}.tab-btn{border-bottom:none;border-right:3px solid #0000;min-width:auto}.tab-btn.active{border-bottom:none;border-right-color:var(--primary-color)}.tab-content{padding:1rem}.products-grid{align-items:stretch;grid-template-columns:1fr}}.cart-page{min-height:100vh}.empty-cart{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:2rem 0;padding:4rem 2rem;text-align:center}.empty-cart-icon{color:var(--text-light);font-size:4rem;margin-bottom:1.5rem}.empty-cart h2{color:var(--text-primary);font-size:2rem;margin-bottom:1rem}.empty-cart p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:2rem}.cart-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px;margin:2rem 0}.cart-main{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.cart-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.cart-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600}.clear-cart-btn{align-items:center;background:#dc2626;border:none;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:var(--transition)}.clear-cart-btn:hover{background:#b91c1c}.cart-items{padding:0}.cart-item{grid-gap:1.5rem;align-items:center;border-bottom:1px solid var(--border-color);display:grid;gap:1.5rem;grid-template-columns:100px 1fr auto auto auto;padding:1.5rem;transition:var(--transition)}.cart-item:hover{background:var(--bg-secondary)}.cart-item:last-child{border-bottom:none}.item-image{height:100px;width:100px}.item-details{display:flex;flex-direction:column;gap:.5rem}.item-name{font-size:1.125rem;margin:0}.item-category{color:var(--text-secondary);font-size:.875rem;text-transform:capitalize}.item-quantity{align-items:center;display:flex;flex-direction:column;gap:.5rem}.item-quantity label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.quantity-controls{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius);display:flex;overflow:hidden}.quantity-btn{align-items:center;background:var(--bg-secondary);border:none;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;height:32px;justify-content:center;transition:var(--transition);width:32px}.quantity-btn:hover:not(:disabled){background:var(--border-color)}.quantity-btn:disabled{cursor:not-allowed;opacity:.5}.quantity-input{background:#fff;border:none;color:var(--text-primary);font-size:.875rem;height:32px;text-align:center;width:50px}.quantity-input:focus{outline:none}.item-price{align-items:center;display:flex;flex-direction:column;gap:.25rem;text-align:center}.price{color:var(--text-secondary);font-size:.875rem}.subtotal{color:var(--primary-color);font-size:1.125rem;font-weight:600}.remove-item-btn{align-items:center;background:#fef2f2;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;height:40px;justify-content:center;transition:var(--transition);width:40px}.remove-item-btn:hover{background:#fecaca;transform:scale(1.1)}.cart-actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1.5rem}.continue-shopping{align-items:center;display:flex;gap:.5rem}.cart-summary{position:-webkit-sticky;position:sticky;top:100px}.summary-row{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:1rem}.summary-row.total{border-top:1px solid var(--border-color);color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-top:1rem;padding-top:1rem}.free-shipping-notice{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:var(--radius);margin:1rem 0;padding:.75rem;text-align:center}.free-shipping-notice p{color:#0369a1;font-size:.875rem;font-weight:500;margin:0}.summary-actions{margin:1.5rem 0}.checkout-btn{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;width:100%}.login-required{background:var(--bg-secondary);border-radius:var(--radius);padding:1rem;text-align:center}.login-required p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.login-required .btn{width:100%}.payment-methods{border-top:1px solid var(--border-color);margin:1.5rem 0;padding-top:1.5rem}.payment-methods h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:.75rem}.payment-icons{display:flex;gap:.5rem}.payment-icon{font-size:1.5rem}.security-notice{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.security-notice p{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.5rem;margin-bottom:.25rem}@media (max-width:1024px){.cart-layout{gap:1.5rem;grid-template-columns:1fr 300px}}@media (max-width:768px){.cart-layout{gap:1rem;grid-template-columns:1fr}.cart-summary{order:-1;position:static}.cart-item{gap:1rem;grid-template-columns:80px 1fr;padding:1rem}.item-image{height:80px;width:80px}.item-price,.item-quantity,.remove-item-btn{grid-column:2;justify-self:start}.item-quantity{grid-row:2}.item-price{grid-row:3}.remove-item-btn{grid-row:4;justify-self:end}.cart-header{align-items:stretch;flex-direction:column;gap:1rem}.clear-cart-btn{align-self:flex-end}}@media (max-width:480px){.cart-item{grid-template-columns:1fr;text-align:center}.item-image,.item-price,.item-quantity,.remove-item-btn{justify-self:center}.quantity-controls{justify-content:center}.summary-card{padding:1rem}}.checkout-page{min-height:100vh}.order-success{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:2rem 0;padding:4rem 2rem;text-align:center}.success-icon{color:var(--accent-color);font-size:4rem;margin-bottom:1.5rem}.order-success h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:1rem}.order-success p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:.5rem}.checkout-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 400px;margin:2rem 0}.checkout-main{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.checkout-form{padding:2rem}.form-section{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:2rem}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.section-icon{color:var(--primary-color);font-size:1.25rem}.section-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.form-group input,.form-group select{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius);font-size:1rem;padding:.75rem;transition:var(--transition)}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-group input.error,.form-group select.error{border-color:#dc2626}.form-group input.error:focus,.form-group select.error:focus{box-shadow:0 0 0 3px #dc26261a}.form-options{flex-direction:column}.checkout-submit{align-items:center;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:1rem;padding:1rem;width:100%}.checkout-submit:disabled{cursor:not-allowed;opacity:.7}.checkout-summary{position:-webkit-sticky;position:sticky;top:100px}.summary-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem}.summary-card h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:1rem}.order-item{align-items:flex-start;padding:.75rem 0}.item-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.item-name{font-size:.875rem}.item-quantity{font-size:.75rem}.item-price{font-size:.875rem}.order-totals{margin-bottom:1.5rem}.total-row{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.total-row.final{border-top:1px solid var(--border-color);color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-top:.5rem;padding-top:1rem}.security-notice{align-items:center;background:var(--bg-secondary);border-radius:var(--radius);color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;padding:1rem}.security-notice svg{color:var(--accent-color)}@media (max-width:1024px){.checkout-layout{gap:1.5rem;grid-template-columns:1fr 350px}.form-grid{gap:1rem}}@media (max-width:768px){.checkout-layout{gap:1rem;grid-template-columns:1fr}.checkout-summary{order:-1;position:static}.form-grid{gap:1rem;grid-template-columns:1fr}.checkout-form{padding:1.5rem}.section-header h2{font-size:1.25rem}}@media (max-width:480px){.checkout-form{padding:1rem}.form-section{margin-bottom:1.5rem;padding-bottom:1.5rem}.section-header{margin-bottom:1rem}.section-header h2{font-size:1.125rem}.summary-card{padding:1rem}}.form-options{align-items:center;flex-wrap:wrap;gap:1rem;justify-content:space-between}.forgot-password{color:var(--primary-color);font-size:.875rem;font-weight:500;text-decoration:none;transition:var(--transition)}.forgot-password:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width:480px){.auth-container{padding:2rem 1.5rem}.auth-header h1{font-size:1.75rem}.form-options{align-items:flex-start;flex-direction:column;gap:.75rem}.forgot-password{align-self:flex-end}}.auth-page{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.auth-container{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:450px;padding:2.5rem;position:relative;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.auth-header p{color:var(--text-secondary);font-size:1rem}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius);color:#dc2626;font-weight:500;padding:1rem;text-align:center}.auth-form,.error-message,.form-group{margin-bottom:1.5rem}.form-label{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:.5rem;margin-bottom:.5rem}.input-icon{color:var(--primary-color);font-size:.875rem}.form-input{padding:.75rem 1rem;width:100%}.form-input.error{border-color:#dc2626}.form-input.error:focus{box-shadow:0 0 0 3px #dc26261a}.error-text{color:#dc2626;display:block;font-size:.875rem;margin-top:.25rem}.password-input-container{position:relative}.password-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:var(--transition)}.password-toggle:hover{color:var(--primary-color)}.password-strength{align-items:center;display:flex;gap:1rem;margin-top:.5rem}.strength-bar{background:#e5e7eb;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.strength-fill{height:100%;transition:var(--transition)}.strength-text{font-size:.75rem;font-weight:600;min-width:50px}.password-requirements{background:var(--bg-secondary);border-radius:var(--radius);font-size:.875rem;margin-top:.75rem;padding:.75rem}.requirement{align-items:center;color:var(--text-secondary);display:flex;gap:.5rem;margin-bottom:.25rem}.requirement:last-child{margin-bottom:0}.requirement-icon{font-size:.75rem}.requirement-icon.error{color:#dc2626}.requirement-icon.success{color:#10b981}.form-options{display:flex;justify-content:flex-start;margin-bottom:1.5rem;width:100%}.checkbox-container,.form-options{align-items:flex-start;gap:.5rem;min-width:0}.checkbox-container{flex:1 1;flex-wrap:nowrap;line-height:1.4;white-space:nowrap}.terms-text{display:inline;letter-spacing:.01em;line-height:1.5;overflow:visible;white-space:nowrap;word-spacing:.1em}.terms-link{color:var(--primary-color);font-weight:500;text-decoration:none}.terms-link:hover{text-decoration:underline}.auth-button{font-size:1rem;font-weight:600;margin-bottom:1rem;padding:1rem;width:100%}.auth-divider{margin:1.5rem 0;position:relative;text-align:center}.auth-divider:before{background:var(--border-color);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#fff;color:var(--text-secondary);font-size:.875rem;padding:0 1rem}.social-auth{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.social-btn{align-items:center;border-color:var(--border-color);color:var(--text-primary);display:flex;font-size:.875rem;gap:.5rem;justify-content:center;padding:.75rem;transition:all .3s ease;width:100%}.social-icon{color:inherit;font-size:1rem;transition:color .3s ease}.social-btn:hover{background-color:var(--bg-secondary);border-color:var(--primary-color)}.social-btn:hover,.social-btn:hover .social-icon{color:var(--primary-color)}.social-btn:has(.fa-google):hover{background-color:#fef2f2;border-color:#ea4335;color:#ea4335}.social-btn:has(.fa-google):hover .social-icon{color:#ea4335}.social-btn:has(.fa-facebook):hover{background-color:#f0f8ff;border-color:#1877f2;color:#1877f2}.social-btn:has(.fa-facebook):hover .social-icon{color:#1877f2}.auth-footer{color:var(--text-secondary);font-size:.875rem;text-align:center}.auth-link{color:var(--primary-color);font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}@media (max-width:480px){.auth-container{padding:2rem 1.5rem}.auth-header h1{font-size:1.75rem}.form-options{align-items:flex-start;flex-direction:row;gap:.5rem;overflow-x:auto;width:100%}.checkbox-container{flex-shrink:0;min-width:-webkit-max-content;min-width:max-content;white-space:nowrap}.terms-text{letter-spacing:.005em;white-space:nowrap;word-spacing:.05em}}.profile-page{min-height:100vh}.profile-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:280px 1fr;margin:2rem 0}.profile-sidebar{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:100px}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.nav-item{align-items:center;background:none;border:none;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:1rem;text-align:left;transition:var(--transition)}.nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item.active{background:var(--primary-color);color:#fff}.nav-item svg{font-size:1rem}.sidebar-actions{border-top:1px solid var(--border-color);padding-top:1.5rem}.logout-btn{justify-content:center;width:100%}.profile-main{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.content-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.content-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.edit-btn{align-items:center;display:flex;gap:.5rem}.profile-content{padding:0}.profile-form{padding:1.5rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.form-group.full-width{grid-column:1/-1}.form-group{display:flex;flex-direction:column}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius);font-size:1rem;padding:.75rem;transition:var(--transition)}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-input:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.orders-content{padding:0}.order-card,.orders-list{padding:1.5rem}.order-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius);margin-bottom:1.5rem}.order-header{align-items:flex-start;border-bottom:1px solid var(--bg-secondary);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.order-info h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.order-date{color:var(--text-secondary);font-size:.875rem;margin:0}.order-status{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.status-badge{border-radius:20px;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.status-badge.delivered{background:#dcfce7;color:#166534}.status-badge.shipped{background:#dbeafe;color:#1e40af}.status-badge.processing{background:#fef3c7;color:#92400e}.order-total{color:var(--primary-color);font-size:1.125rem;font-weight:600}.order-items{margin-bottom:1.5rem}.order-item{align-items:center;border-bottom:1px solid var(--bg-secondary);display:flex;justify-content:space-between;padding:.5rem 0}.order-item:last-child{border-bottom:none}.item-name{flex:1 1;font-weight:500}.item-quantity{color:var(--text-secondary);font-size:.875rem;margin:0 1rem}.item-price{font-weight:600}.order-actions{display:flex;flex-wrap:wrap;gap:.75rem}.order-actions .btn{font-size:.875rem;padding:.5rem 1rem}.wishlist-content{padding:0}.wishlist-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:1.5rem}.wishlist-item{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius);padding:1rem;transition:var(--transition)}.wishlist-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-image{background:var(--bg-secondary);border-radius:var(--radius);height:150px;margin-bottom:1rem;overflow:hidden;width:100%}.item-image img{height:100%;object-fit:cover;width:100%}.item-info{margin-bottom:1rem}.item-name{color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.item-price{color:var(--primary-color);font-size:1.125rem;font-weight:700}.item-actions{display:flex;gap:.5rem}.item-actions .btn{flex:1 1;font-size:.875rem;padding:.5rem}.settings-content{padding:0}.settings-sections{padding:1.5rem}.setting-section{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius);margin-bottom:1.5rem;padding:1.5rem}.setting-section h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.setting-section p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.setting-options{display:flex;flex-direction:column;gap:.75rem}.checkbox-container{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem}.checkbox-container input[type=checkbox]{display:none}.checkmark{border:2px solid var(--border-color);border-radius:3px;flex-shrink:0;height:18px;position:relative;transition:var(--transition);width:18px}.checkbox-container input[type=checkbox]:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-container input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:1024px){.profile-layout{gap:1.5rem;grid-template-columns:250px 1fr}.form-row{gap:1rem}}@media (max-width:768px){.profile-layout{gap:1rem;grid-template-columns:1fr}.profile-sidebar{order:-1;position:static}.sidebar-nav{flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.nav-item{justify-content:center;min-width:120px;white-space:nowrap}.form-row{gap:1rem;grid-template-columns:1fr}.wishlist-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.order-header{flex-direction:column;gap:1rem}.order-header,.order-status{align-items:flex-start}.order-actions{justify-content:center}}@media (max-width:480px){.content-header{align-items:stretch;flex-direction:column;gap:1rem}.edit-btn{justify-content:center;width:100%}.form-actions{flex-direction:column}.wishlist-grid{grid-template-columns:1fr}.order-actions{flex-direction:column}.order-actions .btn{width:100%}.sidebar-nav{flex-direction:column}.nav-item{justify-content:flex-start;min-width:auto}}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;padding-top:80px}.page-header{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff;margin-bottom:2rem;padding:3rem 0}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.page-header p{font-size:1.125rem;opacity:.9}.section{padding:3rem 0}.section-title{color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.grid{grid-gap:2rem;display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.page-header h1{font-size:2rem}.page-header{padding:2rem 0}}@media (max-width:480px){.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:2rem 0}}
/*# sourceMappingURL=main.8edbe01f.css.map*/