/* Section — Fiche produit — Ancres (V3) : barre blanche, filet carbone 1 px en bas, liens centrés ; active = CTA rouge + soulignement 3 px tracé à l'intérieur (ombre, comme le trait intérieur Figma : le texte reste centré verticalement). */
.ancres { background: var(--brandt-white); padding: 0 var(--gutter); border-bottom: var(--border-1) solid var(--brandt-carbon); position: sticky; top: var(--header-height); z-index: var(--z-sticky); }
.ancres__list { display: flex; justify-content: center; gap: var(--space-4); overflow-x: auto; }
.ancres__link { display: inline-flex; align-items: center; padding: var(--space-16) var(--space-12); white-space: nowrap; font-size: var(--text-body-size); line-height: var(--text-body-lh); font-weight: var(--text-body-weight); transition: color var(--transition), box-shadow var(--transition); }
.ancres__link:hover { color: var(--brandt-red); }
.ancres__link:focus-visible { box-shadow: var(--focus-ring); border-radius: var(--radius-12); }
.ancres__link.is-active:focus-visible { box-shadow: var(--focus-ring), inset 0 calc(-1 * var(--border-3)) 0 var(--brandt-red); }
.ancres__link.is-active { color: var(--brandt-red); box-shadow: inset 0 calc(-1 * var(--border-3)) 0 var(--brandt-red); font-size: var(--text-cta-size); line-height: var(--text-cta-lh); font-weight: var(--text-cta-weight); }
@media (min-width: 1024px) {
  .ancres__list { gap: var(--space-8); }
  .ancres__link { padding: var(--space-20); }
}