@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0f0f0f;min-height:100vh;font-family:Inter,sans-serif}.app{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 4rem}.header{align-items:center;gap:.6rem;margin-bottom:1.5rem;display:flex}.header svg{color:#555}.header h1{color:#fff;font-size:1.1rem;font-weight:600}.page-info{color:#444;margin-left:auto;font-size:.75rem}.grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width>=540px){.grid{grid-template-columns:repeat(3,1fr)}}@media (width>=900px){.grid{grid-template-columns:repeat(4,1fr)}}.card{background:#161616;border:1px solid #1e1e1e;border-radius:10px;transition:border-color .15s;overflow:hidden}.card:hover{border-color:#2e2e2e}.img-wrap{aspect-ratio:1;background:#1a1a1a;position:relative}.img-wrap img{object-fit:contain;width:100%;height:100%;padding:.6rem;display:block}.badge{color:#fca5a5;background:#7f1d1d;border-radius:4px;padding:2px 5px;font-size:.65rem;font-weight:600;position:absolute;top:7px;left:7px}.card-body{padding:.75rem}.brand{color:#444;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.2rem;font-size:.65rem}.title{color:#ccc;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.4rem;font-size:.82rem;font-weight:500;display:-webkit-box;overflow:hidden}.stars{color:#92400e;margin-bottom:.35rem;font-size:.72rem;display:block}.rating-num{color:#555;margin-left:.25rem;font-size:.68rem}.price-row{align-items:baseline;gap:.4rem;display:flex}.price{color:#fff;font-size:.9rem;font-weight:600}.original{color:#3a3a3a;font-size:.72rem;text-decoration:line-through}.stock{color:#444;margin-top:.2rem;font-size:.68rem}.card.skeleton{pointer-events:none}.sk-img{aspect-ratio:1;background:linear-gradient(90deg,#1a1a1a 25%,#222 50%,#1a1a1a 75%) 0 0/200% 100%;animation:1.4s infinite shimmer}.sk-line{background:linear-gradient(90deg,#1a1a1a 25%,#222 50%,#1a1a1a 75%) 0 0/200% 100%;border-radius:3px;height:9px;margin-bottom:.4rem;animation:1.4s infinite shimmer}.w40{width:40%}.w50{width:50%}.w60{width:60%}.w80{width:80%}.pagination{justify-content:center;gap:.5rem;margin-top:2rem;display:flex}.pagination button{color:#666;cursor:pointer;background:#161616;border:1px solid #222;border-radius:6px;padding:.5rem 1.25rem;font-family:Inter,sans-serif;font-size:.82rem;transition:border-color .12s,color .12s}.pagination button:hover{color:#fff;border-color:#444}.pagination button:disabled{opacity:.2;cursor:not-allowed}.status{text-align:center;color:#555;margin-top:5rem;font-size:.85rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}