/* 行謙牙醫｜長輩友善小工具 */
.gw-bar{position:fixed;right:18px;left:auto;bottom:22px;z-index:8000;display:flex;gap:8px;font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei","Noto Sans TC",sans-serif}
.gw-bar a{display:none}
.gw-bar button,.gw-bar a{box-sizing:border-box;min-height:48px;align-items:center;justify-content:center;gap:7px;padding:0 18px;border:1px solid #756A5D;border-radius:24px;background:#fff;color:#3C3631;font:inherit;font-size:16px;line-height:1;text-decoration:none;cursor:pointer;box-shadow:0 6px 20px rgba(60,54,49,.16)}
.gw-bar button:hover{background:#F3E9DF}
.gw-bar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.gw-bar a:focus-visible,.gw-bar button:focus-visible{outline:3px solid #756A5D;outline-offset:2px}
.gw-bar-fs[aria-pressed="true"]{background:#756A5D;color:#fff}
.gw-fs-nozoom .gw-bar-fs{display:none}
@media(max-width:820px){
  .gw-bar{left:0;right:0;bottom:0;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(250,245,239,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid #E5DEDA;box-shadow:0 -6px 20px rgba(60,54,49,.08)}
  .gw-bar a{display:flex}
  .gw-bar button,.gw-bar a{flex:1;padding:0 8px;border-radius:12px;box-shadow:none;font-size:16px}
  .gw-bar-fs{flex:.8!important}
  .gw-bar-tel{background:#756A5D!important;color:#fff!important}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
}
/* 字體放大：整個頁面內容等比例放大（不含這條按鈕列） */
html.gw-fs-1 .gwdc-site{zoom:1.15}
html.gw-fs-2 .gwdc-site{zoom:1.3}
@media print{.gw-bar{display:none}}
/* 放大字體時，手機上的版面不能被撐出畫面 */
@media(max-width:820px){
  html.gw-fs-1 .hm-info .hm-wrap,html.gw-fs-2 .hm-info .hm-wrap{grid-template-columns:1fr!important}
  html.gw-fs-1 .hm-info .hm-wrap>*,html.gw-fs-2 .hm-info .hm-wrap>*{min-width:0;grid-column:auto!important;border-left:0!important;border-top:1px solid #E5DEDA}
  html.gw-fs-1 .gwdc-site,html.gw-fs-2 .gwdc-site{overflow-wrap:anywhere}
}
@media(max-width:820px){
  html.gw-fs-1 .hm-hero-art,html.gw-fs-2 .hm-hero-art{max-width:100%;box-sizing:border-box}
  html.gw-fs-1 body,html.gw-fs-2 body{overflow-x:hidden}
}

.hm-hero{overflow-x:clip}

@media(max-width:820px){
  .gw-bar{transition:transform .35s ease,visibility 0s}
  .gw-bar.gw-bar-away{transform:translateY(110%);visibility:hidden;transition:transform .35s ease,visibility 0s .35s}
}
@media(prefers-reduced-motion:reduce){.gw-bar,.gw-bar.gw-bar-away{transition:none}}

/* 手機版：首頁最上方的「來電預約」按鈕隱藏（底部列已經有撥打電話） */
@media(max-width:820px){.hm-hero-text a[href^="tel:"]{display:none!important}}

/* 底部按鈕列：文字不換行；窄螢幕（約 360px）縮小字級與間距，三顆按鈕才排得下 */
@media(max-width:820px){
  .gw-bar button,.gw-bar a{white-space:nowrap}
  .gw-bar-tel,.gw-bar-line{flex:1 1 auto!important}
  .gw-bar-fs{flex:1 1 auto!important}
}
@media(max-width:380px){
  .gw-bar{gap:5px;padding-left:8px;padding-right:8px}
  .gw-bar button,.gw-bar a{font-size:15px;padding:0 6px;gap:4px}
  .gw-bar svg{width:18px;height:18px}
}

/* 底部按鈕列：字級、間距都跟著畫面寬度縮放，即使瀏覽器放大頁面或文字也不會超出邊界 */
@media(max-width:820px){
  .gw-bar{-webkit-text-size-adjust:100%;text-size-adjust:100%;gap:clamp(3px,1.2vw,8px);padding-left:clamp(6px,2.4vw,12px);padding-right:clamp(6px,2.4vw,12px);box-sizing:border-box;max-width:100vw;overflow:hidden}
  .gw-bar button,.gw-bar a{min-width:0;font-size:clamp(11px,3.7vw,16px);padding:0 clamp(3px,1.4vw,8px);gap:clamp(2px,1vw,6px);overflow:hidden}
  .gw-bar svg{width:1.2em;height:1.2em}
  .gw-bar span{white-space:nowrap}
}