/* 首頁專用（單一版本，2026-09-30）。由 tools/build-home.py 產生，手改請同步改產生器 */
/* 1) 選單標題：手機版原本用 <h1>/<h2>，改成 .mh1/.mh2 以免整頁 8 個 h1；規則自 main.css 複製 */
.ibuttons .mh1 { display:block; color:#777777;
				font-size:15px;
				margin:0;
				transition:.3s ease all; }
.ibuttons .mh2 { display:block; color:#777777;
				font-size:14px;
				margin:0;
				position:absolute;
				bottom:-35px;
				left:0%;
				width:100%;
				opacity:0;
				transition:.3s ease all; }
.ibuttons li:hover .mh1 { display:block; transform: translateY(-10px);
					opacity:0; }
.ibuttons li:hover .mh2 { display:block; bottom:20%;
					opacity:1; }
@media screen and (max-width:1310px) { .ibuttons .mh2 { display:block; position: relative;
							opacity:1;
							bottom:0;
							padding:2% 0; } }
@media screen and (max-width:1310px) { .ibuttons li:hover .mh1 { display:block; transform: translateY(0px);
								opacity:1; } }
@media screen and (max-width:1310px) { .ibuttons li:hover .mh2 { display:block; position: relative;
								opacity:1; } }
@media screen and (max-width:400px) { .ibuttons .mh1 { display:block; font-size:14px; } }
@media screen and (max-width:400px) { .ibuttons .mh2 { display:block; font-size:12px; } }

/* 0) 手機版原本有 598px 的橫向晃動（離屏選單造成），整頁鎖住橫向捲動；已實測選單仍可正常開啟 */
html,body{overflow-x:hidden}
/* 2) 覆蓋 main.css 的全域 h1/h2（它們是為選單寫的），新區塊用自己的標題樣式 */
.site-h1{margin:0;font-size:0;line-height:0}
.home-sec{max-width:1200px;margin:0 auto;padding:22px 15px 6px}
.home-sec h2.home-h2,.home-sec h3{position:static;opacity:1;bottom:auto;left:auto;width:auto;transition:none}
.home-h2{font-size:22px;font-weight:bold;color:#333977;margin:0 0 6px;padding-left:12px;border-left:6px solid #80ae84}
.home-sub{font-size:14px;color:#777;margin:0 0 14px}
.home-sub img{vertical-align:middle;margin:0 2px}
/* 3) 合作民宿名單（資料層輸出） */
.home-partners{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.home-town{background:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:12px 14px}
.home-town h3{font-size:16px;font-weight:bold;color:#333977;margin:0 0 6px;display:flex;justify-content:space-between;align-items:baseline;gap:6px}
.home-town h3 a{color:#333977}
.home-town-more{font-size:12px;font-weight:normal;color:#888;white-space:nowrap}
.home-town ul{list-style:none;margin:0;padding:0;text-align:left}
.home-town li{display:flex;align-items:center;flex-wrap:wrap;gap:0 4px;font-size:14px;line-height:1.9;color:#333;text-align:left;padding:2px 0;border-bottom:1px dotted #eee}
.home-town li:last-child{border-bottom:0}
.home-town li img{display:inline-block;width:18px;height:18px;margin:0;vertical-align:middle}
.home-town li a{display:inline;color:#333;padding:0;margin:0;text-align:left}
.home-town li a:hover{color:#c00}
.home-intro{font-size:12px;color:#888;margin-left:auto;padding-left:6px;white-space:nowrap}
.home-sub img{display:inline-block}
.home-sub a{display:inline;color:#333977;text-decoration:underline}
.home-sub a:hover{color:#c00}
.bnb-wrapper .card-name{display:inline}
/* 4) 桌機版搬來的區塊 */
.home-embed{overflow-x:auto;text-align:center}
.home-embed img,.home-feed img{max-width:100%;height:auto}
.home-ssb{max-width:812px;margin:0 auto;overflow:hidden}
/* hlhome 廣告 feed 原本各在桌機版的窄欄位裡直向排列：這裡改成幾欄並排，手機自動堆疊 */
.home-feeds{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;align-items:flex-start}
.home-feed{flex:1 1 220px;max-width:320px;text-align:center}
.home-feed td,.home-feed table{max-width:100%}
/* 活動輪播原本在桌機版 32% 寬的欄位裡，維持相近寬度置中 */
.home-activity{max-width:660px;margin:0 auto}
.home-activity img{width:100%;max-width:100%;height:auto}
/* 最新消息列（比照宜蘭首頁的 news strip） */
.idx-news{max-width:1170px;margin:22px auto 4px;padding:10px 16px;background:#fffdf8;border:1px solid #dfe3d6;border-radius:12px;display:flex;flex-wrap:nowrap;align-items:center;gap:8px 16px;text-align:left}
.idx-news .idx-news-label{background:#333977;color:#fff;font-size:13.5px;font-weight:700;padding:4px 14px;border-radius:999px;letter-spacing:.08em;flex-shrink:0;white-space:nowrap}
.idx-news a{display:block;color:#2f4a41;font-size:14.5px;text-decoration:none;line-height:1.6;flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.idx-news a:hover{color:#333977;text-decoration:underline}
.idx-news .idx-news-date{color:#8a8574;font-size:12.5px;margin-right:4px}
.idx-news .idx-news-more{margin-left:auto;color:#80ae84;font-weight:700;font-size:13.5px;flex-shrink:0;overflow:visible}
@media (max-width:768px){.idx-news{margin:16px 12px 4px}.idx-news a:nth-of-type(n+2):not(.idx-news-more){display:none}.idx-news .idx-news-more{margin-left:auto}}
.home-more{background:#f6f6f2;margin-top:16px}
.home-more .home-embed{padding:6px 0}
/* 6) 預覽模式標記 */
.home-preview{position:fixed;top:0;left:0;right:0;z-index:99999;background:#c00;color:#fff;font-size:13px;text-align:center;padding:4px}