*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111827;background:#fafafa}img{max-width:100%;display:block}button,input,select{font:inherit}:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.container{width:min(1100px,92vw);margin-inline:auto}.header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:10}.header__inner{display:flex;align-items:center;gap:1rem;padding:.8rem 0}.brand{font-weight:800;letter-spacing:.2px}.controls{display:grid;gap:.75rem;padding:1rem 0}@media (min-width: 720px){.controls{grid-template-columns:1fr auto auto;align-items:end}}.grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 640px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 980px){.grid{grid-template-columns:repeat(4,1fr)}}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.card__media{aspect-ratio:4/3;background:#f3f4f6;position:relative}.card__body{padding:.9rem;display:grid;gap:.4rem}.card__title{font-weight:700;line-height:1.2}.card__price{color:#0f766e;font-weight:700}.badge{font-size:.75rem;background:#eef2ff;color:#3730a3;border-radius:999px;padding:.2rem .5rem;width:fit-content}.muted{color:#6b7280}.toolbar{display:contents}.search{width:100%;padding:.6rem .8rem;border:1px solid #e5e7eb;border-radius:10px}.select,.sort{padding:.6rem .8rem;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.footer{padding:2rem 0;color:#6b7280;text-align:center}.pagination{display:flex;gap:.5rem;justify-content:center;align-items:center;margin:1.25rem 0}.page-btn{border:1px solid #e5e7eb;background:#fff;padding:.4rem .7rem;border-radius:10px}.page-btn[aria-current=page]{background:#111827;color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}