.shop-panel{max-width:900px;margin:auto;padding:24px;background:#fffdf8;border:1px solid #4d4a55;border-radius:16px;line-height:1.7;overflow-wrap:anywhere}
.shop-panel button{font:inherit;min-height:48px;max-width:100%;padding:10px;white-space:normal;margin:8px;border:2px solid #6c626f;border-radius:8px;background:#fff;color:#29212d}
.shop-panel button:focus-visible{outline:3px solid #6c369c;outline-offset:3px}.shop-panel [aria-pressed=true]{border-color:#6c369c;box-shadow:0 0 0 2px #6c369c}
.shop-options,.shop-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.shop-options article,.shop-areas>section{padding:16px;border:1px solid #cfc5cf;border-radius:10px;min-width:0}.shop-options button{display:block;width:100%;margin:0;text-align:start}
.shop-reasons{display:grid;gap:8px}.shop-reasons button{margin:0;text-align:start}.shop-nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}
.shop-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-counts>div{padding:12px;background:#f2edf4;border-radius:8px}.shop-counts dd{font-weight:700;margin-inline-start:0}.shop-panel details{margin:24px 0}.shop-panel :disabled{opacity:.55}
@media(max-width:600px){.shop-panel{padding:16px}.shop-options,.shop-areas,.shop-counts{grid-template-columns:1fr}.shop-nav{display:block}.shop-nav button,.shop-panel>button{display:block;width:100%;margin:12px 0}}