/* Rat King design presentation within the storefront landing layout. */
.rat-king-product .showcase-visual{max-width:400px;justify-self:center}
.rat-king-product .showcase-photo{height:auto;aspect-ratio:.78;border:1px solid #d9c78960;background:#161713;cursor:zoom-in}
.rat-king-product .showcase-sticker{position:static;display:block;width:fit-content;margin:0 0 14px auto;padding:10px 14px;transform:none;box-shadow:none}
.rat-king-product .showcase-visual:has([data-design-view=sheet].design-open){max-width:100%}
.rat-king-product .showcase-photo[data-design-view=sheet]{aspect-ratio:5863/2338}
.design-open>img,.design-thumb>img{position:absolute;left:50%;top:0;width:auto;max-width:none;height:100%;transform:translateX(-15%)}
.design-open[data-design-view=front]>img,.design-thumb[data-design-view=front]>img{clip-path:inset(0 70% 0 0)}
.design-open[data-design-view=back]>img,.design-thumb[data-design-view=back]>img{clip-path:inset(0 40% 0 30%)}
.design-open[data-design-view=side]>img,.design-thumb[data-design-view=side]>img{clip-path:inset(0 5% 0 60%)}
.design-open[data-design-view=back]>img,.design-thumb[data-design-view=back]>img{transform:translateX(-44%)}
.design-open[data-design-view=side]>img,.design-thumb[data-design-view=side]>img{transform:translateX(-77%)}
.design-open[data-design-view=sheet]>img,.design-thumb[data-design-view=sheet]>img{position:static;width:100%;height:100%;object-fit:contain;transform:none}
.design-open:not([data-design-view=sheet])>img{top:50%;height:100%;transform:translate(-15%,-50%)}
.design-open[data-design-view=back]>img{transform:translate(-44%,-50%)}
.design-open[data-design-view=side]>img{height:88%;transform:translate(-77%,-50%)}
.design-thumb{display:block;position:relative;overflow:hidden;width:100%;height:100%;background:#a3453e}
.design-thumbnails button{width:54px;height:64px}
.design-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 5px;color:#c7c0b3;font:400 .63rem/1.6 var(--mono)}
.design-caption .text-link{font:inherit;min-height:44px;display:inline-flex;align-items:center}
.preorder-schedule{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px;margin-top:24px}
.preorder-timing,.preorder-window{padding-left:16px;border-left:3px solid #e8cd82}
.preorder-schedule .preorder-timing{margin-top:0}
.preorder-timing>span,.preorder-window>span{display:block;color:#e8cd82;font:600 .58rem/1.5 var(--mono);letter-spacing:.08em}
.preorder-timing>strong{display:block;font:700 1.12rem/1.6 var(--mono);color:#f0dfb1;margin-top:4px}
.preorder-window>strong{display:block;font:700 1.65rem/1.35 var(--mono);color:#f0dfb1;margin-top:4px}
.preorder-timing>p,.preorder-window>p{font:400 .72rem/1.7 var(--mono);color:#d2cec2;margin-top:5px;max-width:57ch}
.window-dates{color:#e8cd82}
.preorder-window .window-dates{font-size:.61rem;line-height:1.65;margin-top:9px}
.window-dates>span{display:block}
.window-dates time{display:inline;font-weight:600}
.window-dates .campaign-zone{margin-top:3px;font-size:.6rem;color:#d2cec2}
.preorder-window .campaign-countdown{margin-top:5px;color:#f0dfb1}
.campaign-countdown>span{display:block;font-size:.61rem;text-transform:uppercase;letter-spacing:.06em}
.campaign-countdown output{display:block;font:700 clamp(1.2rem,1.65vw,1.55rem)/1.45 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.rat-king-product .showcase-purchase .button:disabled{background:#cbc8be;color:#24241c;opacity:.7}
#availability-retry{margin-top:8px;min-height:44px;font:600 .72rem var(--mono)}
#cart-message:empty{display:none}
@media(max-width:500px){.preorder-schedule{grid-template-columns:1fr;gap:18px}}
.rat-king-product .product-artist h2{font-size:1.4rem;color:var(--gold);letter-spacing:.02em}
@media(max-width:800px){.rat-king-product .showcase-visual{max-width:340px}.rat-king-product .showcase-info h1{max-width:12ch}.design-caption{font-size:.6rem}.design-thumbnails button{width:44px;height:54px}.preorder-timing{margin-top:24px}.rat-king-product .product-artist h2{font-size:1.2rem}}
@media(max-width:420px){.design-caption{align-items:start;flex-direction:column;gap:0}}
dialog{margin:auto;width:min(1500px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid #777456;background:#111;color:#fff;overflow:hidden}
dialog::backdrop{background:#000d;backdrop-filter:blur(5px)}
.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px}
.dialog-header h2{font:400 20px/1.4 var(--display)}
.dialog-header p{font:10px/1.7 var(--mono);color:#bbb;margin-top:2px}
.dialog-close,.dialog-toolbar button{min-width:44px;min-height:44px;padding:10px 14px;background:transparent;border:1px solid #7e7f69;color:#fff;font:500 10px var(--mono);cursor:pointer}
.dialog-close:hover,.dialog-toolbar button:hover{border-color:#ead184;color:#ead184}
.dialog-close span{font-size:17px;margin-left:12px}
.design-viewport{overflow:auto;max-height:calc(100dvh - 230px);background:#a0443e;overscroll-behavior:contain}
.design-viewport img{display:block;width:100%;height:auto;max-width:none}
.design-viewport[data-zoomed=true] img{width:max(200%,1400px)}
.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 22px}
.dialog-toolbar p{font:10px/1.5 var(--mono);color:#bbb}
body:has(dialog[open]){overflow:hidden}

@media(max-width:800px){dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.dialog-header{padding:14px}.dialog-header h2{font-size:16px}.dialog-header p{font-size:9px}.dialog-close{font-size:9px;padding:8px}.dialog-close span{margin-left:5px}.dialog-toolbar{padding:12px 14px}.dialog-toolbar p{font-size:9px}.design-viewport{max-height:calc(100dvh - 210px)}}