:root{font-family:Jost,Arial,sans-serif;color:#171717;background:#fff}*{box-sizing:border-box}body{margin:0}header{height:72px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:28px;padding:0 max(20px,calc((100% - 1240px)/2));position:sticky;top:0;background:#fff;z-index:2}.logo{font-weight:900;letter-spacing:.08em;text-decoration:none;color:#111;white-space:nowrap}form{display:flex;flex:1;max-width:520px}input{border:1px solid #ddd;border-radius:24px 0 0 24px;padding:12px 18px;font:inherit;flex:1}button{border:0;background:#111;color:#fff;padding:12px 18px;font:inherit;cursor:pointer}form button{border-radius:0 24px 24px 0}#cartButton{border-radius:24px}.hero{max-width:1240px;margin:0 auto;padding:72px 20px 48px}.eyebrow{font-size:12px;letter-spacing:.18em}.hero h1{font-size:clamp(36px,6vw,72px);line-height:1;margin:12px 0}.hero p{color:#666}.grid{max-width:1240px;margin:0 auto;padding:0 20px 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.card{border:1px solid #eee;border-radius:14px;overflow:hidden;background:#fff}.card img{width:100%;aspect-ratio:1;object-fit:cover;background:#f5f5f5}.cardBody{padding:15px}.card h3{font-size:16px;margin:0 0 10px}.price{font-weight:800;margin-bottom:12px}.card button,.primary{width:100%;border-radius:24px}.more{display:block;margin:0 auto 60px;border-radius:24px}.cart{position:fixed;right:0;top:0;width:min(420px,100%);height:100%;background:#fff;box-shadow:-8px 0 30px #0002;z-index:4;padding:28px;transform:translateX(100%);transition:.2s}.cart.open{transform:none}.close{float:right;border-radius:50%;padding:4px 12px}.cartRow{display:flex;gap:12px;border-bottom:1px solid #eee;padding:15px 0}.cartRow button{padding:4px 10px;background:#eee;color:#111}.cartTotal{font-size:20px;padding:24px 0}.notice{text-align:center;color:#b00;padding:15px}