/* Ase Soccer — accueil (page 7159)
   CSS sorti des widgets HTML Elementor le 26/10/2026.
   Chargé par mu-plugins/fk-home-assets.php ; ne pas recoller dans Elementor. */

/* ---- e606b085 — hero de la page d'accueil ---- */
.fk-hs .fk-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;}
/* ---------------------------------------------------------------
   Ase Soccer — slider d'accueil
   Bloc autonome : aucune dépendance au thème ni à Smart Slider.
   Aucun texte visible (compteur et libellés d'accessibilité seulement).
   ---------------------------------------------------------------- */
.fk-hs{
 --fk-hs-gutter:clamp(6px,1.5vw,28px);
  --fk-hs-radius:clamp(16px,1.7vw,30px);
  --fk-hs-ratio:1920 / 650;      /* ratio d'origine des visuels : aucun recadrage */
  --fk-hs-delay:6000ms;     /* durée de la barre de progression du point actif */
  box-sizing:border-box;
  width:100%;
  margin:0 auto;
  padding:clamp(10px,1.4vw,26px) var(--fk-hs-gutter) clamp(14px,2vw,40px);
  font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.fk-hs,.fk-hs *,.fk-hs *::before,.fk-hs *::after{box-sizing:border-box;}

/* -------- cadre arrondi -------- */
.fk-hs__stage{
  position:relative;
  border-radius:var(--fk-hs-radius);
  overflow:hidden;
  background:#0a1626;                 /* fond pendant le chargement des visuels */
  box-shadow:0 18px 46px rgba(10,22,38,.12);
  touch-action:pan-y;                 /* le glissement horizontal est géré par le bloc */
}

/* -------- piste -------- */
.fk-hs__track{
  display:flex;align-items:stretch;
  margin:0;padding:0;list-style:none;
  transition:transform .6s cubic-bezier(.22,.61,.36,1);
}
.fk-hs__slide{flex:0 0 100%;width:100%;margin:0;padding:0;list-style:none;}
.fk-hs .fk-hs__link{
  display:block;position:relative;
  margin:0;padding:0;line-height:0;text-decoration:none;
  outline-offset:-3px;
}
/* sélecteur doublé : .elementor img (0-1-1) impose sinon height:auto/max-width */
.fk-hs .fk-hs__img{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  aspect-ratio:var(--fk-hs-ratio);
  object-fit:cover;
  object-position:center;
  user-select:none;
  -webkit-user-drag:none;
}

/* -------- habillage (posé sur la bande basse du visuel) -------- */
.fk-hs__ui{
  position:absolute;left:0;right:0;bottom:0;
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:14px;
  padding:0 clamp(12px,1.5vw,26px) clamp(10px,1.4vw,24px);
  pointer-events:none;
}
.fk-hs__ui > *{pointer-events:auto;}
.fk-hs__count{
  margin:0;
  display:inline-flex;align-items:baseline;gap:.35em;
  font-size:clamp(11px,1.02vw,15px);
  font-weight:700;letter-spacing:.06em;
  color:rgba(255,255,255,.68);
  text-shadow:0 1px 6px rgba(0,0,0,.35);
  font-variant-numeric:tabular-nums;
}
.fk-hs__count b{font-weight:800;color:#fff;}
.fk-hs__count-sep{opacity:.6;}

.fk-hs__dots{display:flex;align-items:center;gap:clamp(6px,.6vw,9px);}
.fk-hs__dot{
  position:relative;
  width:9px;height:9px;padding:0;border:0;
  border-radius:100px;
  background:rgba(255,255,255,.45);
  box-shadow:0 1px 5px rgba(0,0,0,.28);
  cursor:pointer;
  overflow:hidden;
  transition:width .35s cubic-bezier(.22,.61,.36,1),background-color .25s ease;
}
.fk-hs__dot:hover{background:rgba(255,255,255,.75);}
.fk-hs__dot[aria-current="true"]{width:clamp(26px,3vw,42px);background:rgba(255,255,255,.32);}
.fk-hs__dot-fill{
  position:absolute;top:0;bottom:0;left:0;
  width:0;border-radius:inherit;background:#fff;
}
.fk-hs__dot[aria-current="true"] .fk-hs__dot-fill{
  animation:fk-hs-prog var(--fk-hs-delay) linear forwards;
}
.fk-hs--hold .fk-hs__dot-fill,
.fk-hs--paused .fk-hs__dot-fill{animation-play-state:paused;}
@keyframes fk-hs-prog{from{width:0;}to{width:100%;}}

/* -------- flèches + lecture/pause (au survol ou au focus) -------- */
.fk-hs__arrow,.fk-hs__toggle{
  position:absolute;
  display:flex;align-items:center;justify-content:center;
  width:clamp(34px,3.4vw,46px);height:clamp(34px,3.4vw,46px);
  padding:0;border:0;border-radius:100px;
  background:rgba(255,255,255,.92);color:#0a1626;
  box-shadow:0 6px 18px rgba(0,0,0,.22);
  cursor:pointer;
  opacity:0;                      /* révélés au survol ET au focus clavier */
  transition:opacity .25s ease,background-color .2s ease,transform .2s ease;
}
.fk-hs__arrow svg{width:20px;height:20px;}
.fk-hs__arrow{top:50%;transform:translateY(-50%);}
.fk-hs__arrow--prev{left:clamp(10px,1.4vw,22px);}
.fk-hs__arrow--next{right:clamp(10px,1.4vw,22px);}
.fk-hs__toggle{
  top:clamp(10px,1.4vw,22px);right:clamp(10px,1.4vw,22px);
  width:clamp(30px,2.7vw,38px);height:clamp(30px,2.7vw,38px);
  background:rgba(255,255,255,.82);
}
.fk-hs__toggle .fk-hs__icon{width:17px;height:17px;}
.fk-hs__toggle .fk-hs__icon--play{display:none;}
.fk-hs__toggle[aria-pressed="true"] .fk-hs__icon--pause{display:none;}
.fk-hs__toggle[aria-pressed="true"] .fk-hs__icon--play{display:block;}

.fk-hs__stage:hover .fk-hs__arrow,
.fk-hs__stage:hover .fk-hs__toggle,
.fk-hs__stage:focus-within .fk-hs__arrow,
.fk-hs__stage:focus-within .fk-hs__toggle,
.fk-hs__arrow:focus-visible,
.fk-hs__toggle:focus-visible{opacity:1;}
.fk-hs__arrow:hover,.fk-hs__toggle:hover{background:#fff;}
.fk-hs__arrow:active{transform:translateY(-50%) scale(.94);}

.fk-hs__link:focus-visible{
  outline:2px solid #fff;outline-offset:-4px;   /* le visuel occupe tout le cadre */
}
.fk-hs__dot:focus-visible,
.fk-hs__arrow:focus-visible,
.fk-hs__toggle:focus-visible{outline:2px solid #fff;outline-offset:3px;}

/* -------- adaptation -------- */
@media (max-width:767px){
  /* Cadre PLEIN LARGEUR à coins arrondis (comme la maquette) : le thème réserve
     une marge autour du contenu Elementor — le bloc l'annule en se calant sur
     `--fk-hs-bleed`, mesurée par le script (repli : 0, donc aucun risque si le
     JavaScript ne s'exécute pas). `width:auto` est indispensable : avec
     `width:100%`, les marges négatives ne feraient que décaler le cadre. */
  .fk-hs{
    width:auto;
    margin-left:calc(-1 * var(--fk-hs-bleed,0px));
    margin-right:calc(-1 * var(--fk-hs-bleed,0px));
    padding-left:0;
    padding-right:0;
  }
  .fk-hs__arrow{display:none;}          /* le glissement au doigt suffit */
  .fk-hs__toggle{opacity:1;}            /* pas de survol au doigt : bouton visible */
  /* l'habillage descend sur la bande basse du cadre (sous le visuel), pour ne
     pas se superposer aux libellés incrustés des bannières. */
  .fk-hs__ui{
    position:static;
    padding:clamp(9px,2.6vw,13px) clamp(12px,3.2vw,16px);
    align-items:center;
  }
}
@media (prefers-reduced-motion:reduce){
  .fk-hs__track{transition:none;}
  .fk-hs__dot[aria-current="true"] .fk-hs__dot-fill{animation:none;width:100%;}
  .fk-hs__arrow,.fk-hs__toggle{transition:none;}
}

/* -------- remplacement de l'ancien hero --------
   Le Smart Slider 3 d'origine vit dans le conteneur Elementor
   `6c3b0d0` (widget shortcode). Il est masqué : le nouveau slider prend sa
   place. Supprimer le widget HTML (ou cette règle) fait revenir l'ancien. */
.elementor-element-6c3b0d0{display:none !important;}

/* ---- 6dd185ad — carrousel « Nos sélections du moment » ---- */
/* ---------------------------------------------------------------
   Ase Soccer — « Top Concepts du moment »
   Bloc autonome : aucune dépendance au thème. Couleurs = bleu du site.
   ----------------------------------------------------------------- */
.fk-tc{
  --fk-blue:#020c90;
  --fk-blue-dark:#00076b;
  --fk-blue-cta:#000ba1;
  --fk-radius:16px;
  box-sizing:border-box;
  max-width:1763px;
  margin:0 auto;
  padding:clamp(18px,2.2vw,34px) clamp(12px,1.6vw,26px) clamp(24px,2.4vw,42px);
  font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.fk-tc *,.fk-tc *::before,.fk-tc *::after{box-sizing:border-box;}

/* -------- en-tête -------- */
.fk-tc__head{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;margin:0 0 clamp(14px,1.5vw,22px);
}
.fk-tc__title{
  display:flex;align-items:center;flex-wrap:wrap;gap:clamp(8px,.7vw,14px);
  margin:0;padding:0;font-size:0;line-height:1;
}
.fk-tc__title em{
  font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;
  font-size:clamp(19px,2vw,32px);line-height:1.05;color:#000;
}
.fk-tc__title span{
  display:inline-block;font-style:italic;font-weight:800;text-transform:uppercase;
  letter-spacing:-.02em;font-size:clamp(17px,1.8vw,30px);line-height:1.05;
  color:#fff;background:var(--fk-blue);
  padding:.14em .48em .2em;border-radius:10px;
  box-shadow:0 6px 16px rgba(2,12,144,.22);
}

/* -------- piste -------- */
.fk-tc__track{margin:0;padding:0;list-style:none;}
.fk-tc__card{margin:0;padding:0;list-style:none;}

/* -------- carte -------- */
.fk-tc__link{
  position:relative;display:block;overflow:hidden;isolation:isolate;
  aspect-ratio:5/7;border-radius:var(--fk-radius);background:#101018;
  color:#fff;text-decoration:none;
  box-shadow:0 2px 10px rgba(0,0,0,.10);
  transition:transform .28s ease,box-shadow .28s ease;
}
.fk-tc .fk-tc__link,.fk-tc .fk-tc__link:visited,.fk-tc .fk-tc__link:hover{color:#fff;}
.fk-tc .fk-tc__link:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(2,12,144,.22);}
.fk-tc .fk-tc__link:focus-visible{outline:3px solid var(--fk-blue);outline-offset:3px;}

.fk-tc__img{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  object-fit:cover;object-position:center 20%;
}
.fk-tc__veil{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,
    rgba(6,10,40,0) 38%,
    rgba(2,12,144,.30) 64%,
    rgba(0,7,107,.90) 100%);
}
.fk-tc__badge{
  position:absolute;top:clamp(10px,1vw,16px);left:clamp(10px,1vw,16px);
  display:inline-block;padding:5px 15px;border-radius:100px;
  background:#fff;color:var(--fk-blue);
  font-size:clamp(11px,.72vw,13px);font-weight:700;line-height:1.4;letter-spacing:.01em;
  box-shadow:0 2px 8px rgba(0,0,0,.16);
}
.fk-tc__body{
  position:absolute;left:0;right:0;bottom:0;
  display:flex;flex-direction:column;align-items:flex-start;
  gap:clamp(10px,1vw,14px);padding:clamp(12px,1.15vw,20px);
}
.fk-tc__name{
  font-size:clamp(17px,1.32vw,23px);font-weight:800;line-height:1.16;
  letter-spacing:-.01em;text-shadow:0 2px 10px rgba(0,0,0,.45);
}
.fk-tc__cta{
  display:inline-block;padding:8px 18px;border-radius:8px;
  border:1.5px solid rgba(255,255,255,.85);
  background:rgba(2,12,144,.30);color:#fff;
  font-size:clamp(12px,.8vw,14px);font-weight:700;line-height:1.4;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.fk-tc .fk-tc__link:hover .fk-tc__cta{
  background:#fff;border-color:#fff;color:var(--fk-blue);
}

/* -------- pied de bloc : progression + flèches -------- */
.fk-tc__foot{display:none;align-items:center;gap:14px;margin-top:clamp(12px,1.2vw,18px);}
.fk-tc__prog{
  position:relative;flex:1 1 auto;height:3px;border-radius:3px;
  background:#e7e7ee;overflow:hidden;
}
.fk-tc__prog-fill{
  position:absolute;top:0;bottom:0;left:0;width:25%;border-radius:3px;
  background:var(--fk-blue);transition:transform .25s ease,width .25s ease;
}
.fk-tc__arrows{display:flex;gap:8px;flex:0 0 auto;}
.fk-tc__arrow{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;padding:0;cursor:pointer;
  border:1px solid #d9d9e3;border-radius:50%;
  background:#fff;color:var(--fk-blue);
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.fk-tc__arrow:hover:not(:disabled){background:var(--fk-blue);border-color:var(--fk-blue);color:#fff;}
.fk-tc__arrow:disabled{opacity:.35;cursor:default;}
.fk-tc__arrow svg{width:16px;height:16px;display:block;}

/* -------- mobile / tablette : carrousel -------- */
@media (max-width:1024px){
  .fk-tc__track{
    display:flex;gap:12px;padding-bottom:2px;
    overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x mandatory;scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;-ms-overflow-style:none;
  }
  .fk-tc__track::-webkit-scrollbar{display:none;}
  .fk-tc__card{flex:0 0 auto;width:min(70vw,330px);scroll-snap-align:start;}
  .fk-tc__foot{display:flex;}
}

/* -------- ordinateur : 4 cartes alignées, sans flèches -------- */
@media (min-width:1025px){
  .fk-tc__track{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    gap:clamp(14px,1.05vw,22px);overflow:visible;
  }
  .fk-tc__foot{display:none;}
}

/* -------- confort de lecture -------- */
@media (prefers-reduced-motion:reduce){
  .fk-tc__link,.fk-tc__cta,.fk-tc__arrow,.fk-tc__prog-fill{transition:none;}
  .fk-tc__track{scroll-behavior:auto;}
}

/* ---- ed1f32c3 — carrousel « Le top du moment » ---- */
/* ---------------------------------------------------------------
   Ase Soccer — « Le Top du moment »
   Bloc autonome : aucune dépendance au thème. Bleu du site #020c90.
   ---------------------------------------------------------------- */
.fk-tm{
  --fk-blue:#020c90;
  --fk-blue-dark:#00076b;
  --fk-blue-cta:#000ba1;
  --fk-tm-radius:16px;
  --fk-tm-radius-lg:18px;
  --fk-tm-card:clamp(200px,15vw,288px);
  --fk-tm-hero:clamp(244px,18.4vw,352px);
  box-sizing:border-box;
  max-width:1763px;
  margin:0 auto;
  padding:clamp(20px,2.4vw,40px) clamp(12px,1.6vw,26px) clamp(24px,2.4vw,42px);
  font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.fk-tm *,.fk-tm *::before,.fk-tm *::after{box-sizing:border-box;}

/* -------- en-tête : titre + onglets -------- */
.fk-tm__head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:18px 28px;flex-wrap:wrap;margin:0 0 clamp(16px,1.6vw,24px);
}
.fk-tm__intro{min-width:0;flex:1 1 auto;}
.fk-tm__title{
  display:flex;align-items:center;flex-wrap:wrap;gap:clamp(8px,.7vw,14px);
  margin:0;padding:0;font-size:0;line-height:1;
}
.fk-tm__title em{
  font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;
  font-size:clamp(20px,2.1vw,34px);line-height:1.05;color:#000;
}
.fk-tm__title span{
  display:inline-block;font-style:italic;font-weight:800;text-transform:uppercase;
  letter-spacing:-.02em;font-size:clamp(18px,1.9vw,32px);line-height:1.05;
  color:#fff;background:var(--fk-blue);
  padding:.14em .48em .2em;border-radius:10px;
  box-shadow:0 6px 16px rgba(2,12,144,.22);
}
.fk-tm__sub{
  margin:clamp(8px,.8vw,12px) 0 0;
  font-size:clamp(13px,1.02vw,17px);line-height:1.45;color:#4a4a55;
}

/* -------- onglets -------- */
.fk-tm__tabs{
  display:flex;align-items:center;flex-wrap:wrap;gap:clamp(16px,1.5vw,30px);
  flex:0 0 auto;
}
.fk-tm__tab{
  position:relative;display:inline-block;margin:0;padding:0 0 8px;
  border:0;background:none;cursor:pointer;
  font:inherit;font-size:clamp(13px,1.02vw,17px);font-weight:700;line-height:1.3;
  color:#a0a0ac;transition:color .18s ease;
}
.fk-tm__tab::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;
  background:currentColor;opacity:0;transition:opacity .18s ease;
}
.fk-tm__tab:hover{color:#3d3d49;}
.fk-tm__tab.is-active{color:#111118;}
.fk-tm__tab.is-active::after{opacity:1;}
.fk-tm__tab:focus-visible{outline:2px solid var(--fk-blue);outline-offset:3px;border-radius:3px;}

/* -------- piste (carrousel à tous les formats) -------- */
.fk-tm__track{
  display:flex;align-items:stretch;
  gap:clamp(12px,1.05vw,20px);
  margin:0;padding:2px 0 6px;list-style:none;
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x proximity;scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  overflow-anchor:none;
  scrollbar-width:none;-ms-overflow-style:none;
}
.fk-tm__track::-webkit-scrollbar{display:none;}
.fk-tm__card{
  display:flex;flex-direction:column;flex:0 0 auto;
  width:var(--fk-tm-card);margin:0;padding:0;list-style:none;
  scroll-snap-align:start;
}
.fk-tm__card--hero{width:var(--fk-tm-hero);}
.fk-tm__card[hidden]{display:none;}

/* -------- carte d'accroche « Les plus demandés » -------- */
.fk-tm__hero{
  position:relative;flex:1 1 auto;display:block;overflow:hidden;isolation:isolate;
  border-radius:var(--fk-tm-radius-lg);background:#101018;
  color:#fff;text-decoration:none;
  box-shadow:0 2px 10px rgba(0,0,0,.10);
  transition:transform .28s ease,box-shadow .28s ease;
}
.fk-tm .fk-tm__hero,.fk-tm .fk-tm__hero:visited,.fk-tm .fk-tm__hero:hover{color:#fff;}
.fk-tm .fk-tm__hero:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(2,12,144,.22);}
.fk-tm .fk-tm__hero:focus-visible{outline:3px solid var(--fk-blue);outline-offset:3px;}
.fk-tm__hero-img{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  object-fit:cover;object-position:center 22%;
}
.fk-tm__veil{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,
    rgba(6,10,40,0) 34%,
    rgba(2,12,144,.34) 66%,
    rgba(0,7,107,.92) 100%);
}
.fk-tm__kicker{
  position:absolute;top:clamp(14px,1.2vw,20px);left:clamp(16px,1.3vw,22px);
  font-family:"Brush Script MT","Segoe Script","Apple Chancery",cursive;
  font-size:clamp(16px,1.35vw,23px);font-style:italic;
  color:#fff;opacity:.95;text-shadow:0 2px 10px rgba(0,0,0,.55);
}
.fk-tm__hero-body{
  position:absolute;left:0;right:0;bottom:0;
  display:flex;flex-direction:column;align-items:flex-start;
  gap:clamp(12px,1.1vw,18px);padding:clamp(16px,1.5vw,26px);
}
.fk-tm__hero-title{
  font-size:clamp(22px,2.05vw,34px);font-weight:800;line-height:1.08;
  letter-spacing:-.01em;text-shadow:0 2px 14px rgba(0,0,0,.5);
}
.fk-tm__hero-cta{
  display:inline-block;padding:10px 22px;border-radius:8px;
  background:#fff;color:#0b0b12;border:1.5px solid #fff;
  font-size:clamp(13px,.92vw,15px);font-weight:700;line-height:1.3;
  transition:background .2s ease,color .2s ease;
}
.fk-tm .fk-tm__hero:hover .fk-tm__hero-cta{
  background:var(--fk-blue);border-color:var(--fk-blue);color:#fff;
}

/* -------- carte produit -------- */
.fk-tm__product{
  display:flex;flex-direction:column;gap:clamp(8px,.7vw,12px);
  color:inherit;text-decoration:none;
}
.fk-tm .fk-tm__product,.fk-tm .fk-tm__product:visited{color:inherit;}
.fk-tm__thumb{
  position:relative;
  display:block;
  overflow:hidden;
  aspect-ratio:1/1;
  border-radius:var(--fk-tm-radius);
  background:#f1f1f5;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
  transition:transform .28s ease,box-shadow .28s ease;
}
.fk-tm .fk-tm__product:hover .fk-tm__thumb{
  transform:translateY(-3px);box-shadow:0 16px 30px rgba(2,12,144,.18);
}
.fk-tm .fk-tm__product:focus-visible{outline:3px solid var(--fk-blue);outline-offset:3px;border-radius:6px;}
.fk-tm__img{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  object-fit:cover;object-position:center center;
}
.fk-tm__badge{
  position:absolute;top:clamp(9px,.85vw,13px);left:clamp(9px,.85vw,13px);
  display:inline-block;padding:5px 14px;border-radius:100px;
  background:var(--fk-blue);color:#fff;
  font-size:clamp(11px,.72vw,13px);font-weight:700;line-height:1.35;letter-spacing:.01em;
  box-shadow:0 2px 8px rgba(2,12,144,.28);
}
.fk-tm__info{display:flex;flex-direction:column;gap:clamp(5px,.45vw,8px);padding:0 2px;}
.fk-tm__name{
  font-size:clamp(13px,.95vw,16px);font-weight:700;line-height:1.28;color:#0b0b12;
}
.fk-tm .fk-tm__product:hover .fk-tm__name{color:var(--fk-blue);}
.fk-tm__prices{display:flex;align-items:baseline;flex-wrap:wrap;gap:clamp(8px,.7vw,12px);}
.fk-tm__price{
  font-size:clamp(14px,1vw,17px);font-weight:800;line-height:1.2;color:var(--fk-blue);
}
.fk-tm__was{
  font-size:clamp(12px,.88vw,15px);font-weight:400;color:#9a9aa6;
  text-decoration:line-through;
}

/* -------- pied de bloc : progression + flèches -------- */
.fk-tm__foot{display:flex;align-items:center;gap:clamp(14px,1.3vw,22px);margin-top:clamp(16px,1.5vw,24px);}
.fk-tm__prog{
  position:relative;flex:1 1 auto;height:3px;border-radius:3px;
  background:#e7e7ee;overflow:hidden;
}
.fk-tm__prog-fill{
  position:absolute;top:0;bottom:0;left:0;width:25%;border-radius:3px;
  background:var(--fk-blue);transition:transform .25s ease,width .25s ease;
}
.fk-tm__arrows{display:flex;gap:8px;flex:0 0 auto;}
.fk-tm__arrow{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;padding:0;cursor:pointer;
  border:1px solid #d9d9e3;border-radius:50%;
  background:#fff;color:var(--fk-blue);
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.fk-tm__arrow:hover:not(:disabled){background:var(--fk-blue);border-color:var(--fk-blue);color:#fff;}
.fk-tm__arrow:disabled{opacity:.35;cursor:default;}
.fk-tm__arrow svg{width:16px;height:16px;display:block;}

/* -------- petits écrans -------- */
@media (max-width:640px){
  .fk-tm{--fk-tm-card:min(56vw,250px);--fk-tm-hero:min(66vw,300px);}
  .fk-tm__head{align-items:flex-start;}
  .fk-tm__tabs{gap:18px;}
}

/* -------- confort de lecture -------- */
@media (prefers-reduced-motion:reduce){
  .fk-tm__hero,.fk-tm__thumb,.fk-tm__hero-cta,.fk-tm__arrow,.fk-tm__prog-fill{transition:none;}
  .fk-tm__track{scroll-behavior:auto;}
}

/* ---- e886ecd9 — grille « Les maillots les plus demandés » ---- */
/* ---------------------------------------------------------------
   Ase Soccer — « Les maillots les plus demandés »
   Bloc autonome : aucune dépendance au thème. Bleu du site #020c90.
   ---------------------------------------------------------------- */
.fk-tpm{
  --fk-blue:#020c90;
  --fk-blue-dark:#00076b;
  --fk-blue-cta:#000ba1;
  --fk-tpm-radius:16px;
  --fk-tpm-card:clamp(224px,18.7vw,340px);
  box-sizing:border-box;
  max-width:1763px;
  margin:0 auto;
  padding:clamp(18px,2.2vw,34px) clamp(12px,1.6vw,26px) clamp(24px,2.4vw,42px);
  font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}

.fk-tpm *,.fk-tpm *::before,.fk-tpm *::after{box-sizing:border-box;}

/* -------- en-tête -------- */
.fk-tpm__head{margin:0 0 clamp(14px,1.5vw,22px);}
.fk-tpm__title{
  display:flex;align-items:center;flex-wrap:wrap;gap:clamp(8px,.7vw,14px);
  margin:0;padding:0;font-size:0;line-height:1;
}

.fk-tpm__title em{
  font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;
  font-size:clamp(19px,2vw,32px);line-height:1.05;color:#000;
}

.fk-tpm__title span{
  display:inline-block;font-style:italic;font-weight:800;text-transform:uppercase;
  letter-spacing:-.02em;font-size:clamp(17px,1.8vw,30px);line-height:1.05;
  color:#fff;background:var(--fk-blue);
  padding:.14em .48em .2em;border-radius:10px;
  box-shadow:0 6px 16px rgba(2,12,144,.22);
}

.fk-tpm__sub{
  margin:clamp(8px,.8vw,12px) 0 0;
  font-size:clamp(13px,1.02vw,17px);line-height:1.45;color:#4a4a55;
}

/* -------- piste -------- */
.fk-tpm__track{
  display:flex;align-items:stretch;
  gap:clamp(12px,1.05vw,20px);
  margin:0;padding:2px 0 6px;list-style:none;
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x proximity;scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  overflow-anchor:none;
  scrollbar-width:none;-ms-overflow-style:none;
}

.fk-tpm__track::-webkit-scrollbar{display:none;}

.fk-tpm__card{
  display:flex;flex-direction:column;flex:0 0 auto;
  width:var(--fk-tpm-card);margin:0;padding:0;list-style:none;
  scroll-snap-align:start;
}

/* -------- carte club -------- */
.fk-tpm__link{
  position:relative;flex:1 1 auto;display:block;overflow:hidden;isolation:isolate;
  aspect-ratio:4/5;border-radius:var(--fk-tpm-radius);background:#101018;
  color:#fff;text-decoration:none;
  box-shadow:0 2px 10px rgba(0,0,0,.10);
  transition:transform .28s ease,box-shadow .28s ease;
}

.fk-tpm .fk-tpm__link,
.fk-tpm .fk-tpm__link:visited,
.fk-tpm .fk-tpm__link:hover,
.fk-tpm .fk-tpm__link:focus{
  color:#fff;text-decoration:none;
}

.fk-tpm .fk-tpm__link:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 30px rgba(2,12,144,.22);
}

.fk-tpm .fk-tpm__link:focus-visible{
  outline:3px solid var(--fk-blue);
  outline-offset:3px;
}

.fk-tpm .fk-tpm__img{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  object-fit:cover;object-position:center 24%;
  transition:transform .45s ease;
}

.fk-tpm .fk-tpm__link:hover .fk-tpm__img{
  transform:scale(1.035);
}

.fk-tpm__veil{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,
    rgba(6,10,40,0) 42%,
    rgba(2,12,144,.30) 70%,
    rgba(0,7,107,.88) 100%);
}

/* -------- nom de l'équipe -------- */
.fk-tpm__body{
  position:absolute;left:0;right:0;bottom:0;
  display:flex;flex-direction:column;align-items:flex-start;
  gap:clamp(10px,1vw,14px);
  padding:clamp(14px,1.2vw,22px);
}

.fk-tpm__name{
  font-size:clamp(18px,1.45vw,25px);
  font-weight:800;
  line-height:1.14;
  letter-spacing:-.01em;
  text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.55);
}

.fk-tpm__cta{
  display:inline-block;
  padding:9px 20px;
  border-radius:8px;
  border:1.5px solid #fff;
  background:#fff;
  color:#0b0b12;
  font-size:clamp(12px,.84vw,14px);
  font-weight:700;
  line-height:1.35;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}

.fk-tpm .fk-tpm__link:hover .fk-tpm__cta{
  background:var(--fk-blue);
  border-color:var(--fk-blue);
  color:#fff;
}

/* -------- pied de bloc -------- */
.fk-tpm__foot{
  display:flex;
  align-items:center;
  gap:clamp(14px,1.3vw,22px);
  margin-top:clamp(16px,1.5vw,24px);
}

.fk-tpm__prog{
  position:relative;
  flex:1 1 auto;
  height:3px;
  border-radius:3px;
  background:#e7e7ee;
  overflow:hidden;
}

.fk-tpm__prog-fill{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:25%;
  border-radius:3px;
  background:var(--fk-blue);
  transition:transform .25s ease,width .25s ease;
}

.fk-tpm__arrows{
  display:flex;
  gap:8px;
  flex:0 0 auto;
}

.fk-tpm__arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  padding:0;
  cursor:pointer;
  border:1px solid #d9d9e3;
  border-radius:50%;
  background:#fff;
  color:var(--fk-blue);
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}

.fk-tpm__arrow:hover:not(:disabled){
  background:var(--fk-blue);
  border-color:var(--fk-blue);
  color:#fff;
}

.fk-tpm__arrow:disabled{
  opacity:.35;
  cursor:default;
}

.fk-tpm__arrow svg{
  width:16px;
  height:16px;
  display:block;
}

/* -------- petits écrans -------- */
@media (max-width:640px){
  .fk-tpm{
    --fk-tpm-card:min(68vw,300px);
  }

  .fk-tpm__name{
    font-size:clamp(17px,4.6vw,21px);
  }
}

/* -------- confort de lecture -------- */
@media (prefers-reduced-motion:reduce){
  .fk-tpm__link,
  .fk-tpm__img,
  .fk-tpm__cta,
  .fk-tpm__arrow,
  .fk-tpm__prog-fill{
    transition:none;
  }

  .fk-tpm__track{
    scroll-behavior:auto;
  }
}

/* ---- 0f19f7d6 — carrousel « Le top des maillots pour enfants » ---- */
/* ---------------------------------------------------------------
   Ase Soccer — « Le top des kits enfants »
   Bloc autonome : aucune dépendance au thème. Bleu du site #020c90.
   Sélecteurs d'image doublés (`.fk-ke .fk-ke__x`) : `.elementor img`
   impose `height:auto` avec une spécificité supérieure à une simple classe.
   ---------------------------------------------------------------- */
.fk-ke{
  --fk-blue:#020c90;
  --fk-blue-dark:#00076b;
  --fk-blue-cta:#000ba1;
  --fk-ke-radius:16px;
  --fk-ke-radius-lg:18px;
  --fk-ke-card:clamp(200px,15vw,288px);
  --fk-ke-hero:clamp(244px,18.4vw,352px);
  box-sizing:border-box;
  max-width:1763px;
  margin:0 auto;
  padding:clamp(18px,2.2vw,34px) clamp(12px,1.6vw,26px) clamp(24px,2.4vw,42px);
  font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.fk-ke *,.fk-ke *::before,.fk-ke *::after{box-sizing:border-box;}

/* -------- en-tête -------- */
.fk-ke__head{margin:0 0 clamp(14px,1.5vw,22px);}
.fk-ke__title{
  display:flex;align-items:center;flex-wrap:wrap;gap:clamp(8px,.7vw,14px);
  margin:0;padding:0;font-size:0;line-height:1;
}
.fk-ke__title em{
  font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;
  font-size:clamp(19px,2vw,32px);line-height:1.05;color:#000;
}
.fk-ke__title span{
  display:inline-block;font-style:italic;font-weight:800;text-transform:uppercase;
  letter-spacing:-.02em;font-size:clamp(17px,1.8vw,30px);line-height:1.05;
  color:#fff;background:var(--fk-blue);
  padding:.14em .48em .2em;border-radius:10px;
  box-shadow:0 6px 16px rgba(2,12,144,.22);
}
.fk-ke__sub{
  margin:clamp(8px,.8vw,12px) 0 0;
  font-size:clamp(13px,1.02vw,17px);line-height:1.45;color:#4a4a55;
}

/* -------- piste (carrousel à tous les formats) -------- */
.fk-ke__track{
  display:flex;align-items:stretch;
  gap:clamp(12px,1.05vw,20px);
  margin:0;padding:2px 0 6px;list-style:none;
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x proximity;scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  overflow-anchor:none;
  scrollbar-width:none;-ms-overflow-style:none;
}
.fk-ke__track::-webkit-scrollbar{display:none;}
.fk-ke__card{
  display:flex;flex-direction:column;flex:0 0 auto;
  width:var(--fk-ke-card);margin:0;padding:0;list-style:none;
  scroll-snap-align:start;
}
.fk-ke__card--hero{width:var(--fk-ke-hero);}

/* -------- carte d'accroche : équipe de France -------- */
.fk-ke__hero{
  position:relative;flex:1 1 auto;display:block;overflow:hidden;isolation:isolate;
  border-radius:var(--fk-ke-radius-lg);background:#101018;
  color:#fff;text-decoration:none;
  box-shadow:0 2px 10px rgba(0,0,0,.10);
  transition:transform .28s ease,box-shadow .28s ease;
}
.fk-ke .fk-ke__hero,
.fk-ke .fk-ke__hero:visited,
.fk-ke .fk-ke__hero:hover,
.fk-ke .fk-ke__hero:focus{color:#fff;text-decoration:none;}
.fk-ke .fk-ke__hero:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(2,12,144,.22);}
.fk-ke .fk-ke__hero:focus-visible{outline:3px solid var(--fk-blue);outline-offset:3px;}
.fk-ke .fk-ke__hero-img{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  object-fit:cover;object-position:center 18%;
}
.fk-ke__veil{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,
    rgba(6,10,40,0) 32%,
    rgba(2,12,144,.34) 64%,
    rgba(0,7,107,.92) 100%);
}
.fk-ke__kicker{
  position:absolute;top:clamp(14px,1.2vw,20px);left:clamp(16px,1.3vw,22px);
  font-family:"Brush Script MT","Segoe Script","Apple Chancery",cursive;
  font-size:clamp(16px,1.35vw,23px);font-style:italic;
  color:#fff;opacity:.95;text-shadow:0 2px 10px rgba(0,0,0,.55);
}
.fk-ke__hero-body{
  position:absolute;left:0;right:0;bottom:0;
  display:flex;flex-direction:column;align-items:flex-start;
  gap:clamp(12px,1.1vw,18px);padding:clamp(16px,1.5vw,26px);
}
.fk-ke__hero-title{
  font-size:clamp(22px,2.05vw,34px);font-weight:800;line-height:1.08;
  letter-spacing:-.01em;text-shadow:0 2px 14px rgba(0,0,0,.5);
}
.fk-ke__hero-cta{
  display:inline-block;padding:10px 22px;border-radius:8px;
  background:#fff;color:#0b0b12;border:1.5px solid #fff;
  font-size:clamp(13px,.92vw,15px);font-weight:700;line-height:1.3;
  transition:background .2s ease,color .2s ease;
}
.fk-ke .fk-ke__hero:hover .fk-ke__hero-cta{
  background:var(--fk-blue);border-color:var(--fk-blue);color:#fff;
}

/* -------- carte produit -------- */
.fk-ke__product{
  display:flex;flex-direction:column;gap:clamp(8px,.7vw,12px);
  color:inherit;text-decoration:none;
}
.fk-ke .fk-ke__product,
.fk-ke .fk-ke__product:visited,
.fk-ke .fk-ke__product:hover{color:inherit;text-decoration:none;}
.fk-ke .fk-ke__thumb{
  position:relative;display:block;overflow:hidden;
  aspect-ratio:4/5;border-radius:var(--fk-ke-radius);background:#f1f1f5;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
  transition:transform .28s ease,box-shadow .28s ease;
}
.fk-ke .fk-ke__product:hover .fk-ke__thumb{
  transform:translateY(-3px);box-shadow:0 16px 30px rgba(2,12,144,.18);
}
.fk-ke .fk-ke__product:focus-visible{outline:3px solid var(--fk-blue);outline-offset:3px;border-radius:6px;}
.fk-ke .fk-ke__img{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  object-fit:cover;object-position:center center;
}
.fk-ke__badge{
  position:absolute;top:clamp(9px,.85vw,13px);left:clamp(9px,.85vw,13px);
  display:inline-block;padding:5px 14px;border-radius:100px;
  background:var(--fk-blue);color:#fff;
  font-size:clamp(11px,.72vw,13px);font-weight:700;line-height:1.35;letter-spacing:.01em;
  box-shadow:0 2px 8px rgba(2,12,144,.28);
}
.fk-ke__info{display:flex;flex-direction:column;gap:clamp(5px,.45vw,8px);padding:0 2px;}
.fk-ke__name{
  font-size:clamp(13px,.95vw,16px);font-weight:700;line-height:1.28;color:#0b0b12;
}
.fk-ke .fk-ke__product:hover .fk-ke__name{color:var(--fk-blue);}
.fk-ke__prices{display:flex;align-items:baseline;flex-wrap:wrap;gap:clamp(8px,.7vw,12px);}
.fk-ke__price{
  font-size:clamp(14px,1vw,17px);font-weight:800;line-height:1.2;color:var(--fk-blue);
}
.fk-ke__was{
  font-size:clamp(12px,.88vw,15px);font-weight:400;color:#9a9aa6;
  text-decoration:line-through;
}

/* -------- pied de bloc : progression + flèches -------- */
.fk-ke__foot{display:flex;align-items:center;gap:clamp(14px,1.3vw,22px);margin-top:clamp(16px,1.5vw,24px);}
.fk-ke__prog{
  position:relative;flex:1 1 auto;height:3px;border-radius:3px;
  background:#e7e7ee;overflow:hidden;
}
.fk-ke__prog-fill{
  position:absolute;top:0;bottom:0;left:0;width:25%;border-radius:3px;
  background:var(--fk-blue);transition:transform .25s ease,width .25s ease;
}
.fk-ke__arrows{display:flex;gap:8px;flex:0 0 auto;}
.fk-ke__arrow{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;padding:0;cursor:pointer;
  border:1px solid #d9d9e3;border-radius:50%;
  background:#fff;color:var(--fk-blue);
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.fk-ke__arrow:hover:not(:disabled){background:var(--fk-blue);border-color:var(--fk-blue);color:#fff;}
.fk-ke__arrow:disabled{opacity:.35;cursor:default;}
.fk-ke__arrow svg{width:16px;height:16px;display:block;}

/* -------- petits écrans -------- */
@media (max-width:640px){
  .fk-ke{--fk-ke-card:min(56vw,250px);--fk-ke-hero:min(66vw,300px);}
}

/* -------- confort de lecture -------- */
@media (prefers-reduced-motion:reduce){
  .fk-ke__hero,.fk-ke__thumb,.fk-ke__hero-cta,.fk-ke__arrow,.fk-ke__prog-fill{transition:none;}
  .fk-ke__track{scroll-behavior:auto;}
}

/* ---- 0df76ac3 — avis clients ---- */
/* ---------------------------------------------------------------
   Ase Soccer — « Ce que dit nos clients »
   Bloc autonome : aucune dépendance au thème. Bleu du site #020c90,
   étoiles d'avis façon Trustpilot (carrés verts à étoile blanche).
   ---------------------------------------------------------------- */
.fk-avis{
  --fk-blue:#020c90;
  --fk-blue-dark:#00076b;
  --fk-star:#00b67a;
  --fk-star-empty:#dcdce6;
  --fk-avis-radius:18px;
  --fk-avis-card:clamp(238px,17.6vw,330px);
  box-sizing:border-box;
  max-width:1763px;
  margin:0 auto;
  padding:clamp(18px,2.2vw,34px) clamp(12px,1.6vw,26px) clamp(24px,2.4vw,42px);
  font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.fk-avis *,.fk-avis *::before,.fk-avis *::after{box-sizing:border-box;}

/* -------- en-tête -------- */
.fk-avis__head{margin:0 0 clamp(14px,1.5vw,22px);}
.fk-avis__title{
  display:flex;align-items:center;flex-wrap:wrap;gap:clamp(8px,.7vw,14px);
  margin:0;padding:0;font-size:0;line-height:1;
}
.fk-avis__title em{
  font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;
  font-size:clamp(19px,2vw,32px);line-height:1.05;color:#000;
}
.fk-avis__title span{
  display:inline-block;font-style:italic;font-weight:800;text-transform:uppercase;
  letter-spacing:-.02em;font-size:clamp(16px,1.7vw,28px);line-height:1.05;
  color:#fff;background:var(--fk-blue);
  padding:.14em .48em .2em;border-radius:10px;
  box-shadow:0 6px 16px rgba(2,12,144,.22);
}
.fk-avis__sub{
  margin:clamp(8px,.8vw,12px) 0 0;
  font-size:clamp(13px,1.02vw,17px);line-height:1.45;color:#4a4a55;
}

/* -------- piste (carrousel à tous les formats) -------- */
.fk-avis__track{
  display:flex;align-items:stretch;
  gap:clamp(12px,1.05vw,20px);
  margin:0;padding:2px 0 6px;list-style:none;
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x proximity;scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  overflow-anchor:none;
  scrollbar-width:none;-ms-overflow-style:none;
}
.fk-avis__track::-webkit-scrollbar{display:none;}
.fk-avis__card{
  display:flex;flex-direction:column;flex:0 0 auto;
  width:var(--fk-avis-card);margin:0;padding:0;list-style:none;
  scroll-snap-align:start;
  background:#fff;border:1px solid #ececf3;border-radius:var(--fk-avis-radius);
  overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,.05);
  transition:transform .28s ease,box-shadow .28s ease;
}
.fk-avis__card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(2,12,144,.14);}

/* -------- photo du client -------- */
/* sélecteurs doublés (`.fk-avis .fk-avis__x`) : `.elementor img{height:auto}`
   (spécificité 0-1-1) l'emporterait sinon sur une simple classe, et l'image
   déborderait du cadre au lieu d'être recadrée par `object-fit` */
.fk-avis .fk-avis__media{
  position:relative;display:block;margin:0;
  aspect-ratio:4/5;overflow:hidden;background:#f4f4f8;
}
.fk-avis .fk-avis__img{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  object-fit:cover;object-position:center 40%;
  transition:transform .45s ease;
}
.fk-avis__card:hover .fk-avis__img{transform:scale(1.03);}

/* -------- corps de la carte : étoiles, message, prénom -------- */
/* `flex:1 1 auto` : le corps occupe toute la hauteur restante de la carte,
   ce qui aligne les prénoms en bas sur toutes les cartes (messages de
   longueurs différentes) */
.fk-avis__body{
  display:flex;flex-direction:column;flex:1 1 auto;
  gap:clamp(8px,.7vw,12px);
  padding:clamp(13px,1.15vw,19px);
}
/* -------- note : étoiles façon Trustpilot + badge « Vérifié » -------- */
/* un carré par point ; la note décimale remplit le dernier carré à hauteur
   voulue (`--fk-avis-fill`), comme le fait Trustpilot pour 4,5 ou 3,5 */
.fk-avis__rating{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(8px,.7vw,12px);}
.fk-avis__stars{display:flex;align-items:center;gap:3px;}
.fk-avis__star{
  position:relative;display:block;flex:0 0 auto;overflow:hidden;
  width:clamp(16px,1.05vw,19px);height:clamp(16px,1.05vw,19px);
  border-radius:3px;background:var(--fk-star-empty);
}
.fk-avis__star-fill{
  position:absolute;top:0;bottom:0;left:0;width:var(--fk-avis-fill,100%);
  background:var(--fk-star);
}
/* `padding:2px` : même marge autour de l'étoile que le SVG du patch CSS
   (`patch.html`), qui restyle le balisage déjà en ligne — les deux rendus
   doivent être identiques au pixel près */
/* sélecteur doublé : l'ancienne règle `.fk-avis__stars svg` (0-1-1), encore
   présente si le patch CSS est posé, l'emporterait sur une simple classe */
.fk-avis .fk-avis__star-glyph{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  padding:2px;color:#fff;
}
.fk-avis__verified{
  display:inline-block;padding:3px 9px 4px;border-radius:3px;
  background:#f0f0f3;color:#111118;
  font-size:clamp(11px,.78vw,13px);font-weight:800;line-height:1.25;letter-spacing:.01em;
}
.fk-avis__text{
  margin:0;font-size:clamp(13px,.96vw,16px);line-height:1.5;color:#3c3c47;
}
.fk-avis__who{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:2px;}
.fk-avis__avatar{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:32px;height:32px;border-radius:50%;
  background:var(--fk-blue);color:#fff;
  font-size:12px;font-weight:800;letter-spacing:.02em;line-height:1;
}
.fk-avis__name{
  font-size:clamp(13px,.95vw,15px);font-weight:700;line-height:1.3;color:#0b0b12;
}

/* -------- pied de bloc : progression + flèches -------- */
.fk-avis__foot{display:flex;align-items:center;gap:clamp(14px,1.3vw,22px);margin-top:clamp(16px,1.5vw,24px);}
.fk-avis__prog{
  position:relative;flex:1 1 auto;height:3px;border-radius:3px;
  background:#e7e7ee;overflow:hidden;
}
.fk-avis__prog-fill{
  position:absolute;top:0;bottom:0;left:0;width:25%;border-radius:3px;
  background:var(--fk-blue);transition:transform .25s ease,width .25s ease;
}
.fk-avis__arrows{display:flex;gap:8px;flex:0 0 auto;}
.fk-avis__arrow{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;padding:0;cursor:pointer;
  border:1px solid #d9d9e3;border-radius:50%;
  background:#fff;color:var(--fk-blue);
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.fk-avis__arrow:hover:not(:disabled){background:var(--fk-blue);border-color:var(--fk-blue);color:#fff;}
.fk-avis__arrow:disabled{opacity:.35;cursor:default;}
.fk-avis__arrow svg{width:16px;height:16px;display:block;}

/* -------- petits écrans -------- */
@media (max-width:640px){
  .fk-avis{--fk-avis-card:min(74vw,300px);}
}

/* -------- confort de lecture -------- */
@media (prefers-reduced-motion:reduce){
  .fk-avis__card,.fk-avis__img,.fk-avis__arrow,.fk-avis__prog-fill{transition:none;}
  .fk-avis__track{scroll-behavior:auto;}
}

/* ---- 66ae91a5 — FAQ de l'accueil ---- */
.elementor-7159 .elementor-element.elementor-element-dc97ded{
  --fk-blue:#020c90;
}
/* ---------------------------------------------------------------
   Ase Soccer — habillage de la F.A.Q
   fk-faq-version: 2026-09-30.1

   Uniquement du CSS, ciblé sur la section FAQ de la page d'accueil
   (`dc97ded`). Aucun contenu n'est modifié : les questions, les
   réponses et les accordéons Elementor restent tels quels.

   Objectif : la F.A.Q doit ressembler aux blocs maison déjà en ligne
   (Top Concepts, Top du moment, Les maillots les plus demandés, Avis, maillots enfant) —
   bleu du site #020c90, pastille de titre, cartes blanches à coins
   arrondis, gris #4a4a55 pour le texte courant.

   La police n'est pas redéclarée : le thème l'impose de toute façon
   aux blocs existants, le rendu est donc identique.
   ---------------------------------------------------------------- */

/* -------- la section : fond clair + largeur de contenu des autres blocs -------- */
.elementor-7159 .elementor-element.elementor-element-dc97ded{
  background:#f7f7fb;
  padding:clamp(28px,3vw,52px) 0 clamp(32px,3.4vw,58px);
}
.elementor-7159 .elementor-element.elementor-element-dc97ded > .elementor-container{
  max-width:1763px;
  padding:0 clamp(12px,1.6vw,26px);
}
.elementor-7159 .elementor-element.elementor-element-dc97ded > .elementor-container > .elementor-column > .elementor-widget-wrap{
  padding:0 clamp(6px,.7vw,12px);
}
@media (min-width:1025px){
  .elementor-7159 .elementor-element.elementor-element-dc97ded > .elementor-container{gap:clamp(18px,1.8vw,34px);}
}

/* -------- accroche en gris, comme les sous-titres des autres blocs -------- */
.elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-element-2b0f95e .elementor-heading-title, .elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-element-61890c9 .elementor-heading-title{
  margin:0 0 clamp(8px,.8vw,12px);
  font-size:clamp(13px,1.02vw,17px);font-weight:400;line-height:1.45;color:#4a4a55;
}

/* -------- titre : la pastille bleue des autres blocs -------- */
.elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-element-0c585d8, .elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-element-ee30aa3{
  padding:0 0 clamp(14px,1.3vw,20px);
}
.elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-element-0c585d8 .elementor-heading-title, .elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-element-ee30aa3 .elementor-heading-title{
  display:inline-block;
  font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;
  font-size:clamp(18px,1.9vw,30px);line-height:1.05;color:#fff;
  background:var(--fk-blue);padding:.14em .48em .2em;border-radius:10px;
  box-shadow:0 6px 16px rgba(2,12,144,.22);
  -webkit-text-stroke-width:0;stroke-width:0;
}

/* -------- accordéons en cartes -------- */
.elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-widget-accordion .elementor-accordion{
  display:flex;flex-direction:column;gap:clamp(9px,.85vw,13px);
}
.elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-widget-accordion .elementor-accordion-item{
  border:1px solid #ececf3;border-radius:16px;overflow:hidden;background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.05);
  transition:box-shadow .25s ease,border-color .25s ease;
}
.elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-widget-accordion .elementor-accordion-item:hover{
  border-color:#dfe0ee;box-shadow:0 12px 26px rgba(2,12,144,.10);
}

/* question */
.elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-widget-accordion .elementor-tab-title{
  margin:0;padding:clamp(14px,1.15vw,18px) clamp(15px,1.2vw,20px);
  border:0;background:transparent;transition:background .2s ease;
}
.elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-widget-accordion .elementor-tab-title:hover{background:#f6f6fb;}
.elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-widget-accordion .elementor-tab-title .elementor-accordion-title{
  font-size:clamp(13.5px,1vw,15.5px);font-weight:700;
  line-height:1.35;letter-spacing:.01em;text-transform:none;color:#0b0b12;
}
.elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-widget-accordion .elementor-tab-title .elementor-accordion-icon{color:var(--fk-blue);}
.elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-widget-accordion .elementor-tab-title .elementor-accordion-icon svg{fill:currentColor;}

/* question ouverte : fond bleu du site, texte blanc */
.elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-widget-accordion .elementor-tab-title.elementor-active{background:var(--fk-blue);}
.elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-widget-accordion .elementor-tab-title.elementor-active .elementor-accordion-title{color:#fff;}
.elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-widget-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon{color:#fff;}

/* réponse */
.elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-widget-accordion .elementor-tab-content{
  padding:clamp(14px,1.15vw,18px) clamp(15px,1.2vw,20px) clamp(16px,1.3vw,20px);
  border:0;border-block-start:1px solid #ececf3;
  font-size:clamp(13px,1vw,15.5px);line-height:1.55;color:#4a4a55;
}
.elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-widget-accordion .elementor-tab-content p{margin:0 0 .7em;color:inherit;}
.elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-widget-accordion .elementor-tab-content p:last-child{margin-bottom:0;}
.elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-widget-accordion .elementor-tab-content a{color:var(--fk-blue);}

/* -------- confort de lecture -------- */
@media (prefers-reduced-motion:reduce){
  .elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-widget-accordion .elementor-accordion-item,
  .elementor-7159 .elementor-element.elementor-element-dc97ded .elementor-widget-accordion .elementor-tab-title{transition:none;}
}