@media (max-width: 767px) {
  html,
  body.yz-booking-site {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.yz-booking-site {
    background: #f4f7fb !important;
    padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.yz-booking-site *,
  body.yz-booking-site *::before,
  body.yz-booking-site *::after {
    box-sizing: border-box !important;
  }

  body.yz-booking-site .container {
    width: calc(100% - 24px) !important;
    max-width: 420px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.yz-booking-site .yz-booking-mobile-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 99999 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 0 0 env(safe-area-inset-bottom, 0px) !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #075ea5 !important;
    box-shadow: 0 -2px 10px rgba(0, 42, 91, 0.18) !important;
    overflow: hidden !important;
  }

  body.yz-booking-site .yz-booking-mobile-nav > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    flex: 0 0 20% !important;
    min-width: 0 !important;
    width: 20% !important;
    max-width: 20% !important;
    height: 60px !important;
    padding: 5px 0 4px !important;
    color: #fff !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body.yz-booking-site .yz-booking-mobile-nav > a:nth-child(1),
  body.yz-booking-site .yz-booking-mobile-nav > a:nth-child(2),
  body.yz-booking-site .yz-booking-mobile-nav > a:nth-child(3),
  body.yz-booking-site .yz-booking-mobile-nav > a:nth-child(4),
  body.yz-booking-site .yz-booking-mobile-nav > a:nth-child(5) {
    grid-column: auto !important;
    flex: 0 0 20% !important;
  }

  body.yz-booking-site .yz-booking-mobile-nav > a:nth-child(n + 6) {
    display: none !important;
  }

  body.yz-booking-site .yz-booking-mobile-nav > a i {
    display: block !important;
    height: 20px !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 17px !important;
    font-style: normal !important;
    line-height: 20px !important;
  }

  body.yz-booking-site .yz-booking-mobile-nav > a::before {
    display: none !important;
    content: none !important;
  }

  body.yz-booking-site .yz-booking-mobile-nav > a span {
    display: block !important;
    width: 100% !important;
    color: #fff !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 13px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  body.page-booking-home .yz-home-bottom-nav-lock,
  body.page-booking-login .yz-login-bottom-nav,
  body.page-booking-order .yz-booking-mobile-nav,
  body.page-booking-submit .yz-booking-mobile-nav {
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, 1fr) !important;
  }

  body.yz-booking-site.page-booking-home nav.yz-booking-mobile-nav.yz-home-bottom-nav-lock,
  body.yz-booking-site.page-booking-login nav.yz-booking-mobile-nav.yz-login-bottom-nav,
  body.yz-booking-site.page-booking-order nav.yz-booking-mobile-nav,
  body.yz-booking-site.page-booking-submit nav.yz-booking-mobile-nav {
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }

  body.yz-booking-site.page-booking-schedule nav.yz-booking-mobile-nav,
  body.yz-booking-site.page-booking-schedule[class] nav.yz-booking-mobile-nav {
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    grid-template-columns: none !important;
    width: 100vw !important;
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  body.yz-booking-site.page-booking-schedule nav.yz-booking-mobile-nav > a,
  body.yz-booking-site.page-booking-schedule[class] nav.yz-booking-mobile-nav > a {
    flex: 0 0 20% !important;
    width: 20% !important;
    max-width: 20% !important;
    min-width: 0 !important;
    padding: 5px 0 4px !important;
    background: transparent !important;
  }

  body.page-booking-home .yz-booking-header {
    height: 42px !important;
    background: #0b68bd !important;
  }

  body.page-booking-schedule .yz-booking-header,
  body.page-booking-submit .yz-booking-header,
  body.page-booking-login .yz-booking-header,
  body.page-booking-detail .yz-booking-header {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #0b68bd !important;
    overflow: hidden !important;
  }

  body.page-booking-schedule .yz-booking-header-inner,
  body.page-booking-login .yz-login-bar,
  body.page-booking-order .yz-order-page-hero .container,
  body.page-booking-guides .yz-order-page-hero .container,
  body.page-booking-series .yz-order-page-hero .container {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 44px !important;
    height: 44px !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    background: #0b68bd !important;
    color: #fff !important;
    overflow: hidden !important;
  }

  body.page-booking-detail .yz-detail-home-fixed {
    display: none !important;
  }

  body.page-booking-login .yz-login-bar > a,
  body.page-booking-schedule .yz-booking-header-inner > a,
  body.page-booking-guides .yz-order-page-hero .container > a,
  body.page-booking-series .yz-order-page-hero .container > a {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 44px !important;
    text-align: center !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.page-booking-login .yz-login-bar > a::before,
  body.page-booking-login .yz-login-bar > a::after,
  body.page-booking-schedule .yz-booking-header-inner > a::before,
  body.page-booking-schedule .yz-booking-header-inner > a::after,
  body.page-booking-guides .yz-order-page-hero .container > a::before,
  body.page-booking-guides .yz-order-page-hero .container > a::after,
  body.page-booking-series .yz-order-page-hero .container > a::before,
  body.page-booking-series .yz-order-page-hero .container > a::after {
    display: none !important;
    content: none !important;
  }

  body.page-booking-login .yz-login-bar > a:first-child,
  body.page-booking-schedule .yz-booking-header-inner > a:first-child,
  body.page-booking-guides .yz-order-page-hero .container > a:first-child,
  body.page-booking-series .yz-order-page-hero .container > a:first-child {
    grid-column: 1 !important;
  }

  body.page-booking-login .yz-login-bar > a:last-child,
  body.page-booking-schedule .yz-booking-header-inner > a:last-child,
  body.page-booking-guides .yz-order-page-hero .container > a:last-child,
  body.page-booking-series .yz-order-page-hero .container > a:last-child {
    grid-column: 3 !important;
    font-size: 18px !important;
  }

  body.page-booking-login .yz-login-bar > strong,
  body.page-booking-schedule .yz-booking-header-inner > strong,
  body.page-booking-guides .yz-order-page-hero .container > h1,
  body.page-booking-series .yz-order-page-hero .container > h1 {
    display: block !important;
    grid-column: 2 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 4px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 44px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.page-booking-schedule .yz-schedule-ref-title {
    display: none !important;
  }

  body.page-booking-schedule .yz-schedule-route-label {
    box-sizing: border-box !important;
    display: block !important;
    width: min(100% - 24px, 420px) !important;
    min-height: 40px !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #2b78e4 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 40px !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  body.page-booking-home .yz-booking-brand-ref strong {
    font-size: 16px !important;
    line-height: 20px !important;
  }

  body.page-booking-home .yz-booking-brand-ref small {
    font-size: 7px !important;
    line-height: 9px !important;
    letter-spacing: 0.2px !important;
    transform: none !important;
  }

  body.page-booking-home .yz-booking-search {
    padding: 8px 0 10px !important;
  }

  body.page-booking-home .yz-booking-search > .container {
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center !important;
    width: min(100% - 24px, 420px) !important;
    max-width: 420px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.page-booking-home .yz-booking-search-card {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 360px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 12px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
  }

  body.yz-booking-site.page-booking-home #bookingSearchForm.yz-booking-search-card {
    margin-inline: auto !important;
    justify-self: center !important;
    align-self: center !important;
    transform: none !important;
  }

  body.page-booking-home .yz-booking-tabs {
    margin-bottom: 12px !important;
  }

  body.page-booking-home .yz-home-search-grid {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    gap: 12px 8px !important;
    align-items: stretch !important;
  }

  body.page-booking-home .booking-field,
  body.page-booking-home .booking-date-display,
  body.page-booking-home .yz-booking-submit {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 8px !important;
  }

  body.page-booking-home .booking-field-select {
    height: 48px !important;
  }

  body.page-booking-home .booking-field-display {
    line-height: 48px !important;
    text-align: center !important;
  }

  body.page-booking-home .yz-booking-swap {
    align-self: center !important;
    justify-self: center !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 48px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #1f7fe5 !important;
    -webkit-text-fill-color: #1f7fe5 !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    line-height: 48px !important;
    text-align: center !important;
    text-indent: 0 !important;
    transform: translateY(0) !important;
  }

  body.page-booking-home .yz-booking-swap::before {
    display: none !important;
    content: none !important;
  }

  body.page-booking-home .yz-booking-swap::after {
    display: none !important;
    content: none !important;
  }

  body.page-booking-home .yz-booking-swap .yz-booking-swap-icon {
    display: block !important;
    width: 42px !important;
    height: 48px !important;
    color: #1f7fe5 !important;
    -webkit-text-fill-color: #1f7fe5 !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    line-height: 48px !important;
    text-align: center !important;
    text-indent: 0 !important;
    transform: translateY(-1px) !important;
  }

  body.page-booking-home .booking-field-date-hero {
    grid-column: 1 / -1 !important;
    height: 52px !important;
  }

  body.page-booking-home .booking-date-display {
    height: 52px !important;
    padding: 6px 10px !important;
  }

  body.page-booking-home .booking-date-display strong {
    font-size: 15px !important;
    line-height: 20px !important;
  }

  body.page-booking-home .booking-date-display small {
    font-size: 12px !important;
    line-height: 16px !important;
  }

  body.page-booking-home .booking-field-ship,
  body.page-booking-home .yz-booking-submit {
    grid-column: 1 / -1 !important;
  }

  body.page-booking-home .booking-field-ship input,
  body.page-booking-home #bookingShip {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.page-booking-home #bookingSearchForm.is-ship-mode .yz-home-search-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.page-booking-home #bookingSearchForm.is-ship-mode .booking-field-ship,
  body.page-booking-home #bookingSearchForm.is-ship-mode .yz-booking-submit {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.page-booking-home .yz-booking-submit {
    justify-self: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height: 44px !important;
    font-size: 16px !important;
    overflow: hidden !important;
  }

  body.page-booking-home .yz-booking-routes {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 8px !important;
    margin-top: 10px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.page-booking-home .yz-booking-routes > button,
  body.yz-booking-site.page-booking-home .yz-booking-routes > button {
    box-sizing: border-box !important;
    display: block !important;
    grid-column: auto !important;
    justify-self: stretch !important;
    flex: 0 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    font-size: 10px !important;
    line-height: 34px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  body.page-booking-home #featured {
    display: none !important;
  }

  body.page-booking-detail .yz-detail-photo,
  body.page-booking-detail .yz-detail-photo > img,
  body.page-booking-detail .yz-detail-photo #detailShipImage {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
  }

  body.page-booking-detail #detailRoomRows .yz-detail-room-pro {
    grid-template-columns: 104px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    padding: 10px !important;
  }

  body.page-booking-detail #detailRoomRows .yz-detail-room-pro > .yz-room-single-image,
  body.page-booking-detail #detailRoomRows .yz-detail-room-pro > img {
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
    height: 104px !important;
  }

  body.page-booking-detail #detailRoomRows .yz-detail-room-pro > .yz-booking-room-price {
    grid-template-columns: minmax(0, 1fr) 58px !important;
    column-gap: 6px !important;
  }

  body.page-booking-detail #detailRoomRows .yz-detail-room-pro > .yz-booking-room-price em {
    font-size: 16px !important;
    letter-spacing: -0.5px !important;
    overflow: visible !important;
  }

  body.page-booking-detail #detailRoomRows .yz-detail-room-pro > .yz-booking-room-price button {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    background: #ff6b2a !important;
    color: #fff !important;
    opacity: 1 !important;
  }

  body.page-booking-login .yz-login-tip,
  body.page-booking-order .yz-order-note {
    color: #596579 !important;
    line-height: 1.55 !important;
  }

  body.page-booking-detail .yz-detail-home-fixed {
    display: none !important;
  }

  body.yz-booking-site .yz-submit-ref-top {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 42px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    background: #2b78e4 !important;
    color: #fff !important;
    overflow: hidden !important;
  }

  body.yz-booking-site .yz-submit-ref-top > a {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 50px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-family: Arial, "Microsoft YaHei", sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 50px !important;
    text-align: center !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.yz-booking-site .yz-submit-ref-top > a:first-child {
    grid-column: 1 !important;
    justify-self: center !important;
  }

  body.yz-booking-site .yz-submit-ref-top > strong {
    grid-column: 2 !important;
    justify-self: stretch !important;
    position: static !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 50px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transform: none !important;
  }

  body.yz-booking-site .yz-submit-ref-top > a:last-child {
    grid-column: 3 !important;
    justify-self: center !important;
    font-size: 24px !important;
    color: #fff !important;
    position: static !important;
  }

  body.yz-booking-site .yz-submit-ref-top > a::before,
  body.yz-booking-site .yz-submit-ref-top > a::after {
    display: none !important;
    content: none !important;
  }

  body.page-booking-schedule > .yz-booking-header,
  body.page-booking-order > .yz-booking-header,
  body.page-booking-guides > .yz-booking-header,
  body.page-booking-series > .yz-booking-header,
  body.page-booking-submit > .yz-booking-header,
  body.page-booking-detail > .yz-booking-header {
    display: none !important;
  }

  body.page-booking-order .yz-order-page-hero > .yz-order-top-action,
  body.page-booking-guides .yz-order-page-hero > .yz-guide-top-back,
  body.page-booking-guides .yz-order-page-hero > .yz-guide-top-home,
  body.page-booking-series .yz-order-page-hero .yz-series-top-back,
  body.page-booking-series .yz-order-page-hero .yz-series-top-title,
  body.page-booking-series .yz-order-page-hero .yz-series-real-home {
    display: none !important;
  }

  /* Final chrome lock: one shared mobile header and one shared 5-item bottom nav. */
  body.yz-booking-site .yz-submit-ref-top,
  body.yz-booking-site.page-booking-submit .yz-submit-ref-top {
    position: sticky !important;
    top: 0 !important;
    z-index: 100000 !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 42px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    background: #2b78e4 !important;
    color: #fff !important;
    overflow: hidden !important;
  }

  body.yz-booking-site .yz-submit-ref-top > a,
  body.yz-booking-site.page-booking-submit .yz-submit-ref-top > a {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 50px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 50px !important;
    text-align: center !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body.yz-booking-site .yz-submit-ref-top > strong,
  body.yz-booking-site.page-booking-submit .yz-submit-ref-top > strong {
    grid-column: 2 !important;
    min-width: 0 !important;
    height: 50px !important;
    padding: 0 4px !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 50px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.yz-booking-site .yz-submit-ref-top > a:first-child {
    grid-column: 1 !important;
    justify-self: center !important;
  }

  body.yz-booking-site .yz-submit-ref-top > a:last-child {
    grid-column: 3 !important;
    justify-self: center !important;
    font-size: 24px !important;
  }

  body.yz-booking-site .yz-booking-mobile-nav,
  body.yz-booking-site.page-booking-submit .yz-booking-mobile-nav,
  body.yz-booking-site.page-booking-detail .yz-booking-mobile-nav {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    bottom: 0 !important;
    z-index: 99999 !important;
    height: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
    min-height: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.yz-booking-site.page-booking-detail .yz-detail-fixed-booking {
    display: none !important;
  }

  body.yz-booking-site.page-booking-detail .yz-detail-summary-tags {
    display: none !important;
  }

  body.yz-booking-site.page-booking-detail,
  body.yz-booking-site.page-booking-detail .yz-booking-detail-main {
    padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.yz-booking-site.page-booking-order .yz-order-page-hero,
  body.yz-booking-site.page-booking-guides .yz-order-page-hero,
  body.yz-booking-site.page-booking-series .yz-order-page-hero {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 12px 0 0 !important;
    min-height: 0 !important;
    height: auto !important;
    color: inherit !important;
  }

  body.yz-booking-site.page-booking-order .yz-order-page-hero > .container,
  body.yz-booking-site.page-booking-guides .yz-order-page-hero > .container,
  body.yz-booking-site.page-booking-series .yz-order-page-hero > .container {
    display: block !important;
    width: calc(100% - 24px) !important;
    max-width: 420px !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 12px !important;
    background: #fff !important;
    color: #0f2742 !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 8px rgba(15, 39, 66, 0.08) !important;
    overflow: hidden !important;
  }

  body.yz-booking-site.page-booking-order .yz-order-page-hero h1,
  body.yz-booking-site.page-booking-guides .yz-order-page-hero h1,
  body.yz-booking-site.page-booking-series .yz-order-page-hero h1 {
    display: block !important;
    margin: 4px 0 6px !important;
    padding: 0 !important;
    color: #0f2742 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body.yz-booking-site.page-booking-order .yz-order-page-hero p,
  body.yz-booking-site.page-booking-guides .yz-order-page-hero p,
  body.yz-booking-site.page-booking-series .yz-order-page-hero p {
    margin: 0 !important;
    color: #5b6980 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    text-align: left !important;
  }

  body.yz-booking-site.page-booking-order .yz-section-kicker,
  body.yz-booking-site.page-booking-guides .yz-section-kicker,
  body.yz-booking-site.page-booking-series .yz-section-kicker {
    display: inline-block !important;
    margin: 0 0 4px !important;
    padding: 3px 7px !important;
    border-radius: 4px !important;
    background: #eaf3ff !important;
    color: #1f6fd1 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  body.yz-booking-site.page-booking-guides .yz-guide-hero-actions {
    display: flex !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }

  body.yz-booking-site.page-booking-login .yz-login-main {
    padding-top: 12px !important;
  }

  body.yz-booking-site.page-booking-login .yz-login-bar {
    display: none !important;
  }

  body.yz-booking-site .yz-booking-mobile-nav > a,
  body.yz-booking-site.page-booking-detail .yz-booking-mobile-nav > a,
  body.yz-booking-site.page-booking-submit .yz-booking-mobile-nav > a,
  body.yz-booking-site.page-booking-schedule .yz-booking-mobile-nav > a,
  body.yz-booking-site.page-booking-order .yz-booking-mobile-nav > a,
  body.yz-booking-site.page-booking-login .yz-booking-mobile-nav > a,
  body.yz-booking-site.page-booking-guides .yz-booking-mobile-nav > a,
  body.yz-booking-site.page-booking-series .yz-booking-mobile-nav > a {
    display: flex !important;
    flex: 0 0 20% !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    width: 20% !important;
    max-width: 20% !important;
    min-width: 0 !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 5px 0 4px !important;
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    text-decoration: none !important;
    overflow: hidden !important;
  }

  body.yz-booking-site .yz-booking-mobile-nav > a i,
  body.yz-booking-site.page-booking-detail .yz-booking-mobile-nav > a i,
  body.yz-booking-site.page-booking-home .yz-booking-mobile-nav > a i,
  body.yz-booking-site.page-booking-order .yz-booking-mobile-nav > a i,
  body.yz-booking-site.page-booking-login .yz-booking-mobile-nav > a i,
  body.yz-booking-site.page-booking-schedule .yz-booking-mobile-nav > a i,
  body.yz-booking-site.page-booking-submit .yz-booking-mobile-nav > a i,
  body.yz-booking-site.page-booking-guides .yz-booking-mobile-nav > a i,
  body.yz-booking-site.page-booking-series .yz-booking-mobile-nav > a i {
    display: block !important;
    width: 100% !important;
    height: 20px !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-align: center !important;
  }

  body.yz-booking-site .yz-booking-mobile-nav > a span,
  body.yz-booking-site.page-booking-detail .yz-booking-mobile-nav > a span,
  body.yz-booking-site.page-booking-home .yz-booking-mobile-nav > a span,
  body.yz-booking-site.page-booking-order .yz-booking-mobile-nav > a span,
  body.yz-booking-site.page-booking-login .yz-booking-mobile-nav > a span,
  body.yz-booking-site.page-booking-schedule .yz-booking-mobile-nav > a span,
  body.yz-booking-site.page-booking-submit .yz-booking-mobile-nav > a span,
  body.yz-booking-site.page-booking-guides .yz-booking-mobile-nav > a span,
  body.yz-booking-site.page-booking-series .yz-booking-mobile-nav > a span {
    display: block !important;
    width: 100% !important;
    height: 14px !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 14px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  body.yz-booking-site .yz-booking-mobile-nav > a::before,
  body.yz-booking-site .yz-booking-mobile-nav > a::after,
  body.yz-booking-site[class] .yz-booking-mobile-nav > a::before,
  body.yz-booking-site[class] .yz-booking-mobile-nav > a::after {
    display: none !important;
    content: none !important;
  }
}

@media (max-width: 768px) {
  body.page-booking-schedule.is-ship-search .yz-schedule-ref-top,
  body.page-booking-schedule.is-ship-search .yz-schedule-arrive-date {
    display: none !important;
  }
}