/* Scoped to the site footer; order-card footers and other page navigation are unaffected. */
body > footer.cf-site-footer {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 56px 0 0;
  padding: 36px max(20px, calc((100vw - 1320px) / 2));
  border-top: 1px solid #e5ddd7;
  background: #211c1a;
  color: #d1c7c1;
  font: 13px/1.9 "PingFang SC", "Microsoft YaHei UI", system-ui, sans-serif;
  text-align: left;
  letter-spacing: normal;
}
.cf-site-footer .cf-footer-inner { display: grid; gap: 18px; min-width: 0; max-width: 1320px; margin: auto; }
.cf-site-footer .cf-footer-identity strong { display: block; color: #fff7f2; font-size: 17px; font-weight: 600; }
.cf-site-footer .cf-footer-identity p { display: flex; flex-wrap: wrap; gap: 4px 24px; margin: 8px 0 0; color: inherit; font: inherit; }
.cf-site-footer .cf-footer-services,
.cf-site-footer .cf-footer-contact,
.cf-site-footer .cf-footer-registration { display: flex; flex-wrap: wrap; gap: 6px 24px; align-items: center; }
.cf-site-footer .cf-footer-services { padding: 16px 0; border-top: 1px solid #ffffff26; border-bottom: 1px solid #ffffff26; }
.cf-site-footer a { display: inline-block; color: #eee2db; font: inherit; text-decoration: none; overflow-wrap: anywhere; }
.cf-site-footer a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.cf-site-footer a:focus-visible { outline: 2px solid #f5bb9b; outline-offset: 4px; border-radius: 2px; }
.cf-site-footer .cf-footer-registration { gap: 6px 28px; }
.cf-site-footer .cf-footer-copyright { display: block; text-align: left; color: #bcaea5; font-size: 12px; }
@media (max-width: 600px) {
  body > footer.cf-site-footer { margin-top: 32px; padding: 28px 20px calc(92px + env(safe-area-inset-bottom, 0px)); font-size: 12px; }
  .cf-site-footer .cf-footer-identity strong { font-size: 16px; }
  .cf-site-footer .cf-footer-identity p,
  .cf-site-footer .cf-footer-contact,
  .cf-site-footer .cf-footer-registration { flex-direction: column; align-items: flex-start; gap: 4px; }
  .cf-site-footer .cf-footer-services { gap: 4px 18px; }
  .cf-site-footer .cf-footer-services a { min-height: 36px; display: inline-flex; align-items: center; }
}