/* Footer 样式 */
.footer { background:var(--sky-surface, #fff7dd); border-top:1px solid var(--sky-border, #f1c98f); }
.footer-grid { max-width:1180px; margin:0 auto; padding:24px 12px; display:grid; grid-template-columns: 280px repeat(3, minmax(110px, 1fr)) 360px; gap:20px; align-items:start; }

/* 左側品牌 */
.footer-brand { color:#2f2419; text-align:center; }
.brand-logo-wrap { display:flex; justify-content:center; }
.brand-logo { height:44px; display:block; margin:0 auto; }
.brand-desc { margin:10px 0 12px; color:#7a5d3c; font-size:14px; line-height:1.6; }
.brand-note { background:var(--sky-primary-soft, #ffebc7); border:1px solid var(--sky-primary-soft-2, #ffd8a4); border-radius:10px; padding:12px; }
.note-title { color:var(--sky-primary-ink, #b93c00); font-size:13px; font-weight:700; margin-bottom:6px; }
.note-text { color:#7a5d3c; font-size:13px; line-height:1.6; }

/* 中contact-card間欄位 */
.footer-col { min-width:90px; }
.col-title { font-weight:700; color:#2f2419; font-size:14px; margin-bottom:8px; }
.col-list { list-style:none; padding:0; margin:0; }
.col-list li { margin:6px 0; }
.col-list a { color:#7a5d3c; font-size:13px; }
.col-list a:hover { color:var(--sky-primary, #fe5a04); }

/* 右側聯係卡 */
.contact-card { background:var(--sky-primary-soft, #ffebc7); border:1px solid var(--sky-primary-soft-2, #ffd8a4); border-radius:12px; padding:14px; color:#2f2419; }
.contact-hero { width:100%; height:120px; object-fit:cover; border-radius:10px; display:block; margin-bottom:12px; background:#ffd8a4; }
.contact-title { font-weight:700; margin-bottom:10px; }
.contact-text { color:var(--sky-primary-ink, #b93c00); font-size:13px; }
.contact-links { display:flex; flex-direction:column; gap:8px; margin-top:12px; }
.contact-links a { color:#b93c00; font-size:13px; font-weight:600; }
.contact-links a:hover { color:#d94800; }
.follow-title { margin-top:12px; font-weight:700; }
.follow-icons { margin-top:8px; display:flex; gap:10px; }
.follow-icon { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:10px; border:1px solid var(--sky-primary-soft-2, #ffd8a4); background:var(--sky-surface, #fff7dd); }
.follow-icon img { width:18px; height:18px; }
.follow-icon:hover { border-color:var(--sky-primary, #fe5a04); }
.follow-icon.text { width:auto; min-width:56px; padding:0 12px; color:var(--sky-primary-ink, #b93c00); font-size:12px; font-weight:700; }

.footer-bottom { max-width:1180px; margin:0 auto; padding:12px; color:#8a6b4a; font-size:13px; border-top:1px dashed var(--sky-border, #f1c98f); }

.whatsapp-float {
  position: fixed;
  right: 18px;
  bottom: 88px;
  z-index: 1200;
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  overflow: hidden;
  background: transparent;
  box-shadow: 0 10px 24px rgba(37, 211, 102, 0.22);
  transition: transform .2s ease, box-shadow .2s ease;
}

.whatsapp-float img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.whatsapp-float:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(37, 211, 102, 0.36);
}

/* 響應式 */
@media (max-width: 1024px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap:16px; padding:20px 12px; }
}
@media (max-width: 640px) {
  .footer-grid { grid-template-columns: 1fr; gap:14px; padding:16px 12px; }
  .brand-logo { height:36px; }
  .brand-desc { font-size:13px; }
  .footer-col { min-width: 0; }
  .col-title { font-size:13px; margin-bottom:6px; }
  .col-list li { margin:4px 0; }
  .col-list a { font-size:12px; line-height:1.4; }
  .contact-card { padding:12px; }
  .contact-hero { height:100px; }
  .follow-icons { gap:8px; }
  .follow-icon { width:32px; height:32px; }
  .follow-icon img { width:16px; height:16px; }
  .follow-icon.text { min-width:52px; padding:0 10px; }
  .footer-bottom { padding:10px; font-size:12px; }
  .whatsapp-float { right: 12px; bottom: 78px; width: 52px; height: 52px; }
  .whatsapp-float img { width: 26px; height: 26px; }
}