:root{--bg:#e8eeec;--ink:#1c2a29;--accent:#2643e8;--card:#f6f9f8;--line:#c5d1ce}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Bricolage Grotesque,system-ui,sans-serif}a{color:inherit}.pad{padding:2rem clamp(1rem,5vw,4rem);max-width:1200px;margin:auto}.bar{display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1rem,5vw,4rem);border-bottom:2px solid var(--ink)}.logo{font-size:1.6rem;font-weight:700;text-decoration:none;color:var(--accent)}nav{display:flex;gap:1.5rem}nav a{text-decoration:none}nav a.active{border-bottom:2px solid var(--accent)}h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.05;margin:0 0 1.5rem;max-width:14ch}.tools{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem}input,select{padding:.6rem .8rem;border:1px solid var(--ink);background:var(--card);font:inherit;border-radius:4px}button{padding:.6rem 1rem;border:0;background:var(--accent);color:#fff;font:inherit;font-weight:700;border-radius:4px;cursor:pointer}button:hover{background:var(--ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.card{background:var(--card);padding:.75rem;border:1px solid var(--line)}.card img,.detail img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;background:var(--line)}.card h3{margin:.6rem 0 .3rem}.card a{text-decoration:none}.row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.detail{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.price{font-size:1.5rem;font-weight:700}.line{display:grid;grid-template-columns:64px 1fr 80px 70px;gap:1rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--line)}footer{border-top:2px solid var(--ink);margin-top:3rem}@media (max-width:700px){.detail{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}