/* 杭感型号搜索框 + 联想下拉 + Hero 搜索（站点级，蓝 #0A366F 统一风格） */

/* ===== 侧边栏搜索（复用模板 #search 槽位） ===== */
.hg-search-wrap { position: relative; margin: 0 0 6px 0; }
#content .sidebar #search {
  height: 42px;
  margin-bottom: 6px;
  background: #fff;
  border: 1px solid #cfd6da;
  border-radius: 4px;
  text-align: left;
  display: flex;
  align-items: center;
  padding: 0 10px;
  color: #333;
}
#content .sidebar #search input#hg-search-input {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-size: 14px;
  color: #333;
  font-family: "Microsoft YaHei", sans-serif;
}
#content .sidebar #search input#hg-search-input::placeholder { color: #929292; }

/* ===== 联想下拉（通用） ===== */
.hg-suggest {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1300;
  background: #fff;
  border: 1px solid #cfd6da;
  border-top: none;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .14);
  max-height: 330px;
  overflow: auto;
  border-radius: 0 0 4px 4px;
}
.hg-suggest-item {
  padding: 8px 10px;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  display: block;
}
.hg-suggest-item:last-child { border-bottom: none; }
.hg-suggest-item:hover { background: #f1f6f8; }
.hg-suggest-item .hg-m { color: #0A366F; font-weight: 700; font-size: 14px; }
.hg-suggest-item .hg-m mark { background: #fff2a8; color: #0A366F; padding: 0 1px; }
.hg-suggest-item .hg-s { color: #888; font-size: 12px; margin-top: 2px; display: block; }

/* ===== 产品页主内容区：红框内嵌 catalog 页（方案A） ===== */
.hg-catalog-frame-wrap {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e1e6e9;
  border-radius: 4px;
}
#hg-catalog-frame {
  border: 0;
  display: block;
  width: 210mm;        /* 半页块宽（左页/右页），文字比整页缩放清晰 */
  height: 285mm;
  transform-origin: top left;
  background: #fff;
}

/* ===== 首页 Hero 搜索 ===== */
.hg-hero-search { position: relative; max-width: 580px; margin: 20px auto 0; display: flex; }
.hg-hero-search input#hg-search-input {
  flex: 1;
  height: 46px;
  border: 2px solid #0A366F;
  border-right: none;
  border-radius: 4px 0 0 4px;
  padding: 0 14px;
  font-size: 15px;
  outline: none;
  color: #333;
  font-family: "Microsoft YaHei", sans-serif;
}
.hg-hero-search button#hg-search-go {
  height: 46px;
  border: 2px solid #0A366F;
  background: #0A366F;
  color: #fff;
  padding: 0 24px;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  font-size: 15px;
  font-family: "Microsoft YaHei", sans-serif;
}
.hg-hero-search button#hg-search-go:hover { background: #0d437f; }
.hg-hero-search .hg-suggest {
  left: 0; right: 0;
  border: 1px solid #cfd6da;
  border-top: none;
  border-radius: 0 0 4px 4px;
}