/* V8.1.1 - payment selector, scoped so reservation layout remains unchanged */
.tt811-payment-box{overflow:hidden}
.tt811-payment-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.tt811-payment-head>div{min-width:0}
.tt811-payment-head label{display:block!important;margin:0 0 3px!important}
.tt811-payment-head small{display:block;font-size:10px;color:#8a98a8}
.tt811-secure{flex:0 0 auto;border-radius:999px;background:#eaf8f0;color:#24734b;padding:6px 9px;font-size:8px;font-weight:900}
.tt811-payment-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.tt811-pay{display:block!important;min-width:0!important;margin:0!important;cursor:pointer}
.tt811-pay>input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.tt811-pay-card{width:100%;min-height:64px;box-sizing:border-box;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;gap:9px;align-items:center;padding:10px;border:1px solid #dfe7ef;border-radius:11px;background:#fff;transition:.18s}
.tt811-pay:hover .tt811-pay-card{border-color:#a7cff4;background:#fbfdff}
.tt811-pay>input:checked+.tt811-pay-card{border:2px solid #1687f8;background:#f3f9ff;box-shadow:0 0 0 3px rgba(22,135,248,.06)}
.tt811-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#edf6ff;color:#0c70d4;font-size:10px;font-weight:950}
.tt811-icon.cash{background:#eaf8f0;color:#26734d}
.tt811-icon.bank{background:#fff5e5;color:#8b5d12}
.tt811-pay-card>span:nth-child(2){min-width:0}
.tt811-pay-card b{display:block;font-size:10px;color:#29465f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt811-pay-card small{display:block;margin-top:3px;font-size:8px;color:#8997a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt811-pay-card i{width:18px;height:18px;border-radius:50%;border:1px solid #c9d6e2;color:transparent;font-style:normal;font-size:9px;display:grid;place-items:center}
.tt811-pay>input:checked+.tt811-pay-card i{background:#1687f8;border-color:#1687f8;color:#fff}
.tt811-payment-empty{grid-column:1/-1;padding:10px;border-radius:9px;background:#f7f9fb;color:#83919f;font-size:9px;line-height:1.5}
@media(max-width:720px){.tt811-payment-grid{grid-template-columns:1fr!important}.tt811-payment-head{align-items:flex-start;flex-direction:column}}