/* EatsOne V7.62: reservation page heading is the visual reference for all three pages. */
body.eatsone-menu-v753 .page-main,
body.eatsone-store-v2 .page-main,
body.eatsone-reservation-v6 .page-main {
  padding-top: 50px !important;
}
body.eatsone-menu-v753 .page-main > .container > .page-heading,
body.eatsone-store-v2 .page-main > .container > .page-heading,
body.eatsone-reservation-v6 .page-main > .container > .page-heading {
  box-sizing: border-box;
  min-height: 174px;
  max-width: 810px;
  padding: 0 0 18px !important;
  margin: 0 0 30px !important;
  text-align: left;
}
/* Reference: RESERVATIONS / rule / store name at the same baseline. */
body.eatsone-menu-v753 .page-main > .container > .page-heading .eyebrow,
body.eatsone-store-v2 .page-main > .container > .page-heading .eyebrow,
body.eatsone-reservation-v6 .page-main > .container > .page-heading .eyebrow {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 0 !important;
  color: #98735d !important;
  font: 500 12px/1.4 Arial, "Noto Sans TC", sans-serif !important;
  letter-spacing: .16em !important;
  text-transform: uppercase;
}
body.eatsone-menu-v753 .page-main > .container > .page-heading .short-rule,
body.eatsone-store-v2 .page-main > .container > .page-heading .short-rule,
body.eatsone-reservation-v6 .page-main > .container > .page-heading .short-rule {
  display: inline-block !important;
  width: 40px !important;
  flex: 0 0 40px !important;
  height: 1px !important;
  margin: 0 !important;
  background: #b9a18d !important;
}
body.eatsone-menu-v753 .page-main > .container > .page-heading h1,
body.eatsone-store-v2 .page-main > .container > .page-heading h1,
body.eatsone-reservation-v6 .page-main > .container > .page-heading h1 {
  margin: 17px 0 13px !important;
  color: #291e19 !important;
  font-size: clamp(36px,4.5vw,60px) !important;
  font-weight: 500 !important;
  line-height: 1.23 !important;
  letter-spacing: .09em !important;
}
body.eatsone-menu-v753 .page-main > .container > .page-heading p,
body.eatsone-store-v2 .page-main > .container > .page-heading p,
body.eatsone-reservation-v6 .page-main > .container > .page-heading p {
  margin: 0 !important;
  color: #a28b7d !important;
  font-size: 15px !important;
  line-height: 1.85 !important;
  letter-spacing: .06em !important;
}
@media (max-width: 900px) {
  body.eatsone-menu-v753 .page-main,
  body.eatsone-store-v2 .page-main,
  body.eatsone-reservation-v6 .page-main { padding-top: 34px !important; }
  body.eatsone-menu-v753 .page-main > .container > .page-heading,
  body.eatsone-store-v2 .page-main > .container > .page-heading,
  body.eatsone-reservation-v6 .page-main > .container > .page-heading {
    min-height: 154px; padding-bottom: 12px !important; margin-bottom: 24px !important;
  }
  body.eatsone-menu-v753 .page-main > .container > .page-heading h1,
  body.eatsone-store-v2 .page-main > .container > .page-heading h1,
  body.eatsone-reservation-v6 .page-main > .container > .page-heading h1 { font-size: 38px !important; }
}
@media (max-width: 620px) {
  body.eatsone-menu-v753 .page-main,
  body.eatsone-store-v2 .page-main,
  body.eatsone-reservation-v6 .page-main { padding-top: 25px !important; }
  body.eatsone-menu-v753 .page-main > .container > .page-heading,
  body.eatsone-store-v2 .page-main > .container > .page-heading,
  body.eatsone-reservation-v6 .page-main > .container > .page-heading {
    min-height: 143px; padding-bottom: 9px !important; margin-bottom: 22px !important;
  }
  body.eatsone-menu-v753 .page-main > .container > .page-heading h1,
  body.eatsone-store-v2 .page-main > .container > .page-heading h1,
  body.eatsone-reservation-v6 .page-main > .container > .page-heading h1 { font-size: 33px !important; }
  body.eatsone-menu-v753 .page-main > .container > .page-heading p,
  body.eatsone-store-v2 .page-main > .container > .page-heading p,
  body.eatsone-reservation-v6 .page-main > .container > .page-heading p { font-size: 13px !important; }
  body.eatsone-menu-v753 .page-main > .container > .page-heading .eyebrow,
  body.eatsone-store-v2 .page-main > .container > .page-heading .eyebrow,
  body.eatsone-reservation-v6 .page-main > .container > .page-heading .eyebrow { font-size: 10px !important; gap: 9px !important; }
}