/* Scoped checkout styles reuse the approved PCJ typography and controls. */
#pcj-secure-checkout{max-width:1400px;margin-inline:auto;overflow-wrap:anywhere}
#pcj-secure-checkout .pcj-pay-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,5vw,72px)}
#pcj-secure-checkout .pcj-pay-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#pcj-secure-checkout label{display:flex;flex-direction:column;gap:7px;font-size:15px}
#pcj-secure-checkout input,#pcj-secure-checkout select{width:100%;min-width:0;border:1px solid #bcb4a6;background:#fff;padding:13px;font:inherit;color:#171512}
#pcj-secure-checkout .pcj-pay-consent{display:flex;flex-direction:row;align-items:flex-start;gap:10px;margin-block:24px;line-height:1.6}
#pcj-secure-checkout input[type=checkbox]{width:18px;flex:0 0 18px;margin-top:4px}
#pcj-secure-checkout aside{border:1px solid #ded8cd;padding:24px;align-self:start;background:#f6f3ee}
#pcj-secure-checkout .pcj-pay-totals{margin-block:24px}
#pcj-secure-checkout .pcj-pay-totals>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #d8d1c5}
#pcj-secure-checkout .pcj-pay-totals dd{margin:0;white-space:nowrap}
#pcj-secure-checkout .pcj-pay-totals>div:last-child{font-weight:600;border-block:1px solid #8c8376}
#pcj-secure-checkout .pcj-pay-test{padding:12px;background:#fff3cb;border:1px solid #b19447;font-weight:600}
#pcj-secure-checkout button:disabled{opacity:.5;cursor:not-allowed}
.pcj-checkout-off{padding:14px;border:1px solid #b7a16e;background:#f5f0e5}
@media(max-width:767px){#pcj-secure-checkout .pcj-pay-grid,#pcj-secure-checkout .pcj-pay-fields{grid-template-columns:minmax(0,1fr)}#pcj-secure-checkout aside{padding:18px}#pcj-secure-checkout .button{width:100%;white-space:normal}}

/* Keep floating browsing/styling shortcuts away from payment fields. Privacy choices remain available. */
body:has(#pcj-secure-checkout) :is(.page-back,.scroll-cue,.stylist-launcher,#pcj-ai-stylist-root){display:none}