/* ==========================================================================
   MICKAEL STONE Paris — footer.css
   Pied de page "v2", identique et partagé par les 6 pages du site.
   À charger en dernier (après shop.css ou page.css) pour respecter la cascade
   d'origine (une version antérieure du footer, conservée pour fidélité dans
   shop.css/page.css, est ici définitivement écrasée).
   ========================================================================== */
/* ---------- FOOTER v2 (maquette) ---------- */
footer{background:#F4F2ED;color:#3E3E40;border-top:1px solid #E8E5DE;padding:78px 0 42px}
footer .foot-in{display:flex;flex-direction:column;align-items:center;text-align:center}
footer .foot-brand{display:block}
footer .foot-brand img{width:min(430px,80vw);height:auto;display:block}
footer .foot-tag{margin:28px auto 0;font-size:.92rem;line-height:2;max-width:540px;color:#4A4A4C}
footer .foot-sep{display:flex;align-items:center;gap:16px;width:100%;max-width:880px;margin:46px auto 42px;color:#B9B097}
footer .foot-sep::before,footer .foot-sep::after{content:"";flex:1;height:1px;background:#DEDACF}
footer .foot-sep span{font-size:.82rem;line-height:1}
footer .foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 26px;width:100%;max-width:880px;font-size:.92rem;letter-spacing:.02em;text-align:center}
footer .foot-cols b{display:block;font-weight:400;letter-spacing:.3em;text-transform:uppercase;font-size:.74rem;color:#1C1C1E;margin-bottom:16px}
footer .foot-cols a{display:block;padding:6px 0;color:#4A4A4C;transition:color .25s}
footer .foot-cols a:hover{color:#000}
footer .foot-line{width:100%;max-width:880px;height:1px;background:#DEDACF;margin:46px auto 32px}
footer .foot-social{display:flex;gap:36px;justify-content:center}
footer .foot-social a{color:#1C1C1E;display:inline-flex;transition:opacity .25s}
footer .foot-social a:hover{opacity:.55}
footer .foot-social svg{width:22px;height:22px}
footer .foot-base{margin:28px auto 0;padding:0;border:0;font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:#6B6B6E}
@media(max-width:700px){
  footer{padding:60px 0 36px}
  footer .foot-cols{gap:28px 8px;font-size:.86rem}
  footer .foot-cols b{letter-spacing:.2em;font-size:.7rem}
}

footer .foot-base{display:flex;flex-direction:column;gap:10px}
footer .foot-soc{font-size:.62rem;letter-spacing:.2em;color:#8A8A85}