/* TAM — Mécénat : tableau en tête + avantages sans numéros */

.mecenat-final-section{
  padding-top: clamp(48px,6vw,82px) !important;
  margin-top: 0 !important;
}

.xxvii-avantage-num{
  display: none !important;
}

.xxvii-avantage{
  display: block !important;
  padding: 22px 24px !important;
}

.xxvii-avantage h3,
.xxvii-avantage strong{
  margin-top: 0 !important;
  color: #7a3b1e !important;
}

.donation-options,
.donation-grid,
.support-options,
.mecenat-support-grid{
  display: none !important;
}

/* =========================================================
   TAM — MÉCÉNAT : AGENCEMENT PROPRE ET ÉQUILIBRÉ
   ========================================================= */

.mecenat-final-section.xxvii-mecenat,
.mecenat-final-section{
  max-width: 1180px !important;
  margin: 0 auto 72px !important;
  padding: clamp(52px, 6vw, 88px) clamp(24px, 4vw, 42px) !important;
  display: grid !important;
  grid-template-columns: minmax(320px, 0.9fr) minmax(520px, 1.25fr) !important;
  gap: clamp(34px, 4vw, 62px) !important;
  align-items: start !important;
}

.mecenat-final-section .xxvii-mecenat-text{
  position: relative !important;
  top: auto !important;
  align-self: start !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: clamp(32px, 4vw, 52px) !important;
  background: linear-gradient(135deg, #211d1a, #100d0b) !important;
  color: #fff !important;
  box-shadow: 0 24px 56px rgba(0,0,0,.18) !important;
}

.mecenat-final-section .xxvii-mecenat-avantages,
.xxvii-mecenat-avantages{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  background: transparent !important;
  padding: 0 !important;
}

.mecenat-final-section .xxvii-avantage,
.xxvii-avantage{
  display: block !important;
  min-height: 185px !important;
  padding: 24px 24px 22px !important;
  background: #fffaf4 !important;
  border: 1px solid rgba(122,59,30,.18) !important;
  box-shadow: 0 14px 28px rgba(33,29,26,.08) !important;
  color: #2a211c !important;
}

.mecenat-final-section .xxvii-avantage-num,
.xxvii-avantage-num{
  display: none !important;
}

.mecenat-final-section .xxvii-avantage h3,
.mecenat-final-section .xxvii-avantage strong,
.xxvii-avantage h3,
.xxvii-avantage strong{
  display: block !important;
  margin: 0 0 12px !important;
  color: #7a3b1e !important;
  font-family: Cinzel, serif !important;
  font-size: clamp(18px, 1.6vw, 24px) !important;
  line-height: 1.12 !important;
}

.mecenat-final-section .xxvii-avantage p,
.xxvii-avantage p{
  margin: 0 !important;
  color: rgba(42,33,28,.72) !important;
  font-size: 14.5px !important;
  line-height: 1.62 !important;
}

/* Bloc devenir mécène en dessous : aligné, respirant */
.donation-cta,
.mecenat-donation-section,
.donation-section,
.mecenat-contact-section{
  max-width: 1180px !important;
  margin: 0 auto 72px !important;
  padding: clamp(42px, 5vw, 72px) clamp(24px, 4vw, 42px) !important;
}

/* Si la section utilise une grille gauche/droite */
.donation-hero,
.mecenat-contact-grid,
.donation-grid-main{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px) !important;
  gap: clamp(32px, 4vw, 58px) !important;
  align-items: center !important;
}

@media(max-width: 900px){
  .mecenat-final-section.xxvii-mecenat,
  .mecenat-final-section{
    grid-template-columns: 1fr !important;
  }

  .mecenat-final-section .xxvii-mecenat-avantages,
  .xxvii-mecenat-avantages{
    grid-template-columns: 1fr !important;
  }

  .donation-hero,
  .mecenat-contact-grid,
  .donation-grid-main{
    grid-template-columns: 1fr !important;
  }
}


/* TAM — Mécénat : titre bloc noir réduit de 50% */
.mecenat-final-section .xxvii-mecenat-title{
  font-size: clamp(17px, 2.2vw, 34px) !important;
  line-height: 1.08 !important;
  letter-spacing: .02em !important;
}

/* TAM — Mécénat : texte du cadre noir réduit de 20% */
.mecenat-final-section .xxvii-mecenat-text p{
  font-size: 80% !important;
  line-height: 1.55 !important;
}

.mecenat-final-section .xxvii-mecenat-text .btn,
.mecenat-final-section .xxvii-mecenat-text a.btn{
  font-size: 80% !important;
  padding: 9px 14px !important;
}

/* TAM — Mécénat : réduction de l’espace entre les deux niveaux */
.mecenat-final-section.xxvii-mecenat,
.mecenat-final-section{
  margin-bottom: 28px !important;
  padding-bottom: 38px !important;
}

.mecenat-final-section + section,
.mecenat-final-section + .donation-cta,
.mecenat-final-section + .mecenat-donation-section,
.mecenat-final-section + .donation-section,
.mecenat-final-section + .mecenat-contact-section{
  margin-top: 0 !important;
  padding-top: 34px !important;
}

.donation-cta,
.mecenat-donation-section,
.donation-section,
.mecenat-contact-section{
  margin-top: 0 !important;
  margin-bottom: 46px !important;
  padding-top: 34px !important;
}

/* TAM — Mécénat : espace encore réduit entre les deux niveaux */
.mecenat-final-section.xxvii-mecenat,
.mecenat-final-section{
  margin-bottom: 8px !important;
  padding-bottom: 20px !important;
}

.mecenat-final-section + section,
.mecenat-final-section + .donation-cta,
.mecenat-final-section + .mecenat-donation-section,
.mecenat-final-section + .donation-section,
.mecenat-final-section + .mecenat-contact-section{
  margin-top: 0 !important;
  padding-top: 16px !important;
}

.donation-cta,
.mecenat-donation-section,
.donation-section,
.mecenat-contact-section{
  margin-top: 0 !important;
  padding-top: 16px !important;
}