/* Dazi Huế uses the same calm white detail-page system as Bến Thành. */
body.dazi-ben-page .dazi-ben--hue{background:var(--paper)}
body.dazi-ben-page .dazi-header,
body.dazi-ben-page .dazi-header>.dazi-frame,
body.dazi-ben-page .dazi-header .dazi-header__bar{background-color:var(--paper)!important}
:is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-ben__booking-dock{box-sizing:border-box;width:100%;max-width:1280px;margin-right:auto;margin-left:auto;padding:28px 0 0}
:is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-ben__booking-anchor{max-width:1280px;margin:0 auto}
:is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-ben__booking-anchor .dazi-ben__booking{display:grid;grid-template-columns:1.3fr repeat(2,minmax(0,1fr)) .9fr 180px;width:100%;max-width:none;gap:0;margin:0;padding:10px 16px;border:1px solid var(--line);border-top:2px solid var(--sand);border-radius:48px;background:var(--paper);box-shadow:0 18px 36px var(--shadow)}
:is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-ben__booking>div{min-width:0;padding:8px 18px;border-right:1px solid var(--line)}
:is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-ben__booking-tier{display:none!important}
:is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-ben__booking-location{position:relative;display:grid;align-content:center;gap:5px}
:is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-ben__booking-location span{color:var(--sand);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
:is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-ben__booking-location strong{color:var(--text-main);font-size:15px;font-weight:500;line-height:1.25}
:is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-ben__booking-location svg{position:absolute;right:20px;top:50%;width:15px;height:10px;fill:none;stroke:currentColor;stroke-width:1.8;transform:translateY(-10%)}
:is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-ben__booking label{margin:0 0 5px;color:var(--sand);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
:is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-ben__booking input,:is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-ben__booking select{min-height:30px;padding:0;border:0;border-radius:0;background:transparent;color:var(--text-main);font-size:15px;font-weight:500;color-scheme:light}
:is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-ben__stepper{min-height:30px;border:0;background:transparent}
:is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-ben__stepper button{display:none}
:is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-ben__submit{align-self:center;min-height:48px;margin-left:14px;border-radius:28px;background:var(--sand);color:var(--paper);font-weight:600}
.dazi-ben--hue .dazi-branch-top{padding-top:16px}
.dazi-ben--hue .dazi-branch-overview{padding-top:32px}
.dazi-ben--hue .dazi-branch-rooms{padding-top:52px}
.dazi-ben--hue .dazi-branch-rooms__filter-row label{color:var(--sand)}
/* The branch stylesheet has legacy booking rules.  These explicit mobile
   grid areas deliberately win over them, including after the shell is fixed. */
@media(max-width:767px){
  body.dazi-ben-page .dazi-ben--hue .dazi-booking-shell .dazi-booking-shell__form,
  body.dazi-ben-page .dazi-ben--long-thanh .dazi-booking-shell .dazi-booking-shell__form{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,1.12fr) minmax(0,.9fr) 54px!important;grid-template-rows:50px 52px!important;gap:0!important;padding:0!important;overflow:hidden;border:1px solid var(--line);border-top:2px solid var(--sand);border-radius:8px;background:var(--paper);box-shadow:0 12px 28px var(--shadow)}
  body.dazi-ben-page :is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-booking-shell .dazi-ben__booking-location{display:grid!important;grid-column:1 / -1!important;grid-row:1!important;min-height:50px!important;padding:7px 14px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:var(--cream)}
  body.dazi-ben-page :is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-booking-shell .dazi-ben__booking-arrival{display:grid!important;grid-column:1!important;grid-row:2!important;min-height:52px!important;padding:8px 10px!important;border:0!important;border-right:1px solid var(--line)!important}
  body.dazi-ben-page :is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-booking-shell .dazi-ben__booking-departure{display:grid!important;grid-column:2!important;grid-row:2!important;min-height:52px!important;padding:8px 10px!important;border:0!important;border-right:1px solid var(--line)!important}
  body.dazi-ben-page :is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-booking-shell .dazi-ben__booking-guests{display:grid!important;grid-column:3!important;grid-row:2!important;min-height:52px!important;padding:8px 10px!important;border:0!important;border-right:1px solid var(--line)!important}
  body.dazi-ben-page :is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-booking-shell .dazi-ben__booking-tier{display:none!important}
  body.dazi-ben-page :is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-booking-shell .dazi-ben__booking-location~div>label{display:none!important}
  body.dazi-ben-page :is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-booking-shell input{height:36px!important;font-size:12px!important}
  body.dazi-ben-page :is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-booking-shell .dazi-ben__stepper{position:relative;display:block;min-height:36px}
  body.dazi-ben-page :is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-booking-shell .dazi-ben__stepper input{width:100%;color:transparent!important;caret-color:transparent!important}
  body.dazi-ben-page :is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-booking-shell .dazi-ben__stepper::after{position:absolute;inset:0;display:flex;align-items:center;content:attr(data-guests-label);color:var(--text-main);font-size:12px;font-weight:500;pointer-events:none}
  body.dazi-ben-page :is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-booking-shell .dazi-ben__submit{display:block!important;grid-column:4!important;grid-row:2!important;align-self:center!important;justify-self:center!important;width:48px!important;min-height:48px!important;height:48px!important;margin:0!important;padding:0!important;border-radius:50%!important;background-color:var(--sand)!important;background-image:url("../search.svg")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:23px!important;color:transparent!important;font-size:0!important}
}
@media(min-width:1100px){
  .dazi-ben--hue .dazi-branch-overview__layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(320px,.8fr);gap:64px;align-items:start}
  .dazi-ben--hue .dazi-branch-overview__location{margin:0}
}
@media(max-width:767px){
  :is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-booking-shell__compact{display:none!important}
  :is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-ben__booking-dock{padding:18px 16px 0}
}
@media(min-width:1100px){
  body.dazi-branch-booking-clone.dazi-booking-is-sticky .dazi-header{transform:translateY(-100%);pointer-events:none}
  :is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-booking-shell.is-sticky{top:0}
  body.dazi-branch-booking-clone .dazi-header,:is(.dazi-ben--hue,.dazi-ben--long-thanh) .dazi-booking-shell.is-sticky{transition:transform 280ms ease-out,top 280ms ease-out}
}