/* =====================================================
   SÈVE FÉMININE — LAYOUT GLOBAL
   Containers, sections, footer + responsive global
   ===================================================== */

.container,
.narrow{
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 1.8rem;
}

.section{
  width: 100%;
  padding:4rem 0;
}

/* Un peu plus d’air sur les côtés en desktop */
@media (min-width: 901px){
  .container{ padding-left: 2.4rem; padding-right: 2.4rem; }
}

/* ============================================================
   FOOTER (global)
   ============================================================ */

.site-footer{
  padding:1.6rem 0;
  background:rgba(247,239,230,0.9);
  border-top:1px solid var(--line);
  color:var(--muted);
}

.footer-inner{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding: 0 1.8rem;
}

@media (max-width: 640px){
  .footer-inner{ flex-direction:column; }
}

@media (max-width: 520px){
  .container, .narrow{ padding: 0 1.2rem; }
  .footer-inner{ padding: 0 1.2rem; }
}