/* Geometry copied from cjrai.cn home: .shell, .nav and .logo-mark. */
.cjrai-navigation { box-sizing: border-box; display: block; width: 100%; max-width: none; height: 84px; margin: 0; padding: 0; border: 0; flex: none; position: relative; z-index: 60; background: #f8fbfb; color: #10201b; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; }
.cjrai-navigation-inner { box-sizing: border-box; width: min(1180px, calc(100% - 40px)); height: 84px; margin: 0 auto; padding: 0; border: 0; display: flex; align-items: center; gap: 12px; }
.cjrai-return { box-sizing: border-box; display: grid; place-items: center; width: 38px; min-width: 38px; height: 38px; min-height: 38px; margin: 0; padding: 0; border: 0; flex: none; border-radius: 12px; text-decoration: none; }
.cjrai-return img { box-sizing: border-box; display: block; width: 38px; min-width: 38px; max-width: none; height: 38px; min-height: 38px; margin: 0; padding: 0; border: 0; object-fit: contain; }
.cjrai-return:hover { background: rgba(55,194,170,.1); }
.cjrai-return:focus-visible { outline: 3px solid #078b78; outline-offset: 5px; }
.cjrai-navigation-title { font-size: 16px; line-height: normal; font-weight: 800; letter-spacing: -.03em; }
.cjrai-navigation-title small { display: block; margin-top: 1px; color: #86938e; font-size: 9px; line-height: normal; font-weight: 700; letter-spacing: .18em; }
.cjrai-image-sidebar, .cjrai-meals-sidebar, .cjrai-meals-drawer { top: 84px; }
@media (max-width: 800px) {
  .cjrai-navigation, .cjrai-navigation-inner { height: 72px; }
  .cjrai-image-sidebar, .cjrai-meals-sidebar, .cjrai-meals-drawer { top: 72px; }
  .rail { top: 72px; }
}
@media (max-width: 520px) {
  .cjrai-navigation-inner { width: min(100% - 28px, 1180px); }
}
@media print { .cjrai-navigation { display: none; } }