body.agd-equipment-modal-open { overflow: hidden; }
.agd-youth-page--v2 .agd-youth-v2-kit { cursor: pointer; }
.agd-youth-page--v2 .agd-youth-v2-kit::after { content: 'Détails'; display: block; margin-top: auto; color: #8b6a32; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; opacity: .72; }
.agd-youth-page--v2 .agd-youth-v2-kit:focus-visible { outline: 3px solid rgba(214,173,106,.8); outline-offset: 3px; }
.agd-youth-page--v2 .agd-youth-v2-kit--raquette .agd-youth-v2-kit__visual img { transform: scale(1.22) rotate(-18deg); }
.agd-equipment-modal { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: 24px; opacity: 0; visibility: hidden; transition: opacity 220ms ease, visibility 220ms ease; }
.agd-equipment-modal.is-open { opacity: 1; visibility: visible; }
.agd-equipment-modal__backdrop { position: absolute; inset: 0; background: rgba(3,19,37,.72); backdrop-filter: blur(5px); }
.agd-equipment-modal__card { position: relative; box-sizing: border-box; width: min(66vw,720px); max-width: 100%; max-height: min(78vh,680px); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y; padding: 34px 48px 38px; color: #eef8f8; background: linear-gradient(145deg,#082848,#126477); border: 1px solid rgba(241,203,119,.68); border-radius: 24px; box-shadow: 0 28px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12); transform: translateY(14px) scale(.97); transition: transform 260ms cubic-bezier(.22,.75,.25,1); }
.agd-equipment-modal.is-open .agd-equipment-modal__card { transform: translateY(0) scale(1); }
.agd-equipment-modal__card::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .22; background: linear-gradient(128deg,transparent 0 48%,rgba(116,199,205,.45) 48.2% 58%,transparent 58.2%); }
.agd-equipment-modal__content { position: relative; z-index: 1; overflow: hidden; min-height: 390px; touch-action: pan-y; }
.agd-equipment-modal__content { display: grid; align-items: start; }
.agd-equipment-modal__slide { position: relative; grid-area: 1 / 1; min-height: 390px; opacity: 1; transform: translate3d(0,0,0); transition: transform 460ms cubic-bezier(.16,1,.3,1), opacity 360ms ease-out; backface-visibility: hidden; will-change: transform, opacity; }
.agd-equipment-modal__slide.is-entering-right { opacity: 0; transform: translate3d(92%,0,0); }
.agd-equipment-modal__slide.is-entering-left { opacity: 0; transform: translate3d(-92%,0,0); }
.agd-equipment-modal__slide.is-leaving-left { opacity: 0; transform: translate3d(-92%,0,0); }
.agd-equipment-modal__slide.is-leaving-right { opacity: 0; transform: translate3d(92%,0,0); }
.agd-equipment-modal__close { position: absolute; top: 14px; right: 16px; z-index: 5; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; color: #f4d184; background: rgba(255,255,255,.08); font-size: 1.55rem; line-height: 1; cursor: pointer; }
.agd-equipment-modal__visual { position: relative; z-index: 1; float: right; width: 190px; height: 140px; margin: 0 0 20px 28px; border-radius: 14px 6px 14px 6px; background: linear-gradient(135deg,#092d50,#145b73); overflow: hidden; }
.agd-equipment-modal__visual::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(126deg,transparent 0 46px,rgba(255,255,255,.08) 47px 48px,transparent 49px 94px); }
.agd-equipment-modal__visual img { position: relative; z-index: 1; display: block; width: 100%; height: 100%; padding: 12px; object-fit: contain; }
.agd-equipment-modal--raquette .agd-equipment-modal__visual img { transform: scale(1.16) rotate(-18deg); }
.agd-equipment-modal__arrow { position: absolute; top: 50%; z-index: 3; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.24); border-radius: 50%; color: rgba(244,209,132,.86); background: rgba(4,31,53,.48); font-size: 1.15rem; line-height: 1; cursor: pointer; opacity: .65; transform: translateY(-50%); transition: opacity 160ms ease, background 160ms ease; }
.agd-equipment-modal__arrow:hover,.agd-equipment-modal__arrow:focus-visible { opacity: .95; background: rgba(4,31,53,.78); }
.agd-equipment-modal__arrow:disabled { opacity: .18; cursor: default; }
.agd-equipment-modal__arrow--prev { left: 12px; }
.agd-equipment-modal__arrow--next { right: 12px; }
.agd-equipment-modal__counter { position: relative; z-index: 2; display: inline-flex; margin: 0 0 10px; padding: 5px 9px; color: #f4d184; background: rgba(3,28,49,.42); border: 1px solid rgba(244,209,132,.32); border-radius: 999px; font-size: .68rem; font-weight: 800; letter-spacing: .12em; }
.agd-equipment-modal__eyebrow,.agd-equipment-modal__intro,.agd-equipment-modal__text,.agd-equipment-modal__note,.agd-equipment-modal__card h2 { position: relative; z-index: 1; }
.agd-equipment-modal__eyebrow { margin: 0 0 10px; color: #f4d184; font-size: .75rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.agd-equipment-modal__card h2 { margin: 0; color: #fff; font-size: clamp(1.8rem,4vw,3rem); line-height: 1.05; }
.agd-equipment-modal__intro { margin: 10px 0 22px; color: #f4d184; font-size: 1.1rem; font-weight: 700; }
.agd-equipment-modal__text { max-width: 58ch; margin: 0; color: rgba(239,249,248,.92); font-size: 1rem; line-height: 1.65; }
.agd-equipment-modal__note { clear: both; margin: 26px 0 0; padding: 14px 16px; color: #173653; background: linear-gradient(135deg,#fff6dc,#f5dfab); border-left: 4px solid #d6a94f; border-radius: 10px; font-weight: 750; line-height: 1.45; }
@media (max-width: 700px) { .agd-equipment-modal { box-sizing: border-box; width: 100%; padding: 12px; } .agd-equipment-modal__card { width: 100%; max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); overflow: hidden; padding: 20px 18px 18px; border-radius: 20px; } .agd-equipment-modal__content,.agd-equipment-modal__slide { min-height: 0; } .agd-equipment-modal__counter { margin-bottom: 6px; font-size: .62rem; } .agd-equipment-modal__visual { float: none; width: 100%; height: 94px; margin: 0 0 12px; } .agd-equipment-modal__eyebrow { margin-bottom: 6px; font-size: .64rem; } .agd-equipment-modal__card h2 { font-size: 1.72rem; } .agd-equipment-modal__intro { margin: 7px 0 11px; font-size: .92rem; line-height: 1.25; } .agd-equipment-modal__text { font-size: .83rem; line-height: 1.38; } .agd-equipment-modal__note { margin-top: 13px; padding: 10px 12px; font-size: .79rem; line-height: 1.3; } .agd-youth-page--v2 .agd-youth-v2-kit--raquette .agd-youth-v2-kit__visual img { transform: scale(1.16) rotate(-18deg); } .agd-equipment-modal--raquette .agd-equipment-modal__visual img { transform: scale(1.1) rotate(-18deg); } .agd-equipment-modal__arrow { width: 34px; height: 34px; } }
@media (prefers-reduced-motion: reduce) { .agd-equipment-modal,.agd-equipment-modal__card { transition: none !important; } }

@media (prefers-reduced-motion: reduce) {
  .agd-equipment-modal__slide { transition: none !important; transform: none !important; }
}

/* Chaque fiche reçoit un cadrage adapté au format de son pictogramme. */
.agd-equipment-modal.agd-youth-v2-kit--tenue .agd-equipment-modal__visual,
.agd-equipment-modal.agd-youth-v2-kit--gourde .agd-equipment-modal__visual { width: 210px; height: 170px; }
.agd-equipment-modal.agd-youth-v2-kit--tenue .agd-equipment-modal__visual img,
.agd-equipment-modal.agd-youth-v2-kit--gourde .agd-equipment-modal__visual img { transform: scale(1.16); }
.agd-equipment-modal.agd-youth-v2-kit--chaussures .agd-equipment-modal__visual { width: 230px; height: 145px; }
.agd-equipment-modal.agd-youth-v2-kit--chaussures .agd-equipment-modal__visual img { transform: scale(1.12); }
.agd-equipment-modal.agd-youth-v2-kit--raquette .agd-equipment-modal__visual { width: 230px; height: 180px; }
.agd-equipment-modal.agd-youth-v2-kit--raquette .agd-equipment-modal__visual img { transform: scale(1.22) rotate(-22deg); }
@media (max-width: 700px) {
  .agd-equipment-modal.agd-youth-v2-kit--tenue .agd-equipment-modal__visual,
  .agd-equipment-modal.agd-youth-v2-kit--gourde .agd-equipment-modal__visual { width: 100%; height: 128px; }
  .agd-equipment-modal.agd-youth-v2-kit--tenue .agd-equipment-modal__visual img,
  .agd-equipment-modal.agd-youth-v2-kit--gourde .agd-equipment-modal__visual img { transform: scale(1.13); }
  .agd-equipment-modal.agd-youth-v2-kit--chaussures .agd-equipment-modal__visual { width: 100%; height: 112px; }
  .agd-equipment-modal.agd-youth-v2-kit--chaussures .agd-equipment-modal__visual img { transform: scale(1.1); }
  .agd-equipment-modal.agd-youth-v2-kit--raquette .agd-equipment-modal__visual { width: 100%; height: 136px; }
  .agd-equipment-modal.agd-youth-v2-kit--raquette .agd-equipment-modal__visual img { transform: scale(1.18) rotate(-22deg); }
}