/* Start custom CSS *//* Accueil v2 : animations, soulignements, flèche manuscrite, carrousels, vidéo. Tout est coupé sous prefers-reduced-motion. */
@keyframes mv2-flotte { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes mv2-respire { 0%, 100% { box-shadow: 0 0 0 0 rgba(58,109,181,0.40); } 70% { box-shadow: 0 0 0 16px rgba(58,109,181,0); } }
@keyframes mv2-glisse { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes mv2-bascule { 0%, 46% { opacity: 1; } 54%, 100% { opacity: 0.35; } }
@keyframes mv2-bascule2 { 0%, 46% { opacity: 0.35; } 54%, 100% { opacity: 1; } }
@keyframes mv2-pousse { from { transform: scaleY(0.25); } to { transform: scaleY(1); } }

/* flottement lent des étiquettes près de la photo */
[data-id="1e4dcf89"], [data-id="50dab864"] { animation: mv2-flotte 6s ease-in-out infinite; }
[data-id="1b6c37f"] { animation: mv2-flotte 8s ease-in-out 1s infinite; }
/* respiration du bouton principal (et des deux rappels de la maquette) */
[data-id="4b0b8102"], [data-id="437451f1"], [data-id="5eba2591"] { animation: mv2-respire 2.8s ease-out infinite; }
/* défilé du bandeau de logos */
[data-id="4863c64e"] { animation: mv2-glisse 30s linear infinite; }
/* alternance version A / version B */
[data-id="52eafd5b"] { animation: mv2-bascule 5s ease-in-out infinite; }
[data-id="10f78461"] { animation: mv2-bascule2 5s ease-in-out infinite; }
/* montée des barres */
[data-id="3604e584"], [data-id="460fd375"], [data-id="459fceb0"], [data-id="55e6683a"] { transform-origin: bottom; animation: mv2-pousse 1.6s cubic-bezier(.2,.8,.2,1) infinite alternate; }

/* soulignement jaune tracé à la main sous un mot */
[data-id="63fbd218"] span, [data-id="755b5909"] span { white-space: nowrap; padding-bottom: 0.08em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 178 14' preserveAspectRatio='none'%3E%3Cpath d='M4 9c44-6 110-8 170-3' stroke='%23FFD94A' stroke-width='8' stroke-linecap='round' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 104% 0.3em; background-position: -2% 100%; }

/* flèche tracée de l'annotation du calendrier */
[data-id="46b63c78"] { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 48' fill='none'%3E%3Cpath d='M66 42C50 36 28 26 6 8' stroke='%233A6DB5' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M6 8l16 2M6 8l1 15' stroke='%233A6DB5' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain; }

/* indicateur ouvert/fermé des questions : chevron centré dans la pastille blanche */
[data-id="3eae2e88"] .e-accordion-item-icon-base { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; min-width: 30px; border-radius: 999px; background: #FFFFFF; }
[data-id="3eae2e88"] .e-accordion-item-icon-base::before { content: ""; position: static !important; top: auto !important; left: auto !important; margin: 0 !important; width: 8px; height: 8px; border-right: 2px solid #2F4157; border-bottom: 2px solid #2F4157; transform: translateY(-2px) rotate(45deg); transition: transform .2s; }
[data-id="3eae2e88"] details[open] .e-accordion-item-icon-base::before { transform: translateY(2px) rotate(-135deg); }
[data-id="3eae2e88"] summary { list-style: none; }
[data-id="3eae2e88"] summary::-webkit-details-marker { display: none; }

/* carrousels « À votre marque » : défilement natif, sans barre visible */
.mv2-piste { scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
.mv2-piste::-webkit-scrollbar { display: none; }
.mv2-piste:focus-visible { outline: 2px solid #2F4157; outline-offset: 3px; }
/* petites tablettes et grands téléphones : deux carrousels par ligne, comme les étapes */
@media (min-width: 480px) and (max-width: 767px) {
  [data-id="3f1c714b"], [data-id="4a1eb483"], [data-id="1818315c"], [data-id="209943a2"] { flex: 1 1 calc(50% - 9px) !important; }
}

/* vidéo « Moi c'est Maya » : carte 3:4, cadrage par object-position seulement, jamais déformée */
[data-id="1e1625c9"] { display: block; width: 100%; height: 100%; max-width: 100%; aspect-ratio: auto; object-fit: cover; object-position: 50% 10%; }

/* repère de focus visible au clavier */
a:focus-visible, summary:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid #3A6DB5; outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .mv2-carte:hover { transform: none !important; }
  .mv2-piste { scroll-behavior: auto !important; }
  /* l'image du sourire n'est téléchargée que dans ce cas */
  [data-id="1e1625c9"] { display: none !important; }
  [data-id="672c37dd"] { background: #E7EDF4 url("https://maya-albertini.fr/wp-content/uploads/2026/10/maya-bureau-fin.jpg") 50% 10% / cover no-repeat; }
}/* End custom CSS */