/* One ThaiPay frame across customer, agents, referral and comparison pages. */
.tp-header{position:sticky;top:0;z-index:40;background:#ffffffef;backdrop-filter:blur(18px);border-bottom:1px solid #d7e2e4;font-family:Manrope,Inter,system-ui,sans-serif;color:#122e33}
.tp-header-inner{max-width:1240px;margin:auto;min-height:88px;padding:18px 0;display:flex;align-items:center;gap:32px}
.tp-logo{display:block;flex-shrink:0}.tp-logo img{width:224px;height:auto;display:block}
.tp-nav{display:flex;gap:26px;margin-left:auto;align-items:center;font-size:14px;font-weight:700}.tp-nav a{color:#526c71;text-decoration:none;white-space:nowrap}.tp-nav a[aria-current=page]{color:#195865}.tp-nav a:hover{text-decoration:underline;text-underline-offset:6px}
.tp-contact{display:flex;gap:8px;align-items:center;padding:13px 17px;background:#e8f0f2;color:#195865;border-radius:11px;font-size:14px;font-weight:750;text-decoration:none}.tp-contact svg{width:17px;height:17px;fill:currentColor}
.tp-footer{border-top:1px solid #d7e2e4;padding:38px max(20px,calc((100vw - 1240px)/2));background:#f2f6f7;display:flex;gap:28px;justify-content:space-between;align-items:start;color:#5d7377;font:14px/1.7 Manrope,Inter,sans-serif}.tp-footer img{width:168px;height:auto}.tp-footer p{margin:12px 0 0}.tp-footer-links{display:flex;flex-wrap:wrap;gap:12px 24px;max-width:560px}.tp-footer a{color:#21474f;text-decoration:none}.tp-footer a:hover{text-decoration:underline}.tp-footer small{font-size:11px}
.tp-enquiry{border:1px solid #d7e2e4;border-radius:25px;background:#e6eef0;padding:34px;display:grid;grid-template-columns:1fr 1.1fr;gap:52px;align-items:start;margin-block:52px 80px;color:#122e33;scroll-margin-top:110px}.tp-enquiry h2{font:750 clamp(28px,3vw,38px)/1.2 Manrope,Inter,sans-serif;letter-spacing:-1.3px;margin:14px 0 18px}.tp-enquiry p{font:14px/1.8 Manrope,Inter,sans-serif;color:#586f73;margin:12px 0}.tp-enquiry .eyebrow{font:750 14px/1.5 Manrope,Inter,sans-serif;letter-spacing:.13em;color:#195865}.tp-form{display:grid;gap:16px;min-width:0}.tp-field{display:grid;gap:8px;font:600 14px/1.5 Manrope,Inter,sans-serif;min-width:0}.tp-field small{font-weight:400;color:#65797d}.tp-field input,.tp-field textarea,.tp-field select{font:16px/1.5 Manrope,Inter,sans-serif;width:100%;min-width:0;border:1px solid #cad9dc;border-radius:10px;padding:12px;background:#fff;color:#122e33}.tp-field textarea{resize:vertical}.tp-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tp-form button{font:750 14px/1.4 Manrope,Inter,sans-serif;border:0;border-radius:12px;padding:17px;color:#fff;background:#195865;min-height:52px;cursor:pointer}.tp-form button:disabled{opacity:.55;cursor:wait}.tp-form-status{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.tp-form-status[data-success=true]{padding:18px;background:white;border:1px solid #b5d2d8;border-radius:12px;color:#195865}.tp-form .tp-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.tp-form .tp-privacy{font-size:14px;line-height:1.65;margin:0}.tp-privacy a{color:#195865;text-decoration:underline}.tp-retry{background:transparent!important;color:#195865!important;border:1px solid #195865!important}.tp-footer+div{box-sizing:border-box}
@media(max-width:1312px){.tp-header-inner{margin-inline:36px}}
@media(max-width:900px){.tp-header-inner{margin-inline:20px;gap:18px;min-height:76px;flex-wrap:wrap;padding:16px 0 12px}.tp-logo img{width:190px}.tp-contact{margin-left:auto;font-size:14px;padding:10px 12px}.tp-nav{order:3;flex-basis:100%;justify-content:space-between;gap:12px;font-size:14px;border-top:1px solid #e3ebec;padding-top:12px}.tp-nav a{white-space:normal;min-width:0}.tp-enquiry{grid-template-columns:1fr;gap:24px;padding:25px;margin-block:35px 60px}.tp-footer{flex-direction:column;padding:30px 20px 100px;gap:24px}.tp-two{grid-template-columns:1fr}.tp-enquiry h2{font-size:30px}.tp-footer-links{gap:14px 22px}}
@media(max-width:360px){.tp-logo img{width:160px}.tp-contact{font-size:14px;padding:10px}.tp-nav{font-size:14px;gap:10px}.tp-nav a{line-height:1.5}.tp-nav a:first-child{max-width:112px}}
@media(prefers-reduced-motion:reduce){.tp-header{backdrop-filter:none}}
