/* AG-D4166R2.6.23 — payment page: methods (bank transfer live; QR and card in development) and the hotel payment process. */
.ag2623-pay{padding:28px 16px 8px;background:transparent}
.ag2623-wrap{max-width:1100px;margin:0 auto}
.ag2623-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding:28px 30px;border-radius:20px;background:linear-gradient(135deg,#0b1f3a 0%,#12305a 100%);color:#fff;box-shadow:0 16px 36px rgba(11,31,58,.18)}
.ag2623-eyebrow{display:block;font-size:11.5px;font-weight:800;letter-spacing:.14em;color:#ffb27a;margin-bottom:6px}
.ag2623-hero h1{margin:0 0 8px;font-size:clamp(24px,3.2vw,34px);line-height:1.15;font-weight:800;color:#fff}
.ag2623-hero p{margin:0;max-width:620px;color:#d7e2ef;font-size:15px;line-height:1.6}
.ag2623-badges{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:700;color:#fff}
.ag2623-h2{margin:30px 0 14px;font-size:22px;font-weight:800;color:#0b1f3a}
.ag2623-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ag2623-method{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid #dfe6ef;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(11,31,58,.05)}
.ag2623-method.is-ok{border:2px solid #0b1f3a}
.ag2623-method.is-dev{background:#fafbfd}
.ag2623-mhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ag2623-micon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff1e6;font-size:20px}
.ag2623-method h3{margin:0;font-size:17px;font-weight:800;color:#0b1f3a;flex:1 1 auto}
.ag2623-status{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
.ag2623-status.is-ok{background:#e5f6ec;color:#0e6b3b}
.ag2623-status.is-dev{background:#fff4e0;color:#8a4b00}
.ag2623-method p{margin:0;font-size:14px;line-height:1.6;color:#33465c}
.ag2623-scope{align-self:flex-start;margin-top:auto;padding:4px 10px;border-radius:999px;background:#eef3f9;color:#0b1f3a;font-size:12px;font-weight:700}
.ag2623-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;counter-reset:none}
.ag2623-steps li{display:flex;gap:12px;padding:16px;border:1px solid #dfe6ef;border-radius:14px;background:#fff}
.ag2623-num{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f67f27;color:#fff;font-weight:800;font-size:14px}
.ag2623-steps h3{margin:2px 0 4px;font-size:15px;font-weight:800;color:#0b1f3a}
.ag2623-steps p{margin:0;font-size:13.5px;line-height:1.55;color:#33465c}
.ag2623-link,.ag2623-wa{display:inline-block;margin-top:8px;color:#0b1f3a;font-weight:800;font-size:13.5px;text-decoration:underline;text-underline-offset:3px}
.ag2623-link:hover,.ag2623-wa:hover{color:#b44400}
.ag2623-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;margin:26px 0 30px}
.ag2623-bank{padding:22px 24px;border-radius:18px;background:#0b1f3a;color:#fff}
.ag2623-bank h3{margin:0 0 12px;font-size:18px;font-weight:800;color:#fff}
.ag2623-bank dl{margin:0;display:grid;gap:0}
.ag2623-bank dl>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.ag2623-bank dt{font-size:12.5px;font-weight:700;letter-spacing:.04em;color:#b8c7da}
.ag2623-bank dd{margin:0;font-size:15px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;text-align:right}
.ag2623-note{margin:12px 0 0;font-size:13px;line-height:1.55;color:#d7e2ef}
.ag2623-side{display:flex;flex-direction:column;gap:12px}
.ag2623-box{padding:16px 18px;border:1px solid #dfe6ef;border-radius:14px;background:#fff}
.ag2623-box.is-warn{border-color:#f3c9a3;background:#fff7ef}
.ag2623-box h3{margin:0 0 4px;font-size:15px;font-weight:800;color:#0b1f3a}
.ag2623-box p{margin:0;font-size:13.5px;line-height:1.55;color:#33465c}
@media (max-width:860px){.ag2623-methods,.ag2623-grid{grid-template-columns:1fr}.ag2623-hero{padding:22px 20px}.ag2623-badges{flex-direction:row;flex-wrap:wrap;gap:6px 14px}}
@media (max-width:480px){.ag2623-bank dl>div{flex-direction:column;gap:2px}.ag2623-bank dd{text-align:left}}