:root{--bg:#fdfbf7;--card:#fff;--text:#1f2937;--gold:#c5a028}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.container{max-width:1160px;margin:0 auto;padding:1rem}.header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:#111;color:#fff;border-bottom:1px solid #333}.toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.75rem;gap:.75rem;margin:1rem 0}input,select{padding:.6rem;border-radius:8px;border:1px solid #d1d5db;width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.card{background:var(--card);border:1px solid #eee;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px -18px rgba(17,24,39,.8);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 16px 36px -22px rgba(17,24,39,.95)}.thumb-wrap{position:relative}.thumb{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#f3f4f6}.karat-chip{position:absolute;top:.6rem;left:.6rem;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;background:rgba(17,24,39,.86);color:#fff}.card-body{padding:.8rem}.card-body h3{margin:0 0 .35rem;font-size:1rem}.price{color:var(--gold);font-weight:700;margin:.5rem 0 0}.meta{color:#6b7280;font-size:.85rem;margin:0}.description{margin:.4rem 0 0;color:#4b5563;font-size:.86rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:960px){.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem}}