/* 공통 헤더 버튼 규격 (앱 다운로드 / 모바일 돋보기).
   style.css 가 @import 하고, info.html 이 직접 link 한다.
   이 파일 한 곳에서만 정의 — 다른 곳(인라인 CSS 포함)에서 다시 정하지 말 것. */

/* 앱 다운로드 버튼 */
.global-header .gh-app-btn{
  box-sizing:border-box !important;
  height:34px !important;
  padding:0 16px !important;
  font-size:0.85rem !important;
  font-weight:700 !important;
  line-height:1 !important;
  color:#27523C !important;
  background:transparent !important;
  border:1.5px solid #27523C !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  white-space:nowrap !important;
  flex-shrink:0 !important;
  text-decoration:none !important;
}
.global-header .gh-app-btn:hover{opacity:.9;text-decoration:none !important}
@media (max-width:600px){
  .global-header .gh-app-btn{padding:0 12px !important;font-size:0.8rem !important}
}
@media (max-width:430px){
  .global-header .gh-app-btn{padding:0 8px !important;font-size:0.72rem !important}
}

/* 모바일 돋보기 버튼 (앱 다운로드 버튼 오른쪽) */
.global-header .ns-search-mbtn{
  flex:0 0 auto;
  width:34px; height:34px; padding:0; margin:0;
  align-items:center; justify-content:center;
}
@media (max-width:430px){
  .global-header{gap:4px !important}
}

/* 간격 보정: 앱 다운로드 버튼과 돋보기 사이 */
.global-header .ns-search-mbtn{margin-left:4px}

/* 360px 안팎: 돋보기가 추가돼 제목이 잘리지 않도록 제목 글자·☰ 폭을 줄임 */
@media (max-width:380px){
  .global-header{padding:0 6px !important}
  .global-header .gh-menu-btn{min-width:36px !important;width:36px !important;margin-right:0 !important}
  .global-header .gh-logo{font-size:13px !important;letter-spacing:-0.05em !important}
  .global-header .gh-app-btn{padding:0 7px !important}
}