*{box-sizing:border-box}body{margin:0;background:#050505;color:#fff;font-family:Arial}img{max-width:100%}.top{display:flex;gap:10px;flex-wrap:wrap;padding:14px;background:#111;position:sticky;top:0}.logo{font-size:28px;font-weight:800;color:#e63946}input,select{padding:12px;border:none;border-radius:10px}button{padding:12px 16px;border:none;border-radius:10px;background:#e63946;color:#fff;cursor:pointer}nav{display:flex;gap:8px;overflow:auto;padding:10px;background:#0d0d0d}#app{padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.card{background:#111;border-radius:16px;overflow:hidden}.card img{width:100%;height:210px;object-fit:cover}.pad{padding:14px}.hide{display:none}#cart{position:fixed;right:0;top:0;width:380px;max-width:100%;height:100%;background:#111;padding:16px;overflow:auto}.detail{max-width:900px;margin:auto;padding:20px}.detail img{width:100%;max-height:420px;object-fit:cover;border-radius:12px}.row{display:flex;justify-content:space-between;gap:8px;margin:10px 0}.flash{animation:pop .4s}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@media(max-width:600px){#app{grid-template-columns:1fr}.logo{font-size:22px}}