*{box-sizing:border-box}
body{margin:0;background:#17110c;color:#f3e6c8;font-family:Georgia,serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}
a{color:inherit;-webkit-tap-highlight-color:transparent}
.page-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:10px;border-bottom:1px solid #8d6a42}
.page-nav a,.mobile-departments a,.back-link{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;border:1px solid #c9a063;border-radius:4px;text-decoration:none;font-weight:bold;line-height:1.4}
.page-nav a[aria-current=page]{background:#e7c88e;color:#28180c}
.instructions{margin:0;padding:12px;text-align:center;line-height:1.5;background:#3a2515}
.market-scene{position:relative;display:block;width:100%;max-width:1536px;margin:auto;line-height:0}
.market-scene img{display:block;width:100%;max-width:100%;height:auto}
.department{position:absolute;display:block;background:transparent;border:0;cursor:pointer}
/* Bounds surround each original wooden sign; percentages follow the source image. */
.sauces{left:2%;top:5%;width:19.5%;height:25%}
.seasonings{left:23.5%;top:21%;width:10.5%;height:14%}
.syrups{left:66.5%;top:21%;width:12.5%;height:14%}
.gifts{left:80.5%;top:4%;width:17.5%;height:26%}
a:focus-visible{outline:3px solid #fff3c6;outline-offset:3px}
.department:focus-visible{outline:4px solid #fff3c6;outline-offset:0;border-radius:3px}
.mobile-departments{display:none}
.sr-only,.skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip:focus{position:relative;display:block;width:auto;height:auto;margin:8px;padding:12px;clip-path:none}
.category{max-width:720px;margin:clamp(30px,8vw,90px) auto;padding:0 24px;text-align:center;line-height:1.6}
.category h1{color:#e7c88e;font-size:clamp(30px,6vw,48px);line-height:1.2}
.category .eyebrow{color:#c9a063;font-size:16px}
.back-link{display:inline-flex;margin-top:20px}
@media(max-width:900px){
  .department{min-width:44px;min-height:44px}
  .syrups{left:64.5%}
  .mobile-departments{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:640px;margin:0 auto;padding:18px 14px}
  .mobile-departments a{min-height:56px;padding:12px;background:#2b1b10;text-align:center}
}