:root{--booking-bg:#e8e8e8}
.booking-modern-page{background:var(--booking-bg);min-height:100vh}
.booking-nav{max-width:1160px;margin:20px auto 0;background:rgba(255,255,255,.92)}
.back-home{font-size:10px;color:#626a75;font-weight:700}
.booking-shell{max-width:1080px;margin:22px auto 0;background:#fff;border:1px solid #e1e2e4;border-radius:24px;padding:12px;display:grid;grid-template-columns:48% 52%;box-shadow:0 22px 70px rgba(24,31,40,.08);overflow:hidden}
.booking-visual{min-height:660px;border-radius:17px;overflow:hidden;position:relative;background:#f6d9d0}
.booking-visual>img{position:absolute;inset:0;transition:transform 1s var(--ease)}
.booking-visual:hover>img{transform:scale(1.025)}
.visual-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,153,115,.25),rgba(255,112,46,.78) 80%,rgba(233,94,34,.92))}
.visual-logo{position:absolute;left:22px;top:20px;width:90px;height:28px;filter:brightness(0) invert(1)}
.visual-logo img{object-fit:contain;object-position:left}
.visual-copy{position:absolute;left:32px;right:32px;bottom:95px;color:#111}
.visual-copy small{font-size:8px;letter-spacing:.12em;font-weight:700}
.visual-copy h1{font-size:clamp(40px,4.2vw,57px);line-height:.91;letter-spacing:-.06em;margin:16px 0 18px}
.visual-copy h1 span{font-weight:400}
.visual-copy p{font-size:11px;line-height:1.55;max-width:320px;color:#343434}
.visual-bottom{position:absolute;left:25px;right:25px;bottom:22px;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#222;border-top:1px solid rgba(0,0,0,.15);padding-top:12px}
.visual-bottom strong{font-size:9px}
.booking-panel{padding:52px 52px 35px;display:flex;flex-direction:column;justify-content:center}
.orange-star{font-size:25px;color:#f27b49;line-height:1}
.step{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.13em;color:#9a9fa6;font-weight:700;margin-top:23px}.step i{width:35px;height:1px;background:#d5d7da}
.panel-head h2{font-size:42px;line-height:.95;letter-spacing:-.06em;margin:18px 0 12px}.panel-head h2 span{font-weight:400}.panel-head p{font-size:10px;line-height:1.55;color:#81878f;max-width:390px;margin-bottom:26px}
.booking-modern-page .region-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 25px}
.booking-modern-page .region-card{border:1px solid #e0e1e3;background:#fff;border-radius:9px;text-align:left;padding:12px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.2s}
.booking-modern-page .region-card.active{border-color:#111827;background:#f6f7f8}
.booking-modern-page .region-card>span{font-size:15px}.booking-modern-page .region-card strong{display:block;font-size:9px}.booking-modern-page .region-card small{display:block;font-size:8px;color:#999;margin-top:2px}
.booking-modern-page form label{display:block;font-size:8px;font-weight:700;color:#454b53;margin:0 0 14px}.booking-modern-page form label>span{font-weight:400;color:#aaa;margin-left:4px}
.booking-modern-page input,.booking-modern-page select,.booking-modern-page textarea{width:100%;display:block;margin-top:5px;border:1px solid #e1e2e4;background:#fff;border-radius:5px;padding:10px 11px;font-size:10px;outline:none;color:#111827}.booking-modern-page textarea{resize:vertical}.booking-modern-page input:focus,.booking-modern-page select:focus,.booking-modern-page textarea:focus{border-color:#a7adb4}
.booking-modern-page .whatsapp-button{width:100%;border:0;border-radius:5px;background:#101827;color:#fff;padding:13px 14px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.2s}.booking-modern-page .whatsapp-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,24,39,.16)}.booking-modern-page .whatsapp-button svg{width:18px;height:18px;fill:#25D366}.booking-modern-page .whatsapp-button .wa-white{fill:#101827}.booking-modern-page .whatsapp-button span{margin-left:auto}
.secure-note{text-align:center;font-size:8px!important;color:#a0a4aa;margin:8px 0 0!important}
.email-line{text-align:center;font-size:8px;color:#999;border-top:1px solid #ececee;padding-top:16px;margin-top:15px}.email-line a{color:#222;font-weight:700}
.booking-info{max-width:1080px;margin:0 auto;padding:30px 10px 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.booking-info>div{background:#fff;border-radius:14px;padding:22px;border:1px solid #e2e3e5}.booking-info small{font-size:8px;color:#a0a5ab}.booking-info strong{display:block;font-size:13px;margin-top:20px}.booking-info p{font-size:9px;line-height:1.5;color:#858b93;margin-bottom:0}
.booking-modern-page footer{max-width:1080px;margin:0 auto;padding:0 10px 35px}
@media(max-width:850px){.booking-nav{margin:10px 12px 0}.booking-shell{margin:12px 12px 0;grid-template-columns:1fr;padding:8px}.booking-visual{min-height:450px}.booking-panel{padding:35px 25px 25px}.booking-info{margin:0 12px;grid-template-columns:1fr;padding:20px 0 50px}}
@media(max-width:520px){.booking-modern-page .region-choice{grid-template-columns:1fr}.booking-visual{min-height:420px}.visual-copy{left:24px;right:24px;bottom:70px}.visual-copy h1{font-size:44px}.booking-panel{padding:30px 18px 22px}.booking-info{grid-template-columns:1fr}}

.booking-visual.reveal-left,.booking-panel.reveal-right{
  opacity:0;will-change:transform,opacity;
  transition:opacity .85s var(--motion),transform .85s var(--motion);
}
.booking-visual.reveal-left{transform:translateX(-25px)}
.booking-panel.reveal-right{transform:translateX(25px)}
.booking-visual.reveal-left.show,.booking-panel.reveal-right.show{opacity:1;transform:none}
.booking-modern-page .region-card.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s var(--motion),transform .5s var(--motion),border-color .2s ease,background .2s ease}
.booking-modern-page .region-card.reveal.show{opacity:1;transform:none}
.booking-modern-page .whatsapp-button{transition:transform .3s var(--motion),box-shadow .3s ease}
.booking-modern-page .whatsapp-button:hover{transform:translateY(-3px) scale(1.01)}

/* Booking typography + About-style motion */
.booking-modern-page{font-size:16px}
.booking-panel{font-size:15px}
.panel-head h2{font-size:clamp(52px,5.2vw,72px)}
.panel-head p{font-size:14px;line-height:1.6}
.booking-modern-page form label{font-size:11px}
.booking-modern-page input,.booking-modern-page select,.booking-modern-page textarea{font-size:14px;padding:13px}
.booking-modern-page .whatsapp-button{font-size:14px;padding:16px}
.region-card strong{font-size:13px}
.region-card small{font-size:11px}
.email-line{font-size:11px}
.founder-note{text-align:center;font-size:10px;color:#8c9299;margin-top:12px}
.booking-shell.motion-reveal,.booking-info.motion-reveal{
  opacity:0;transform:translateY(35px);
  transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1)
}
.booking-shell.motion-reveal.motion-visible,.booking-info.motion-reveal.motion-visible{
  opacity:1;transform:none
}
@media(max-width:850px){
 .panel-head h2{font-size:55px}
 .booking-panel{font-size:14px}
}
@media(max-width:520px){
 .panel-head h2{font-size:48px}
}