/* One purchase surface shared by current and future cosmetic products. */
.commerce-dialog{position:fixed;inset:0;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:32px;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 24px 80px #0003;overflow:auto}
.commerce-dialog::backdrop{background:#18231d55;backdrop-filter:blur(4px)}
.checkout-close{position:absolute;right:15px;top:13px;min-width:36px;min-height:36px;background:none;border:0;font:25px var(--serif);color:var(--muted)}
.checkout-heading h2{font:29px/1.4 var(--serif);font-weight:400;letter-spacing:2px;margin:16px 0 8px}
.commerce-dialog p{font:12px/1.9 var(--sans);color:var(--muted);margin:10px 0 16px}
.checkout-test-note{border-block:1px solid var(--line);padding:13px 0;margin:21px 0 0;font:11px/1.8 var(--sans);color:var(--cinnabar)}
.checkout-facts{margin:15px 0 20px}.checkout-facts>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:8px 0;font:12px/1.65 var(--sans)}.checkout-facts dt{color:var(--muted)}.checkout-facts dd{margin:0}.checkout-facts a,.checkout-tx{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.checkout-address,.checkout-id{overflow-wrap:anywhere;font-size:11px}.checkout-state{border-top:1px solid var(--line);padding-top:17px}.checkout-state h3,.checkout-success{font:21px/1.5 var(--serif);font-weight:400;margin:0 0 10px}.checkout-success{color:var(--selected-line)}
.commerce-dialog .primary{width:100%;margin:16px 0 0;padding:13px;min-height:44px;font:14px var(--serif)}.commerce-dialog .primary:disabled{opacity:.6}.commerce-dialog .quiet{display:block;margin:10px auto;min-height:36px;font:12px var(--sans)}.commerce-dialog .checkout-error{color:var(--cinnabar)}
.checkout-hash-label{display:block;font:11px var(--sans);margin-bottom:8px}.commerce-dialog input{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:12px;font:12px var(--sans)}
.checkout-tx{font:12px/1.8 var(--sans);display:inline-block;margin:0 0 8px}.commerce-dialog .dress-guidance{margin-top:22px}.commerce-dialog .eyebrow{font-size:10px}
@media(max-width:500px){.commerce-dialog{padding:26px 22px}.checkout-heading h2{font-size:25px}.checkout-facts>div{grid-template-columns:64px minmax(0,1fr);gap:8px}}
.purchase-owned,.purchase-orders{padding:14px 0;border-top:1px solid var(--line);margin-top:20px}.purchase-owned h3,.purchase-orders h3{font:17px var(--serif);font-weight:400;margin:0 0 13px}.purchase-owned .quiet{text-align:left;margin:0;min-height:44px}.purchase-orders>button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:14px;text-align:left;padding:13px 0;border-bottom:1px solid var(--line);font:13px var(--serif)}.purchase-orders small{display:block;font:10px var(--sans);color:var(--muted);margin-top:5px}.purchase-orders>button>span:last-child{flex:none;font:10px var(--sans);color:var(--muted)}

.commerce-dialog{--paper:#f4f0e5;--card:#eeebdf;--cinnabar:#955743;--selected-line:#426453;box-sizing:border-box}.commerce-dialog .primary{display:block;text-align:center;background:#426453;color:#f4f0e5;border:0;text-decoration:none}.commerce-dialog .primary:focus-visible{outline:2px solid #955743;outline-offset:3px}
