*{margin:0;padding:0;box-sizing:border-box}.nav-container{width:100%;padding:12px 24px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000000d;font-family:sans-serif}.navbar-left{display:flex;align-items:center;gap:32px}.logo{color:#ef4444;font-size:20px;font-weight:700;cursor:pointer}.nav-links{list-style:none;display:flex;gap:20px}.nav-links li{cursor:pointer;font-size:14px;color:#444;transition:color .2s}.nav-links li:hover{color:#ef4444}.navbar-right{display:flex;align-items:center;gap:16px}.search-bar{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;padding:6px 8px}.search-bar input{border:none;outline:none;padding:4px;font-size:14px}.search-icon{color:#888;margin-right:6px}.icon{font-size:18px;cursor:pointer;color:#444}.cart-icon{position:relative}.cart-badge{position:absolute;top:-8px;right:-8px;background-color:red;color:#fff;font-size:10px;padding:2px 5px;border-radius:9999px}.btn{padding:6px 14px;border:none;border-radius:6px;font-size:14px;cursor:pointer}.sign-in{background-color:#fff;border:1px solid #ccc;color:#333}.sign-up{background-color:#ef4444;color:#fff;border:none}.add-to-cart-btn{margin-top:8px;padding:8px 12px;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer}.add-to-cart-btn:hover{background-color:#555}.nav-links{display:flex;gap:20px;list-style:none}.hamburger{display:none;font-size:24px;cursor:pointer;color:#444}@media (max-width: 768px){.nav-links{position:absolute;top:60px;left:0;right:0;background-color:#fff;flex-direction:column;align-items:center;gap:20px;padding:20px 0;display:none;box-shadow:0 4px 6px #0000001a;z-index:999}.nav-links.active{display:flex}.navbar-left{flex:1;display:flex;justify-content:space-between;align-items:center}.search-bar{display:none}.navbar-right{display:flex;align-items:center;gap:10px}.hamburger{display:block}.welcome-text,.btn.sign-in,.btn.sign-up,.logout-btn{display:none}}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f4f6f8;color:#333}.dashboard-container{max-width:1200px;margin:40px auto;padding:20px}.dashboard-header{text-align:center;margin-bottom:40px}.dashboard-header h1{font-size:2.5rem;margin-bottom:10px;color:#1e88e5}.dashboard-header p{font-size:1rem;color:#666}.dashboard-profile{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:40px}.profile-card{flex:2;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000001a}.profile-card h2{margin-bottom:15px;color:#1e88e5}.profile-card p{margin-bottom:10px;font-size:.95rem}.profile-stats{flex:1;display:flex;flex-direction:column;gap:20px}.stat-card{background:#fff;padding:20px;border-radius:8px;text-align:center;box-shadow:0 4px 10px #0000001a}.stat-card h3{font-size:1.2rem;color:#1e88e5;margin-bottom:10px}.stat-card p{font-size:1.5rem;font-weight:700}.dashboard-actions{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000001a;text-align:center}.dashboard-actions h2{margin-bottom:20px;color:#1e88e5}.action-btn{background-color:#1e88e5;color:#fff;border:none;padding:12px 20px;margin:0 10px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.action-btn:hover{background-color:#1565c0}@media (max-width: 768px){.dashboard-profile{flex-direction:column}.action-btn{display:block;width:100%;margin-bottom:10px}}.shipping-form{margin-top:2rem;display:grid;gap:1rem;max-width:600px}.shipping-form input{padding:.75rem;border:1px solid #ccc;border-radius:.5rem}.shipping-form button{padding:.75rem;background-color:#111;color:#fff;border:none;border-radius:.5rem;cursor:pointer}.dashboard-shipping{margin-top:2rem;padding:1rem;background-color:#f6f6f6;border-radius:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.95rem;font-weight:500;margin-bottom:.5rem;color:#374151}.form-control{padding:.65rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-family:inherit;background-color:#fff;transition:border-color .3s ease,box-shadow .3s ease}.form-control:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;outline:none}.form-control.has-error{border-color:#dc2626}.error-text{color:#dc2626}.registration-container{max-width:500px;margin:50px auto;padding:40px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001a;font-family:Roboto,sans-serif}.registration-title{text-align:center;font-size:2rem;font-weight:700;color:#333;margin-bottom:20px}.registration-form{display:flex;flex-direction:column;gap:20px}.input-field{display:flex;flex-direction:column;gap:5px}.input-field label{font-size:1rem;font-weight:500;color:#555}.input-field input{padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:4px;transition:border-color .3s ease}.input-field input:focus{border-color:#007bff;outline:none;box-shadow:0 0 4px #007bff80}.input-field .error{font-size:.85rem;color:#e74c3c;margin-top:5px}.registration-button{padding:12px 20px;font-size:1.1rem;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease,transform .2s ease-in-out}.registration-button:disabled{background-color:#aaa;cursor:not-allowed}.registration-button:hover{background-color:#0056b3;transform:scale(1.05)}.checkout-container{padding:2rem;max-width:1000px;margin:auto}.checkout-content{display:flex;gap:2rem;flex-wrap:wrap}.checkout-section{flex:1;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 0 10px #0000001a}.checkout-section h3{margin-bottom:1rem}.checkout-section form input{width:100%;padding:.7rem;margin-bottom:1rem;border:1px solid #ddd;border-radius:5px}.summary-item{display:flex;justify-content:space-between;margin-bottom:.5rem}.summary-total{display:flex;justify-content:space-between;font-size:1.2rem;margin-top:1rem}.place-order-btn{margin-top:1rem;width:100%;padding:.8rem;background-color:#222;color:#fff;border:none;border-radius:5px;cursor:pointer}.place-order-btn:hover{background-color:#000}.product-page{padding:2rem;background:#f8f8f8;min-height:100vh}.page-title{text-align:center;font-size:2rem;color:#333;margin-bottom:2rem;font-weight:700}.product-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.product-card{background:#fff;border:1px solid #eaeaea;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.product-image img{width:100%;height:200px;object-fit:cover}.no-image{height:200px;background:#ddd;display:flex;justify-content:center;align-items:center;color:#666;font-size:1rem}.product-details{padding:1rem;text-align:center}.product-name{margin:0 0 10px;font-size:1.2rem;color:#222;font-weight:700}.product-price{font-size:1rem;color:#e74c3c;margin:0 0 10px}.product-rating .star-rating{display:inline-block}.star-rating .star{font-size:1rem;color:#ddd;margin-right:2px}.star-rating .star.filled{color:#f39c12}.loading,.error{text-align:center;font-size:1.2rem;color:#666;margin-top:2rem}.floating-cart-btn{position:fixed;bottom:24px;right:24px;background-color:#222;color:#fff;padding:16px 24px;font-size:18px;border:none;border-radius:50px;box-shadow:0 8px 16px #0003;cursor:pointer;z-index:1000;transition:background-color .3s ease}.floating-cart-btn:hover{background-color:#444}.single-product-wrapper{padding:2rem 1rem;max-width:1200px;margin:auto}.single-product-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.single-product-content{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;align-items:flex-start}.single-product-image img{max-width:400px;width:100%;border-radius:10px;box-shadow:0 8px 20px #0000001a;animation:fadeIn .6s ease}.single-no-image{width:100%;max-width:400px;height:300px;background:#eee;display:flex;justify-content:center;align-items:center;border-radius:10px;font-size:1rem;color:#888}.single-product-info{flex:1;max-width:500px;padding:1rem}.single-product-description{font-size:1rem;margin-bottom:1rem}.single-product-price,.single-product-brand,.single-product-category,.single-product-rating{font-size:1.1rem;margin:.5rem 0}.single-star-rating{display:inline-block;margin-left:.5rem}.single-star{color:#ccc;font-size:1.3rem;transition:color .3s ease}.single-star.filled{color:#fbbf24}.single-add-to-cart-btn{margin-top:1.5rem;padding:.75rem 1.5rem;background-color:#1e40af;color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.single-add-to-cart-btn:hover{background-color:#1d4ed8;transform:scale(1.03)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.single-quantity-selector{display:flex;align-items:center;gap:1rem;margin:1rem 0}.single-quantity-selector button{background-color:#eee;border:none;padding:.4rem .8rem;font-size:1rem;border-radius:5px;cursor:pointer;transition:.3s ease}.single-quantity-selector button:hover{background-color:#ddd}.single-quantity-selector span{font-size:1.2rem;min-width:2rem;text-align:center}.single-product-colors{margin-top:1rem}.single-color-palette{display:flex;gap:10px;margin-top:.5rem;flex-wrap:wrap}.single-color-btn{width:30px;height:30px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 6px #0000001a;transition:transform .2s ease-in-out}.single-color-btn:hover{transform:scale(1.1)}.single-color-btn.selected{border:2px solid #007bff}.color-check{color:#fff;font-size:.8rem;font-weight:700}.single-loading,.single-error{text-align:center;font-size:1.2rem;padding:2rem;color:#555}@media (max-width: 768px){.single-product-title{font-size:1.75rem}.single-product-image img,.single-no-image{max-width:100%;height:auto}.single-product-info{padding:.5rem;max-width:100%}.single-add-to-cart-btn{width:100%;justify-content:center}.single-quantity-selector{justify-content:center}}.discount-tab{background-color:#fef2f2;display:flex;justify-content:space-between;align-items:center;padding:10px 24px;border-radius:8px;font-family:sans-serif}.left-section{display:flex;gap:24px;align-items:center}.right-section{display:flex;align-items:center;gap:8px}.timer-box{background-color:#ef4444;color:#fff;padding:4px 8px;border-radius:6px;font-size:14px;font-weight:600}.view-deals-btn{margin-left:10px;background:none;border:none;color:#ef4444;font-weight:500;font-size:14px;cursor:pointer}.discount-tab{background-color:#fef2f2;display:flex;justify-content:space-between;align-items:center;padding:10px 24px;border-radius:8px;font-family:sans-serif;flex-wrap:wrap;gap:16px}.left-section{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.deal-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#ef4444;font-weight:500}.deal-icon{font-size:16px}.right-section{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ends-text{font-size:14px;color:#333}.timer-box{background-color:#ef4444;color:#fff;padding:4px 8px;border-radius:6px;font-size:14px;font-weight:600;min-width:32px;text-align:center}.view-deals-btn{margin-left:10px;background:none;border:1px solid #ef4444;color:#ef4444;font-weight:500;font-size:14px;cursor:pointer;padding:4px 10px;border-radius:6px;transition:all .3s ease}.view-deals-btn:hover{background-color:#ef4444;color:#fff}@media (max-width: 768px){.discount-tab{flex-direction:column;align-items:flex-start;padding:16px}.left-section,.right-section{width:100%;justify-content:space-between}.view-deals-btn{width:100%;margin-left:0;margin-top:10px;text-align:center}}.hero-section{position:relative;display:flex;flex-direction:column;padding:4rem 2rem;color:#fff}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(to right,#000000bf 30%,#0003 80%,#0000),url(./heroImg-DiR8L-GN.jpg) center/cover no-repeat}.hero-content,.hero-images{position:relative;z-index:1}@media (min-width: 1024px){.hero-section{flex-direction:row;justify-content:space-between}.hero-buttons{justify-content:flex-start}.hero-content{text-align:left;margin-bottom:0}}.hero-content{max-width:600px;margin-bottom:3rem}.hero-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.hero-subtext{font-size:1.125rem;color:#f3f4f6;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem}.btn-primary{background-color:#ef4444;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.btn-primary:hover{background-color:#dc2626}.btn-secondary{background-color:#ffffffd9;color:#111827;padding:.75rem 1.5rem;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.btn-secondary:hover{background-color:#f3f4f6}.hero-images{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:500px}.hero-images img{width:100%;border-radius:.5rem;box-shadow:0 4px 12px #00000014}.cart-page{padding:2rem 1rem;max-width:900px;margin:auto}.cart-heading{display:flex;align-items:center;font-size:2rem;margin-bottom:1.5rem;gap:.5rem;justify-content:center}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{display:flex;align-items:center;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 10px #0000000f;gap:1rem;transition:transform .2s ease}.cart-item:hover{transform:scale(1.01)}.cart-img{width:100px;height:100px;object-fit:contain;border-radius:8px;background-color:#f9f9f9}.cart-info{flex:1}.cart-info h2{font-size:1.1rem;margin:0}.cart-info p{font-size:1rem;color:#444}.quantity-control{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.qty-btn{background:#f3f4f6;border:none;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background .2s ease}.qty-btn:hover{background-color:#e5e7eb}.remove-btn{background:none;border:none;color:red;font-size:1.2rem;cursor:pointer;transition:color .2s ease}.remove-btn:hover{color:#c00}.cart-summary{margin-top:2rem;text-align:right}.cart-summary h3{font-size:1.4rem;margin-bottom:1rem}.checkout-btn{background-color:#f68b1e;color:#fff;padding:12px 24px;border:none;border-radius:12px;cursor:pointer;font-size:1rem;transition:background .3s ease}.checkout-btn:hover{background-color:#e67e16}.empty-cart{text-align:center;font-size:1.2rem;color:#555;margin-top:3rem}@media (max-width: 768px){.cart-item{flex-direction:column;align-items:flex-start;gap:.75rem}.cart-img{width:100%;height:auto;max-height:200px}.cart-info{width:100%}.cart-summary{text-align:center}.checkout-btn{width:100%}}.payment-wrapper{max-width:900px;margin:60px auto;padding:0 20px;font-family:Segoe UI,sans-serif}.payment-title{text-align:center;margin-bottom:20px;font-size:2rem}.tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.tabs button{flex:1;padding:12px 0;background:#222;color:#ddd;border:none;cursor:pointer;font-size:1rem;display:flex;justify-content:center;align-items:center;gap:6px;border-radius:6px;transition:background .3s}.tabs button.active,.tabs button:hover{background:#1a73e8;color:#fff}.content{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap}.card-preview{background:linear-gradient(135deg,#5b00f5,#30005b);color:#fff;width:320px;height:200px;border-radius:12px;padding:20px;position:relative;box-shadow:0 8px 20px #0000004d;font-family:monospace}.chip{width:40px;height:28px;background:gold;border-radius:4px}.number{margin-top:30px;font-size:1.1rem;letter-spacing:2px}.footer{position:absolute;bottom:20px;display:flex;justify-content:space-between;width:calc(100% - 40px)}.footer small{font-size:.7rem;opacity:.8}.info-box{background:#f9f9f9;padding:20px;border-radius:8px;flex:1;box-shadow:0 4px 12px #0000001a}.info-box h2{margin-top:0}.form{flex:1;display:flex;flex-direction:column}.form label{margin-top:1rem;font-weight:600}.form input{padding:10px;margin-top:6px;border:1px solid #ccc;border-radius:4px}.row{display:flex;gap:1rem}.note{margin:1rem 0}.btn-payment{margin-top:2rem;padding:14px;background:linear-gradient(145deg,#5b00f5,#30005b);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-payment:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}@media (max-width: 768px){.content{flex-direction:column;align-items:center}.card-preview{width:100%;height:auto;padding-bottom:56%}}