*{box-sizing:border-box}body{margin:0;background:#0f172a;color:#fff;font-family:Inter,Arial,sans-serif}.container{max-width:1400px;margin:auto;padding:20px}h1{text-align:center;margin-bottom:24px}.last-update{text-align:center;font-size:13px;color:#64748b;margin-bottom:20px;letter-spacing:.03em}.toolbar-section{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.toolbar-label{font-size:13px;font-weight:600;color:#94a3b8;min-width:58px;text-transform:uppercase;letter-spacing:.06em}.toggle-group{display:flex;flex-wrap:wrap;gap:6px}.toggle-btn{padding:6px 14px;border-radius:999px;border:1.5px solid #334155;background:transparent;color:#94a3b8;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.toggle-btn:hover{border-color:#64748b;color:#e2e8f0}.toggle-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.quality-toggle{background:transparent}.loading{text-align:center;margin:24px 0;color:#94a3b8;font-size:15px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:20px}@media(max-width:600px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}}.card{background:#1e293b;border-radius:12px;padding:15px;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-3px)}.card h3{margin:8px 0 2px;font-size:16px;font-weight:700}.quality-label{margin:0 0 6px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.card img{width:100%;height:110px;object-fit:contain;border-radius:8px}.price{font-size:24px;font-weight:700;margin-top:10px}.meta{color:#cbd5e1;font-size:13px}.card-placeholder{opacity:.55}.placeholder-img{width:100%;height:110px;border-radius:8px;background:#0f172a;display:flex;align-items:center;justify-content:center}.placeholder-message{font-size:15px;font-weight:700;color:#64748b;margin-top:10px}