*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#f4f5f7;color:#1f2430}.app{max-width:1100px;margin:0 auto;padding:1rem}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;flex-wrap:wrap;gap:.5rem}header h1{font-size:1.4rem;cursor:pointer}nav{display:flex;gap:.5rem;align-items:center}nav .user{font-weight:600;margin:0 .5rem}button{border:1px solid #d0d4dc;background:#fff;padding:.45rem .9rem;border-radius:8px;cursor:pointer;font-size:.9rem}button:hover{background:#eef1f5}button.active{background:#1f2430;color:#fff;border-color:#1f2430}button:disabled{opacity:.6;cursor:not-allowed}.filters{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.card{background:#fff;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 1px 3px #00000014;position:relative}.card img{height:140px;object-fit:contain}.card.oos img{filter:grayscale(1);opacity:.5}.stock-badge{position:absolute;top:.6rem;right:.6rem;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:999px;text-transform:uppercase}.stock-badge.out{background:#fde8e8;color:#c0392b}.stock-badge.low{background:#fef5e7;color:#b9770e}.card h3{font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}.card .category{font-size:.75rem;color:#7a8194;text-transform:uppercase}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.price{font-weight:700}.auth-card{max-width:360px;margin:2rem auto;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #00000014}.auth-card .tabs{display:flex;gap:.5rem;margin-bottom:1rem}.auth-card form{display:flex;flex-direction:column;gap:.75rem}.auth-card input{padding:.6rem;border:1px solid #d0d4dc;border-radius:8px;font-size:.95rem}.cart{max-width:700px;margin:0 auto}.cart-row{display:flex;align-items:center;gap:.75rem;background:#fff;border-radius:10px;padding:.6rem .9rem;margin-bottom:.5rem}.cart-row img{width:40px;height:40px;object-fit:contain}.cart-row .title{flex:1;font-size:.85rem}.qty{display:flex;align-items:center;gap:.4rem}.qty button{padding:.1rem .55rem}.remove{border:none;background:none;color:#c0392b}.cart-total{text-align:right;font-size:1.1rem;font-weight:700;margin:1rem 0}.payment{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #00000014}.payment-options{display:flex;gap:.75rem;margin:.75rem 0 1rem;flex-wrap:wrap}.payment-options label{display:flex;align-items:center;gap:.4rem;border:1px solid #d0d4dc;border-radius:8px;padding:.5rem .9rem;cursor:pointer}.payment-options label.selected{border-color:#1f2430;background:#eef1f5}.pay{width:100%;background:#1f7a3f;color:#fff;border:none;padding:.7rem;font-size:1rem}.pay:hover{background:#196534}.confirmation{text-align:center;background:#fff;border-radius:12px;padding:2rem;max-width:450px;margin:2rem auto;display:flex;flex-direction:column;gap:.75rem}.error{color:#c0392b;font-size:.85rem}