/* ══════════════════════════════════════
   FOOTER
══════════════════════════════════════ */
.footer { position: relative; z-index: 1; background: #fff; border-top: 1px solid var(--glass-b); padding: 72px 0 0; }
.footer-g { display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 48px; padding-bottom: 56px; border-bottom: 1px solid var(--glass-b); }
.f-logo { font-family: var(--f1); font-size: 22px; font-weight: 800; color: var(--txt); display: block; margin-bottom: 6px; }
.f-logo span { color: var(--rouge); }
.f-slogan { font-size: 12px; color: var(--txt3); margin-bottom: 18px; letter-spacing: .3px; }
.f-desc { font-size: 13px; color: var(--txt2); line-height: 1.8; max-width: 270px; margin-bottom: 24px; }
.f-rs { display: flex; gap: 10px; }
.f-rs a { width: 36px; height: 36px; border-radius: 8px; background: var(--bg2); border: 1px solid var(--glass-b); display: flex; align-items: center; justify-content: center; color: var(--txt2); font-size: 14px; transition: var(--tr); }
.f-rs a:hover { background: var(--rouge); border-color: var(--rouge); color: #fff; transform: translateY(-2px); box-shadow: 0 4px 16px var(--rouge-glow); }
.f-col h4 { font-family: var(--f1); font-size: 13px; font-weight: 700; color: var(--txt); margin-bottom: 18px; padding-bottom: 10px; border-bottom: 1px solid var(--glass-b); }
.f-col ul { display: flex; flex-direction: column; gap: 10px; }
.f-col ul a { font-size: 13px; color: var(--txt2); transition: color .25s; display: flex; align-items: center; gap: 7px; }
.f-col ul a i { font-size: 9px; color: var(--rouge); }
.f-col ul a:hover { color: var(--rouge); }
.f-contact { display: flex; flex-direction: column; gap: 12px; }
.f-contact li { display: flex; align-items: flex-start; gap: 11px; font-size: 13px; color: var(--txt2); }
.f-contact li i { color: var(--rouge); font-size: 13px; margin-top: 2px; min-width: 14px; }
.f-contact a { color: var(--txt2); transition: color .25s; }
.f-contact a:hover { color: var(--rouge); }
.f-bas { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; flex-wrap: wrap; gap: 8px; }
.f-bas p { font-size: 12px; color: var(--txt3); }