/* One purchase window for every collectible. Checkout stays in view. */
.item-preview-button{cursor:pointer}
.item-preview-button:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.purchase-modal{width:min(940px,calc(100% - 24px));max-width:940px;max-height:calc(100dvh - 24px);padding:22px;overflow:hidden}
.purchase-modal[open]{display:flex;flex-direction:column}
.purchase-modal .modal-head{flex:none;margin:0 0 16px;padding:0;position:static}
.purchase-modal .modal-head h2{font-size:24px;line-height:1.25}
.purchase-modal .modal-head .icon-button{flex:none}
.purchase-modal .paint-configurator{grid-template-columns:minmax(0,1.1fr) minmax(300px,1fr);gap:24px;min-height:0;max-height:calc(100dvh - 112px)}
.purchase-modal .paint-showroom{min-height:0;justify-content:space-between}
.purchase-modal .paint-showroom-caption{padding:16px 16px 0;font-size:12px;letter-spacing:.07em;flex:none}
.purchase-modal .paint-showroom-caption .rarity{font-size:12px;letter-spacing:0}
.purchase-modal #paint-preview{min-height:0;overflow:hidden}
.purchase-modal #paint-preview .product-art{width:min(100%,360px,calc(100dvh - 230px));height:auto;aspect-ratio:1;max-width:100%;max-height:100%;margin:0;flex:none;transform:none}
.purchase-modal .paint-caption{padding:0 14px 16px;gap:3px;flex:none}
.purchase-modal .paint-caption>span{font-size:12px;letter-spacing:.08em}
.purchase-modal .paint-caption strong{font-size:16px;line-height:1.3}
.purchase-modal .paint-details{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px;min-width:0;min-height:0}
.purchase-modal .paint-information{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.purchase-modal .paint-title>small{font-size:12px;letter-spacing:.08em}
.purchase-modal .paint-title h3{font-size:28px;line-height:1.15;margin:5px 0 8px}
.purchase-modal .paint-title p{font-size:14px;line-height:1.4;margin:0 0 14px}
.purchase-modal .paint-choices legend{font-size:14px;margin-bottom:8px}
.purchase-modal .paint-choices legend>span{font-size:12px}
.purchase-modal .paint-options{gap:6px}
.purchase-modal .paint-option{font-size:14px;line-height:1.2;min-height:44px;padding:7px 10px;gap:10px}
.purchase-modal .paint-chip{width:32px;height:26px;flex:none}
.purchase-modal .paint-owned-label{font-size:12px;margin-top:2px}
.purchase-modal .paint-checkout{min-width:0;background:#111b26}
.purchase-modal .paint-price{margin:0;padding-top:12px;gap:8px}
.purchase-modal .paint-price>span:first-child{font-size:14px}
.purchase-modal .paint-price>.money{font-size:21px;white-space:nowrap}
.purchase-modal .paint-included{font-size:12px;line-height:1.35;margin:4px 0 10px}
.purchase-modal .paint-purchase{min-height:46px;margin:0;transform:none}
.purchase-modal .paint-purchase-note{font-size:12px;line-height:1.35;margin:8px 0 0;min-height:0}
.purchase-modal .single-finish .paint-details{align-content:center}
.purchase-modal .single-finish .paint-title p{margin-bottom:0}
@media(max-width:680px){
 .purchase-modal{padding:14px;width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:14px}
 .purchase-modal .modal-head{margin-bottom:10px}
 .purchase-modal .modal-head h2{font-size:21px}
 .purchase-modal .paint-configurator{grid-template-columns:minmax(0,1fr);grid-template-rows:clamp(100px,20dvh,160px) minmax(0,1fr);gap:12px;max-height:calc(100dvh - 90px)}
 .purchase-modal .paint-showroom{position:relative;display:block}
 .purchase-modal .paint-showroom-caption{position:absolute;inset:10px 10px auto;padding:0;z-index:1;align-items:start;font-size:12px;pointer-events:none}
 .purchase-modal .paint-showroom-caption>span:first-child{max-width:85px}
 .purchase-modal #paint-preview{height:100%;padding:3px}
 .purchase-modal #paint-preview .product-art{width:auto;height:100%;max-width:100%;aspect-ratio:1}
 .purchase-modal .paint-caption{display:none}
 .purchase-modal .paint-details{gap:12px}
 .purchase-modal .paint-title h3{font-size:24px;margin:3px 0 6px}
 .purchase-modal .paint-title p{margin-bottom:12px}
 .purchase-modal .paint-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .purchase-modal .paint-option{position:relative;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:76px;padding:8px;font-size:14px;gap:6px}
 .purchase-modal .paint-chip{width:30px;height:20px}
 .purchase-modal .paint-check{position:absolute;right:7px;top:8px;width:16px}
 .purchase-modal .paint-check .icon{width:16px;height:16px}
 .purchase-modal .paint-price{padding-top:10px}
 .purchase-modal .paint-price>.money{font-size:20px}
 .purchase-modal .paint-included{margin-bottom:8px}
 .purchase-modal .paint-purchase-note{margin-top:6px}
}
@media(max-width:680px) and (max-height:630px){
 .purchase-modal .paint-configurator{grid-template-rows:80px minmax(0,1fr);gap:8px}
 .purchase-modal .paint-title p{margin-bottom:8px}
 .purchase-modal .paint-details{gap:8px}
 .purchase-modal .paint-option{min-height:70px}
}
@media(min-width:681px) and (max-height:580px){
 .purchase-modal{padding:14px}
 .purchase-modal .modal-head{margin-bottom:10px}
 .purchase-modal .paint-configurator{max-height:calc(100dvh - 94px);gap:18px}
 .purchase-modal .paint-title h3{font-size:24px}
 .purchase-modal .paint-details{gap:8px}
 .purchase-modal .paint-title p{margin-bottom:10px}
 .purchase-modal .paint-price{padding-top:8px}
}