*{box-sizing:border-box}body{margin:0;font-family:system-ui,"Segoe UI",Tahoma,sans-serif;background:#faf7f2;color:#2b2118;line-height:1.6}
a{color:inherit}.top{padding:14px 16px;background:#2b2118;color:#f5e6c8}.brand{font-weight:700;font-size:1.2rem;text-decoration:none}
main{max-width:1100px;margin:0 auto;padding:16px}h1{font-size:1.5rem;margin:.5em 0}.intro{color:#5a4a3a}
.cats{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.cats a{display:inline-block;padding:6px 12px;border:1px solid #c9a96b;border-radius:999px;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;padding:0;list-style:none}
.card a{display:block;text-decoration:none;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0002}
.card img,.noimg{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#eee4d4}.card h3{font-size:1rem;margin:8px 10px 0}
.price{font-weight:700;margin:2px 10px}.avail{margin:0 10px 10px;font-size:.9rem}.in{color:#2e7d32}.ask{color:#8a6d3b}
.gallery{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory}.gallery img{flex:0 0 88%;max-width:520px;aspect-ratio:4/5;object-fit:cover;border-radius:12px;scroll-snap-align:center}
.spin{position:relative;max-width:520px;touch-action:pan-y;user-select:none}.spin img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;display:none}.spin img.on{display:block}
.spin input{width:100%}.variants{width:100%;border-collapse:collapse;margin:12px 0}.variants td,.variants th{border-bottom:1px solid #e5dccd;padding:8px;text-align:start}
.wa{display:inline-block;margin:12px 0;padding:12px 20px;background:#1f8f4e;color:#fff;border-radius:999px;text-decoration:none;font-weight:700}
footer{max-width:1100px;margin:24px auto;padding:0 16px;color:#7a6a5a;font-size:.85rem}
@media (prefers-color-scheme:dark){body{background:#17120d;color:#f1e7d8}.card a{background:#241c14}.intro{color:#cdbca5}.variants td,.variants th{border-color:#3a2e22}}