/* Fredde Limousine: /pay and /pay/thanks. Loaded after v3.css + quote.css (body.q3.pay-page). */
.pay-page .qx-grid{grid-template-columns:minmax(0,1fr) 340px}
.pay-page .qx-main .wrap,.pay-page .qx-head .wrap{max-width:1080px}
.pay-page .qx-card{max-width:none}

.pay-testnote{display:none;margin:0 0 20px;padding:10px 14px;border-radius:8px;background:#fff6dd;border:1px solid #ecd28c;color:#6b5300;font-size:13px;line-height:1.5}
.pay-test .pay-testnote{display:block}

/* amount */
.amt{position:relative}
.amt span{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-family:var(--serif);font-size:26px;color:var(--gold-ink);pointer-events:none}
.q3 .fld .amt input{min-height:66px;padding-left:42px;font-family:var(--serif);font-size:28px;letter-spacing:.01em}

/* method choice (required; bank is the default) */
.pm{border:0;margin:6px 0 4px;padding:0;min-width:0}
.pm-h{padding:0;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--tx-2);font-weight:600;margin-bottom:10px}
.pm-h i{color:var(--gold-ink);font-style:normal}
.pm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pm-o{position:relative;display:block;cursor:pointer;min-width:0;-webkit-tap-highlight-color:transparent}
.pm-o input{position:absolute;opacity:0;pointer-events:none}
.pm-o>span{position:relative;display:flex;gap:12px;align-items:flex-start;height:100%;padding:14px 40px 14px 14px;border:1px solid #d9d2c5;border-radius:var(--r);background:#fff;transition:border-color .2s,box-shadow .2s,background .2s}
.pm-o>span::after{content:"";position:absolute;top:14px;right:14px;width:20px;height:20px;border-radius:50%;border:1px solid #d9d2c5;background:#fff center/11px no-repeat;transition:all .2s}
.pm-o:hover>span{border-color:rgba(199,157,79,.6)}
.pm-o input:checked+span{border-color:var(--gold-2);box-shadow:inset 0 0 0 1px var(--gold-2);background:#fffaf0}
.pm-o input:checked+span::after{border-color:var(--gold-2);background-color:var(--gold-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.pm-o input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.pm-o svg{flex:none;width:26px;height:26px;color:var(--gold-ink);margin-top:1px}
.pm-o b{display:block;font-size:13.5px;font-weight:600;color:var(--tx);line-height:1.35}
.pm-o small{display:block;margin-top:3px;font-size:12px;color:var(--tx-3);line-height:1.45}
.pm-tag{display:table;margin:5px 0 1px;padding:2px 8px;border-radius:999px;background:#e8f2e6;color:#2f6a2a;font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;vertical-align:1px;white-space:nowrap}
.pm-tag-fee{background:#f3efe6;color:var(--tx-2)}
.pm-disc{margin-top:10px;font-size:12.5px;color:var(--tx-2);line-height:1.5}

/* live breakdown */
.brk{margin-top:18px;border:1px solid var(--line-l);border-radius:var(--r);background:#fdfbf7;padding:4px 16px}
.brk>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;font-size:14px;color:var(--tx-2)}
.brk>div+div{border-top:1px solid var(--line-l)}
.brk b{font-weight:600;color:var(--tx);font-variant-numeric:tabular-nums}
.brk .brk-t span{font-weight:600;color:var(--tx)}
.brk .brk-t b{font-family:var(--serif);font-size:22px;font-weight:500}
.pay-amt-sub{margin:-6px 0 10px;font-size:12.5px;color:var(--tx-d2)}

.pay-go{width:100%;height:56px;margin-top:22px;font-size:12.5px}
.pay-go svg{width:16px;height:16px}
.pay-go:disabled{opacity:.7;cursor:progress}
.pay-fine{margin-top:12px;font-size:12px;color:var(--tx-3);text-align:center;line-height:1.55}

/* aside */
.pay-aside{position:sticky;top:calc(var(--hdr) + 24px)}
.pay-sum .sum-b h3{font-size:18px}
.pay-amt{font-family:var(--serif);font-size:40px;line-height:1.1;color:var(--gold-soft);margin:4px 0 10px}

/* thanks */
.pay-done{max-width:720px;margin:0 auto}
.pay-done .trip{max-width:520px}
.pay-done.st-processing .seal{background:#f6f3ec}
.pay-done.st-failed .seal,.pay-done.st-error .seal,.pay-done.st-open .seal,.pay-done.st-expired .seal{border-color:#c98b8b;background:#fbf1f0}
.pay-done.st-failed .seal svg,.pay-done.st-error .seal svg,.pay-done.st-open .seal svg,.pay-done.st-expired .seal svg{color:#a43d3d;stroke-dashoffset:0;animation:none}
.pay-done:not([class*=st-]) .seal svg{opacity:0}
.pay-again{margin-top:18px}
.q3.pay-page .done .pay-again{display:inline-flex}
.q3.pay-page .done .pay-again[hidden]{display:none}

@media (max-width:1023px){
  .pay-page .qx-grid{grid-template-columns:minmax(0,1fr)}
  .pay-page .qx-main .wrap{max-width:760px}
  .pay-aside{position:static}
  .pay-sum{display:none}
  .pay-aside .qx-trust{margin-top:0}
}
@media (max-width:980px){
  .pay-page .qx-main{padding-bottom:clamp(40px,8vw,72px)}
  .q3.pay-page .ftr-bottom{padding-bottom:0}
}
@media (max-width:640px){
  .pm-grid{grid-template-columns:minmax(0,1fr)}
  .q3.pay-page .row2{grid-template-columns:minmax(0,1fr)}
  .pay-page .qx-head h1{font-size:30px}
}