/* AGD Jeunes — mobile-first adaptation aligned with the validated Home mobile system. */
@media (max-width: 700px) {
  body.page-id-11 .agd-youth-page--v2 {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding: 14px 12px 32px !important;
    gap: 14px !important;
  }

  body.page-id-11 .agd-youth-page--v2 > .agd-youth-hero,
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-section {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 24px rgba(6,29,58,.13) !important;
  }

  body.page-id-11 .agd-youth-page--v2 > .agd-youth-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    min-height: 0 !important;
    padding: 24px 18px 20px !important;
  }
  body.page-id-11 .agd-youth-v2-hero__copy { min-width: 0 !important; }
  body.page-id-11 .agd-youth-v2-hero__copy h1 {
    max-width: 9ch !important;
    margin: 7px 0 10px !important;
    font-size: clamp(2.15rem, 11vw, 3.35rem) !important;
    line-height: .94 !important;
    letter-spacing: -.045em !important;
  }
  body.page-id-11 .agd-youth-v2-hero__copy p:not(.eyebrow) {
    max-width: 34ch !important;
    margin: 0 0 14px !important;
    font-size: .94rem !important;
    line-height: 1.42 !important;
  }
  body.page-id-11 .agd-youth-v2-hero__copy .wp-element-button {
    min-height: 42px !important;
    padding: 10px 16px !important;
    font-size: .82rem !important;
  }
  body.page-id-11 .agd-youth-v2-hero__carousel {
    width: 100% !important;
    min-width: 0 !important;
    aspect-ratio: 16 / 9 !important;
    max-height: 190px !important;
    order: 2 !important;
    overflow: hidden !important;
    border-radius: 14px !important;
  }
  body.page-id-11 .agd-youth-v2-hero__carousel img { object-fit: cover !important; }
  body.page-id-11 .agd-youth-v2-hero__badges {
    order: 3 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  body.page-id-11 .agd-youth-v2-hero__badges > * { min-width: 0 !important; }

  body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-groups,
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-warm,
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-passbad--expanded,
  body.page-id-11 .agd-youth-page--v2 > .agd-calendar-overview,
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-coaching,
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-prep,
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-register {
    padding: 22px 16px !important;
  }
  body.page-id-11 .agd-youth-section__heading,
  body.page-id-11 .agd-calendar-overview__heading { margin-bottom: 16px !important; }
  body.page-id-11 .agd-youth-section__heading h2,
  body.page-id-11 .agd-calendar-overview__heading h2 {
    max-width: none !important;
    font-size: clamp(1.55rem, 7.8vw, 2.15rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -.035em !important;
  }
  body.page-id-11 .agd-youth-section__heading > p:not(.eyebrow),
  body.page-id-11 .agd-calendar-overview__heading > p:not(.eyebrow) {
    margin-top: 8px !important;
    font-size: .86rem !important;
    line-height: 1.38 !important;
  }

  body.page-id-11 .agd-youth-v2-group-grid,
  body.page-id-11 .agd-youth-v2-objectives,
  body.page-id-11 .agd-youth-v2-coach-grid,
  body.page-id-11 .agd-youth-v2-kit-grid { grid-template-columns: 1fr !important; gap: 10px !important; }
  body.page-id-11 .agd-youth-v2-group,
  body.page-id-11 .agd-youth-v2-event,
  body.page-id-11 .agd-youth-v2-coach,
  body.page-id-11 .agd-youth-v2-kit { min-width: 0 !important; padding: 15px !important; }
  body.page-id-11 .agd-youth-v2-group h3,
  body.page-id-11 .agd-youth-v2-kit h3 { font-size: 1rem !important; line-height: 1.12 !important; }
  body.page-id-11 .agd-youth-v2-group p,
  body.page-id-11 .agd-youth-v2-kit p { font-size: .82rem !important; line-height: 1.36 !important; }
  body.page-id-11 .agd-youth-v2-group__fee { margin-top: 10px !important; font-size: .82rem !important; }

  body.page-id-11 .agd-youth-v2-objectives { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
  body.page-id-11 .agd-youth-v2-objectives li { min-height: 0 !important; padding: 11px 9px !important; }
  body.page-id-11 .agd-youth-v2-objectives li strong { font-size: .75rem !important; }
  body.page-id-11 .agd-youth-v2-path {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 14px !important;
  }
  body.page-id-11 .agd-youth-v2-path > * { min-width: 0 !important; padding: 10px !important; font-size: .76rem !important; }

  body.page-id-11 .agd-youth-v2-passbad-content { display: grid !important; gap: 12px !important; }
  body.page-id-11 .agd-youth-v2-passbad-content > * { min-width: 0 !important; }
  body.page-id-11 .agd-youth-v2-plume-logo,
  body.page-id-11 .agd-youth-v2-official-identity { max-width: 100% !important; }
  body.page-id-11 .agd-youth-v2-downloads { gap: 8px !important; }
  body.page-id-11 .agd-youth-v2-downloads a { min-height: 40px !important; padding: 10px 12px !important; font-size: .78rem !important; }

  body.page-id-11 .agd-calendar-filters {
    display: flex !important;
    gap: 7px !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    padding: 4px 0 8px !important;
    scrollbar-width: none !important;
  }
  body.page-id-11 .agd-calendar-filters::-webkit-scrollbar { display: none !important; }
  body.page-id-11 .agd-calendar-filter { flex: 0 0 auto !important; min-height: 34px !important; padding: 7px 11px !important; font-size: .72rem !important; }
  body.page-id-11 .agd-calendar-status { margin: 8px 0 12px !important; font-size: .78rem !important; }
  body.page-id-11 .agd-calendar-overview__months { grid-template-columns: 1fr !important; gap: 10px !important; }
  body.page-id-11 .agd-overview-month { min-width: 0 !important; padding: 12px !important; }
  body.page-id-11 .agd-overview-month h3 { margin-bottom: 8px !important; font-size: .95rem !important; }
  body.page-id-11 .agd-overview-row { grid-template-columns: auto minmax(0,1fr) !important; gap: 8px !important; padding: 8px 0 !important; }
  body.page-id-11 .agd-overview-row__title { min-width: 0 !important; font-size: .77rem !important; line-height: 1.25 !important; }
  body.page-id-11 .agd-overview-row time { font-size: .72rem !important; }
  body.page-id-11 .agd-youth-calendar-note { margin: 14px 0 0 !important; padding: 11px 13px !important; font-size: .78rem !important; line-height: 1.4 !important; }

  body.page-id-11 .agd-youth-register { display: grid !important; gap: 12px !important; }
  body.page-id-11 .agd-youth-register h2 { font-size: 1.65rem !important; }
  body.page-id-11 .agd-youth-register__actions { display: grid !important; gap: 8px !important; }
  body.page-id-11 .agd-youth-register__actions a { min-height: 42px !important; padding: 10px 14px !important; font-size: .8rem !important; }
}

@media (max-width: 420px) {
  body.page-id-11 .agd-youth-page--v2 { padding-left: 10px !important; padding-right: 10px !important; }
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-hero { padding-left: 15px !important; padding-right: 15px !important; }
  body.page-id-11 .agd-youth-v2-hero__badges { grid-template-columns: 1fr 1fr !important; }
  body.page-id-11 .agd-youth-v2-objectives { gap: 6px !important; }
  body.page-id-11 .agd-youth-v2-objectives li { padding: 9px 7px !important; }
}

/* Home mobile motion grammar: short reveals, modest travel, no desktop-scale parallax. */
@media (max-width: 700px) {
  body.page-id-11 .agd-youth-motion-strong .youth-motion-item {
    transition: opacity 420ms cubic-bezier(.22,.75,.25,1), transform 560ms cubic-bezier(.22,.75,.25,1) !important;
    transition-delay: var(--youth-delay, 0ms) !important;
  }
  body.page-id-11 .agd-youth-motion-strong .youth-motion-hero-title { transform: translate3d(-34px, 14px, 0) !important; scale: 1 !important; }
  body.page-id-11 .agd-youth-motion-strong .youth-motion-hero-copy { transform: translate3d(-24px, 16px, 0) !important; scale: 1 !important; }
  body.page-id-11 .agd-youth-motion-strong .youth-motion-hero-cta { transform: translate3d(0, 18px, 0) !important; scale: 1 !important; }
  body.page-id-11 .agd-youth-motion-strong .youth-motion-hero-badges { transform: translate3d(0, 16px, 0) !important; scale: 1 !important; }
  body.page-id-11 .agd-youth-motion-strong .youth-motion-hero-carousel { transform: translate3d(34px, 0, 0) !important; scale: 1 !important; }
  body.page-id-11 .agd-youth-motion-strong .youth-motion-section-heading { transform: translate3d(-24px, 16px, 0) !important; }
  body.page-id-11 .agd-youth-motion-strong .youth-motion-card { transform: translate3d(0, 22px, 0) !important; scale: 1 !important; }
  body.page-id-11 .agd-youth-motion-strong .youth-motion-cross-left { transform: translate3d(-26px, 16px, 0) !important; }
  body.page-id-11 .agd-youth-motion-strong .youth-motion-cross-right { transform: translate3d(26px, 16px, 0) !important; }
  body.page-id-11 .agd-youth-motion-strong .youth-motion-gentle,
  body.page-id-11 .agd-youth-motion-strong .youth-motion-download { transform: translate3d(0, 20px, 0) !important; scale: 1 !important; }
  body.page-id-11 .agd-youth-motion-strong .youth-motion-scroll.is-youth-settled { transform: translate3d(0, var(--youth-scroll-y, 0px), 0) !important; scale: 1 !important; }
  body.page-id-11 .agd-youth-motion-strong .youth-motion-hero-title.is-youth-visible,
  body.page-id-11 .agd-youth-motion-strong .youth-motion-hero-copy.is-youth-visible,
  body.page-id-11 .agd-youth-motion-strong .youth-motion-hero-cta.is-youth-visible,
  body.page-id-11 .agd-youth-motion-strong .youth-motion-hero-badges.is-youth-visible,
  body.page-id-11 .agd-youth-motion-strong .youth-motion-hero-carousel.is-youth-visible { transform: translate3d(0, 0, 0) !important; }
  body.page-id-11 .agd-youth-motion-strong .youth-motion-section-heading.is-youth-visible,
  body.page-id-11 .agd-youth-motion-strong .youth-motion-card.is-youth-visible,
  body.page-id-11 .agd-youth-motion-strong .youth-motion-cross-left.is-youth-visible,
  body.page-id-11 .agd-youth-motion-strong .youth-motion-cross-right.is-youth-visible,
  body.page-id-11 .agd-youth-motion-strong .youth-motion-gentle.is-youth-visible,
  body.page-id-11 .agd-youth-motion-strong .youth-motion-download.is-youth-visible { transform: translate3d(0, 0, 0) !important; }
  body.page-id-11 .agd-youth-motion-strong .agd-youth-hero { background-size: 150% 100% !important; }
  body.page-id-11 .agd-youth-motion-strong .agd-youth-hero::after,
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-section::after { animation-duration: 24s !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-11 .agd-youth-page--v2 *,
  body.page-id-11 .agd-youth-page--v2::before,
  body.page-id-11 .agd-youth-page--v2::after { animation: none !important; transition: none !important; }
}

/* Jeunes mobile final correction: the page must never lose content to a failed reveal. */
@media (max-width: 700px) {
  body.page-id-11 .agd-page-toc { display: none !important; }

  /* Keep section geometry stable even if the generic reveal observer is late or unavailable. */
  body.page-id-11 .agd-youth-page--v2 > .agd-motion-reveal,
  body.page-id-11 .agd-youth-page--v2 > .agd-motion-sport {
    opacity: 1 !important;
    transform: none !important;
    min-height: 0 !important;
  }

  body.page-id-11 .agd-youth-page--v2 > .agd-youth-passbad--expanded { padding-top: 18px !important; padding-bottom: 18px !important; }
  body.page-id-11 .agd-youth-passbad--expanded > .agd-youth-section__heading { margin-bottom: 12px !important; }
  body.page-id-11 .agd-youth-passbad--expanded > .agd-youth-section__heading > p:nth-of-type(3) { display: none !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-official-identity { grid-template-columns: 54px minmax(0,1fr) !important; gap: 10px !important; padding: 10px !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-official-identity__mark { width: 48px !important; height: 64px !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-official-identity p { margin: 3px 0 !important; font-size: .72rem !important; line-height: 1.3 !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-note { gap: 10px !important; padding: 12px !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-note__copy > p:nth-of-type(3) { display: none !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-note__copy > strong { margin-bottom: 5px !important; font-size: .92rem !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-note__copy > p { margin: 5px 0 !important; font-size: .76rem !important; line-height: 1.32 !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-cover-link { width: 82px !important; height: 108px !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-cover-link .agd-youth-v2-passbad-cover { width: 82px !important; height: 108px !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume-panel { margin-top: 12px !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume-logo { display: none !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume-panel h3 { margin: 0 0 8px !important; font-size: .92rem !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plumes { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 6px !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume { min-width: 0 !important; padding: 7px !important; gap: 5px !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume__mark { width: 30px !important; height: 23px !important; flex-basis: 30px !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume strong { font-size: .68rem !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume span { font-size: .61rem !important; line-height: 1.18 !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume-summary { margin: 8px 0 0 !important; font-size: .7rem !important; line-height: 1.28 !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-goals { margin-top: 12px !important; padding: 11px !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-goals h3 { margin-bottom: 6px !important; font-size: .86rem !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-goals ul { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 5px 10px !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-goals li { font-size: .67rem !important; line-height: 1.22 !important; }

  body.page-id-11 .agd-calendar-overview__heading h2 { overflow-wrap: anywhere !important; word-break: normal !important; font-size: clamp(1.45rem,7.5vw,2rem) !important; }
  body.page-id-11 .agd-calendar-overview__heading > p:not(.eyebrow) { max-width: none !important; }
  body.page-id-11 .agd-calendar-overview__months { min-width: 0 !important; }
  body.page-id-11 .agd-overview-month,
  body.page-id-11 .agd-overview-row,
  body.page-id-11 .agd-overview-row__title { min-width: 0 !important; max-width: 100% !important; overflow-wrap: anywhere !important; }
  body.page-id-11 .agd-youth-register__contact a { display: block !important; width: fit-content !important; max-width: 100% !important; overflow-wrap: anywhere !important; }
  body.page-id-11 .agd-youth-register__contact { line-height: 1.55 !important; }
  body.page-id-11 .premium-footer { padding-top: 28px !important; padding-bottom: 28px !important; }
  body.page-id-11 .premium-footer .footer-logo { margin-bottom: 14px !important; }
  body.page-id-11 .premium-footer .partner-logo { min-height: 72px !important; padding: 8px !important; }
  body.page-id-11 .premium-footer .partner-logos { gap: 6px !important; }
}

@media (max-width: 420px) {
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-note { grid-template-columns: 1fr 86px !important; align-items: start !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-note__copy { grid-column: 1 !important; grid-row: 1 !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-note .agd-youth-v2-passbad-cover-link { grid-column: 2 !important; grid-row: 1 !important; justify-self: end !important; }
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-downloads { grid-column: 1/-1 !important; grid-row: 2 !important; }
}

/* Final mobile density pass: keep the lower journey scannable at phone width. */
@media (max-width: 700px) {
  body.page-id-11 .agd-youth-v2-coach-grid,
  body.page-id-11 .agd-youth-v2-kit-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 7px !important; }
  body.page-id-11 .agd-youth-v2-coach,
  body.page-id-11 .agd-youth-v2-kit { padding: 10px !important; min-height: 0 !important; }
  body.page-id-11 .agd-youth-v2-coach { display: flex !important; align-items: center !important; gap: 8px !important; }
  body.page-id-11 .agd-youth-v2-coach__mark { width: 28px !important; height: 28px !important; flex: 0 0 28px !important; }
  body.page-id-11 .agd-youth-v2-coach h3 { margin: 0 !important; font-size: .78rem !important; line-height: 1.12 !important; }
  body.page-id-11 .agd-youth-v2-coach p { margin: 2px 0 0 !important; font-size: .64rem !important; line-height: 1.15 !important; }
  body.page-id-11 .agd-youth-v2-kit__icon { font-size: .62rem !important; }
  body.page-id-11 .agd-youth-v2-kit h3 { margin: 3px 0 0 !important; font-size: .78rem !important; }
  body.page-id-11 .agd-youth-v2-kit p:last-child { margin: 3px 0 0 !important; font-size: .64rem !important; line-height: 1.2 !important; }
  body.page-id-11 .agd-youth-v2-prep .agd-youth-section__heading > p:not(.eyebrow),
  body.page-id-11 .agd-youth-v2-coaching .agd-youth-section__heading > p:not(.eyebrow) { font-size: .76rem !important; }

  body.page-id-11 .agd-calendar-overview__months { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 6px !important; }
  body.page-id-11 .agd-calendar-overview__months .agd-overview-month { padding: 0 !important; border-radius: 10px !important; }
  body.page-id-11 .agd-calendar-overview__months .agd-overview-month summary { min-height: 40px !important; padding: 9px 10px !important; display: flex !important; align-items: center !important; }
  body.page-id-11 .agd-calendar-overview__months .agd-overview-month summary h3 { margin: 0 !important; font-size: .7rem !important; line-height: 1.15 !important; }
  body.page-id-11 .agd-calendar-overview__months .agd-overview-month[open] { grid-column: 1/-1 !important; }
  body.page-id-11 .agd-calendar-overview__months .agd-overview-month__rows { padding: 0 10px 8px !important; }
  body.page-id-11 .agd-calendar-overview__months .agd-overview-row { padding: 6px 0 !important; }
  body.page-id-11 .agd-calendar-overview__months .agd-overview-row__title { font-size: .68rem !important; }
  body.page-id-11 .agd-calendar-overview__months .agd-overview-row time { font-size: .65rem !important; }
  body.page-id-11 .agd-calendar-overview__months .agd-overview-row__badge { font-size: .58rem !important; padding: 3px 5px !important; }
  body.page-id-11 .agd-calendar-overview .agd-youth-calendar-note { margin-top: 10px !important; font-size: .68rem !important; }

  body.page-id-11 .agd-youth-register { margin-top: 0 !important; padding-top: 18px !important; padding-bottom: 18px !important; }
  body.page-id-11 .agd-youth-register > div:first-child > p:not(.eyebrow) { margin: 5px 0 !important; font-size: .78rem !important; line-height: 1.3 !important; }
  body.page-id-11 .agd-youth-register__actions a { min-height: 38px !important; padding: 8px 11px !important; font-size: .74rem !important; }
}
/* Final Home alignment pass: reuse the compact mobile header and scan rhythm on Jeunes. */
@media (max-width: 480px) {
  html, body { width: 100% !important; max-width: 100% !important; overflow-x: clip !important; overscroll-behavior-x: none !important; }
  body.page-id-11 { position: relative !important; left: 0 !important; overflow-x: hidden !important; touch-action: pan-y !important; }
  body.page-id-11 .premium-header { height: 82px !important; min-height: 82px !important; overflow: hidden !important; border-radius: 0 0 20px 20px !important; }
  body.page-id-11 .premium-header .header-inner { position: relative !important; display: block !important; width: 100% !important; height: 82px !important; min-height: 82px !important; padding: 0 !important; }
  body.page-id-11 .premium-header .premium-brand { position: absolute !important; top: 5px !important; left: 9px !important; width: 202px !important; height: 56px !important; display: flex !important; align-items: center !important; gap: 7px !important; }
  body.page-id-11 .premium-header .premium-brand .brand-logo img { position: relative !important; top: 6px !important; width: 72px !important; height: 56px !important; max-width: 72px !important; object-fit: contain !important; transform: none !important; }
  body.page-id-11 .premium-header .brand-divider { display: none !important; }
  body.page-id-11 .premium-header .brand-title strong { font-size: .9rem !important; letter-spacing: .08em !important; }
  body.page-id-11 .premium-header .brand-title em { font-size: .52rem !important; letter-spacing: .2em !important; }
  body.page-id-11 .premium-header .header-top-badges { position: absolute !important; top: 11px !important; right: 72px !important; left: auto !important; width: auto !important; height: 38px !important; display: flex !important; align-items: center !important; gap: 3px !important; margin: 0 !important; padding: 0 !important; }
  body.page-id-11 .premium-header .header-top-badges .ffbad-badge-link img { width: 38px !important; height: 38px !important; max-width: 38px !important; object-fit: contain !important; }
  body.page-id-11 .premium-header .header-top-badges .efb-badge-link img { width: 30px !important; height: 38px !important; max-width: 30px !important; object-fit: contain !important; }
  body.page-id-11 .premium-header .header-top-badges .header-partner-badge-link { display: none !important; }
  body.page-id-11 .premium-header .menu-toggle { position: absolute !important; top: 7px !important; right: 8px !important; z-index: 20 !important; width: 46px !important; height: 46px !important; padding: 0 !important; line-height: 1 !important; }
  body.page-id-11 .premium-header .header-live-strip { position: absolute !important; top: 42px !important; left: 88px !important; right: auto !important; margin: 0 !important; }
  body.page-id-11 .premium-header .header-live-strip .agd-live-match-header { display: inline-flex !important; gap: 4px !important; padding: 2px 6px !important; border-radius: 999px !important; font-size: .45rem !important; line-height: 1 !important; }
  body.page-id-11 .premium-header .header-live-strip .agd-live-match-header__dot { width: 5px !important; height: 5px !important; flex-basis: 5px !important; }
  body.page-id-11 .premium-header .premium-nav { display: none !important; }
  body.page-id-11 .premium-header .premium-nav.is-open { position: fixed !important; z-index: 200 !important; top: 82px !important; right: 0 !important; bottom: auto !important; left: 0 !important; display: flex !important; flex-direction: column !important; max-height: calc(100dvh - 82px) !important; padding: 12px 16px 18px !important; overflow-y: auto !important; overflow-x: hidden !important; border-radius: 0 0 24px 24px !important; }
  body.page-id-11 .agd-youth-page--v2 { padding: 10px 10px 24px !important; gap: 10px !important; }
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-hero, body.page-id-11 .agd-youth-page--v2 > .agd-youth-section { border-radius: 16px !important; }
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-hero { gap: 10px !important; padding: 18px 14px 16px !important; }
  body.page-id-11 .agd-youth-v2-hero__copy h1 { margin: 4px 0 8px !important; font-size: clamp(2rem, 9.5vw, 2.8rem) !important; }
  body.page-id-11 .agd-youth-v2-hero__copy p:not(.eyebrow) { margin-bottom: 10px !important; font-size: .84rem !important; line-height: 1.32 !important; }
  body.page-id-11 .agd-youth-v2-hero__carousel { max-height: 150px !important; border-radius: 12px !important; }
  body.page-id-11 .agd-youth-v2-group-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7px !important; }
  body.page-id-11 .agd-youth-v2-group-grid > .agd-youth-v2-group:nth-child(3) { grid-column: 1 / -1 !important; }
  body.page-id-11 .agd-youth-v2-group { padding: 11px !important; }
  body.page-id-11 .agd-youth-v2-group p { font-size: .74rem !important; line-height: 1.28 !important; }
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-groups, body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-warm, body.page-id-11 .agd-youth-page--v2 > .agd-youth-passbad--expanded, body.page-id-11 .agd-youth-page--v2 > .agd-calendar-overview, body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-coaching, body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-prep, body.page-id-11 .agd-youth-page--v2 > .agd-youth-register { padding: 18px 14px !important; }
  body.page-id-11 .agd-youth-section__heading, body.page-id-11 .agd-calendar-overview__heading { margin-bottom: 12px !important; }
}

/* Final S24 robustness pass: keep secondary labels and calendar copy visible and inside the viewport. */
@media (max-width: 700px) {
  body.page-id-11 .agd-youth-v2-path,
  body.page-id-11 .agd-youth-v2-path > span,
  body.page-id-11 .agd-youth-v2-path > i {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  body.page-id-11 .agd-youth-v2-path {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plumes {
    margin-bottom: 10px !important;
  }

  body.page-id-11 .agd-calendar-overview,
  body.page-id-11 .agd-calendar-overview__heading,
  body.page-id-11 .agd-calendar-overview__heading h2,
  body.page-id-11 .agd-calendar-overview__heading > p,
  body.page-id-11 .agd-calendar-filters {
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.page-id-11 .agd-calendar-overview__heading {
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
    clip-path: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  body.page-id-11 .agd-youth-motion-strong .agd-calendar-overview__heading,
  body.page-id-11 .agd-youth-motion-strong .agd-calendar-filters,
  body.page-id-11 .agd-youth-motion-strong .agd-youth-v2-path {
    transform: none !important;
  }

  body.page-id-11 .agd-calendar-overview__heading h2,
  body.page-id-11 .agd-calendar-overview__heading > p {
    overflow: visible !important;
    clip-path: none !important;
    opacity: 1 !important;
    transform: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body.page-id-11 .agd-calendar-filters {
    overflow-x: auto !important;
    overflow-y: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.page-id-11 .agd-youth-motion-strong .agd-calendar-filters {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* PassBad progression markers: compact and readable on desktop and mobile. */
body.page-id-11 .agd-youth-v2-plumes { counter-reset: agd-plume; }
body.page-id-11 .agd-youth-v2-plume { counter-increment: agd-plume; }
body.page-id-11 .agd-youth-v2-plume > div > strong::before {
  content: counter(agd-plume, decimal-leading-zero) ' · ';
  color: #b78732;
  font-size: .72em;
  font-weight: 900;
  letter-spacing: .04em;
}

/* Pédagogie mobile: restore strong contrast for the four progression labels and markers. */
@media (max-width: 700px) {
  body.page-id-11 .agd-youth-v2-path {
    display: none !important;
  }

  body.page-id-11 .agd-youth-v2-path > span {
    color: #f7f9fc !important;
    font-weight: 800 !important;
    text-shadow: 0 1px 2px rgba(16,39,71,.18) !important;
  }

  body.page-id-11 .agd-youth-v2-path > i {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 3px !important;
    background: #e0b66d !important;
    opacity: 1 !important;
  }
}

/* Final mobile bottom rhythm: match the Home footer language without touching desktop. */
@media (max-width: 700px) {
  body.page-id-11 .premium-footer {
    margin-top: 0 !important;
    padding: 14px 12px 8px !important;
    border-radius: 24px 24px 0 0 !important;
    overflow: hidden !important;
  }

  body.page-id-11 .premium-footer .footer-main {
    width: 100% !important;
    margin: 0 auto !important;
    gap: 7px 10px !important;
    padding-bottom: 10px !important;
  }

  body.page-id-11 .premium-footer .footer-identity {
    padding: 0 !important;
  }

  body.page-id-11 .premium-footer .footer-logo img {
    width: 78px !important;
    height: 58px !important;
  }

  body.page-id-11 .premium-footer .footer-identity p {
    margin-top: 4px !important;
    font-size: .78rem !important;
    line-height: 1.2 !important;
  }

  body.page-id-11 .premium-footer .footer-column {
    gap: 7px !important;
  }

  body.page-id-11 .premium-footer h3 {
    margin-bottom: 3px !important;
    font-size: .95rem !important;
  }

  body.page-id-11 .premium-footer .footer-column a {
    font-size: .76rem !important;
    line-height: 1.2 !important;
  }

  body.page-id-11 .premium-footer .footer-partners {
    padding: 10px 0 !important;
  }

  body.page-id-11 .premium-footer .footer-bottom {
    padding-top: 8px !important;
    font-size: .7rem !important;
  }
}

/* Mobile card polish: one AGD colour family and a visible, unified background motion layer. */
@media (max-width: 700px) {
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-groups {
    background: linear-gradient(135deg, #d9ecee 0%, #a8d0d6 56%, #ead4a3 100%) !important;
  }

  body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-warm {
    background: linear-gradient(128deg, #082744 0%, #14536c 56%, #257f8d 100%) !important;
  }

  body.page-id-11 .agd-youth-page--v2 > .agd-youth-passbad--expanded {
    background: linear-gradient(135deg, #d3e9eb 0%, #e6eee9 54%, #c1dfe0 100%) !important;
  }

  body.page-id-11 .agd-youth-page--v2 > .agd-calendar-overview {
    background: linear-gradient(124deg, #061d3a 0%, #0d3c5b 58%, #1d687a 100%) !important;
  }

  body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-coaching {
    background: linear-gradient(135deg, #8ebfc7 0%, #4d94a5 100%) !important;
  }

  body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-prep {
    background: linear-gradient(135deg, #d8e9e9 0%, #b8d8db 56%, #e4c98e 100%) !important;
  }

  body.page-id-11 .agd-youth-page--v2 > .agd-youth-register {
    background: linear-gradient(116deg, #061d3a 0%, #123f5d 64%, #217485 100%) !important;
  }

  body.page-id-11 .agd-youth-page--v2 > .agd-youth-hero::after,
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-section::after {
    z-index: 0 !important;
    background: repeating-linear-gradient(122deg, transparent 0 42px, rgba(255,255,255,.13) 43px 45px, transparent 46px 86px) !important;
    background-size: 170% 100% !important;
    animation: agd-youth-mobile-card-lines 13s linear infinite !important;
    opacity: .9 !important;
  }

  body.page-id-11 .agd-youth-page--v2 > .agd-youth-hero > *,
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-section > * {
    position: relative !important;
    z-index: 1 !important;
  }
}

@keyframes agd-youth-mobile-card-lines {
  from { background-position: 0 0; }
  to { background-position: 170px 0; }
}
