/* Single tablet/mobile source of truth for hotel booking and quick amenities. */
@media (min-width:768px) and (max-width:1023px) {
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip {
    box-sizing:border-box!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-template-rows:repeat(2,minmax(76px,auto)) auto!important; grid-auto-flow:row!important; gap:8px!important; padding:12px!important; overflow:hidden!important; border:1px solid #dce8ed!important; border-radius:18px!important; background:#fff!important;
  }
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-field:not(.booking-price) {
    display:flex!important; align-items:center!important; gap:8px!important; box-sizing:border-box!important; min-width:0!important; min-height:76px!important; margin:0!important; padding:12px 14px!important; border:1px solid #dce8ed!important; border-radius:12px!important; background:#fff!important;
  }
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-field:nth-child(1){grid-area:1/1!important}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-field:nth-child(2){grid-area:1/2!important}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-field:nth-child(3){grid-area:2/1!important}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price {
    display:grid!important; grid-area:2/2!important; grid-template-columns:minmax(0,1fr)!important; grid-template-rows:auto auto!important; align-content:center!important; align-items:center!important; gap:7px!important; box-sizing:border-box!important; min-width:0!important; min-height:76px!important; margin:0!important; padding:12px 14px!important; border:1px solid #dce8ed!important; border-radius:12px!important; background:#fff!important; box-shadow:none!important;
  }
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price .detail-price-heading {display:flex!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; min-width:0!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price .detail-price-heading>label {display:block!important; margin:0!important; color:#647d91!important; font-size:12px!important; font-weight:700!important; white-space:nowrap!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price .detail-price-regular {position:static!important; display:block!important; max-width:100%!important; margin:0!important; overflow:hidden!important; color:#8795a3!important; font-size:12px!important; font-weight:600!important; line-height:1.1!important; text-decoration:line-through!important; text-overflow:ellipsis!important; white-space:nowrap!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price .detail-price-regular::before {content:none!important}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price .detail-price-flow {display:block!important; width:100%!important; max-width:100%!important; margin:0!important; overflow:visible!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price .detail-price-primary {display:flex!important; flex-flow:row wrap!important; align-items:baseline!important; justify-content:flex-start!important; gap:5px 8px!important; width:100%!important; min-width:0!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price strong.detail-price-current {flex:0 1 auto!important; min-width:0!important; margin:0!important; color:#087f91!important; font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important; font-size:clamp(16px,2.05vw,20px)!important; font-weight:800!important; line-height:1.12!important; white-space:nowrap!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price .detail-price-current small {color:#647d91!important; font-size:10px!important; font-weight:600!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price .detail-price-discount {display:inline-flex!important; flex:0 0 auto!important; align-items:center!important; justify-content:center!important; margin:0!important; padding:3px 7px!important; border:0!important; border-radius:6px!important; background:#fff0e9!important; color:#e65320!important; font-size:12px!important; font-weight:800!important; line-height:1!important; white-space:nowrap!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .primary-btn {grid-area:3/1/auto/-1!important; width:100%!important; min-height:48px!important; margin:0!important; background:#ff5a1f!important; color:#fff!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .primary-btn::after {content:none!important; display:none!important;}
}
@media (max-width:767px) {
  #root .detail-page-shell .hotel-detail-page .quick-amenities-wrap {box-sizing:border-box!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0 auto 14px!important; padding:0 12px!important; overflow:hidden!important;}
  #root .detail-page-shell .hotel-detail-page .quick-amenities {box-sizing:border-box!important; display:flex!important; flex-flow:row nowrap!important; align-items:center!important; justify-content:flex-start!important; gap:8px!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; overflow:hidden!important;}
  #root .detail-page-shell .hotel-detail-page .quick-amenities .quick-item,#root .detail-page-shell .hotel-detail-page .quick-amenities .amenities-more-btn {box-sizing:border-box!important; flex:0 0 auto!important; min-width:max-content!important; max-width:none!important; margin:0!important; white-space:nowrap!important;}
  #root .detail-page-shell .hotel-detail-page .quick-amenities .quick-item[style*="display: none"] {display:none!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip {
    box-sizing:border-box!important; display:grid!important; grid-template-columns:minmax(0,1fr)!important; grid-template-rows:auto auto!important; gap:10px!important; margin-inline:16px!important; padding:12px!important; overflow:hidden!important; border:1px solid #dce8ed!important; border-radius:18px!important; background:#fff!important;
  }
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-field:not(.booking-price) {display:none!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price {
    display:grid!important; grid-area:1/1!important; grid-template-areas:"label badge" "current badge" "old badge"!important; grid-template-columns:minmax(0,1fr) 68px!important; grid-template-rows:auto auto auto!important; align-items:center!important; align-content:center!important; gap:5px 0!important; box-sizing:border-box!important; width:100%!important; min-width:0!important; min-height:0!important; margin:0!important; padding:12px!important; border:1px solid #dce8ed!important; border-radius:14px!important; background:#fff!important; box-shadow:none!important;
  }
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price .detail-price-heading {display:contents!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price .detail-price-heading>label {grid-area:label!important; display:block!important; justify-self:start!important; margin:0!important; color:#173e70!important; font-size:0!important; font-weight:700!important; line-height:1.2!important; white-space:nowrap!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price .detail-price-heading>label::after {content:"Giá ưu đãi"!important; font-size:14px!important; font-weight:700!important; color:#173e70!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price .detail-price-heading>.detail-price-regular {grid-area:old!important; position:static!important; justify-self:start!important; display:block!important; max-width:100%!important; margin:0!important; overflow:hidden!important; color:#8795a3!important; font-size:12px!important; font-weight:600!important; line-height:1.2!important; text-decoration:line-through!important; text-overflow:ellipsis!important; white-space:nowrap!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price .detail-price-regular::before {content:"Giá gốc: "!important; color:#647d91!important; font-size:12px!important; font-weight:500!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price .detail-price-flow,#root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price .detail-price-primary {display:contents!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price strong.detail-price-current {grid-area:current!important; justify-self:start!important; flex:0 1 auto!important; min-width:0!important; margin:0!important; color:#087f91!important; font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important; font-size:clamp(17px,5.2vw,22px)!important; font-weight:800!important; line-height:1.12!important; white-space:nowrap!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price .detail-price-current small {color:#647d91!important; font-family:inherit!important; font-size:11px!important; font-weight:600!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price .detail-price-discount {grid-area:badge!important; place-self:stretch!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:3px!important; min-width:0!important; margin:0 0 0 8px!important; padding:6px 3px 6px 8px!important; border:0!important; border-left:1px solid #d6e1e4!important; border-radius:0 10px 10px 0!important; background:#fff0e9!important; color:#e65320!important; font-size:15px!important; font-weight:800!important; line-height:1.05!important; white-space:nowrap!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .booking-price .detail-price-discount::after {content:"Giảm"!important; font-size:11px!important; font-weight:700!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .primary-btn {grid-area:2/1!important; display:block!important; width:100%!important; min-height:50px!important; margin:0!important; border-radius:12px!important; background:#ff5a1f!important; color:#fff!important; font-size:16px!important; font-weight:800!important;}
  #root .detail-page-shell .hotel-detail-page #bookingBar.booking-strip > .primary-btn::after {content:none!important; display:none!important;}
}