/* site-chrome.css — 새 홈(2026-10-02)과 같은 상단 메뉴·하단·문의 버튼을 기존 페이지에 씌움.
   아임웹 CSS와 충돌하지 않게 전부 nh- 접두어 클래스만 사용 */
body.nh { background: #fffaf6 !important; padding-top: 0 !important; }
body.nh #doz_header_wrap, body.nh #doz_footer_wrap, body.nh .mobile_slide_menu_container,
body.nh #kakao-talk-channel-chat-button, body.nh .mirror-scarcity-bar,
body.nh #site_alarm_slidemenu_container { display: none !important; }

.nh-header { position: sticky; top: 0; z-index: 1000; background: rgba(255,250,246,.95);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border-bottom: 1px solid #efe4da;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; }
.nh-hd { display: flex; align-items: center; justify-content: space-between; padding: 16px 32px; max-width: 1280px; margin: 0 auto; box-sizing: border-box; }
.nh-logo { font-family: "Noto Serif KR", serif; font-size: 20px; font-weight: 600; letter-spacing: .04em; color: #e88b98 !important; text-decoration: none !important; }
.nh-nav { display: flex; gap: 28px; font-size: 14px; }
.nh-nav a { color: #4a4038 !important; text-decoration: none !important; }
.nh-nav a:hover, .nh-nav a.nh-on { color: #e88b98 !important; }
.nh-btn { display: inline-flex; align-items: center; justify-content: center; background: #e88b98; color: #fff !important;
  font-weight: 600; font-size: 13px; padding: 10px 22px; border-radius: 999px; text-decoration: none !important; transition: background .2s; }
.nh-btn:hover { background: #d9707f; }

.nh-footer { padding: 40px 32px 110px; background: #1b1714; color: #8a7e71; font-size: 12.5px; line-height: 1.6;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; }
.nh-ft { max-width: 1180px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; }
.nh-footer p { margin: 0 0 6px; }
.nh-footer a { color: #cfc3b7 !important; text-decoration: none !important; }

.nh-kakao { position: fixed; right: 22px; bottom: 22px; z-index: 1001; background: #fee500; color: #191919 !important;
  font-weight: 700; font-size: 14px; padding: 13px 20px; border-radius: 999px; box-shadow: 0 6px 18px rgba(0,0,0,.18); text-decoration: none !important;
  font-family: Pretendard, -apple-system, "Apple SD Gothic Neo", sans-serif; }
.nh-mcta { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1001; padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
  background: #fff; border-top: 1px solid #ece1d6; gap: 10px; box-sizing: border-box; }
.nh-mcta a { flex: 1; text-align: center; font-weight: 700; font-size: 15px; padding: 14px 0; border-radius: 999px; text-decoration: none !important;
  font-family: Pretendard, -apple-system, "Apple SD Gothic Neo", sans-serif; }

/* 예약 페이지 폼을 새 홈 톤으로 */
body.nh .form-widget .form-control, body.nh .form-widget input[type="text"], body.nh .form-widget input[type="tel"],
body.nh .form-widget input[type="date"], body.nh .form-widget input[type="time"], body.nh .form-widget textarea {
  border: 1px solid #e4d6c8 !important; border-radius: 10px !important; background: #fff !important; padding: 10px 12px !important;
  font-size: 15px !important; box-shadow: none !important; height: auto !important; }
body.nh .form-widget .form-control:focus, body.nh .form-widget input:focus { border-color: #e88b98 !important; outline: none !important; }
body.nh .form-widget .control-label { font-weight: 600 !important; color: #2a2420 !important; }
body.nh ._input_form_submit { background: #e88b98 !important; border-color: #e88b98 !important; color: #fff !important; border-radius: 999px !important;
  padding: 14px 40px !important; font-weight: 700 !important; }
body.nh ._input_form_submit:hover { background: #d9707f !important; }

@media (max-width: 860px) {
  .nh-hd { flex-wrap: wrap; row-gap: 10px; }
  .nh-nav { display: flex; order: 3; width: 100%; justify-content: space-between; gap: 12px; font-size: 13px; overflow-x: auto; white-space: nowrap; }
  .nh-hd { padding: 14px 18px; }
  .nh-kakao { display: none; }
  .nh-mcta { display: flex; }
  body.nh .form-widget input, body.nh .form-widget textarea { font-size: 16px !important; }
}

.nh-nav { gap: 8px !important; }
.nh-nav a { padding: 7px 15px; border: 1px solid #d8c7b6; border-radius: 999px; font-size: 13px; }
.nh-nav a:hover, .nh-nav a.nh-on { border-color: #e88b98; }
@media (max-width: 860px) { .nh-nav { gap: 4px !important; } .nh-nav a { padding: 5px 9px; font-size: 11.5px; } }