/* BookingNow premium V4: appearance only; booking state and server logic unchanged */
.bn-facade-section{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)!important;min-height:400px!important;background:#24160f!important;box-shadow:0 24px 55px #24160f30!important;border-radius:24px!important}
.bn-facade-photo{min-height:400px!important;background-position:center!important;background-size:cover!important}
.bn-facade-details{gap:13px!important;padding:26px!important;justify-content:center!important}
.bn-facade-brand img{max-width:240px;max-height:90px;object-fit:contain;object-position:left center;display:block;filter:drop-shadow(0 3px 12px #0003)}
.bn-facade-brand strong{font-size:clamp(27px,3vw,42px);line-height:1.1;color:#fff}
.bn-facade-map{height:190px!important;border-radius:15px!important;border:1px solid #ffffff24}
.bn-facade-address,.bn-facade-contact a{font-size:14px!important;line-height:1.5}.bn-facade-maplink{font-size:13px!important;text-decoration:none!important;background:#fff;color:#24160f!important;padding:9px 13px;border-radius:10px;display:inline-flex;font-weight:800}
.bn-facade-contact{gap:10px 18px!important}.bn-facade-social{display:flex;gap:9px;flex-wrap:wrap}.bn-facade-social a{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#ffffff17;border:1px solid #ffffff28;color:#fff!important;text-decoration:none;font-size:16px;font-weight:800;transition:transform .2s,background .2s}.bn-facade-social a:hover{transform:translateY(-3px);background:#ffffff36}
#booking-form .service-grid{gap:15px!important;grid-template-columns:repeat(auto-fit,minmax(215px,1fr))!important}
#booking-form .service-card{position:relative;overflow:hidden;border:1px solid #e0e7e9!important;border-radius:19px!important;background:linear-gradient(145deg,#fff,#fafcfd)!important;box-shadow:0 7px 22px #1a2c3b12!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;min-height:118px}
#booking-form .service-card:hover,#booking-form .bn-monthly-staff-card:hover{transform:translateY(-5px);box-shadow:0 17px 34px #142c3d24!important;border-color:#a9c9c2!important}
#booking-form .service-card.selected{border-color:var(--bn-custom-button,#087963)!important;box-shadow:0 0 0 2px var(--bn-custom-button,#087963),0 16px 32px #0d534426!important}
#booking-form .service-illustration{display:grid;place-items:center;flex-shrink:0;width:60px;height:60px;border-radius:16px;background:#e5f5f1!important;color:#087963!important;font-size:32px!important}
#booking-form .service-info strong{font-weight:850!important;font-size:16px!important}
#booking-form .service-arrow{border-radius:50%;display:grid;place-items:center;background:#f0f6f5;width:30px;height:30px;color:#087963}
#booking-form .bn-monthly-staff-card{box-shadow:0 5px 16px #162c3a10!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important}
#booking-form .bn-monthly-section{box-shadow:0 12px 32px #152d3a10!important}
#booking-form .bn-monthly-day:not(:disabled),#booking-form .bn-monthly-hours .time:not(:disabled){transition:transform .18s ease,box-shadow .18s ease}
#booking-form .bn-monthly-day:hover:not(:disabled),#booking-form .bn-monthly-hours .time:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 13px #102c3b19}
#booking-form .bn-stage-nav{backdrop-filter:blur(14px);box-shadow:0 6px 18px #132c3910}
@media(max-width:800px){.bn-facade-section{grid-template-columns:1fr!important}.bn-facade-photo{min-height:270px!important}.bn-facade-details{padding:22px!important}.bn-facade-map{height:205px!important}#booking-form .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){#booking-form .service-grid{grid-template-columns:1fr!important}.bn-facade-photo{min-height:225px!important}}
@media(prefers-reduced-motion:reduce){#booking-form .service-card,#booking-form .bn-monthly-staff-card,#booking-form .bn-monthly-day{transition:none!important}}
