/* 1988 arena souvenir counter: blue enamel, orange wayfinding and concrete. */
.shop-window{margin-top:40px;border:3px solid #12376b;border-top:7px solid #e45b29;background:#12376b;color:#fff5df;box-shadow:0 5px 0 #b8c0c6}
.shop-window-scene{position:relative;isolation:isolate;min-width:0;background:#303b44}
.shop-window-backdrop{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;image-rendering:pixelated}
.shop-window-sign{position:absolute;top:17.5%;left:7.5%;width:49.7%;height:9%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;font:clamp(13px,2vw,28px)/1.2 var(--type-arcade);letter-spacing:-.04em;color:#12376b;text-align:center}
.shop-window-sign small{font:clamp(6px,.8vw,11px)/1.5 var(--type-arcade);letter-spacing:.12em}
.shop-window-products{position:absolute;left:12%;top:30%;width:41%;height:31%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1%}
.shop-window-wall-link{position:relative;display:block;width:100%;min-width:0;min-height:44px;padding:0;border:0;background:transparent;cursor:pointer;color:#12376b}
.shop-window-wall-link span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.shop-window-wall-link:hover{background:#fff4df18;box-shadow:inset 0 0 0 2px #ffb18a}
.shop-window-wall-link:focus-visible{outline:3px solid #ffe178;outline-offset:2px;background:#ffe1781a}
.shop-window-door{position:absolute;left:40%;top:69%;width:16%;height:12%;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:14px;padding:6px;border:2px solid #fff4df;background:#e45b29;color:#fff4df;font:clamp(6px,.7vw,10px)/1.8 var(--type-arcade);box-shadow:4px 4px 0 #12376b}
.shop-window-door b{font-size:16px}.shop-window-door:hover{background:#fff4df;color:#12376b}
.shop-window-copy{padding:30px 34px 22px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px 32px;border-top:5px solid #e45b29}
.shop-window-eyebrow{font:8px/1.9 var(--type-arcade);letter-spacing:.015em;color:#ffb18a;margin:0 0 13px}
.shop-window-copy h2{font:700 clamp(27px,3vw,40px)/1.1 var(--type-reading);letter-spacing:-.035em;color:#fff5df;margin:0 0 10px}
.shop-window-intro>p:last-child{font:16px/1.5 var(--type-reading);margin:0;color:#d2dce8}
.shop-window-enter{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:58px;padding:17px 22px;border:2px solid #fff4df;border-bottom:5px solid #a23519;background:#e45b29;color:#fff5df;font:9px/1.8 var(--type-arcade);box-shadow:4px 4px 0 #0a2146}
.shop-window-enter:hover{background:#f2703e}.shop-window-enter:focus-visible,.shop-window-departments button:focus-visible,.shop-window-door:focus-visible{outline:3px solid #ffe178;outline-offset:4px}
.shop-window-departments{display:flex;align-items:center;gap:0;grid-column:1/-1;border-top:1px solid #6b87ad;border-bottom:1px solid #6b87ad}
.shop-window-departments button{display:flex;align-items:center;justify-content:center;gap:30px;flex:1;min-height:54px;border:0;background:transparent;padding:12px;color:#fff5df;font:8px/1.8 var(--type-arcade)}
.shop-window-departments button+button{border-left:1px solid #6b87ad}.shop-window-departments button:hover{background:#224e87;color:#ffd0b4}.shop-window-departments button span{font:20px var(--type-reading)}
.shop-window-note{grid-column:1/-1;font:12px/1.5 var(--type-reading);color:#becfe2;margin:-9px 0 0}
@media(max-width:760px){.shop-window{margin-top:28px;border-width:2px;border-top-width:5px}.shop-window-backdrop{aspect-ratio:2/1;object-position:50% 50%}.shop-window-sign{font-size:clamp(7px,2.1vw,15px);gap:5px}.shop-window-sign small{font-size:4px;letter-spacing:0}.shop-window-products{left:12%;width:42%;gap:0;grid-template-columns:repeat(3,minmax(44px,1fr))}.shop-window-door{left:41%;top:68%;width:18%;height:22%;gap:6px;font-size:6px;padding:5px}.shop-window-door b{font-size:11px}.shop-window-copy{padding:24px 18px 18px;grid-template-columns:1fr;gap:20px}.shop-window-eyebrow{font-size:6px;line-height:2}.shop-window-copy h2{font-size:30px;max-width:280px}.shop-window-intro>p:last-child{font-size:14px;max-width:280px}.shop-window-enter{width:100%;min-height:54px;font-size:8px;padding:15px 16px}.shop-window-departments{gap:0;grid-column:auto}.shop-window-departments button{font-size:6px;gap:7px;min-height:48px;padding:8px 4px}.shop-window-departments button span{font-size:16px}.shop-window-note{grid-column:auto;font-size:11px;margin:-5px 0 0}}
