/* CTA Section */
.cta { padding: 22px 0; }
.cta h2 { font-size: 32px; font-weight: 600; letter-spacing: 2px; }

/* Footer */
footer { background-color: #646569; color: #ffffff; font-size: 16px; }
.footer-main { padding: 40px 0; }
.footer-grid { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; gap: 40px; }
.footer-icon img {
  width: 12px;
}
.footer-logo { margin-bottom: 20px; }
.footer-logo img { height: 50px; }
.footer-info p { margin-bottom: 5px; color: #e3e3e3; display: flex; align-items: center; gap: 8px; }

.footer-links-wrapper {
    display: flex; flex-direction: column; align-items: flex-end;
    justify-content: space-between; min-height: 160px;
}
.footer-nav { display: flex; gap: 15px; margin-bottom: 20px; }
.footer-nav a { color: #ffffff; transition: color 0.3s; }
.footer-nav li:not(:last-child)::after { content: '|'; margin-left: 15px; color: #cbcbcb; }

/* 社群圖示置右下 */
.footer-social-container { margin-top: auto; }
.social-link { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; font-size: 18px; transition: all 0.3s; }
.footer-bottom { background-color: #000000; padding: 20px 0; text-align: center; color: #c3c3c3; font-size: 15px; }

@media (max-width: 768px) {
    /* Mobile Footer Left Align */
    .footer-grid { flex-direction: column; align-items: flex-start; text-align: left; gap: 30px;}
    .footer-links-wrapper { align-items: flex-start; min-height: auto; gap: 20px; }
    .footer-nav { flex-wrap: wrap; justify-content: flex-start; gap: 10px 20px; }
    .footer-nav li:not(:last-child)::after { display: none; }
    .footer-info p { justify-content: flex-start; }
    .footer-social-container { margin-top: 0; align-self: flex-start; }
}