@import url("../saved-artwork.css");
.window-shop-entry{display:flex;gap:6px;align-items:center;margin-top:10px;flex-wrap:wrap}
.window-shop-entry small{font-size:10px;opacity:.65}
.window-commerce{width:min(720px,calc(100% - 24px));max-height:90dvh;overflow:auto;padding:30px;border:1px solid #ffffff30;border-radius:18px;background:#f5f1e9;color:#252d35;font:14px/1.5 var(--sans)}
.window-commerce::backdrop{background:#070c18b8;backdrop-filter:blur(8px)}
.window-commerce h2{font:italic 30px Georgia,serif;margin:0 28px 10px 0}
.window-commerce button{font:inherit;cursor:pointer;color:inherit}
.window-commerce button:disabled{opacity:.5;cursor:wait}
.window-commerce [data-close]{float:right;border:0;background:transparent;font-size:25px;line-height:1}
.window-commerce .checkout-button{width:100%;padding:15px;background:#273e4c;color:white;border:0;border-radius:4px}
.window-commerce [role=status]{font-size:13px;min-height:1.5em}
.window-commerce .cart-item{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #ccc}
.window-commerce .cart-item img{width:64px;height:64px;object-fit:cover}
.window-commerce .cart-item h3,.window-commerce .cart-item p{margin:0;font-size:13px}
.window-commerce .cart-summary>div{display:flex;justify-content:space-between;padding:8px 0}
.window-commerce .remove-item{border:0;background:transparent;text-decoration:underline}
@media(max-width:600px){.window-commerce{padding:20px}.letter-tools{max-width:70%}.window-shop-entry small{flex-basis:100%}.window-shop-entry .icon-btn{font-size:10px;padding:0 8px;height:32px}.panel{bottom:12px}.hint{bottom:auto;top:80px;font-size:10px;padding:8px}}
.window-commerce p{color:#56606a}
.window-commerce [role=status]{color:#273e4c}
.window-artwork-preview { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.window-treatment-choice { flex: 0 0 132px; }
.window-treatment-choice .dialog-thumbnail { display: block; }
.window-treatment-choice canvas { display: block; width: 100%; height: 100%; }
.window-treatment-choice > span { display: block; margin-top: 6px; color: rgba(17,17,15,.65); font: .62rem/1.4 var(--mono); }
.window-purchase-note { margin: 18px 0 0; color: rgba(17,17,15,.65); font-size: .72rem; line-height: 1.5; }
.window-purchase-status { margin: 10px 0 0; font-size: .75rem; }
.window-purchase-status:empty { display: none; }

/* Keep the preview square so its full-bleed crop matches the finished Carré. */
.window-product-gallery { max-height: none; grid-template-rows: auto auto auto; }
.window-product-gallery .dialog-gallery-stage { aspect-ratio: 1; height: auto; }