/* by: Codex GPT-6; source: J 2026-10-28 reference footer unification. */
@font-face {
  font-family: "Hanjang Reference";
  src: url("/assets/fonts/HanjangSansSubset.woff2?v=cf5273ea78ef") format("woff2");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}
#hj-end {
  display: block;
  position: relative;
  z-index: 30;
  box-sizing: border-box;
  margin: 0;
  padding: 36px 20px calc(var(--hj-end-pb, 44px) + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid rgba(30, 25, 21, .12);
  background: #F7F0E4;
  color: #1E1915;
  text-align: center;
  font: 500 16px/1.6 "Hanjang Reference", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;
  letter-spacing: -.01em;
  word-break: keep-all;
  -webkit-text-size-adjust: 100%;
}
#hj-end p {
  margin: 0 0 18px;
  color: #1E1915;
  font: 800 18px/1.45 "Hanjang Reference", Pretendard, sans-serif;
  letter-spacing: -.02em;
}
#hj-end small {
  display: block;
  margin: 5px 0 0;
  color: #6B5F55;
  font: 500 14px/1.6 "Hanjang Reference", Pretendard, sans-serif;
  letter-spacing: -.01em;
}
#hj-end .hj-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
#hj-end a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  box-sizing: border-box;
  padding: 12px 22px;
  border: 1px solid rgba(30, 25, 21, .22);
  border-radius: 999px;
  background: #FFFCF7;
  color: #1E1915 !important;
  font: 700 16px/1.25 "Hanjang Reference", Pretendard, sans-serif;
  letter-spacing: -.01em;
  text-decoration: none !important;
}
#hj-end a.hj-main {
  border-color: transparent;
  background: #B8470F;
  color: #FFF7EF !important;
}
#hj-end a:hover { filter: brightness(.95); }
#hj-end a:focus-visible { outline: 3px solid #B8470F; outline-offset: 3px; }
@media (max-width: 760px) {
  /* Parts keeps its own fixed 67px inquiry bar. Leave room below both links,
     including without JavaScript, instead of changing the common buttons. */
  #hj-end[data-hj-reference="parts"] { --hj-end-pb: 118px; }
}
@media (max-width: 360px) {
  #hj-end { padding-inline: 16px; }
  #hj-end .hj-row { flex-direction: column; align-items: stretch; }
}
@media print { #hj-end { display: none !important; } }