/* The amount and the logo occupy the same button; no price remains visible
   or in the accessibility tree while masked. This is not access control. */
button.purchase-price-mask{box-sizing:border-box;display:inline-grid;grid-template-areas:"price";align-items:center;justify-items:center;vertical-align:middle;min-height:66px;min-width:112px;max-width:100%;padding:6px 8px;border:1px solid #b9d1c4;border-radius:12px;background:#fff;color:#20583d;font:inherit;cursor:pointer;text-align:center;white-space:normal;box-shadow:0 2px 6px #18374608}
.purchase-price-mask>span{grid-area:price;min-width:0;max-width:100%}
.purchase-price-value{display:none;grid-template-columns:minmax(0,1fr);align-items:center;justify-content:center;gap:4px 6px}
.purchase-price-value strong{font-size:28px;font-variant-numeric:tabular-nums;line-height:1.15;overflow-wrap:anywhere}
.purchase-price-mask small{display:block;font-size:11px!important;font-weight:500;letter-spacing:0;color:#385568;line-height:1.3;grid-column:1/-1}
.purchase-price-mask svg,.purchase-cost-hide svg{width:18px;height:18px;display:block}
.purchase-price-mask:not(.purchase-price-compact) .purchase-price-value svg{display:none}
.purchase-price-mask .purchase-price-logo{display:block}
.purchase-price-logo img{display:block;object-fit:contain;width:112px;max-width:100%;height:37px;margin:auto}
button.purchase-price-mask:hover,button.purchase-cost-hide:hover{background:#f1f6fc;border-color:#6c91bb}
button.purchase-price-mask:focus-visible,button.purchase-cost-hide:focus-visible{outline:3px solid #236ed8;outline-offset:3px}
button.purchase-price-compact{height:44px;min-height:44px;width:112px;min-width:112px;padding:3px 8px;border-radius:10px;border-color:transparent;background:#edf5f1;box-shadow:none;flex-shrink:0}
.purchase-price-compact .purchase-price-value strong{font-size:14px}
.purchase-price-compact .purchase-price-value{grid-template-columns:auto 18px}
.purchase-price-compact .purchase-price-value small{display:none}
.purchase-price-compact .purchase-price-logo img{width:94px;height:32px}
.purchase-price-compact .purchase-price-logo small{display:none}
.catalog-wholesale .purchase-price-mask{width:100%}
.catalog-wholesale .purchase-price-mask{height:66px;flex-shrink:0}
.catalog-wholesale-inline .purchase-price-mask{margin-left:5px}
.lookup-wholesale{display:block;margin-top:8px;white-space:normal}
.lookup-wholesale>.purchase-price-mask{margin:4px 8px;vertical-align:middle}
.purchase-cost-field{display:grid;gap:6px;align-content:start;min-width:0;color:#475563;font-size:12px;font-weight:600}
.purchase-cost-entry{display:flex;align-items:stretch;gap:6px;min-width:0}
.purchase-cost-entry>input{flex:1;min-width:0;width:100%}
button.purchase-cost-hide{display:grid;place-items:center;flex:0 0 44px;min-height:44px;border:1px solid #b9cadc;border-radius:10px;color:#244e73;background:#fff;cursor:pointer}
.purchase-cost-entry>.purchase-input-mask{display:none;min-height:44px;width:100%;padding:3px 8px}
.purchase-input-mask .purchase-price-logo{align-items:center;justify-content:center;gap:10px}
.purchase-input-mask .purchase-price-logo img{width:90px;height:32px}
.purchase-price-mask[data-purchase-price-revealed="true"] .purchase-price-value{display:grid}
.purchase-price-mask[data-purchase-price-revealed="true"] .purchase-price-logo{display:none}
.purchase-cost-field:not([data-purchase-price-revealed="true"]) .purchase-cost-entry>input,
.purchase-cost-field:not([data-purchase-price-revealed="true"]) .purchase-cost-entry>.purchase-cost-hide{display:none}
.purchase-cost-field:not([data-purchase-price-revealed="true"]) .purchase-cost-entry>.purchase-input-mask{display:inline-grid}
.purchase-input-mask .purchase-price-logo{display:flex}