.elementor-6621 .elementor-element.elementor-element-0d0d92b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-2f10a2f */.diy-article{
  --green:#184f3d;
  --green-light:#eef6ee;
  --red:#a61717;
  --red-light:#fff0ee;
  --yellow:#f7c500;
  --text:#1f1f1f;

  max-width:1180px;
  margin:0 auto;
  padding:60px 24px 90px;
  color:var(--text);
  font-family:Arial, sans-serif;
}

.diy-article *{
  box-sizing:border-box;
}

.diy-article img{
  display:block;
  width:100%;
}


/* ---------- TYPO ---------- */

.diy-article h1,
.diy-article h2,
.diy-article h3{
  margin:0;
  color:#202020;
  font-family:Georgia, serif;
}

.diy-article h1{
  font-size:clamp(40px,5vw,68px);
  line-height:1.04;
  margin:18px 0 28px;
}

.diy-article h2{
  font-size:clamp(30px,4vw,46px);
  line-height:1.1;
}

.diy-article h3{
  font-size:32px;
  margin-top:4px;
}

.diy-article p{
  font-size:17px;
  line-height:1.75;
  margin:0 0 18px;
}

.diy-kicker{
  display:inline-block;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  color:#b88800;
  text-transform:uppercase;
}


/* ---------- HERO ---------- */

.diy-hero{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:55px;
  align-items:center;
  margin-bottom:90px;
}

.diy-hero__image{
  position:relative;
  overflow:hidden;
  border-radius:22px;
}

.diy-hero__image img{
  aspect-ratio:auto;
  object-fit:cover;
}

.diy-vs{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%) rotate(-6deg);
  font-size:70px;
  font-weight:900;
  color:white;
  text-shadow:0 4px 20px rgba(0,0,0,.25);
}

.diy-team-label{
  position:absolute;
  bottom:24px;
  padding:11px 18px;
  font-weight:900;
  font-size:16px;
  color:white;
}

.diy-team-label--green{
  left:20px;
  background:var(--green);
  transform:rotate(-2deg);
}

.diy-team-label--red{
  right:20px;
  background:var(--red);
  transform:rotate(2deg);
}


/* ---------- SECTION TITRE ---------- */

.diy-section{
  margin-bottom:90px;
}

.diy-section__heading{
  text-align:center;
  margin-bottom:45px;
}

.diy-section__heading > span{
  font-size:12px;
  font-weight:800;
  letter-spacing:.15em;
  color:#b88800;
}

.diy-section__heading h2{
  margin-top:8px;
}

.diy-section__heading h2:after{
  content:"";
  display:block;
  width:38px;
  height:3px;
  margin:18px auto 0;
  background:var(--yellow);
}


/* ---------- TEAMS ---------- */

.diy-teams{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:38px;
}

.diy-team-card{
  padding:30px;
  border-radius:24px;
}

.diy-team-card--green{
  background:linear-gradient(180deg,#f5faf5,#fff);
}

.diy-team-card--red{
  background:linear-gradient(180deg,#fff6f5,#fff);
}

.diy-team-card__title{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:22px;
}

.diy-team-card__title > div > span{
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}

.diy-team-card--green .diy-team-card__title > div > span{
  color:var(--green);
}

.diy-team-card--red .diy-team-card__title > div > span{
  color:var(--red);
}

.diy-icon{
  width:54px;
  height:54px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:25px;
}

.diy-team-card--green .diy-icon{
  background:#e1f1df;
}

.diy-team-card--red .diy-icon{
  background:#ffe0dc;
}

.diy-team-card__image{
  margin-top:28px;
  height:380px;
  object-fit:cover;
  border-radius:16px;
}


/* ---------- BOUTONS ---------- */

.diy-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none!important;
  padding:14px 22px;
  border-radius:7px;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  transition:.25s ease;
}

.diy-btn:hover{
  transform:translateY(-2px);
}

.diy-btn--green{
  background:var(--green);
  color:#fff!important;
}

.diy-btn--red{
  background:var(--red);
  color:#fff!important;
}

.diy-btn--main{
  background:var(--yellow);
  color:#111!important;
  margin-top:10px;
}


/* ---------- COMPARAISON ---------- */

.diy-choice{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:55px;
  align-items:center;
  margin:100px 0;
}

.diy-choice__text h2{
  margin:10px 0 25px;
}

.diy-choice__image img{
  border-radius:22px;
  aspect-ratio:auto;
  object-fit:cover;
}


/* ---------- CTA FINAL ---------- */

.diy-final{
  text-align:center;
  padding:65px 40px;
  border-radius:28px;
  background:#faf9f5;
}

.diy-final h2{
  margin:10px 0 14px;
}

.diy-final__teams{
  max-width:850px;
  margin:35px auto 25px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.diy-final__team{
  display:flex;
  align-items:center;
  gap:16px;
  padding:22px 26px;
  text-align:left;
  border-radius:15px;
  text-decoration:none!important;
}

.diy-final__team > span{
  font-size:30px;
}

.diy-final__team strong,
.diy-final__team small{
  display:block;
}

.diy-final__team strong{
  font-size:18px;
  margin-bottom:4px;
}

.diy-final__team small{
  font-size:15px;
}

.diy-final__team--green{
  color:var(--green)!important;
  background:var(--green-light);
}

.diy-final__team--red{
  color:var(--red)!important;
  background:var(--red-light);
}

.diy-final__note{
  margin-top:22px!important;
}


/* ---------- MOBILE ---------- */

@media(max-width:767px){

  .diy-article{
    padding:35px 18px 60px;
  }

  .diy-hero,
  .diy-teams,
  .diy-choice,
  .diy-final__teams{
    grid-template-columns:1fr;
  }

  .diy-hero{
    gap:32px;
    margin-bottom:65px;
  }

  .diy-hero__text{
    order:1;
  }

  .diy-hero__image{
    order:2;
  }

  .diy-vs{
    font-size:48px;
  }

  .diy-team-label{
    font-size:11px;
    padding:8px 11px;
  }

  .diy-teams{
    gap:25px;
  }

  .diy-team-card{
    padding:22px;
  }

  .diy-team-card__image{
    height:300px;
  }

  .diy-choice{
    gap:30px;
    margin:65px 0;
  }

  .diy-final{
    padding:45px 20px;
  }
}/* ===== FORCE LES TITRES ARTICLE RENTRÉE ===== */

/* Titre principal */
body .diy-article .diy-hero .diy-hero__text h1{
  font-size:64px !important;
  line-height:0.98 !important;
  font-weight:500 !important;
  letter-spacing:-2px !important;
}

/* "Deux équipes, deux ambiances." */
body .diy-article .diy-section .diy-section__heading h2{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  font-size:58px !important;
  line-height:1.05 !important;
  font-weight:500 !important;
  letter-spacing:-1.5px !important;

  margin:0 !important;
  color:#1f1f1f !important;
}

/* GingerBliss + Berry Tonic */
body .diy-article .diy-teams .diy-team-card .diy-team-card__title h3{
  font-size:40px !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:-1px !important;
  margin:0 !important;
}

/* "Faut-il vraiment choisir ?" */
body .diy-article .diy-choice .diy-choice__text h2{
  font-size:54px !important;
  line-height:1.05 !important;
  font-weight:500 !important;
  letter-spacing:-1px !important;
}

/* Titre CTA final */
body .diy-article .diy-final h2{
  font-size:50px !important;
  line-height:1.05 !important;
  font-weight:500 !important;
}


/* ===== TABLETTE ===== */

@media(max-width:1024px){

  body .diy-article .diy-hero .diy-hero__text h1{
    font-size:52px !important;
  }

  body .diy-article .diy-section .diy-section__heading h2{
    font-size:48px !important;
  }

  body .diy-article .diy-teams .diy-team-card .diy-team-card__title h3{
    font-size:36px !important;
  }

  body .diy-article .diy-choice .diy-choice__text h2{
    font-size:46px !important;
  }

  body .diy-article .diy-final h2{
    font-size:44px !important;
  }
}


/* ===== MOBILE ===== */

@media(max-width:767px){

  body .diy-article .diy-hero .diy-hero__text h1{
    font-size:40px !important;
    line-height:1.02 !important;
  }

  body .diy-article .diy-section .diy-section__heading h2{
    font-size:38px !important;
    line-height:1.05 !important;
  }

  body .diy-article .diy-teams .diy-team-card .diy-team-card__title h3{
    font-size:32px !important;
  }

  body .diy-article .diy-choice .diy-choice__text h2{
    font-size:38px !important;
  }

  body .diy-article .diy-final h2{
    font-size:36px !important;
  }
}/* "Faut-il vraiment choisir ?" */
body .diy-article .diy-choice .diy-choice__text h2{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  font-size:54px !important;
  line-height:1.05 !important;
  font-weight:500 !important;

  color:#1f1f1f !important;
  margin:0 0 30px !important;
}

/* Titre du bloc final */
body .diy-article .diy-final h2{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  font-size:50px !important;
  line-height:1.05 !important;
  font-weight:500 !important;

  color:#1f1f1f !important;
  margin:0 0 20px !important;
}/* End custom CSS */