body.dark-mode{--background: #121212;--text-main: #e0e0e0;--card-bg: #1e1e1e;--border: #333333;--primary: #7986cb;--secondary: #81c784}body.light-mode{--background: #fdfdfd;--text-main: #333333;--card-bg: #ffffff;--border: #e0e0e0;--primary: #5c6bc0;--secondary: #66bb6a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,sans-serif;line-height:1.6;background-color:var(--background);color:var(--text-main);transition:background-color .3s,color .3s}.ecommerce-app{width:100%;min-height:100vh}#root{width:100%;padding:20px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background-color:var(--card-bg);border:1px solid var(--border);border-radius:15px;margin-bottom:40px}.logo{font-size:24px;font-weight:600;text-decoration:none;color:var(--text-main)}.nav-actions{display:flex;align-items:center;gap:30px}.nav-link-text{text-decoration:none;color:var(--text-main);font-weight:500}.cart-summary-btn{text-decoration:none;color:var(--text-main);padding:10px 20px;border:1px solid var(--border);border-radius:8px;font-weight:600}.simple-toggle{position:relative;width:50px;height:24px;cursor:pointer}.simple-toggle input{display:none}.simple-toggle .slider{position:absolute;inset:0;background-color:#ccc;border-radius:24px;transition:.4s}.simple-toggle .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.4s}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(26px)}.landing-page{text-align:center;padding:100px 20px}.hero h1{font-size:50px;margin-bottom:20px;color:var(--primary)}.hero-text{font-size:20px;max-width:800px;margin:0 auto 40px;opacity:.8}.primary-btn{background-color:var(--primary);color:#fff;padding:15px 40px;border-radius:30px;text-decoration:none;font-weight:700;display:inline-block}.features{display:flex;flex-wrap:wrap;gap:30px;margin-top:80px;justify-content:center}.feature-card{background:var(--card-bg);border:1px solid var(--border);padding:40px;border-radius:12px;width:350px}.simple-footer{margin-top:100px;padding:40px;border-top:1px solid var(--border);font-size:14px;opacity:.5}.controls{margin-bottom:50px;text-align:center}.search-bar input{width:100%;max-width:500px;padding:15px 25px;border-radius:30px;border:1px solid var(--border);background:var(--card-bg);color:var(--text-main);margin-bottom:20px;font-size:16px}.category-nav{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.nav-btn{padding:10px 25px;border-radius:20px;border:1px solid var(--border);background:var(--card-bg);color:var(--text-main);cursor:pointer}.nav-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px}.product-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.product-img{width:100%;height:250px;object-fit:cover}.product-info{padding:25px}.price{color:var(--secondary);font-weight:700;font-size:22px}.add-btn{background-color:var(--primary);color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;width:100%;margin-top:20px;font-weight:700}.cart-container{display:flex;gap:50px;flex-wrap:wrap}.cart-list{flex:2}.cart-item-full{display:flex;align-items:center;gap:30px;background:var(--card-bg);padding:25px;border-radius:12px;border:1px solid var(--border);margin-bottom:20px}.cart-item-img{width:80px;height:80px;object-fit:cover;border-radius:8px}.cart-summary-sidebar{flex:1;min-width:300px;background:var(--card-bg);padding:30px;border-radius:12px;border:1px solid var(--border);height:fit-content}.checkout-btn-full{width:100%;padding:15px;background-color:var(--secondary);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;margin-top:20px}.detail-container{display:flex;gap:60px;background:var(--card-bg);padding:60px;border-radius:15px;border:1px solid var(--border);flex-wrap:wrap}.detail-image img{width:100%;max-width:500px;border-radius:15px}.detail-info{flex:1}.detail-price{font-size:32px;color:var(--secondary);margin:20px 0;font-weight:700}.back-btn{background:transparent;color:var(--text-main);border:1px solid var(--border);padding:8px 18px;border-radius:8px;cursor:pointer;font-weight:500;transition:.2s;margin-bottom:20px;display:inline-block;text-decoration:none}.back-btn:hover{border-color:var(--primary);color:var(--primary)}.remove-btn-full{background:transparent;color:var(--text-main);border:1px solid var(--border);padding:6px 14px;border-radius:6px;cursor:pointer;font-weight:500;transition:.2s}.remove-btn-full:hover{border-color:#ff5252;color:#ff5252}body{margin:0;padding:0}