/* Travel09 - Public Hotel Booking Inquiry */

:root{
 --bi-navy:#082c3d;--bi-teal:#078e98;--bi-teal2:#06757d;--bi-bg:#f4f7f8;
 --bi-text:#173746;--bi-body:#607984;--bi-muted:#82949c;--bi-line:#dfe8eb;
 --bi-green:#267158;--bi-shadow:0 16px 42px rgba(15,48,61,.07)
}
.bi-page,.bi-page *{box-sizing:border-box}
.bi-page{min-height:100vh;background:var(--bi-bg);color:var(--bi-body);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}
.bi-container{width:min(1180px,calc(100% - 40px));margin:auto}
.bi-eyebrow{display:block;color:var(--bi-teal);font-size:12px;font-weight:850;letter-spacing:.09em}
.bi-hero{background:#fff;border-bottom:1px solid var(--bi-line)}
.bi-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:19px 0 8px;color:var(--bi-muted);font-size:14px}
.bi-breadcrumb a{color:var(--bi-teal);text-decoration:none}
.bi-hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding:15px 0 30px}
.bi-hero h1{margin:5px 0;color:var(--bi-navy);font-size:clamp(33px,4vw,47px);line-height:1.08;letter-spacing:-.03em}
.bi-hero p{max-width:690px;margin:0;color:#728790}
.bi-hero-badge{min-width:210px;padding:12px 15px;border-radius:10px;background:#edf7f5;color:#3a695c}
.bi-hero-badge strong,.bi-hero-badge span{display:block}
.bi-hero-badge strong{font-size:13px}.bi-hero-badge span{font-size:11px}
.bi-content{padding:28px 0 60px}
.bi-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:22px;align-items:start}
.bi-form{display:grid;gap:16px}
.bi-panel{padding:24px;border:1px solid var(--bi-line);border-radius:15px;background:#fff;box-shadow:0 6px 22px rgba(15,48,61,.035)}
.bi-panel-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}
.bi-panel-head>span{display:grid;width:31px;height:31px;flex:0 0 31px;place-items:center;border-radius:50%;background:var(--bi-navy);color:#fff;font-size:13px;font-weight:850}
.bi-panel-head h2{margin:0;color:var(--bi-navy);font-size:21px;line-height:1.25}
.bi-panel-head p{margin:3px 0 0;color:#758a93;font-size:14px}
.bi-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bi-fields label,.bi-textarea{display:grid;gap:6px}
.bi-fields label>span,.bi-textarea>span{color:#596f79;font-size:12px;font-weight:800}
.bi-fields b{color:#b74850}
.bi-fields input,.bi-fields select,.bi-textarea textarea{width:100%;border:1px solid #d7e2e5;border-radius:9px;background:#fff;color:#36545f;font:inherit;font-size:14px;outline:0}
.bi-fields input,.bi-fields select{height:46px;padding:0 11px}
.bi-textarea{margin-top:14px}.bi-textarea textarea{min-height:120px;padding:11px;resize:vertical}
.bi-fields input:focus,.bi-fields select:focus,.bi-textarea textarea:focus{border-color:#75bdc2;box-shadow:0 0 0 3px rgba(7,142,152,.08)}
.bi-wide{grid-column:1/-1}
.bi-check{display:flex;gap:11px;align-items:flex-start;padding:13px 14px;border:1px solid var(--bi-line);border-radius:10px;background:#f9fbfb;cursor:pointer}
.bi-check input{width:17px;height:17px;margin-top:3px;accent-color:var(--bi-teal)}
.bi-check strong,.bi-check small{display:block}.bi-check strong{color:#37545f;font-size:14px}.bi-check small{margin-top:2px;color:#788c94;font-size:12px}
.bi-submit-row{display:flex;justify-content:space-between;align-items:center;gap:15px}
.bi-back{color:#607984;font-size:13px;font-weight:750;text-decoration:none}
.bi-submit-row button{min-height:49px;padding:0 22px;border:0;border-radius:9px;background:var(--bi-teal);color:#fff;font:inherit;font-size:14px;font-weight:850;cursor:pointer}
.bi-submit-row button:hover{background:var(--bi-teal2)}
.bi-alert{margin-bottom:18px;padding:15px 18px;border:1px solid #edc8cd;border-radius:11px;background:#fff1f2;color:#8d4349;font-size:14px}.bi-alert strong{display:block}.bi-alert ul{margin:5px 0 0;padding-left:19px}
.bi-summary{position:sticky;top:20px}.bi-summary-card{overflow:hidden;border:1px solid var(--bi-line);border-radius:16px;background:#fff;box-shadow:var(--bi-shadow)}
.bi-summary-image{height:215px;background:#e7edef}.bi-summary-image img{width:100%;height:100%;display:block;object-fit:cover}
.bi-summary-body{padding:20px}.bi-summary h2{margin:4px 0 0;color:var(--bi-navy);font-size:22px;line-height:1.25}.bi-location{margin:2px 0 14px;color:#788c94;font-size:13px}
.bi-room{padding:11px 12px;border-radius:9px;background:#f0f6f6}.bi-room strong,.bi-room small{display:block}.bi-room strong{color:#31525f;font-size:14px}.bi-room small{color:#7c9098;font-size:11px}
.bi-room-desc{margin:11px 0;color:#71868f;font-size:12px}
.bi-list{margin:13px 0 0}.bi-list>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid #edf2f3}.bi-list dt,.bi-list dd{margin:0;font-size:13px}.bi-list dt{color:#788c95}.bi-list dd{color:#395661;font-weight:800;text-align:right}
.bi-price{margin-top:14px;padding-top:14px;border-top:1px solid var(--bi-line)}.bi-price span,.bi-price strong,.bi-price small{display:block}.bi-price span{color:#697f88;font-size:12px;font-weight:800}.bi-price strong{color:var(--bi-navy);font-size:22px}.bi-price small{margin-top:2px;color:#87989f;font-size:10px}
.bi-note{margin-top:13px;padding:10px 11px;border-radius:9px;background:#fff8e8;color:#786333}.bi-note strong,.bi-note span{display:block}.bi-note strong{font-size:12px}.bi-note span{font-size:11px}
.bi-summary-link{display:block;margin-top:13px;color:var(--bi-teal);font-size:12px;font-weight:800;text-decoration:none}
.bi-summary-book{display:flex;min-height:43px;margin-top:8px;align-items:center;justify-content:center;border-radius:8px;background:var(--bi-teal);color:#fff;font-size:12px;font-weight:850;text-decoration:none}
.bi-btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 16px;border-radius:9px;font-size:13px;font-weight:850;text-decoration:none}.bi-btn-primary{background:var(--bi-teal);color:#fff}.bi-btn-light{border:1px solid #d5e1e4;background:#fff;color:#506b75}
.bi-invalid{min-height:65vh;display:grid;place-items:center;padding:50px 0}.bi-invalid-card{max-width:620px;margin:auto;padding:34px;border:1px solid var(--bi-line);border-radius:16px;background:#fff;box-shadow:var(--bi-shadow);text-align:center}.bi-invalid-card h1{margin:5px 0;color:var(--bi-navy);font-size:32px}.bi-invalid-card p{margin:0 0 20px}
.bi-success{padding:60px 0 80px}.bi-success-card{max-width:820px;margin:auto;padding:38px;border:1px solid var(--bi-line);border-radius:18px;background:#fff;box-shadow:var(--bi-shadow);text-align:center}
.bi-success-icon{display:grid;width:58px;height:58px;margin:0 auto 14px;place-items:center;border-radius:50%;background:#eaf7f0;color:var(--bi-green);font-size:25px;font-weight:900}
.bi-success h1{margin:5px 0 7px;color:var(--bi-navy);font-size:36px}.bi-success>p{color:#6d838c}
.bi-reference{display:inline-block;margin:23px 0;padding:12px 20px;border-radius:10px;background:#f0f6f6}.bi-reference span,.bi-reference strong{display:block}.bi-reference span{color:#7d9098;font-size:10px;font-weight:800;text-transform:uppercase}.bi-reference strong{color:var(--bi-navy);font-size:19px;letter-spacing:.03em}
.bi-success-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:left}.bi-success-grid>div{padding:11px;border:1px solid var(--bi-line);border-radius:9px}.bi-success-grid span,.bi-success-grid strong{display:block}.bi-success-grid span{color:#84969d;font-size:10px}.bi-success-grid strong{color:#36545f;font-size:13px}
.bi-info-note{margin-top:18px;padding:15px;border-radius:10px;background:#fff8e8;text-align:left}.bi-info-note strong{color:#6f5b2d}.bi-info-note p{margin:3px 0 0;font-size:13px}.bi-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}
@media(max-width:980px){.bi-layout{grid-template-columns:1fr}.bi-summary{position:static;grid-row:1}.bi-summary-card{display:grid;grid-template-columns:280px 1fr}.bi-summary-image{height:auto;min-height:100%}}
@media(max-width:700px){.bi-hero-row{align-items:flex-start;flex-direction:column}.bi-fields{grid-template-columns:1fr}.bi-wide{grid-column:auto}.bi-summary-card{display:block}.bi-summary-image{height:260px}.bi-success-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.bi-container{width:min(100% - 20px,1180px)}.bi-panel{padding:18px}.bi-hero h1{font-size:33px}.bi-submit-row{align-items:stretch;flex-direction:column-reverse}.bi-submit-row button{width:100%}.bi-back{text-align:center}.bi-success-card{padding:25px 17px}.bi-success-grid{grid-template-columns:1fr}}