/* Pest Off v3: payment box styles, taken from v2 pay.css (method tiles + card fields). */
.cnum{position:relative}
.cnum-brand{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;gap:4px;pointer-events:none}
.cnum-brand svg{height:22px;width:auto;transition:opacity .2s}
.cnum-brand.one svg{opacity:.18}
.cnum-brand.one svg.hit{opacity:1}
.paynote{margin:16px 0 0;padding:16px 18px;border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 1.5px rgba(26,26,25,.12);font-size:15.5px}
.paynote a{font-weight:600}
/* payment method tiles: every option visible at once, card first and selected */
.pm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pm{position:relative;cursor:pointer}
.pm input{position:absolute;opacity:0;width:1px;height:1px}
.pm-in{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:8px;min-height:70px;padding:11px 12px 10px;border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 1.5px rgba(26,26,25,.13);transition:box-shadow .15s var(--ease),background-color .15s}
.pm:hover .pm-in{box-shadow:inset 0 0 0 1.5px rgba(26,26,25,.35)}
.pm.on .pm-in{box-shadow:inset 0 0 0 2px var(--ink),0 2px 10px rgba(26,26,25,.07)}
.pm input:focus-visible+.pm-in{outline:2px solid var(--red);outline-offset:2px}
.pm-g{height:22px;display:flex;align-items:center;color:var(--ink)}
.pm-g svg{height:22px;width:auto}
.pm-g .g-apple{height:19px}
.pm-t{font-weight:600;font-size:14.5px;line-height:1.15;white-space:nowrap}
.pm.on .pm-t{color:var(--ink)}
.g-link{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:5px;background:#00D66F;color:#011E0F;font-weight:700;font-size:14px;letter-spacing:-.02em}
.g-pill{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:5px;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:12px}
.g-klarna{background:#FFB3C7;color:#0B051D}.g-affirm{background:#fff;color:#4A4AF4;box-shadow:inset 0 0 0 1px #DCD9F5}.g-after{background:#B2FCE4;color:#000}
.pp-wrap{border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 1.5px rgba(26,26,25,.13);padding:20px}
.pp{animation:ppin .3s var(--ease)}
@keyframes ppin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.pp-note{margin:0;color:var(--ink-3);font-size:15.5px}
.pp-note strong{display:block;color:var(--ink);font-weight:600;margin-bottom:2px}
.cf{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.cf-num{grid-column:1/-1}
.pp .input{min-height:50px;padding:12px 14px}
.paynote{margin:14px 0 0}
.pm.on .pm-g{color:var(--red)}
.pm.on .pm-in{background:#fff}

/* v3: payment inside the "Let's take care of it." form (same look as v1's form) */
.req .paybox{border:0;margin:0 0 28px;padding:0;min-width:0;display:flex;flex-direction:column;gap:12px}
.req .paybox legend{margin-bottom:14px}
.req-sum{margin-top:24px!important;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 28px;padding:16px 18px;border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 1.5px rgba(26,26,25,.13)}
.req-sum[hidden]{display:none}
.req-sum-t{display:flex;flex-direction:column;min-width:0}
.req-sum-t strong{font-weight:600;font-size:16.5px}
.req-sum-t span{font-size:14px;color:var(--muted)}
.req-sum-t span:empty{display:none}
.req-sum-p{margin:0;font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}
.req-sum-p small{font-family:var(--text);font-weight:500;font-size:13.5px;letter-spacing:0;color:var(--muted);margin-left:3px}
.req .paynote{margin:16px 0 0}
body.m .req .paybox{margin-bottom:22px}
body.m .req-sum{margin-top:20px!important;margin-bottom:22px;padding:14px}
body.m .req-sum-t strong{font-size:15.5px}body.m .req-sum-t span{font-size:13.5px}body.m .req-sum-p{font-size:24px}
body.m .pm-grid{gap:6px}
body.m .pm-in{min-height:64px;padding:10px 10px 9px;gap:7px}
body.m .pm-t{font-size:13px}
body.m .pm-g,body.m .pm-g svg{height:20px}body.m .g-link,body.m .g-pill{height:20px;font-size:11.5px;padding:0 6px}body.m .g-link{font-size:13px}
body.m .pp-wrap{padding:16px 14px}
body.m .cf{gap:10px}
@media (max-width:360px){body.m .pm-t{font-size:12px}body.m .cf{grid-template-columns:1fr 1fr}body.m .cf .field:nth-child(4){grid-column:1/-1}}
body.m .cnum .input{padding-right:94px;font-size:16px}body.m .cnum-brand{right:10px;gap:3px}body.m .cnum-brand svg{height:17px}
.cnum .input{padding-right:132px}
body.m .cnum .input{padding-right:94px}