/* BHROMI — hotel detail bottom booking sheet (pixel spec from approved mock)
   Mock = 1280px wide -> 430 CSS px (scale 2.977). All sizes in CSS px. */
.bhq{position:fixed;left:0;right:0;bottom:0;z-index:60;pointer-events:none;
  font-family:"Inter","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-text-size-adjust:100%}
.bhq *{box-sizing:border-box}
.bhq-in{pointer-events:auto;position:relative;max-width:430px;margin:0 auto;
  height:calc(132px + env(safe-area-inset-bottom,0px));padding:0 16px 0 20px;
  display:flex;align-items:flex-start;
  background:#fff;border-radius:27px 27px 0 0;
  box-shadow:0 -6px 26px rgba(15,23,60,.10),0 -1px 0 rgba(15,23,60,.04)}
.bhq-grab{position:absolute;top:6.5px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:#CBCED4}
/* left column: badge / price / taxes / nights */
.bhq-l{flex:1 1 auto;min-width:0;padding-top:24.5px;display:flex;flex-direction:column;align-items:flex-start}
.bhq-off{display:inline-flex;align-items:center;justify-content:center;width:64.5px;min-height:23px;padding:0;border-radius:7.5px;
  background:#FF6223;color:#fff;font-size:12px;font-weight:600;line-height:1.35;letter-spacing:0;white-space:nowrap}
.bhq-pr{display:flex;align-items:baseline;gap:5px;margin-top:4px;height:26px;line-height:26px;color:#000242;white-space:nowrap}
.bhq-pr small{font-size:17.5px;font-weight:800;letter-spacing:-.1px}
.bhq-pr strong{font-size:20px;font-weight:800;letter-spacing:-.3px}
.bhq-t{display:block;max-width:100%;font-size:12px;line-height:18.5px;font-weight:500;color:#6A7384;white-space:nowrap}
.bhq-pr+.bhq-t{margin-top:.3px}
.bhq-t+.bhq-t{line-height:17.9px}
.bhq-div{flex:none;width:1px;height:54px;margin:52.4px 10px 0 0;background:#E2E5EA}
/* room stepper */
.bhq-st{flex:none;width:127px;height:42px;margin-top:57px;padding:0 7.7px 0 7.2px;display:flex;align-items:center;justify-content:space-between;
  background:#fff;border:1px solid #E6E8EE;border-radius:18px;box-shadow:0 1px 3px rgba(15,23,60,.04)}
.bhq-st span{position:relative;top:1px;font-size:12px;font-weight:700;line-height:1.35;color:#0B0F6B;white-space:nowrap}
.bhq-st button{flex:none;width:22px;height:22px;padding:0;border:0;background:none;display:grid;place-items:center;color:#0B0F6B;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bhq-st button:disabled{opacity:.35;cursor:default}
.bhq-st svg{display:block;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}
/* Next */
.bhq-next{flex:none;width:100px;min-height:50.4px;margin:53.4px 0 0 11.4px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:6.3px;padding:0 0 0 2.7px;
  background:linear-gradient(180deg,#00704F 0%,#046248 55%,#024C3D 100%);color:#fff;text-decoration:none;font-size:14.4px;font-weight:700;line-height:1.35;
  box-shadow:0 10px 22px rgba(10,110,72,.26);-webkit-tap-highlight-color:transparent}
.bhq-next svg{display:block;flex:none;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}
/* room for the sheet + keep the summary button above it */
.bhd.bhd-rv,.bhd.bhd-main{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}
.bhd-sum:not(.nobar){bottom:calc(144px + env(safe-area-inset-bottom,0px))}
@media (max-width:359px){.bhq-in{padding:0 12px 0 14px}.bhq-st{width:112px}.bhq-next{width:88px;margin-left:8px}.bhq-t{font-size:12px}}
@media (min-width:768px){.bhq-in{margin-bottom:12px;border-radius:27px;height:132px}}

/* =====================================================================
   v4 — SLIM BAR, same look as the Review Booking page bottom bar
   white, thin top border, price + taxes + nights on the left,
   room stepper, one navy "Next" button. No handle, no badge, no divider.
   Delete this block to get the old tall sheet back.
   ===================================================================== */
.bhq-in{max-width:none;height:auto;align-items:center;gap:10px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));
  border-radius:0;border-top:1px solid #e4e7ec;box-shadow:0 -2px 8px rgba(0,0,0,.04)}
.bhq-grab,.bhq-off,.bhq-div,.bhq-next svg{display:none}
.bhq-l{padding-top:0;justify-content:center}
.bhq-pr{margin-top:0;height:auto;line-height:1.1;gap:5px;color:#111827}
.bhq-pr small{font-size:12px;font-weight:600;color:#6b7280;letter-spacing:0}
.bhq-pr strong{font-size:19px;font-weight:800;letter-spacing:-.3px}
.bhq-pr+.bhq-t{margin-top:2px}
.bhq-t,.bhq-t+.bhq-t{font-size:12px;line-height:1.3;color:#6b7280}
.bhq-st{width:auto;min-width:112px;height:36px;margin-top:0;padding:0 6px;gap:2px;border:1px solid #d5d9e0;border-radius:12px;box-shadow:none}
.bhq-st span{top:0;font-size:12px;color:#111827}
.bhq-st button{width:26px;height:26px;color:#111827}
.bhq-next{width:auto;min-width:96px;min-height:42px;margin:0;padding:0 16px;border-radius:8px;background:#0a1b63;box-shadow:none;font-size:14.5px}
.bhd.bhd-rv,.bhd.bhd-main{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
.bhd-sum:not(.nobar){bottom:calc(86px + env(safe-area-inset-bottom,0px))}
@media (max-width:359px){.bhq-in{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));gap:6px}.bhq-st{min-width:100px}.bhq-next{width:auto;min-width:78px;margin:0;padding:0 12px}}
@media (min-width:768px){.bhq-in{margin-bottom:0;border-radius:0;height:auto}}
/* v4b — exact match with the Review Booking bar: same font stack + same stepper icon size */
.bhq{font-family:"Inter","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.bhq-st svg{width:16px;height:16px;stroke-width:2.6}