*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f4f4;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block}.app{color:#111;background-color:#f4f4f4;min-height:100vh;transition:all .3s}.darkmode{color:#f4f4f4;background-color:#121212;min-height:100vh;transition:all .3s}nav{border-bottom:1px solid #ccc;align-items:center;gap:20px;margin-bottom:40px;padding:20px 40px;display:flex}nav a{font-size:18px;font-weight:700;transition:all .2s}nav a:hover{opacity:.7}nav button{margin-left:auto}button{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-weight:700;transition:all .2s}button:hover{opacity:.85}button:disabled{cursor:not-allowed;opacity:.6}input,select{border:1px solid #ccc;border-radius:8px;margin-bottom:20px;margin-right:10px;padding:10px;font-size:15px}section{padding:0 40px 40px}section h1{margin-bottom:20px;font-size:38px}section p{max-width:700px;margin-bottom:20px;line-height:1.6}article{background-color:#fff;border-radius:14px;width:300px;margin-top:20px;padding:20px;box-shadow:0 2px 10px #00000014}.darkmode article{background-color:#1e1e1e}.product-image{object-fit:contain;width:100%;height:220px;margin:20px 0}article h3,article p{margin-bottom:10px}.products-grid{flex-wrap:wrap;gap:20px;display:flex}.cart-empty{margin-top:20px;font-size:22px}ul{margin-top:15px;margin-bottom:30px;padding-left:20px}li{margin-bottom:10px;line-height:1.5}@media (width<=768px){nav{flex-wrap:wrap;gap:12px;padding:20px}nav button{margin-left:0}section{padding:20px}article{width:100%}}