.checkout-payment-shortcut{display:none}
.payment-options label{position:relative;cursor:pointer}
.payment-options .payment-selected{display:none;margin-left:auto;color:var(--wine)}
.payment-options input:checked+span .payment-selected{display:block}

@media(max-width:800px){
  .checkout-page{min-height:100svh;background:var(--paper);color:var(--ink)}
  .checkout-layout{display:flex;width:auto;margin:0;padding:24px 16px calc(42px + env(safe-area-inset-bottom));gap:26px;flex-direction:column}
  .checkout-form{order:1;min-width:0}
  .checkout-summary{order:2;grid-row:auto!important;margin:0 -2px;padding:24px 18px;border:1px solid var(--line);border-radius:14px;background:var(--paper-deep);color:var(--ink);box-shadow:0 16px 40px rgba(42,28,21,.08)}
  .checkout-steps{justify-content:space-between;gap:6px;margin-bottom:30px}
  .checkout-steps li{gap:5px;font-size:8px;letter-spacing:.05em}
  .checkout-steps span{width:25px;height:25px;flex:none}
  .checkout-form>.eyebrow{margin-bottom:8px}
  .checkout-form h1{margin-bottom:18px;font-size:clamp(38px,12vw,52px)}
  .checkout-payment-shortcut{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px;padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);box-shadow:0 9px 24px rgba(42,28,21,.07)}
  .checkout-payment-shortcut>span{display:flex;align-items:center;gap:12px}
  .checkout-payment-shortcut>span>i{display:grid;width:36px;height:36px;flex:none;border-radius:50%;background:var(--wine);color:#fff;place-items:center}
  .checkout-payment-shortcut b{display:grid;font-size:11px}
  .checkout-payment-shortcut small{margin-top:2px;color:var(--ink-soft);font-size:8px;font-weight:400}
  .checkout-payment-shortcut>.fa-arrow-down{color:var(--wine)}
  .checkout-form fieldset{margin-top:22px;padding:19px 16px;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--ink);box-shadow:0 8px 22px rgba(42,28,21,.045)}
  .checkout-form legend{float:left;margin:0 0 17px;padding:0 0 10px;font-size:25px}
  .checkout-form fieldset>div,.checkout-form fieldset>label,.checkout-form fieldset>p{clear:both}
  .field-grid{gap:13px}
  .field-grid input,.field-grid select{min-height:54px;border-radius:8px;background:var(--white);color:var(--ink);font-size:16px}
  .field-grid label{font-size:9px}
  .checkout-payment{scroll-margin-top:82px;border-color:var(--line)!important;background:var(--white)!important;color:var(--ink)}
  .payment-options{display:grid!important;grid-template-columns:1fr!important;gap:11px}
  .payment-options span{min-height:76px;padding:15px;border:1.5px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink)}
  .payment-options span>i:first-child{display:grid;width:40px;height:40px;flex:none;border-radius:50%;background:var(--paper-deep);color:var(--wine);place-items:center}
  .payment-options span b{font-size:12px}
  .payment-options span small{font-size:9px}
  .payment-options input:checked+span{border-color:var(--wine);background:var(--paper-deep);box-shadow:0 0 0 2px rgba(81,30,43,.08)}
  .payment-options .is-unavailable{display:flex;opacity:.55}
  .payment-note{display:flex;align-items:flex-start;gap:9px;margin:13px 2px 0!important;color:var(--ink-soft);font-size:9px}
  .payment-note i{margin-top:3px;color:var(--wine)}
  .checkout-line{grid-template-columns:56px minmax(0,1fr) auto;gap:10px}
  .checkout-line img{width:56px;height:70px;border-radius:7px}
  .checkout-summary h2{font-size:31px}
  .checkout-summary .button{min-height:56px;border-radius:8px;font-size:11px}
  .checkout-summary>p:last-child{font-size:8px}
}

@media(max-width:390px){
  .checkout-layout{padding-inline:12px}
  .checkout-form fieldset{padding-inline:13px}
  .checkout-steps li{font-size:7px}
}
