.checkout-reference-screen .checkout-due.checkout-tender-selected{padding:clamp(10px,.83vw,16px);gap:6px;justify-content:flex-start;align-items:stretch;background:var(--paper);color:var(--ink);overflow:auto}
.checkout-tender-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.checkout-tender-heading h2{font-size:clamp(17px,1.4vw,27px);margin:0}.checkout-tender-heading button{background:transparent;border:0;font-size:28px;padding:0 6px}
.checkout-tender-summary{display:flex;flex-direction:column;justify-content:space-between;width:100%;flex:1;min-height:70px;padding:10px;border-radius:8px;background:var(--mint);color:var(--green-2)}.checkout-tender-summary>span,.checkout-tender-receipts>span{font-size:clamp(14px,1.1vw,21px);font-weight:700}.checkout-tender-summary>strong,.checkout-tender-receipts>strong{align-self:flex-end;font-size:clamp(23px,1.9vw,37px)}
.checkout-due:not(.checkout-tender-selected) .checkout-tender-summary{padding:0;justify-content:center;align-items:center;gap:12px;background:none}.checkout-due:not(.checkout-tender-selected) .checkout-tender-summary>span{font-size:clamp(22px,2.1vw,40px);font-weight:400}.checkout-due:not(.checkout-tender-selected) .checkout-tender-summary>strong{align-self:center;font-size:clamp(25px,2.2vw,43px)}
.checkout-tender-receipts{width:100%;flex:1;min-height:70px;padding:8px 10px;display:flex;flex-direction:column;justify-content:space-between;border:2px solid var(--green-2);border-radius:9px;background:var(--cream);color:var(--green-2);text-align:left;box-shadow:none}
.checkout-tender-change{flex-shrink:0;min-height:78px;padding:8px 10px;border-radius:8px;background:var(--mint);color:var(--green)}.checkout-tender-change>strong{display:block;text-align:right;font-size:clamp(21px,1.6vw,30px)}.checkout-tender-change>span,.checkout-tender-change label{font-size:clamp(12px,1vw,19px);font-weight:700}.checkout-tender-change label{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.checkout-tender-change input{flex-shrink:0;width:32px!important;min-height:24px!important;height:24px!important;accent-color:var(--green-2)}
.checkout-reference-screen .checkout-keypad [data-checkout-key=pay]{font-size:clamp(13px,1.25vw,24px)!important;padding:4px;white-space:normal;overflow-wrap:normal}
.checkout-tender-points{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-height:54px}.checkout-tender-points>button,.checkout-tender-points>div{border:0;border-radius:7px;padding:8px;background:var(--cream);color:var(--green);display:flex;flex-direction:column;justify-content:space-between;gap:5px;text-align:left;font-size:clamp(12px,1vw,19px)}.checkout-tender-points strong{text-align:right;font-size:clamp(16px,1.3vw,25px)}.checkout-tender-reason{flex:1;background:var(--cream);border-radius:8px;padding:10px}.checkout-tender-reason label{font-size:clamp(14px,1vw,20px)!important}.checkout-tender-reason small{display:none}.checkout-tender-reason select{min-height:38px;font-size:clamp(14px,1vw,20px)!important}
.checkout-tender-backdrop{position:fixed;inset:0;z-index:130;background:#0f202e91;display:flex;align-items:center;justify-content:center;padding:16px}.checkout-tender-picker{width:min(1000px,70vw);height:min(840px,70vh);max-height:calc(100dvh - 32px);background:var(--paper);color:var(--ink);border-radius:10px;display:flex;flex-direction:column;overflow:hidden;font:clamp(16px,1.4vw,27px) Calibri,"Segoe UI",Arial,sans-serif;box-shadow:var(--shadow)}.checkout-tender-picker>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:clamp(16px,1.25vw,24px)}.checkout-tender-picker h2{font-size:1em;margin:0}.checkout-tender-picker [data-tender-close]{border:0;background:transparent;font-size:30px}.checkout-tender-picker [hidden]{display:none!important}.checkout-tender-picker [data-tender-error],.checkout-due [data-tender-error]{color:var(--red);font-size:14px;margin:4px 0}
.checkout-tender-method-list{padding:0 24px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(76px,10vh);gap:16px;overflow:auto;align-content:start}.checkout-tender-method-list button{padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:0;font:inherit;box-shadow:none}
.checkout-tender-card-layout{display:grid;grid-template-columns:54% minmax(0,1fr);min-height:0;flex:1}.checkout-tender-card-list{border-right:1px solid var(--line);min-height:0;overflow:auto;padding:0 20px 20px}.checkout-tender-card-list>input{width:100%;font:inherit;border-radius:35px;background:var(--cream);border:1px solid var(--line);padding:10px 14px;margin:0 0 12px;min-width:0}.checkout-tender-card-list [data-card-rows]{display:grid;gap:14px}.checkout-tender-card-list button{display:grid;grid-template-columns:36% minmax(0,1fr);gap:12px;border:0;background:none;padding:0;text-align:left;font:inherit}.checkout-tender-card-list button>span:last-child{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0}.checkout-tender-card-list strong{font-size:.9em}.checkout-tender-card-list small,.checkout-tender-card-list b{font-size:.8em;overflow-wrap:anywhere}.checkout-tender-card-list b{color:var(--green-2)}.checkout-tender-card-art{position:relative;background:linear-gradient(145deg,var(--green),var(--green-2));color:#fff;border-radius:8px;min-height:85px;padding:12px 8px;font-size:.65em;display:flex;flex-direction:column;justify-content:space-between}.checkout-tender-card-art small{display:block;font-size:1em}.checkout-tender-card-list .unavailable{opacity:.55}
.checkout-tender-card-art>.control-icon{position:absolute;right:7px;bottom:7px;width:20px;height:20px;flex-shrink:0}
.checkout-tender-card-amount{display:flex;flex-direction:column;min-height:0;padding:0 20px 20px;gap:12px;overflow:auto}.checkout-tender-card-amount [data-card-detail]{flex:1;min-height:90px}.checkout-tender-card-amount h3{margin:0 0 10px;font-size:1em}.checkout-tender-card-amount [data-card-detail]>div{padding:10px;border-radius:8px;background:var(--mint);color:var(--green-2);margin-bottom:8px;display:flex;flex-direction:column;gap:12px}.checkout-tender-card-amount [data-card-detail]>div:last-child{border:2px solid var(--green-2);background:var(--cream)}.checkout-tender-card-amount strong{align-self:flex-end}
.checkout-tender-picker-keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(44px,1fr));gap:6px;flex:1;min-height:220px}.checkout-tender-picker-keypad button{border:1px solid var(--line);border-radius:8px;background:var(--cream);font:inherit;box-shadow:none;padding:8px 4px}.checkout-tender-picker-keypad [data-tender-key=confirm]{grid-column:4;grid-row:3/span 2;min-width:0;background:var(--green-2);color:#fff;font-size:.8em;overflow-wrap:normal}
.checkout-tender-account-tabs{display:flex;gap:20px;padding:0 24px 12px}.checkout-tender-account-tabs button{font:inherit;font-weight:700;border:0;background:none}.checkout-tender-account-tabs .active{color:var(--green-2)}.checkout-tender-account-list{overflow:auto;flex:1;padding:0 24px 24px}.checkout-tender-account-list button{width:100%;display:flex;justify-content:space-between;gap:12px;font:inherit;background:var(--cream);border:1px solid var(--line);padding:14px;margin-bottom:10px}.checkout-tender-account-list small{font-size:.75em}.checkout-tender-points-input{padding:24px;display:grid;gap:12px}.checkout-tender-points-input input{font:inherit;min-height:50px}.checkout-tender-picker [data-apply-points]{margin:0 24px 24px;background:var(--green-2);color:white;border:0;border-radius:8px;padding:15px;font:inherit}
.checkout-tender-points-payer{display:grid;gap:8px;padding:0 24px}.checkout-tender-points-payer select{font:inherit;min-height:44px}
@media(min-width:901px) and (max-height:850px){
  .checkout-reference-screen .checkout-due.checkout-tender-selected{padding:8px;gap:5px}
  .checkout-tender-heading h2{font-size:16px}.checkout-tender-heading button{font-size:24px;line-height:1}
  .checkout-tender-summary,.checkout-tender-receipts{min-height:54px;padding:6px;text-align:left}
  .checkout-tender-summary>span,.checkout-tender-receipts>span{font-size:13px;line-height:1.2}
  .checkout-tender-summary>strong,.checkout-tender-receipts>strong{font-size:22px;line-height:1.15}
  .checkout-tender-change{min-height:76px;padding:6px;text-align:left}.checkout-tender-change>strong{font-size:21px;line-height:1.1}
  .checkout-tender-change>span,.checkout-tender-change label{font-size:11px;line-height:1.2}.checkout-tender-change label{margin-top:3px;gap:5px}
  .checkout-tender-points{flex-shrink:0;min-height:48px}.checkout-tender-points>button,.checkout-tender-points>div{padding:6px;gap:3px;font-size:12px;line-height:1.2}.checkout-tender-points strong{font-size:16px;line-height:1.2}
}
@media(max-width:900px){.checkout-tender-picker{width:min(96vw,800px);height:82dvh}.checkout-tender-method-list{gap:8px;padding:0 12px 12px}.checkout-tender-card-list,.checkout-tender-card-amount{padding-left:12px;padding-right:12px}}@media(max-width:650px){.checkout-tender-method-list{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-tender-card-layout{grid-template-columns:1fr;overflow:auto}.checkout-tender-card-list{border:0;max-height:40vh}.checkout-tender-card-amount{min-height:330px}.checkout-tender-card-list button{grid-template-columns:110px minmax(0,1fr)}}