*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#2b2622;background:#fbf9f6}main{max-width:1100px;margin:auto;padding:24px}a{color:inherit}.bar{background:#2b2622;color:#fff;text-align:center;font-size:13px;padding:6px}nav{display:flex;gap:18px;align-items:center;padding:14px 24px;border-bottom:1px solid #e6e0d8}nav a{text-decoration:none}.logo{font-weight:700;letter-spacing:.2em}.sp{flex:1}.hero{padding:60px 0;text-align:center}.btn{display:inline-block;background:#2b2622;color:#fff;padding:12px 24px;border:0;border-radius:2px;text-decoration:none;cursor:pointer}.btn:disabled{opacity:.4}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.card{display:block;text-decoration:none;background:#fff;padding:12px}.card img{width:100%;aspect-ratio:3/4;object-fit:cover}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.pdp{display:grid;grid-template-columns:1fr 1fr;gap:32px}.pdp img{width:100%}button.on{background:#2b2622;color:#fff}.price{font-size:20px;font-weight:600}.notice{background:#fff4d6;border:1px solid #e0c36a;padding:12px;margin:12px 0}.form input{display:block;width:100%;max-width:420px;padding:10px;margin:6px 0}table{border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid #e6e0d8}footer{display:flex;gap:16px;padding:24px;border-top:1px solid #e6e0d8;flex-wrap:wrap}.center{text-align:center;padding:80px}@media(max-width:700px){.pdp{grid-template-columns:1fr}nav{flex-wrap:wrap}}