body.purchase-drawer-open{overflow:hidden}
#PurchaseDrawer.purchase-drawer{--variant-ink:#1b2524;--variant-paper:#fffefa;--ink:#1b2524;--muted:#526160;position:fixed;inset:0 0 0 auto;box-sizing:border-box;display:flex;flex-direction:column;width:min(660px,100vw);max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-left:1px solid #b6b7ac;border-radius:0;background:#fffefa;color:#1b2524;box-shadow:-12px 0 36px #15232130;overflow:hidden;overflow:clip}
#PurchaseDrawer:not([open]){display:none}
#PurchaseDrawer::backdrop{background:#122325a3}
#PurchaseDrawer .purchase-drawer-header{position:relative;z-index:1;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 24px;background:#fffefa;border-bottom:1px solid #d3d5ca}
#PurchaseDrawer .purchase-drawer-header h2{flex:1;min-width:0;margin:0;font:600 20px/1.25 Arial,Helvetica,sans-serif;letter-spacing:0;color:#1b2524}
#PurchaseDrawer .purchase-drawer-new{min-width:0;min-height:40px;padding:6px 8px;font-size:12px;white-space:normal;text-align:right}
#PurchaseDrawer .purchase-drawer-close{flex:0 0 44px;width:44px;min-height:44px;padding:5px;border:1px solid #8b938b;border-radius:4px;background:#fff;color:#1b2524;font:400 25px/1 Arial,Helvetica,sans-serif;cursor:pointer}
#PurchaseDrawer .purchase-drawer-close:disabled{opacity:.55;cursor:wait}
#PurchaseDrawer .purchase-drawer-panel{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 24px calc(28px + env(safe-area-inset-bottom,0px))}
#PurchaseDrawer :is(.checkout-page,.payment-page,.checkout-layout,.checkout-summary,.payment-card){color:#1b2524}
#PurchaseDrawer :is(.checkout-page,.payment-page){box-sizing:border-box;width:100%;max-width:none;min-width:0;padding:22px 0 0;margin:0}
#PurchaseDrawer .page-width{box-sizing:border-box;width:100%;max-width:none;min-width:0;margin-inline:0}
#PurchaseDrawer .checkout-progress{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:18px;font-size:12px}
#PurchaseDrawer :is(.checkout-page,.payment-page) .page-heading{margin:0 0 20px}
#PurchaseDrawer :is(.checkout-page,.payment-page) .page-heading h1{font-size:30px;line-height:1.15;letter-spacing:0;margin:4px 0 8px}
#PurchaseDrawer :is(.checkout-page,.payment-page) .page-heading .lead-copy{font-size:14px;line-height:1.5;margin:0}
#PurchaseDrawer .checkout-grid{display:flex;flex-direction:column;gap:18px}
#PurchaseDrawer .checkout-summary{order:-1;display:block;position:static;inset-block-start:auto;top:auto;width:100%;box-sizing:border-box;padding:18px;margin:0;box-shadow:none}
#PurchaseDrawer .checkout-form{min-width:0;width:100%}
#PurchaseDrawer .checkout-form :is(input,select,textarea){box-sizing:border-box;max-width:100%}
#PurchaseDrawer :is(input,select,textarea){color:#1b2524!important;background-color:#fff}
#PurchaseDrawer .checkout-form :is(.form-row,.pricing-offer-fields){min-width:0}
#PurchaseDrawer .checkout-form .delivery-heading h2{font-size:24px;letter-spacing:0}
#PurchaseDrawer :is(.payment-layout,.order-layout){display:block;min-width:0}
#PurchaseDrawer .payment-card{box-sizing:border-box;width:100%;max-width:none;padding:20px;box-shadow:none}
#PurchaseDrawer .payment-card h2{font-size:27px;line-height:1.2;letter-spacing:0}
#PurchaseDrawer :is(.payment-card,.receipt-details,.order-lookup-panel){overflow-wrap:anywhere}
#PurchaseDrawer :is(button,a,input,select,textarea):focus-visible{outline:3px solid #007e73;outline-offset:3px}
@media(max-width:760px){#PurchaseDrawer.purchase-drawer{inset:auto 0 0;width:100vw;height:min(94dvh,900px);border:1px solid #b6b7ac;border-bottom:0;border-radius:8px 8px 0 0;box-shadow:0 -12px 36px #15232130}#PurchaseDrawer .purchase-drawer-header{min-height:56px;padding:8px 16px}#PurchaseDrawer .purchase-drawer-header h2{font-size:18px}#PurchaseDrawer .purchase-drawer-panel{padding:0 16px calc(22px + env(safe-area-inset-bottom,0px))}#PurchaseDrawer :is(.checkout-page,.payment-page){padding-top:16px}#PurchaseDrawer .checkout-summary{padding:15px}#PurchaseDrawer .payment-card{padding:17px}#PurchaseDrawer :is(.checkout-page,.payment-page) .page-heading h1{font-size:27px}}
@media(max-width:390px){#PurchaseDrawer .purchase-drawer-header{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:6px;padding-inline:12px}#PurchaseDrawer .purchase-drawer-header h2{font-size:16px;grid-column:1;grid-row:1}#PurchaseDrawer .purchase-drawer-close{grid-column:2;grid-row:1}#PurchaseDrawer .purchase-drawer-new:not([hidden]){grid-column:1/-1;grid-row:2;justify-self:start;font-size:11px;text-align:left}#PurchaseDrawer .purchase-drawer-panel{padding-inline:12px}#PurchaseDrawer .checkout-progress{font-size:11px;gap:6px 10px}}