/* The homestead stays visible around a self-contained shop, never navigated away. */
#waresPopup{padding:0;border:2px solid #a98b51;border-radius:14px;background:#eadcc1;color:#352b22;width:min(1200px,calc(100vw - 72px));max-width:none;height:min(850px,calc(100dvh - 72px));max-height:none;overflow:hidden;box-shadow:0 24px 90px #100d09aa}
#waresPopup[open]{display:flex;flex-direction:column;animation:wares-arrive .2s ease-out}
#waresPopup::backdrop{background:rgba(22,25,20,.66);backdrop-filter:blur(2px);animation:wares-dim .2s ease-out}
.wares-popup-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:10px 18px;background:#3c392d;color:#fff4d7;border-bottom:1px solid #bca269;font-family:Georgia,serif}
.wares-popup-bar h2{font-size:18px;margin:0;color:inherit}
#waresClose{font:600 15px/1.2 Georgia,serif;color:#fff4d7;background:#554c37;border:1px solid #bca269;border-radius:6px;padding:10px 14px;cursor:pointer;min-height:44px}
#waresClose:focus-visible{outline:3px solid #ffdf8e;outline-offset:2px}
#waresFrame{display:block;width:100%;flex:1;min-height:0;border:0;background:#f3eddf}
@keyframes wares-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes wares-dim{from{background:transparent}to{background:rgba(22,25,20,.66)}}
@media(max-width:600px){#waresPopup{width:calc(100vw - 24px);height:calc(100dvh - 44px);border-radius:10px}.wares-popup-bar{padding:8px 10px;gap:8px}.wares-popup-bar h2{font-size:15px}#waresClose{font-size:13px;padding:8px}}
@media(prefers-reduced-motion:reduce){#waresPopup[open],#waresPopup::backdrop{animation:none}}