.payment-table .table-row{grid-template-columns:1.35fr .6fr .9fr .75fr .8fr}.row-action{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px;font-weight:700;font-size:11px}.row-action:hover{border-color:#202224}.row-action.receipt{color:#666;background:#f7f8f8}.payment-intro{margin-top:17px;background:linear-gradient(110deg,#151719,#282b2d);border-radius:16px;color:#fff;padding:16px 19px;display:flex;align-items:center;gap:13px}.payment-intro>span{width:35px;height:35px;background:var(--lime);color:#111;border-radius:11px;display:grid;place-items:center;font-weight:900}.payment-intro>div{flex:1}.payment-intro b,.payment-intro small{display:block}.payment-intro b{font-size:13px}.payment-intro small{font-size:11px;color:#aeb2b4;margin-top:3px}.payment-intro button{border:0;background:transparent;color:var(--lime);font-weight:700;font-size:12px}.money-input{position:relative}.money-input span{position:absolute;left:13px;top:11px}.money-input input{padding-left:31px}.secure-note{display:flex;gap:12px;padding:13px;border-radius:12px;background:#f2f6df}.secure-note>span{width:30px;height:30px;border-radius:9px;background:var(--lime);display:grid;place-items:center}.secure-note p{margin:0}.secure-note b,.secure-note small{display:block}.secure-note small{font-weight:400;color:#68704b;margin-top:3px;line-height:1.45}.payment-preview{position:fixed;inset:0;z-index:60;visibility:hidden}.payment-preview.open{visibility:visible}.payment-preview .drawer-backdrop{opacity:0;background:rgba(8,10,11,.62)}.payment-preview.open .drawer-backdrop{opacity:1}.payment-preview>section{position:absolute;left:50%;top:50%;transform:translate(-50%,-45%);width:min(430px,calc(100% - 28px));background:#fff;border-radius:24px;padding:30px;opacity:0;transition:.2s;box-shadow:0 30px 90px rgba(0,0,0,.25)}.payment-preview.open>section{transform:translate(-50%,-50%);opacity:1}.client-brand{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:18px}.client-brand p{margin:0}.client-brand strong,.client-brand small{display:block}.client-brand strong{font:800 13px 'Manrope';letter-spacing:.05em}.client-brand small{font-size:11px;color:var(--muted);margin-top:2px}.payment-check{width:50px;height:50px;border-radius:15px;background:var(--lime);display:grid;place-items:center;font-weight:900;font-size:21px;margin:25px 0 20px}.payment-preview h2{font:800 25px 'Manrope';letter-spacing:-.04em;margin:0}.client-copy{color:var(--muted);font-size:13px;line-height:1.55}.booking-summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:20px 0}.booking-summary span{padding:12px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line)}.booking-summary span:nth-child(odd){border-right:1px solid var(--line)}.booking-summary span:last-child{grid-column:1/3;border-bottom:0;border-right:0}.booking-summary b{display:block;color:var(--ink);font-size:12px;margin-top:4px}.payment-total{display:flex;align-items:end;justify-content:space-between;margin:18px 0}.payment-total span{font-size:12px;color:var(--muted)}.payment-total strong{font:800 29px 'Manrope'}.payment-total strong span{font:inherit;color:inherit}.pay-button{width:100%;border:0;border-radius:13px;background:#111;color:#fff;padding:15px;font-weight:800}.pay-button:hover{background:#292b2d}.payment-legal{display:block;text-align:center;color:#92969a;font-size:10px;margin-top:12px}
@media(max-width:760px){.payment-intro{align-items:flex-start;flex-wrap:wrap}.payment-intro>div{min-width:calc(100% - 50px)}.payment-table .table-row{min-width:760px}.payment-preview>section{padding:24px 20px}.booking-summary{grid-template-columns:1fr}.booking-summary span,.booking-summary span:nth-child(odd){border-right:0}.booking-summary span:last-child{grid-column:auto}}