.header nav a.shop-tab, #menu a.shop-tab { background:#77584d; color:#fff; padding:10px 21px; border-radius:3px; text-decoration:none; }
.header nav a.shop-tab:hover, #menu a.shop-tab:hover { background:#65493f; }
.embedded-shop { padding:55px 0; scroll-margin-top:100px; }
.embedded-shop .shop-intro { margin-bottom:32px; }
.embedded-shop .shop-intro h2 { font-family:'Rock Salt',cursive; }
#shop-panel { position:fixed; inset:0; margin:auto; width:min(1100px,94vw); max-width:94vw; max-height:90dvh; padding:24px; border:1px solid #a27d70; border-radius:5px; overflow:auto; }
#shop-panel::backdrop { background:rgba(37,35,33,.65); }
.embedded-panel-bar { position:sticky; top:-24px; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:16px; background:#f0ebe4; padding:12px 0; border-bottom:1px solid #c5b5a8; }
.embedded-panel-bar h2 { margin:0; font-size:18px; }
.embedded-panel-bar button { min-height:44px; border:1px solid #77584d; padding:8px 16px; background:#77584d; color:#fff; cursor:pointer; }
body.shop-panel-open { overflow:hidden; }
#shop-panel [aria-busy=true] { opacity:.65; }
#shop-panel :focus-visible, #shop :focus-visible, .shop-tab:focus-visible { outline:3px solid #4c352a; outline-offset:4px; }
@media(max-width:600px) { #shop-panel { padding:16px; width:96vw; max-width:96vw; } .embedded-panel-bar { top:-16px; } .embedded-shop { padding:30px 0; } }