/* ============================================================
   Wellness HealthCare — Shared Footer CSS v1.0
   Source of truth: components/footer.{ko,en,zh}.html
   Edit this file → run `node scripts/build-components.js`
   ============================================================ */

footer.site{background:#0B1220;color:rgba(255,255,255,.65);padding:64px 0 40px;font-size:14px}
.ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
@media(max-width:900px){.ft-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:560px){.ft-grid{grid-template-columns:1fr}}
.ft-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:16px;margin-bottom:14px}
.ft-brand img{width:28px;height:28px;object-fit:contain;filter:brightness(0) invert(1)}
.ft h4{color:#fff;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
.ft ul{list-style:none;padding:0;margin:0}
.ft li{margin-bottom:10px}
.ft a:hover{color:#fff}
.ft p{line-height:1.7}
.ft-copy{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:12.5px;color:rgba(255,255,255,.45)}