/* Main KAMSSA site footer, reused on the bookshop pages. Everything is scoped under .mf so it cannot clash with the shop theme. */
.mf{--mf-ink:#1a0612;--mf-white:#fff;--mf-gold:#f0a500;--mf-gold-lt:#f7c23e;--mf-emerald:#026837;--mf-tr:.3s cubic-bezier(.4,0,.2,1);background:var(--mf-ink);color:rgba(255,255,255,.7);padding:72px 0 0;margin-top:4rem;font-family:'Inter',sans-serif;line-height:1.65;width:100%}
.mf *,.mf *::before,.mf *::after{box-sizing:border-box}
.mf ul{list-style:none;margin:0;padding:0}
.mf p,.mf h4{margin:0}
.mf a{text-decoration:none}
.mf-container{max-width:1200px;margin:0 auto;padding:0 24px}
.mf-grid{display:grid;grid-template-columns:var(--footer-cols,2fr 1fr 1fr 1fr);gap:48px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.08)}
.mf-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.mf-logo img{width:48px;height:48px;border-radius:50%;object-fit:contain;background:#fff;border:2px solid rgba(255,255,255,.15)}
.mf-logo strong{font-family:'Playfair Display',serif;font-size:1.1rem;color:var(--mf-white);font-weight:700}
.mf-brand p{font-size:.86rem;line-height:1.75;max-width:280px}
.mf-socials{display:flex;gap:10px;margin-top:24px}
.mf-socials a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:.9rem;transition:var(--mf-tr)}
.mf-socials a:hover{background:var(--mf-emerald);color:var(--mf-white);border-color:var(--mf-emerald)}
.mf-col h4{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mf-white);margin-bottom:20px}
.mf-col ul{display:flex;flex-direction:column;gap:10px}
.mf-col ul li a{font-size:.85rem;color:rgba(255,255,255,.55);transition:var(--mf-tr)}
.mf-col ul li a:hover{color:var(--mf-gold-lt);padding-left:4px}
.mf-contact{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
.mf-contact i{color:var(--mf-gold);margin-top:3px;font-size:.85rem;flex-shrink:0}
.mf-contact span{font-size:.84rem;line-height:1.5}
.mf-contact a{color:var(--mf-gold-lt)}
.mf-bottom{display:flex;align-items:center;justify-content:space-between;padding:22px 0;flex-wrap:wrap;gap:12px}
.mf-bottom p{font-size:.8rem}
.mf-bottom a{color:var(--mf-gold-lt)}
@media(max-width:1024px){.mf-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.mf-grid{grid-template-columns:1fr}.mf-bottom{flex-direction:column;text-align:center}}