/* hb.css — 住宿推薦專區 6 頁(原 /mobile/ad_*.php,2026-11-06 搬到根目錄)的補充樣式。
   命名空間 .hb-(花蓮民宿資訊網,對應宜蘭站的 .ib-),只加不改既有版型;
   橫幅 .inbanner 原本是純背景圖、沒有文字標題,這裡在橫幅下緣疊一層 H1 與一句說明。 */
.inbanner { position: relative; }
.hb-banner {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 18px 20px 20px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .58));
  color: #fff; text-align: left;
}
.hb-banner .hb-h1 {
  margin: 0; font-size: 26px; line-height: 1.3; font-weight: 700; letter-spacing: .04em;
  color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, .65);
}
.hb-banner .hb-lead {
  margin: 6px 0 0; font-size: 14px; line-height: 1.6; color: #f1f3ee;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .65);
}
@media screen and (max-width: 680px) {
  .hb-banner { padding: 12px 14px 14px; }
  .hb-banner .hb-h1 { font-size: 20px; }
  .hb-banner .hb-lead { font-size: 13px; }
}