*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;color:#18181b;background:#fafafa}a{color:inherit;text-decoration:none}.nav{background:#fff;border-bottom:1px solid #e5e5e5;padding:14px 24px;display:flex;gap:24px;align-items:center}.nav-brand{font-weight:700;font-size:18px}.nav-link{color:#525252;font-size:14px}.nav-link:hover{color:#18181b}.container{max-width:1100px;margin:0 auto;padding:24px}.hero{padding:48px 0 32px}.hero h1{font-size:28px;margin:0 0 8px}.hero p{color:#525252;margin:0}.search{display:flex;gap:8px;margin:24px 0}.search input{flex:1 1;padding:10px 14px;border:1px solid #d4d4d4;border-radius:8px;font-size:14px}.search button{padding:10px 16px;border:none;background:#18181b;color:#fff;border-radius:8px;font-weight:500;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;position:relative}.card-thumb{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#f4f4f5,#e4e4e7);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#a1a1aa}.card-name{font-weight:600;font-size:15px;min-height:40px}.card-price{font-weight:700;font-size:16px}.badge-sale{position:absolute;top:8px;left:8px;background:#dc2626;color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:4px;letter-spacing:.5px}.btn{padding:8px 14px;border:none;background:#18181b;color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.btn:hover{background:#27272a}.btn-secondary{background:#fff;color:#18181b;border:1px solid #d4d4d4}.empty{text-align:center;padding:60px 0;color:#71717a}.cart-row{display:flex;align-items:center;gap:16px;background:#fff;padding:16px;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:8px}.cart-row-name{flex:1 1}.qty{width:40px;text-align:center;padding:6px;border:1px solid #d4d4d4;border-radius:6px;font-size:14px}.total-row{display:flex;justify-content:space-between;align-items:center;padding:20px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-top:16px}.total-row .label{color:#525252}.total-row .value{font-weight:700;font-size:20px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#18181b;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.15);font-size:14px}.actions{display:flex;gap:8px;margin-top:24px}