/* ============================================================
   SECTION ANCRES  (mobile-first)
============================================================ */
.section-ancres {
  padding: 25px 0;
  border-top: 0.7px solid #c3c3c3;
  border-bottom: 0.7px solid #c3c3c3;
  background-color: #efece9;
}

.section-ancres .container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 0;
}

.ancres-nav {
  display: flex;
  gap: 20px;
  align-items: center;
  height: auto;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding-bottom: 2px;
  padding-left: 30px;
}
.ancres-nav::-webkit-scrollbar { display: none; }

.ancre-link {
  font-family: 'Lexend', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  color: #0f1b24;
  padding: 5px 0;
  white-space: nowrap;
  transition: border-bottom 0.2s;
  flex-shrink: 0;
  border-bottom: 1px solid transparent;
}
.ancre-link--active { border-bottom: 1px solid #9f9a7c!important;color: #9f9a7c!important; }

.ancres-body {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  padding-inline: 30px;
}

.ancres-body__left { width: max-content; flex-shrink: 0;  border-radius: 30px;}
.ancres-body__right { flex: 1; width: 100%; }
#ancres-btn-wrap:hover{
  color: white;
  background-color: #9f9a7c;
}
/* ============================================================
   ANCRES  – Desktop
============================================================ */
@media (min-width: 769px) {
  .section-ancres .container {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-inline: 0px;
  }

  .section-ancres {
    padding: 40px 0;
  }

  .ancres-nav {
    gap: 40px;
    height: 34px;
    overflow-x: unset;
    padding-bottom: 0;
    padding-left: 0;
  }
  .ancre-link{
    border-bottom: 1px solid transparent;
  }
  .ancre-link:hover{
    border-bottom: 1px solid #0F1B24!important;
    color: #0F1B24!important;
  }
  .ancre-link--active:hover { border-bottom: 1px solid #0F1B24!important;color: #0F1B24!important; }

  .ancres-body {
    flex-direction: row;
    padding-inline: 0;
  }
}