/* A complete checkout in a single compact panel. */
.payment-logos{display:inline-flex;align-items:center;gap:7px;flex-shrink:0}
.payment-logo{display:block;width:43px;height:28px;object-fit:contain;border-radius:4px}
.bank-payment-logo{width:42px;height:26px;object-fit:contain;border-radius:3px}
.is-checkout{background:#f3f4ef}
.is-checkout .topbar,.is-checkout footer,.is-checkout .header-pay,.is-checkout .nav-payment{display:none}
.is-checkout .header{background:var(--paper)}
.is-checkout .header-inner{height:68px;max-width:500px;gap:24px}
.is-checkout .header-actions{margin-left:0}
.is-checkout .header nav{margin-left:auto}
.is-checkout .header nav>a{height:auto;color:#6f7965;font-size:12px}
.is-checkout .header nav>a:after{display:none}
.is-checkout .brand-mark{width:25px;height:36px}
.is-checkout .logo>.brand-wordmark{font-size:14px;letter-spacing:-.4px}
.is-checkout #main{min-height:calc(100svh - 68px);display:flex;justify-content:center;align-items:center;padding:24px 16px}
.quick-payment{width:100%;max-width:436px;background:#fff;border:1px solid #e0e5d8;border-radius:13px;padding:27px;box-shadow:0 8px 32px #27351b05;animation:content-enter .35s ease both}
.quick-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.quick-heading h1{font-family:'Manrope',sans-serif;font-size:25px;font-weight:650;letter-spacing:-1px;line-height:1.25;margin:0}
.quick-test{display:inline-flex;align-items:center;gap:5px;background:none;padding:5px 0;color:#6a8059;font-size:10px;white-space:nowrap}
.quick-test svg{width:14px;height:14px}
.quick-demo{display:flex;align-items:baseline;gap:7px;font-size:10px;line-height:1.6;color:#8b927f;margin:9px 0 21px}
.quick-demo>span{font-size:9px;font-weight:600;color:#9d8444;background:#f8f2e2;border-radius:3px;padding:2px 5px;flex-shrink:0}
.quick-product{font-size:11px;color:#6d7d5f;margin:-7px 0 15px}
.quick-product:empty{display:none}
.quick-field{margin-bottom:17px}
.quick-payment label{display:block;font-size:12px;font-weight:500;margin-bottom:8px;color:#657158}
.quick-payment input{display:block;width:100%;height:47px;min-width:0;border:1px solid #dfe5d7;background:#fdfefb;border-radius:6px;padding:11px 13px;font-size:16px;color:#273322;outline-offset:2px;transition:border-color .2s,box-shadow .2s}
.quick-payment input::placeholder{color:#b3bbaa}
.quick-payment input:focus{outline:none;border-color:#81976c;box-shadow:0 0 0 3px #81976c16}
.quick-payment input[aria-invalid=true]{border-color:#b17462;box-shadow:none}
.quick-amount{position:relative;display:flex;align-items:center}
.quick-amount input{height:57px;font-size:27px;font-weight:500;letter-spacing:-.7px;padding-right:58px}
.quick-amount>span{position:absolute;right:14px;color:#9aa58c;font-size:12px;pointer-events:none}
.quick-card-number{position:relative;display:flex;align-items:center}
.quick-card-number input{padding-right:60px;font-size:16px;letter-spacing:1.3px}
#detected-card{position:absolute;right:11px;display:flex;align-items:center;color:#a7b39b;pointer-events:none}
#detected-card .payment-logo{width:39px;height:26px}
#detected-card>svg{width:20px;height:20px;margin-right:4px}
.quick-row{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:16px}
.quick-expiry input{letter-spacing:1px}
.quick-cvv-input{display:flex;align-items:center;position:relative}
.quick-cvv-input>svg{position:absolute;right:12px;width:15px;height:15px;color:#a3af97;pointer-events:none}
.quick-cvv-input input{padding-right:35px;letter-spacing:3px}
.quick-payment [hidden]{display:none!important}
#supported-networks{display:flex;justify-content:flex-end;align-items:center;height:47px}
#supported-networks .payment-logo{width:42px;height:27px}
.quick-error{min-height:25px;margin:5px 0;font-size:10px;line-height:1.5;color:#a85d47;display:flex;align-items:center}
.quick-pay{width:100%;min-height:49px;justify-content:unset;gap:10px;padding:13px 15px;font-size:13px}
.quick-pay>svg{width:17px;height:17px}
.quick-pay>svg:last-child{margin-left:auto}
.quick-pay:disabled{cursor:wait;opacity:.7;transform:none}
.is-checkout .result-page{min-height:0;padding:30px 0;max-width:430px}
.is-checkout .result-page h1{font-size:30px}
.is-checkout .result-page>p{font-size:12px}
.is-checkout .result-page>strong{font-size:30px;margin:22px 0}
@media(max-width:580px){
  .is-checkout .header-inner{height:58px;width:calc(100% - 32px);gap:18px}
  .is-checkout #main{min-height:calc(100svh - 58px);padding:18px 16px}
  .quick-payment{max-width:390px;padding:22px}
  .quick-heading h1{font-size:24px;letter-spacing:-.8px}
  .quick-test{font-size:9px;gap:4px}
  .quick-test svg{width:12px;height:12px}
  .quick-demo{font-size:9px;margin:8px 0 17px;gap:6px}
  .quick-demo>span{font-size:8px}
  .quick-payment label{font-size:11px;margin-bottom:7px}
  .quick-row{gap:12px}
  .quick-card-number input{font-size:16px;letter-spacing:.5px;padding-left:11px}
  .quick-field{margin-bottom:15px}
  #supported-networks .payment-logo{width:34px;height:24px}
  #supported-networks .payment-logos{gap:4px}
  .quick-pay{font-size:12px}
  .quick-error{font-size:9px;min-height:25px}
}
@media(max-height:660px){
  .is-checkout .header-inner{height:52px}
  .is-checkout #main{min-height:calc(100svh - 52px);padding:8px 16px}
  .quick-payment{padding:18px}
  .quick-heading h1{font-size:22px;line-height:1.2}
  .quick-demo{margin:6px 0 12px;font-size:9px}
  .quick-payment label{font-size:11px;margin-bottom:5px}
  .quick-field{margin-bottom:12px}
  .quick-payment input{height:43px}
  .quick-amount input{height:48px;font-size:25px}
  #supported-networks{height:43px}
  .quick-error{min-height:24px;margin:4px 0}
  .quick-pay{min-height:45px;padding:11px 13px}
  .quick-product{margin:0 0 8px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.quick-payment{animation:none}}
.is-checkout{min-height:100svh;display:flex;flex-direction:column}
.is-checkout #main{min-height:0;flex:1}